@dmsi/wedgekit-react 0.0.687 → 0.0.689

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 (32) hide show
  1. package/dist/{chunk-RC7O4NKD.js → chunk-QTSKA34J.js} +28 -10
  2. package/dist/components/CalendarRange.cjs +28 -10
  3. package/dist/components/CalendarRange.js +1 -1
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +28 -10
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -1
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +28 -10
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -1
  8. package/dist/components/DataGrid/PinnedColumns.cjs +28 -10
  9. package/dist/components/DataGrid/PinnedColumns.js +1 -1
  10. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +28 -10
  11. package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -1
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +28 -10
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -1
  14. package/dist/components/DataGrid/TableBody/index.cjs +28 -10
  15. package/dist/components/DataGrid/TableBody/index.js +1 -1
  16. package/dist/components/DataGrid/index.cjs +28 -10
  17. package/dist/components/DataGrid/index.js +1 -1
  18. package/dist/components/DataGrid/utils.cjs +28 -10
  19. package/dist/components/DataGrid/utils.js +1 -1
  20. package/dist/components/DateInput.cjs +28 -10
  21. package/dist/components/DateInput.js +1 -1
  22. package/dist/components/DateRangeInput.cjs +28 -10
  23. package/dist/components/DateRangeInput.js +1 -1
  24. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +28 -10
  25. package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -1
  26. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +28 -10
  27. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -1
  28. package/dist/components/MobileDataGrid/index.cjs +28 -10
  29. package/dist/components/MobileDataGrid/index.js +1 -1
  30. package/dist/components/index.cjs +28 -10
  31. package/dist/components/index.js +1 -1
  32. package/package.json +1 -1
package/dist/components/DateInput.cjs CHANGED
@@ -2738,7 +2738,9 @@ function TableBodyRow({
2738
2738
  // enableColumnSelector = false,
2739
2739
  locked,
2740
2740
  pinDirection,
2741
- disabled
2741
+ disabled,
2742
+ hoveredRowId,
2743
+ setHoveredRowId
2742
2744
  }) {
2743
2745
  var _a;
2744
2746
  let visibleCells;
@@ -2751,17 +2753,20 @@ function TableBodyRow({
2751
2753
  const columns = locked ? visibleCells : virtualColumns;
2752
2754
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
2753
2755
  const CellElement = locked ? DataGridCell : DragAlongCell;
2756
+ const isHovered = hoveredRowId === row.id;
2754
2757
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2755
2758
  "tr",
2756
2759
  {
2757
2760
  className: (0, import_clsx11.default)(
2758
2761
  "min-h-10",
2759
2762
  "transition-colors",
2760
- !disabled && "hover:bg-background-action-secondary-hover",
2763
+ 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",
2764
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
2761
2765
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2762
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
2763
- 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"
2766
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
2764
2767
  ),
2768
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
2769
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
2765
2770
  id: id ? `${id}-row-${row.id}` : void 0,
2766
2771
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
2767
2772
  style: {
@@ -2872,7 +2877,9 @@ function TableBody({
2872
2877
  locked,
2873
2878
  pinDirection,
2874
2879
  rowDisabled,
2875
- rowDisabledAccessor
2880
+ rowDisabledAccessor,
2881
+ hoveredRowId,
2882
+ setHoveredRowId
2876
2883
  }) {
2877
2884
  const { rows } = table.getRowModel();
2878
2885
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2966,7 +2973,9 @@ function TableBody({
2966
2973
  enableColumnSelector,
2967
2974
  locked,
2968
2975
  pinDirection,
2969
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2976
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
2977
+ hoveredRowId,
2978
+ setHoveredRowId
2970
2979
  },
2971
2980
  row.id
2972
2981
  );
@@ -3241,7 +3250,9 @@ function PinnedColumns(_a) {
3241
3250
  }, props), {
3242
3251
  table,
3243
3252
  locked: !enableColumnSelector || pinDirection === "right",
3244
- pinDirection
3253
+ pinDirection,
3254
+ hoveredRowId: props.hoveredRowId,
3255
+ setHoveredRowId: props.setHoveredRowId
3245
3256
  })
3246
3257
  )
3247
3258
  ]
@@ -3295,6 +3306,7 @@ function DataGrid({
3295
3306
  const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
3296
3307
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
3297
3308
  const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
3309
+ const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
3298
3310
  const {
3299
3311
  columns: tableColumns,
3300
3312
  setColumns: setTableColumns,
@@ -3543,7 +3555,9 @@ function DataGrid({
3543
3555
  pagination,
3544
3556
  isLoadingMore,
3545
3557
  hasMore,
3546
- showFilterRow
3558
+ showFilterRow,
3559
+ hoveredRowId,
3560
+ setHoveredRowId
3547
3561
  }
3548
3562
  ),
3549
3563
  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3674,7 +3688,9 @@ function DataGrid({
3674
3688
  showFilterRow,
3675
3689
  enableColumnSelector,
3676
3690
  rowDisabled,
3677
- rowDisabledAccessor
3691
+ rowDisabledAccessor,
3692
+ hoveredRowId,
3693
+ setHoveredRowId
3678
3694
  }
3679
3695
  )
3680
3696
  ] }),
@@ -3692,7 +3708,9 @@ function DataGrid({
3692
3708
  pagination,
3693
3709
  isLoadingMore,
3694
3710
  hasMore,
3695
- showFilterRow
3711
+ showFilterRow,
3712
+ hoveredRowId,
3713
+ setHoveredRowId
3696
3714
  }
3697
3715
  )
3698
3716
  ]
package/dist/components/DateInput.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DateInput
3
- } from "../chunk-RC7O4NKD.js";
3
+ } from "../chunk-QTSKA34J.js";
4
4
  import "../chunk-GYU3MQ3R.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-URAV33TJ.js";
