@dmsi/wedgekit-react 0.0.511 → 0.0.513

package/dist/components/DataGrid/utils.css

@@ -1038,9 +1038,36 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
   .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
@@ -3867,6 +3894,66 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:grid-cols-1 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-2 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-3 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-4 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-5 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-6 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-7 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-8 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-9 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-10 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-11 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-12 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .compact\:gap-desktop-compact-component-gap {
     &:where([data-compact]) {
       gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
       flex-grow: 0;
     }
   }
+  .desktop\:grid-cols-1 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-2 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-3 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .desktop\:grid-cols-4 {
     @container root (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .desktop\:grid-cols-5 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-6 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-7 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-8 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-9 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-10 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-11 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-12 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .desktop\:flex-col {
     @container root (width >= 48rem) {
       flex-direction: column;

package/dist/components/DataGrid/utils.js

@@ -1,10 +1,10 @@
 import {
   getSortIcon
-} from "../../chunk-JWVZOEF5.js";
+} from "../../chunk-YY66JVTB.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
-import "../../chunk-FJRYHJUV.js";
+import "../../chunk-CDMXM5JW.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
@@ -31,9 +31,9 @@ import "../../chunk-CMMQTIVM.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-AKJUBFJK.js";
 import "../../chunk-SUSUNSVZ.js";
-import "../../chunk-Y2GK27RX.js";
+import "../../chunk-BWPNXY7T.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-F6RZ7MUE.js";
+import "../../chunk-ZCIC3AIZ.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
 import "../../chunk-LKKFQLWD.js";

package/dist/components/DataGridCell.cjs

@@ -1971,6 +1971,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -1989,6 +1990,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2054,7 +2056,8 @@ var DataGridCell = (0, import_react11.memo)(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Element,

package/dist/components/DataGridCell.js

@@ -4,7 +4,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-F6RZ7MUE.js";
+} from "../chunk-ZCIC3AIZ.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
 import "../chunk-LKKFQLWD.js";

package/dist/components/DateInput.cjs

@@ -2188,6 +2188,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2206,6 +2207,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2271,7 +2273,8 @@ var DataGridCell = (0, import_react11.memo)(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Element,
@@ -2664,7 +2667,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2682,10 +2686,11 @@ function TableBodyRow({
     {
       className: (0, import_clsx11.default)(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        showFilterRow && !disabled ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
       ),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2795,7 +2800,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2888,7 +2895,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3198,6 +3206,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3586,7 +3596,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/components/DateInput.css

@@ -1038,9 +1038,36 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
   .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
@@ -3867,6 +3894,66 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:grid-cols-1 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-2 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-3 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-4 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-5 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-6 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-7 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-8 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-9 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-10 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-11 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .compact\:grid-cols-12 {
+    &:where([data-compact]) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .compact\:gap-desktop-compact-component-gap {
     &:where([data-compact]) {
       gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
       flex-grow: 0;
     }
   }
+  .desktop\:grid-cols-1 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-2 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-3 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .desktop\:grid-cols-4 {
     @container root (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .desktop\:grid-cols-5 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-6 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-7 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-8 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-9 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-10 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-11 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+  }
+  .desktop\:grid-cols-12 {
+    @container root (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .desktop\:flex-col {
     @container root (width >= 48rem) {
       flex-direction: column;

package/dist/components/DateInput.js

@@ -1,10 +1,10 @@
 import {
   DateInput
-} from "../chunk-JWVZOEF5.js";
+} from "../chunk-YY66JVTB.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
-import "../chunk-FJRYHJUV.js";
+import "../chunk-CDMXM5JW.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
@@ -31,9 +31,9 @@ import "../chunk-CMMQTIVM.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-AKJUBFJK.js";
 import "../chunk-SUSUNSVZ.js";
-import "../chunk-Y2GK27RX.js";
+import "../chunk-BWPNXY7T.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-F6RZ7MUE.js";
+import "../chunk-ZCIC3AIZ.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
 import "../chunk-LKKFQLWD.js";

package/dist/components/DateRangeInput.cjs

@@ -2196,6 +2196,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2214,6 +2215,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2279,7 +2281,8 @@ var DataGridCell = (0, import_react11.memo)(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Element,
@@ -2672,7 +2675,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2690,10 +2694,11 @@ function TableBodyRow({
     {
       className: (0, import_clsx11.default)(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        showFilterRow && !disabled ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
       ),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2803,7 +2808,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2896,7 +2903,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3206,6 +3214,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3594,7 +3604,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),