@kanunilabs/datagrid-react 1.4.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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanunilabs/datagrid-react",
-  "version": "1.4.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.6.0"
+    "@kanunilabs/datagrid-core": "1.7.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",