package/dist/components/DateRangeInput.cjs CHANGED
@@ -2746,7 +2746,9 @@ function TableBodyRow({
2746
2746
  // enableColumnSelector = false,
2747
2747
  locked,
2748
2748
  pinDirection,
2749
- disabled
2749
+ disabled,
2750
+ hoveredRowId,
2751
+ setHoveredRowId
2750
2752
  }) {
2751
2753
  var _a;
2752
2754
  let visibleCells;
@@ -2759,17 +2761,20 @@ function TableBodyRow({
2759
2761
  const columns = locked ? visibleCells : virtualColumns;
2760
2762
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
2761
2763
  const CellElement = locked ? DataGridCell : DragAlongCell;
2764
+ const isHovered = hoveredRowId === row.id;
2762
2765
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
2763
2766
  "tr",
2764
2767
  {
2765
2768
  className: (0, import_clsx11.default)(
2766
2769
  "min-h-10",
2767
2770
  "transition-colors",
2768
- !disabled && "hover:bg-background-action-secondary-hover",
2771
+ 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",
2772
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
2769
2773
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
2770
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
2771
- 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"
2774
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
2772
2775
  ),
2776
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
2777
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
2773
2778
  id: id ? `${id}-row-${row.id}` : void 0,
2774
2779
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
2775
2780
  style: {
@@ -2880,7 +2885,9 @@ function TableBody({
2880
2885
  locked,
2881
2886
  pinDirection,
2882
2887
  rowDisabled,
2883
- rowDisabledAccessor
2888
+ rowDisabledAccessor,
2889
+ hoveredRowId,
2890
+ setHoveredRowId
2884
2891
  }) {
2885
2892
  const { rows } = table.getRowModel();
2886
2893
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2974,7 +2981,9 @@ function TableBody({
2974
2981
  enableColumnSelector,
2975
2982
  locked,
2976
2983
  pinDirection,
2977
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
2984
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
2985
+ hoveredRowId,
2986
+ setHoveredRowId
2978
2987
  },
2979
2988
  row.id
2980
2989
  );
@@ -3249,7 +3258,9 @@ function PinnedColumns(_a) {
3249
3258
  }, props), {
3250
3259
  table,
3251
3260
  locked: !enableColumnSelector || pinDirection === "right",
3252
- pinDirection
3261
+ pinDirection,
3262
+ hoveredRowId: props.hoveredRowId,
3263
+ setHoveredRowId: props.setHoveredRowId
3253
3264
  })
3254
3265
  )
3255
3266
  ]
@@ -3303,6 +3314,7 @@ function DataGrid({
3303
3314
  const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
3304
3315
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
3305
3316
  const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
3317
+ const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
3306
3318
  const {
3307
3319
  columns: tableColumns,
3308
3320
  setColumns: setTableColumns,
@@ -3551,7 +3563,9 @@ function DataGrid({
3551
3563
  pagination,
3552
3564
  isLoadingMore,
3553
3565
  hasMore,
3554
- showFilterRow
3566
+ showFilterRow,
3567
+ hoveredRowId,
3568
+ setHoveredRowId
3555
3569
  }
3556
3570
  ),
3557
3571
  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3682,7 +3696,9 @@ function DataGrid({
3682
3696
  showFilterRow,
3683
3697
  enableColumnSelector,
3684
3698
  rowDisabled,
3685
- rowDisabledAccessor
3699
+ rowDisabledAccessor,
3700
+ hoveredRowId,
3701
+ setHoveredRowId
3686
3702
  }
3687
3703
  )
3688
3704
  ] }),
@@ -3700,7 +3716,9 @@ function DataGrid({
3700
3716
  pagination,
3701
3717
  isLoadingMore,
3702
3718
  hasMore,
3703
- showFilterRow
3719
+ showFilterRow,
3720
+ hoveredRowId,
3721
+ setHoveredRowId
3704
3722
  }
3705
3723
  )
3706
3724
  ]
package/dist/components/DateRangeInput.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-RC7O4NKD.js";
3
+ } from "../chunk-QTSKA34J.js";
4
4
  import "../chunk-GYU3MQ3R.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-URAV33TJ.js";
