{"_id":"@bytecat/glide-data-grid-cells","_rev":"2-0f135f08290a9ebc7577178ac71b3300","name":"@bytecat/glide-data-grid-cells","dist-tags":{"latest":"6.1.1"},"versions":{"6.1.0":{"name":"@bytecat/glide-data-grid-cells","version":"6.1.0","keywords":["react","datagrid","data-grid","editor","reactjs","scrolling","data","table","cell","canvas"],"author":{"name":"Bytecat; forked from Glide Data Grid"},"license":"MIT","_id":"@bytecat/glide-data-grid-cells@6.1.0","maintainers":[{"name":"johan_bytecat","email":"johan@bytecat.co.za"}],"homepage":"https://github.com/ByteCat-Digital/glide-data-grid/tree/main/packages/cells","bugs":{"url":"https://github.com/ByteCat-Digital/glide-data-grid/issues"},"dist":{"shasum":"2ba760058d501eaf42c750a544464e75d8c21542","tarball":"https://registry.npmjs.org/@bytecat/glide-data-grid-cells/-/glide-data-grid-cells-6.1.0.tgz","fileCount":120,"integrity":"sha512-Zcc2MDKTK8SPmFVoHukoAedqENyCTS/oAci3UO7owsUM4EsfESLSlYCdHRm3JyULr5wOo6LpMirry8qxNdOw3A==","signatures":[{"sig":"MEYCIQCOepktpSpKo+WxM5ut3rytBT2LR/MqxH6PtXWry931fQIhAKnhb7cXl5jskRZnhKDZ5v6c3qU6qKY/TSKE91CuUagm","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":323835},"main":"dist/cjs/index.js","type":"module","types":"dist/dts/index.d.ts","module":"dist/esm/index.js","browser":"dist/esm/index.js","exports":{".":{"types":"./dist/dts/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js"},"./dist/index.css":{"import":"./dist/index.css","require":"./dist/index.css"}},"gitHead":"8ca413be8a5538dda726914fe4f56bbbff8e8f3e","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"vitest","build":"./build.sh"},"_npmUser":{"name":"johan_bytecat","email":"johan@bytecat.co.za"},"repository":{"url":"git+https://github.com/ByteCat-Digital/glide-data-grid.git","type":"git","directory":"packages/cells"},"_npmVersion":"11.17.0","description":"Extra cells for glide-data-grid","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.4.0","dependencies":{"react-select":"^5.10.2","@linaria/react":"^8.0.0","@toast-ui/editor":"3.2.2","@bytecat/glide-data-grid":"6.1.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.39.4","@babel/cli":"^8.0.1","typescript":"^6.0.3","tsc-esm-fix":"^3.1.2","eslint-plugin-react":"^7.37.5","eslint-plugin-import":"^2.32.0","react-resize-detector":"^12.3.0","eslint-plugin-react-hooks":"^7.1.1","@types/prosemirror-commands":"^1.3.0"},"peerDependencies":{"react":"^16.12.0 || 17.x || 18.x || 19.x","react-dom":"^16.12.0 || 17.x || 18.x || 19.x"},"_npmOperationalInternal":{"tmp":"tmp/glide-data-grid-cells_6.1.0_1783426534321_0.9504827085680734","host":"s3://npm-registry-packages-npm-production"}},"6.1.1":{"name":"@bytecat/glide-data-grid-cells","version":"6.1.1","description":"Extra cells for glide-data-grid","sideEffects":["**/*.css"],"type":"module","browser":"dist/esm/index.js","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/dts/index.d.ts","exports":{".":{"types":"./dist/dts/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js"},"./dist/index.css":{"import":"./dist/index.css","require":"./dist/index.css"}},"scripts":{"build":"./build.sh","lint":"eslint src --ext .ts,.tsx","test":"vitest"},"repository":{"type":"git","url":"git+https://github.com/ByteCat-Digital/glide-data-grid.git","directory":"packages/cells"},"homepage":"https://github.com/ByteCat-Digital/glide-data-grid/tree/main/packages/cells","author":{"name":"Bytecat; forked from Glide Data Grid"},"license":"MIT","keywords":["react","datagrid","data-grid","editor","reactjs","scrolling","data","table","cell","canvas"],"dependencies":{"@bytecat/glide-data-grid":"6.1.1","@linaria/react":"^8.1.1","@toast-ui/editor":"3.2.2","react-select":"^5.10.2"},"peerDependencies":{"react":"^16.12.0 || 17.x || 18.x || 19.x","react-dom":"^16.12.0 || 17.x || 18.x || 19.x"},"devDependencies":{"@babel/cli":"^8.0.4","@types/prosemirror-commands":"^1.3.0","eslint":"^9.39.5","eslint-plugin-import":"^2.32.0","eslint-plugin-react":"^7.37.5","eslint-plugin-react-hooks":"^7.1.1","react-resize-detector":"^12.3.0","tsc-esm-fix":"^3.1.2","typescript":"^6.0.3"},"overrides":{"@toast-ui/editor":{"dompurify":"^3.4.13"}},"gitHead":"8a227af9d4366c7828d0a25a3eec1006d8036a34","_id":"@bytecat/glide-data-grid-cells@6.1.1","bugs":{"url":"https://github.com/ByteCat-Digital/glide-data-grid/issues"},"_nodeVersion":"24.18.1","_npmVersion":"11.16.0","dist":{"integrity":"sha512-WM60SyeSsVNC7mcJUF7BPZvQOfRE/Vmjqa1IZYsgOYRCdynd+jqsVdGb1lCatJVAG+pqGJ/wUb+sBHHiqIlh/A==","shasum":"08ee0c64b61987c31e4f41e22e4356969854f9f9","tarball":"https://registry.npmjs.org/@bytecat/glide-data-grid-cells/-/glide-data-grid-cells-6.1.1.tgz","fileCount":120,"unpackedSize":323859,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCvwWb2KBSEyM19z3LoOstgF9YfPBAdpApGWsVVL6X+CgIgC7/C4W+FKNVyBqErXGQotVP/ciiLmUvyDTGY7vqkI5M="}]},"_npmUser":{"name":"johan_bytecat","email":"johan@bytecat.co.za"},"directories":{},"maintainers":[{"name":"johan_bytecat","email":"johan@bytecat.co.za"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/glide-data-grid-cells_6.1.1_1786615474826_0.9665420732254337"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-07T12:15:34.134Z","modified":"2026-08-13T10:04:35.195Z","6.1.0":"2026-07-07T12:15:34.532Z","6.1.1":"2026-08-13T10:04:35.001Z"},"bugs":{"url":"https://github.com/ByteCat-Digital/glide-data-grid/issues"},"author":{"name":"Bytecat; forked from Glide Data Grid"},"license":"MIT","homepage":"https://github.com/ByteCat-Digital/glide-data-grid/tree/main/packages/cells","keywords":["react","datagrid","data-grid","editor","reactjs","scrolling","data","table","cell","canvas"],"repository":{"type":"git","url":"git+https://github.com/ByteCat-Digital/glide-data-grid.git","directory":"packages/cells"},"description":"Extra cells for glide-data-grid","maintainers":[{"name":"johan_bytecat","email":"johan@bytecat.co.za"}],"readme":"> [!IMPORTANT]\n> **Bytecat fork notice**\n>\n> This package is the `@bytecat/glide-data-grid-cells` fork of upstream\n> `@glideapps/glide-data-grid-cells`. It exists as part of the Bytecat fork to\n> address dependency/security and compatibility updates while waiting for\n> upstream to catch up. It is not affiliated with, sponsored by, or endorsed by\n> Glide. Bytecat: https://bytecat.ai.\n\n## Before / after package usage\n\nBefore:\n\n```shell\nnpm i @glideapps/glide-data-grid-cells\n```\n\nAfter:\n\n```shell\nnpm i @bytecat/glide-data-grid-cells\n```\n\n```tsx\nimport { allCells } from \"@bytecat/glide-data-grid-cells\";\n```\n\n## Original upstream README\n\nThe section below is preserved from upstream for context. Its upstream badges,\nlinks, screenshots, and marketing text describe the original Glide project, not\nBytecat ownership, affiliation, or endorsement.\n\n<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/glideapps/glide-data-grid/master/icon.png\" width=\"224px\"/><br/>\n  <b>Glide Data Grid Cells</b>\n</h1>\n<p align=\"center\">Additional cells and features for Glide Data Grid</p>\n\n[![Version](https://img.shields.io/npm/v/@glideapps/glide-data-grid-cells?color=blue&label=latest&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/releases)\n[![React 16+](https://img.shields.io/badge/React-16+-00ADD8?style=for-the-badge&logo=react)](https://reactjs.org)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@glideapps/glide-data-grid-cells?color=success&label=bundle&style=for-the-badge)](https://bundlephobia.com/package/@glideapps/glide-data-grid-cells)\n[![License](https://img.shields.io/github/license/glideapps/glide-data-grid?color=red&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)\n[![Made By Glide](https://img.shields.io/badge/❤_Made_by-Glide-11CCE5?style=for-the-badge&logo=none)](https://www.glideapps.com/jobs)\n\n![Data Grid](https://raw.githubusercontent.com/glideapps/glide-data-grid/master/data-grid.jpg)\n\nCurrent cells\n\n-   Star (Rating) Cell\n-   Sparklines\n-   Article\n-   Dropdown\n-   Range\n-   User profile\n-   Tags\n\n# Usage\n\nStep 1: Import the cell renderers you want to use and pass them to the grid.\n\n```tsx\nimport { allCells } from \"@glideapps/glide-data-grid-cells\";\n\nconst Grid = () => {\n    return <DataEditor customRenderers={allCells} {...rest} />;\n};\n```\n\nStep 2: Use the cells in your `getCellContent` callback\n\n```ts\nimport type { StarCell } from \"@glideapps/glide-data-grid-cells\";\n\nconst getCellContent = React.useCallback(() => {\n    const starCell: StarCell = {\n        kind: GridCellKind.Custom,\n        allowOverlay: true,\n        copyData: \"4 out of 5\",\n        data: {\n            kind: \"star-cell\",\n            label: \"Test\",\n            rating: 4,\n        },\n    };\n\n    return starCell;\n}, []);\n```\n\n## Note on ArticleCell\n\nThe ArticleCell uses `@toast-ui/editor` to provide its editor. To make sure it works correctly your project will need to import the css file it depends on.\n\n```\nimport \"@toast-ui/editor/dist/toastui-editor.css\";\n```\n","readmeFilename":"README.md"}