{"_id":"@ds-labs.xyz/srt","_rev":"5-e8e91f50b7f8a0cfbc0fa1c40dcc26a7","name":"@ds-labs.xyz/srt","dist-tags":{"latest":"2.2.0"},"versions":{"1.0.0":{"name":"@ds-labs.xyz/srt","version":"1.0.0","description":"A high performance table component to perform real time searches on collections of thousands of items.","main":"dist/index.js","scripts":{"build":"babel ./src --out-dir ./dist -s inline","prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"repository":{"type":"git","url":"git+https://github.com/0x6C38/srt.git"},"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srt/issues"},"homepage":"https://github.com/0x6C38/srt#readme","peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5","@ds-labs.xyz/srp":"1.0.1"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@ds-labs.xyz/srp":"^1.0.1","react":"^16.8.5","react-dom":"^16.8.5"},"dependencies":{"prop-types":"^15.7.2"},"gitHead":"ace62f118d78349573bbfd619e2ee202cbfbd120","_id":"@ds-labs.xyz/srt@1.0.0","_nodeVersion":"11.12.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-km6AL28EKNVStNlklZt3GRHM3JOEKmybLCVTXaR8YVBZSqkOQcPpsTay0GaTYQkvt08V1wJJdG5nyE7m+84Qiw==","shasum":"cb2e3aa6a48876d83b75b2813d395c33e98cecf6","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srt/-/srt-1.0.0.tgz","fileCount":5,"unpackedSize":14992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmF8iCRA9TVsSAnZWagAAUm4P/A16Y285x/AVeY2kEKkq\nPX77p5bATm/ECOrF/sqp3DeSGfuYM0OOjRMJB0lctWxuoPZw1i6f9WwXNCrk\nvoAYqz+J4dtfNXeuLtodOJBS+vNe64i2wDbW+LjH7klK7iRFGg8gHn6h6BAY\nvLnCA/ACwFU5udqhiwTXSJ+mT6PEUPEaoh8yhxr7AqzaQKDhM3Ht4s3lS3PA\niWCSdGW5KO5eDL4kUCBoNdHbUObmyFlqhBbfyH/iZuUlHIE2g3Bj6dLDeLgp\nIXXTLEqcK64EkPvpzxpEsheMGZuNo3y0BouVBN3u1nAyW8bkDzX0fINQ4E07\nqQ8uLtdo9zX41aEboN2+2yggBGp7fR81TOXFtGC3PMnlDIu+3jjnUQvlQ/f0\nPHhnynkgnQYcnbxjHMfrsfqZWWtYRNta85pEFuIiybIuTihbS8HA0y2J6EfG\nrzABtkKZddw1CuxbvzCsBeyEPtKuAhhS5z6J/AEL/hjXBbHMiU0DMBBE8GVh\nfAZZnN2L0tMmIzVfm0kvkJLZ3lBYALutPBw0tWtIks4TenLovxQGC7eos0XP\n1BwZx40+fGuPt2mtFFoTXfhu3vdgdJl1rC+6tb5Hm+/PHH5glRBP+390vvYe\nmMwHuwmmCaZsbJzE8LWA0S73M4iPJ9DAgpUa/siaPUcvsGdcz4ZIaSYMofbc\nWh9O\r\n=HlLL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzVzzfK1IwYijWVS3ATh/fSnhMsNz4UJR0LT36PU2VoAiEA19C+4yG9zEmwLmB1p7ZZ6gmuL+cjQ4CsbyRGjnEJmAE="}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srt_1.0.0_1553489697409_0.937173006277632"},"_hasShrinkwrap":false},"2.0.0":{"name":"@ds-labs.xyz/srt","version":"2.0.0","description":"A high performance table component to perform real time searches on collections of thousands of items.","main":"dist/index.js","scripts":{"build":"babel ./src --out-dir ./dist -s inline","prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"repository":{"type":"git","url":"git+https://github.com/0x6C38/srt.git"},"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srt/issues"},"homepage":"https://github.com/0x6C38/srt#readme","peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5","@ds-labs.xyz/srp":"1.0.1"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@ds-labs.xyz/srp":"^1.0.1","react":"^16.8.5","react-dom":"^16.8.5"},"dependencies":{"prop-types":"^15.7.2","@ds-labs.xyz/srp":"1.0.1"},"gitHead":"ace62f118d78349573bbfd619e2ee202cbfbd120","_id":"@ds-labs.xyz/srt@2.0.0","_nodeVersion":"11.12.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-JdS3e2Cu3Cmo8ccvJgqv7RYaPEGaE06FfKTKVqHUPe8g3+MOmIQP5op1+rOP1cSRgQWxZbQA5+7JfME68p8M7A==","shasum":"ed26fcea5b39bf532c683a129083d9f2009aef90","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srt/-/srt-2.0.0.tgz","fileCount":5,"unpackedSize":15025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmGGjCRA9TVsSAnZWagAASEIQAKGwe6NfGwOoQNzjFWjs\nXRtjzNzDZWk51pqBTIHicqyh/UxQul8OH3LZFnJu8wVFUm/yOvL7g3GVIBcl\nrpKASHel2GPWHA+qIhLfEFYdNrJRDW4P9bfZbJ73qz+dbEkhLurwUPYsK2I7\neq/1xh/kv50S1/HhYFZ3ad6mmc7bB1nH6oudkuqt9ecjAw7pWEYcqkDR1egK\nhzV3U6mBz6DFNDz0HsTh7eMtkjjFRXGqWJnnMnyPN+4Yl2QrQi6J/TMb7mTm\n2NSirl0gavddW1/xV81Dky5AI6Om5cu8ZJQGP9mDppXdftV+qepzL4T6DhmD\njiIXRdlXwOnly00XIM6PXHNRgjY70+bHPL2uXGwP9CBYrBMwrgyDA/jzobbs\nSeEls0RPoyNFPj8+lJPK1+RVpPHZZt0YCPxRD6btzIuKYBMwFDeUrn1Z22rm\nRWLWeuSq313fe7BA5wwTKdCqPjnlVnZXguydGn+Fd27bj/QVZnqIx5209qE+\nh8xPhA8H9Q4c/wLp/97iGL/ThQk4M/AS4fqUF8jesBE88h90QrAVAg9OJxu9\n+Xf2efzAWYmCoYtT/V/tapJmTtmJ7IE56oyXHCjNsPQhYPVJ9fy/uzGg14YN\n98yWK1+L3W9vuLiK1NjY9ghDKQ92aQWGt3FdJMyjciFgihvtTFGaiiuTtvbe\nvjVE\r\n=jQ/B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6h7ux0Rt1KPr46Hv8vzBcgR8DSSQYf56uV3xsVTk7LwIhAPL/DmchC9eSwp4js+RfWYVrEZClcGZ9IJaHWlPKgaoS"}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srt_2.0.0_1553490338417_0.6572035132722398"},"_hasShrinkwrap":false},"2.0.1":{"name":"@ds-labs.xyz/srt","version":"2.0.1","description":"A high performance table component to perform real time searches on collections of thousands of items.","main":"dist/index.js","scripts":{"build":"babel ./src --out-dir ./dist -s inline","prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"repository":{"type":"git","url":"git+https://github.com/0x6C38/srt.git"},"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srt/issues"},"homepage":"https://github.com/0x6C38/srt#readme","peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","react":"^16.8.5","react-dom":"^16.8.5"},"dependencies":{"prop-types":"^15.7.2","@ds-labs.xyz/srp":"1.0.1"},"gitHead":"b72d0fc556ae857d9c5cf398ff6a26e01e209223","_id":"@ds-labs.xyz/srt@2.0.1","_nodeVersion":"11.12.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qID0lmvl6of48CSl7alhGNl2HrWXsrq4CuMLCLfimhDZSaXhkxRjuP58nH6Ip0q9xDtBi4snCBTTGFf6U0DzUg==","shasum":"3e13920be810d29d471005bdf61a0bd4018aa7bc","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srt/-/srt-2.0.1.tgz","fileCount":5,"unpackedSize":14907,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmGa4CRA9TVsSAnZWagAAD2cQAKB30gKSPiMJ0xzkH/gi\niHvTl+qESL47Ayu6CwihgQ5SlJHKX38vulRvFvhKcmZ/7vZkqtmAwD/yb2hd\nP/qvdNFrOZn9YcEIz/fbvwTcXX2pVsDDsnVGo5qBmxnD0jLzpoM/i233gc/9\ngpINI4+mq/FYpUC8MxceujmU5uVSRUBb9KBsW05mF0cPyWZxGcUtznXmrYd1\n+Vz/MkflWgugPgm3KzfB4d44NTQKabkqp6LNKqy6VOLhu6H7ZjnNSSJevLWO\nA7HQJ8nx+L9A1fX0yQ0QXhjWhJYOXwTeWt/8rxpolz5bbr2Pehuffma3WMSk\n5P69/giVFFOA5xe1epfyhomM7qRAyDQ1rYperLmsc/UcLHcOa1XcmnDlsTz3\nOY0mmrjZend5nphmlQjaU2IhYVttl+V9t/qLaBxSsxPVEWuKNutSojWxtif+\nAhWZLAMnvBdUymnsntDwWkBe9+2bg52NdT01BLGsEmkOcDNOJAxmhd5kiEDb\nLao+7fn5d0q1tboJWXOAuM7V8szdUOJfalalY3eGAfkTvNGLAaxy9rBjr5CI\n3QYztCxW1iFNW6DLTxEJZLGWh+cH+4kDiuO41QULCLNZdeIQ073A8KSC9hJJ\nWItkvTjczGrEfwdOpJW2NMxliZBdkiizm48NStOflTbuJfpnrKLrqYvn956m\nyPru\r\n=TKzP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEpBNSUj2+RHa6DkjtNp+wQnMtOj06lK+1aq+Ik6tyTqAiAi9CIwHT+8kYsfymH4ObnqfARaOq488m7nq73iG8+PvQ=="}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srt_2.0.1_1553491640017_0.7832876586266357"},"_hasShrinkwrap":false},"2.1.0":{"name":"@ds-labs.xyz/srt","version":"2.1.0","description":"A high performance table component to perform real time searches on collections of thousands of items.","main":"dist/index.js","scripts":{"build":"babel ./src --out-dir ./dist -s inline","prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"repository":{"type":"git","url":"git+https://github.com/0x6C38/srt.git"},"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srt/issues"},"homepage":"https://github.com/0x6C38/srt#readme","peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","react":"^16.8.5","react-dom":"^16.8.5"},"dependencies":{"prop-types":"^15.7.2","@ds-labs.xyz/srp":"1.0.1"},"gitHead":"45c311f71958a76e558f5409384ba70686fcc811","_id":"@ds-labs.xyz/srt@2.1.0","_nodeVersion":"11.12.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wC4uzQaFZBBGnKrjhKQbS/m1M42lGscZ5wQolZ09UOycdqYtWLJ5eb/32QXETbBdThcocjPqdrPAv8E/Nb8iFQ==","shasum":"052f2ab9f77ad49bf34dde82fa8aa0f6757b0b90","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srt/-/srt-2.1.0.tgz","fileCount":5,"unpackedSize":16338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmG46CRA9TVsSAnZWagAAd94P/2krR0xSjS708KnCYtML\nDcOoTkEVwz2SaoZ1ANjRa10HHCbn7DdHtc9FXhnsLG5ZOmy+K/68Fsyx0n4q\n+t4YO7uume4sbsnU2p+OSmEN5iH4uAtWrkrUxp2+EhdmQdYwtLPA1xlIUYhp\nqVUQUJPhAFfCLl5xA3H8rXFL/luqa3q3b9ozwKDo5qGqpRERw3EPfiHP+SvZ\n+oXnHIInnM5N4naNL1PDfGzs7kUOkPJ5mzT6a1dSSRa5m5w4XvZuIo75ljdm\nSt8qMVqqm8YmTiFL7DvK+sOT8lpk72yBqt8sjh3J9Pj3eBItvVJAFf9dRjX3\nD0ufyz6HFlnIFlbvuZc7IoRMF9UwAM3rg0RRZL9e24VvT+tNtuAHkXA2irtU\nP0EBHfKaXlUN49La6ehmbzE85cOllqEGezyerEtPI9sp8PhPD4OgXXUrDzHB\nqx0y7wyIRLDrQgoSXATEujfGTV58mmgWt6md1LO7nK9k3WjgBhRyHgLkmGKD\nATP8/OnTVylhNdA8eGeibw0EEGHmvjyMfDQIot57RSiLDdkVIosX5+6Q3ZK/\nXoMg0LE/bnjgMoPAKwaAC0MKA1nrLqkJ8EhDK/Qlwrwjjhkrxc8rWAxWSC4V\nyb+NahZfLyA4TIPLr6DJhjioJsj9pYEqoZcKW7QRrF9qrfrxmVFJaieRPmuC\n34qm\r\n=YdtS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICQ5S+nr1DsnIZafuPGykIKlEg1iUKzrMT26eJRbIM9TAiAOEZS1K4BeCjL/P79foFZgFJqLw7l4tP/JroXnqUgH2w=="}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srt_2.1.0_1553493561563_0.4171407079841263"},"_hasShrinkwrap":false},"2.2.0":{"name":"@ds-labs.xyz/srt","version":"2.2.0","description":"A high performance table component to perform real time searches on collections of thousands of items.","main":"dist/index.js","scripts":{"build":"babel ./src --out-dir ./dist -s inline","prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"repository":{"type":"git","url":"git+https://github.com/0x6C38/srt.git"},"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srt/issues"},"homepage":"https://github.com/0x6C38/srt#readme","peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","react":"^16.8.5","react-dom":"^16.8.5"},"dependencies":{"prop-types":"^15.7.2","@ds-labs.xyz/srp":"1.1.0"},"gitHead":"69b47f82afefe2464f5eed71fe6dfa810ed71c85","_id":"@ds-labs.xyz/srt@2.2.0","_nodeVersion":"11.15.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-+qji0KNoCUkKVuhwiRQPvxsL/8rwx2TwIwKiuBoTxHMkcxJQhnXDTqLjEWZ69uM6kCXTCd205tgaVxl5XWeA5g==","shasum":"0797fd1a4b1d77947d41a5ba1486f381fe063118","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srt/-/srt-2.2.0.tgz","fileCount":6,"unpackedSize":20522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdLknACRA9TVsSAnZWagAAy9MP/RVn7O5z2eSUc3BCYGPR\nJfc/hPqY9X+O+Jg56rXRDBFZBBXfgfHq5k4i0M9Mfm8WeUisTOerPZLrpplr\nWx0UP5286bcpVzeKDJj1dkWAcYRn1CZDhm06S5+QOmxAu4us/wMxdoWNSr6m\njXlDsHpgP5og/dl8Thh+qm1YYGs87TeYubMwE+ep+lJXjowt6OYoAuyVymPc\nlGBby4rEkBLfhwMkKbFE4Adx2GWc2PjVOUNV9VBwPt7OFJL/LRFC1DMMnYqY\nU8KevdqXhjnCbwjbh+aSYJhvomf2oRlpTggmK1RtTYxsC7CoiZkKjH4GUwJd\ny+sWjj8GHtLCoHXCEyREwAlrSqudRKfwyH8R8gC22+TZCQogInPEnIQaba/g\nTJHfwIb7KF0if/zhkt/pRfNdRtc+UGmvHJMwKiOzn4pHvhenZarixQqK3QrK\neuCtHYW+s0TzuyTwyrm4m3OAHjTrDpiUDNj/Wpjoj3NAH0aaVq40AdyFpap1\n7QsN+qkQ9ZO9mIgWUM1hf4pIQXcvYAHPMvZzS+q2533cRjXFzpXfAharHgd6\nx9YODnpaebWH+ZoQ9XWLbyGjgOQMGuNI/bA/bwlvT6JQJC3+Xg2uO7uFK5sR\n7DOnp/O69jHz7nrbXleq1q3A8LteD4rzHJGw657fgzSe8HdDBxk2Om4aSZEv\nZi5/\r\n=dZpy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGRacpUPWEHbpXUbQCsLyVGSwqWCdVoujn71wbNkAyo3AiAtXluHD4cVHXsHH6U1atNiUa9MYZaoRgtIB7jkgeS+Aw=="}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srt_2.2.0_1563314623640_0.5271305400768946"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-25T04:54:57.232Z","1.0.0":"2019-03-25T04:54:57.589Z","modified":"2022-04-05T05:43:32.437Z","2.0.0":"2019-03-25T05:05:38.615Z","2.0.1":"2019-03-25T05:27:20.145Z","2.1.0":"2019-03-25T05:59:21.670Z","2.2.0":"2019-07-16T22:03:43.796Z"},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"description":"A high performance table component to perform real time searches on collections of thousands of items.","homepage":"https://github.com/0x6C38/srt#readme","repository":{"type":"git","url":"git+https://github.com/0x6C38/srt.git"},"author":{"name":"Danilo Salvio"},"bugs":{"url":"https://github.com/0x6C38/srt/issues"},"license":"ISC","readme":"# Searchable React Table\nA searchable table react component that can filter items in real time and handle pagination.\n\n![demo](images/srt-demo.gif)\n\n## Set up\n`srt` can be installed from [`npm`](https://www.npmjs.com/package/@ds-labs.xyz/srt) by running:\n\n    npm i @ds-labs.xyz/srt\n\n## Usage\nFirst of all, import the component:\n\n    import {GenericTable} from \"@ds-labs.xyz/srt\"\n\nThese are the properties that it takes:\n\n    Pagination.propTypes = {\n        items: PropTypes.array.isRequired,\n        itemsPerPage: PropTypes.number.isRequired,\n        columnNames: PropTypes.arrayOf(PropTypes.string).isRequired,\n        itemToRow: PropTypes.func.isRequired,\n        itemMatchesTerm: PropTypes.func.isRequired\n    }\n\nFor example, given some data:\n\n    data: [{\"company\":\"Purdy and Sons\",\"username\":\"Timmothy.Block24\",\"password\":\"C6PUUiYZHqiyvll\",\"role\":\"administrator\",\"phone\":\"(517) 409-5682\",\"cell\":\"(469) 920-8789\"},{\"company\":\"Luettgen - Blick\",\"username\":\"Madisyn62\",\"password\":\"rJtz10aE8kvBFKR\",\"role\":\"guest\",\"phone\":\"(836) 546-4913\",\"cell\":\"(214) 449-5860\"},{\"company\":\"Homenick - Runte\",\"username\":\"Osborne_Heidenreich\",\"password\":\"JoLYgIw9eRC0WUx\",\"role\":\"user\",\"phone\":\"(929) 902-8826\",\"cell\":\"(214) 610-5370\"},{\"company\":\"Kuhic and Sons\",\"username\":\"Barry_Rippin86\",\"password\":\"dT5HoDPN0ixGRv0\",\"role\":\"administrator\",\"phone\":\"(516) 639-7273\",\"cell\":\"(214) 052-7641\"},{\"company\":\"Balistreri and Sons\",\"username\":\"Esteban84\",\"password\":\"Fk7YgXEccUfiUQw\",\"role\":\"user\",\"phone\":\"(940) 046-1579\",\"cell\":\"(972) 703-1417\"},{\"company\":\"Erdman - Kozey\",\"username\":\"Miles_Feest\",\"password\":\"V8f4reHeaqFmlM9\",\"role\":\"administrator\",\"phone\":\"(248) 075-4973\",\"cell\":\"(469) 128-7181\"},{\"company\":\"Dietrich - Cole\",\"username\":\"Deonte.Kerluke\",\"password\":\"8W9qVxvrXRIJAqt\",\"role\":\"guest\",\"phone\":\"(815) 967-9067\",\"cell\":\"(972) 843-7598\"},{\"company\":\"Walsh Group\",\"username\":\"Alivia_Rau21\",\"password\":\"zGZOMlsOrEwqFGr\",\"role\":\"guest\",\"phone\":\"(946) 967-2252\",\"cell\":\"(469) 814-8877\"},{\"company\":\"Jacobs - Jerde\",\"username\":\"Saige.McLaughlin2\",\"password\":\"BBpslmHdfHCrhYy\",\"role\":\"guest\",\"phone\":\"(358) 609-5599\",\"cell\":\"(972) 293-1447\"},{\"company\":\"Ritchie - Cummerata\",\"username\":\"Camden.Kilback\",\"password\":\"92YIA1SjnOERTEw\",\"role\":\"guest\",\"phone\":\"(389) 048-1385\",\"cell\":\"(214) 140-1095\"},{\"company\":\"Ullrich - Walsh\",\"username\":\"Osbaldo.Wyman\",\"password\":\"k63W2NH93WH5r2m\",\"role\":\"user\",\"phone\":\"(130) 363-1766\",\"cell\":\"(972) 073-5383\"},{\"company\":\"Lebsack - O'Conner\",\"username\":\"Arthur65\",\"password\":\"Jx7ub9IuI8qYs1X\",\"role\":\"guest\",\"phone\":\"(713) 597-4919\",\"cell\":\"(214) 055-9390\"},{\"company\":\"Pagac - Kuhic\",\"username\":\"Sarah.Sanford87\",\"password\":\"UG2PvVkFyoghi8r\",\"role\":\"guest\",\"phone\":\"(639) 812-6142\",\"cell\":\"(214) 624-0200\"},{\"company\":\"Gutkowski - Doyle\",\"username\":\"Brannon.Gerhold97\",\"password\":\"AETG5SYd6kimLoX\",\"role\":\"user\",\"phone\":\"(782) 888-8331\",\"cell\":\"(214) 201-7234\"},{\"company\":\"Rosenbaum - Blick\",\"username\":\"Chelsey_Moore\",\"password\":\"4gLlxl5UpOlgMt7\",\"role\":\"guest\",\"phone\":\"(886) 842-5387\",\"cell\":\"(214) 948-1155\"}]\n\nWe can define a can use the component like this:\n\n    <GenericTable items={this.state.data}\n                  itemsPerPage={12}\n                  columnNames={[\"Username\", \"Role\", \"Company\", \"Phone\"]}\n                  itemToRow={this.itemToRow}\n                  itemMatchesTerm={this.itemMatchesTerm}/>\n\nWhere the `itemToRow` property is a function that must take an item from the `items` and return a rendered row:\n\n    itemToRow = (item) => {\n       return <tr key={item.username}>\n         <th scope=\"row\" style={{fontWeight: \"normal\"}}>{item.username}</th>\n         <td>{item.role}</td>\n         <td>{item.company}</td>\n         <td>{item.phone}</td>\n       </tr>\n     }\n\nAnd the `itemMatchesTerm` property is a function will take an item, validate it against the current search term and return a value:\n\n     itemMatchesTerm = (item, term) =>\n         item.username.toUpperCase().includes(term) || item.username.toLowerCase().includes(term) ||\n         item.role.toUpperCase().includes(term) || item.role.toLowerCase().includes(term) ||\n         item.company.toUpperCase().includes(term) || item.company.toLowerCase().includes(term)","readmeFilename":"README.md"}