{"_id":"@supabase/react-data-grid","_rev":"39-0f9779fda4ca1069599a9cedb868b83c","name":"@supabase/react-data-grid","dist-tags":{"canary":"7.0.0-canary.43","latest":"7.1.0-beta.7","beta":"7.1.0-beta.7"},"versions":{"7.0.0-canary.44":{"name":"@supabase/react-data-grid","version":"7.0.0-canary.44","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.0.0-canary.44","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"homepage":"https://github.com/adazzle/react-data-grid#readme","bugs":{"url":"https://github.com/adazzle/react-data-grid/issues"},"dist":{"shasum":"5c4d86f673c058f23b9fdc0231df9907eba7b615","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.0.0-canary.44.tgz","fileCount":9,"integrity":"sha512-mIQHyIqer4SKDqpiMJ/rRJ63EFVgY3y5c0rUIVqJDQ28EjHgWPKevOAhzjtYpL060JF/6LNLaYO06lvu15YR9g==","signatures":[{"sig":"MEQCIA621PIT6mTDG3tuz0vCyfn9o9zf2PRVPjVe+o0W6RXKAiBJOoa3bw7k7HpKKejSBlJr3LNotiViHxeMii41KezYog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":563902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkLKaCRA9TVsSAnZWagAAUNUP/05IaBU/wWQ++x3mhstx\nKzZgQvq2wCB9hIAXS8sfD5MiLGH2lV2CzIaMJFlE4mOXkI5FW87S2UctA2yo\n+0UGr+zZJ4jROx33xxmnOMmjYER81vP2g2oU0U3CR4mVe2cE2m4IwSINajte\n8vQRP+pYykOqltvqYEPLYSzGB2EMD3Akp0ZSCi/fedVqf2cS+XND4I937Bh7\nU9BJlGUlPyScbBEUzxDToR2i8HQjntf/Pw6+7v2ub5JK/xSZWqiE5nY5/vHv\nR70RA/km0Nf0z6drJw0IDpj3V28hMVxjrPgRJo8rlLrcWq8fRmdgBiwXs+u0\n93gsXZqYpyrNENsvs0qTGFXWGhhl4lrIsRTa/ikDZNta1yGDW5IDD21ZI/Jp\nSKhoJjzLxSIl5rnpyD1QEvqazFi0hMv+RrPblLFnbjA7S0YNaLfIIy8HcIFz\nJ4ZiyoiU9QTglDw0A5jpPVxjc6FyxRFFtJHWocbGuDT+xxePsj3UEfH8t9in\neG05psM+xv4R/O9ROl9zx6DyltgCI5oaObKatpDce5Xefds3mNRJMaEITyTY\nZoOXkTU5xE/5VcAZp2XcFWl3hU5R8Q5HZ0S1HCtvWHNq58nlv1Ci73072LMQ\n8EdYv05ikMM4odLGKh+bC1YIuDatqeKOuWt6EwzUR5IAg0XZG1I0vK/llouU\nhCg9\r\n=o627\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"b88a7e75786fdddc3ec5c49ae37cb6048d1e0221","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && tsc && api-extractor run --local --verbose","build-storybook":"build-storybook --quiet"},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/adazzle/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","xlsx":"^0.16.9","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.24.0","lodash":"^4.17.21","rollup":"^2.45.2","core-js":"^3.11.0","postcss":"^8.2.10","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.4","typescript":"~4.2.4","@babel/core":"^7.13.16","@types/jest":"^26.0.22","@types/faker":"^5.5.3","@types/react":"^17.0.3","babel-loader":"^8.2.2","react-popper":"^2.2.5","react-select":"^3.2.0","@linaria/core":"^3.0.0-beta.3","@types/lodash":"^4.14.168","@babel/runtime":"^7.13.17","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.3","@linaria/shaker":"^3.0.0-beta.3","jspdf-autotable":"^3.5.14","@storybook/react":"^6.2.8","@types/react-dom":"^17.0.3","@babel/preset-env":"^7.13.15","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.5","eslint-plugin-node":"^11.1.0","react-sortable-hoc":"^2.0.0","@babel/preset-react":"^7.13.13","@types/react-select":"^3.1.2","eslint-plugin-react":"^7.23.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.3","eslint-plugin-sonarjs":"^0.6.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^11.2.6","eslint-plugin-jest-dom":"^3.8.0","@juggle/resize-observer":"^3.3.0","@linaria/webpack-loader":"^3.0.0-beta.3","mini-css-extract-plugin":"^1.5.0","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.13.0","@microsoft/api-extractor":"^7.14.0","@testing-library/jest-dom":"^5.11.10","@typescript-eslint/parser":"^4.22.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.1","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/user-event":"^13.1.5","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.13.15","@typescript-eslint/eslint-plugin":"^4.22.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.0.0-canary.44_1620095641810_0.6686103047167125","host":"s3://npm-registry-packages"}},"7.0.0-canary.45":{"name":"@supabase/react-data-grid","version":"7.0.0-canary.45","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.0.0-canary.45","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"homepage":"https://github.com/adazzle/react-data-grid#readme","bugs":{"url":"https://github.com/adazzle/react-data-grid/issues"},"dist":{"shasum":"a09761bf127607ff842cb75e0478b6d131cd098a","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.0.0-canary.45.tgz","fileCount":9,"integrity":"sha512-J++R5+/8bnktKQ21VEs4U+/0M2P5pfs/s0t2N3Thz30ILGkP2Dy25YAyqInFYMprM6iuiPlCOguZAPPQOTYsEQ==","signatures":[{"sig":"MEYCIQDAZhCJTYFvTetph0yfZS+sc4ojASHlA45BxJ6dOFsZ6QIhAJsQiw5HIZTyR1lyDkwzHZaW15CHBNbjqBEyEJuIFoIq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":563902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkLMFCRA9TVsSAnZWagAA2MAP/3Ct3NczG9sCEsGgKHa0\nF35ma39WeNOUONUAXXPOSdygVX4ZpKnYoQDChgWHFuMrWaJrKzY5hTfSs/7e\n4oju5TcrAJf1SLA6eDEMH/KZTGvN6kX6wVmauwMAU2eHxRTPmgqUHyZdfxG7\nok1INUo0FXF4/c+uRx/ipsxYnWi+iRf6PiNPw4EviaIBTUyQZrXaxXGNetpX\nW1ii7l3hUSChco3LI9DcigR6POOR/pqLvLCHn8C/BfvohkSHygQ310q49kas\nGciMhXrdh3mEH+UDcmn2VET+byCaGjHIYSrdr1x+IUywv7HQBTeml4Vr2kcR\nJ/yViSPDD3WNBlunu6QQDAxCnyh4GwzQpb9Y9NJNdRHbjBj6i/yTRfrvtRup\nCa6CB5/5rnt8P9tdoylUYgQziPe4JoJntBy/g5QP1632sdeC8DNEG6YKa/Hp\nIolwnxfdZZvIwgkQI0uDoGwkum1fLmIT5xZiZUtPbETp0Wr3EJO7dXcrccZC\nPD1LeIbIEgoabKKnood8NO9yu11xOuya7H68OxaE/kY+qvfA7gQG1KPMn1sH\ned0QgbTKDFE1pZvfl2Ppqhx+R6YRTWd9hB704hjdl/vstC3ae4yIEh58tced\nDP/Y77/fZvlEpYvGVe8UYtP0/hpwWTTSgmkkAZUNCbWUwCEec2xkU16Z2TWo\nPxy/\r\n=GGOi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/react-data-grid\n[npm-url]: https://www.npmjs.com/package/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=react-data-grid\n[type-badge]: https://img.shields.io/npm/types/react-data-grid\n[ci-badge]: https://github.com/adazzle/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/adazzle/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\"@babel/env\", {\n      \"bugfixes\": true,\n      \"shippedProposals\": true,\n      \"corejs\": 3,\n      \"useBuiltIns\": \"entry\"\n    }]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: [\n        './src/**/*',\n        './node_modules/react-data-grid/lib/**/*'\n      ]\n    })\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return (\n    <DataGrid\n      columns={columns}\n      rows={rows}\n    />\n  );\n}\n```\n\n## Documentation\n\n- [Website](https://adazzle.github.io/react-data-grid/canary/)\n  - [Source code](stories)\n- [Old website for react-data-grid v5](https://adazzle.github.io/react-data-grid/)\n- [Changelog](CHANGELOG.md)\n- [Contributing](CONTRIBUTING.md)\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"ccbf5b9eb4f694e3afab0539447048dd83317fe3","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && tsc && api-extractor run --local --verbose","build-storybook":"build-storybook --quiet"},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/adazzle/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^26.6.3","xlsx":"^0.16.9","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.24.0","lodash":"^4.17.21","rollup":"^2.45.2","core-js":"^3.11.0","postcss":"^8.2.10","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.4","typescript":"~4.2.4","@babel/core":"^7.13.16","@types/jest":"^26.0.22","@types/faker":"^5.5.3","@types/react":"^17.0.3","babel-loader":"^8.2.2","react-popper":"^2.2.5","react-select":"^3.2.0","@linaria/core":"^3.0.0-beta.3","@types/lodash":"^4.14.168","@babel/runtime":"^7.13.17","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.3","@linaria/shaker":"^3.0.0-beta.3","jspdf-autotable":"^3.5.14","@storybook/react":"^6.2.8","@types/react-dom":"^17.0.3","@babel/preset-env":"^7.13.15","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.5","eslint-plugin-node":"^11.1.0","react-sortable-hoc":"^2.0.0","@babel/preset-react":"^7.13.13","@types/react-select":"^3.1.2","eslint-plugin-react":"^7.23.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.3","eslint-plugin-sonarjs":"^0.6.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^11.2.6","eslint-plugin-jest-dom":"^3.8.0","@juggle/resize-observer":"^3.3.0","@linaria/webpack-loader":"^3.0.0-beta.3","mini-css-extract-plugin":"^1.5.0","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.13.0","@microsoft/api-extractor":"^7.14.0","@testing-library/jest-dom":"^5.11.10","@typescript-eslint/parser":"^4.22.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.1","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/user-event":"^13.1.5","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.13.15","@typescript-eslint/eslint-plugin":"^4.22.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.0.0-canary.45_1620095748631_0.2820199359148159","host":"s3://npm-registry-packages"}},"7.0.0-canary.46":{"name":"@supabase/react-data-grid","version":"7.0.0-canary.46","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.0.0-canary.46","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"78da6a50a20442ba387c6c8509dc99f0b7953526","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.0.0-canary.46.tgz","fileCount":9,"integrity":"sha512-V2dkTebTOeH4MyhQoKXuzqiGKPbCVF1bxeMzM3+Q0RL5GqA67RW9g3Kjd+DwUIcTVkLMm7uAs7lQ0Y+Mb4HBXw==","signatures":[{"sig":"MEQCIGH8Lf10d7Yc/3dsXsxUrbHe/UKIZu1UF48r2+4nUTm5AiBTHKU9OtCF1qcfC4GOzlBlNzz3QU/1CYM2Hbq4izzgvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":563712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkLj8CRA9TVsSAnZWagAAN+cP/1x+/lMzq0T/JOzg2GVp\ncncQlO47ftiqAb13uE1lG9f7f36nm3XZv45T8E1getDpsCOS+2uovaEsoVhW\nOOgv8nWoAadd+jGA4mCJ8EZ2yPmgjlqcH8fJNQoGUPcQRvTBMWyw0my8cPsP\nC2H1JPzIQf65lZq6pLh1xw3WbY/ydOlU9NDFg9KzdnycB76RkWxNK/2klGwR\nRJZCBzBqKio5/fvj/+p0A0KQee3ZVQtDto5u9HmSMz11fZ5KaAlBF4zDBgqg\nTXWkZgT1HVhOctTY1wdUHKtm7ucMts/K+y4rm+2TatAzPvohZO4OkSOaQ7WD\nuW9gWRkgAbCXEeqddzSAuKfP1HqncsYosPzFRCdF0KwyUXZK/DrMeZ1+n6dz\n0BURZPHlf/8pRx5gm5o7NGZEd6W5D4p/NoO0tJA88v34qAfrmb06SNzzsrx/\niCdL7/yELLovW/lyxsuVuCNFH6oVAryUdA8iI6E9crSOMBruhT2fxU3gktU/\nj0nIYZdYhJ3pZvTG44Sm7vwVY1Cl78MwGfJjG6TvoHR//MZ7yZaI35uDCKft\nTv3LyiGNEDpd11CPbL/0UyuaSUTvNKYntp/MPqTVDuGc0l4teM1f3+pQUotj\niqCCQ1U3ccKcHRPKOUwd+9tPbiRpHWeUFKjHpYw4Ktq+9+dBCkTf2JglMxA+\n2vWf\r\n=IWv9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\"@babel/env\", {\n      \"bugfixes\": true,\n      \"shippedProposals\": true,\n      \"corejs\": 3,\n      \"useBuiltIns\": \"entry\"\n    }]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: [\n        './src/**/*',\n        './node_modules/react-data-grid/lib/**/*'\n      ]\n    })\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return (\n    <DataGrid\n      columns={columns}\n      rows={rows}\n    />\n  );\n}\n```\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"aaf774cdede5790c97e7024b3e95a7fdada71a32","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && tsc && api-extractor run --local --verbose","build-storybook":"build-storybook --quiet"},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^26.6.3","xlsx":"^0.16.9","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.24.0","lodash":"^4.17.21","rollup":"^2.45.2","core-js":"^3.11.0","postcss":"^8.2.10","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.4","typescript":"~4.2.4","@babel/core":"^7.13.16","@types/jest":"^26.0.22","@types/faker":"^5.5.3","@types/react":"^17.0.3","babel-loader":"^8.2.2","react-popper":"^2.2.5","react-select":"^3.2.0","@linaria/core":"^3.0.0-beta.3","@types/lodash":"^4.14.168","@babel/runtime":"^7.13.17","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.3","@linaria/shaker":"^3.0.0-beta.3","jspdf-autotable":"^3.5.14","@storybook/react":"^6.2.8","@types/react-dom":"^17.0.3","@babel/preset-env":"^7.13.15","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.5","eslint-plugin-node":"^11.1.0","react-sortable-hoc":"^2.0.0","@babel/preset-react":"^7.13.13","@types/react-select":"^3.1.2","eslint-plugin-react":"^7.23.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.3","eslint-plugin-sonarjs":"^0.6.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^11.2.6","eslint-plugin-jest-dom":"^3.8.0","@juggle/resize-observer":"^3.3.0","@linaria/webpack-loader":"^3.0.0-beta.3","mini-css-extract-plugin":"^1.5.0","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.13.0","@microsoft/api-extractor":"^7.14.0","@testing-library/jest-dom":"^5.11.10","@typescript-eslint/parser":"^4.22.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.1","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/user-event":"^13.1.5","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.13.15","@typescript-eslint/eslint-plugin":"^4.22.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.0.0-canary.46_1620097275926_0.8918590813371459","host":"s3://npm-registry-packages"}},"7.1.0-canary.1":{"name":"@supabase/react-data-grid","version":"7.1.0-canary.1","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-canary.1","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"518ed84068cb96cb61b4593701b23a1d21eee075","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-canary.1.tgz","fileCount":9,"integrity":"sha512-AiaT8J7uTZX56aLII9kv/MnHoAXXIKcezaGQUnNM+UwVwUYj+ftgu0h3beuOWp3welQUG0nw8l3bS6qY6tDwcw==","signatures":[{"sig":"MEYCIQDR1Gn1e0E15muxNGevrTEWG4cM8Jkis0BLT2auMHvSDAIhAPnt4Nx2nT2cLEgEUEZFawKoLH7OjcGaDKT1y39gQHY0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":576766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqFn8CRA9TVsSAnZWagAAYSMP+wc3zHb/FcKBb6g7el4B\nBfgdjSxEGXY7LTyqsaTCf54DzqE5gQ8+TYeDjPq6S4nQxWf6rXGjHLbwBW/8\n1IXidDwXkgt7r/HHLRk58243wqGiqTp4R9oO9JpPbKsXu38jj8STe1LtobOZ\nVT6j2M2LIZlK8de063PuSrXh+Os/ew8VbQCHPufFzW/dSEQifVy2wFs3S1O3\nl1/v+zB29X5KgHk5oE+5WQFpAE3X3RjrgS376bPbE5rJzLd16MPPWEqdQ8nx\nB/z4xxTOfv2eRjrA6IuJJuuYIXeIEs+N1geKPkwXKDAhIGhGXjwbiMxlTI1k\nr1WrZ+9h7by2WQw7brFjXCHs3yhQGPJvFEe1a8HE+57hvqFknSCt3fKv9WS/\ngDt8hqsGLO7w224TvdwiEIypWfv4sO5VZe3yNYQ8x8DQIfXLQRCvTRk6oJTk\nqsuSArdXZCji7TrF2VBeSyWbe10E58azw7rCxHER3PVGapO6cJCXIXo5xXQ6\nzAcFZE6SlDJ8lHs1Xj9D3TkGqMRJ6IYK/mvFyAozDzbq0B9wSIqUIbi3qqG7\nEGytC9Z76nwhsbKgUNsnb+MtUUbLkV0MVifLitjyvID6mmxmlsqnhEuWCUb6\nbG0GuBDkeNZE0zz8/rITNNgWqegv0WGW8XXgqvU5DPXOV9+vaNtnmC6TKRS2\nQoDA\r\n=JcSq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![codecov-badge]][codecov-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\n      \"@babel/env\",\n      {\n        \"bugfixes\": true,\n        \"shippedProposals\": true,\n        \"corejs\": 3,\n        \"useBuiltIns\": \"entry\"\n      }\n    ]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: ['./src/**/*', './node_modules/react-data-grid/lib/**/*']\n    });\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"1d99eb3fbc7bd1d5cd8e6622d7ba4259598f26ed","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && tsc && api-extractor run --local --verbose","prettier:check":"prettier --check .","build-storybook":"build-storybook --quiet","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^26.6.3","xlsx":"^0.16.9","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.26.0","lodash":"^4.17.21","rollup":"^2.47.0","core-js":"^3.12.1","postcss":"^8.2.15","prettier":"^2.3.0","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.4","typescript":"~4.2.4","@babel/core":"^7.14.2","@types/jest":"^26.0.23","@types/faker":"^5.5.5","@types/react":"^17.0.5","babel-loader":"^8.2.2","react-popper":"^2.2.5","react-select":"^3.2.0","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.169","@babel/runtime":"^7.14.0","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.4","@linaria/shaker":"^3.0.0-beta.4","jspdf-autotable":"^3.5.14","@storybook/react":"^6.2.9","@types/react-dom":"^17.0.5","@babel/preset-env":"^7.14.2","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","react-sortable-hoc":"^2.0.0","@babel/preset-react":"^7.13.13","@types/react-select":"^3.1.2","eslint-plugin-react":"^7.23.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.4","eslint-plugin-sonarjs":"^0.7.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^11.2.6","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@linaria/webpack-loader":"^3.0.0-beta.4","mini-css-extract-plugin":"^1.6.0","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.13.0","@microsoft/api-extractor":"^7.15.1","@testing-library/jest-dom":"^5.12.0","@typescript-eslint/parser":"^4.23.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.1","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.2","@typescript-eslint/eslint-plugin":"^4.23.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-canary.1_1621645819558_0.5706636645293459","host":"s3://npm-registry-packages"}},"7.1.0-canary.2":{"name":"@supabase/react-data-grid","version":"7.1.0-canary.2","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-canary.2","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"6c3ba2f7d308aff9f025e4fe51cd44a96311db87","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-canary.2.tgz","fileCount":9,"integrity":"sha512-4DbRHCZZQp3wHsBnf87+9sL9H+MMhhNH/PNE3t1AEOs3Zmowz02rDDuX0TQ4w6SvyqnOJsNHWM5n6BWEDtQzLg==","signatures":[{"sig":"MEQCIHIgMx97ta9CTVHGmaT9WwBgCCkhhFQQraAXVWlv7yy2AiBByMBN+xJ2omU2T4KnN/jtToxKhlgfhyf5rs/+BS5qTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":571877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtZ6eCRA9TVsSAnZWagAAJeYQAIN2bwlinLn4JNufu9sd\no+GNlQr7+yZoIdxz/QKlcyLcVwc/B+VFvcYFgV7U73iFN3thT5HOLiineK9g\nwIP+oHBXm+DFiV/y5mGQxYDwGSesuRalkqTVUSAg//wGKcCIBPvj8yOEykcn\nIfuU1IN+JPjr99W+Wsz2eLth2fUzwv9uiG6QC3p5TT/fBU7plvcS8mSPlTTY\nTcMlpws1+vstWQ3Vm3UKMY/RuHbnb80cy3corRHQ2nFHuMUDP8wU9fJavy1B\nKTJUoywz/UMMNNSUJHMFeorKIUnaKcq6TTQRKGvYcZ2qcG553RsfcQAAy+wb\nmCHeffxSviu1WCAfMzKeruaokt0XmySn0zheNMxJxTTpL0STLPdghSEaTR99\nDE6vN0K9uLY1BbuuU/9iAjJPvntmNzbNI0agZt/rgmukRiFF1d0QT+6VlEmY\nCfobhoil002tpohh9Ty42yTSXdapJrFLiQRGLNHMHw2tL/C9t0eK7hvdVYSO\nfEus7F8toRhOrz9ycY9eAV7jmPHwnOP0Rw0qKVbI+QCZoUSufcJsWc739yJ4\n4f264iXJWReS2tEDlGakrqJwG1oDYE6m6ZHsmL7YmmZNBENn0LGgp1cKzH7N\noqVfYi3Tm8WV1mnKQgJQi00lNYbXLyXEozAxp+cLKuOK/kj06w0XLqoUf+Kj\nhleB\r\n=hQcA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![codecov-badge]][codecov-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\n      \"@babel/env\",\n      {\n        \"bugfixes\": true,\n        \"shippedProposals\": true,\n        \"corejs\": 3,\n        \"useBuiltIns\": \"entry\"\n      }\n    ]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: ['./src/**/*', './node_modules/react-data-grid/lib/**/*']\n    });\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"af6676608e87e051627e5976b33d1970c98f54d3","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","build-storybook":"build-storybook --quiet","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.1","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.27.0","lodash":"^4.17.21","rollup":"^2.50.1","core-js":"^3.13.0","postcss":"^8.3.0","prettier":"^2.3.0","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.6","typescript":"~4.3.2","@babel/core":"^7.14.3","@types/jest":"^26.0.23","@types/faker":"^5.5.5","@types/react":"^17.0.8","babel-loader":"^8.2.2","react-popper":"^2.2.5","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.170","@babel/runtime":"^7.14.0","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.4","@linaria/shaker":"^3.0.0-beta.4","jspdf-autotable":"^3.5.14","@storybook/react":"^6.2.9","@types/react-dom":"^17.0.5","@babel/preset-env":"^7.14.2","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","@babel/preset-react":"^7.13.13","eslint-plugin-react":"^7.23.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.4","eslint-plugin-sonarjs":"^0.7.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^11.2.7","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@linaria/webpack-loader":"^3.0.0-beta.4","mini-css-extract-plugin":"^1.6.0","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.13.0","@microsoft/api-extractor":"^7.15.2","@testing-library/jest-dom":"^5.12.0","@typescript-eslint/parser":"^4.25.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.1","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.3","@typescript-eslint/eslint-plugin":"^4.25.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-canary.2_1622515357694_0.47849762648599503","host":"s3://npm-registry-packages"}},"7.0.0-canary.43":{"name":"@supabase/react-data-grid","version":"7.0.0-canary.43","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.0.0-canary.43","maintainers":[{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"e76dc1cd6cb813eb8d9c95507120e35fa41536df","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.0.0-canary.43.tgz","fileCount":9,"integrity":"sha512-13HOM69g8alHxZhYApHAr3RIAc6RImRayod8YVZQKuR+zXa1a6BQsSaKcp5pXJ0tBoPCoBtMiUZUwkNKnMuelg==","signatures":[{"sig":"MEQCIB3fUY8N0MIUxpca9ssWSTtVVvDlgocltpnlgMH4CQqyAiAxRGmlLzzpxYkb5mvNW60WjW2Ds0vElbm+H7COM50vbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":556352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwcVNCRA9TVsSAnZWagAA3NcP/jfnJ7ux6KhClqSjX9Yi\n7B4qOneKWS6NjPdF7z5qap2uaSzZLJCF/3ufG7szBMP4azaXD3YrgxfFv4z2\n3GyBYU9wvF9MvSA6+yiT3F/c29pWJmvr6b29YLm2CLl/dJbbw2oobnuorBW7\nnOrPbg/RPQ6ifwC9YXscgdfUHe8lMIFEp/uP5KA2GnBgRw8CVlWz12o1/Yqz\nnToJ9PNwgN+g52VNsoHRtsD3/A/sbuhi5qgtI9msvPt+qNfc17HSZSWG4TP/\nV7+H2yhX9Bb0B2DCsLh9mOrS7F9zD0lT5AyvigH5MFfcU73rfwdrlkMJuaxP\noIZhVvJFClmcW5N6PDGri5YcVVCci9Uwl9WWvoOWd3rOLJ62M1EeE8BWcegL\nG+/N0M8PQbIzoqYAUeJopViXOIL9dzbH85qTWoOnF5LdzeR6MKEde8nxPd7Z\n3zzI6ykWxmyxhMX6wNJP5WM3LFtjf7B6aLaPO/LIJG6eewk1BCNegEoL7iKE\no/5g0XFd+WdPp5MUIX0PtFrw6rym3n/eL4A9CXdnjCzjatUcW1KlGXqEgUGR\nY/6729ZEt+sgNZaHB65sVu9YXGJUtp7vZCvKCRwAvcq89oGXi2D6Q6zmR4IW\ncrm26OptQ9k/Xog37JNdrC75N9U6QSKI3VuYjpL/usQsE213cpyhivEPRihY\no6C+\r\n=aq6g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![codecov-badge]][codecov-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\n      \"@babel/env\",\n      {\n        \"bugfixes\": true,\n        \"shippedProposals\": true,\n        \"corejs\": 3,\n        \"useBuiltIns\": \"entry\"\n      }\n    ]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: ['./src/**/*', './node_modules/react-data-grid/lib/**/*']\n    });\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"af6676608e87e051627e5976b33d1970c98f54d3","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","build-storybook":"build-storybook --quiet","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.1","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.27.0","lodash":"^4.17.21","rollup":"^2.50.1","core-js":"^3.13.0","postcss":"^8.3.0","prettier":"^2.3.0","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.6","typescript":"~4.3.2","@babel/core":"^7.14.3","@types/jest":"^26.0.23","@types/faker":"^5.5.5","@types/react":"^17.0.8","babel-loader":"^8.2.2","react-popper":"^2.2.5","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.170","@babel/runtime":"^7.14.0","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.4","@linaria/shaker":"^3.0.0-beta.4","jspdf-autotable":"^3.5.14","@storybook/react":"^6.2.9","@types/react-dom":"^17.0.5","@babel/preset-env":"^7.14.2","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","@babel/preset-react":"^7.13.13","eslint-plugin-react":"^7.23.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.4","eslint-plugin-sonarjs":"^0.7.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^11.2.7","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@linaria/webpack-loader":"^3.0.0-beta.4","mini-css-extract-plugin":"^1.6.0","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.13.0","@microsoft/api-extractor":"^7.15.2","@testing-library/jest-dom":"^5.12.0","@typescript-eslint/parser":"^4.25.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.1","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.3","@typescript-eslint/eslint-plugin":"^4.25.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.0.0-canary.43_1623311693652_0.08574652295711815","host":"s3://npm-registry-packages"}},"7.1.0-beta.0":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.0","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.0","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"8041fd62410d7060395fd8af5f769709d3f230fa","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.0.tgz","fileCount":9,"integrity":"sha512-e3ys3a7+G9K8nGALcH82+X+yI2H6btzq37ddjfmM/wClCYCbxBdvzwML4qZ7EO+qN5+0jBWaFAtXFYqeUdX/3Q==","signatures":[{"sig":"MEQCIHr73a/YOuMr8X+LCXEKub9P8+VWlOkofgZiR1lXeXrFAiA42zXcaAZvp2+xBhKymY/Ve6eFtMH2gwwHcGLNGlSiKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":579813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFc3kCRA9TVsSAnZWagAAHFwQAJQ8Pf7DTqbg7bkhtk2e\nA1P7mOuvLypCzDSLS30XgLqu7Io1PoKN9ObziT3+nydIHjsO8+CJWcnIOyTy\nP+Cw5gL4sNR3EQ9Lndy0gheNdAjzyLSQyse3+Z4gEOIYAYMIz308/3GfWi5A\nAxvH6qaswuDzs4nZ95hpo+4ornDSAi8HiCR/3tw3gvSDBvWtsnsziiE7Xpny\n0SKjHwNYR5HWvy1wfaebVypG+yWU3taTsZCPETvTUommuhy9BbkKoUp0EJeC\nBmMVhP1Y1m5zqJa42nkd+DVrrXhJa+gci0zvNEyiILew7zt47QTHg1JQ1lvR\nLAnMifRcIKMoQ/cgZuYov+0fORgKtUA+EYSNR0uhTXxIxDeZ5sIP53wW/H2y\n3PmMqqHftQE74yCWc45La84omsN62dz4MjB0pi4wChWcGU/dc4n19Qa2Lezl\n0MiYdc22OM2CnTp1qYb3fx4DgGc69eQz/cVYYrg2g34OrMzGs8ZB44BZsa9q\naW9qSmHPIomy/5amBwXi2Po5fqD2Zrj3Ia1GA0veDVkA14Z12EHzyiJjBg3W\ngZvsbJPRZ7ifpS2g580D4paI10DQ1c1j/7y8F7ADABkkVWkeXp8+jPwqUWKN\nE/PdetV3EOpXpbZzV3DrH5zkE3Ty4chnsEeXwKgPxwiIaPg4u4cM6DNWFRWD\n0CLh\r\n=maY9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![codecov-badge]][codecov-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\n      \"@babel/env\",\n      {\n        \"bugfixes\": true,\n        \"shippedProposals\": true,\n        \"corejs\": 3,\n        \"useBuiltIns\": \"entry\"\n      }\n    ]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: ['./src/**/*', './node_modules/react-data-grid/lib/**/*']\n    });\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"6e7e70e079e6fa66cd5b23ffd74eeb3187b69f47","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","build-storybook":"build-storybook --quiet","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","lodash":"^4.17.21","rollup":"^2.52.3","core-js":"^3.15.1","postcss":"^8.3.5","prettier":"2.3.2","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.6","typescript":"~4.3.4","@babel/core":"^7.14.6","@types/jest":"^26.0.23","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","react-popper":"^2.2.5","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.170","@babel/runtime":"^7.14.6","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.7","@linaria/shaker":"^3.0.0-beta.7","jspdf-autotable":"^3.5.14","@storybook/react":"^6.3.1","@types/react-dom":"^17.0.8","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.4","eslint-plugin-sonarjs":"^0.9.1","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@linaria/webpack-loader":"^3.0.0-beta.7","mini-css-extract-plugin":"^1.6.1","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.0_1628818915981_0.2628565956236879","host":"s3://npm-registry-packages"}},"7.1.0-beta.1":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.1","keywords":["react","react-data-grid","data-grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.1","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"7a27b06864cf2b7814a60a7728ddbeedcdb2c3d3","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.1.tgz","fileCount":9,"integrity":"sha512-2Q0Md+Kttcv82tyR5ygqK8mlEYaP9429J/d7WtVuAvUGm269QwBjJ++K2a5qff0+LTGJSCkQxyfChX3JWUP50Q==","signatures":[{"sig":"MEUCIHx6gFgsEgRvgqRDk1PdnNBtJS5JZ+pWC0kRG2ZNVw2yAiEA+1/2BH9ZssSFMJIRrAH6xCEBzLWlv/2c+TtBkhqxy/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":580629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFdRvCRA9TVsSAnZWagAApcoP/RT7SurUpZkutW7UKvs6\naxsqXj9hAl0TA4PRsnCCJ22ay1yMpopO9GJZD1MZAe9V62cN0Sis5MblUkZC\nyQ1fCPDEZ+MxlG98YxbVdJhBO+uTKGXnFkgtJ0nc3BskYzsMckWU4fKGyeE6\nR/EDfDEOE/URdP60MtVU5Le2IOC17ZOdAH2Ewd/Ol6hm0jsJqBfh1rA0g2pu\n1zovAZ7VOc5xXRC6aN8LuZ7nH6/mAwVm6HkLKCL6z8c2gfItmC7nYPUWzmiP\nXFot7LiuQXfciTNEZNGcJh0bQBjRb5HBiVzEFy2AzWHeiAAScpQ+Bdzpbeal\nvrYuFzVZY8z9bWd6XGsUlxxNW+arYSZYAAeFzPFTWOnsIXt+oxjNSmliybwI\n0IWua2oGWgr0+Qk+u6ySsgpuoRNR5Sdsph1DWebCQlcainTXOtUnj8lKYhSC\nGMy0OJkBDJKyfyhAQ+lZZql+lhaiSqlqFO32mBpOaH4VYx8RgJNed3XWFNdB\n94FkRSIdh2dnW+XDI+fTI+eKP2Y+KG1IxGavXNyOQHWXhFcbHyaEH7HSYFxQ\nz7F3gmFY2bJfFzRC61dBe0MlDQVQc5OK3tyoBPur6BADjhhu1q6AJAknuS2I\nUy2EXz3rZiGA22weDNy+BZdxqukWQ3UxD58RmaAZJ1iWJDyCsdcEiPCq1kuh\n/xqu\r\n=gHg+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![codecov-badge]][codecov-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\nreact-data-grid is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using [Babel](https://babeljs.io/) and [browserslist](https://github.com/browserslist/browserslist).\n\n<details>\n<summary>Example browserslist configuration file</summary>\n\n```\nlast 2 chrome versions\nlast 2 edge versions\nlast 2 firefox versions\nlast 2 safari versions\n```\n\nSee [documentation](https://github.com/browserslist/browserslist)\n\n</details>\n\n<details>\n<summary>Example babel.config.json file</summary>\n\n```json\n{\n  \"presets\": [\n    [\n      \"@babel/env\",\n      {\n        \"bugfixes\": true,\n        \"shippedProposals\": true,\n        \"corejs\": 3,\n        \"useBuiltIns\": \"entry\"\n      }\n    ]\n  ]\n}\n```\n\nSee [documentation](https://babeljs.io/docs/en/)\n\n- It's important that the configuration filename be `babel.config.*` instead of `.babelrc.*`, otherwise Babel might not transpile modules under `node_modules`.\n- We recommend polyfilling modern JS features with [core-js](https://www.npmjs.com/package/core-js) by adding the following snippet at the top of your bundle's entry file:\n  ```js\n  import 'core-js/stable';\n  ```\n  - Babel's `env` preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.\n- Polyfilling the [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) API is required for older browsers.\n</details>\n\n<details>\n<summary>Webpack configuration with babel-loader</summary>\n\n```js\n{\n  // ...\n  module: {\n    rules: {\n      test: /\\.js$/,\n      exclude: /node_modules[/\\\\](?!react-data-grid[/\\\\]lib)/,\n      use: 'babel-loader'\n    }\n  }\n}\n```\n\nSee [documentation](https://github.com/babel/babel-loader)\n\n</details>\n\n<details>\n<summary>rollup.js configuration with @rollup/plugin-babel</summary>\n\n```js\n{\n  // ...\n  plugins: {\n    babel({\n      include: ['./src/**/*', './node_modules/react-data-grid/lib/**/*']\n    });\n  }\n}\n```\n\nSee [documentation](https://github.com/rollup/plugins/tree/master/packages/babel)\n\n</details>\n\n## Usage\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"8705509600e6a971c787ef805d631b7d9974e0ac","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"start-storybook --quiet -p 6006","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src stories test","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","postpublish":"git push --follow-tags origin HEAD","deploy:canary":"npm publish --tag canary --access public","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","build-storybook":"build-storybook --quiet","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","lodash":"^4.17.21","rollup":"^2.52.3","core-js":"^3.15.1","postcss":"^8.3.5","prettier":"2.3.2","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^5.2.6","typescript":"~4.3.4","@babel/core":"^7.14.6","@types/jest":"^26.0.23","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","react-popper":"^2.2.5","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.170","@babel/runtime":"^7.14.6","@popperjs/core":"^2.9.2","@linaria/rollup":"^3.0.0-beta.7","@linaria/shaker":"^3.0.0-beta.7","jspdf-autotable":"^3.5.14","@storybook/react":"^6.3.1","@types/react-dom":"^17.0.8","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.4","eslint-plugin-sonarjs":"^0.9.1","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@linaria/webpack-loader":"^3.0.0-beta.7","mini-css-extract-plugin":"^1.6.1","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.1_1628820591250_0.24251220069406454","host":"s3://npm-registry-packages"}},"7.1.0-beta.2":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.2","keywords":["react","data grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.2","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"82345df1fd0dd5d0ad7d670e9c5514a18ce7ece4","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.2.tgz","fileCount":9,"integrity":"sha512-O2Ii4/pYfCozJMZI2EaUl6nrCBbmNSJo+aCNMGzP39ozWiHbV5m9n2lZPLFIbQBQI8Ueg1Q4R3ym4fDrbAKKfA==","signatures":[{"sig":"MEUCIHhE9ZXGDBYLW9lX0aomXtaAXlO04B5O7AEQO+l6BvgHAiEAhi2toKrq1ur7v78dr6gduX+B9hpwon2Yu+C9BsrjsCw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":625527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQTmwCRA9TVsSAnZWagAAoWEQAIApdPJVZdDR5qyTgcFr\nP0QQBbJBFlSbNAkbyuj9G6vqkeewcn3POccQmhwDGcQOHtLY4JjWFiaQB9iE\nOHKaAFhIDncVVjqYt5E45TYjywo4G5ERTpIj0vwEhaGSzBUenlzCfo3ZyRHg\nAVmaB/NALe976KtVyKYQXC5fa5XRVv3sCrUQKVbGHIf+nRBdcRYbQ7eeO7Lm\nQ2OtnFRu9x/6aYckz2v41FRw202hcjuivvlUjgYbGqTK50qm1c5CxWKuLmBS\nIPxaqPj1NupncYcGCHOOoahCYlehs+ZQj5bBL8HFsqZV0wjwp79v+R5LW6IH\negKdO0tjClBSCaElsdNLzRge2/QG/t0wq6Fg0y/m+JMgZtMwCXIcn5S/Kypf\nFs90Kr0AoB16xms9htVlvJMhO/cTQ4Up7EXBgLEey2Hepg+SUnXMiCMjnY1I\nXfnnt21OUuxrQoq5tYxKnsZHnYVyxoB5REadsrG2cskyv5JzRFN9JQS0zpcV\nPPdbG2f03jJBTpQCqqyWhULd9Dsk7GstMGy0TSgqr8ZRL01GtvcdKvQj8qqu\no2Eg5acHC3ue1G7cPX9Kl2ajCyJrkyy9jGph4CZNp1/8SoEylHSLJERZa2zj\ncvB5vcbQ+dvaSPoRxtOG2smCcrjVlLmHg+OUWTxez/6NnBzFU1rNvZ2Jy8xn\nbpL8\r\n=UV1n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![codecov-badge]][codecov-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Features\n\n- [React 16.14+ & 17.0+](package.json) support\n- [Evergreen browsers and server-side rendering](browserslist) support\n- Tree-shaking support and only [one npm dependency](package.json) to keep your bundles slim\n- Great performance thanks to virtualization: columns and rows outside the viewport are not rendered\n- Strictly typed with TypeScript\n- [Keyboard accessibility](<(https://adazzle.github.io/react-data-grid/#/common-features)>)\n- Light and dark mode support out of the box. The light or dark themes can be enforced using the `rdg-light` or `rdg-dark` classes.\n- [Frozen columns](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Column resizing](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Multi-column sorting](https://adazzle.github.io/react-data-grid/#/common-features)\n  - Click on a sortable column header to toggle between its ascending/descending sort order\n  - Ctrl+Click / Meta+Click to sort an additional column\n- [Column spanning](https://adazzle.github.io/react-data-grid/#/column-spanning)\n- [Row selection](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Row grouping](https://adazzle.github.io/react-data-grid/#/grouping)\n- [Summary rows](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Dynamic row heights](https://adazzle.github.io/react-data-grid/#/variable-row-height)\n- [No rows fallback](https://adazzle.github.io/react-data-grid/#/no-rows)\n- [Cell formatting](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Cell editing](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Cell copy / pasting](https://adazzle.github.io/react-data-grid/#/all-features)\n- [Cell value dragging / filling](https://adazzle.github.io/react-data-grid/#/all-features)\n\n## Links\n\n- [Examples website](https://adazzle.github.io/react-data-grid/)\n  - [Source code](website)\n- [Old website for react-data-grid v6](https://adazzle.github.io/react-data-grid/old/)\n- [Changelog](CHANGELOG.md)\n- [Contributing](CONTRIBUTING.md)\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\n`react-data-grid` is published as ECMAScript modules for evergreen browsers / bundlers, and CommonJS for server-side rendering / Jest.\n\n## Quick start\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n\n## API\n\n### Components\n\n#### `<DataGrid />`\n\n##### Props\n\n###### `columns: readonly Column<R, SR>[]`\n\nSee [`Column`](#column).\n\nAn array describing the grid's columns.\n\n:warning: Passing a new `columns` array will trigger a re-render for the whole grid, avoid changing it as much as possible for optimal performance.\n\n###### `rows: readonly R[]`\n\nAn array of rows, the rows data can be of any type.\n\n###### `summaryRows?: Maybe<readonly SR[]>`\n\nAn optional array of summary rows, usually used to display total values for example.\n\n###### `rowKeyGetter?: Maybe<(row: R) => K>`\n\nA function returning a unique key/identifier per row. `rowKeyGetter` is required for row selection to work.\n\n```tsx\nimport DataGrid from 'react-data-grid';\n\ninterface Row {\n  id: number;\n  name: string;\n}\n\nfunction rowKeyGetter(row: Row) {\n  return row.id;\n}\n\nfunction MyGrid() {\n  return <DataGrid columns={columns} rows={rows} rowKeyGetter={rowKeyGetter} />;\n}\n```\n\n:bulb: While optional, setting this prop is recommended for optimal performance as the returned value is used to set the `key` prop on the row elements.\n\n###### `onRowsChange?: Maybe<(rows: R[], data: RowsChangeData<R, SR>) => void>`\n\nA function receiving row updates.\nThe first parameter is a new rows array with both the updated rows and the other untouched rows.\nThe second parameter is an object with an `indexes` array highlighting which rows have changed by their index, and the `column` where the change happened.\n\n```tsx\nimport { useState } from 'react';\nimport DataGrid from 'react-data-grid';\n\nfunction MyGrid() {\n  const [rows, setRows] = useState(initialRows);\n\n  return <DataGrid columns={columns} rows={rows} onRowsChange={setRows} />;\n}\n```\n\n###### `rowHeight?: Maybe<number | ((args: RowHeightArgs<R>) => number)>`\n\n**Default:** `35` pixels\n\nEither a number defining the height of row in pixels, or a function returning dynamic row heights.\n\n###### `headerRowHeight?: Maybe<number>`\n\n**Default:** `35` pixels\n\nA number defining the height of the header row.\n\n###### `summaryRowHeight?: Maybe<number>`\n\n**Default:** `35` pixels\n\nA number defining the height of summary rows.\n\n###### `selectedRows?: Maybe<ReadonlySet<K>>`\n\n###### `onSelectedRowsChange?: Maybe<(selectedRows: Set<K>) => void>`\n\n###### `sortColumns?: Maybe<readonly SortColumn[]>`\n\n###### `onSortColumnsChange?: Maybe<(sortColumns: SortColumn[]) => void>`\n\n###### `defaultColumnOptions?: Maybe<DefaultColumnOptions<R, SR>>`\n\n###### `groupBy?: Maybe<readonly string[]>`\n\n###### `rowGrouper?: Maybe<(rows: readonly R[], columnKey: string) => Record<string, readonly R[]>>`\n\n###### `expandedGroupIds?: Maybe<ReadonlySet<unknown>>`\n\n###### `onExpandedGroupIdsChange?: Maybe<(expandedGroupIds: Set<unknown>) => void>`\n\n###### `onFill?: Maybe<(event: FillEvent<R>) => R>`\n\n###### `onPaste?: Maybe<(event: PasteEvent<R>) => R>`\n\n###### `onRowClick?: Maybe<(row: R, column: CalculatedColumn<R, SR>) => void>`\n\n###### `onRowDoubleClick?: Maybe<(row: R, column: CalculatedColumn<R, SR>) => void>`\n\n###### `onScroll?: Maybe<(event: React.UIEvent<HTMLDivElement>) => void>`\n\n###### `onColumnResize?: Maybe<(idx: number, width: number) => void>`\n\n###### `cellNavigationMode?: Maybe<CellNavigationMode>`\n\n###### `enableVirtualization?: Maybe<boolean>`\n\n###### <span name=\"rowRenderer\">`rowRenderer?: Maybe<React.ComponentType<RowRendererProps<R, SR>>>`</span>\n\nThe default `<Row />` component can be wrapped via the `rowRenderer` prop to add context providers or tweak props for example.\n\n```tsx\nimport DataGrid, { Row, RowRendererProps } from 'react-data-grid';\n\nfunction MyRowRenderer(props: RowRendererProps<Row>) {\n  return (\n    <MyContext.Provider value={123}>\n      <Row {...props} />\n    </MyContext.Provider>\n  );\n}\n\nfunction MyGrid() {\n  return <DataGrid columns={columns} rows={rows} rowRenderer={MyRowRenderer} />;\n}\n```\n\n:warning: To prevent all rows from being unmounted on re-renders, make sure to pass a static or memoized component to `rowRenderer`.\n\n###### `noRowsFallback?: React.ReactNode`\n\n###### `rowClass?: Maybe<(row: R) => Maybe<string>>`\n\n###### `className?: string | undefined`\n\n###### `style?: CSSProperties | undefined`\n\n###### `'aria-label'?: string | undefined`\n\n###### `'aria-labelledby'?: string | undefined`\n\n###### `'aria-describedby'?: string | undefined`\n\n###### `'data-testid'?: Maybe<string>`\n\n#### `<TextEditor />`\n\n##### Props\n\nSee [`EditorProps`](#editorprops)\n\n#### `<Row />`\n\nSee [`rowRenderer`](#rowRenderer)\n\n##### Props\n\nSee [`RowRendererProps`](#rowrendererprops)\n\nThe `ref` prop is supported.\n\n#### `<SortableHeaderCell />`\n\n##### Props\n\n###### `onSort: (ctrlClick: boolean) => void`\n\n###### `sortDirection: SortDirection | undefined`\n\n###### `priority: number | undefined`\n\n###### `isCellSelected: boolean`\n\n###### `children: React.ReactNode`\n\n#### `<ValueFormatter />`\n\n##### Props\n\nSee [`FormatterProps`](#formatterprops)\n\n#### `<SelectCellFormatter />`\n\n##### Props\n\n###### `value: boolean`\n\n###### `isCellSelected: boolean`\n\n###### `disabled?: boolean | undefined`\n\n###### `onChange: (value: boolean, isShiftClick: boolean) => void`\n\n###### `onClick?: MouseEventHandler<T> | undefined`\n\n###### `'aria-label'?: string | undefined`\n\n###### `'aria-labelledby'?: string | undefined`\n\n#### `<ToggleGroupFormatter />`\n\n##### Props\n\nSee [`GroupFormatterProps`](#groupformatterprops)\n\n### Hooks\n\n#### `useRowSelection<R>(): [boolean, (selectRowEvent: SelectRowEvent<R>) => void]`\n\n### Other\n\n#### `SelectColumn: Column<any, any>`\n\n#### `SELECT_COLUMN_KEY = 'select-row'`\n\n### Types\n\n#### `Column`\n\n#### `DataGridHandle`\n\n#### `EditorProps`\n\n#### `FormatterProps`\n\n#### `GroupFormatterProps`\n\n#### `RowRendererProps`\n\n### Generics\n\n- `R`, `TRow`: Row type\n- `SR`, `TSummaryRow`: Summary row type\n- `K`: Row key type\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"c3698eff24954a606f0dfe3a00dab0a2d219b00f","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"webpack serve --mode=development","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src test website","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","deploy:beta":"npm publish --tag beta --access public","postpublish":"git push --follow-tags origin HEAD","build:website":"webpack --mode=production","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Feature-rich and customizable data grid React component","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","rollup":"^2.52.3","postcss":"^8.3.6","webpack":"^5.52.1","prettier":"2.4.0","lodash-es":"^4.17.21","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^6.2.0","typescript":"~4.4.2","@babel/core":"^7.14.6","@types/jest":"^27.0.1","webpack-cli":"^4.8.0","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","style-loader":"^3.2.1","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.172","react-refresh":"^0.10.0","@babel/runtime":"^7.14.6","postcss-loader":"^6.1.1","postcss-nested":"^5.0.6","@linaria/rollup":"^3.0.0-beta.12","@linaria/shaker":"^3.0.0-beta.12","jspdf-autotable":"^3.5.14","@types/react-dom":"^17.0.8","react-router-dom":"^5.3.0","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","webpack-dev-server":"^4.2.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","html-webpack-plugin":"^5.3.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.12","eslint-plugin-sonarjs":"^0.10.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@types/react-router-dom":"^5.1.8","mini-css-extract-plugin":"^2.2.2","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@linaria/webpack5-loader":"^3.0.0-beta.12","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","css-minimizer-webpack-plugin":"^3.0.2","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0","@pmmmwh/react-refresh-webpack-plugin":"^0.5.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.2_1631664560277_0.527743449196068","host":"s3://npm-registry-packages"}},"7.1.0-beta.3":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.3","keywords":["react","data grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.3","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"7ea90c14290dd27ac6f38c56ed8cf284f0e3e6a9","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.3.tgz","fileCount":9,"integrity":"sha512-ySboBz2Y5a2omHU0M3m1Z8+snO8o+jRXdWPkKReRoxzVx38WnD4Gjrcpm0YVZOWArNmzW06dlGr/LYBDmGHkkw==","signatures":[{"sig":"MEQCID3J2TCwkDsSDlhyCgbdDg06G3DMizRPawXzJlUjrwosAiBC4ABe/sXx0Oqe94rB6GQ0KtkEnNYfTjUQ3UFmrGof5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":626790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQUYLCRA9TVsSAnZWagAAxe8P+wXlAzZr65Ad4spNouIj\notECQCJPHu8C5uelB8XcqG17we+WpER+m6fy9fIh8cN+yCNKn2xJf2paQ/RV\ntQRWRl7bYDDbA19X/WVB07jsnc800MP/a5EAg3PvrmcrJ0yE+uVoHT3u8wvZ\nXJ/w+IYjQEcDe9iQmOJM6tGGJC2q7Jq0Ns2BeeyOgEr0q+UeDvzFKPtGo10h\nBLc97uN4Qywejk+4afdcJjMopt9vT1sV5PsjsHUNON67WfstibGpxtDgscqI\nMzZjK4w9D3NCoYM1QrDPxQNmzQqDd3U9RuESbtQnFRE0uVCsNEkd9fEYOE9M\nitFXkD4Dx3V4jXqkQ0BOpo75cQbywxKhHt/xsWrCUIm+lbXGlQjzjI5iDTpg\nbTB/3ARhWfyc+j4rC03PtDHgxBud91lV8+MguSpCzByfJE7jS1ysHHi4PrSl\nF/u3R2CDyoIeqaWGtOjtdgqPtNCEojoxmCQ/9vgV3xzw3nUet671hNGQ9IFh\n42W3h+vuwPhSlsbFYHyPbfPwg5bypMOEqxGiKKLeOIulruheU8XOX12RrO31\nhHKfy3+zMVz+SFJoWuuTj/YHJL0jDcvBBPmj/xT0c/tTYWyVPfIk/sHB0w9+\nNAez1G6Ck3MsE5H74ZYBmWoSS2pdr+L7qacmTkL3JwAiwaGsSOdT9UvOlpJq\nXt6t\r\n=EMhZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"16ff91c9ea2e985d35964dbe3b6d9acd6b511f5a","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"webpack serve --mode=development","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src test website","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","deploy:beta":"npm publish --tag beta --access public","postpublish":"git push --follow-tags origin HEAD","build:website":"webpack --mode=production","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Feature-rich and customizable data grid React component","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","rollup":"^2.52.3","postcss":"^8.3.6","webpack":"^5.52.1","prettier":"2.4.0","lodash-es":"^4.17.21","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^6.2.0","typescript":"~4.4.2","@babel/core":"^7.14.6","@types/jest":"^27.0.1","webpack-cli":"^4.8.0","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","style-loader":"^3.2.1","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.172","react-refresh":"^0.10.0","@babel/runtime":"^7.14.6","postcss-loader":"^6.1.1","postcss-nested":"^5.0.6","@linaria/rollup":"^3.0.0-beta.12","@linaria/shaker":"^3.0.0-beta.12","jspdf-autotable":"^3.5.14","@types/react-dom":"^17.0.8","react-router-dom":"^5.3.0","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","webpack-dev-server":"^4.2.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","html-webpack-plugin":"^5.3.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.12","eslint-plugin-sonarjs":"^0.10.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@types/react-router-dom":"^5.1.8","mini-css-extract-plugin":"^2.2.2","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@linaria/webpack5-loader":"^3.0.0-beta.12","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","css-minimizer-webpack-plugin":"^3.0.2","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0","@pmmmwh/react-refresh-webpack-plugin":"^0.5.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.3_1631667723684_0.7222109866561979","host":"s3://npm-registry-packages"}},"7.1.0-beta.4":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.4","keywords":["react","data grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.4","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"662b2d96804cdffc54e74cffb50496950a9b1256","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.4.tgz","fileCount":9,"integrity":"sha512-Y5WTKvG/5d8UY/toBNlC5OIp00yJYRPMelxFLqsQXeT1O+vDg5IYvRJk9SYxAnLF2z2Wg7WvxDFjmF9uqJYGfQ==","signatures":[{"sig":"MEUCIQCOXSOhlD74hJEgtCWrEszVfbusPRVP2Mjm6x60GWG8CgIgEcJ/sRzWhsSr4ZmMDWRWNmSkA31F636DlbuzPJ4uNzY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":626996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQXkmCRA9TVsSAnZWagAAcVgP/RUiKYtdx84uVnP9bdme\nekg7DHvXYrX6nAC8kvCe215hxgqjUEI+R/konh47MNwZWTsTIpvw0otnfeZ6\nGLNeKqCHYMi8feuMMPkN5Sw39nI9Nuh8Q5S5PowotQmgxxh0dcdqbh8xWLQA\nl1HXNynMwTvRRt7hcSQ4XA11jTr0sgl4ZY068WyXzvRdY5WIKoTfZ86dCbNa\nHaHQCi6mdeyUQ7daYZ7/9kMWkaRhTrenNA22ksh7wX0hDGERpV9TUHIFoirp\n3rrr5yyt4IiYpoSBNw2ZqonwXL9RSU15uKi68bgwHm0hfNzrS3LnzpBEduJd\nzC7+EJ43dIBuY2lX1ikQ32SsboJN/b7rEQaO5sSVWvWLH42NjqBObMzpJ5Hq\naQW8ubRaghV85QFTHpYzks6gYcUPksRCp901iBuZTABAUhFKAzYUradFFxUm\nOA++C+am9qlXAzjyB6gM8GqB8B0yK+4Vf17GhE7nsKHQmynzryak+gwS15Z9\nr7WVqalg8mIyaVfGbE5weoQnwgQEL7aRprvryIEj7EWXxi9DnzyS5j4XsSLK\n6GfYt20y5hwzKgoKIUCIW0JECOAupNcV4/3yf64DpR7vMw7GaVlYHzQLHjsk\nHX0ZXKugUgIGZC0nygu8WTOT6A0yi51q4X0yAwLnTY5aHVAN8uSr/Xwyf/aS\nUBfN\r\n=5En7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"598b217218b50b410f244f9f254dec937263a955","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"webpack serve --mode=development","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src test website","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","deploy:beta":"npm publish --tag beta --access public","postpublish":"git push --follow-tags origin HEAD","build:website":"webpack --mode=production","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Feature-rich and customizable data grid React component","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","rollup":"^2.52.3","postcss":"^8.3.6","webpack":"^5.52.1","prettier":"2.4.0","lodash-es":"^4.17.21","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^6.2.0","typescript":"~4.4.2","@babel/core":"^7.14.6","@types/jest":"^27.0.1","webpack-cli":"^4.8.0","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","style-loader":"^3.2.1","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.172","react-refresh":"^0.10.0","@babel/runtime":"^7.14.6","postcss-loader":"^6.1.1","postcss-nested":"^5.0.6","@linaria/rollup":"^3.0.0-beta.12","@linaria/shaker":"^3.0.0-beta.12","jspdf-autotable":"^3.5.14","@types/react-dom":"^17.0.8","react-router-dom":"^5.3.0","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","webpack-dev-server":"^4.2.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","html-webpack-plugin":"^5.3.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.12","eslint-plugin-sonarjs":"^0.10.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@types/react-router-dom":"^5.1.8","mini-css-extract-plugin":"^2.2.2","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@linaria/webpack5-loader":"^3.0.0-beta.12","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","css-minimizer-webpack-plugin":"^3.0.2","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0","@pmmmwh/react-refresh-webpack-plugin":"^0.5.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.4_1631680806524_0.5836963418586976","host":"s3://npm-registry-packages"}},"7.1.0-beta.5":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.5","keywords":["react","data grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.5","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"63e5401a7b9be8ec39295866db02fe82d6205f52","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.5.tgz","fileCount":9,"integrity":"sha512-Stxioy73Htm+WPBomgRHakqGS1I+GuC+UutUIIwVtIoOhTuwWFYv54HBCqtR47wCTJChxRFuMkBWDq8vynFpng==","signatures":[{"sig":"MEUCIEHTNqe0hZAf5q5pQ8zKzcQUfWIeoaMItwDkxMcbxuuzAiEAqmhdK7/kU07dvHVP8yRm1XIoNjihRWlK/VUSQL14iws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":623470,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQX90CRA9TVsSAnZWagAAft8P/AgurAd+dbjhO7YyOvlj\nlNSQ9LCYaUgo5dIR1pg/+YQJw7SZ94WtR0zma75uzbGvdfwLSOo7IASfJCaj\nBwsHQm9cZlQ/kMRagCBQ7SKlHWR6xJ6BD3wf+IC/yuN8vcCTAgze0TcE6hX6\nTMbI9t6BPZ87ovOg+OOe8Z5QipY30WyTuGJaNDkpNcfDSR7ubYX1gzt7SYmu\nPPoCEgM1btCjpx/vgluG9rQE3LrVXXkzeIQCaeEJIy3GO1v5MzracHiHKF/f\nTHMqJiJgH7lUEfLkmZcMqyUocr2QyjY2vW2LOTXEYMBQcUbKdIpaqDpqoPov\nkgbuehelrCD2gh+i/GZCQVBuRVba0ZC7L4IwUZceayvfE2144ijvxn4CRqmc\n7VEpXvE0KgnDNnW4ZOahd3xv4vOE+XRy+Ige++LjEoSe/VZ/dsyNvocxUXws\nmP1VkEyg9qEJJ/slRhb0Vg2dN66IqT/vVTxA0zbm/WuphCSNbzjx1aFA4hlC\nfW60SaEKOowJepxWjaXhATqTbQQ6SJk8NV+N7xu/l4yXc42Kl0BVZVPP/IjO\n9xX+NnTh5X8L22y508gsd9v69tTELXWPIArh/jF7YNrbZp+zqbl2+4p+8rQ5\n1mPFPlk1UNV6qV8nUNLJI6ley+KRLjQmvgZ8tRS/ZvjkvOMOWkUw3UdQyCp2\nLM56\r\n=vQPZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"076b7e0723e3ea319088d0e94226dc7adc0f5dba","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"webpack serve --mode=development","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src test website","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","deploy:beta":"npm publish --tag beta --access public","postpublish":"git push --follow-tags origin HEAD","build:website":"webpack --mode=production","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"7.8.0","description":"Feature-rich and customizable data grid React component","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","rollup":"^2.52.3","postcss":"^8.3.6","webpack":"^5.52.1","prettier":"2.4.0","lodash-es":"^4.17.21","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^6.2.0","typescript":"~4.4.2","@babel/core":"^7.14.6","@types/jest":"^27.0.1","webpack-cli":"^4.8.0","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","style-loader":"^3.2.1","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.172","react-refresh":"^0.10.0","@babel/runtime":"^7.14.6","postcss-loader":"^6.1.1","postcss-nested":"^5.0.6","@linaria/rollup":"^3.0.0-beta.12","@linaria/shaker":"^3.0.0-beta.12","jspdf-autotable":"^3.5.14","@types/react-dom":"^17.0.8","react-router-dom":"^5.3.0","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","webpack-dev-server":"^4.2.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","html-webpack-plugin":"^5.3.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.12","eslint-plugin-sonarjs":"^0.10.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@types/react-router-dom":"^5.1.8","mini-css-extract-plugin":"^2.2.2","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@linaria/webpack5-loader":"^3.0.0-beta.12","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","css-minimizer-webpack-plugin":"^3.0.2","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0","@pmmmwh/react-refresh-webpack-plugin":"^0.5.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.5_1631682419952_0.08215571268128374","host":"s3://npm-registry-packages"}},"7.1.0-beta.6":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.6","keywords":["react","data grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.6","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"25204704d5a897c41623382b50419cd8cf39b7e2","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.6.tgz","fileCount":8,"integrity":"sha512-I4ECcrNQL8v4Ssq7QSQLkTTfGEtutnGWReau8h9vSeI0k44ilmFCo/JdjwUOkAyJSd1nESJVr9b0MVgZx1+i3w==","signatures":[{"sig":"MEUCIQCuwSI56nHHtXsEcvv4XaU2GXOoQ8wOrDf+tTXq0zuoHwIgK93NT7NdY5T7PoXAuKLMz1E8CmU/LDIQIly1f7TJUPE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":601618},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Features\n\n- [React 16.14+ & 17.0+](package.json) support\n- [Evergreen browsers and server-side rendering](browserslist) support\n- Tree-shaking support and only [one npm dependency](package.json) to keep your bundles slim\n- Great performance thanks to virtualization: columns and rows outside the viewport are not rendered\n- Strictly typed with TypeScript\n- [Keyboard accessibility](<(https://adazzle.github.io/react-data-grid/#/common-features)>)\n- Light and dark mode support out of the box. The light or dark themes can be enforced using the `rdg-light` or `rdg-dark` classes.\n- [Frozen columns](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Column resizing](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Multi-column sorting](https://adazzle.github.io/react-data-grid/#/common-features)\n  - Click on a sortable column header to toggle between its ascending/descending sort order\n  - Ctrl+Click / Meta+Click to sort an additional column\n- [Column spanning](https://adazzle.github.io/react-data-grid/#/column-spanning)\n- [Row selection](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Row grouping](https://adazzle.github.io/react-data-grid/#/grouping)\n- [Summary rows](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Dynamic row heights](https://adazzle.github.io/react-data-grid/#/variable-row-height)\n- [No rows fallback](https://adazzle.github.io/react-data-grid/#/no-rows)\n- [Cell formatting](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Cell editing](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Cell copy / pasting](https://adazzle.github.io/react-data-grid/#/all-features)\n- [Cell value dragging / filling](https://adazzle.github.io/react-data-grid/#/all-features)\n\n## Links\n\n- [Examples website](https://adazzle.github.io/react-data-grid/)\n  - [Source code](website)\n- [Old website for react-data-grid v6](https://adazzle.github.io/react-data-grid/old/)\n- [Changelog](CHANGELOG.md)\n- [Contributing](CONTRIBUTING.md)\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\n`react-data-grid` is published as ECMAScript modules for evergreen browsers / bundlers, and CommonJS for server-side rendering / Jest.\n\n## Quick start\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n\n## API\n\n### Components\n\n#### `<DataGrid />`\n\n##### Props\n\n###### `columns: readonly Column<R, SR>[]`\n\nSee [`Column`](#column).\n\nAn array describing the grid's columns.\n\n:warning: Passing a new `columns` array will trigger a re-render for the whole grid, avoid changing it as much as possible for optimal performance.\n\n###### `rows: readonly R[]`\n\nAn array of rows, the rows data can be of any type.\n\n###### `summaryRows?: Maybe<readonly SR[]>`\n\nAn optional array of summary rows, usually used to display total values for example.\n\n###### `rowKeyGetter?: Maybe<(row: R) => K>`\n\nA function returning a unique key/identifier per row. `rowKeyGetter` is required for row selection to work.\n\n```tsx\nimport DataGrid from 'react-data-grid';\n\ninterface Row {\n  id: number;\n  name: string;\n}\n\nfunction rowKeyGetter(row: Row) {\n  return row.id;\n}\n\nfunction MyGrid() {\n  return <DataGrid columns={columns} rows={rows} rowKeyGetter={rowKeyGetter} />;\n}\n```\n\n:bulb: While optional, setting this prop is recommended for optimal performance as the returned value is used to set the `key` prop on the row elements.\n\n###### `onRowsChange?: Maybe<(rows: R[], data: RowsChangeData<R, SR>) => void>`\n\nA function receiving row updates.\nThe first parameter is a new rows array with both the updated rows and the other untouched rows.\nThe second parameter is an object with an `indexes` array highlighting which rows have changed by their index, and the `column` where the change happened.\n\n```tsx\nimport { useState } from 'react';\nimport DataGrid from 'react-data-grid';\n\nfunction MyGrid() {\n  const [rows, setRows] = useState(initialRows);\n\n  return <DataGrid columns={columns} rows={rows} onRowsChange={setRows} />;\n}\n```\n\n###### `rowHeight?: Maybe<number | ((args: RowHeightArgs<R>) => number)>`\n\n**Default:** `35` pixels\n\nEither a number defining the height of row in pixels, or a function returning dynamic row heights.\n\n###### `headerRowHeight?: Maybe<number>`\n\n**Default:** `35` pixels\n\nA number defining the height of the header row.\n\n###### `summaryRowHeight?: Maybe<number>`\n\n**Default:** `35` pixels\n\nA number defining the height of summary rows.\n\n###### `selectedRows?: Maybe<ReadonlySet<K>>`\n\n###### `onSelectedRowsChange?: Maybe<(selectedRows: Set<K>) => void>`\n\n###### `sortColumns?: Maybe<readonly SortColumn[]>`\n\n###### `onSortColumnsChange?: Maybe<(sortColumns: SortColumn[]) => void>`\n\n###### `defaultColumnOptions?: Maybe<DefaultColumnOptions<R, SR>>`\n\n###### `groupBy?: Maybe<readonly string[]>`\n\n###### `rowGrouper?: Maybe<(rows: readonly R[], columnKey: string) => Record<string, readonly R[]>>`\n\n###### `expandedGroupIds?: Maybe<ReadonlySet<unknown>>`\n\n###### `onExpandedGroupIdsChange?: Maybe<(expandedGroupIds: Set<unknown>) => void>`\n\n###### `onFill?: Maybe<(event: FillEvent<R>) => R>`\n\n###### `onPaste?: Maybe<(event: PasteEvent<R>) => R>`\n\n###### `onRowClick?: Maybe<(row: R, column: CalculatedColumn<R, SR>) => void>`\n\n###### `onRowDoubleClick?: Maybe<(row: R, column: CalculatedColumn<R, SR>) => void>`\n\n###### `onScroll?: Maybe<(event: React.UIEvent<HTMLDivElement>) => void>`\n\n###### `onColumnResize?: Maybe<(idx: number, width: number) => void>`\n\n###### `cellNavigationMode?: Maybe<CellNavigationMode>`\n\n###### `enableVirtualization?: Maybe<boolean>`\n\n###### <span name=\"rowRenderer\">`rowRenderer?: Maybe<React.ComponentType<RowRendererProps<R, SR>>>`</span>\n\nThe default `<Row />` component can be wrapped via the `rowRenderer` prop to add context providers or tweak props for example.\n\n```tsx\nimport DataGrid, { Row, RowRendererProps } from 'react-data-grid';\n\nfunction MyRowRenderer(props: RowRendererProps<Row>) {\n  return (\n    <MyContext.Provider value={123}>\n      <Row {...props} />\n    </MyContext.Provider>\n  );\n}\n\nfunction MyGrid() {\n  return <DataGrid columns={columns} rows={rows} rowRenderer={MyRowRenderer} />;\n}\n```\n\n:warning: To prevent all rows from being unmounted on re-renders, make sure to pass a static or memoized component to `rowRenderer`.\n\n###### `noRowsFallback?: React.ReactNode`\n\n###### `rowClass?: Maybe<(row: R) => Maybe<string>>`\n\n###### `className?: string | undefined`\n\n###### `style?: CSSProperties | undefined`\n\n###### `'aria-label'?: string | undefined`\n\n###### `'aria-labelledby'?: string | undefined`\n\n###### `'aria-describedby'?: string | undefined`\n\n###### `'data-testid'?: Maybe<string>`\n\n#### `<TextEditor />`\n\n##### Props\n\nSee [`EditorProps`](#editorprops)\n\n#### `<Row />`\n\nSee [`rowRenderer`](#rowRenderer)\n\n##### Props\n\nSee [`RowRendererProps`](#rowrendererprops)\n\nThe `ref` prop is supported.\n\n#### `<SortableHeaderCell />`\n\n##### Props\n\n###### `onSort: (ctrlClick: boolean) => void`\n\n###### `sortDirection: SortDirection | undefined`\n\n###### `priority: number | undefined`\n\n###### `isCellSelected: boolean`\n\n###### `children: React.ReactNode`\n\n#### `<ValueFormatter />`\n\n##### Props\n\nSee [`FormatterProps`](#formatterprops)\n\n#### `<SelectCellFormatter />`\n\n##### Props\n\n###### `value: boolean`\n\n###### `isCellSelected: boolean`\n\n###### `disabled?: boolean | undefined`\n\n###### `onChange: (value: boolean, isShiftClick: boolean) => void`\n\n###### `onClick?: MouseEventHandler<T> | undefined`\n\n###### `'aria-label'?: string | undefined`\n\n###### `'aria-labelledby'?: string | undefined`\n\n#### `<ToggleGroupFormatter />`\n\n##### Props\n\nSee [`GroupFormatterProps`](#groupformatterprops)\n\n### Hooks\n\n#### `useRowSelection<R>(): [boolean, (selectRowEvent: SelectRowEvent<R>) => void]`\n\n### Other\n\n#### `SelectColumn: Column<any, any>`\n\n#### `SELECT_COLUMN_KEY = 'select-row'`\n\n### Types\n\n#### `Column`\n\n#### `DataGridHandle`\n\n#### `EditorProps`\n\n#### `FormatterProps`\n\n#### `GroupFormatterProps`\n\n#### `RowRendererProps`\n\n### Generics\n\n- `R`, `TRow`: Row type\n- `SR`, `TSummaryRow`: Summary row type\n- `K`: Row key type\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"59a2c93a0e18f3c0be245d97ad68989fae41b1e7","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"webpack serve --mode=development","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src test website","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","deploy:beta":"npm publish --tag beta --access public","postpublish":"git push --follow-tags origin HEAD","build:website":"webpack --mode=production","prepublishOnly":"npm install && npm run build && npm run build:types","prettier:check":"prettier --check .","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"8.1.1","description":"Feature-rich and customizable data grid React component","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","rollup":"^2.52.3","postcss":"^8.3.6","webpack":"^5.52.1","prettier":"2.4.0","lodash-es":"^4.17.21","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^6.2.0","typescript":"~4.4.2","@babel/core":"^7.14.6","@types/jest":"^27.0.1","webpack-cli":"^4.8.0","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","style-loader":"^3.2.1","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.172","react-refresh":"^0.10.0","@babel/runtime":"^7.14.6","postcss-loader":"^6.1.1","postcss-nested":"^5.0.6","@linaria/rollup":"^3.0.0-beta.12","@linaria/shaker":"^3.0.0-beta.12","jspdf-autotable":"^3.5.14","@types/react-dom":"^17.0.8","react-router-dom":"^5.3.0","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","webpack-dev-server":"^4.2.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","html-webpack-plugin":"^5.3.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.12","eslint-plugin-sonarjs":"^0.10.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@types/react-router-dom":"^5.1.8","mini-css-extract-plugin":"^2.2.2","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@linaria/webpack5-loader":"^3.0.0-beta.12","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","css-minimizer-webpack-plugin":"^3.0.2","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0","@pmmmwh/react-refresh-webpack-plugin":"^0.5.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.6_1636430811767_0.6113483520254737","host":"s3://npm-registry-packages"}},"7.1.0-beta.7":{"name":"@supabase/react-data-grid","version":"7.1.0-beta.7","keywords":["react","data grid"],"license":"MIT","_id":"@supabase/react-data-grid@7.1.0-beta.7","maintainers":[{"name":"kiwicopple","email":"pcopplestone@gmail.com"},{"name":"ange1ico","email":"angelico.delosreyes@gmail.com"},{"name":"awalias","email":"antwilson@hotmail.co.uk"},{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"}],"homepage":"https://github.com/supabase/react-data-grid#readme","bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"dist":{"shasum":"79a20e57c060a7fe3d69c70b99cb7a73edc8a8e8","tarball":"https://registry.npmjs.org/@supabase/react-data-grid/-/react-data-grid-7.1.0-beta.7.tgz","fileCount":8,"integrity":"sha512-6Kjdk9Z3N2mycq63L22VFM4zY0w9HNdpB0HgaUcM3nIMtMxA3cldLnHDVMD2R0zNV7+1wlOr8hz3vsbS+zlOXQ==","signatures":[{"sig":"MEYCIQDBsernkRuWQIygm/0NAMbsHbDn6FlrWPTGH1CEwS9ymQIhANCFjiEblZTdSF93X9Y29EkIkVu0C43rcl00ezC0bGN6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":601544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2coICRA9TVsSAnZWagAAUxAP/3EbtUHdLYrE7sDM0mre\nlHuBObz0u7njMhb7eDqD9jpIvVlBQLsXhe4Su/7PGfRKYAWkDdGWflOPibwR\n8I2h+BzFYGHnPlbCV9Isroh8mqo9EnL3X2xIHS+Yx+F7JpWFgWX8JvMvKjNQ\nC7LLzX097hHPqrcE5cPvupvu9ywBASJByf80Imdp6i5aO+EXRSWelLuOJTGP\n17DYeM/D07q5EX4HWp5sDII0/attLlzAYZ4taanEnrDy592Eh/pxq7GA8oYh\noZSonO3jJQ9joj1NFaAvHIp29aNTho+z0lGwJ4Yk6KlLoimB5PwERL0IuRcw\n91gEucfHxSsHX3XZj4F9a1wfR20JxzC0JMCfePYWfY6RdpzqDEtdriLogfy/\n3ssPC4evz+JyA6/kIm34TtDaIwiILWKoi0NGXtws3lyMjoXRuj/+qsZ+7btq\nHRV/ag6rp0ZxjEkMxoMwsXwCYuXjPWJ3IjMUh7VN3l57gtzgsUiEKdnqT+dh\nYuLT1u3fRGdXXTZdyBmHLJUXFLe5V3N1+3Vedr3XqSJya+FP0vwBv5h3XipX\nLO4GIHW1mVUx6mG6QO3dLPwvF9QTOLrVsqEC7CwUla7NIzfUOA1l9OQkb7L+\nYUGlgin3T1v/YKfMLUywz1pUf9g3Xce+3W5aJrwaMImvxmVdzNvD8bc4tn3M\nDdeI\r\n=MGh4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/bundle.cjs","type":"module","types":"./lib/index.d.ts","module":"./lib/bundle.js","readme":"# react-data-grid\n\n[![npm-badge]][npm-url]\n[![type-badge]][npm-url]\n[![size-badge]][size-url]\n[![ci-badge]][ci-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@supabase/react-data-grid\n[npm-url]: https://www.npmjs.com/package/@supabase/react-data-grid\n[size-badge]: https://img.shields.io/bundlephobia/minzip/@supabase/react-data-grid\n[size-url]: https://bundlephobia.com/result?p=@supabase/react-data-grid\n[type-badge]: https://img.shields.io/npm/types/@supabase/react-data-grid\n[ci-badge]: https://github.com/supabase/react-data-grid/workflows/CI/badge.svg\n[ci-url]: https://github.com/supabase/react-data-grid/actions\n\n## Features\n\n- [React 16.14+ & 17.0+](package.json) support\n- [Evergreen browsers and server-side rendering](browserslist) support\n- Tree-shaking support and only [one npm dependency](package.json) to keep your bundles slim\n- Great performance thanks to virtualization: columns and rows outside the viewport are not rendered\n- Strictly typed with TypeScript\n- [Keyboard accessibility](<(https://adazzle.github.io/react-data-grid/#/common-features)>)\n- Light and dark mode support out of the box. The light or dark themes can be enforced using the `rdg-light` or `rdg-dark` classes.\n- [Frozen columns](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Column resizing](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Multi-column sorting](https://adazzle.github.io/react-data-grid/#/common-features)\n  - Click on a sortable column header to toggle between its ascending/descending sort order\n  - Ctrl+Click / Meta+Click to sort an additional column\n- [Column spanning](https://adazzle.github.io/react-data-grid/#/column-spanning)\n- [Row selection](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Row grouping](https://adazzle.github.io/react-data-grid/#/grouping)\n- [Summary rows](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Dynamic row heights](https://adazzle.github.io/react-data-grid/#/variable-row-height)\n- [No rows fallback](https://adazzle.github.io/react-data-grid/#/no-rows)\n- [Cell formatting](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Cell editing](https://adazzle.github.io/react-data-grid/#/common-features)\n- [Cell copy / pasting](https://adazzle.github.io/react-data-grid/#/all-features)\n- [Cell value dragging / filling](https://adazzle.github.io/react-data-grid/#/all-features)\n\n## Links\n\n- [Examples website](https://adazzle.github.io/react-data-grid/)\n  - [Source code](website)\n- [Old website for react-data-grid v6](https://adazzle.github.io/react-data-grid/old/)\n- [Changelog](CHANGELOG.md)\n- [Contributing](CONTRIBUTING.md)\n\n## Install\n\n```sh\nnpm install @supabase/react-data-grid\n```\n\n`react-data-grid` is published as ECMAScript modules for evergreen browsers / bundlers, and CommonJS for server-side rendering / Jest.\n\n## Quick start\n\n```jsx\nimport DataGrid from 'react-data-grid';\n\nconst columns = [\n  { key: 'id', name: 'ID' },\n  { key: 'title', name: 'Title' }\n];\n\nconst rows = [\n  { id: 0, title: 'Example' },\n  { id: 1, title: 'Demo' }\n];\n\nfunction App() {\n  return <DataGrid columns={columns} rows={rows} />;\n}\n```\n\n## API\n\n### Components\n\n#### `<DataGrid />`\n\n##### Props\n\n###### `columns: readonly Column<R, SR>[]`\n\nSee [`Column`](#column).\n\nAn array describing the grid's columns.\n\n:warning: Passing a new `columns` array will trigger a re-render for the whole grid, avoid changing it as much as possible for optimal performance.\n\n###### `rows: readonly R[]`\n\nAn array of rows, the rows data can be of any type.\n\n###### `summaryRows?: Maybe<readonly SR[]>`\n\nAn optional array of summary rows, usually used to display total values for example.\n\n###### `rowKeyGetter?: Maybe<(row: R) => K>`\n\nA function returning a unique key/identifier per row. `rowKeyGetter` is required for row selection to work.\n\n```tsx\nimport DataGrid from 'react-data-grid';\n\ninterface Row {\n  id: number;\n  name: string;\n}\n\nfunction rowKeyGetter(row: Row) {\n  return row.id;\n}\n\nfunction MyGrid() {\n  return <DataGrid columns={columns} rows={rows} rowKeyGetter={rowKeyGetter} />;\n}\n```\n\n:bulb: While optional, setting this prop is recommended for optimal performance as the returned value is used to set the `key` prop on the row elements.\n\n###### `onRowsChange?: Maybe<(rows: R[], data: RowsChangeData<R, SR>) => void>`\n\nA function receiving row updates.\nThe first parameter is a new rows array with both the updated rows and the other untouched rows.\nThe second parameter is an object with an `indexes` array highlighting which rows have changed by their index, and the `column` where the change happened.\n\n```tsx\nimport { useState } from 'react';\nimport DataGrid from 'react-data-grid';\n\nfunction MyGrid() {\n  const [rows, setRows] = useState(initialRows);\n\n  return <DataGrid columns={columns} rows={rows} onRowsChange={setRows} />;\n}\n```\n\n###### `rowHeight?: Maybe<number | ((args: RowHeightArgs<R>) => number)>`\n\n**Default:** `35` pixels\n\nEither a number defining the height of row in pixels, or a function returning dynamic row heights.\n\n###### `headerRowHeight?: Maybe<number>`\n\n**Default:** `35` pixels\n\nA number defining the height of the header row.\n\n###### `summaryRowHeight?: Maybe<number>`\n\n**Default:** `35` pixels\n\nA number defining the height of summary rows.\n\n###### `selectedRows?: Maybe<ReadonlySet<K>>`\n\n###### `onSelectedRowsChange?: Maybe<(selectedRows: Set<K>) => void>`\n\n###### `sortColumns?: Maybe<readonly SortColumn[]>`\n\n###### `onSortColumnsChange?: Maybe<(sortColumns: SortColumn[]) => void>`\n\n###### `defaultColumnOptions?: Maybe<DefaultColumnOptions<R, SR>>`\n\n###### `groupBy?: Maybe<readonly string[]>`\n\n###### `rowGrouper?: Maybe<(rows: readonly R[], columnKey: string) => Record<string, readonly R[]>>`\n\n###### `expandedGroupIds?: Maybe<ReadonlySet<unknown>>`\n\n###### `onExpandedGroupIdsChange?: Maybe<(expandedGroupIds: Set<unknown>) => void>`\n\n###### `onFill?: Maybe<(event: FillEvent<R>) => R>`\n\n###### `onPaste?: Maybe<(event: PasteEvent<R>) => R>`\n\n###### `onRowClick?: Maybe<(row: R, column: CalculatedColumn<R, SR>) => void>`\n\n###### `onRowDoubleClick?: Maybe<(row: R, column: CalculatedColumn<R, SR>) => void>`\n\n###### `onScroll?: Maybe<(event: React.UIEvent<HTMLDivElement>) => void>`\n\n###### `onColumnResize?: Maybe<(idx: number, width: number) => void>`\n\n###### `cellNavigationMode?: Maybe<CellNavigationMode>`\n\n###### `enableVirtualization?: Maybe<boolean>`\n\n###### <span name=\"rowRenderer\">`rowRenderer?: Maybe<React.ComponentType<RowRendererProps<R, SR>>>`</span>\n\nThe default `<Row />` component can be wrapped via the `rowRenderer` prop to add context providers or tweak props for example.\n\n```tsx\nimport DataGrid, { Row, RowRendererProps } from 'react-data-grid';\n\nfunction MyRowRenderer(props: RowRendererProps<Row>) {\n  return (\n    <MyContext.Provider value={123}>\n      <Row {...props} />\n    </MyContext.Provider>\n  );\n}\n\nfunction MyGrid() {\n  return <DataGrid columns={columns} rows={rows} rowRenderer={MyRowRenderer} />;\n}\n```\n\n:warning: To prevent all rows from being unmounted on re-renders, make sure to pass a static or memoized component to `rowRenderer`.\n\n###### `noRowsFallback?: React.ReactNode`\n\n###### `rowClass?: Maybe<(row: R) => Maybe<string>>`\n\n###### `className?: string | undefined`\n\n###### `style?: CSSProperties | undefined`\n\n###### `'aria-label'?: string | undefined`\n\n###### `'aria-labelledby'?: string | undefined`\n\n###### `'aria-describedby'?: string | undefined`\n\n###### `'data-testid'?: Maybe<string>`\n\n#### `<TextEditor />`\n\n##### Props\n\nSee [`EditorProps`](#editorprops)\n\n#### `<Row />`\n\nSee [`rowRenderer`](#rowRenderer)\n\n##### Props\n\nSee [`RowRendererProps`](#rowrendererprops)\n\nThe `ref` prop is supported.\n\n#### `<SortableHeaderCell />`\n\n##### Props\n\n###### `onSort: (ctrlClick: boolean) => void`\n\n###### `sortDirection: SortDirection | undefined`\n\n###### `priority: number | undefined`\n\n###### `isCellSelected: boolean`\n\n###### `children: React.ReactNode`\n\n#### `<ValueFormatter />`\n\n##### Props\n\nSee [`FormatterProps`](#formatterprops)\n\n#### `<SelectCellFormatter />`\n\n##### Props\n\n###### `value: boolean`\n\n###### `isCellSelected: boolean`\n\n###### `disabled?: boolean | undefined`\n\n###### `onChange: (value: boolean, isShiftClick: boolean) => void`\n\n###### `onClick?: MouseEventHandler<T> | undefined`\n\n###### `'aria-label'?: string | undefined`\n\n###### `'aria-labelledby'?: string | undefined`\n\n#### `<ToggleGroupFormatter />`\n\n##### Props\n\nSee [`GroupFormatterProps`](#groupformatterprops)\n\n### Hooks\n\n#### `useRowSelection<R>(): [boolean, (selectRowEvent: SelectRowEvent<R>) => void]`\n\n### Other\n\n#### `SelectColumn: Column<any, any>`\n\n#### `SELECT_COLUMN_KEY = 'select-row'`\n\n### Types\n\n#### `Column`\n\n#### `DataGridHandle`\n\n#### `EditorProps`\n\n#### `FormatterProps`\n\n#### `GroupFormatterProps`\n\n#### `RowRendererProps`\n\n### Generics\n\n- `R`, `TRow`: Row type\n- `SR`, `TSummaryRow`: Summary row type\n- `K`: Row key type\n","browser":"./lib/bundle.js","exports":{".":{"module":"./lib/bundle.js","default":"./lib/bundle.js","require":"./lib/bundle.cjs"}},"gitHead":"e9ea95b2336891f2058c8c4f9352a3b05b8eb25d","scripts":{"test":"jest","build":"rollup --config --no-stdin","start":"webpack serve --mode=development","eslint":"eslint --ext js,ts,tsx --max-warnings 0 -f codeframe --cache --color src test website","typecheck":"tsc -p tsconfig.all.json","eslint:fix":"npm run eslint -- --fix","test:watch":"jest --watch","build:types":"tsc && api-extractor run --local --verbose","deploy:beta":"npm publish --tag beta --access public","postpublish":"git push --follow-tags origin HEAD","build:website":"webpack --mode=production","prettier:check":"prettier --check .","prettier:format":"prettier --write ."},"_npmUser":{"name":"phamhieu1998","email":"phamhieu1998@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"_npmVersion":"8.1.1","description":"Feature-rich and customizable data grid React component","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.5","xlsx":"^0.17.0","faker":"^5.5.3","jspdf":"^2.3.1","react":"^17.0.2","eslint":"^7.29.0","rollup":"^2.52.3","postcss":"^8.3.6","webpack":"^5.52.1","prettier":"2.4.0","lodash-es":"^4.17.21","react-dnd":"^14.0.2","react-dom":"^17.0.2","css-loader":"^6.2.0","typescript":"~4.4.2","@babel/core":"^7.14.6","@types/jest":"^27.0.1","webpack-cli":"^4.8.0","@types/faker":"^5.5.6","@types/react":"^17.0.11","babel-loader":"^8.2.2","style-loader":"^3.2.1","@linaria/core":"^3.0.0-beta.4","@types/lodash":"^4.14.172","react-refresh":"^0.10.0","@babel/runtime":"^7.14.6","postcss-loader":"^6.1.1","postcss-nested":"^5.0.6","@linaria/rollup":"^3.0.0-beta.12","@linaria/shaker":"^3.0.0-beta.12","jspdf-autotable":"^3.5.14","@types/react-dom":"^17.0.8","react-router-dom":"^5.3.0","@babel/preset-env":"^7.14.7","react-contextmenu":"^2.14.0","eslint-plugin-jest":"^24.3.6","eslint-plugin-node":"^11.1.0","webpack-dev-server":"^4.2.0","@babel/preset-react":"^7.14.5","eslint-plugin-react":"^7.24.0","html-webpack-plugin":"^5.3.2","@rollup/plugin-babel":"^5.3.0","@linaria/babel-preset":"^3.0.0-beta.12","eslint-plugin-sonarjs":"^0.10.0","rollup-plugin-postcss":"^4.0.0","@testing-library/react":"^12.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jest-dom":"^3.9.0","@types/react-router-dom":"^5.1.8","mini-css-extract-plugin":"^2.2.2","react-dnd-html5-backend":"^14.0.0","@babel/preset-typescript":"^7.14.5","@linaria/webpack5-loader":"^3.0.0-beta.12","@microsoft/api-extractor":"^7.16.1","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^4.28.0","eslint-plugin-react-hooks":"^4.2.0","babel-plugin-optimize-clsx":"^2.6.2","@rollup/plugin-node-resolve":"^13.0.0","@testing-library/user-event":"^13.1.9","css-minimizer-webpack-plugin":"^3.0.2","@types/hoist-non-react-statics":"^3.3.1","@babel/plugin-transform-runtime":"^7.14.5","@typescript-eslint/eslint-plugin":"^4.28.0","@pmmmwh/react-refresh-webpack-plugin":"^0.5.0"},"peerDependencies":{"react":"^16.14 || ^17.0.0","react-dom":"^16.14 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-data-grid_7.1.0-beta.7_1636431391455_0.047667148697355444","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-05-04T02:34:01.443Z","modified":"2026-06-03T07:36:06.392Z","7.0.0-canary.44":"2021-05-04T02:34:02.086Z","7.0.0-canary.45":"2021-05-04T02:35:49.401Z","7.0.0-canary.46":"2021-05-04T03:01:16.110Z","7.1.0-canary.1":"2021-05-22T01:10:19.794Z","7.1.0-canary.2":"2021-06-01T02:42:37.871Z","7.0.0-canary.43":"2021-06-10T07:54:53.934Z","7.1.0-beta.0":"2021-08-13T01:41:56.141Z","7.1.0-beta.1":"2021-08-13T02:09:51.420Z","7.1.0-beta.2":"2021-09-15T00:09:20.455Z","7.1.0-beta.3":"2021-09-15T01:02:03.869Z","7.1.0-beta.4":"2021-09-15T04:40:06.736Z","7.1.0-beta.5":"2021-09-15T05:07:00.327Z","7.1.0-beta.6":"2021-11-09T04:06:52.027Z","7.1.0-beta.7":"2021-11-09T04:16:31.830Z"},"bugs":{"url":"https://github.com/supabase/react-data-grid/issues"},"license":"MIT","homepage":"https://github.com/supabase/react-data-grid#readme","keywords":["react","data grid"],"repository":{"url":"git+https://github.com/supabase/react-data-grid.git","type":"git"},"description":"Feature-rich and customizable data grid React component","maintainers":[],"readme":"","readmeFilename":""}