package/dist/components/MobileDataGrid/ColumnSelector/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
  );
@@ -3235,7 +3244,9 @@ function PinnedColumns(_a) {
3235
3244
  }, props), {
3236
3245
  table,
3237
3246
  locked: !enableColumnSelector || pinDirection === "right",
3238
- pinDirection
3247
+ pinDirection,
3248
+ hoveredRowId: props.hoveredRowId,
3249
+ setHoveredRowId: props.setHoveredRowId
3239
3250
  })
3240
3251
  )
3241
3252
  ]
@@ -3289,6 +3300,7 @@ function DataGrid({
3289
3300
  const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
3290
3301
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
3291
3302
  const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
3303
+ const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
3292
3304
  const {
3293
3305
  columns: tableColumns,
3294
3306
  setColumns: setTableColumns,
@@ -3537,7 +3549,9 @@ function DataGrid({
3537
3549
  pagination,
3538
3550
  isLoadingMore,
3539
3551
  hasMore,
3540
- showFilterRow
3552
+ showFilterRow,
3553
+ hoveredRowId,
3554
+ setHoveredRowId
3541
3555
  }
3542
3556
  ),
3543
3557
  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3668,7 +3682,9 @@ function DataGrid({
3668
3682
  showFilterRow,
3669
3683
  enableColumnSelector,
3670
3684
  rowDisabled,
3671
- rowDisabledAccessor
3685
+ rowDisabledAccessor,
3686
+ hoveredRowId,
3687
+ setHoveredRowId
3672
3688
  }
3673
3689
  )
3674
3690
  ] }),
@@ -3686,7 +3702,9 @@ function DataGrid({
3686
3702
  pagination,
3687
3703
  isLoadingMore,
3688
3704
  hasMore,
3689
- showFilterRow
3705
+ showFilterRow,
3706
+ hoveredRowId,
3707
+ setHoveredRowId
3690
3708
  }
3691
3709
  )
3692
3710
  ]
