@xenosystem/blocks 0.13.21 → 0.13.22

package/dist/data/index.d.ts

@@ -781,6 +781,7 @@ interface TableViewModel {
     totalHeight: number;
     offsetTop: number;
     rows: TableViewRow[];
+    rowCount: number;
     pivotHeads: {
         key: string;
         name: string;

package/dist/data/index.js

@@ -947,6 +947,7 @@ import {
   Column,
   EmptyState,
   ErrorState,
+  Grid,
   GridCell,
   GridHeader,
   GridHeaderCell,
@@ -1115,6 +1116,7 @@ function tableViewState(c, options = {}) {
     totalHeight: rowWindow.totalHeight,
     offsetTop: rowWindow.offsetTop,
     rows,
+    rowCount: result?.rows.length ?? 0,
     pivotHeads: pivot && !pivotEmpty ? columns.map((col) => ({ key: col.column.id, name: col.column.name })) : [],
     pivotRows,
     footerShown: showFooter,
@@ -1196,6 +1198,7 @@ var EMPTY = {
   totalHeight: 0,
   offsetTop: 0,
   rows: [],
+  rowCount: 0,
   pivotHeads: [],
   pivotRows: [],
   footerShown: true,
@@ -1296,27 +1299,31 @@ var TABLE_DECLARATION = {
       {
         component: "table/Scroller",
         when: { input: "view.grid" },
-        children: [
-          { component: "chrome/GridHeader", props: { width: { input: "view.width" }, height: { input: "view.headerHeight" } }, children: [HEADER_CELL("view.frozenHeaders"), { component: "chrome/GridSpacer", props: { width: { input: "view.spacerWidth" } } }, HEADER_CELL("view.headers")] },
-          {
-            component: "chrome/VirtualWindow",
-            props: { totalHeight: { input: "view.totalHeight" }, offsetTop: { input: "view.offsetTop" } },
-            children: [
-              {
-                component: "chrome/GridRow",
-                each: { input: "view.rows", key: "key" },
-                props: { height: { item: "height" }, width: { item: "width" }, selected: { item: "selected" }, zebra: { item: "zebra" } },
-                on: { onClick: ui("rowClick", { id: { item: "id" }, ctrlKey: { arg: "ctrlKey" }, metaKey: { arg: "metaKey" } }), onDoubleClick: ui("rowDouble", { id: { item: "id" } }) },
-                children: [
-                  { component: "chrome/GridCell", when: { item: "hasGutter" }, props: { width: { item: "gutterWidth" }, gutter: { value: true } }, children: [text({ item: "ordinal" })] },
-                  CELL("frozenCells"),
-                  { component: "chrome/GridSpacer", props: { width: { input: "view.spacerWidth" } } },
-                  CELL("cells")
-                ]
-              }
-            ]
-          }
-        ]
+        children: [{
+          component: "chrome/Grid",
+          props: { label: { value: "Rows" }, rowCount: { input: "view.rowCount" } },
+          children: [
+            { component: "chrome/GridHeader", props: { width: { input: "view.width" }, height: { input: "view.headerHeight" } }, children: [HEADER_CELL("view.frozenHeaders"), { component: "chrome/GridSpacer", props: { width: { input: "view.spacerWidth" } } }, HEADER_CELL("view.headers")] },
+            {
+              component: "chrome/VirtualWindow",
+              props: { totalHeight: { input: "view.totalHeight" }, offsetTop: { input: "view.offsetTop" } },
+              children: [
+                {
+                  component: "chrome/GridRow",
+                  each: { input: "view.rows", key: "key" },
+                  props: { height: { item: "height" }, width: { item: "width" }, selected: { item: "selected" }, zebra: { item: "zebra" } },
+                  on: { onClick: ui("rowClick", { id: { item: "id" }, ctrlKey: { arg: "ctrlKey" }, metaKey: { arg: "metaKey" } }), onDoubleClick: ui("rowDouble", { id: { item: "id" } }) },
+                  children: [
+                    { component: "chrome/GridCell", when: { item: "hasGutter" }, props: { width: { item: "gutterWidth" }, gutter: { value: true } }, children: [text({ item: "ordinal" })] },
+                    CELL("frozenCells"),
+                    { component: "chrome/GridSpacer", props: { width: { input: "view.spacerWidth" } } },
+                    CELL("cells")
+                  ]
+                }
+              ]
+            }
+          ]
+        }]
       },
       {
         component: "chrome/StatusBar",
@@ -1390,7 +1397,7 @@ function TablePanelView({ controller, ...options }) {
         r.cells.map((c) => /* @__PURE__ */ jsx(PivotCell, { numeric: true, children: c.text }, c.key))
       ] }, r.key))
     ] }) : null }) : null,
-    view.grid ? /* @__PURE__ */ jsxs(TableScroller, { controller, children: [
+    view.grid ? /* @__PURE__ */ jsx(TableScroller, { controller, children: /* @__PURE__ */ jsxs(Grid, { label: "Rows", rowCount: view.rowCount, children: [
       /* @__PURE__ */ jsxs(GridHeader, { width: view.width, height: view.headerHeight, children: [
         view.frozenHeaders.map(header),
         /* @__PURE__ */ jsx(GridSpacer, { width: view.spacerWidth }),
@@ -1402,7 +1409,7 @@ function TablePanelView({ controller, ...options }) {
         /* @__PURE__ */ jsx(GridSpacer, { width: view.spacerWidth }),
         r.cells.map(cell)
       ] }, r.key)) })
-    ] }) : null,
+    ] }) }) : null,
     view.footerShown ? /* @__PURE__ */ jsx(StatusBar, { left: /* @__PURE__ */ jsx(Text, { role: "number", children: view.countLabel }), right: view.selectedLabel ? /* @__PURE__ */ jsx(Text, { role: "meta", children: view.selectedLabel }) : null }) : null
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.13.21",
+  "version": "0.13.22",
   "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
   "license": "UNLICENSED",
   "type": "module",
@@ -64,7 +64,7 @@
   "peerDependencies": {
     "@duckdb/duckdb-wasm": ">=1.28.0",
     "@xenosystem/block-sdk": ">=0.3.4 <1",
-    "@xenosystem/components": ">=0.28.0 <1",
+    "@xenosystem/components": ">=0.28.1 <1",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": ">=0.0.1",
     "@xenosystem/elements-react": ">=0.0.1",
@@ -81,7 +81,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@xenosystem/block-sdk": "^0.3.4",
-    "@xenosystem/components": "^0.28.0",
+    "@xenosystem/components": "^0.28.1",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",