@rozie-ui/data-table-solid 0.2.2 → 0.2.4

package/README.md

@@ -10,6 +10,8 @@ npm i @rozie-ui/data-table-solid
 
 Peer dependencies: `solid-js + @tanstack/table-core + @tanstack/virtual-core + @rozie-ui/popover-solid`. Install them alongside this package.
 
+Also installed: `@rozie/runtime-solid` — Rozie's small, tree-shaken runtime helper package (controllable state, keyboard navigation, event modifiers, and safe interpolation). It arrives as a regular dependency, so npm pulls it for you. Your bundler keeps only the helpers this component actually uses — typically a few hundred bytes to a few KB, minified and gzipped. [What's in it and what it costs](https://github.com/One-Learning-Community/rozie.js/blob/main/docs/guide/output-and-runtime.md).
+
 ## Usage
 
 Columns may be declared as a `:columns` config array **or** as `<Column>` children (or both — an id-keyed last-write-wins union). Per-cell rendering is one parent `#cell` / `#colHeader` renderer on `<DataTable>`, dispatched by `columnId`, so it works the same with either column form.

package/dist/index.cjs

@@ -386,7 +386,22 @@ function DataTable(_props) {
 		"estimateRowHeight",
 		"maxHeight",
 		"children",
-		"ref"
+		"ref",
+		"onSortChange",
+		"onExpandChange",
+		"onGroupChange",
+		"onFilterChange",
+		"onPageChange",
+		"onSelectionChange",
+		"onVisibilityChange",
+		"onResizeChange",
+		"onReorderChange",
+		"onPinChange",
+		"onHistoryChange",
+		"onActivecellChange",
+		"onRangeChange",
+		"onCellEditCommit",
+		"onRowEditCommit"
 	]);
 	const resolved = () => local.children;
 	(0, Solid_js.onMount)(() => {

package/dist/index.mjs

@@ -359,7 +359,22 @@ function DataTable(_props) {
 		"estimateRowHeight",
 		"maxHeight",
 		"children",
-		"ref"
+		"ref",
+		"onSortChange",
+		"onExpandChange",
+		"onGroupChange",
+		"onFilterChange",
+		"onPageChange",
+		"onSelectionChange",
+		"onVisibilityChange",
+		"onResizeChange",
+		"onReorderChange",
+		"onPinChange",
+		"onHistoryChange",
+		"onActivecellChange",
+		"onRangeChange",
+		"onCellEditCommit",
+		"onRowEditCommit"
 	]);
 	const resolved = () => local.children;
 	onMount(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rozie-ui/data-table-solid",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "private": false,
   "license": "MIT",
@@ -46,7 +46,7 @@
   ],
   "dependencies": {
     "@solid-primitives/keyed": "^1.5.3",
-    "@rozie/runtime-solid": "0.2.1"
+    "@rozie/runtime-solid": "0.6.0"
   },
   "peerDependencies": {
     "solid-js": "^1.8",

package/src/DataTable.tsx

@@ -561,7 +561,7 @@ export interface DataTableHandle {
 
 export default function DataTable(_props: DataTableProps): JSX.Element {
   const _merged = mergeProps({ columns: (() => [])() as any[], selectionMode: 'none', manual: false, rowCount: null, pageCount: null, expandable: false, getSubRows: null, groupable: false, stickyHeader: false, interactionMode: 'table', singleClickEdit: false, undoable: false, undoLimit: 100, virtual: false, estimateRowHeight: 40, maxHeight: '' }, _props);
-  const [local, attrs] = splitProps(_merged, ['data', 'columns', 'selectionMode', 'sorting', 'globalFilter', 'columnFilters', 'pagination', 'manual', 'rowCount', 'pageCount', 'expandable', 'expanded', 'getSubRows', 'groupable', 'grouping', 'rowSelection', 'columnVisibility', 'columnSizing', 'columnOrder', 'columnPinning', 'stickyHeader', 'interactionMode', 'singleClickEdit', 'undoable', 'undoLimit', 'virtual', 'estimateRowHeight', 'maxHeight', 'children', 'ref']);
+  const [local, attrs] = splitProps(_merged, ['data', 'columns', 'selectionMode', 'sorting', 'globalFilter', 'columnFilters', 'pagination', 'manual', 'rowCount', 'pageCount', 'expandable', 'expanded', 'getSubRows', 'groupable', 'grouping', 'rowSelection', 'columnVisibility', 'columnSizing', 'columnOrder', 'columnPinning', 'stickyHeader', 'interactionMode', 'singleClickEdit', 'undoable', 'undoLimit', 'virtual', 'estimateRowHeight', 'maxHeight', 'children', 'ref', 'onSortChange', 'onExpandChange', 'onGroupChange', 'onFilterChange', 'onPageChange', 'onSelectionChange', 'onVisibilityChange', 'onResizeChange', 'onReorderChange', 'onPinChange', 'onHistoryChange', 'onActivecellChange', 'onRangeChange', 'onCellEditCommit', 'onRowEditCommit']);
   const resolved = () => local.children;
   onMount(() => { local.ref?.({ sortColumn, clearSorting, toggleRowExpanded, expandAll, collapseAll, getExpandedRows, applyGrouping, clearGrouping, getFacetedUniqueValues, getFacetedMinMaxValues, getColumnDefs, toggleAllRows, clearSelection, getSelectedRows, setPage, setRowsPerPage, toggleColumnVisibility, applyColumnOrder, resetColumnSizing, pinColumn, focusCell, getActiveCell, clearActiveCell, getRowIndexRelativeToPage, editCell, commitEditing, editRow, getSelectedRange, cut, undo, redo, canUndo, canRedo, clearHistory }); });
 

package/src/themes/base.css

@@ -24,6 +24,13 @@
  */
 .rozie-data-table-wrap,
 .rozie-data-table {
+  /* NOTE (see file-head comment): most of the tokens below are declared but
+     never read via a CSS var() inside THIS component's own scoped <style> —
+     that is by design. This is the public surface; the "Wire the PUBLIC
+     tokens..." block further down assigns each one onto the short internal
+     --rdt-* custom property the component actually reads. A future audit
+     must not delete these as dead — they are the intended public API. */
+
   /* ── palette (the few values most consumers will set) ───────────────────── */
   --rozie-data-table-fg: inherit;
   --rozie-data-table-accent: #0066cc;
@@ -62,6 +69,14 @@
   /* ── disabled pagination controls ──────────────────────────────────────── */
   --rozie-data-table-disabled-opacity: 0.4;
 
+  /* ── virtual scroll (row windowing, req-3/D-06) ─────────────────────────── */
+  /* Read with NO fallback at its one use site (`max-height: var(--rozie-data-table-max-height);`
+     on `.rdt-scroll`) — when unset the property is invalid at computed-value
+     time and the rule behaves as if `max-height` were never declared there,
+     i.e. `none` (unbounded). Declaring `none` here is the render-neutral
+     equivalent of that unset behavior, made explicit and overridable. */
+  --rozie-data-table-max-height: none;
+
   /* ─────────────────────────────────────────────────────────────────────────
    * Wire the PUBLIC tokens onto the INTERNAL `--rdt-*` the component reads. A
    * bridge only needs to remap the public tokens above; these passthroughs do