@dmsi/wedgekit-react 0.0.688 → 0.0.690

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 (62) hide show
  1. package/dist/{chunk-WAV5PXQI.js → chunk-OX7TDYN4.js} +4 -4
  2. package/dist/{chunk-DN6OOHJH.js → chunk-QTSKA34J.js} +42 -24
  3. package/dist/components/AccessCard.js +1 -1
  4. package/dist/components/Accordion.js +2 -2
  5. package/dist/components/Alert.js +2 -2
  6. package/dist/components/CalendarRange.cjs +28 -10
  7. package/dist/components/CalendarRange.js +18 -18
  8. package/dist/components/CompactImagesPreview.js +2 -2
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +28 -10
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +18 -18
  11. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +28 -10
  12. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +18 -18
  13. package/dist/components/DataGrid/PinnedColumns.cjs +28 -10
  14. package/dist/components/DataGrid/PinnedColumns.js +18 -18
  15. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +28 -10
  16. package/dist/components/DataGrid/TableBody/LoadingCell.js +18 -18
  17. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +28 -10
  18. package/dist/components/DataGrid/TableBody/TableBodyRow.js +18 -18
  19. package/dist/components/DataGrid/TableBody/index.cjs +28 -10
  20. package/dist/components/DataGrid/TableBody/index.js +18 -18
  21. package/dist/components/DataGrid/index.cjs +28 -10
  22. package/dist/components/DataGrid/index.js +18 -18
  23. package/dist/components/DataGrid/utils.cjs +28 -10
  24. package/dist/components/DataGrid/utils.js +18 -18
  25. package/dist/components/DateInput.cjs +28 -10
  26. package/dist/components/DateInput.js +18 -18
  27. package/dist/components/DateRangeInput.cjs +28 -10
  28. package/dist/components/DateRangeInput.js +18 -18
  29. package/dist/components/FilterGroup.js +2 -2
  30. package/dist/components/MobileDataGrid/ColumnList.js +4 -4
  31. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +28 -10
  32. package/dist/components/MobileDataGrid/ColumnSelector/index.js +18 -18
  33. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +3 -3
  34. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +28 -10
  35. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +18 -18
  36. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  37. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
  38. package/dist/components/MobileDataGrid/index.cjs +28 -10
  39. package/dist/components/MobileDataGrid/index.js +18 -18
  40. package/dist/components/Modal.js +3 -3
  41. package/dist/components/NestedMenu.js +4 -4
  42. package/dist/components/Notification.js +3 -3
  43. package/dist/components/PDFViewer/PDFElement.js +2 -2
  44. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  45. package/dist/components/PDFViewer/index.js +6 -6
  46. package/dist/components/ProductImagePreview/index.js +2 -2
  47. package/dist/components/SimpleTable.js +2 -2
  48. package/dist/components/Stepper.js +1 -1
  49. package/dist/components/Time.js +3 -3
  50. package/dist/components/Upload.js +3 -3
  51. package/dist/components/index.cjs +28 -10
  52. package/dist/components/index.js +32 -32
  53. package/package.json +1 -1
  54. package/dist/{chunk-WCBNUS32.js → chunk-63WMDTVQ.js} +3 -3
  55. package/dist/{chunk-NYBPEUKC.js → chunk-7YW4Q7OQ.js} +3 -3
  56. package/dist/{chunk-GWD4XMZA.js → chunk-B2DVT7KT.js} +3 -3
  57. package/dist/{chunk-5GG3FGQS.js → chunk-CQLRGYHM.js} +3 -3
  58. package/dist/{chunk-54PBZBOB.js → chunk-EQ2RAI53.js} +3 -3
  59. package/dist/{chunk-77J763WS.js → chunk-GYU3MQ3R.js} +3 -3
  60. package/dist/{chunk-ZEPEVX5O.js → chunk-I2L2DXPU.js} +6 -6
  61. package/dist/{chunk-NUWWNDEL.js → chunk-SGZCW7HP.js} +3 -3
  62. package/dist/{chunk-QCTZTMHH.js → chunk-TURMALTW.js} +3 -3
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs CHANGED
@@ -2732,7 +2732,9 @@ function TableBodyRow({
2732
2732
  // enableColumnSelector = false,
2733
2733
  locked,
2734
2734
  pinDirection,
2735
- disabled
2735
+ disabled,
2736
+ hoveredRowId,
2737
+ setHoveredRowId
2736
2738
  }) {
2737
2739
  var _a;
2738
2740
  let visibleCells;
@@ -2745,17 +2747,20 @@ function TableBodyRow({
2745
2747
  const columns = locked ? visibleCells : virtualColumns;
2746
2748
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
2747
2749
  const CellElement = locked ? DataGridCell : DragAlongCell;
2750
+ const isHovered = hoveredRowId === row.id;
2748
2751
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2749
2752
  "tr",
2750
2753
  {
2751
2754
  className: (0, import_clsx11.default)(
2752
2755
  "min-h-10",
2753
2756
  "transition-colors",
2754
- !disabled && "hover:bg-background-action-secondary-hover",
2757
+ 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",
2758
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
2755
2759
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2756
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
2757
- 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"
2760
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
2758
2761
  ),
2762
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
2763
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
2759
2764
  id: id ? `${id}-row-${row.id}` : void 0,
2760
2765
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
2761
2766
  style: {
@@ -2866,7 +2871,9 @@ function TableBody({
2866
2871
  locked,
2867
2872
  pinDirection,
2868
2873
  rowDisabled,
2869
- rowDisabledAccessor
2874
+ rowDisabledAccessor,
2875
+ hoveredRowId,
2876
+ setHoveredRowId
2870
2877
  }) {
2871
2878
  const { rows } = table.getRowModel();
2872
2879
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2960,7 +2967,9 @@ function TableBody({
2960
2967
  enableColumnSelector,
2961
2968
  locked,
2962
2969
  pinDirection,
2963
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2970
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
2971
+ hoveredRowId,
2972
+ setHoveredRowId
2964
2973
  },
2965
2974
  row.id
2966
2975
  );
@@ -3129,7 +3138,9 @@ function PinnedColumns(_a) {
3129
3138
  }, props), {
3130
3139
  table,
3131
3140
  locked: !enableColumnSelector || pinDirection === "right",
3132
- pinDirection
3141
+ pinDirection,
3142
+ hoveredRowId: props.hoveredRowId,
3143
+ setHoveredRowId: props.setHoveredRowId
3133
3144
  })
3134
3145
  )
3135
3146
  ]
@@ -3183,6 +3194,7 @@ function DataGrid({
3183
3194
  const [localSorting, setLocalSorting] = (0, import_react15.useState)([]);
3184
3195
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react15.useState)([]);
3185
3196
  const [localRowSelection, setLocalRowSelection] = (0, import_react15.useState)({});
3197
+ const [hoveredRowId, setHoveredRowId] = (0, import_react15.useState)(null);
3186
3198
  const {
3187
3199
  columns: tableColumns,
3188
3200
  setColumns: setTableColumns,
@@ -3431,7 +3443,9 @@ function DataGrid({
3431
3443
  pagination,
3432
3444
  isLoadingMore,
3433
3445
  hasMore,
3434
- showFilterRow
3446
+ showFilterRow,
3447
+ hoveredRowId,
3448
+ setHoveredRowId
3435
3449
  }
3436
3450
  ),
3437
3451
  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3562,7 +3576,9 @@ function DataGrid({
3562
3576
  showFilterRow,
3563
3577
  enableColumnSelector,
3564
3578
  rowDisabled,
3565
- rowDisabledAccessor
3579
+ rowDisabledAccessor,
3580
+ hoveredRowId,
3581
+ setHoveredRowId
3566
3582
  }
3567
3583
  )
3568
3584
  ] }),
@@ -3580,7 +3596,9 @@ function DataGrid({
3580
3596
  pagination,
3581
3597
  isLoadingMore,
3582
3598
  hasMore,
3583
- showFilterRow
3599
+ showFilterRow,
3600
+ hoveredRowId,
3601
+ setHoveredRowId
3584
3602
  }
3585
3603
  )
3586
3604
  ]
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  ColumnSelectorHeaderCell
3
- } from "../../../chunk-DN6OOHJH.js";
4
- import "../../../chunk-77J763WS.js";
3
+ } from "../../../chunk-QTSKA34J.js";
4
+ import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-GWD4XMZA.js";
7
+ import "../../../chunk-B2DVT7KT.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
11
11
  import "../../../chunk-Y5GD2FJA.js";
