@dmsi/wedgekit-react 0.0.501 → 0.0.502

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 (84) hide show
  1. package/dist/{chunk-6XLESQ2U.js → chunk-B2O4TEOI.js} +3 -3
  2. package/dist/{chunk-ELXVDRWS.js → chunk-D4TFZ2WM.js} +4 -4
  3. package/dist/{chunk-CHUKGR7S.js → chunk-F6RZ7MUE.js} +1 -1
  4. package/dist/{chunk-BMPL6LCR.js → chunk-LJLHGLTS.js} +4 -4
  5. package/dist/{chunk-KOU2TO3N.js → chunk-LKKFQLWD.js} +16 -6
  6. package/dist/{chunk-LJWQEZUS.js → chunk-QV3NANQC.js} +6 -6
  7. package/dist/components/Alert.js +2 -2
  8. package/dist/components/CalendarRange.cjs +15 -5
  9. package/dist/components/CalendarRange.css +25 -5
  10. package/dist/components/CalendarRange.js +16 -16
  11. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +15 -5
  12. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +25 -5
  13. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +16 -16
  14. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +15 -5
  15. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +25 -5
  16. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +16 -16
  17. package/dist/components/DataGrid/PinnedColumns.cjs +15 -5
  18. package/dist/components/DataGrid/PinnedColumns.css +25 -5
  19. package/dist/components/DataGrid/PinnedColumns.js +16 -16
  20. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +15 -5
  21. package/dist/components/DataGrid/TableBody/LoadingCell.css +25 -5
  22. package/dist/components/DataGrid/TableBody/LoadingCell.js +16 -16
  23. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +15 -5
  24. package/dist/components/DataGrid/TableBody/TableBodyRow.css +25 -5
  25. package/dist/components/DataGrid/TableBody/TableBodyRow.js +16 -16
  26. package/dist/components/DataGrid/TableBody/index.cjs +15 -5
  27. package/dist/components/DataGrid/TableBody/index.css +25 -5
  28. package/dist/components/DataGrid/TableBody/index.js +16 -16
  29. package/dist/components/DataGrid/index.cjs +15 -5
  30. package/dist/components/DataGrid/index.css +25 -5
  31. package/dist/components/DataGrid/index.js +16 -16
  32. package/dist/components/DataGrid/utils.cjs +15 -5
  33. package/dist/components/DataGrid/utils.css +25 -5
  34. package/dist/components/DataGrid/utils.js +16 -16
  35. package/dist/components/DataGridCell.cjs +15 -5
  36. package/dist/components/DataGridCell.js +2 -2
  37. package/dist/components/DateInput.cjs +15 -5
  38. package/dist/components/DateInput.css +25 -5
  39. package/dist/components/DateInput.js +16 -16
  40. package/dist/components/DateRangeInput.cjs +15 -5
  41. package/dist/components/DateRangeInput.css +25 -5
  42. package/dist/components/DateRangeInput.js +16 -16
  43. package/dist/components/FilterGroup.js +5 -5
  44. package/dist/components/MenuOption.cjs +15 -5
  45. package/dist/components/MenuOption.js +1 -1
  46. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +15 -5
  47. package/dist/components/MobileDataGrid/ColumnSelector/index.css +25 -5
  48. package/dist/components/MobileDataGrid/ColumnSelector/index.js +16 -16
  49. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +15 -5
  50. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +25 -5
  51. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +16 -16
  52. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
  53. package/dist/components/MobileDataGrid/index.cjs +15 -5
  54. package/dist/components/MobileDataGrid/index.css +25 -5
  55. package/dist/components/MobileDataGrid/index.js +16 -16
  56. package/dist/components/Modal.js +4 -4
  57. package/dist/components/ModalButtons.js +2 -2
  58. package/dist/components/ModalHeader.js +2 -2
  59. package/dist/components/NavigationTab.js +2 -2
  60. package/dist/components/NavigationTabs.js +2 -2
  61. package/dist/components/NestedMenu.cjs +15 -5
  62. package/dist/components/NestedMenu.js +4 -4
  63. package/dist/components/Notification.js +3 -3
  64. package/dist/components/OptionPill.js +2 -2
  65. package/dist/components/PDFViewer/DownloadIcon.js +2 -2
  66. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  67. package/dist/components/PDFViewer/index.js +7 -7
  68. package/dist/components/ProductImagePreview/index.js +1 -1
  69. package/dist/components/Stepper.js +3 -3
  70. package/dist/components/Toast.js +3 -3
  71. package/dist/components/Upload.js +3 -3
  72. package/dist/components/index.cjs +15 -5
  73. package/dist/components/index.css +25 -5
  74. package/dist/components/index.js +22 -22
  75. package/dist/index.css +25 -5
  76. package/package.json +1 -1
  77. package/src/components/MenuOption.tsx +16 -4
  78. package/dist/{chunk-AKJUBFJK.js → chunk-25RZP3VR.js} +3 -3
  79. package/dist/{chunk-56RPZLV7.js → chunk-5DQVYX6H.js} +3 -3
  80. package/dist/{chunk-SPJ6V6WJ.js → chunk-BWBSDSA7.js} +3 -3
  81. package/dist/{chunk-FWCVZWE6.js → chunk-GYEXSNFP.js} +3 -3
  82. package/dist/{chunk-QMMPHXVE.js → chunk-MV6W7OMC.js} +3 -3
  83. package/dist/{chunk-CMMQTIVM.js → chunk-TAPYQBQU.js} +3 -3
  84. package/dist/{chunk-YJGDVWTH.js → chunk-VS53C5ZD.js} +3 -3
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs CHANGED
@@ -847,6 +847,7 @@ var MenuOption = ({
847
847
  const actualRef = ref || internalRef;
848
848
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
849
849
  const isMobile = useMatchesMobile();
850
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
850
851
  const handleMouseEnter = () => {
851
852
  if (subMenu && onSubMenuHover && !disabled) {
852
853
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -856,6 +857,7 @@ var MenuOption = ({
856
857
  if (subMenu && onSubMenuLeave && !disabled) {
857
858
  onSubMenuLeave(subMenuLevel);
858
859
  }
860
+ setIsSubMenuHovered(false);
859
861
  };
860
862
  const handleMouseMove = () => {
861
863
  if (subMenu && onMouseMove && !disabled) {
@@ -866,9 +868,11 @@ var MenuOption = ({
866
868
  if (onSubMenuEnter) {
867
869
  onSubMenuEnter();
868
870
  }
871
+ setIsSubMenuHovered(true);
869
872
  };
870
873
  const additionalAttributes = {
871
- "data-selected": selected || null
874
+ "data-selected": selected || null,
875
+ "data-submenu-hovered": isSubMenuHovered || null
872
876
  };
873
877
  const svgStyles = (0, import_clsx6.default)(
874
878
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -877,16 +881,18 @@ var MenuOption = ({
877
881
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
878
882
  "bg-transparent text-text-primary-normal",
879
883
  "hover:bg-background-action-secondary-hover",
880
- "focus:bg-background-action-secondary-hover",
884
+ "focus-visible:bg-background-action-secondary-hover",
881
885
  "data-selected:bg-background-action-secondary-hover",
886
+ "data-submenu-hovered:bg-background-action-secondary-hover",
882
887
  "active:bg-background-action-secondary-active"
883
888
  );
884
889
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
885
890
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
886
891
  "text-action-400 bg-transparent",
887
892
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
888
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
893
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
889
894
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
895
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
890
896
  "active:bg-background-action-secondary-active active:text-text-action-active"
891
897
  );
892
898
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -938,7 +944,10 @@ var MenuOption = ({
938
944
  "div",
939
945
  {
940
946
  onMouseEnter: handleSubMenuEnter,
941
- onMouseLeave: handleMouseLeave,
947
+ onMouseLeave: () => {
948
+ handleMouseLeave();
949
+ setIsSubMenuHovered(false);
950
+ },
942
951
  "data-submenu-parent": menuId.current,
943
952
  "data-menu-level": subMenuLevel + 1,
944
953
  children: subMenu({
@@ -948,7 +957,8 @@ var MenuOption = ({
948
957
  position: "right",
949
958
  subMenuLevel,
950
959
  mobileBackMenuOption,
951
- mobileHide: isMobile && activeMenu !== menuId.current
960
+ mobileHide: isMobile && activeMenu !== menuId.current,
961
+ autoFocusOff: true
952
962
  })
953
963
  }
954
964
  )
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css CHANGED
@@ -3296,11 +3296,6 @@
3296
3296
  color: var(--color-text-action-critical-hover);
3297
3297
  }
3298
3298
  }
3299
- .focus\:text-text-action-hover {
3300
- &:focus {
3301
- color: var(--color-text-action-hover);
3302
- }
3303
- }
3304
3299
  .focus\:text-text-action-primary-hover {
3305
3300
  &:focus {
3306
3301
  color: var(--color-text-action-primary-hover);
@@ -3344,6 +3339,16 @@
3344
3339
  outline-style: none;
3345
3340
  }
3346
3341
  }
3342
+ .focus-visible\:bg-background-action-secondary-hover {
3343
+ &:focus-visible {
3344
+ background-color: var(--color-background-action-secondary-hover);
3345
+ }
3346
+ }
3347
+ .focus-visible\:text-text-action-hover {
3348
+ &:focus-visible {
3349
+ color: var(--color-text-action-hover);
3350
+ }
3351
+ }
3347
3352
  .focus-visible\:ring-2 {
3348
3353
  &:focus-visible {
3349
3354
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3796,6 +3801,21 @@
3796
3801
  }
3797
3802
  }
3798
3803
  }
3804
+ .data-submenu-hovered\:bg-background-action-secondary-active {
3805
+ &[data-submenu-hovered] {
3806
+ background-color: var(--color-background-action-secondary-active);
3807
+ }
3808
+ }
3809
+ .data-submenu-hovered\:bg-background-action-secondary-hover {
3810
+ &[data-submenu-hovered] {
3811
+ background-color: var(--color-background-action-secondary-hover);
3812
+ }
3813
+ }
3814
+ .data-submenu-hovered\:text-text-action-active {
3815
+ &[data-submenu-hovered] {
3816
+ color: var(--color-text-action-active);
3817
+ }
3818
+ }
3799
3819
  .data-\[focus\]\:outline-1 {
3800
3820
  &[data-focus] {
3801
3821
  outline-style: var(--tw-outline-style);
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  ColumnSelectorHeaderCell
3
- } from "../../../chunk-LJWQEZUS.js";
3
+ } from "../../../chunk-QV3NANQC.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
- import "../../../chunk-ELXVDRWS.js";
5
+ import "../../../chunk-D4TFZ2WM.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
7
  import "../../../chunk-FJRYHJUV.js";
8
8
  import "../../../chunk-BQNPOGD5.js";
9
9
  import "../../../chunk-Y5GD2FJA.js";
10
- import "../../../chunk-6XLESQ2U.js";
10
+ import "../../../chunk-B2O4TEOI.js";
11
11
  import "../../../chunk-VOSQMHNF.js";
12
- import "../../../chunk-YJGDVWTH.js";
12
+ import "../../../chunk-VS53C5ZD.js";
13
13
  import "../../../chunk-S5ZJ3Q7P.js";
14
14
  import "../../../chunk-MBZ55T2D.js";
15
15
  import "../../../chunk-2IKT6IHB.js";
@@ -20,34 +20,34 @@ import "../../../chunk-5YNEY3WO.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
21
21
  import "../../../chunk-AJ5M6MVX.js";
22
22
  import "../../../chunk-UI7P5J5S.js";
23
- import "../../../chunk-56RPZLV7.js";
23
+ import "../../../chunk-5DQVYX6H.js";
24
24
  import "../../../chunk-MDB26F6T.js";
25
25
  import "../../../chunk-AT4AWD6B.js";
26
26
  import "../../../chunk-EWGHVZL5.js";
27
+ import "../../../chunk-2TNHD4MQ.js";
27
28
  import "../../../chunk-OWHPPZZA.js";
28
29
  import "../../../chunk-L3BXRDLP.js";
29
30
  import "../../../chunk-34VEVX5H.js";
30
31
  import "../../../chunk-LB7UT6F3.js";
31
- import "../../../chunk-2TNHD4MQ.js";
32
- import "../../../chunk-BMPL6LCR.js";
32
+ import "../../../chunk-LJLHGLTS.js";
33
33
  import "../../../chunk-4RJKB7LC.js";
34
+ import "../../../chunk-25RZP3VR.js";
34
35
  import "../../../chunk-WVVEOCEH.js";
35
- import "../../../chunk-CMMQTIVM.js";
36
+ import "../../../chunk-TAPYQBQU.js";
36
37
  import "../../../chunk-AG43RS4Q.js";
37
- import "../../../chunk-AKJUBFJK.js";
38
- import "../../../chunk-SUSUNSVZ.js";
39
38
  import "../../../chunk-SBRRNFOP.js";
40
- import "../../../chunk-Y2GK27RX.js";
41
39
  import "../../../chunk-QVWYTQKL.js";
42
- import "../../../chunk-CHUKGR7S.js";
40
+ import "../../../chunk-SUSUNSVZ.js";
41
+ import "../../../chunk-75USUR3I.js";
42
+ import "../../../chunk-Y2GK27RX.js";
43
+ import "../../../chunk-F6RZ7MUE.js";
43
44
  import "../../../chunk-TCMOGTPB.js";
44
45
  import "../../../chunk-DVU5XV7L.js";
45
- import "../../../chunk-KOU2TO3N.js";
46
+ import "../../../chunk-LKKFQLWD.js";
46
47
  import "../../../chunk-HK4S6TRH.js";
47
48
  import "../../../chunk-KPBG7D3V.js";
48
49
  import "../../../chunk-HXGJVYGQ.js";
49
50
  import "../../../chunk-WVUIIBRR.js";
50
- import "../../../chunk-75USUR3I.js";
51
51
  import "../../../chunk-PS6UJZVH.js";
52
52
  import "../../../chunk-M7WHWZ2J.js";
53
53
  import "../../../chunk-TMHOK37S.js";
@@ -58,12 +58,12 @@ import "../../../chunk-5UH6QUFB.js";
58
58
  import "../../../chunk-BYC6QID5.js";
59
59
  import "../../../chunk-MUOYLXBF.js";
60
60
  import "../../../chunk-KBJZUVLM.js";
61
- import "../../../chunk-SPJ6V6WJ.js";
61
+ import "../../../chunk-BWBSDSA7.js";
62
62
  import "../../../chunk-MXSJF6TW.js";
63
+ import "../../../chunk-45AHDOAU.js";
63
64
  import "../../../chunk-WMPWWFUJ.js";
64
65
  import "../../../chunk-TPXH53SA.js";
65
66
  import "../../../chunk-NKUETCDA.js";
66
- import "../../../chunk-45AHDOAU.js";
67
67
  import "../../../chunk-7KWFEH56.js";
68
68
  import "../../../chunk-ORMEWXMH.js";
69
69
  export {
package/dist/components/DataGrid/PinnedColumns.cjs CHANGED
@@ -847,6 +847,7 @@ var MenuOption = ({
847
847
  const actualRef = ref || internalRef;
848
848
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
849
849
  const isMobile = useMatchesMobile();
850
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
850
851
  const handleMouseEnter = () => {
851
852
  if (subMenu && onSubMenuHover && !disabled) {
852
853
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -856,6 +857,7 @@ var MenuOption = ({
856
857
  if (subMenu && onSubMenuLeave && !disabled) {
857
858
  onSubMenuLeave(subMenuLevel);
858
859
  }
860
+ setIsSubMenuHovered(false);
859
861
  };
860
862
  const handleMouseMove = () => {
861
863
  if (subMenu && onMouseMove && !disabled) {
@@ -866,9 +868,11 @@ var MenuOption = ({
866
868
  if (onSubMenuEnter) {
867
869
  onSubMenuEnter();
868
870
  }
871
+ setIsSubMenuHovered(true);
869
872
  };
870
873
  const additionalAttributes = {
871
- "data-selected": selected || null
874
+ "data-selected": selected || null,
875
+ "data-submenu-hovered": isSubMenuHovered || null
872
876
  };
873
877
  const svgStyles = (0, import_clsx6.default)(
874
878
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -877,16 +881,18 @@ var MenuOption = ({
877
881
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
878
882
  "bg-transparent text-text-primary-normal",
879
883
  "hover:bg-background-action-secondary-hover",
880
- "focus:bg-background-action-secondary-hover",
884
+ "focus-visible:bg-background-action-secondary-hover",
881
885
  "data-selected:bg-background-action-secondary-hover",
886
+ "data-submenu-hovered:bg-background-action-secondary-hover",
882
887
  "active:bg-background-action-secondary-active"
883
888
  );
884
889
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
885
890
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
886
891
  "text-action-400 bg-transparent",
887
892
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
888
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
893
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
889
894
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
895
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
890
896
  "active:bg-background-action-secondary-active active:text-text-action-active"
891
897
  );
892
898
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -938,7 +944,10 @@ var MenuOption = ({
938
944
  "div",
939
945
  {
940
946
  onMouseEnter: handleSubMenuEnter,
941
- onMouseLeave: handleMouseLeave,
947
+ onMouseLeave: () => {
948
+ handleMouseLeave();
949
+ setIsSubMenuHovered(false);
950
+ },
942
951
  "data-submenu-parent": menuId.current,
943
952
  "data-menu-level": subMenuLevel + 1,
944
953
  children: subMenu({
@@ -948,7 +957,8 @@ var MenuOption = ({
948
957
  position: "right",
949
958
  subMenuLevel,
950
959
  mobileBackMenuOption,
951
- mobileHide: isMobile && activeMenu !== menuId.current
960
+ mobileHide: isMobile && activeMenu !== menuId.current,
961
+ autoFocusOff: true
952
962
  })
953
963
  }
954
964
  )
package/dist/components/DataGrid/PinnedColumns.css CHANGED
@@ -3296,11 +3296,6 @@
3296
3296
  color: var(--color-text-action-critical-hover);
3297
3297
  }
3298
3298
  }
3299
- .focus\:text-text-action-hover {
3300
- &:focus {
3301
- color: var(--color-text-action-hover);
3302
- }
3303
- }
3304
3299
  .focus\:text-text-action-primary-hover {
3305
3300
  &:focus {
3306
3301
  color: var(--color-text-action-primary-hover);
@@ -3344,6 +3339,16 @@
3344
3339
  outline-style: none;
3345
3340
  }
3346
3341
  }
3342
+ .focus-visible\:bg-background-action-secondary-hover {
3343
+ &:focus-visible {
3344
+ background-color: var(--color-background-action-secondary-hover);
3345
+ }
3346
+ }
3347
+ .focus-visible\:text-text-action-hover {
3348
+ &:focus-visible {
3349
+ color: var(--color-text-action-hover);
3350
+ }
3351
+ }
3347
3352
  .focus-visible\:ring-2 {
3348
3353
  &:focus-visible {
3349
3354
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3796,6 +3801,21 @@
3796
3801
  }
3797
3802
  }
3798
3803
  }
3804
+ .data-submenu-hovered\:bg-background-action-secondary-active {
3805
+ &[data-submenu-hovered] {
3806
+ background-color: var(--color-background-action-secondary-active);
3807
+ }
3808
+ }
3809
+ .data-submenu-hovered\:bg-background-action-secondary-hover {
3810
+ &[data-submenu-hovered] {
3811
+ background-color: var(--color-background-action-secondary-hover);
3812
+ }
3813
+ }
3814
+ .data-submenu-hovered\:text-text-action-active {
3815
+ &[data-submenu-hovered] {
3816
+ color: var(--color-text-action-active);
3817
+ }
3818
+ }
3799
3819
  .data-\[focus\]\:outline-1 {
3800
3820
  &[data-focus] {
3801
3821
  outline-style: var(--tw-outline-style);
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  PinnedColumns
3
- } from "../../chunk-LJWQEZUS.js";
3
+ } from "../../chunk-QV3NANQC.js";
4
4
  import "../../chunk-M7INAUAJ.js";
5
- import "../../chunk-ELXVDRWS.js";
5
+ import "../../chunk-D4TFZ2WM.js";
6
6
  import "../../chunk-3UUCDNX3.js";
7
7
  import "../../chunk-FJRYHJUV.js";
8
8
  import "../../chunk-BQNPOGD5.js";
9
9
  import "../../chunk-Y5GD2FJA.js";
10
- import "../../chunk-6XLESQ2U.js";
10
+ import "../../chunk-B2O4TEOI.js";
11
11
  import "../../chunk-VOSQMHNF.js";
12
- import "../../chunk-YJGDVWTH.js";
12
+ import "../../chunk-VS53C5ZD.js";
13
13
  import "../../chunk-S5ZJ3Q7P.js";
14
14
  import "../../chunk-MBZ55T2D.js";
15
15
  import "../../chunk-2IKT6IHB.js";
@@ -20,34 +20,34 @@ import "../../chunk-5YNEY3WO.js";
20
20
  import "../../chunk-5IFPG6TS.js";
21
21
  import "../../chunk-AJ5M6MVX.js";
22
22
  import "../../chunk-UI7P5J5S.js";
23
- import "../../chunk-56RPZLV7.js";
23
+ import "../../chunk-5DQVYX6H.js";
24
24
  import "../../chunk-MDB26F6T.js";
25
25
  import "../../chunk-AT4AWD6B.js";
26
26
  import "../../chunk-EWGHVZL5.js";
27
+ import "../../chunk-2TNHD4MQ.js";
27
28
  import "../../chunk-OWHPPZZA.js";
28
29
  import "../../chunk-L3BXRDLP.js";
29
30
  import "../../chunk-34VEVX5H.js";
30
31
  import "../../chunk-LB7UT6F3.js";
31
- import "../../chunk-2TNHD4MQ.js";
32
- import "../../chunk-BMPL6LCR.js";
32
+ import "../../chunk-LJLHGLTS.js";
33
33
  import "../../chunk-4RJKB7LC.js";
34
+ import "../../chunk-25RZP3VR.js";
34
35
  import "../../chunk-WVVEOCEH.js";
35
- import "../../chunk-CMMQTIVM.js";
36
+ import "../../chunk-TAPYQBQU.js";
36
37
  import "../../chunk-AG43RS4Q.js";
37
- import "../../chunk-AKJUBFJK.js";
38
- import "../../chunk-SUSUNSVZ.js";
39
38
  import "../../chunk-SBRRNFOP.js";
40
- import "../../chunk-Y2GK27RX.js";
41
39
  import "../../chunk-QVWYTQKL.js";
42
- import "../../chunk-CHUKGR7S.js";
40
+ import "../../chunk-SUSUNSVZ.js";
41
+ import "../../chunk-75USUR3I.js";
42
+ import "../../chunk-Y2GK27RX.js";
43
+ import "../../chunk-F6RZ7MUE.js";
43
44
  import "../../chunk-TCMOGTPB.js";
44
45
  import "../../chunk-DVU5XV7L.js";
45
- import "../../chunk-KOU2TO3N.js";
46
+ import "../../chunk-LKKFQLWD.js";
46
47
  import "../../chunk-HK4S6TRH.js";
47
48
  import "../../chunk-KPBG7D3V.js";
48
49
  import "../../chunk-HXGJVYGQ.js";
49
50
  import "../../chunk-WVUIIBRR.js";
50
- import "../../chunk-75USUR3I.js";
51
51
  import "../../chunk-PS6UJZVH.js";
52
52
  import "../../chunk-M7WHWZ2J.js";
53
53
  import "../../chunk-TMHOK37S.js";
@@ -58,12 +58,12 @@ import "../../chunk-5UH6QUFB.js";
58
58
  import "../../chunk-BYC6QID5.js";
59
59
  import "../../chunk-MUOYLXBF.js";
60
60
  import "../../chunk-KBJZUVLM.js";
61
- import "../../chunk-SPJ6V6WJ.js";
61
+ import "../../chunk-BWBSDSA7.js";
62
62
  import "../../chunk-MXSJF6TW.js";
63
+ import "../../chunk-45AHDOAU.js";
63
64
  import "../../chunk-WMPWWFUJ.js";
64
65
  import "../../chunk-TPXH53SA.js";
65
66
  import "../../chunk-NKUETCDA.js";
66
- import "../../chunk-45AHDOAU.js";
67
67
  import "../../chunk-7KWFEH56.js";
68
68
  import "../../chunk-ORMEWXMH.js";
69
69
  export {
package/dist/components/DataGrid/TableBody/LoadingCell.cjs CHANGED
@@ -846,6 +846,7 @@ var MenuOption = ({
846
846
  const actualRef = ref || internalRef;
847
847
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
848
848
  const isMobile = useMatchesMobile();
849
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
849
850
  const handleMouseEnter = () => {
850
851
  if (subMenu && onSubMenuHover && !disabled) {
851
852
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -855,6 +856,7 @@ var MenuOption = ({
855
856
  if (subMenu && onSubMenuLeave && !disabled) {
856
857
  onSubMenuLeave(subMenuLevel);
857
858
  }
859
+ setIsSubMenuHovered(false);
858
860
  };
859
861
  const handleMouseMove = () => {
860
862
  if (subMenu && onMouseMove && !disabled) {
@@ -865,9 +867,11 @@ var MenuOption = ({
865
867
  if (onSubMenuEnter) {
866
868
  onSubMenuEnter();
867
869
  }
870
+ setIsSubMenuHovered(true);
868
871
  };
869
872
  const additionalAttributes = {
870
- "data-selected": selected || null
873
+ "data-selected": selected || null,
874
+ "data-submenu-hovered": isSubMenuHovered || null
871
875
  };
872
876
  const svgStyles = (0, import_clsx6.default)(
873
877
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -876,16 +880,18 @@ var MenuOption = ({
876
880
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
877
881
  "bg-transparent text-text-primary-normal",
878
882
  "hover:bg-background-action-secondary-hover",
879
- "focus:bg-background-action-secondary-hover",
883
+ "focus-visible:bg-background-action-secondary-hover",
880
884
  "data-selected:bg-background-action-secondary-hover",
885
+ "data-submenu-hovered:bg-background-action-secondary-hover",
881
886
  "active:bg-background-action-secondary-active"
882
887
  );
883
888
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
884
889
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
885
890
  "text-action-400 bg-transparent",
886
891
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
887
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
892
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
888
893
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
894
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
889
895
  "active:bg-background-action-secondary-active active:text-text-action-active"
890
896
  );
891
897
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -937,7 +943,10 @@ var MenuOption = ({
937
943
  "div",
938
944
  {
939
945
  onMouseEnter: handleSubMenuEnter,
940
- onMouseLeave: handleMouseLeave,
946
+ onMouseLeave: () => {
947
+ handleMouseLeave();
948
+ setIsSubMenuHovered(false);
949
+ },
941
950
  "data-submenu-parent": menuId.current,
942
951
  "data-menu-level": subMenuLevel + 1,
943
952
  children: subMenu({
@@ -947,7 +956,8 @@ var MenuOption = ({
947
956
  position: "right",
948
957
  subMenuLevel,
949
958
  mobileBackMenuOption,
950
- mobileHide: isMobile && activeMenu !== menuId.current
959
+ mobileHide: isMobile && activeMenu !== menuId.current,
960
+ autoFocusOff: true
951
961
  })
952
962
  }
953
963
  )
package/dist/components/DataGrid/TableBody/LoadingCell.css CHANGED
@@ -3296,11 +3296,6 @@
3296
3296
  color: var(--color-text-action-critical-hover);
3297
3297
  }
3298
3298
  }
3299
- .focus\:text-text-action-hover {
3300
- &:focus {
3301
- color: var(--color-text-action-hover);
3302
- }
3303
- }
3304
3299
  .focus\:text-text-action-primary-hover {
3305
3300
  &:focus {
3306
3301
  color: var(--color-text-action-primary-hover);
@@ -3344,6 +3339,16 @@
3344
3339
  outline-style: none;
3345
3340
  }
3346
3341
  }
3342
+ .focus-visible\:bg-background-action-secondary-hover {
3343
+ &:focus-visible {
3344
+ background-color: var(--color-background-action-secondary-hover);
3345
+ }
3346
+ }
3347
+ .focus-visible\:text-text-action-hover {
3348
+ &:focus-visible {
3349
+ color: var(--color-text-action-hover);
3350
+ }
3351
+ }
3347
3352
  .focus-visible\:ring-2 {
3348
3353
  &:focus-visible {
3349
3354
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3796,6 +3801,21 @@
3796
3801
  }
3797
3802
  }
3798
3803
  }
3804
+ .data-submenu-hovered\:bg-background-action-secondary-active {
3805
+ &[data-submenu-hovered] {
3806
+ background-color: var(--color-background-action-secondary-active);
3807
+ }
3808
+ }
3809
+ .data-submenu-hovered\:bg-background-action-secondary-hover {
3810
+ &[data-submenu-hovered] {
3811
+ background-color: var(--color-background-action-secondary-hover);
3812
+ }
3813
+ }
3814
+ .data-submenu-hovered\:text-text-action-active {
3815
+ &[data-submenu-hovered] {
3816
+ color: var(--color-text-action-active);
3817
+ }
3818
+ }
3799
3819
  .data-\[focus\]\:outline-1 {
3800
3820
  &[data-focus] {
3801
3821
  outline-style: var(--tw-outline-style);
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  LoadingCell
3
- } from "../../../chunk-LJWQEZUS.js";
3
+ } from "../../../chunk-QV3NANQC.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
- import "../../../chunk-ELXVDRWS.js";
5
+ import "../../../chunk-D4TFZ2WM.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
7
  import "../../../chunk-FJRYHJUV.js";
8
8
  import "../../../chunk-BQNPOGD5.js";
9
9
  import "../../../chunk-Y5GD2FJA.js";
10
- import "../../../chunk-6XLESQ2U.js";
10
+ import "../../../chunk-B2O4TEOI.js";
11
11
  import "../../../chunk-VOSQMHNF.js";
12
- import "../../../chunk-YJGDVWTH.js";
12
+ import "../../../chunk-VS53C5ZD.js";
13
13
  import "../../../chunk-S5ZJ3Q7P.js";
14
14
  import "../../../chunk-MBZ55T2D.js";
15
15
  import "../../../chunk-2IKT6IHB.js";
@@ -20,34 +20,34 @@ import "../../../chunk-5YNEY3WO.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
21
21
  import "../../../chunk-AJ5M6MVX.js";
22
22
  import "../../../chunk-UI7P5J5S.js";
23
- import "../../../chunk-56RPZLV7.js";
23
+ import "../../../chunk-5DQVYX6H.js";
24
24
  import "../../../chunk-MDB26F6T.js";
25
25
  import "../../../chunk-AT4AWD6B.js";
26
26
  import "../../../chunk-EWGHVZL5.js";
27
+ import "../../../chunk-2TNHD4MQ.js";
27
28
  import "../../../chunk-OWHPPZZA.js";
28
29
  import "../../../chunk-L3BXRDLP.js";
29
30
  import "../../../chunk-34VEVX5H.js";
30
31
  import "../../../chunk-LB7UT6F3.js";
31
- import "../../../chunk-2TNHD4MQ.js";
32
- import "../../../chunk-BMPL6LCR.js";
32
+ import "../../../chunk-LJLHGLTS.js";
33
33
  import "../../../chunk-4RJKB7LC.js";
34
+ import "../../../chunk-25RZP3VR.js";
34
35
  import "../../../chunk-WVVEOCEH.js";
35
- import "../../../chunk-CMMQTIVM.js";
36
+ import "../../../chunk-TAPYQBQU.js";
36
37
  import "../../../chunk-AG43RS4Q.js";
37
- import "../../../chunk-AKJUBFJK.js";
38
- import "../../../chunk-SUSUNSVZ.js";
39
38
  import "../../../chunk-SBRRNFOP.js";
40
- import "../../../chunk-Y2GK27RX.js";
41
39
  import "../../../chunk-QVWYTQKL.js";
42
- import "../../../chunk-CHUKGR7S.js";
40
+ import "../../../chunk-SUSUNSVZ.js";
41
+ import "../../../chunk-75USUR3I.js";
42
+ import "../../../chunk-Y2GK27RX.js";
43
+ import "../../../chunk-F6RZ7MUE.js";
43
44
  import "../../../chunk-TCMOGTPB.js";
44
45
  import "../../../chunk-DVU5XV7L.js";
45
- import "../../../chunk-KOU2TO3N.js";
46
+ import "../../../chunk-LKKFQLWD.js";
46
47
  import "../../../chunk-HK4S6TRH.js";
47
48
  import "../../../chunk-KPBG7D3V.js";
48
49
  import "../../../chunk-HXGJVYGQ.js";
49
50
  import "../../../chunk-WVUIIBRR.js";
50
- import "../../../chunk-75USUR3I.js";
51
51
  import "../../../chunk-PS6UJZVH.js";
52
52
  import "../../../chunk-M7WHWZ2J.js";
53
53
  import "../../../chunk-TMHOK37S.js";
@@ -58,12 +58,12 @@ import "../../../chunk-5UH6QUFB.js";
58
58
  import "../../../chunk-BYC6QID5.js";
59
59
  import "../../../chunk-MUOYLXBF.js";
60
60
  import "../../../chunk-KBJZUVLM.js";
61
- import "../../../chunk-SPJ6V6WJ.js";
61
+ import "../../../chunk-BWBSDSA7.js";
62
62
  import "../../../chunk-MXSJF6TW.js";
63
+ import "../../../chunk-45AHDOAU.js";
63
64
  import "../../../chunk-WMPWWFUJ.js";
64
65
  import "../../../chunk-TPXH53SA.js";
65
66
  import "../../../chunk-NKUETCDA.js";
66
- import "../../../chunk-45AHDOAU.js";
67
67
  import "../../../chunk-7KWFEH56.js";
68
68
  import "../../../chunk-ORMEWXMH.js";
69
69
  export {