@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/TableBody/TableBodyRow.cjs CHANGED
@@ -2762,7 +2762,9 @@ function TableBody({
2762
2762
  locked,
2763
2763
  pinDirection,
2764
2764
  rowDisabled,
2765
- rowDisabledAccessor
2765
+ rowDisabledAccessor,
2766
+ hoveredRowId,
2767
+ setHoveredRowId
2766
2768
  }) {
2767
2769
  const { rows } = table.getRowModel();
2768
2770
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2856,7 +2858,9 @@ function TableBody({
2856
2858
  enableColumnSelector,
2857
2859
  locked,
2858
2860
  pinDirection,
2859
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2861
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
2862
+ hoveredRowId,
2863
+ setHoveredRowId
2860
2864
  },
2861
2865
  row.id
2862
2866
  );
@@ -3131,7 +3135,9 @@ function PinnedColumns(_a) {
3131
3135
  }, props), {
3132
3136
  table,
3133
3137
  locked: !enableColumnSelector || pinDirection === "right",
3134
- pinDirection
3138
+ pinDirection,
3139
+ hoveredRowId: props.hoveredRowId,
3140
+ setHoveredRowId: props.setHoveredRowId
3135
3141
  })
3136
3142
  )
3137
3143
  ]
@@ -3185,6 +3191,7 @@ function DataGrid({
3185
3191
  const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
3186
3192
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
3187
3193
  const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
3194
+ const [hoveredRowId, setHoveredRowId] = (0, import_react16.useState)(null);
3188
3195
  const {
3189
3196
  columns: tableColumns,
3190
3197
  setColumns: setTableColumns,
@@ -3433,7 +3440,9 @@ function DataGrid({
3433
3440
  pagination,
3434
3441
  isLoadingMore,
3435
3442
  hasMore,
3436
- showFilterRow
3443
+ showFilterRow,
3444
+ hoveredRowId,
3445
+ setHoveredRowId
3437
3446
  }
3438
3447
  ),
3439
3448
  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3564,7 +3573,9 @@ function DataGrid({
3564
3573
  showFilterRow,
3565
3574
  enableColumnSelector,
3566
3575
  rowDisabled,
3567
- rowDisabledAccessor
3576
+ rowDisabledAccessor,
3577
+ hoveredRowId,
3578
+ setHoveredRowId
3568
3579
  }
3569
3580
  )
3570
3581
  ] }),
@@ -3582,7 +3593,9 @@ function DataGrid({
3582
3593
  pagination,
3583
3594
  isLoadingMore,
3584
3595
  hasMore,
3585
- showFilterRow
3596
+ showFilterRow,
3597
+ hoveredRowId,
3598
+ setHoveredRowId
3586
3599
  }
3587
3600
  )
3588
3601
  ]