12
12
  import "../../../chunk-MBZ55T2D.js";
13
13
  import "../../../chunk-2IKT6IHB.js";
14
- import "../../../chunk-WAV5PXQI.js";
15
- import "../../../chunk-ZEPEVX5O.js";
14
+ import "../../../chunk-OX7TDYN4.js";
15
+ import "../../../chunk-I2L2DXPU.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
17
  import "../../../chunk-AJ5M6MVX.js";
18
18
  import "../../../chunk-ZILLGHBE.js";
19
- import "../../../chunk-EWGHVZL5.js";
20
- import "../../../chunk-L3BXRDLP.js";
21
19
  import "../../../chunk-AT4AWD6B.js";
20
+ import "../../../chunk-EWGHVZL5.js";
22
21
  import "../../../chunk-UF5XGCSF.js";
23
- import "../../../chunk-WCBNUS32.js";
22
+ import "../../../chunk-63WMDTVQ.js";
23
+ import "../../../chunk-L3BXRDLP.js";
24
24
  import "../../../chunk-34VEVX5H.js";
25
25
  import "../../../chunk-LB7UT6F3.js";
26
26
  import "../../../chunk-AS57Y2D3.js";
@@ -30,12 +30,11 @@ import "../../../chunk-UUKHQUSF.js";
30
30
  import "../../../chunk-WVVEOCEH.js";
