@kanunilabs/datagrid-react 1.2.2 → 1.4.0

package/dist/styles.css

@@ -869,6 +869,14 @@
   color: var(--dg-text-muted);
 }
 
+/* Ticks every row under the group (multiple selection + checkbox column). */
+.kanuni-datagrid-group-checkbox {
+  margin: 0;
+  margin-inline-end: 6px;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
 .kanuni-datagrid-group-caption {
   color: var(--dg-text-muted);
   font-weight: 400;
@@ -925,6 +933,22 @@
   cursor: default;
 }
 
+/* `grouping.display: 'aligned'` — the group's name inside the first column's
+   cell, and each summary under its own column. The cell clips like any
+   other; the twisty and count stay with the name. */
+.kanuni-datagrid-group-inline {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  white-space: nowrap;
+}
+
+.kanuni-datagrid-group-aggregate-value {
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
 .kanuni-datagrid-group-row--focused {
   outline: 2px solid var(--dg-focus-ring);
   outline-offset: -2px;
@@ -1885,6 +1909,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,
@@ -2083,6 +2139,11 @@
 .kanuni-datagrid-tree-cell--ancestor {
   color: var(--dg-text-muted, #64748b);
 }
+/* A made-up step of a path tree (`tree.getDataPath`) — a folder, not a
+   record: its name reads as a heading over the rows beneath it. */
+.kanuni-datagrid-tree-path-label {
+  font-weight: 600;
+}
 /* ── Cell flash (P1.7) ─────────────────────────────────────
    The "this number just changed" pulse. Driven by a class the adapter adds
    and removes; the colour is a token so all six themes and dark mode inherit

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanunilabs/datagrid-react",
-  "version": "1.2.2",
+  "version": "1.4.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.4.1"
+    "@kanunilabs/datagrid-core": "1.6.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"