@kanunilabs/datagrid-react 1.3.0 → 1.5.0

package/dist/styles.css

@@ -706,6 +706,29 @@
   font-variant-numeric: tabular-nums;
 }
 
+/* Numbered page buttons (`pagination.pageButtons`). The current page is the
+   one marked `aria-current`, so the style follows the same attribute a screen
+   reader announces — the two cannot disagree. */
+.kanuni-datagrid-pager-buttons .kanuni-datagrid-pager-page {
+  padding: 0 6px;
+  font-variant-numeric: tabular-nums;
+}
+
+/* `button` in the selector so it outranks the generic hover rule above. */
+.kanuni-datagrid-pager-buttons button.kanuni-datagrid-pager-page[aria-current='page'] {
+  border-color: var(--dg-primary);
+  background: var(--dg-primary-soft);
+  color: var(--dg-primary);
+  font-weight: 600;
+  cursor: default;
+}
+
+.kanuni-datagrid-pager-gap {
+  min-width: 16px;
+  color: var(--dg-text-muted);
+  text-align: center;
+}
+
 /* ── Group panel ──────────────────────────────────────────── */
 .kanuni-datagrid-group-panel {
   display: flex;
@@ -1060,6 +1083,13 @@
   cursor: pointer;
 }
 
+/* A row `selection.isRowSelectable` refuses: the box stays (the column keeps
+   its rhythm) but cannot be ticked. */
+.kanuni-datagrid-select-cell input:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
 /* ── Row numbers (gap analysis P3.5) ───────────────────────── */
 /* Muted and tabular on purpose. The number is an address, not data: at full
    text weight it competes with the first real column, and proportional digits
@@ -1681,6 +1711,35 @@
   }
 }
 
+/* A block the server failed to send (P-SSRM-01): a message and a Retry button
+   on each of its rows instead of a skeleton that never resolves. */
+.kanuni-datagrid-row--load-failed .kanuni-datagrid-loading-cell {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--dg-text-muted);
+  font-size: var(--dg-control-font-size);
+}
+
+.kanuni-datagrid-retry-button {
+  padding: 2px 10px;
+  border: 1px solid var(--dg-border-strong);
+  border-radius: var(--dg-radius-control);
+  background: var(--dg-surface);
+  color: var(--dg-text);
+  font: inherit;
+  cursor: pointer;
+}
+
+.kanuni-datagrid-retry-button:hover {
+  background: var(--dg-surface-hover);
+}
+
+.kanuni-datagrid-retry-button:focus-visible {
+  outline: 2px solid var(--dg-focus-ring);
+  outline-offset: 1px;
+}
+
 /* Respect a reduced-motion preference: the pulse is decoration, and a user who
    asked for stillness should get a static placeholder. */
 @media (prefers-reduced-motion: reduce) {
@@ -1909,6 +1968,38 @@
   border-top: var(--dg-header-border);
 }
 
+/* Sticky group headers (grouping.stickyHeaders). A zero-height band that
+   sticks under the header stack (and any pinned-top rows); the header copies
+   hang from it at the offsets core computed, so the rows keep scrolling
+   underneath and nothing below moves. Above the rows, below the header. */
+.kanuni-datagrid-sticky-groups {
+  position: sticky;
+  top: calc(
+    var(--dg-band-offset, 0px) + var(--dg-header-height) * var(--dg-pinned-gap, 1) +
+      var(--dg-sticky-below, 0px)
+  );
+  z-index: 2;
+  height: 0;
+  overflow: visible;
+}
+
+.kanuni-datagrid-sticky-group {
+  position: absolute;
+  left: 0;
+  /* As wide as the ROW, not the band: lead columns (checkbox, row number)
+     make a row wider than the column layout the band is sized to, and the
+     part past the band's edge showed the rows underneath through the copy. */
+  width: max-content;
+  min-width: 100%;
+  /* The group colour may be translucent; the rows underneath must not show
+     through the copy. */
+  background: var(--dg-surface);
+}
+
+.kanuni-datagrid-sticky-group--last {
+  box-shadow: 0 2px 4px -2px color-mix(in srgb, var(--dg-text, #000) 25%, transparent);
+}
+
 /* The rows inside keep the grid's cell geometry but not its striping — these
    are not part of the alternating rhythm of the data. */
 .kanuni-datagrid-pinned-rows .kanuni-datagrid-row,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanunilabs/datagrid-react",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "High-performance React data grid — virtualized rows and columns, sticky pinned columns, sorting, filtering and theming",
   "keywords": [
     "react",
@@ -54,7 +54,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@kanunilabs/datagrid-core": "1.5.0"
+    "@kanunilabs/datagrid-core": "1.7.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -65,7 +65,7 @@
   },
   "scripts": {
     "lint": "tsc --noEmit",
-    "build": "tsup && node scripts/build-css.mjs",
+    "build": "tsup && node scripts/build-css.mjs && node ../../scripts/check-esm-load.mjs",
     "build:css": "node scripts/build-css.mjs",
     "build:check": "tsc --noEmit && node ../../scripts/check-hook-order.mjs ../..",
     "test": "vitest run --passWithNoTests"