31
31
  import "../../../chunk-74HXF5GF.js";
32
32
  import "../../../chunk-AG43RS4Q.js";
33
- import "../../../chunk-UAMI54FE.js";
34
33
  import "../../../chunk-QVWYTQKL.js";
34
+ import "../../../chunk-UAMI54FE.js";
35
35
  import "../../../chunk-SJZNVG4N.js";
36
36
  import "../../../chunk-75USUR3I.js";
37
37
  import "../../../chunk-BWPNXY7T.js";
38
- import "../../../chunk-NUWWNDEL.js";
39
38
  import "../../../chunk-3LIRWDE2.js";
40
39
  import "../../../chunk-3HNNGWWJ.js";
41
40
  import "../../../chunk-OMBILZKH.js";
@@ -44,14 +43,8 @@ import "../../../chunk-FHXCCVOG.js";
44
43
  import "../../../chunk-7T5RGDCN.js";
45
44
  import "../../../chunk-HXGJVYGQ.js";
46
45
  import "../../../chunk-WVUIIBRR.js";
47
- import "../../../chunk-5GG3FGQS.js";
48
- import "../../../chunk-QCTZTMHH.js";
49
- import "../../../chunk-MXSJF6TW.js";
50
- import "../../../chunk-MTGNBARV.js";
51
- import "../../../chunk-BMAZBFUU.js";
52
- import "../../../chunk-SBRRNFOP.js";
53
- import "../../../chunk-KBJZUVLM.js";
54
46
  import "../../../chunk-M7WHWZ2J.js";
47
+ import "../../../chunk-SGZCW7HP.js";
55
48
  import "../../../chunk-ZERLFS2T.js";
56
49
  import "../../../chunk-VXWSAIB5.js";
57
50
  import "../../../chunk-X4VZXHQL.js";
@@ -59,9 +52,16 @@ import "../../../chunk-5UH6QUFB.js";
59
52
  import "../../../chunk-XJF4S3RB.js";
60
53
  import "../../../chunk-ZCJWOHFN.js";
61
54
  import "../../../chunk-PS6UJZVH.js";
62
- import "../../../chunk-WMPWWFUJ.js";
63
55
  import "../../../chunk-XR733AKC.js";
64
56
  import "../../../chunk-BYC6QID5.js";
57
+ import "../../../chunk-CQLRGYHM.js";
58
+ import "../../../chunk-KBJZUVLM.js";
59
+ import "../../../chunk-TURMALTW.js";
60
+ import "../../../chunk-MXSJF6TW.js";
61
+ import "../../../chunk-BMAZBFUU.js";
62
+ import "../../../chunk-SBRRNFOP.js";
63
+ import "../../../chunk-MTGNBARV.js";
64
+ import "../../../chunk-WMPWWFUJ.js";
65
65
  import "../../../chunk-NKUETCDA.js";
66
66
  import "../../../chunk-7KWFEH56.js";
67
67
  import "../../../chunk-ORMEWXMH.js";
