{"_id":"@dojo-ng/data-grid-cell-components","name":"@dojo-ng/data-grid-cell-components","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@dojo-ng/data-grid-cell-components","version":"0.1.0","license":"BSD-3-Clause","description":"In-row Lit components for @dojo-ng/data-grid (per-column render + actionButton/checkmark helpers)","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc -p tsconfig.json","clean":"rm -rf dist"},"dependencies":{"@dojo-ng/data-grid":"^0.1.0","@dojo-ng/button":"^0.1.0","@tanstack/table-core":"^8.0.0","lit":"^3.3.0"},"_id":"@dojo-ng/data-grid-cell-components@0.1.0","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-Oyf8dvWs/7Gu+mmVL7/lHvPcJKxFlloaXHnmkrDfEkeHR9x89244Eo/l4WmXQd98rx82+mpRErZFIsmCDPQ9qQ==","shasum":"2821722114d2315595ed753ef9b84d428bb6d2e2","tarball":"https://registry.npmjs.org/@dojo-ng/data-grid-cell-components/-/data-grid-cell-components-0.1.0.tgz","fileCount":6,"unpackedSize":7975,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDp6+Pn5pM0hodTRE2+ne2Y+9UB6348qGTQl7aV+zoGoAIgPravF7Tw9xdY4uj/x6TuP5gMqDPyq+N5f5WXy/FcNmc="}]},"_npmUser":{"name":"bitranch","email":"bill@bitranch.com"},"directories":{},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/data-grid-cell-components_0.1.0_1788374426078_0.5659779781443328"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T18:40:25.937Z","0.1.0":"2026-09-02T18:40:26.289Z","modified":"2026-09-02T18:40:26.539Z"},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"description":"In-row Lit components for @dojo-ng/data-grid (per-column render + actionButton/checkmark helpers)","license":"BSD-3-Clause","readme":"# @dojo-ng/data-grid-cell-components\n\nIn-row Lit components for @dojo-ng/data-grid (per-column render + actionButton/checkmark helpers)\n\nPart of [Dojo NG](../../README.md), a framework-agnostic web component library. BSD-3-Clause.\n\n> Lets a column render arbitrary Lit content via `GridColumn.render` — a `dj-button`, `dj-icon`, `dj-chip`, a sparkline, anything — while columns without `render` fall through to other plugins and the core default. Two prebuilt helpers cover the common cases without authoring a template: `actionButton(label, action, opts?)` renders a small `dj-button` that emits `dj-cell-action` (detail `{ action, row }`) from the host and stops the click from also selecting the row, and `checkmarkCell(opts?)` renders an `aria-hidden` checkmark glyph with a visually-hidden Yes/No text alternative, so the value still reaches assistive tech. CONSTRAINT: cell content is reachable by mouse and touch today; cell-level keyboard navigation — tabbing into a button that lives inside a cell — is a later core feature, not something this plugin can add on its own.\n\n## Install\n\n```bash\nnpm install @dojo-ng/data-grid-cell-components\n```\n\n## Usage\n\nSet `render` on a column for arbitrary Lit content, or use the prebuilt helpers. Action buttons emit `dj-cell-action` with the row.\n\n```html\n<dj-data-grid id=\"g\"></dj-data-grid>\n<script type=\"module\">\n  import \"@dojo-ng/data-grid\";\n  import { cellComponentsPlugin, actionButton, checkmarkCell } from \"@dojo-ng/data-grid-cell-components\";\n  const g = document.getElementById(\"g\");\n  g.columns = [\n    { id: \"name\", header: \"Name\" },\n    { id: \"active\", header: \"Active\", sortable: false, render: checkmarkCell() },\n    { id: \"act\", header: \"\", sortable: false, render: actionButton(\"Open\", \"open\") },\n  ];\n  g.data = [{ name: \"Widget\", active: true }];\n  g.plugins = [cellComponentsPlugin()];\n  g.addEventListener(\"dj-cell-action\", (e) => console.log(e.detail.action, e.detail.row));\n</script>\n```\n","readmeFilename":"README.md","_rev":"1-d3627d5dc5636530ac6501a09ac1b926"}