package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-RC7O4NKD.js";
3
+ } from "../../../chunk-QTSKA34J.js";
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs CHANGED
@@ -3163,7 +3163,9 @@ function TableBodyRow({
3163
3163
  // enableColumnSelector = false,
3164
3164
  locked,
3165
3165
  pinDirection,
3166
- disabled
3166
+ disabled,
3167
+ hoveredRowId,
3168
+ setHoveredRowId
3167
3169
  }) {
3168
3170
  var _a;
3169
3171
  let visibleCells;
@@ -3176,17 +3178,20 @@ function TableBodyRow({
3176
3178
  const columns = locked ? visibleCells : virtualColumns;
3177
3179
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
3178
3180
  const CellElement = locked ? DataGridCell : DragAlongCell;
3181
+ const isHovered = hoveredRowId === row.id;
3179
3182
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
3180
3183
  "tr",
3181
3184
  {
3182
3185
  className: (0, import_clsx14.default)(
3183
3186
  "min-h-10",
3184
3187
  "transition-colors",
3185
- !disabled && "hover:bg-background-action-secondary-hover",
3188
+ 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",
3189
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
3186
3190
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
3187
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
3188
- 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"
3191
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
3189
3192
  ),
3193
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
3194
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
3190
3195
  id: id ? `${id}-row-${row.id}` : void 0,
3191
3196
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
3192
3197
  style: {
@@ -3297,7 +3302,9 @@ function TableBody({
3297
3302
  locked,
3298
3303
  pinDirection,
3299
3304
  rowDisabled,
3300
- rowDisabledAccessor
3305
+ rowDisabledAccessor,
3306
+ hoveredRowId,
3307
+ setHoveredRowId
3301
3308
  }) {
3302
3309
  const { rows } = table.getRowModel();
3303
3310
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -3391,7 +3398,9 @@ function TableBody({
3391
3398
  enableColumnSelector,
3392
3399
  locked,
3393
3400
  pinDirection,
3394
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
3401
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
3402
+ hoveredRowId,
3403
+ setHoveredRowId
3395
3404
  },
3396
3405
  row.id
3397
3406
  );
@@ -3666,7 +3675,9 @@ function PinnedColumns(_a) {
3666
3675
  }, props), {
3667
3676
  table,
3668
3677
  locked: !enableColumnSelector || pinDirection === "right",
3669
- pinDirection
3678
+ pinDirection,
3679
+ hoveredRowId: props.hoveredRowId,
3680
+ setHoveredRowId: props.setHoveredRowId
3670
3681
  })
3671
3682
  )
3672
3683
  ]
@@ -3720,6 +3731,7 @@ function DataGrid({
3720
3731
  const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
3721
3732
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
3722
3733
  const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
3734
+ const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
3723
3735
  const {
3724
3736
  columns: tableColumns,
3725
3737
  setColumns: setTableColumns,
@@ -3968,7 +3980,9 @@ function DataGrid({
3968
3980
  pagination,
3969
3981
  isLoadingMore,
3970
3982
  hasMore,
3971
- showFilterRow
3983
+ showFilterRow,
3984
+ hoveredRowId,
3985
+ setHoveredRowId
3972
3986
  }
3973
3987
  ),
3974
3988
  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -4099,7 +4113,9 @@ function DataGrid({
4099
4113
  showFilterRow,
4100
4114
  enableColumnSelector,
4101
4115
  rowDisabled,
4102
- rowDisabledAccessor
4116
+ rowDisabledAccessor,
4117
+ hoveredRowId,
4118
+ setHoveredRowId
4103
4119
  }
4104
4120
  )
4105
4121
  ] }),
@@ -4117,7 +4133,9 @@ function DataGrid({
4117
4133
  pagination,
4118
4134
  isLoadingMore,
4119
4135
  hasMore,
4120
- showFilterRow
4136
+ showFilterRow,
4137
+ hoveredRowId,
4138
+ setHoveredRowId
4121
4139
  }
4122
4140
  )
4123
4141
  ]
package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-RC7O4NKD.js";
3
+ } from "../../chunk-QTSKA34J.js";
4
4
  import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