package/dist/components/DataGrid/PinnedColumns.cjs CHANGED
@@ -2725,7 +2725,9 @@ function TableBodyRow({
2725
2725
  // enableColumnSelector = false,
2726
2726
  locked,
2727
2727
  pinDirection,
2728
- disabled
2728
+ disabled,
2729
+ hoveredRowId,
2730
+ setHoveredRowId
2729
2731
  }) {
2730
2732
  var _a;
2731
2733
  let visibleCells;
@@ -2738,17 +2740,20 @@ function TableBodyRow({
2738
2740
  const columns = locked ? visibleCells : virtualColumns;
2739
2741
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
2740
2742
  const CellElement = locked ? DataGridCell : DragAlongCell;
2743
+ const isHovered = hoveredRowId === row.id;
2741
2744
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2742
2745
  "tr",
2743
2746
  {
2744
2747
  className: (0, import_clsx11.default)(
2745
2748
  "min-h-10",
2746
2749
  "transition-colors",
2747
- !disabled && "hover:bg-background-action-secondary-hover",
2750
+ 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",
2751
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
2748
2752
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2749
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
2750
- 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"
2753
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
2751
2754
  ),
2755
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
2756
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
2752
2757
  id: id ? `${id}-row-${row.id}` : void 0,
2753
2758
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
2754
2759
  style: {
@@ -2859,7 +2864,9 @@ function TableBody({
2859
2864
  locked,
2860
2865
  pinDirection,
2861
2866
  rowDisabled,
2862
- rowDisabledAccessor
2867
+ rowDisabledAccessor,
2868
+ hoveredRowId,
2869
+ setHoveredRowId
2863
2870
  }) {
2864
2871
  const { rows } = table.getRowModel();
2865
2872
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2953,7 +2960,9 @@ function TableBody({
2953
2960
  enableColumnSelector,
2954
2961
  locked,
2955
2962
  pinDirection,
2956
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2963
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
2964
+ hoveredRowId,
2965
+ setHoveredRowId
2957
2966
  },
2958
2967
  row.id
2959
2968
  );
@@ -3030,6 +3039,7 @@ function DataGrid({
3030
3039
  const [localSorting, setLocalSorting] = (0, import_react14.useState)([]);
3031
3040
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react14.useState)([]);
3032
3041
  const [localRowSelection, setLocalRowSelection] = (0, import_react14.useState)({});
3042
+ const [hoveredRowId, setHoveredRowId] = (0, import_react14.useState)(null);
3033
3043
  const {
3034
3044
  columns: tableColumns,
3035
3045
  setColumns: setTableColumns,
@@ -3278,7 +3288,9 @@ function DataGrid({
3278
3288
  pagination,
3279
3289
  isLoadingMore,
3280
3290
  hasMore,
3281
- showFilterRow
3291
+ showFilterRow,
3292
+ hoveredRowId,
3293
+ setHoveredRowId
3282
3294
  }
3283
3295
  ),
3284
3296
  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3409,7 +3421,9 @@ function DataGrid({
3409
3421
  showFilterRow,
3410
3422
  enableColumnSelector,
3411
3423
  rowDisabled,
3412
- rowDisabledAccessor
3424
+ rowDisabledAccessor,
3425
+ hoveredRowId,
3426
+ setHoveredRowId
3413
3427
  }
3414
3428
  )
3415
3429
  ] }),
@@ -3427,7 +3441,9 @@ function DataGrid({
3427
3441
  pagination,
3428
3442
  isLoadingMore,
3429
3443
  hasMore,
3430
- showFilterRow
3444
+ showFilterRow,
3445
+ hoveredRowId,
3446
+ setHoveredRowId
3431
3447
  }
3432
3448
  )
3433
3449
  ]
@@ -6024,7 +6040,9 @@ function PinnedColumns(_a) {
6024
6040
  }, props), {
6025
6041
  table,
6026
6042
  locked: !enableColumnSelector || pinDirection === "right",
6027
- pinDirection
6043
+ pinDirection,
6044
+ hoveredRowId: props.hoveredRowId,
6045
+ setHoveredRowId: props.setHoveredRowId
6028
6046
  })
6029
6047
  )
6030
6048
  ]
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  PinnedColumns
3
- } from "../../chunk-DN6OOHJH.js";
4
- import "../../chunk-77J763WS.js";
3
+ } from "../../chunk-QTSKA34J.js";
4
+ import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-GWD4XMZA.js";
7
+ import "../../chunk-B2DVT7KT.js";
8
8
  import "../../chunk-YCDDBSVU.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