@@ -5953,7 +5966,9 @@ function TableBodyRow({
5953
5966
  // enableColumnSelector = false,
5954
5967
  locked,
5955
5968
  pinDirection,
5956
- disabled
5969
+ disabled,
5970
+ hoveredRowId,
5971
+ setHoveredRowId
5957
5972
  }) {
5958
5973
  var _a;
5959
5974
  let visibleCells;
@@ -5966,17 +5981,20 @@ function TableBodyRow({
5966
5981
  const columns = locked ? visibleCells : virtualColumns;
5967
5982
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
5968
5983
  const CellElement = locked ? DataGridCell : DragAlongCell;
5984
+ const isHovered = hoveredRowId === row.id;
5969
5985
  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5970
5986
  "tr",
5971
5987
  {
5972
5988
  className: (0, import_clsx42.default)(
5973
5989
  "min-h-10",
5974
5990
  "transition-colors",
5975
- !disabled && "hover:bg-background-action-secondary-hover",
5991
+ 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",
5992
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
5976
5993
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
5977
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
5978
- 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"
5994
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
5979
5995
  ),
5996
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
5997
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
5980
5998
  id: id ? `${id}-row-${row.id}` : void 0,
5981
5999
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
5982
6000
  style: {
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  TableBodyRow
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/index.cjs CHANGED
@@ -2947,7 +2947,9 @@ function PinnedColumns(_a) {
2947
2947
  }, props), {
2948
2948
  table,
2949
2949
  locked: !enableColumnSelector || pinDirection === "right",
2950
- pinDirection
2950
+ pinDirection,
2951
+ hoveredRowId: props.hoveredRowId,
2952
+ setHoveredRowId: props.setHoveredRowId
2951
2953
  })
2952
2954
  )
2953
2955
  ]
@@ -3001,6 +3003,7 @@ function DataGrid({
3001
3003
  const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
3002
3004
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
3003
3005
  const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
3006
+ const [hoveredRowId, setHoveredRowId] = (0, import_react16.useState)(null);
3004
3007
  const {
3005
3008
  columns: tableColumns,
3006
3009
  setColumns: setTableColumns,
@@ -3249,7 +3252,9 @@ function DataGrid({
3249
3252
  pagination,
3250
3253
  isLoadingMore,
3251
3254
  hasMore,
3252
- showFilterRow
3255
+ showFilterRow,
3256
+ hoveredRowId,
3257
+ setHoveredRowId
3253
3258
  }
3254
3259
  ),
3255
3260
  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3380,7 +3385,9 @@ function DataGrid({
3380
3385
  showFilterRow,
3381
3386
  enableColumnSelector,
3382
3387
  rowDisabled,
3383
- rowDisabledAccessor
3388
+ rowDisabledAccessor,
3389
+ hoveredRowId,
3390
+ setHoveredRowId
3384
3391
  }
3385
3392
  )
3386
3393
  ] }),
@@ -3398,7 +3405,9 @@ function DataGrid({
3398
3405
  pagination,
3399
3406
  isLoadingMore,
3400
3407
  hasMore,
3401
- showFilterRow
3408
+ showFilterRow,
3409
+ hoveredRowId,
3410
+ setHoveredRowId
3402
3411
  }
3403
3412
  )
3404
3413
  ]
