@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.
- package/dist/{chunk-6XLESQ2U.js → chunk-B2O4TEOI.js} +3 -3
- package/dist/{chunk-ELXVDRWS.js → chunk-D4TFZ2WM.js} +4 -4
- package/dist/{chunk-CHUKGR7S.js → chunk-F6RZ7MUE.js} +1 -1
- package/dist/{chunk-BMPL6LCR.js → chunk-LJLHGLTS.js} +4 -4
- package/dist/{chunk-KOU2TO3N.js → chunk-LKKFQLWD.js} +16 -6
- package/dist/{chunk-LJWQEZUS.js → chunk-QV3NANQC.js} +6 -6
- package/dist/components/Alert.js +2 -2
- package/dist/components/CalendarRange.cjs +15 -5
- package/dist/components/CalendarRange.css +25 -5
- package/dist/components/CalendarRange.js +16 -16
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +15 -5
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +25 -5
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +16 -16
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +15 -5
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +25 -5
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +16 -16
- package/dist/components/DataGrid/PinnedColumns.cjs +15 -5
- package/dist/components/DataGrid/PinnedColumns.css +25 -5
- package/dist/components/DataGrid/PinnedColumns.js +16 -16
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +15 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.css +25 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.js +16 -16
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +15 -5
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +25 -5
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +16 -16
- package/dist/components/DataGrid/TableBody/index.cjs +15 -5
- package/dist/components/DataGrid/TableBody/index.css +25 -5
- package/dist/components/DataGrid/TableBody/index.js +16 -16
- package/dist/components/DataGrid/index.cjs +15 -5
- package/dist/components/DataGrid/index.css +25 -5
- package/dist/components/DataGrid/index.js +16 -16
- package/dist/components/DataGrid/utils.cjs +15 -5
- package/dist/components/DataGrid/utils.css +25 -5
- package/dist/components/DataGrid/utils.js +16 -16
- package/dist/components/DataGridCell.cjs +15 -5
- package/dist/components/DataGridCell.js +2 -2
- package/dist/components/DateInput.cjs +15 -5
- package/dist/components/DateInput.css +25 -5
- package/dist/components/DateInput.js +16 -16
- package/dist/components/DateRangeInput.cjs +15 -5
- package/dist/components/DateRangeInput.css +25 -5
- package/dist/components/DateRangeInput.js +16 -16
- package/dist/components/FilterGroup.js +5 -5
- package/dist/components/MenuOption.cjs +15 -5
- package/dist/components/MenuOption.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +15 -5
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +25 -5
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +16 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +15 -5
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +25 -5
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +16 -16
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
- package/dist/components/MobileDataGrid/index.cjs +15 -5
- package/dist/components/MobileDataGrid/index.css +25 -5
- package/dist/components/MobileDataGrid/index.js +16 -16
- package/dist/components/Modal.js +4 -4
- package/dist/components/ModalButtons.js +2 -2
- package/dist/components/ModalHeader.js +2 -2
- package/dist/components/NavigationTab.js +2 -2
- package/dist/components/NavigationTabs.js +2 -2
- package/dist/components/NestedMenu.cjs +15 -5
- package/dist/components/NestedMenu.js +4 -4
- package/dist/components/Notification.js +3 -3
- package/dist/components/OptionPill.js +2 -2
- package/dist/components/PDFViewer/DownloadIcon.js +2 -2
- package/dist/components/PDFViewer/PDFNavigation.js +2 -2
- package/dist/components/PDFViewer/index.js +7 -7
- package/dist/components/ProductImagePreview/index.js +1 -1
- package/dist/components/Stepper.js +3 -3
- package/dist/components/Toast.js +3 -3
- package/dist/components/Upload.js +3 -3
- package/dist/components/index.cjs +15 -5
- package/dist/components/index.css +25 -5
- package/dist/components/index.js +22 -22
- package/dist/index.css +25 -5
- package/package.json +1 -1
- package/src/components/MenuOption.tsx +16 -4
- package/dist/{chunk-AKJUBFJK.js → chunk-25RZP3VR.js} +3 -3
- package/dist/{chunk-56RPZLV7.js → chunk-5DQVYX6H.js} +3 -3
- package/dist/{chunk-SPJ6V6WJ.js → chunk-BWBSDSA7.js} +3 -3
- package/dist/{chunk-FWCVZWE6.js → chunk-GYEXSNFP.js} +3 -3
- package/dist/{chunk-QMMPHXVE.js → chunk-MV6W7OMC.js} +3 -3
- package/dist/{chunk-CMMQTIVM.js → chunk-TAPYQBQU.js} +3 -3
- package/dist/{chunk-YJGDVWTH.js → chunk-VS53C5ZD.js} +3 -3
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk-VOSQMHNF.js";
|
|
4
4
|
import {
|
|
5
5
|
PdfNavigation
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-VS53C5ZD.js";
|
|
7
7
|
import {
|
|
8
8
|
DownloadIcon
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-5DQVYX6H.js";
|
|
10
10
|
import {
|
|
11
11
|
Modal
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-LJLHGLTS.js";
|
|
13
13
|
|
|
14
14
|
// src/components/PDFViewer/index.tsx
|
|
15
15
|
import { useCallback, useEffect, useState } from "react";
|
|
@@ -6,19 +6,19 @@ import {
|
|
|
6
6
|
} from "./chunk-5IFPG6TS.js";
|
|
7
7
|
import {
|
|
8
8
|
Modal
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-LJLHGLTS.js";
|
|
10
10
|
import {
|
|
11
11
|
Heading2
|
|
12
12
|
} from "./chunk-MXSJF6TW.js";
|
|
13
|
+
import {
|
|
14
|
+
Button
|
|
15
|
+
} from "./chunk-45AHDOAU.js";
|
|
13
16
|
import {
|
|
14
17
|
Stack
|
|
15
18
|
} from "./chunk-TPXH53SA.js";
|
|
16
19
|
import {
|
|
17
20
|
Icon
|
|
18
21
|
} from "./chunk-NKUETCDA.js";
|
|
19
|
-
import {
|
|
20
|
-
Button
|
|
21
|
-
} from "./chunk-45AHDOAU.js";
|
|
22
22
|
|
|
23
23
|
// src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
|
|
24
24
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useMounted
|
|
3
3
|
} from "./chunk-4RJKB7LC.js";
|
|
4
|
+
import {
|
|
5
|
+
ModalButtons
|
|
6
|
+
} from "./chunk-25RZP3VR.js";
|
|
4
7
|
import {
|
|
5
8
|
ModalContent
|
|
6
9
|
} from "./chunk-WVVEOCEH.js";
|
|
7
10
|
import {
|
|
8
11
|
ModalHeader
|
|
9
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-TAPYQBQU.js";
|
|
10
13
|
import {
|
|
11
14
|
ModalScrim
|
|
12
15
|
} from "./chunk-AG43RS4Q.js";
|
|
13
|
-
import {
|
|
14
|
-
ModalButtons
|
|
15
|
-
} from "./chunk-AKJUBFJK.js";
|
|
16
16
|
import {
|
|
17
17
|
useMatchesMobile
|
|
18
18
|
} from "./chunk-URYQ24NF.js";
|
|
@@ -26,7 +26,7 @@ import {
|
|
|
26
26
|
|
|
27
27
|
// src/components/MenuOption.tsx
|
|
28
28
|
import clsx from "clsx";
|
|
29
|
-
import { useId, useRef } from "react";
|
|
29
|
+
import { useId, useRef, useState } from "react";
|
|
30
30
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
31
31
|
var MenuOption = ({
|
|
32
32
|
id,
|
|
@@ -60,6 +60,7 @@ var MenuOption = ({
|
|
|
60
60
|
const actualRef = ref || internalRef;
|
|
61
61
|
const menuId = useRef(`menu-${uniqueId}`);
|
|
62
62
|
const isMobile = useMatchesMobile();
|
|
63
|
+
const [isSubMenuHovered, setIsSubMenuHovered] = useState(false);
|
|
63
64
|
const handleMouseEnter = () => {
|
|
64
65
|
if (subMenu && onSubMenuHover && !disabled) {
|
|
65
66
|
onSubMenuHover(menuId.current, subMenuLevel);
|
|
@@ -69,6 +70,7 @@ var MenuOption = ({
|
|
|
69
70
|
if (subMenu && onSubMenuLeave && !disabled) {
|
|
70
71
|
onSubMenuLeave(subMenuLevel);
|
|
71
72
|
}
|
|
73
|
+
setIsSubMenuHovered(false);
|
|
72
74
|
};
|
|
73
75
|
const handleMouseMove = () => {
|
|
74
76
|
if (subMenu && onMouseMove && !disabled) {
|
|
@@ -79,9 +81,11 @@ var MenuOption = ({
|
|
|
79
81
|
if (onSubMenuEnter) {
|
|
80
82
|
onSubMenuEnter();
|
|
81
83
|
}
|
|
84
|
+
setIsSubMenuHovered(true);
|
|
82
85
|
};
|
|
83
86
|
const additionalAttributes = {
|
|
84
|
-
"data-selected": selected || null
|
|
87
|
+
"data-selected": selected || null,
|
|
88
|
+
"data-submenu-hovered": isSubMenuHovered || null
|
|
85
89
|
};
|
|
86
90
|
const svgStyles = clsx(
|
|
87
91
|
"[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
|
|
@@ -90,16 +94,18 @@ var MenuOption = ({
|
|
|
90
94
|
const normalStyles = variant === "normal" && !disabled && clsx(
|
|
91
95
|
"bg-transparent text-text-primary-normal",
|
|
92
96
|
"hover:bg-background-action-secondary-hover",
|
|
93
|
-
"focus:bg-background-action-secondary-hover",
|
|
97
|
+
"focus-visible:bg-background-action-secondary-hover",
|
|
94
98
|
"data-selected:bg-background-action-secondary-hover",
|
|
99
|
+
"data-submenu-hovered:bg-background-action-secondary-hover",
|
|
95
100
|
"active:bg-background-action-secondary-active"
|
|
96
101
|
);
|
|
97
102
|
const normalDisabledStyles = variant === "normal" && disabled && clsx("text-text-primary-disabled");
|
|
98
103
|
const actionStyles = variant === "action" && !disabled && clsx(
|
|
99
104
|
"text-action-400 bg-transparent",
|
|
100
105
|
"hover:bg-background-action-secondary-hover hover:text-text-action-hover",
|
|
101
|
-
"focus:bg-background-action-secondary-hover focus:text-text-action-hover",
|
|
106
|
+
"focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
|
|
102
107
|
"data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
|
|
108
|
+
"data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
|
|
103
109
|
"active:bg-background-action-secondary-active active:text-text-action-active"
|
|
104
110
|
);
|
|
105
111
|
const actionDisabledStyles = variant === "action" && disabled && clsx("text-text-action-disabled");
|
|
@@ -151,7 +157,10 @@ var MenuOption = ({
|
|
|
151
157
|
"div",
|
|
152
158
|
{
|
|
153
159
|
onMouseEnter: handleSubMenuEnter,
|
|
154
|
-
onMouseLeave:
|
|
160
|
+
onMouseLeave: () => {
|
|
161
|
+
handleMouseLeave();
|
|
162
|
+
setIsSubMenuHovered(false);
|
|
163
|
+
},
|
|
155
164
|
"data-submenu-parent": menuId.current,
|
|
156
165
|
"data-menu-level": subMenuLevel + 1,
|
|
157
166
|
children: subMenu({
|
|
@@ -161,7 +170,8 @@ var MenuOption = ({
|
|
|
161
170
|
position: "right",
|
|
162
171
|
subMenuLevel,
|
|
163
172
|
mobileBackMenuOption,
|
|
164
|
-
mobileHide: isMobile && activeMenu !== menuId.current
|
|
173
|
+
mobileHide: isMobile && activeMenu !== menuId.current,
|
|
174
|
+
autoFocusOff: true
|
|
165
175
|
})
|
|
166
176
|
}
|
|
167
177
|
)
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-M7INAUAJ.js";
|
|
4
4
|
import {
|
|
5
5
|
RowDetailModalProvider
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-D4TFZ2WM.js";
|
|
7
7
|
import {
|
|
8
8
|
ColumnList
|
|
9
9
|
} from "./chunk-PRN2EQBX.js";
|
|
@@ -24,13 +24,13 @@ import {
|
|
|
24
24
|
DataGridCell,
|
|
25
25
|
DragAlongCell,
|
|
26
26
|
DraggableCellHeader
|
|
27
|
-
} from "./chunk-
|
|
27
|
+
} from "./chunk-F6RZ7MUE.js";
|
|
28
28
|
import {
|
|
29
29
|
Menu
|
|
30
30
|
} from "./chunk-TCMOGTPB.js";
|
|
31
31
|
import {
|
|
32
32
|
MenuOption
|
|
33
|
-
} from "./chunk-
|
|
33
|
+
} from "./chunk-LKKFQLWD.js";
|
|
34
34
|
import {
|
|
35
35
|
Search
|
|
36
36
|
} from "./chunk-HK4S6TRH.js";
|
|
@@ -67,6 +67,9 @@ import {
|
|
|
67
67
|
import {
|
|
68
68
|
Heading3
|
|
69
69
|
} from "./chunk-MXSJF6TW.js";
|
|
70
|
+
import {
|
|
71
|
+
Button
|
|
72
|
+
} from "./chunk-45AHDOAU.js";
|
|
70
73
|
import {
|
|
71
74
|
Paragraph
|
|
72
75
|
} from "./chunk-WMPWWFUJ.js";
|
|
@@ -76,9 +79,6 @@ import {
|
|
|
76
79
|
import {
|
|
77
80
|
Icon
|
|
78
81
|
} from "./chunk-NKUETCDA.js";
|
|
79
|
-
import {
|
|
80
|
-
Button
|
|
81
|
-
} from "./chunk-45AHDOAU.js";
|
|
82
82
|
import {
|
|
83
83
|
componentGap,
|
|
84
84
|
componentPadding,
|
package/dist/components/Alert.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Alert
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-BWBSDSA7.js";
|
|
4
4
|
import "../chunk-MXSJF6TW.js";
|
|
5
|
+
import "../chunk-45AHDOAU.js";
|
|
5
6
|
import "../chunk-WMPWWFUJ.js";
|
|
6
7
|
import "../chunk-TPXH53SA.js";
|
|
7
8
|
import "../chunk-NKUETCDA.js";
|
|
8
|
-
import "../chunk-45AHDOAU.js";
|
|
9
9
|
import "../chunk-7KWFEH56.js";
|
|
10
10
|
import "../chunk-ORMEWXMH.js";
|
|
11
11
|
export {
|
|
@@ -853,6 +853,7 @@ var MenuOption = ({
|
|
|
853
853
|
const actualRef = ref || internalRef;
|
|
854
854
|
const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
|
|
855
855
|
const isMobile = useMatchesMobile();
|
|
856
|
+
const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
|
|
856
857
|
const handleMouseEnter = () => {
|
|
857
858
|
if (subMenu && onSubMenuHover && !disabled) {
|
|
858
859
|
onSubMenuHover(menuId.current, subMenuLevel);
|
|
@@ -862,6 +863,7 @@ var MenuOption = ({
|
|
|
862
863
|
if (subMenu && onSubMenuLeave && !disabled) {
|
|
863
864
|
onSubMenuLeave(subMenuLevel);
|
|
864
865
|
}
|
|
866
|
+
setIsSubMenuHovered(false);
|
|
865
867
|
};
|
|
866
868
|
const handleMouseMove = () => {
|
|
867
869
|
if (subMenu && onMouseMove && !disabled) {
|
|
@@ -872,9 +874,11 @@ var MenuOption = ({
|
|
|
872
874
|
if (onSubMenuEnter) {
|
|
873
875
|
onSubMenuEnter();
|
|
874
876
|
}
|
|
877
|
+
setIsSubMenuHovered(true);
|
|
875
878
|
};
|
|
876
879
|
const additionalAttributes = {
|
|
877
|
-
"data-selected": selected || null
|
|
880
|
+
"data-selected": selected || null,
|
|
881
|
+
"data-submenu-hovered": isSubMenuHovered || null
|
|
878
882
|
};
|
|
879
883
|
const svgStyles = (0, import_clsx6.default)(
|
|
880
884
|
"[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
|
|
@@ -883,16 +887,18 @@ var MenuOption = ({
|
|
|
883
887
|
const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
|
|
884
888
|
"bg-transparent text-text-primary-normal",
|
|
885
889
|
"hover:bg-background-action-secondary-hover",
|
|
886
|
-
"focus:bg-background-action-secondary-hover",
|
|
890
|
+
"focus-visible:bg-background-action-secondary-hover",
|
|
887
891
|
"data-selected:bg-background-action-secondary-hover",
|
|
892
|
+
"data-submenu-hovered:bg-background-action-secondary-hover",
|
|
888
893
|
"active:bg-background-action-secondary-active"
|
|
889
894
|
);
|
|
890
895
|
const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
|
|
891
896
|
const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
|
|
892
897
|
"text-action-400 bg-transparent",
|
|
893
898
|
"hover:bg-background-action-secondary-hover hover:text-text-action-hover",
|
|
894
|
-
"focus:bg-background-action-secondary-hover focus:text-text-action-hover",
|
|
899
|
+
"focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
|
|
895
900
|
"data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
|
|
901
|
+
"data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
|
|
896
902
|
"active:bg-background-action-secondary-active active:text-text-action-active"
|
|
897
903
|
);
|
|
898
904
|
const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
|
|
@@ -944,7 +950,10 @@ var MenuOption = ({
|
|
|
944
950
|
"div",
|
|
945
951
|
{
|
|
946
952
|
onMouseEnter: handleSubMenuEnter,
|
|
947
|
-
onMouseLeave:
|
|
953
|
+
onMouseLeave: () => {
|
|
954
|
+
handleMouseLeave();
|
|
955
|
+
setIsSubMenuHovered(false);
|
|
956
|
+
},
|
|
948
957
|
"data-submenu-parent": menuId.current,
|
|
949
958
|
"data-menu-level": subMenuLevel + 1,
|
|
950
959
|
children: subMenu({
|
|
@@ -954,7 +963,8 @@ var MenuOption = ({
|
|
|
954
963
|
position: "right",
|
|
955
964
|
subMenuLevel,
|
|
956
965
|
mobileBackMenuOption,
|
|
957
|
-
mobileHide: isMobile && activeMenu !== menuId.current
|
|
966
|
+
mobileHide: isMobile && activeMenu !== menuId.current,
|
|
967
|
+
autoFocusOff: true
|
|
958
968
|
})
|
|
959
969
|
}
|
|
960
970
|
)
|
|
@@ -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);
|
|
@@ -2,16 +2,16 @@ import {
|
|
|
2
2
|
CalendarRange,
|
|
3
3
|
CalendarRange_default,
|
|
4
4
|
isWeekend
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-QV3NANQC.js";
|
|
6
6
|
import "../chunk-M7INAUAJ.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-D4TFZ2WM.js";
|
|
8
8
|
import "../chunk-3UUCDNX3.js";
|
|
9
9
|
import "../chunk-FJRYHJUV.js";
|
|
10
10
|
import "../chunk-BQNPOGD5.js";
|
|
11
11
|
import "../chunk-Y5GD2FJA.js";
|
|
12
|
-
import "../chunk-
|
|
12
|
+
import "../chunk-B2O4TEOI.js";
|
|
13
13
|
import "../chunk-VOSQMHNF.js";
|
|
14
|
-
import "../chunk-
|
|
14
|
+
import "../chunk-VS53C5ZD.js";
|
|
15
15
|
import "../chunk-S5ZJ3Q7P.js";
|
|
16
16
|
import "../chunk-MBZ55T2D.js";
|
|
17
17
|
import "../chunk-2IKT6IHB.js";
|
|
@@ -22,34 +22,34 @@ import "../chunk-5YNEY3WO.js";
|
|
|
22
22
|
import "../chunk-5IFPG6TS.js";
|
|
23
23
|
import "../chunk-AJ5M6MVX.js";
|
|
24
24
|
import "../chunk-UI7P5J5S.js";
|
|
25
|
-
import "../chunk-
|
|
25
|
+
import "../chunk-5DQVYX6H.js";
|
|
26
26
|
import "../chunk-MDB26F6T.js";
|
|
27
27
|
import "../chunk-AT4AWD6B.js";
|
|
28
28
|
import "../chunk-EWGHVZL5.js";
|
|
29
|
+
import "../chunk-2TNHD4MQ.js";
|
|
29
30
|
import "../chunk-OWHPPZZA.js";
|
|
30
31
|
import "../chunk-L3BXRDLP.js";
|
|
31
32
|
import "../chunk-34VEVX5H.js";
|
|
32
33
|
import "../chunk-LB7UT6F3.js";
|
|
33
|
-
import "../chunk-
|
|
34
|
-
import "../chunk-BMPL6LCR.js";
|
|
34
|
+
import "../chunk-LJLHGLTS.js";
|
|
35
35
|
import "../chunk-4RJKB7LC.js";
|
|
36
|
+
import "../chunk-25RZP3VR.js";
|
|
36
37
|
import "../chunk-WVVEOCEH.js";
|
|
37
|
-
import "../chunk-
|
|
38
|
+
import "../chunk-TAPYQBQU.js";
|
|
38
39
|
import "../chunk-AG43RS4Q.js";
|
|
39
|
-
import "../chunk-AKJUBFJK.js";
|
|
40
|
-
import "../chunk-SUSUNSVZ.js";
|
|
41
40
|
import "../chunk-SBRRNFOP.js";
|
|
42
|
-
import "../chunk-Y2GK27RX.js";
|
|
43
41
|
import "../chunk-QVWYTQKL.js";
|
|
44
|
-
import "../chunk-
|
|
42
|
+
import "../chunk-SUSUNSVZ.js";
|
|
43
|
+
import "../chunk-75USUR3I.js";
|
|
44
|
+
import "../chunk-Y2GK27RX.js";
|
|
45
|
+
import "../chunk-F6RZ7MUE.js";
|
|
45
46
|
import "../chunk-TCMOGTPB.js";
|
|
46
47
|
import "../chunk-DVU5XV7L.js";
|
|
47
|
-
import "../chunk-
|
|
48
|
+
import "../chunk-LKKFQLWD.js";
|
|
48
49
|
import "../chunk-HK4S6TRH.js";
|
|
49
50
|
import "../chunk-KPBG7D3V.js";
|
|
50
51
|
import "../chunk-HXGJVYGQ.js";
|
|
51
52
|
import "../chunk-WVUIIBRR.js";
|
|
52
|
-
import "../chunk-75USUR3I.js";
|
|
53
53
|
import "../chunk-PS6UJZVH.js";
|
|
54
54
|
import "../chunk-M7WHWZ2J.js";
|
|
55
55
|
import "../chunk-TMHOK37S.js";
|
|
@@ -60,12 +60,12 @@ import "../chunk-5UH6QUFB.js";
|
|
|
60
60
|
import "../chunk-BYC6QID5.js";
|
|
61
61
|
import "../chunk-MUOYLXBF.js";
|
|
62
62
|
import "../chunk-KBJZUVLM.js";
|
|
63
|
-
import "../chunk-
|
|
63
|
+
import "../chunk-BWBSDSA7.js";
|
|
64
64
|
import "../chunk-MXSJF6TW.js";
|
|
65
|
+
import "../chunk-45AHDOAU.js";
|
|
65
66
|
import "../chunk-WMPWWFUJ.js";
|
|
66
67
|
import "../chunk-TPXH53SA.js";
|
|
67
68
|
import "../chunk-NKUETCDA.js";
|
|
68
|
-
import "../chunk-45AHDOAU.js";
|
|
69
69
|
import "../chunk-7KWFEH56.js";
|
|
70
70
|
import "../chunk-ORMEWXMH.js";
|
|
71
71
|
export {
|
|
@@ -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:
|
|
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
|
)
|
|
@@ -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);
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelectorMenuOption
|
|
3
|
-
} from "../../../chunk-
|
|
3
|
+
} from "../../../chunk-QV3NANQC.js";
|
|
4
4
|
import "../../../chunk-M7INAUAJ.js";
|
|
5
|
-
import "../../../chunk-
|
|
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-
|
|
10
|
+
import "../../../chunk-B2O4TEOI.js";
|
|
11
11
|
import "../../../chunk-VOSQMHNF.js";
|
|
12
|
-
import "../../../chunk-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 {
|