11
11
  import "../../chunk-Y5GD2FJA.js";
12
12
  import "../../chunk-MBZ55T2D.js";
13
13
  import "../../chunk-2IKT6IHB.js";
14
- import "../../chunk-WAV5PXQI.js";
15
- import "../../chunk-ZEPEVX5O.js";
14
+ import "../../chunk-OX7TDYN4.js";
15
+ import "../../chunk-I2L2DXPU.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
17
  import "../../chunk-AJ5M6MVX.js";
18
18
  import "../../chunk-ZILLGHBE.js";
19
- import "../../chunk-EWGHVZL5.js";
20
- import "../../chunk-L3BXRDLP.js";
21
19
  import "../../chunk-AT4AWD6B.js";
20
+ import "../../chunk-EWGHVZL5.js";
22
21
  import "../../chunk-UF5XGCSF.js";
23
- import "../../chunk-WCBNUS32.js";
22
+ import "../../chunk-63WMDTVQ.js";
23
+ import "../../chunk-L3BXRDLP.js";
24
24
  import "../../chunk-34VEVX5H.js";
25
25
  import "../../chunk-LB7UT6F3.js";
26
26
  import "../../chunk-AS57Y2D3.js";
@@ -30,12 +30,11 @@ import "../../chunk-UUKHQUSF.js";
30
30
  import "../../chunk-WVVEOCEH.js";
31
31
  import "../../chunk-74HXF5GF.js";
32
32
  import "../../chunk-AG43RS4Q.js";
33
- import "../../chunk-UAMI54FE.js";
34
33
  import "../../chunk-QVWYTQKL.js";
34
+ import "../../chunk-UAMI54FE.js";
35
35
  import "../../chunk-SJZNVG4N.js";
36
36
  import "../../chunk-75USUR3I.js";
37
37
  import "../../chunk-BWPNXY7T.js";
38
- import "../../chunk-NUWWNDEL.js";
39
38
  import "../../chunk-3LIRWDE2.js";
40
39
  import "../../chunk-3HNNGWWJ.js";
41
40
  import "../../chunk-OMBILZKH.js";
@@ -44,14 +43,8 @@ import "../../chunk-FHXCCVOG.js";
44
43
  import "../../chunk-7T5RGDCN.js";
45
44
  import "../../chunk-HXGJVYGQ.js";
46
45
  import "../../chunk-WVUIIBRR.js";
47
- import "../../chunk-5GG3FGQS.js";
48
- import "../../chunk-QCTZTMHH.js";
49
- import "../../chunk-MXSJF6TW.js";
50
- import "../../chunk-MTGNBARV.js";
51
- import "../../chunk-BMAZBFUU.js";
52
- import "../../chunk-SBRRNFOP.js";
53
- import "../../chunk-KBJZUVLM.js";
54
46
  import "../../chunk-M7WHWZ2J.js";
47
+ import "../../chunk-SGZCW7HP.js";
55
48
  import "../../chunk-ZERLFS2T.js";
56
49
  import "../../chunk-VXWSAIB5.js";
57
50
  import "../../chunk-X4VZXHQL.js";
@@ -59,9 +52,16 @@ import "../../chunk-5UH6QUFB.js";
59
52
  import "../../chunk-XJF4S3RB.js";
60
53
  import "../../chunk-ZCJWOHFN.js";
61
54
  import "../../chunk-PS6UJZVH.js";
62
- import "../../chunk-WMPWWFUJ.js";
63
55
  import "../../chunk-XR733AKC.js";
64
56
  import "../../chunk-BYC6QID5.js";
57
+ import "../../chunk-CQLRGYHM.js";
58
+ import "../../chunk-KBJZUVLM.js";
59
+ import "../../chunk-TURMALTW.js";
60
+ import "../../chunk-MXSJF6TW.js";
61
+ import "../../chunk-BMAZBFUU.js";
62
+ import "../../chunk-SBRRNFOP.js";
63
+ import "../../chunk-MTGNBARV.js";
64
+ import "../../chunk-WMPWWFUJ.js";
65
65
  import "../../chunk-NKUETCDA.js";
66
66
  import "../../chunk-7KWFEH56.js";
67
67
  import "../../chunk-ORMEWXMH.js";
