@easypost/easy-ui 1.0.0-alpha.113 → 1.0.0-alpha.114
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/AlertBadge/index.js +8 -8
- package/AlertBadge/index.mjs +8 -8
- package/Badge/index.js +12 -12
- package/Badge/index.mjs +12 -12
- package/Banner/index.js +7 -7
- package/Banner/index.mjs +7 -7
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/CHANGELOG.md +6 -0
- package/Calendar/index.js +1 -1
- package/Calendar/index.mjs +1 -1
- package/Card/index.js +1 -1
- package/Card/index.mjs +1 -1
- package/CheckableCard/index.js +14 -14
- package/CheckableCard/index.mjs +14 -14
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +30 -30
- package/CodeBlock/index.mjs +30 -30
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/ColorPicker/index.js +24 -24
- package/ColorPicker/index.mjs +24 -24
- package/CustomerPortalLayout/index.js +36 -36
- package/CustomerPortalLayout/index.mjs +36 -36
- package/DataGrid/index.js +78 -78
- package/DataGrid/index.mjs +78 -78
- package/DatePicker/index.js +6 -6
- package/DatePicker/index.mjs +6 -6
- package/DateRangePicker/index.js +6 -6
- package/DateRangePicker/index.mjs +6 -6
- package/Drawer/index.js +24 -24
- package/Drawer/index.mjs +24 -24
- package/DropdownButton/index.js +7 -7
- package/DropdownButton/index.mjs +7 -7
- package/EmptyStateCard/index.js +18 -18
- package/EmptyStateCard/index.mjs +18 -18
- package/FocusedProductLayout/index.js +38 -38
- package/FocusedProductLayout/index.mjs +38 -38
- package/ForgeLayout/index.js +91 -91
- package/ForgeLayout/index.mjs +92 -92
- package/FormLayout/index.js +11 -11
- package/FormLayout/index.mjs +11 -11
- package/HorizontalGrid/index.js +1 -1
- package/HorizontalGrid/index.mjs +1 -1
- package/HorizontalStack/index.js +1 -1
- package/HorizontalStack/index.mjs +1 -1
- package/Icon/index.js +1 -1
- package/Icon/index.mjs +1 -1
- package/IconButton/index.js +7 -7
- package/IconButton/index.mjs +7 -7
- package/InputField/index.js +1 -1
- package/InputField/index.mjs +1 -1
- package/KebabButton/index.js +1 -1
- package/KebabButton/index.mjs +1 -1
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Modal/index.js +39 -39
- package/Modal/index.mjs +39 -39
- package/MultiSelect/index.js +30 -30
- package/MultiSelect/index.mjs +31 -31
- package/MultipageSection/index.js +28 -28
- package/MultipageSection/index.mjs +28 -28
- package/NexusLayout/index.js +44 -44
- package/NexusLayout/index.mjs +44 -44
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +21 -21
- package/Pagination/index.mjs +21 -21
- package/PillGroup/index.js +1 -1
- package/PillGroup/index.mjs +1 -1
- package/PlanCard/illustrations/Building01/index.js +88 -88
- package/PlanCard/illustrations/Building01/index.mjs +88 -88
- package/PlanCard/illustrations/Building02/index.js +33 -33
- package/PlanCard/illustrations/Building02/index.mjs +33 -33
- package/PlanCard/illustrations/Building03/index.js +120 -120
- package/PlanCard/illustrations/Building03/index.mjs +120 -120
- package/PlanCard/illustrations/Building04/index.js +236 -236
- package/PlanCard/illustrations/Building04/index.mjs +236 -236
- package/PlanCard/index.js +17 -17
- package/PlanCard/index.mjs +17 -17
- package/ProductLayout/index.js +48 -48
- package/ProductLayout/index.mjs +48 -48
- package/Provider/index.js +7 -7
- package/Provider/index.mjs +7 -7
- package/RadioButtonGroup/index.js +5 -5
- package/RadioButtonGroup/index.mjs +5 -5
- package/RadioGroup/index.js +1 -1
- package/RadioGroup/index.mjs +1 -1
- package/RangeCalendar/index.js +1 -1
- package/RangeCalendar/index.mjs +1 -1
- package/SearchNav/index.js +70 -70
- package/SearchNav/index.mjs +71 -71
- package/SectionCard/index.js +16 -16
- package/SectionCard/index.mjs +16 -16
- package/Select/index.js +20 -20
- package/Select/index.mjs +20 -20
- package/SelectorErrorTooltip/index.js +1 -1
- package/SelectorErrorTooltip/index.mjs +1 -1
- package/Spinner/index.js +1 -1
- package/Spinner/index.mjs +1 -1
- package/SplitToggleCard/index.js +11 -11
- package/SplitToggleCard/index.mjs +11 -11
- package/Stepper/index.js +1 -1
- package/Stepper/index.mjs +1 -1
- package/TabNav/index.js +1 -1
- package/TabNav/index.mjs +1 -1
- package/TabPanels/index.js +7 -7
- package/TabPanels/index.mjs +7 -7
- package/Tabs/index.js +1 -1
- package/Tabs/index.mjs +1 -1
- package/Text/index.js +1 -1
- package/Text/index.mjs +1 -1
- package/TextField/index.js +1 -1
- package/TextField/index.mjs +1 -1
- package/Textarea/index.js +3 -3
- package/Textarea/index.mjs +3 -3
- package/Theme/index.js +1 -1
- package/Theme/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +7 -7
- package/ToggleCard/index.mjs +7 -7
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/index.js +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/index.js +39 -39
- package/VerticalNav/index.mjs +39 -39
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-C3vDXJsJ.js → Button-CQdi4TMV.js} +7 -7
- package/__chunks__/{Button-Dexauftx.mjs → Button-JL1YQxJ5.mjs} +7 -7
- package/__chunks__/{Calendar-BEbdigVB.js → Calendar-C9zdRov0.js} +3 -3
- package/__chunks__/{Calendar-BOxw8lwX.mjs → Calendar-DLzAtdfg.mjs} +3 -3
- package/__chunks__/{CalendarBase-3a9i7QNo.mjs → CalendarBase-DJ38_qK6.mjs} +32 -32
- package/__chunks__/{CalendarBase-Bx8bdXeT.js → CalendarBase-M-f289w8.js} +32 -32
- package/__chunks__/{Card-8778avMv.mjs → Card-BgjWYPVY.mjs} +5 -5
- package/__chunks__/{Card-DIZFYg6E.js → Card-LPIW5drP.js} +5 -5
- package/__chunks__/{Checkbox-DFWhjlaO.js → Checkbox-B_-6lfKk.js} +14 -14
- package/__chunks__/{Checkbox-C-NlI-Ym.mjs → Checkbox-DcaO0fC3.mjs} +14 -14
- package/__chunks__/{CodeSnippet-BCOMwE07.js → CodeSnippet-25l4r2Gh.js} +5 -5
- package/__chunks__/{CodeSnippet-CWnMHdVu.mjs → CodeSnippet-B3nsMpvq.mjs} +5 -5
- package/__chunks__/{DatePickerBase-C4PwUr9x.mjs → DatePickerBase-BQc8LKWg.mjs} +30 -30
- package/__chunks__/{DatePickerBase-XoRply_u.js → DatePickerBase-BYYfRTEY.js} +30 -30
- package/__chunks__/{EasyPostLogo-D3WNdZ29.js → EasyPostLogo-C9-Q0lSn.js} +5 -5
- package/__chunks__/{EasyPostLogo-tf6CCEAq.mjs → EasyPostLogo-DgIgAGa3.mjs} +5 -5
- package/__chunks__/{HelpMenu-8r0cjx5z.mjs → HelpMenu-BZRV42ab.mjs} +14 -14
- package/__chunks__/{HelpMenu-DBo_fklD.js → HelpMenu-C2t8KQuU.js} +14 -14
- package/__chunks__/{HorizontalGrid-BAvSeg39.js → HorizontalGrid-CAoDcmPW.js} +2 -2
- package/__chunks__/{HorizontalGrid-C4MBFEH-.mjs → HorizontalGrid-DbLeJBt8.mjs} +2 -2
- package/__chunks__/{HorizontalStack-BkE82C73.mjs → HorizontalStack-CJavrBHm.mjs} +2 -2
- package/__chunks__/{HorizontalStack-DidoI4Ks.js → HorizontalStack-CWdKKY8L.js} +2 -2
- package/__chunks__/{Icon-DzTns8u5.mjs → Icon-BIpaQJ_I.mjs} +3 -3
- package/__chunks__/{Icon-BVa5ddiD.js → Icon-BRlbo3RF.js} +3 -3
- package/__chunks__/{InputCaption-Dkyn1sg6.js → InputCaption-CccF4ynE.js} +6 -6
- package/__chunks__/{InputCaption-B8bZH6sX.mjs → InputCaption-DoyGkWQe.mjs} +6 -6
- package/__chunks__/{InputField-BTrYBVAD.mjs → InputField-CAY9O90X.mjs} +21 -21
- package/__chunks__/{InputField-Dvkk5R1K.js → InputField-DGb4ZDoR.js} +21 -21
- package/__chunks__/{InputIcon-BLJ6dx_5.mjs → InputIcon-CEATdJ1j.mjs} +4 -4
- package/__chunks__/{InputIcon-BSIAXX9k.js → InputIcon-DDKBJ_Tk.js} +4 -4
- package/__chunks__/{KebabButton-DSK0ISAn.mjs → KebabButton-D-5Mjaj0.mjs} +7 -7
- package/__chunks__/{KebabButton-3FnxY-Fz.js → KebabButton-TbapERgy.js} +7 -7
- package/__chunks__/{Menu-C2F4fvhd.mjs → Menu-Ci1FGh8B.mjs} +29 -29
- package/__chunks__/{Menu-Du8SsMeJ.js → Menu-MGDv1tob.js} +29 -29
- package/__chunks__/{Notification-CeJn5Qq1.js → Notification-DDQHWloB.js} +21 -21
- package/__chunks__/{Notification-CgUT2gv6.mjs → Notification-DnNx0rb6.mjs} +21 -21
- package/__chunks__/{PillGroup-rTS853Rr.js → PillGroup-BK8VCf3B.js} +14 -14
- package/__chunks__/{PillGroup-EJ8t8SrT.mjs → PillGroup-DN72MPhg.mjs} +14 -14
- package/__chunks__/{RadioGroup-DBgIqOkZ.mjs → RadioGroup-BfKaJnSo.mjs} +19 -19
- package/__chunks__/{RadioGroup-BFqH1Csi.js → RadioGroup-BiCqtR0F.js} +19 -19
- package/__chunks__/{RangeCalendar-BSsmX9l4.mjs → RangeCalendar-BdTjX8NT.mjs} +3 -3
- package/__chunks__/{RangeCalendar-Do2nei5A.js → RangeCalendar-Dz6LyRYS.js} +3 -3
- package/__chunks__/{SelectOverlay-DjiJHthj.js → SelectOverlay-Bva0SG8D.js} +20 -20
- package/__chunks__/{SelectOverlay-DUIIhF4t.mjs → SelectOverlay-q23ZLLi4.mjs} +20 -20
- package/__chunks__/{SelectorErrorTooltip-BMxbuFiM.js → SelectorErrorTooltip-BNLrFRLN.js} +8 -8
- package/__chunks__/{SelectorErrorTooltip-BC-1JoX3.mjs → SelectorErrorTooltip-rO2-k3Gl.mjs} +8 -8
- package/__chunks__/{Spinner-2PFCOK3I.mjs → Spinner-COsekFr1.mjs} +7 -7
- package/__chunks__/{Spinner-Dd68v9QX.js → Spinner-vRnrcEz0.js} +7 -7
- package/__chunks__/{Stepper-q3YNLglj.mjs → Stepper-DlI-16t-.mjs} +17 -17
- package/__chunks__/{Stepper-BZ90AIx0.js → Stepper-lhcjfVFY.js} +17 -17
- package/__chunks__/{TabNav-BnpNl7tj.mjs → TabNav-BNhQF0b0.mjs} +4 -4
- package/__chunks__/{TabNav-CLVG0bL2.js → TabNav-bVgyfEV7.js} +4 -4
- package/__chunks__/{Tabs-CtyYEye0.mjs → Tabs-BaROnbKg.mjs} +14 -14
- package/__chunks__/{Tabs-5_61DIBw.js → Tabs-DSngzN9A.js} +14 -14
- package/__chunks__/{Text-u9mYLeWj.mjs → Text-D6oT5WJQ.mjs} +2 -2
- package/__chunks__/{Text-C4CEsglh.js → Text-DkzMEqky.js} +2 -2
- package/__chunks__/{TextField-D1JGaTQv.mjs → TextField-818kTElu.mjs} +3 -3
- package/__chunks__/{TextField-DE1vPtQm.js → TextField-DKQVJPP_.js} +3 -3
- package/__chunks__/{Theme-unLHjjnm.js → Theme-C2nSZUpG.js} +10 -10
- package/__chunks__/{Theme-CyUCrGdN.mjs → Theme-M__gFMM3.mjs} +10 -10
- package/__chunks__/{Toggle-BHzAGPDh.js → Toggle-BmJjrdVn.js} +11 -11
- package/__chunks__/{Toggle-DioYP2KQ.mjs → Toggle-DlDQ7rr2.mjs} +11 -11
- package/__chunks__/{Tooltip-COjtKErw.js → Tooltip-BSMvNula.js} +9 -9
- package/__chunks__/{Tooltip-BKGkKnOx.mjs → Tooltip-BXRi0h4E.mjs} +9 -9
- package/__chunks__/{UnstyledButton-_YQekhlm.js → UnstyledButton-DW8CjaXN.js} +2 -2
- package/__chunks__/{UnstyledButton-BCg7eEyP.mjs → UnstyledButton-DxJLvL-G.mjs} +2 -2
- package/__chunks__/{VerticalStack-CunLpHRv.js → VerticalStack-BHkiocKU.js} +2 -2
- package/__chunks__/{VerticalStack-Cbdpucbh.mjs → VerticalStack-DoMqBfYD.mjs} +2 -2
- package/__chunks__/{useEdgeInterceptors-BBmo6MI4.mjs → useEdgeInterceptors-OZmGXvtF.mjs} +6 -6
- package/__chunks__/{useEdgeInterceptors-BLxn3eUi.js → useEdgeInterceptors-Rb2Hf0v8.js} +6 -6
- package/package.json +1 -1
- package/__chunks__/jsx-runtime-CH1d66I3.js +0 -320
- package/__chunks__/jsx-runtime-DTpFD6nx.mjs +0 -321
package/VerticalNav/index.mjs
CHANGED
|
@@ -29,17 +29,17 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
33
33
|
import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "../__chunks__/Item-FD89BR0i.mjs";
|
|
34
34
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
35
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
36
|
-
import { T as Text } from "../__chunks__/Text-
|
|
35
|
+
import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
|
|
36
|
+
import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
|
|
37
37
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-FWU5y5-k.mjs";
|
|
38
38
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
|
|
39
39
|
import { createContext, useContext, useMemo, forwardRef } from "react";
|
|
40
40
|
import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "../__chunks__/useListState-3s3ZON5A.mjs";
|
|
41
41
|
import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
|
|
42
|
-
import { U as UnstyledButton } from "../__chunks__/UnstyledButton-
|
|
42
|
+
import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
|
|
43
43
|
import { $ as $875d6693e12af071$export$728d6ba534403756 } from "../__chunks__/useTreeState-B9z3iENl.mjs";
|
|
44
44
|
function Item(_props) {
|
|
45
45
|
return null;
|
|
@@ -65,22 +65,22 @@ const styles$5 = {
|
|
|
65
65
|
};
|
|
66
66
|
function Container(props) {
|
|
67
67
|
const { renderBanner, renderLogo, supplementaryAction, ["aria-label"]: ariaLabel, ["aria-labelledby"]: ariaLabelledBy, ["aria-describedby"]: ariaDescribedBy, ["aria-details"]: ariaDetails, children } = props;
|
|
68
|
-
return
|
|
68
|
+
return jsxs("div", {
|
|
69
69
|
className: styles$5.Container,
|
|
70
|
-
children: [renderBanner &&
|
|
70
|
+
children: [renderBanner && jsx("div", {
|
|
71
71
|
className: styles$5.banner,
|
|
72
72
|
children: renderBanner()
|
|
73
|
-
}), renderLogo &&
|
|
73
|
+
}), renderLogo && jsx("div", {
|
|
74
74
|
className: styles$5.logo,
|
|
75
75
|
children: renderLogo()
|
|
76
|
-
}),
|
|
76
|
+
}), jsx("nav", {
|
|
77
77
|
className: styles$5.nav,
|
|
78
78
|
"aria-label": ariaLabel,
|
|
79
79
|
"aria-labelledby": ariaLabelledBy,
|
|
80
80
|
"aria-describedby": ariaDescribedBy,
|
|
81
81
|
"aria-details": ariaDetails,
|
|
82
82
|
children
|
|
83
|
-
}), supplementaryAction &&
|
|
83
|
+
}), supplementaryAction && jsx("div", {
|
|
84
84
|
className: styles$5.supplementaryActionContainer,
|
|
85
85
|
children: supplementaryAction
|
|
86
86
|
})]
|
|
@@ -105,23 +105,23 @@ function NavItem(props) {
|
|
|
105
105
|
const _a = item.props, { as: As = "a", children, icon, label, textValue: _textValue } = _a, linkProps = __objRest(_a, ["as", "children", "icon", "label", "textValue"]);
|
|
106
106
|
const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
|
|
107
107
|
const className = classNames(navItemStyles.NavItem, isHovered && navItemStyles.hovered, classNameFromParent);
|
|
108
|
-
return
|
|
108
|
+
return jsxs("div", {
|
|
109
109
|
className,
|
|
110
|
-
children: [
|
|
110
|
+
children: [jsxs("div", {
|
|
111
111
|
className: navItemStyles.linkContainer,
|
|
112
|
-
children: [
|
|
112
|
+
children: [jsxs(As, __spreadProps(__spreadValues({
|
|
113
113
|
className: navItemStyles.link,
|
|
114
114
|
"aria-current": isSelected ? "true" : void 0,
|
|
115
115
|
"aria-expanded": isExpanded ? "true" : void 0
|
|
116
116
|
}, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), {
|
|
117
|
-
children: [icon &&
|
|
117
|
+
children: [icon && jsx(Icon, {
|
|
118
118
|
symbol: icon
|
|
119
|
-
}),
|
|
119
|
+
}), jsx(Text, {
|
|
120
120
|
variant: "subtitle2",
|
|
121
121
|
children: label
|
|
122
122
|
})]
|
|
123
123
|
})), expansionSlot]
|
|
124
|
-
}), children && isChildrenVisible &&
|
|
124
|
+
}), children && isChildrenVisible && jsx(Fragment, {
|
|
125
125
|
children: item.rendered
|
|
126
126
|
})]
|
|
127
127
|
});
|
|
@@ -140,10 +140,10 @@ function ListVerticalNav(props) {
|
|
|
140
140
|
selectedKeys: selectedKey ? [selectedKey] : [],
|
|
141
141
|
selectionMode: "single"
|
|
142
142
|
}));
|
|
143
|
-
return
|
|
143
|
+
return jsx(VerticalNavTypeContext.Provider, {
|
|
144
144
|
value: "list",
|
|
145
|
-
children:
|
|
146
|
-
children: [...state.collection].map((item) =>
|
|
145
|
+
children: jsx(Container, __spreadProps(__spreadValues({}, props), {
|
|
146
|
+
children: [...state.collection].map((item) => jsx(ListNavItem, {
|
|
147
147
|
item,
|
|
148
148
|
state
|
|
149
149
|
}, item.key))
|
|
@@ -152,7 +152,7 @@ function ListVerticalNav(props) {
|
|
|
152
152
|
}
|
|
153
153
|
function ListNavItem({ item, state }) {
|
|
154
154
|
const isSelected = state.selectionManager.isSelected(item.key);
|
|
155
|
-
return
|
|
155
|
+
return jsx(NavItem, {
|
|
156
156
|
item,
|
|
157
157
|
className: classNames(isSelected && navItemStyles[variationName("selected", "list")]),
|
|
158
158
|
isChildrenVisible: isSelected,
|
|
@@ -169,7 +169,7 @@ const styles$4 = {
|
|
|
169
169
|
};
|
|
170
170
|
function SubnavItemDot({ isCozy, isVisible }) {
|
|
171
171
|
const className = classNames(styles$4.SubnavItemDot, isCozy && styles$4.cozy, isVisible && styles$4.visible);
|
|
172
|
-
return
|
|
172
|
+
return jsx("span", {
|
|
173
173
|
className
|
|
174
174
|
});
|
|
175
175
|
}
|
|
@@ -193,16 +193,16 @@ function SubnavItem(props) {
|
|
|
193
193
|
if (icon) {
|
|
194
194
|
throw new Error("icon is unsupported on <Subnav.Item />s");
|
|
195
195
|
}
|
|
196
|
-
return
|
|
196
|
+
return jsxs("div", {
|
|
197
197
|
className,
|
|
198
|
-
children: [
|
|
198
|
+
children: [jsxs(As, __spreadProps(__spreadValues({
|
|
199
199
|
className: styles$3.link,
|
|
200
200
|
"aria-current": isSelected ? "true" : void 0
|
|
201
201
|
}, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), {
|
|
202
|
-
children: [(type === "list" || level > 1) &&
|
|
202
|
+
children: [(type === "list" || level > 1) && jsx(SubnavItemDot, {
|
|
203
203
|
isCozy: type === "list",
|
|
204
204
|
isVisible: isSelected
|
|
205
|
-
}),
|
|
205
|
+
}), jsx(Text, {
|
|
206
206
|
variant: "body2",
|
|
207
207
|
weight: isSelected && level === 1 ? "medium" : "normal",
|
|
208
208
|
children: label
|
|
@@ -223,11 +223,11 @@ function Subnav(props) {
|
|
|
223
223
|
selectedKeys: selectedKey ? [selectedKey] : [],
|
|
224
224
|
selectionMode: "single"
|
|
225
225
|
}));
|
|
226
|
-
return
|
|
226
|
+
return jsx(SubnavLevelContext.Provider, {
|
|
227
227
|
value: level,
|
|
228
|
-
children:
|
|
228
|
+
children: jsx("div", {
|
|
229
229
|
className: styles$2.Subnav,
|
|
230
|
-
children: [...state.collection].map((item, i) =>
|
|
230
|
+
children: [...state.collection].map((item, i) => jsx(SubnavItem, {
|
|
231
231
|
level,
|
|
232
232
|
state,
|
|
233
233
|
item
|
|
@@ -241,14 +241,14 @@ const styles$1 = {
|
|
|
241
241
|
};
|
|
242
242
|
const SupplementaryAction = forwardRef((props, ref) => {
|
|
243
243
|
const _a = props, { as: As = "button", children } = _a, elementProps = __objRest(_a, ["as", "children"]);
|
|
244
|
-
return
|
|
244
|
+
return jsxs(As, __spreadProps(__spreadValues({
|
|
245
245
|
ref,
|
|
246
246
|
className: styles$1.SupplementaryAction
|
|
247
247
|
}, elementProps), {
|
|
248
|
-
children: [
|
|
248
|
+
children: [jsx(Text, {
|
|
249
249
|
variant: "subtitle2",
|
|
250
250
|
children
|
|
251
|
-
}),
|
|
251
|
+
}), jsx(Icon, {
|
|
252
252
|
symbol: ArrowForwardIos,
|
|
253
253
|
size: "xs"
|
|
254
254
|
})]
|
|
@@ -263,13 +263,13 @@ const styles = {
|
|
|
263
263
|
};
|
|
264
264
|
function ExpandButton(_a) {
|
|
265
265
|
var _b = _a, { isExpanded } = _b, props = __objRest(_b, ["isExpanded"]);
|
|
266
|
-
return
|
|
266
|
+
return jsxs(UnstyledButton, __spreadProps(__spreadValues({
|
|
267
267
|
className: classNames(styles.ExpandButton, isExpanded && styles.expanded)
|
|
268
268
|
}, props), {
|
|
269
|
-
children: [
|
|
269
|
+
children: [jsx(Icon, {
|
|
270
270
|
symbol: ArrowForwardIos,
|
|
271
271
|
size: "2xs"
|
|
272
|
-
}),
|
|
272
|
+
}), jsx(Text, {
|
|
273
273
|
visuallyHidden: true,
|
|
274
274
|
children: "Expand"
|
|
275
275
|
})]
|
|
@@ -281,10 +281,10 @@ function TreeVerticalNav(props) {
|
|
|
281
281
|
selectedKeys: selectedKey ? [selectedKey] : [],
|
|
282
282
|
selectionMode: "single"
|
|
283
283
|
}));
|
|
284
|
-
return
|
|
284
|
+
return jsx(VerticalNavTypeContext.Provider, {
|
|
285
285
|
value: "tree",
|
|
286
|
-
children:
|
|
287
|
-
children: [...state.collection].map((item) =>
|
|
286
|
+
children: jsx(Container, __spreadProps(__spreadValues({}, props), {
|
|
287
|
+
children: [...state.collection].map((item) => jsx(TreeNavItem, {
|
|
288
288
|
item,
|
|
289
289
|
state
|
|
290
290
|
}, item.key))
|
|
@@ -294,13 +294,13 @@ function TreeVerticalNav(props) {
|
|
|
294
294
|
function TreeNavItem({ item, state }) {
|
|
295
295
|
const isSelected = state.selectionManager.isSelected(item.key);
|
|
296
296
|
const isExpanded = state.expandedKeys.has(item.key);
|
|
297
|
-
return
|
|
297
|
+
return jsx(NavItem, {
|
|
298
298
|
item,
|
|
299
299
|
className: classNames(isSelected && navItemStyles[variationName("selected", "tree")]),
|
|
300
300
|
isChildrenVisible: isExpanded,
|
|
301
301
|
isSelected,
|
|
302
302
|
isExpanded,
|
|
303
|
-
expansionSlot: item.props.children &&
|
|
303
|
+
expansionSlot: item.props.children && jsx(ExpandButton, {
|
|
304
304
|
isExpanded,
|
|
305
305
|
onPress: () => {
|
|
306
306
|
state.toggleKey(item.key);
|
|
@@ -309,7 +309,7 @@ function TreeNavItem({ item, state }) {
|
|
|
309
309
|
});
|
|
310
310
|
}
|
|
311
311
|
function VerticalNav(props) {
|
|
312
|
-
return
|
|
312
|
+
return jsx(ListVerticalNav, __spreadValues({}, props));
|
|
313
313
|
}
|
|
314
314
|
VerticalNav.Item = Item;
|
|
315
315
|
VerticalNav.Subnav = Subnav;
|
package/VerticalStack/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const VerticalStack = require("../__chunks__/VerticalStack-
|
|
3
|
+
const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
|
|
4
4
|
exports.VerticalStack = VerticalStack.VerticalStack;
|
package/VerticalStack/index.mjs
CHANGED
|
@@ -30,10 +30,10 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
34
|
const React = require("react");
|
|
35
|
-
const UnstyledButton = require("./UnstyledButton-
|
|
36
|
-
const Icon = require("./Icon-
|
|
35
|
+
const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
|
|
36
|
+
const Icon = require("./Icon-BRlbo3RF.js");
|
|
37
37
|
const utilities_css = require("../utilities/css.js");
|
|
38
38
|
const Button$1 = "_Button_vl41p_4";
|
|
39
39
|
const colorPrimary = "_colorPrimary_vl41p_19";
|
|
@@ -80,19 +80,19 @@ const Button = React.forwardRef((props, inRef) => {
|
|
|
80
80
|
const canUseIcon = (iconAtEnd2 || iconAtStart2) && !bothIconPropsDefined && variant !== "link";
|
|
81
81
|
UnstyledButton.logWarningIfInvalidColorVariantCombination(color, variant);
|
|
82
82
|
const iconSize = size === "sm" ? "xs" : "md";
|
|
83
|
-
return jsxRuntime.
|
|
83
|
+
return jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
|
|
84
84
|
isDisabled,
|
|
85
85
|
ref: inRef,
|
|
86
86
|
href
|
|
87
87
|
}, restProps), {
|
|
88
88
|
className: utilities_css.classNames(styles.Button, styles[utilities_css.variationName("color", color)], styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("size", size)], isBlock && styles.block),
|
|
89
|
-
children: [iconAtStart2 && canUseIcon && jsxRuntime.
|
|
89
|
+
children: [iconAtStart2 && canUseIcon && jsxRuntime.jsx(Icon.Icon, {
|
|
90
90
|
symbol: iconAtStart2,
|
|
91
91
|
size: iconSize
|
|
92
|
-
}), jsxRuntime.
|
|
92
|
+
}), jsxRuntime.jsx("span", {
|
|
93
93
|
className: utilities_css.classNames(iconAtStart2 && canUseIcon && styles.iconAtStart, iconAtEnd2 && canUseIcon && styles.iconAtEnd),
|
|
94
94
|
children
|
|
95
|
-
}), iconAtEnd2 && canUseIcon && jsxRuntime.
|
|
95
|
+
}), iconAtEnd2 && canUseIcon && jsxRuntime.jsx(Icon.Icon, {
|
|
96
96
|
symbol: iconAtEnd2,
|
|
97
97
|
size: iconSize
|
|
98
98
|
})]
|
|
@@ -29,10 +29,10 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
33
33
|
import { forwardRef } from "react";
|
|
34
|
-
import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "./UnstyledButton-
|
|
35
|
-
import { I as Icon } from "./Icon-
|
|
34
|
+
import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
|
|
35
|
+
import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
|
|
36
36
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
37
37
|
const Button$1 = "_Button_vl41p_4";
|
|
38
38
|
const colorPrimary = "_colorPrimary_vl41p_19";
|
|
@@ -79,19 +79,19 @@ const Button = forwardRef((props, inRef) => {
|
|
|
79
79
|
const canUseIcon = (iconAtEnd2 || iconAtStart2) && !bothIconPropsDefined && variant !== "link";
|
|
80
80
|
logWarningIfInvalidColorVariantCombination(color, variant);
|
|
81
81
|
const iconSize = size === "sm" ? "xs" : "md";
|
|
82
|
-
return
|
|
82
|
+
return jsxs(UnstyledButton, __spreadProps(__spreadValues({
|
|
83
83
|
isDisabled,
|
|
84
84
|
ref: inRef,
|
|
85
85
|
href
|
|
86
86
|
}, restProps), {
|
|
87
87
|
className: classNames(styles.Button, styles[variationName("color", color)], styles[variationName("variant", variant)], styles[variationName("size", size)], isBlock && styles.block),
|
|
88
|
-
children: [iconAtStart2 && canUseIcon &&
|
|
88
|
+
children: [iconAtStart2 && canUseIcon && jsx(Icon, {
|
|
89
89
|
symbol: iconAtStart2,
|
|
90
90
|
size: iconSize
|
|
91
|
-
}),
|
|
91
|
+
}), jsx("span", {
|
|
92
92
|
className: classNames(iconAtStart2 && canUseIcon && styles.iconAtStart, iconAtEnd2 && canUseIcon && styles.iconAtEnd),
|
|
93
93
|
children
|
|
94
|
-
}), iconAtEnd2 && canUseIcon &&
|
|
94
|
+
}), iconAtEnd2 && canUseIcon && jsx(Icon, {
|
|
95
95
|
symbol: iconAtEnd2,
|
|
96
96
|
size: iconSize
|
|
97
97
|
})]
|
|
@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
const jsxRuntime = require("
|
|
21
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
22
22
|
const React = require("react");
|
|
23
|
-
const CalendarBase = require("./CalendarBase-
|
|
23
|
+
const CalendarBase = require("./CalendarBase-M-f289w8.js");
|
|
24
24
|
const context = require("./context-DJdNiOsb.js");
|
|
25
25
|
function $9942cad8a072a530$export$3ee915f8151bd4f1(props, state) {
|
|
26
26
|
return CalendarBase.$c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
|
|
@@ -33,7 +33,7 @@ function Calendar(props) {
|
|
|
33
33
|
createCalendar: CalendarBase.$64244302c3013299$export$dd0bbc9b26defe37
|
|
34
34
|
}));
|
|
35
35
|
const calendarProps = $9942cad8a072a530$export$3ee915f8151bd4f1(props, state);
|
|
36
|
-
return jsxRuntime.
|
|
36
|
+
return jsxRuntime.jsx(CalendarBase.CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), calendarProps), {
|
|
37
37
|
state,
|
|
38
38
|
calendarRef
|
|
39
39
|
}));
|
|
@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import {
|
|
20
|
+
import { jsx } from "react/jsx-runtime";
|
|
21
21
|
import React__default from "react";
|
|
22
|
-
import { $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-
|
|
22
|
+
import { $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-DJ38_qK6.mjs";
|
|
23
23
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
|
|
24
24
|
function $9942cad8a072a530$export$3ee915f8151bd4f1(props, state) {
|
|
25
25
|
return $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
|
|
@@ -32,7 +32,7 @@ function Calendar(props) {
|
|
|
32
32
|
createCalendar: $64244302c3013299$export$dd0bbc9b26defe37
|
|
33
33
|
}));
|
|
34
34
|
const calendarProps = $9942cad8a072a530$export$3ee915f8151bd4f1(props, state);
|
|
35
|
-
return
|
|
35
|
+
return jsx(CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), calendarProps), {
|
|
36
36
|
state,
|
|
37
37
|
calendarRef
|
|
38
38
|
}));
|
|
@@ -37,15 +37,15 @@ import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps
|
|
|
37
37
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-AshNb54x.mjs";
|
|
38
38
|
import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "./useUpdateEffect-CdLMBMvy.mjs";
|
|
39
39
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-DWQ_olZl.mjs";
|
|
40
|
-
import {
|
|
41
|
-
import { V as VerticalStack } from "./VerticalStack-
|
|
42
|
-
import { T as Text } from "./Text-
|
|
40
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
41
|
+
import { V as VerticalStack } from "./VerticalStack-DoMqBfYD.mjs";
|
|
42
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
43
43
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
|
|
44
|
-
import { I as Icon } from "./Icon-
|
|
45
|
-
import { H as HorizontalStack } from "./HorizontalStack-
|
|
44
|
+
import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
|
|
45
|
+
import { H as HorizontalStack } from "./HorizontalStack-CJavrBHm.mjs";
|
|
46
46
|
import { K as KeyboardDoubleArrowLeft, a as KeyboardDoubleArrowRight } from "./KeyboardDoubleArrowRight-AAMLvGk-.mjs";
|
|
47
47
|
import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BrpRPZGD.mjs";
|
|
48
|
-
import { U as UnstyledButton } from "./UnstyledButton-
|
|
48
|
+
import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
|
|
49
49
|
import { _ as _class_private_field_init, $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cw67P1FM.mjs";
|
|
50
50
|
import { l as lodashExports } from "./lodash-B19QVK6q.mjs";
|
|
51
51
|
import { classNames } from "../utilities/css.mjs";
|
|
@@ -3389,26 +3389,26 @@ function CalendarHeader(_a) {
|
|
|
3389
3389
|
timeZone: state.timeZone
|
|
3390
3390
|
});
|
|
3391
3391
|
const title = monthDateFormatter.format(state.visibleRange.start.toDate(state.timeZone));
|
|
3392
|
-
return
|
|
3392
|
+
return jsxs("div", {
|
|
3393
3393
|
className: styles$3.CalendarHeader,
|
|
3394
|
-
children: [
|
|
3395
|
-
children:
|
|
3394
|
+
children: [jsx($5c3e21d68f1c4674$export$439d29a4e110a164, {
|
|
3395
|
+
children: jsx("h2", {
|
|
3396
3396
|
children: calendarProps["aria-label"]
|
|
3397
3397
|
})
|
|
3398
|
-
}),
|
|
3398
|
+
}), jsxs(HorizontalStack, {
|
|
3399
3399
|
align: "space-between",
|
|
3400
3400
|
blockAlign: "center",
|
|
3401
|
-
children: [
|
|
3402
|
-
children:
|
|
3401
|
+
children: [jsx(UnstyledButton, __spreadProps(__spreadValues({}, restPrevButtonProps), {
|
|
3402
|
+
children: jsx(Icon, {
|
|
3403
3403
|
symbol: KeyboardDoubleArrowLeft,
|
|
3404
3404
|
color: "neutral.000"
|
|
3405
3405
|
})
|
|
3406
|
-
})),
|
|
3406
|
+
})), jsx(Text, {
|
|
3407
3407
|
variant: "subtitle2",
|
|
3408
3408
|
color: "neutral.000",
|
|
3409
3409
|
children: title
|
|
3410
|
-
}),
|
|
3411
|
-
children:
|
|
3410
|
+
}), jsx(UnstyledButton, __spreadProps(__spreadValues({}, restNextButtonProps), {
|
|
3411
|
+
children: jsx(Icon, {
|
|
3412
3412
|
symbol: KeyboardDoubleArrowRight,
|
|
3413
3413
|
color: "neutral.000"
|
|
3414
3414
|
})
|
|
@@ -3472,13 +3472,13 @@ function CalendarCell({ state, date }) {
|
|
|
3472
3472
|
const isRangeSelection = isSelected2 && isRangeCalendar && !isSelectionStart && !isSelectionEnd;
|
|
3473
3473
|
const dayOfWeek = $14e0f24ef4ac5c92$export$2061056d06d7cdf7(date, locale);
|
|
3474
3474
|
const isRoundedRight = isSelected2 && (isSelectionEnd || dayOfWeek === 6 || date.day === date.calendar.getDaysInMonth(date));
|
|
3475
|
-
return
|
|
3475
|
+
return jsx("td", __spreadProps(__spreadValues({}, cellProps), {
|
|
3476
3476
|
className: styles$2.CellContainer,
|
|
3477
|
-
children:
|
|
3477
|
+
children: jsx("div", __spreadProps(__spreadValues({}, buttonProps), {
|
|
3478
3478
|
ref,
|
|
3479
3479
|
className: classNames(styles$2.CalendarCell, isSelected2 && styles$2.isSelected, (state.isDisabled || isDisabled2) && styles$2.isDisabled, isUnavailable2 && styles$2.isUnavailable, state.isReadOnly && styles$2.isReadOnly, isOutsideVisibleRange && styles$2.isOutsideCurrentMonth, isSelectionStart && !isDisabled2 && styles$2.rangeSelectionStart, isRangeSelection && styles$2.rangeSelection, isRoundedRight && styles$2.roundedRight),
|
|
3480
3480
|
onClick: handleMonthNavigation,
|
|
3481
|
-
children:
|
|
3481
|
+
children: jsx(Text, {
|
|
3482
3482
|
variant: "body1",
|
|
3483
3483
|
children: formattedDate
|
|
3484
3484
|
})
|
|
@@ -3498,25 +3498,25 @@ function CalendarGrid(_g) {
|
|
|
3498
3498
|
const visibleStartDate = state.visibleRange.start;
|
|
3499
3499
|
const { gridProps, headerProps, weekDays } = $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state);
|
|
3500
3500
|
const weeksInMonth = $14e0f24ef4ac5c92$export$ccc1b2479e7dd654(visibleStartDate, locale);
|
|
3501
|
-
return
|
|
3501
|
+
return jsxs("table", __spreadProps(__spreadValues({}, gridProps), {
|
|
3502
3502
|
className: styles$1.CalendarGrid,
|
|
3503
|
-
children: [
|
|
3503
|
+
children: [jsx("thead", __spreadProps(__spreadValues({}, headerProps), {
|
|
3504
3504
|
className: styles$1.CalendarGridHeader,
|
|
3505
|
-
children:
|
|
3506
|
-
children: weekDays.map((day, index) =>
|
|
3507
|
-
children:
|
|
3505
|
+
children: jsx("tr", {
|
|
3506
|
+
children: weekDays.map((day, index) => jsx("th", {
|
|
3507
|
+
children: jsx(Text, {
|
|
3508
3508
|
variant: "caption3",
|
|
3509
3509
|
color: "neutral.000",
|
|
3510
3510
|
children: day
|
|
3511
3511
|
})
|
|
3512
3512
|
}, index))
|
|
3513
3513
|
})
|
|
3514
|
-
})),
|
|
3515
|
-
children: [...new Array(weeksInMonth).keys()].map((weekIndex) =>
|
|
3516
|
-
children: state.getDatesInWeek(weekIndex).map((date, i) => date && ($14e0f24ef4ac5c92$export$a18c89cbd24170ff(visibleStartDate, date) || showDaysOutsideCurrentMonth) ?
|
|
3514
|
+
})), jsx("tbody", {
|
|
3515
|
+
children: [...new Array(weeksInMonth).keys()].map((weekIndex) => jsx("tr", {
|
|
3516
|
+
children: state.getDatesInWeek(weekIndex).map((date, i) => date && ($14e0f24ef4ac5c92$export$a18c89cbd24170ff(visibleStartDate, date) || showDaysOutsideCurrentMonth) ? jsx(CalendarCell, {
|
|
3517
3517
|
state,
|
|
3518
3518
|
date
|
|
3519
|
-
}, i) :
|
|
3519
|
+
}, i) : jsx("td", {}, i))
|
|
3520
3520
|
}, weekIndex))
|
|
3521
3521
|
})]
|
|
3522
3522
|
}));
|
|
@@ -3527,21 +3527,21 @@ const styles = {
|
|
|
3527
3527
|
};
|
|
3528
3528
|
function CalendarBase(props) {
|
|
3529
3529
|
const _a = props, { state, isInvalid, errorMessage, calendarProps, nextButtonProps, prevButtonProps, calendarRef, showDaysOutsideCurrentMonth } = _a, restProps = __objRest(_a, ["state", "isInvalid", "errorMessage", "calendarProps", "nextButtonProps", "prevButtonProps", "calendarRef", "showDaysOutsideCurrentMonth"]);
|
|
3530
|
-
return
|
|
3530
|
+
return jsxs(VerticalStack, {
|
|
3531
3531
|
gap: "1",
|
|
3532
|
-
children: [
|
|
3532
|
+
children: [jsxs("div", __spreadProps(__spreadValues({}, calendarProps), {
|
|
3533
3533
|
className: styles.Calendar,
|
|
3534
3534
|
ref: calendarRef,
|
|
3535
|
-
children: [
|
|
3535
|
+
children: [jsx(CalendarHeader, {
|
|
3536
3536
|
state,
|
|
3537
3537
|
calendarProps,
|
|
3538
3538
|
prevButtonProps,
|
|
3539
3539
|
nextButtonProps
|
|
3540
|
-
}),
|
|
3540
|
+
}), jsx(CalendarGrid, __spreadValues({
|
|
3541
3541
|
state,
|
|
3542
3542
|
showDaysOutsideCurrentMonth
|
|
3543
3543
|
}, restProps))]
|
|
3544
|
-
})), isInvalid &&
|
|
3544
|
+
})), isInvalid && jsx(Text, {
|
|
3545
3545
|
color: "negative.500",
|
|
3546
3546
|
variant: "caption",
|
|
3547
3547
|
children: errorMessage
|
|
@@ -38,15 +38,15 @@ const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
|
|
|
38
38
|
const useLabels = require("./useLabels-BiHauKNF.js");
|
|
39
39
|
const useUpdateEffect = require("./useUpdateEffect-D8vVKdY1.js");
|
|
40
40
|
const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-DxxEMHfO.js");
|
|
41
|
-
const jsxRuntime = require("
|
|
42
|
-
const VerticalStack = require("./VerticalStack-
|
|
43
|
-
const Text = require("./Text-
|
|
41
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
42
|
+
const VerticalStack = require("./VerticalStack-BHkiocKU.js");
|
|
43
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
44
44
|
const context = require("./context-DJdNiOsb.js");
|
|
45
|
-
const Icon = require("./Icon-
|
|
46
|
-
const HorizontalStack = require("./HorizontalStack-
|
|
45
|
+
const Icon = require("./Icon-BRlbo3RF.js");
|
|
46
|
+
const HorizontalStack = require("./HorizontalStack-CWdKKY8L.js");
|
|
47
47
|
const KeyboardDoubleArrowRight = require("./KeyboardDoubleArrowRight-Ber8mUIO.js");
|
|
48
48
|
const VisuallyHidden = require("./VisuallyHidden-CIjowwM_.js");
|
|
49
|
-
const UnstyledButton = require("./UnstyledButton-
|
|
49
|
+
const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
|
|
50
50
|
const usePress = require("./usePress-B5G5CgVn.js");
|
|
51
51
|
const lodash = require("./lodash-CS8bkZ7S.js");
|
|
52
52
|
const utilities_css = require("../utilities/css.js");
|
|
@@ -3390,26 +3390,26 @@ function CalendarHeader(_a) {
|
|
|
3390
3390
|
timeZone: state.timeZone
|
|
3391
3391
|
});
|
|
3392
3392
|
const title = monthDateFormatter.format(state.visibleRange.start.toDate(state.timeZone));
|
|
3393
|
-
return jsxRuntime.
|
|
3393
|
+
return jsxRuntime.jsxs("div", {
|
|
3394
3394
|
className: styles$3.CalendarHeader,
|
|
3395
|
-
children: [jsxRuntime.
|
|
3396
|
-
children: jsxRuntime.
|
|
3395
|
+
children: [jsxRuntime.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
|
|
3396
|
+
children: jsxRuntime.jsx("h2", {
|
|
3397
3397
|
children: calendarProps["aria-label"]
|
|
3398
3398
|
})
|
|
3399
|
-
}), jsxRuntime.
|
|
3399
|
+
}), jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
|
|
3400
3400
|
align: "space-between",
|
|
3401
3401
|
blockAlign: "center",
|
|
3402
|
-
children: [jsxRuntime.
|
|
3403
|
-
children: jsxRuntime.
|
|
3402
|
+
children: [jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restPrevButtonProps), {
|
|
3403
|
+
children: jsxRuntime.jsx(Icon.Icon, {
|
|
3404
3404
|
symbol: KeyboardDoubleArrowRight.KeyboardDoubleArrowLeft,
|
|
3405
3405
|
color: "neutral.000"
|
|
3406
3406
|
})
|
|
3407
|
-
})), jsxRuntime.
|
|
3407
|
+
})), jsxRuntime.jsx(Text.Text, {
|
|
3408
3408
|
variant: "subtitle2",
|
|
3409
3409
|
color: "neutral.000",
|
|
3410
3410
|
children: title
|
|
3411
|
-
}), jsxRuntime.
|
|
3412
|
-
children: jsxRuntime.
|
|
3411
|
+
}), jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restNextButtonProps), {
|
|
3412
|
+
children: jsxRuntime.jsx(Icon.Icon, {
|
|
3413
3413
|
symbol: KeyboardDoubleArrowRight.KeyboardDoubleArrowRight,
|
|
3414
3414
|
color: "neutral.000"
|
|
3415
3415
|
})
|
|
@@ -3473,13 +3473,13 @@ function CalendarCell({ state, date }) {
|
|
|
3473
3473
|
const isRangeSelection = isSelected2 && isRangeCalendar && !isSelectionStart && !isSelectionEnd;
|
|
3474
3474
|
const dayOfWeek = $14e0f24ef4ac5c92$export$2061056d06d7cdf7(date, locale);
|
|
3475
3475
|
const isRoundedRight = isSelected2 && (isSelectionEnd || dayOfWeek === 6 || date.day === date.calendar.getDaysInMonth(date));
|
|
3476
|
-
return jsxRuntime.
|
|
3476
|
+
return jsxRuntime.jsx("td", __spreadProps(__spreadValues({}, cellProps), {
|
|
3477
3477
|
className: styles$2.CellContainer,
|
|
3478
|
-
children: jsxRuntime.
|
|
3478
|
+
children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, buttonProps), {
|
|
3479
3479
|
ref,
|
|
3480
3480
|
className: utilities_css.classNames(styles$2.CalendarCell, isSelected2 && styles$2.isSelected, (state.isDisabled || isDisabled2) && styles$2.isDisabled, isUnavailable2 && styles$2.isUnavailable, state.isReadOnly && styles$2.isReadOnly, isOutsideVisibleRange && styles$2.isOutsideCurrentMonth, isSelectionStart && !isDisabled2 && styles$2.rangeSelectionStart, isRangeSelection && styles$2.rangeSelection, isRoundedRight && styles$2.roundedRight),
|
|
3481
3481
|
onClick: handleMonthNavigation,
|
|
3482
|
-
children: jsxRuntime.
|
|
3482
|
+
children: jsxRuntime.jsx(Text.Text, {
|
|
3483
3483
|
variant: "body1",
|
|
3484
3484
|
children: formattedDate
|
|
3485
3485
|
})
|
|
@@ -3499,25 +3499,25 @@ function CalendarGrid(_g) {
|
|
|
3499
3499
|
const visibleStartDate = state.visibleRange.start;
|
|
3500
3500
|
const { gridProps, headerProps, weekDays } = $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state);
|
|
3501
3501
|
const weeksInMonth = $14e0f24ef4ac5c92$export$ccc1b2479e7dd654(visibleStartDate, locale);
|
|
3502
|
-
return jsxRuntime.
|
|
3502
|
+
return jsxRuntime.jsxs("table", __spreadProps(__spreadValues({}, gridProps), {
|
|
3503
3503
|
className: styles$1.CalendarGrid,
|
|
3504
|
-
children: [jsxRuntime.
|
|
3504
|
+
children: [jsxRuntime.jsx("thead", __spreadProps(__spreadValues({}, headerProps), {
|
|
3505
3505
|
className: styles$1.CalendarGridHeader,
|
|
3506
|
-
children: jsxRuntime.
|
|
3507
|
-
children: weekDays.map((day, index) => jsxRuntime.
|
|
3508
|
-
children: jsxRuntime.
|
|
3506
|
+
children: jsxRuntime.jsx("tr", {
|
|
3507
|
+
children: weekDays.map((day, index) => jsxRuntime.jsx("th", {
|
|
3508
|
+
children: jsxRuntime.jsx(Text.Text, {
|
|
3509
3509
|
variant: "caption3",
|
|
3510
3510
|
color: "neutral.000",
|
|
3511
3511
|
children: day
|
|
3512
3512
|
})
|
|
3513
3513
|
}, index))
|
|
3514
3514
|
})
|
|
3515
|
-
})), jsxRuntime.
|
|
3516
|
-
children: [...new Array(weeksInMonth).keys()].map((weekIndex) => jsxRuntime.
|
|
3517
|
-
children: state.getDatesInWeek(weekIndex).map((date, i) => date && ($14e0f24ef4ac5c92$export$a18c89cbd24170ff(visibleStartDate, date) || showDaysOutsideCurrentMonth) ? jsxRuntime.
|
|
3515
|
+
})), jsxRuntime.jsx("tbody", {
|
|
3516
|
+
children: [...new Array(weeksInMonth).keys()].map((weekIndex) => jsxRuntime.jsx("tr", {
|
|
3517
|
+
children: state.getDatesInWeek(weekIndex).map((date, i) => date && ($14e0f24ef4ac5c92$export$a18c89cbd24170ff(visibleStartDate, date) || showDaysOutsideCurrentMonth) ? jsxRuntime.jsx(CalendarCell, {
|
|
3518
3518
|
state,
|
|
3519
3519
|
date
|
|
3520
|
-
}, i) : jsxRuntime.
|
|
3520
|
+
}, i) : jsxRuntime.jsx("td", {}, i))
|
|
3521
3521
|
}, weekIndex))
|
|
3522
3522
|
})]
|
|
3523
3523
|
}));
|
|
@@ -3528,21 +3528,21 @@ const styles = {
|
|
|
3528
3528
|
};
|
|
3529
3529
|
function CalendarBase(props) {
|
|
3530
3530
|
const _a = props, { state, isInvalid, errorMessage, calendarProps, nextButtonProps, prevButtonProps, calendarRef, showDaysOutsideCurrentMonth } = _a, restProps = __objRest(_a, ["state", "isInvalid", "errorMessage", "calendarProps", "nextButtonProps", "prevButtonProps", "calendarRef", "showDaysOutsideCurrentMonth"]);
|
|
3531
|
-
return jsxRuntime.
|
|
3531
|
+
return jsxRuntime.jsxs(VerticalStack.VerticalStack, {
|
|
3532
3532
|
gap: "1",
|
|
3533
|
-
children: [jsxRuntime.
|
|
3533
|
+
children: [jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, calendarProps), {
|
|
3534
3534
|
className: styles.Calendar,
|
|
3535
3535
|
ref: calendarRef,
|
|
3536
|
-
children: [jsxRuntime.
|
|
3536
|
+
children: [jsxRuntime.jsx(CalendarHeader, {
|
|
3537
3537
|
state,
|
|
3538
3538
|
calendarProps,
|
|
3539
3539
|
prevButtonProps,
|
|
3540
3540
|
nextButtonProps
|
|
3541
|
-
}), jsxRuntime.
|
|
3541
|
+
}), jsxRuntime.jsx(CalendarGrid, __spreadValues({
|
|
3542
3542
|
state,
|
|
3543
3543
|
showDaysOutsideCurrentMonth
|
|
3544
3544
|
}, restProps))]
|
|
3545
|
-
})), isInvalid && jsxRuntime.
|
|
3545
|
+
})), isInvalid && jsxRuntime.jsx(Text.Text, {
|
|
3546
3546
|
color: "negative.500",
|
|
3547
3547
|
variant: "caption",
|
|
3548
3548
|
children: errorMessage
|