package/dist/components/MobileDataGrid/index.cjs CHANGED
@@ -3163,7 +3163,9 @@ function TableBodyRow({
3163
3163
  // enableColumnSelector = false,
3164
3164
  locked,
3165
3165
  pinDirection,
3166
- disabled
3166
+ disabled,
3167
+ hoveredRowId,
3168
+ setHoveredRowId
3167
3169
  }) {
3168
3170
  var _a;
3169
3171
  let visibleCells;
@@ -3176,17 +3178,20 @@ function TableBodyRow({
3176
3178
  const columns = locked ? visibleCells : virtualColumns;
3177
3179
  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
3178
3180
  const CellElement = locked ? DataGridCell : DragAlongCell;
3181
+ const isHovered = hoveredRowId === row.id;
3179
3182
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
3180
3183
  "tr",
3181
3184
  {
3182
3185
  className: (0, import_clsx14.default)(
3183
3186
  "min-h-10",
3184
3187
  "transition-colors",
3185
- !disabled && "hover:bg-background-action-secondary-hover",
3188
+ 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",
3189
+ !disabled && isHovered && "!bg-background-action-secondary-hover",
3186
3190
  row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
3187
- isError && !disabled && "!bg-background-action-critical-secondary-hover",
3188
- 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"
3191
+ isError && !disabled && "!bg-background-action-critical-secondary-hover"
3189
3192
  ),
3193
+ onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
3194
+ onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
3190
3195
  id: id ? `${id}-row-${row.id}` : void 0,
3191
3196
  "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
3192
3197
  style: {
@@ -3297,7 +3302,9 @@ function TableBody({
3297
3302
  locked,
3298
3303
  pinDirection,
3299
3304
  rowDisabled,
3300
- rowDisabledAccessor
3305
+ rowDisabledAccessor,
3306
+ hoveredRowId,
3307
+ setHoveredRowId
3301
3308
  }) {
3302
3309
  const { rows } = table.getRowModel();
3303
3310
  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -3391,7 +3398,9 @@ function TableBody({
3391
3398
  enableColumnSelector,
3392
3399
  locked,
3393
3400
  pinDirection,
3394
- disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
3401
+ disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
3402
+ hoveredRowId,
3403
+ setHoveredRowId
3395
3404
  },
3396
3405
  row.id
3397
3406
  );
@@ -3666,7 +3675,9 @@ function PinnedColumns(_a) {
3666
3675
  }, props), {
3667
3676
  table,
3668
3677
  locked: !enableColumnSelector || pinDirection === "right",
3669
- pinDirection
3678
+ pinDirection,
3679
+ hoveredRowId: props.hoveredRowId,
3680
+ setHoveredRowId: props.setHoveredRowId
3670
3681
  })
3671
3682
  )
3672
3683
  ]
@@ -3720,6 +3731,7 @@ function DataGrid({
3720
3731
  const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
3721
3732
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
3722
3733
  const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
3734
+ const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
3723
3735
  const {
3724
3736
  columns: tableColumns,
3725
3737
  setColumns: setTableColumns,
@@ -3968,7 +3980,9 @@ function DataGrid({
3968
3980
  pagination,
3969
3981
  isLoadingMore,
3970
3982
  hasMore,
3971
- showFilterRow
3983
+ showFilterRow,
3984
+ hoveredRowId,
3985
+ setHoveredRowId
3972
3986
  }
3973
3987
  ),
3974
3988
  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -4099,7 +4113,9 @@ function DataGrid({
4099
4113
  showFilterRow,
4100
4114
  enableColumnSelector,
4101
4115
  rowDisabled,
4102
- rowDisabledAccessor
4116
+ rowDisabledAccessor,
4117
+ hoveredRowId,
4118
+ setHoveredRowId
4103
4119
  }
4104
4120
  )
4105
4121
  ] }),
@@ -4117,7 +4133,9 @@ function DataGrid({
4117
4133
  pagination,
4118
4134
  isLoadingMore,
4119
4135
  hasMore,
4120
- showFilterRow
4136
+ showFilterRow,
4137
+ hoveredRowId,
4138
+ setHoveredRowId
4121
4139
  }
4122
4140
  )
4123
4141
  ]
package/dist/components/MobileDataGrid/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MobileDataGrid
3
- } from "../../chunk-RC7O4NKD.js";
3
+ } from "../../chunk-QTSKA34J.js";
4
4
  import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";