package/dist/components/DataGrid/TableBody/LoadingCell.cjs CHANGED
@@ -2731,7 +2731,9 @@ function TableBodyRow({
2731
2731
  // enableColumnSelector = false,
2732
2732
  locked,
2733
2733
  pinDirection,
2734
- disabled
2734
+ disabled,
2735
+ hoveredRowId,
2736
+ setHoveredRowId
2735
2737
  }) {
2736
2738
  var _a;
2737
2739
  let visibleCells;
@@ -2744,17 +2746,20 @@ function TableBodyRow({
2744
2746
  const columns = locked ? visibleCells : virtualColumns;
2745
2747
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
2746
2748
  const CellElement = locked ? DataGridCell : DragAlongCell;
2749
+ const isHovered = hoveredRowId === row.id;
2747
2750
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2748
2751
  "tr",
2749
2752
  {
2750
2753
  className: (0, import_clsx11.default)(
2751
2754
  "min-h-10",
2752
2755
  "transition-colors",
2753
- !disabled && "hover:bg-background-action-secondary-hover",
2756
+ 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",
2757
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
2754
2758
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2755
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
2756
- 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"
2759
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
2757
2760
  ),
2761
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
2762
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
2758
2763
  id: id ? `${id}-row-${row.id}` : void 0,
2759
2764
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
2760
2765
  style: {
@@ -2830,7 +2835,9 @@ function TableBody({
2830
2835
  locked,
2831
2836
  pinDirection,
2832
2837
  rowDisabled,
2833
- rowDisabledAccessor
2838
+ rowDisabledAccessor,
2839
+ hoveredRowId,
2840
+ setHoveredRowId
2834
2841
  }) {
2835
2842
  const { rows } = table.getRowModel();
2836
2843
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2924,7 +2931,9 @@ function TableBody({
2924
2931
  enableColumnSelector,
2925
2932
  locked,
2926
2933
  pinDirection,
2927
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2934
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
2935
+ hoveredRowId,
2936
+ setHoveredRowId
2928
2937
  },
2929
2938
  row.id
2930
2939
  );
@@ -3199,7 +3208,9 @@ function PinnedColumns(_a) {
3199
3208
  }, props), {
3200
3209
  table,
3201
3210
  locked: !enableColumnSelector || pinDirection === "right",
3202
- pinDirection
3211
+ pinDirection,
3212
+ hoveredRowId: props.hoveredRowId,
3213
+ setHoveredRowId: props.setHoveredRowId
3203
3214
  })
3204
3215
  )
3205
3216
  ]
@@ -3253,6 +3264,7 @@ function DataGrid({
3253
3264
  const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
3254
3265
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
3255
3266
  const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
3267
+ const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
3256
3268
  const {
3257
3269
  columns: tableColumns,
3258
3270
  setColumns: setTableColumns,
@@ -3501,7 +3513,9 @@ function DataGrid({
3501
3513
  pagination,
3502
3514
  isLoadingMore,
3503
3515
  hasMore,
3504
- showFilterRow
3516
+ showFilterRow,
3517
+ hoveredRowId,
3518
+ setHoveredRowId
3505
3519
  }
3506
3520
  ),
3507
3521
  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3632,7 +3646,9 @@ function DataGrid({
3632
3646
  showFilterRow,
3633
3647
  enableColumnSelector,
3634
3648
  rowDisabled,
3635
- rowDisabledAccessor
3649
+ rowDisabledAccessor,
3650
+ hoveredRowId,
3651
+ setHoveredRowId
3636
3652
  }
3637
3653
  )
3638
3654
  ] }),
@@ -3650,7 +3666,9 @@ function DataGrid({
3650
3666
  pagination,
3651
3667
  isLoadingMore,
3652
3668
  hasMore,
3653
- showFilterRow
3669
+ showFilterRow,
3670
+ hoveredRowId,
3671
+ setHoveredRowId
3654
3672
  }
3655
3673
  )
3656
3674
  ]
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  LoadingCell
3
- } from "../../../chunk-DN6OOHJH.js";
4
- import "../../../chunk-77J763WS.js";
3
+ } from "../../../chunk-QTSKA34J.js";
4
+ import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-GWD4XMZA.js";
7
+ import "../../../chunk-B2DVT7KT.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
11
11
  import "../../../chunk-Y5GD2FJA.js";