@@ -5775,7 +5784,9 @@ function TableBodyRow({
5775
5784
  // enableColumnSelector = false,
5776
5785
  locked,
5777
5786
  pinDirection,
5778
- disabled
5787
+ disabled,
5788
+ hoveredRowId,
5789
+ setHoveredRowId
5779
5790
  }) {
5780
5791
  var _a;
5781
5792
  let visibleCells;
@@ -5788,17 +5799,20 @@ function TableBodyRow({
5788
5799
  const columns = locked ? visibleCells : virtualColumns;
5789
5800
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
5790
5801
  const CellElement = locked ? DataGridCell : DragAlongCell;
5802
+ const isHovered = hoveredRowId === row.id;
5791
5803
  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
5792
5804
  "tr",
5793
5805
  {
5794
5806
  className: (0, import_clsx41.default)(
5795
5807
  "min-h-10",
5796
5808
  "transition-colors",
5797
- !disabled && "hover:bg-background-action-secondary-hover",
5809
+ 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",
5810
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
5798
5811
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
5799
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
5800
- 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"
5812
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
5801
5813
  ),
5814
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
5815
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
5802
5816
  id: id ? `${id}-row-${row.id}` : void 0,
5803
5817
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
5804
5818
  style: {
@@ -5909,7 +5923,9 @@ function TableBody({
5909
5923
  locked,
5910
5924
  pinDirection,
5911
5925
  rowDisabled,
5912
- rowDisabledAccessor
5926
+ rowDisabledAccessor,
5927
+ hoveredRowId,
5928
+ setHoveredRowId
5913
5929
  }) {
5914
5930
  const { rows } = table.getRowModel();
5915
5931
  const rowVirtualizer = (0, import_react_virtual2.useVirtualizer)({
@@ -6003,7 +6019,9 @@ function TableBody({
6003
6019
  enableColumnSelector,
6004
6020
  locked,
6005
6021
  pinDirection,
6006
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
6022
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
6023
+ hoveredRowId,
6024
+ setHoveredRowId
6007
6025
  },
6008
6026
  row.id
6009
6027
  );
package/dist/components/DataGrid/TableBody/index.js CHANGED
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  TableBody
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/index.cjs CHANGED
@@ -4951,7 +4951,9 @@ function TableBodyRow({
4951
4951
  // enableColumnSelector = false,
4952
4952
  locked,
4953
4953
  pinDirection,
4954
- disabled
4954
+ disabled,
4955
+ hoveredRowId,
4956
+ setHoveredRowId
4955
4957
  }) {
4956
4958
  var _a;
4957
4959
  let visibleCells;
@@ -4964,17 +4966,20 @@ function TableBodyRow({
4964
4966
  const columns = locked ? visibleCells : virtualColumns;
4965
4967
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
4966
4968
  const CellElement = locked ? DataGridCell : DragAlongCell;
4969
+ const isHovered = hoveredRowId === row.id;
4967
4970
  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
4968
4971
  "tr",
4969
4972
  {
4970
4973
  className: (0, import_clsx39.default)(
4971
4974
  "min-h-10",
4972
4975
  "transition-colors",
4973
- !disabled && "hover:bg-background-action-secondary-hover",
4976
+ 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",
4977
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
4974
4978
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
4975
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
4976
- 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"
4979
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
4977
4980
  ),
4981
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
4982
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
4978
4983
  id: id ? `${id}-row-${row.id}` : void 0,
4979
4984
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
4980
4985
  style: {
@@ -5085,7 +5090,9 @@ function TableBody({
5085
5090
  locked,
5086
5091
  pinDirection,
5087
5092
  rowDisabled,
5088
- rowDisabledAccessor
5093
+ rowDisabledAccessor,
5094
+ hoveredRowId,
5095
+ setHoveredRowId
5089
5096
  }) {
5090
5097
  const { rows } = table.getRowModel();
5091
5098
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -5179,7 +5186,9 @@ function TableBody({
5179
5186
  enableColumnSelector,
5180
5187
  locked,
5181
5188
  pinDirection,
5182
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
5189
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
5190
+ hoveredRowId,
5191
+ setHoveredRowId
5183
5192
  },
5184
5193
  row.id
5185
5194
  );
@@ -5454,7 +5463,9 @@ function PinnedColumns(_a) {
5454
5463
  }, props), {
5455
5464
  table,
5456
5465
  locked: !enableColumnSelector || pinDirection === "right",
5457
- pinDirection
5466
+ pinDirection,
5467
+ hoveredRowId: props.hoveredRowId,
5468
+ setHoveredRowId: props.setHoveredRowId
5458
5469
  })
5459
5470
  )
5460
5471
  ]
@@ -5505,6 +5516,7 @@ function DataGrid({
5505
5516
  const [localSorting, setLocalSorting] = (0, import_react40.useState)([]);
5506
5517
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react40.useState)([]);
5507
5518
  const [localRowSelection, setLocalRowSelection] = (0, import_react40.useState)({});
5519
+ const [hoveredRowId, setHoveredRowId] = (0, import_react40.useState)(null);
5508
5520
  const {
5509
5521
  columns: tableColumns,
5510
5522
  setColumns: setTableColumns,
@@ -5753,7 +5765,9 @@ function DataGrid({
5753
5765
  pagination,
5754
5766
  isLoadingMore,
5755
5767
  hasMore,
5756
- showFilterRow
5768
+ showFilterRow,
5769
+ hoveredRowId,
5770
+ setHoveredRowId
5757
5771
  }
5758
5772
  ),
5759
5773
  /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -5884,7 +5898,9 @@ function DataGrid({
5884
5898
  showFilterRow,
5885
5899
  enableColumnSelector,
5886
5900
  rowDisabled,
5887
- rowDisabledAccessor
5901
+ rowDisabledAccessor,
5902
+ hoveredRowId,
5903
+ setHoveredRowId
5888
5904
  }
5889
5905
  )
5890
5906
  ] }),
@@ -5902,7 +5918,9 @@ function DataGrid({
5902
5918
  pagination,
5903
5919
  isLoadingMore,
5904
5920
  hasMore,
5905
- showFilterRow
5921
+ showFilterRow,
5922
+ hoveredRowId,
5923
+ setHoveredRowId
5906
5924
  }
5907
5925
  )
5908
5926
  ]
package/dist/components/DataGrid/index.js CHANGED
@@ -2,27 +2,27 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-DN6OOHJH.js";
6
- import "../../chunk-77J763WS.js";
5
+ } from "../../chunk-QTSKA34J.js";
6
+ import "../../chunk-GYU3MQ3R.js";
7
7
  import "../../chunk-M7INAUAJ.js";
8
8
  import "../../chunk-URAV33TJ.js";
9
- import "../../chunk-GWD4XMZA.js";
9
+ import "../../chunk-B2DVT7KT.js";
10
10
  import "../../chunk-YCDDBSVU.js";
11
11
  import "../../chunk-3X3Y4TMS.js";
12
12
  import "../../chunk-BQNPOGD5.js";
13
13
  import "../../chunk-Y5GD2FJA.js";
14
14
  import "../../chunk-MBZ55T2D.js";
15
15
  import "../../chunk-2IKT6IHB.js";
16
- import "../../chunk-WAV5PXQI.js";
17
- import "../../chunk-ZEPEVX5O.js";
16
+ import "../../chunk-OX7TDYN4.js";
17
+ import "../../chunk-I2L2DXPU.js";
18
18
  import "../../chunk-5IFPG6TS.js";
19
19
  import "../../chunk-AJ5M6MVX.js";
20
20
  import "../../chunk-ZILLGHBE.js";
21
- import "../../chunk-EWGHVZL5.js";
22
- import "../../chunk-L3BXRDLP.js";
23
21
  import "../../chunk-AT4AWD6B.js";
22
+ import "../../chunk-EWGHVZL5.js";
24
23
  import "../../chunk-UF5XGCSF.js";
25
- import "../../chunk-WCBNUS32.js";
24
+ import "../../chunk-63WMDTVQ.js";
25
+ import "../../chunk-L3BXRDLP.js";
26
26
  import "../../chunk-34VEVX5H.js";
27
27
  import "../../chunk-LB7UT6F3.js";
28
28
  import "../../chunk-AS57Y2D3.js";
@@ -32,12 +32,11 @@ import "../../chunk-UUKHQUSF.js";
32
32
  import "../../chunk-WVVEOCEH.js";
33
33
  import "../../chunk-74HXF5GF.js";
34
34
  import "../../chunk-AG43RS4Q.js";
35
- import "../../chunk-UAMI54FE.js";
36
35
  import "../../chunk-QVWYTQKL.js";
36
+ import "../../chunk-UAMI54FE.js";
37
37
  import "../../chunk-SJZNVG4N.js";
38
38
  import "../../chunk-75USUR3I.js";
39
39
  import "../../chunk-BWPNXY7T.js";
40
- import "../../chunk-NUWWNDEL.js";
41
40
  import "../../chunk-3LIRWDE2.js";
42
41
  import "../../chunk-3HNNGWWJ.js";
43
42
  import "../../chunk-OMBILZKH.js";
@@ -46,14 +45,8 @@ import "../../chunk-FHXCCVOG.js";
46
45
  import "../../chunk-7T5RGDCN.js";
47
46
  import "../../chunk-HXGJVYGQ.js";
48
47
  import "../../chunk-WVUIIBRR.js";
49
- import "../../chunk-5GG3FGQS.js";
50
- import "../../chunk-QCTZTMHH.js";
51
- import "../../chunk-MXSJF6TW.js";
52
- import "../../chunk-MTGNBARV.js";
53
- import "../../chunk-BMAZBFUU.js";
54
- import "../../chunk-SBRRNFOP.js";
55
- import "../../chunk-KBJZUVLM.js";
56
48
  import "../../chunk-M7WHWZ2J.js";
49
+ import "../../chunk-SGZCW7HP.js";
57
50
  import "../../chunk-ZERLFS2T.js";
58
51
  import "../../chunk-VXWSAIB5.js";
59
52
  import "../../chunk-X4VZXHQL.js";
@@ -61,9 +54,16 @@ import "../../chunk-5UH6QUFB.js";
61
54
  import "../../chunk-XJF4S3RB.js";
62
55
  import "../../chunk-ZCJWOHFN.js";
63
56
  import "../../chunk-PS6UJZVH.js";
64
- import "../../chunk-WMPWWFUJ.js";
65
57
  import "../../chunk-XR733AKC.js";
66
58
  import "../../chunk-BYC6QID5.js";
59
+ import "../../chunk-CQLRGYHM.js";
60
+ import "../../chunk-KBJZUVLM.js";
61
+ import "../../chunk-TURMALTW.js";
62
+ import "../../chunk-MXSJF6TW.js";
63
+ import "../../chunk-BMAZBFUU.js";
64
+ import "../../chunk-SBRRNFOP.js";
65
+ import "../../chunk-MTGNBARV.js";
66
+ import "../../chunk-WMPWWFUJ.js";
67
67
  import "../../chunk-NKUETCDA.js";
68
68
  import "../../chunk-7KWFEH56.js";
69
69
  import "../../chunk-ORMEWXMH.js";