@dmsi/wedgekit-react 0.0.512 → 0.0.514

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/{chunk-JWVZOEF5.js → chunk-YY66JVTB.js} +18 -9
  2. package/dist/{chunk-F6RZ7MUE.js → chunk-ZCIC3AIZ.js} +4 -1
  3. package/dist/components/CalendarRange.cjs +21 -9
  4. package/dist/components/CalendarRange.js +4 -4
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +21 -9
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +4 -4
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +21 -9
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +4 -4
  9. package/dist/components/DataGrid/PinnedColumns.cjs +21 -9
  10. package/dist/components/DataGrid/PinnedColumns.js +4 -4
  11. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +21 -9
  12. package/dist/components/DataGrid/TableBody/LoadingCell.js +4 -4
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +21 -9
  14. package/dist/components/DataGrid/TableBody/TableBodyRow.js +4 -4
  15. package/dist/components/DataGrid/TableBody/index.cjs +21 -9
  16. package/dist/components/DataGrid/TableBody/index.js +4 -4
  17. package/dist/components/DataGrid/index.cjs +21 -9
  18. package/dist/components/DataGrid/index.js +4 -4
  19. package/dist/components/DataGrid/utils.cjs +21 -9
  20. package/dist/components/DataGrid/utils.js +4 -4
  21. package/dist/components/DataGridCell.cjs +4 -1
  22. package/dist/components/DataGridCell.js +1 -1
  23. package/dist/components/DateInput.cjs +21 -9
  24. package/dist/components/DateInput.js +4 -4
  25. package/dist/components/DateRangeInput.cjs +21 -9
  26. package/dist/components/DateRangeInput.js +4 -4
  27. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +21 -9
  28. package/dist/components/MobileDataGrid/ColumnSelector/index.js +4 -4
  29. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +21 -9
  30. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +4 -4
  31. package/dist/components/MobileDataGrid/index.cjs +21 -9
  32. package/dist/components/MobileDataGrid/index.js +4 -4
  33. package/dist/components/ProductImagePreview/index.js +2 -2
  34. package/dist/components/index.cjs +21 -9
  35. package/dist/components/index.js +4 -4
  36. package/package.json +1 -1
  37. package/src/components/DataGrid/TableBody/TableBodyRow.tsx +7 -4
  38. package/src/components/DataGrid/TableBody/index.tsx +9 -0
  39. package/src/components/DataGrid/index.tsx +4 -0
  40. package/src/components/DataGrid/types.ts +2 -0
  41. package/src/components/DataGridCell.tsx +3 -0
  42. package/dist/{chunk-IGUQFLEO.js → chunk-CDMXM5JW.js} +3 -3