12
12
  import "../../../chunk-MBZ55T2D.js";
13
13
  import "../../../chunk-2IKT6IHB.js";
14
- import "../../../chunk-WAV5PXQI.js";
15
- import "../../../chunk-ZEPEVX5O.js";
14
+ import "../../../chunk-OX7TDYN4.js";
15
+ import "../../../chunk-I2L2DXPU.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
17
  import "../../../chunk-AJ5M6MVX.js";
18
18
  import "../../../chunk-ZILLGHBE.js";
19
- import "../../../chunk-EWGHVZL5.js";
20
- import "../../../chunk-L3BXRDLP.js";
21
19
  import "../../../chunk-AT4AWD6B.js";
20
+ import "../../../chunk-EWGHVZL5.js";
22
21
  import "../../../chunk-UF5XGCSF.js";
23
- import "../../../chunk-WCBNUS32.js";
22
+ import "../../../chunk-63WMDTVQ.js";
23
+ import "../../../chunk-L3BXRDLP.js";
24
24
  import "../../../chunk-34VEVX5H.js";
25
25
  import "../../../chunk-LB7UT6F3.js";
26
26
  import "../../../chunk-AS57Y2D3.js";
@@ -30,12 +30,11 @@ import "../../../chunk-UUKHQUSF.js";
30
30
  import "../../../chunk-WVVEOCEH.js";
31
31
  import "../../../chunk-74HXF5GF.js";
32
32
  import "../../../chunk-AG43RS4Q.js";
33
- import "../../../chunk-UAMI54FE.js";
34
33
  import "../../../chunk-QVWYTQKL.js";
34
+ import "../../../chunk-UAMI54FE.js";
35
35
  import "../../../chunk-SJZNVG4N.js";
36
36
  import "../../../chunk-75USUR3I.js";
37
37
  import "../../../chunk-BWPNXY7T.js";
38
- import "../../../chunk-NUWWNDEL.js";
39
38
  import "../../../chunk-3LIRWDE2.js";
40
39
  import "../../../chunk-3HNNGWWJ.js";
41
40
  import "../../../chunk-OMBILZKH.js";
@@ -44,14 +43,8 @@ import "../../../chunk-FHXCCVOG.js";
44
43
  import "../../../chunk-7T5RGDCN.js";
45
44
  import "../../../chunk-HXGJVYGQ.js";
46
45
  import "../../../chunk-WVUIIBRR.js";
47
- import "../../../chunk-5GG3FGQS.js";
48
- import "../../../chunk-QCTZTMHH.js";
49
- import "../../../chunk-MXSJF6TW.js";
50
- import "../../../chunk-MTGNBARV.js";
51
- import "../../../chunk-BMAZBFUU.js";
52
- import "../../../chunk-SBRRNFOP.js";
53
- import "../../../chunk-KBJZUVLM.js";
54
46
  import "../../../chunk-M7WHWZ2J.js";
47
+ import "../../../chunk-SGZCW7HP.js";
55
48
  import "../../../chunk-ZERLFS2T.js";
56
49
  import "../../../chunk-VXWSAIB5.js";
57
50
  import "../../../chunk-X4VZXHQL.js";
@@ -59,9 +52,16 @@ import "../../../chunk-5UH6QUFB.js";
59
52
  import "../../../chunk-XJF4S3RB.js";
60
53
  import "../../../chunk-ZCJWOHFN.js";
61
54
  import "../../../chunk-PS6UJZVH.js";
62
- import "../../../chunk-WMPWWFUJ.js";
63
55
  import "../../../chunk-XR733AKC.js";
64
56
  import "../../../chunk-BYC6QID5.js";
57
+ import "../../../chunk-CQLRGYHM.js";
58
+ import "../../../chunk-KBJZUVLM.js";
59
+ import "../../../chunk-TURMALTW.js";
60
+ import "../../../chunk-MXSJF6TW.js";
61
+ import "../../../chunk-BMAZBFUU.js";
62
+ import "../../../chunk-SBRRNFOP.js";
63
+ import "../../../chunk-MTGNBARV.js";
64
+ import "../../../chunk-WMPWWFUJ.js";
65
65
  import "../../../chunk-NKUETCDA.js";
66
66
  import "../../../chunk-7KWFEH56.js";
67
67
  import "../../../chunk-ORMEWXMH.js";