@dmsi/wedgekit-react 0.0.512 → 0.0.513

package/dist/{chunk-JWVZOEF5.js → chunk-YY66JVTB.js}

@@ -24,7 +24,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-F6RZ7MUE.js";
+} from "./chunk-ZCIC3AIZ.js";
 import {
   Menu
 } from "./chunk-TCMOGTPB.js";
@@ -161,7 +161,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -179,10 +180,11 @@ function TableBodyRow({
     {
       className: clsx(
         "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,
@@ -292,7 +294,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = useVirtualizer({
@@ -385,7 +389,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -695,6 +700,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -1083,7 +1090,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/{chunk-F6RZ7MUE.js → chunk-ZCIC3AIZ.js}

@@ -55,6 +55,7 @@ var DataGridCell = memo(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -73,6 +74,7 @@ var DataGridCell = memo(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -138,7 +140,8 @@ var DataGridCell = 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__ */ jsx(
       Element,

package/dist/components/CalendarRange.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/CalendarRange.js

@@ -2,17 +2,17 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-JWVZOEF5.js";
+} from "../chunk-YY66JVTB.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
-import "../chunk-IGUQFLEO.js";
-import "../chunk-3X3Y4TMS.js";
+import "../chunk-CDMXM5JW.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
+import "../chunk-3X3Y4TMS.js";
 import "../chunk-PRN2EQBX.js";
 import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
@@ -35,7 +35,7 @@ import "../chunk-AKJUBFJK.js";
 import "../chunk-SUSUNSVZ.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/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs

@@ -2182,6 +2182,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2200,6 +2201,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2265,7 +2267,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,
@@ -2658,7 +2661,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2676,10 +2680,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,
@@ -2789,7 +2794,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2882,7 +2889,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3164,6 +3172,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3552,7 +3562,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,16 +1,16 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-JWVZOEF5.js";
+} from "../../../chunk-YY66JVTB.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
-import "../../../chunk-IGUQFLEO.js";
-import "../../../chunk-3X3Y4TMS.js";
+import "../../../chunk-CDMXM5JW.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
+import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-PRN2EQBX.js";
 import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../../chunk-AKJUBFJK.js";
 import "../../../chunk-SUSUNSVZ.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/DataGrid/ColumnSelectorHeaderCell/index.cjs

@@ -2182,6 +2182,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2200,6 +2201,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2265,7 +2267,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,
@@ -2658,7 +2661,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2676,10 +2680,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,
@@ -2789,7 +2794,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2882,7 +2889,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3086,6 +3094,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3474,7 +3484,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js

@@ -1,16 +1,16 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-JWVZOEF5.js";
+} from "../../../chunk-YY66JVTB.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
-import "../../../chunk-IGUQFLEO.js";
-import "../../../chunk-3X3Y4TMS.js";
+import "../../../chunk-CDMXM5JW.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
+import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-PRN2EQBX.js";
 import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../../chunk-AKJUBFJK.js";
 import "../../../chunk-SUSUNSVZ.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/DataGrid/PinnedColumns.cjs

@@ -2182,6 +2182,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2200,6 +2201,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2265,7 +2267,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,
@@ -2651,7 +2654,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2669,10 +2673,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,
@@ -2782,7 +2787,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2875,7 +2882,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -2939,6 +2947,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3327,7 +3337,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/components/DataGrid/PinnedColumns.js

@@ -1,16 +1,16 @@
 import {
   PinnedColumns
-} from "../../chunk-JWVZOEF5.js";
+} from "../../chunk-YY66JVTB.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
-import "../../chunk-IGUQFLEO.js";
-import "../../chunk-3X3Y4TMS.js";
+import "../../chunk-CDMXM5JW.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
+import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-PRN2EQBX.js";
 import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../chunk-AKJUBFJK.js";
 import "../../chunk-SUSUNSVZ.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";