@@ -2181,6 +2181,7 @@ var DataGridCell = (0, import_react11.memo)(
2181
2181
  center,
2182
2182
  width,
2183
2183
  minWidth,
2184
+ disabled,
2184
2185
  testid
2185
2186
  } = _b, props = __objRest(_b, [
2186
2187
  "id",
@@ -2199,6 +2200,7 @@ var DataGridCell = (0, import_react11.memo)(
2199
2200
  "center",
2200
2201
  "width",
2201
2202
  "minWidth",
2203
+ "disabled",
2202
2204
  "testid"
2203
2205
  ]);
2204
2206
  const Element = type === "header" ? "th" : "td";
@@ -2264,7 +2266,8 @@ var DataGridCell = (0, import_react11.memo)(
2264
2266
  paddedLeft && "pl-2",
2265
2267
  component === "icon" && "border-l",
2266
2268
  isGrabbing && "!cursor-grabbing",
2267
- component === "checkbox" || center && "justify-center"
2269
+ component === "checkbox" || center && "justify-center",
2270
+ disabled && "!text-text-primary-disabled"
2268
2271
  );
2269
2272
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2270
2273
  Element,
@@ -2657,7 +2660,8 @@ function TableBodyRow({
2657
2660
  showFilterRow,
2658
2661
  // enableColumnSelector = false,
2659
2662
  locked,
2660
- pinDirection
2663
+ pinDirection,
2664
+ disabled
2661
2665
  }) {
2662
2666
  var _a;
2663
2667
  let visibleCells;
@@ -2675,10 +2679,11 @@ function TableBodyRow({
2675
2679
  {
2676
2680
  className: (0, import_clsx11.default)(
2677
2681
  "min-h-10",
2678
- "transition-colors hover:bg-background-action-secondary-hover",
2679
- row.getIsSelected() && "!bg-background-action-secondary-hover",
2680
- isError && "!bg-background-action-critical-secondary-hover",
2681
- 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"
2682
+ "transition-colors",
2683
+ !disabled && "hover:bg-background-action-secondary-hover",
2684
+ row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2685
+ isError && !disabled && "!bg-background-action-critical-secondary-hover",
2686
+ 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"
2682
2687
  ),
2683
2688
  id: id ? `${id}-row-${row.id}` : void 0,
2684
2689
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2753,7 +2758,9 @@ function TableBody({
2753
2758
  showFilterRow,
2754
2759
  enableColumnSelector = false,
2755
2760
  locked,
2756
- pinDirection
2761
+ pinDirection,
2762
+ rowDisabled,
2763
+ rowDisabledAccessor
2757
2764
  }) {
2758
2765
  const { rows } = table.getRowModel();
2759
2766
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2846,7 +2853,8 @@ function TableBody({
2846
2853
  showFilterRow,
2847
2854
  enableColumnSelector,
2848
2855
  locked,
2849
- pinDirection
2856
+ pinDirection,
2857
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2850
2858
  },
2851
2859
  row.id
2852
2860
  );
@@ -3156,6 +3164,8 @@ function DataGrid({
3156
3164
  predeterminedLeftPins = [],
3157
3165
  predeterminedRightPins = [],
3158
3166
  useMenuDefaultMinWidth,
3167
+ rowDisabled,
3168
+ rowDisabledAccessor,
3159
3169
  ref
3160
3170
  }) {
3161
3171
  var _a, _b, _c, _d, _e, _f, _g;
@@ -3544,7 +3554,9 @@ function DataGrid({
3544
3554
  isLoadingMore,
3545
3555
  hasMore,
3546
3556
  showFilterRow,
3547
- enableColumnSelector
3557
+ enableColumnSelector,
3558
+ rowDisabled,
3559
+ rowDisabledAccessor
3548
3560
  }
3549
3561
  )
3550
3562
  ] }),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  LoadingCell
3
- } from "../../../chunk-JWVZOEF5.js";
3
+ } from "../../../chunk-YY66JVTB.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-IGUQFLEO.js";
8
- import "../../../chunk-3X3Y4TMS.js";
7
+ import "../../../chunk-CDMXM5JW.js";
9
8
  import "../../../chunk-BQNPOGD5.js";
10
9
  import "../../../chunk-Y5GD2FJA.js";
11
10
  import "../../../chunk-MBZ55T2D.js";
12
11
  import "../../../chunk-2IKT6IHB.js";
13
12
  import "../../../chunk-YCDDBSVU.js";
13
+ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
34
  import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
- import "../../../chunk-F6RZ7MUE.js";
36
+ import "../../../chunk-ZCIC3AIZ.js";
37
37
  import "../../../chunk-TCMOGTPB.js";
38
38
  import "../../../chunk-DVU5XV7L.js";
39
39
  import "../../../chunk-LKKFQLWD.js";
@@ -2184,6 +2184,7 @@ var DataGridCell = (0, import_react11.memo)(
2184
2184
  center,
2185
2185
  width,
2186
2186
  minWidth,
2187
+ disabled,
2187
2188
  testid
2188
2189
  } = _b, props = __objRest(_b, [
2189
2190
  "id",
@@ -2202,6 +2203,7 @@ var DataGridCell = (0, import_react11.memo)(
2202
2203
  "center",
2203
2204
  "width",
2204
2205
  "minWidth",
2206
+ "disabled",
2205
2207
  "testid"
2206
2208
  ]);
2207
2209
  const Element = type === "header" ? "th" : "td";
@@ -2267,7 +2269,8 @@ var DataGridCell = (0, import_react11.memo)(
2267
2269
  paddedLeft && "pl-2",
2268
2270
  component === "icon" && "border-l",
2269
2271
  isGrabbing && "!cursor-grabbing",
2270
- component === "checkbox" || center && "justify-center"
2272
+ component === "checkbox" || center && "justify-center",
2273
+ disabled && "!text-text-primary-disabled"
2271
2274
  );
2272
2275
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2273
2276
  Element,
@@ -2687,7 +2690,9 @@ function TableBody({
2687
2690
  showFilterRow,
2688
2691
  enableColumnSelector = false,
2689
2692
  locked,
2690
- pinDirection
2693
+ pinDirection,
2694
+ rowDisabled,
2695
+ rowDisabledAccessor
2691
2696
  }) {
2692
2697
  const { rows } = table.getRowModel();
2693
2698
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2780,7 +2785,8 @@ function TableBody({
2780
2785
  showFilterRow,
2781
2786
  enableColumnSelector,
2782
2787
  locked,
2783
- pinDirection
2788
+ pinDirection,
2789
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2784
2790
  },
2785
2791
  row.id
2786
2792
  );
@@ -3090,6 +3096,8 @@ function DataGrid({
3090
3096
  predeterminedLeftPins = [],
3091
3097
  predeterminedRightPins = [],
3092
3098
  useMenuDefaultMinWidth,
3099
+ rowDisabled,
3100
+ rowDisabledAccessor,
3093
3101
  ref
3094
3102
  }) {
3095
3103
  var _a, _b, _c, _d, _e, _f, _g;
@@ -3478,7 +3486,9 @@ function DataGrid({
3478
3486
  isLoadingMore,
3479
3487
  hasMore,
3480
3488
  showFilterRow,
3481
- enableColumnSelector
3489
+ enableColumnSelector,
3490
+ rowDisabled,
3491
+ rowDisabledAccessor
3482
3492
  }
3483
3493
  )
3484
3494
  ] }),
@@ -5676,7 +5686,8 @@ function TableBodyRow({
5676
5686
  showFilterRow,
5677
5687
  // enableColumnSelector = false,
5678
5688
  locked,
5679
- pinDirection
5689
+ pinDirection,
5690
+ disabled
5680
5691
  }) {
5681
5692
  var _a;
5682
5693
  let visibleCells;
@@ -5694,10 +5705,11 @@ function TableBodyRow({
5694
5705
  {
5695
5706
  className: (0, import_clsx39.default)(
5696
5707
  "min-h-10",
5697
- "transition-colors hover:bg-background-action-secondary-hover",
5698
- row.getIsSelected() && "!bg-background-action-secondary-hover",
5699
- isError && "!bg-background-action-critical-secondary-hover",
5700
- 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"
5708
+ "transition-colors",
5709
+ !disabled && "hover:bg-background-action-secondary-hover",
5710
+ row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
5711
+ isError && !disabled && "!bg-background-action-critical-secondary-hover",
5712
+ 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"
5701
5713
  ),
5702
5714
  id: id ? `${id}-row-${row.id}` : void 0,
5703
5715
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  TableBodyRow
3
- } from "../../../chunk-JWVZOEF5.js";
3
+ } from "../../../chunk-YY66JVTB.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-IGUQFLEO.js";
8
- import "../../../chunk-3X3Y4TMS.js";
7
+ import "../../../chunk-CDMXM5JW.js";
9
8
  import "../../../chunk-BQNPOGD5.js";
10
9
  import "../../../chunk-Y5GD2FJA.js";
11
10
  import "../../../chunk-MBZ55T2D.js";
12
11
  import "../../../chunk-2IKT6IHB.js";
13
12
  import "../../../chunk-YCDDBSVU.js";
13
+ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
34
  import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
- import "../../../chunk-F6RZ7MUE.js";
36
+ import "../../../chunk-ZCIC3AIZ.js";
37
37
  import "../../../chunk-TCMOGTPB.js";
38
38
  import "../../../chunk-DVU5XV7L.js";
39
39
  import "../../../chunk-LKKFQLWD.js";
@@ -2182,6 +2182,7 @@ var DataGridCell = (0, import_react11.memo)(
2182
2182
  center,
2183
2183
  width,
2184
2184
  minWidth,
2185
+ disabled,
2185
2186
  testid
2186
2187
  } = _b, props = __objRest(_b, [
2187
2188
  "id",
@@ -2200,6 +2201,7 @@ var DataGridCell = (0, import_react11.memo)(
2200
2201
  "center",
2201
2202
  "width",
2202
2203
  "minWidth",
2204
+ "disabled",
2203
2205
  "testid"
2204
2206
  ]);
2205
2207
  const Element = type === "header" ? "th" : "td";
@@ -2265,7 +2267,8 @@ var DataGridCell = (0, import_react11.memo)(
2265
2267
  paddedLeft && "pl-2",
2266
2268
  component === "icon" && "border-l",
2267
2269
  isGrabbing && "!cursor-grabbing",
2268
- component === "checkbox" || center && "justify-center"
2270
+ component === "checkbox" || center && "justify-center",
2271
+ disabled && "!text-text-primary-disabled"
2269
2272
  );
2270
2273
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2271
2274
  Element,
@@ -2909,6 +2912,8 @@ function DataGrid({
2909
2912
  predeterminedLeftPins = [],
2910
2913
  predeterminedRightPins = [],
2911
2914
  useMenuDefaultMinWidth,
2915
+ rowDisabled,
2916
+ rowDisabledAccessor,
2912
2917
  ref
2913
2918
  }) {
2914
2919
  var _a, _b, _c, _d, _e, _f, _g;
@@ -3297,7 +3302,9 @@ function DataGrid({
3297
3302
  isLoadingMore,
3298
3303
  hasMore,
3299
3304
  showFilterRow,
3300
- enableColumnSelector
3305
+ enableColumnSelector,
3306
+ rowDisabled,
3307
+ rowDisabledAccessor
3301
3308
  }
3302
3309
  )
3303
3310
  ] }),
@@ -5501,7 +5508,8 @@ function TableBodyRow({
5501
5508
  showFilterRow,
5502
5509
  // enableColumnSelector = false,
5503
5510
  locked,
5504
- pinDirection
5511
+ pinDirection,
5512
+ disabled
5505
5513
  }) {
5506
5514
  var _a;
5507
5515
  let visibleCells;
@@ -5519,10 +5527,11 @@ function TableBodyRow({
5519
5527
  {
5520
5528
  className: (0, import_clsx38.default)(
5521
5529
  "min-h-10",
5522
- "transition-colors hover:bg-background-action-secondary-hover",
5523
- row.getIsSelected() && "!bg-background-action-secondary-hover",
5524
- isError && "!bg-background-action-critical-secondary-hover",
5525
- 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"
5530
+ "transition-colors",
5531
+ !disabled && "hover:bg-background-action-secondary-hover",
5532
+ row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
5533
+ isError && !disabled && "!bg-background-action-critical-secondary-hover",
5534
+ 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"
5526
5535
  ),
5527
5536
  id: id ? `${id}-row-${row.id}` : void 0,
5528
5537
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -5632,7 +5641,9 @@ function TableBody({
5632
5641
  showFilterRow,
5633
5642
  enableColumnSelector = false,
5634
5643
  locked,
5635
- pinDirection
5644
+ pinDirection,
5645
+ rowDisabled,
5646
+ rowDisabledAccessor
5636
5647
  }) {
5637
5648
  const { rows } = table.getRowModel();
5638
5649
  const rowVirtualizer = (0, import_react_virtual2.useVirtualizer)({
@@ -5725,7 +5736,8 @@ function TableBody({
5725
5736
  showFilterRow,
5726
5737
  enableColumnSelector,
5727
5738
  locked,
5728
- pinDirection
5739
+ pinDirection,
5740
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
5729
5741
  },
5730
5742
  row.id
5731
5743
  );
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  TableBody
3
- } from "../../../chunk-JWVZOEF5.js";
3
+ } from "../../../chunk-YY66JVTB.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-IGUQFLEO.js";
8
- import "../../../chunk-3X3Y4TMS.js";
7
+ import "../../../chunk-CDMXM5JW.js";
9
8
  import "../../../chunk-BQNPOGD5.js";
10
9
  import "../../../chunk-Y5GD2FJA.js";
11
10
  import "../../../chunk-MBZ55T2D.js";
12
11
  import "../../../chunk-2IKT6IHB.js";
13
12
  import "../../../chunk-YCDDBSVU.js";
13
+ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
34
  import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
- import "../../../chunk-F6RZ7MUE.js";
36
+ import "../../../chunk-ZCIC3AIZ.js";
37
37
  import "../../../chunk-TCMOGTPB.js";
38
38
  import "../../../chunk-DVU5XV7L.js";
39
39
  import "../../../chunk-LKKFQLWD.js";
@@ -2183,6 +2183,7 @@ var DataGridCell = (0, import_react11.memo)(
2183
2183
  center,
2184
2184
  width,
2185
2185
  minWidth,
2186
+ disabled,
2186
2187
  testid
2187
2188
  } = _b, props = __objRest(_b, [
2188
2189
  "id",
@@ -2201,6 +2202,7 @@ var DataGridCell = (0, import_react11.memo)(
2201
2202
  "center",
2202
2203
  "width",
2203
2204
  "minWidth",
2205
+ "disabled",
2204
2206
  "testid"
2205
2207
  ]);
2206
2208
  const Element = type === "header" ? "th" : "td";
@@ -2266,7 +2268,8 @@ var DataGridCell = (0, import_react11.memo)(
2266
2268
  paddedLeft && "pl-2",
2267
2269
  component === "icon" && "border-l",
2268
2270
  isGrabbing && "!cursor-grabbing",
2269
- component === "checkbox" || center && "justify-center"
2271
+ component === "checkbox" || center && "justify-center",
2272
+ disabled && "!text-text-primary-disabled"
2270
2273
  );
2271
2274
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2272
2275
  Element,
@@ -4684,7 +4687,8 @@ function TableBodyRow({
4684
4687
  showFilterRow,
4685
4688
  // enableColumnSelector = false,
4686
4689
  locked,
4687
- pinDirection
4690
+ pinDirection,
4691
+ disabled
4688
4692
  }) {
4689
4693
  var _a;
4690
4694
  let visibleCells;
@@ -4702,10 +4706,11 @@ function TableBodyRow({
4702
4706
  {
4703
4707
  className: (0, import_clsx36.default)(
4704
4708
  "min-h-10",
4705
- "transition-colors hover:bg-background-action-secondary-hover",
4706
- row.getIsSelected() && "!bg-background-action-secondary-hover",
4707
- isError && "!bg-background-action-critical-secondary-hover",
4708
- 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"
4709
+ "transition-colors",
4710
+ !disabled && "hover:bg-background-action-secondary-hover",
4711
+ row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
4712
+ isError && !disabled && "!bg-background-action-critical-secondary-hover",
4713
+ 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"
4709
4714
  ),
4710
4715
  id: id ? `${id}-row-${row.id}` : void 0,
4711
4716
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -4815,7 +4820,9 @@ function TableBody({
4815
4820
  showFilterRow,
4816
4821
  enableColumnSelector = false,
4817
4822
  locked,
4818
- pinDirection
4823
+ pinDirection,
4824
+ rowDisabled,
4825
+ rowDisabledAccessor
4819
4826
  }) {
4820
4827
  const { rows } = table.getRowModel();
4821
4828
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -4908,7 +4915,8 @@ function TableBody({
4908
4915
  showFilterRow,
4909
4916
  enableColumnSelector,
4910
4917
  locked,
4911
- pinDirection
4918
+ pinDirection,
4919
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
4912
4920
  },
4913
4921
  row.id
4914
4922
  );
@@ -5218,6 +5226,8 @@ function DataGrid({
5218
5226
  predeterminedLeftPins = [],
5219
5227
  predeterminedRightPins = [],
5220
5228
  useMenuDefaultMinWidth,
5229
+ rowDisabled,
5230
+ rowDisabledAccessor,
5221
5231
  ref
5222
5232
  }) {
5223
5233
  var _a, _b, _c, _d, _e, _f, _g;
@@ -5606,7 +5616,9 @@ function DataGrid({
5606
5616
  isLoadingMore,
5607
5617
  hasMore,
5608
5618
  showFilterRow,
5609
- enableColumnSelector
5619
+ enableColumnSelector,
5620
+ rowDisabled,
5621
+ rowDisabledAccessor
5610
5622
  }
5611
5623
  )
5612
5624
  ] }),
@@ -2,17 +2,17 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-JWVZOEF5.js";
5
+ } from "../../chunk-YY66JVTB.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
7
  import "../../chunk-ELXVDRWS.js";
8
8
  import "../../chunk-3UUCDNX3.js";
9
- import "../../chunk-IGUQFLEO.js";
10
- import "../../chunk-3X3Y4TMS.js";
9
+ import "../../chunk-CDMXM5JW.js";
11
10
  import "../../chunk-BQNPOGD5.js";
12
11
  import "../../chunk-Y5GD2FJA.js";
13
12
  import "../../chunk-MBZ55T2D.js";
14
13
  import "../../chunk-2IKT6IHB.js";
15
14
  import "../../chunk-YCDDBSVU.js";
15
+ import "../../chunk-3X3Y4TMS.js";
16
16
  import "../../chunk-PRN2EQBX.js";
17
17
  import "../../chunk-5YNEY3WO.js";
18
18
  import "../../chunk-5IFPG6TS.js";
@@ -35,7 +35,7 @@ import "../../chunk-AKJUBFJK.js";
35
35
  import "../../chunk-SUSUNSVZ.js";
36
36
  import "../../chunk-BWPNXY7T.js";
37
37
  import "../../chunk-QVWYTQKL.js";
38
- import "../../chunk-F6RZ7MUE.js";
38
+ import "../../chunk-ZCIC3AIZ.js";
39
39
  import "../../chunk-TCMOGTPB.js";
40
40
  import "../../chunk-DVU5XV7L.js";
41
41
  import "../../chunk-LKKFQLWD.js";
@@ -2182,6 +2182,7 @@ var DataGridCell = (0, import_react11.memo)(
2182
2182
  center,
2183
2183
  width,
2184
2184
  minWidth,
2185
+ disabled,
2185
2186
  testid
2186
2187
  } = _b, props = __objRest(_b, [
2187
2188
  "id",
@@ -2200,6 +2201,7 @@ var DataGridCell = (0, import_react11.memo)(
2200
2201
  "center",
2201
2202
  "width",
2202
2203
  "minWidth",
2204
+ "disabled",
2203
2205
  "testid"
2204
2206
  ]);
2205
2207
  const Element = type === "header" ? "th" : "td";
@@ -2265,7 +2267,8 @@ var DataGridCell = (0, import_react11.memo)(
2265
2267
  paddedLeft && "pl-2",
2266
2268
  component === "icon" && "border-l",
2267
2269
  isGrabbing && "!cursor-grabbing",
2268
- component === "checkbox" || center && "justify-center"
2270
+ component === "checkbox" || center && "justify-center",
2271
+ disabled && "!text-text-primary-disabled"
2269
2272
  );
2270
2273
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2271
2274
  Element,
@@ -2641,7 +2644,8 @@ function TableBodyRow({
2641
2644
  showFilterRow,
2642
2645
  // enableColumnSelector = false,
2643
2646
  locked,
2644
- pinDirection
2647
+ pinDirection,
2648
+ disabled
2645
2649
  }) {
2646
2650
  var _a;
2647
2651
  let visibleCells;
@@ -2659,10 +2663,11 @@ function TableBodyRow({
2659
2663
  {
2660
2664
  className: (0, import_clsx10.default)(
2661
2665
  "min-h-10",
2662
- "transition-colors hover:bg-background-action-secondary-hover",
2663
- row.getIsSelected() && "!bg-background-action-secondary-hover",
2664
- isError && "!bg-background-action-critical-secondary-hover",
2665
- 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"
2666
+ "transition-colors",
2667
+ !disabled && "hover:bg-background-action-secondary-hover",
2668
+ row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2669
+ isError && !disabled && "!bg-background-action-critical-secondary-hover",
2670
+ 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"
2666
2671
  ),
2667
2672
  id: id ? `${id}-row-${row.id}` : void 0,
2668
2673
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2772,7 +2777,9 @@ function TableBody({
2772
2777
  showFilterRow,
2773
2778
  enableColumnSelector = false,
2774
2779
  locked,
2775
- pinDirection
2780
+ pinDirection,
2781
+ rowDisabled,
2782
+ rowDisabledAccessor
2776
2783
  }) {
2777
2784
  const { rows } = table.getRowModel();
2778
2785
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2865,7 +2872,8 @@ function TableBody({
2865
2872
  showFilterRow,
2866
2873
  enableColumnSelector,
2867
2874
  locked,
2868
- pinDirection
2875
+ pinDirection,
2876
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2869
2877
  },
2870
2878
  row.id
2871
2879
  );
@@ -3175,6 +3183,8 @@ function DataGrid({
3175
3183
  predeterminedLeftPins = [],
3176
3184
  predeterminedRightPins = [],
3177
3185
  useMenuDefaultMinWidth,
3186
+ rowDisabled,
3187
+ rowDisabledAccessor,
3178
3188
  ref
3179
3189
  }) {
3180
3190
  var _a, _b, _c, _d, _e, _f, _g;
@@ -3563,7 +3573,9 @@ function DataGrid({
3563
3573
  isLoadingMore,
3564
3574
  hasMore,
3565
3575
  showFilterRow,
3566
- enableColumnSelector
3576
+ enableColumnSelector,
3577
+ rowDisabled,
3578
+ rowDisabledAccessor
3567
3579
  }
3568
3580
  )
3569
3581
  ] }),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  getSortIcon
3
- } from "../../chunk-JWVZOEF5.js";
3
+ } from "../../chunk-YY66JVTB.js";
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-ELXVDRWS.js";
6
6
  import "../../chunk-3UUCDNX3.js";
7
- import "../../chunk-IGUQFLEO.js";
8
- import "../../chunk-3X3Y4TMS.js";
7
+ import "../../chunk-CDMXM5JW.js";
9
8
  import "../../chunk-BQNPOGD5.js";
10
9
  import "../../chunk-Y5GD2FJA.js";
11
10
  import "../../chunk-MBZ55T2D.js";
12
11
  import "../../chunk-2IKT6IHB.js";
13
12
  import "../../chunk-YCDDBSVU.js";
13
+ import "../../chunk-3X3Y4TMS.js";
14
14
  import "../../chunk-PRN2EQBX.js";
15
15
  import "../../chunk-5YNEY3WO.js";
16
16
  import "../../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../../chunk-AKJUBFJK.js";
33
33
  import "../../chunk-SUSUNSVZ.js";
34
34
  import "../../chunk-BWPNXY7T.js";
35
35
  import "../../chunk-QVWYTQKL.js";
36
- import "../../chunk-F6RZ7MUE.js";
36
+ import "../../chunk-ZCIC3AIZ.js";
37
37
  import "../../chunk-TCMOGTPB.js";
38
38
  import "../../chunk-DVU5XV7L.js";
39
39
  import "../../chunk-LKKFQLWD.js";
@@ -1971,6 +1971,7 @@ var DataGridCell = (0, import_react11.memo)(
1971
1971
  center,
1972
1972
  width,
1973
1973
  minWidth,
1974
+ disabled,
1974
1975
  testid
1975
1976
  } = _b, props = __objRest(_b, [
1976
1977
  "id",
@@ -1989,6 +1990,7 @@ var DataGridCell = (0, import_react11.memo)(
1989
1990
  "center",
1990
1991
  "width",
1991
1992
  "minWidth",
1993
+ "disabled",
1992
1994
  "testid"
1993
1995
  ]);
1994
1996
  const Element = type === "header" ? "th" : "td";
@@ -2054,7 +2056,8 @@ var DataGridCell = (0, import_react11.memo)(
2054
2056
  paddedLeft && "pl-2",
2055
2057
  component === "icon" && "border-l",
2056
2058
  isGrabbing && "!cursor-grabbing",
2057
- component === "checkbox" || center && "justify-center"
2059
+ component === "checkbox" || center && "justify-center",
2060
+ disabled && "!text-text-primary-disabled"
2058
2061
  );
2059
2062
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
2060
2063
  Element,
@@ -4,7 +4,7 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-F6RZ7MUE.js";
7
+ } from "../chunk-ZCIC3AIZ.js";
8
8
  import "../chunk-TCMOGTPB.js";
9
9
  import "../chunk-DVU5XV7L.js";
10
10
  import "../chunk-LKKFQLWD.js";