@easypost/easy-ui 1.0.0-alpha.113 → 1.0.0-alpha.115
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/AlertBadge.d.ts +1 -1
- package/AlertBadge/AlertBadge.d.ts.map +1 -1
- package/AlertBadge/index.js +11 -9
- package/AlertBadge/index.mjs +11 -9
- 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 +12 -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
|
@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
33
33
|
import React__default, { useState, useMemo, useRef, version, useEffect, cloneElement, useContext, createContext, useCallback, forwardRef, isValidElement } from "react";
|
|
34
34
|
import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-B4DxcTvZ.mjs";
|
|
35
35
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-LpYJUKnw.mjs";
|
|
@@ -64,8 +64,8 @@ import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "./focusSafely-Ce
|
|
|
64
64
|
import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-BP2rZ6Gy.mjs";
|
|
65
65
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-DWQ_olZl.mjs";
|
|
66
66
|
import { C as Close } from "./Close-Cq6Q6MN6.mjs";
|
|
67
|
-
import { I as Icon } from "./Icon-
|
|
68
|
-
import { T as Text } from "./Text-
|
|
67
|
+
import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
|
|
68
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
69
69
|
import { getComponentToken, getResponsiveDesignToken, getComponentThemeToken, classNames } from "../utilities/css.mjs";
|
|
70
70
|
function $0d86e9c8f07f9a7b$export$762f73dccccd255d(options) {
|
|
71
71
|
let { initialItems = [], initialSelectedKeys, getKey = (item) => {
|
|
@@ -2181,15 +2181,15 @@ function PillGroup(props) {
|
|
|
2181
2181
|
};
|
|
2182
2182
|
}, [background, isBorderless]);
|
|
2183
2183
|
const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("pill-group", "gap", "space", gap)), getComponentToken("pill-group", "align", align)), getComponentToken("pill-group", "block-align", blockAlign)), getComponentToken("pill-group", "wrap", wrap ? "wrap" : "nowrap")), getComponentToken("pill-group", "display", inline ? "inline-flex" : "flex"));
|
|
2184
|
-
return
|
|
2184
|
+
return jsx(InternalPillGroupContext.Provider, {
|
|
2185
2185
|
value: context,
|
|
2186
|
-
children:
|
|
2187
|
-
children: [
|
|
2186
|
+
children: jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, __spreadProps(__spreadValues({}, props), {
|
|
2187
|
+
children: [jsx(Text, {
|
|
2188
2188
|
visuallyHidden: true,
|
|
2189
|
-
children:
|
|
2189
|
+
children: jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, {
|
|
2190
2190
|
children: label
|
|
2191
2191
|
})
|
|
2192
|
-
}),
|
|
2192
|
+
}), jsx($eaf9e70818b436db$export$f9fef0f55402315b, {
|
|
2193
2193
|
items,
|
|
2194
2194
|
className: styles.list,
|
|
2195
2195
|
style,
|
|
@@ -2203,24 +2203,24 @@ function Pill(props) {
|
|
|
2203
2203
|
const { background, isBorderless } = useInternalPillGroupContext();
|
|
2204
2204
|
const style = __spreadValues({}, getComponentThemeToken("pill", "background", "color", background));
|
|
2205
2205
|
const className = classNames(styles.Pill, isBorderless && styles.borderless);
|
|
2206
|
-
return
|
|
2206
|
+
return jsx($eaf9e70818b436db$export$3288d34c523a1192, __spreadProps(__spreadValues({
|
|
2207
2207
|
textValue: label,
|
|
2208
2208
|
className,
|
|
2209
2209
|
style
|
|
2210
2210
|
}, props), {
|
|
2211
|
-
children: ({ allowsRemoving }) =>
|
|
2212
|
-
children: [icon &&
|
|
2211
|
+
children: ({ allowsRemoving }) => jsxs(Fragment, {
|
|
2212
|
+
children: [icon && jsx(Icon, {
|
|
2213
2213
|
size: "xs",
|
|
2214
2214
|
symbol: icon,
|
|
2215
2215
|
color: "primary.700"
|
|
2216
|
-
}),
|
|
2216
|
+
}), jsx(Text, {
|
|
2217
2217
|
color: "primary.800",
|
|
2218
2218
|
variant: "subtitle2",
|
|
2219
2219
|
children: label
|
|
2220
|
-
}), allowsRemoving &&
|
|
2220
|
+
}), allowsRemoving && jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
|
|
2221
2221
|
className: styles.remove,
|
|
2222
2222
|
slot: "remove",
|
|
2223
|
-
children:
|
|
2223
|
+
children: jsx(Icon, {
|
|
2224
2224
|
size: "xs",
|
|
2225
2225
|
symbol: Close,
|
|
2226
2226
|
color: "primary.600"
|
|
@@ -29,11 +29,11 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
33
|
-
import { T as Text } from "./Text-
|
|
32
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
33
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
34
34
|
import React__default, { useMemo, useState, useContext } from "react";
|
|
35
|
-
import { H as HorizontalStack } from "./HorizontalStack-
|
|
36
|
-
import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-
|
|
35
|
+
import { H as HorizontalStack } from "./HorizontalStack-CJavrBHm.mjs";
|
|
36
|
+
import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-rO2-k3Gl.mjs";
|
|
37
37
|
import { classNames } from "../utilities/css.mjs";
|
|
38
38
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
|
|
39
39
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
|
|
@@ -296,35 +296,35 @@ function RadioGroupItem(props) {
|
|
|
296
296
|
const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
297
297
|
const className = classNames(styles$1.RadioGroupItem, isSelected && styles$1.selected, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, validationState === "invalid" && styles$1.invalid);
|
|
298
298
|
const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
|
|
299
|
-
return
|
|
299
|
+
return jsx("div", {
|
|
300
300
|
className,
|
|
301
|
-
children:
|
|
301
|
+
children: jsxs(HorizontalStack, {
|
|
302
302
|
gap: "1",
|
|
303
303
|
blockAlign: "center",
|
|
304
|
-
children: [
|
|
304
|
+
children: [jsx("label", {
|
|
305
305
|
className: styles$1.label,
|
|
306
|
-
children:
|
|
306
|
+
children: jsxs(HorizontalStack, __spreadProps(__spreadValues({
|
|
307
307
|
blockAlign: "start",
|
|
308
308
|
gap: "1",
|
|
309
309
|
wrap: false
|
|
310
310
|
}, hoverProps), {
|
|
311
|
-
children: [
|
|
311
|
+
children: [jsx("input", __spreadProps(__spreadValues(__spreadValues({
|
|
312
312
|
"aria-invalid": validationState === "invalid"
|
|
313
313
|
}, inputProps), focusProps), {
|
|
314
314
|
className: styles$1.input,
|
|
315
315
|
ref
|
|
316
|
-
})),
|
|
316
|
+
})), jsx("span", {
|
|
317
317
|
className: styles$1.radioOuter,
|
|
318
|
-
children:
|
|
318
|
+
children: jsx("span", {
|
|
319
319
|
className: styles$1.radioInner
|
|
320
320
|
})
|
|
321
|
-
}),
|
|
321
|
+
}), jsx(Text, {
|
|
322
322
|
variant: "body1",
|
|
323
323
|
color: textColor,
|
|
324
324
|
children
|
|
325
325
|
})]
|
|
326
326
|
}))
|
|
327
|
-
}), validationState === "invalid" && errorText &&
|
|
327
|
+
}), validationState === "invalid" && errorText && jsx(SelectorErrorTooltip, {
|
|
328
328
|
content: errorText
|
|
329
329
|
})]
|
|
330
330
|
})
|
|
@@ -341,18 +341,18 @@ function RadioGroupContainer(props) {
|
|
|
341
341
|
const castProps = props;
|
|
342
342
|
const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
|
|
343
343
|
const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
|
|
344
|
-
return
|
|
344
|
+
return jsxs("fieldset", __spreadProps(__spreadValues({
|
|
345
345
|
className: styles.RadioGroup
|
|
346
346
|
}, radioGroupProps), {
|
|
347
|
-
children: [label2 &&
|
|
348
|
-
children:
|
|
347
|
+
children: [label2 && jsx("div", {
|
|
348
|
+
children: jsx(Text, __spreadProps(__spreadValues({
|
|
349
349
|
as: "legend",
|
|
350
350
|
variant: "subtitle1",
|
|
351
351
|
color: "gray.bold"
|
|
352
352
|
}, labelProps), {
|
|
353
353
|
children: label2
|
|
354
354
|
}))
|
|
355
|
-
}),
|
|
355
|
+
}), jsx(RadioGroupContext.Provider, {
|
|
356
356
|
value: state,
|
|
357
357
|
children
|
|
358
358
|
})]
|
|
@@ -360,8 +360,8 @@ function RadioGroupContainer(props) {
|
|
|
360
360
|
}
|
|
361
361
|
function RadioGroup(props) {
|
|
362
362
|
const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
|
|
363
|
-
return
|
|
364
|
-
children:
|
|
363
|
+
return jsx(RadioGroupContainer, __spreadProps(__spreadValues({}, containerProps), {
|
|
364
|
+
children: jsx("div", {
|
|
365
365
|
className: styles.list,
|
|
366
366
|
children
|
|
367
367
|
})
|
|
@@ -30,11 +30,11 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
34
|
-
const Text = require("./Text-
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
35
35
|
const React = require("react");
|
|
36
|
-
const HorizontalStack = require("./HorizontalStack-
|
|
37
|
-
const SelectorErrorTooltip = require("./SelectorErrorTooltip-
|
|
36
|
+
const HorizontalStack = require("./HorizontalStack-CWdKKY8L.js");
|
|
37
|
+
const SelectorErrorTooltip = require("./SelectorErrorTooltip-BNLrFRLN.js");
|
|
38
38
|
const utilities_css = require("../utilities/css.js");
|
|
39
39
|
const mergeProps = require("./mergeProps-DLPcevok.js");
|
|
40
40
|
const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
|
|
@@ -297,35 +297,35 @@ function RadioGroupItem(props) {
|
|
|
297
297
|
const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
298
298
|
const className = utilities_css.classNames(styles$1.RadioGroupItem, isSelected && styles$1.selected, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, validationState === "invalid" && styles$1.invalid);
|
|
299
299
|
const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
|
|
300
|
-
return jsxRuntime.
|
|
300
|
+
return jsxRuntime.jsx("div", {
|
|
301
301
|
className,
|
|
302
|
-
children: jsxRuntime.
|
|
302
|
+
children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
|
|
303
303
|
gap: "1",
|
|
304
304
|
blockAlign: "center",
|
|
305
|
-
children: [jsxRuntime.
|
|
305
|
+
children: [jsxRuntime.jsx("label", {
|
|
306
306
|
className: styles$1.label,
|
|
307
|
-
children: jsxRuntime.
|
|
307
|
+
children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, __spreadProps(__spreadValues({
|
|
308
308
|
blockAlign: "start",
|
|
309
309
|
gap: "1",
|
|
310
310
|
wrap: false
|
|
311
311
|
}, hoverProps), {
|
|
312
|
-
children: [jsxRuntime.
|
|
312
|
+
children: [jsxRuntime.jsx("input", __spreadProps(__spreadValues(__spreadValues({
|
|
313
313
|
"aria-invalid": validationState === "invalid"
|
|
314
314
|
}, inputProps), focusProps), {
|
|
315
315
|
className: styles$1.input,
|
|
316
316
|
ref
|
|
317
|
-
})), jsxRuntime.
|
|
317
|
+
})), jsxRuntime.jsx("span", {
|
|
318
318
|
className: styles$1.radioOuter,
|
|
319
|
-
children: jsxRuntime.
|
|
319
|
+
children: jsxRuntime.jsx("span", {
|
|
320
320
|
className: styles$1.radioInner
|
|
321
321
|
})
|
|
322
|
-
}), jsxRuntime.
|
|
322
|
+
}), jsxRuntime.jsx(Text.Text, {
|
|
323
323
|
variant: "body1",
|
|
324
324
|
color: textColor,
|
|
325
325
|
children
|
|
326
326
|
})]
|
|
327
327
|
}))
|
|
328
|
-
}), validationState === "invalid" && errorText && jsxRuntime.
|
|
328
|
+
}), validationState === "invalid" && errorText && jsxRuntime.jsx(SelectorErrorTooltip.SelectorErrorTooltip, {
|
|
329
329
|
content: errorText
|
|
330
330
|
})]
|
|
331
331
|
})
|
|
@@ -342,18 +342,18 @@ function RadioGroupContainer(props) {
|
|
|
342
342
|
const castProps = props;
|
|
343
343
|
const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
|
|
344
344
|
const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
|
|
345
|
-
return jsxRuntime.
|
|
345
|
+
return jsxRuntime.jsxs("fieldset", __spreadProps(__spreadValues({
|
|
346
346
|
className: styles.RadioGroup
|
|
347
347
|
}, radioGroupProps), {
|
|
348
|
-
children: [label2 && jsxRuntime.
|
|
349
|
-
children: jsxRuntime.
|
|
348
|
+
children: [label2 && jsxRuntime.jsx("div", {
|
|
349
|
+
children: jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
|
|
350
350
|
as: "legend",
|
|
351
351
|
variant: "subtitle1",
|
|
352
352
|
color: "gray.bold"
|
|
353
353
|
}, labelProps), {
|
|
354
354
|
children: label2
|
|
355
355
|
}))
|
|
356
|
-
}), jsxRuntime.
|
|
356
|
+
}), jsxRuntime.jsx(RadioGroupContext.Provider, {
|
|
357
357
|
value: state,
|
|
358
358
|
children
|
|
359
359
|
})]
|
|
@@ -361,8 +361,8 @@ function RadioGroupContainer(props) {
|
|
|
361
361
|
}
|
|
362
362
|
function RadioGroup(props) {
|
|
363
363
|
const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
|
|
364
|
-
return jsxRuntime.
|
|
365
|
-
children: jsxRuntime.
|
|
364
|
+
return jsxRuntime.jsx(RadioGroupContainer, __spreadProps(__spreadValues({}, containerProps), {
|
|
365
|
+
children: jsxRuntime.jsx("div", {
|
|
366
366
|
className: styles.list,
|
|
367
367
|
children
|
|
368
368
|
})
|
|
@@ -29,9 +29,9 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
|
33
33
|
import React__default, { useState, useRef, useMemo } from "react";
|
|
34
|
-
import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-
|
|
34
|
+
import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-DJ38_qK6.mjs";
|
|
35
35
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
|
|
36
36
|
import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-BPR3PrW4.mjs";
|
|
37
37
|
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CnahkmoD.mjs";
|
|
@@ -218,7 +218,7 @@ function RangeCalendar(props) {
|
|
|
218
218
|
createCalendar: $64244302c3013299$export$dd0bbc9b26defe37
|
|
219
219
|
}));
|
|
220
220
|
const rangeCalendarProps = $46a4342aab3d8076$export$87e0539f600c24e5(props, state, calendarRef);
|
|
221
|
-
return
|
|
221
|
+
return jsx(CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
|
|
222
222
|
state,
|
|
223
223
|
calendarRef
|
|
224
224
|
}));
|
|
@@ -30,9 +30,9 @@ 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 CalendarBase = require("./CalendarBase-
|
|
35
|
+
const CalendarBase = require("./CalendarBase-M-f289w8.js");
|
|
36
36
|
const context = require("./context-DJdNiOsb.js");
|
|
37
37
|
const useControlledState = require("./useControlledState-CcM4H_K0.js");
|
|
38
38
|
const useEvent = require("./useEvent-D3eKExds.js");
|
|
@@ -219,7 +219,7 @@ function RangeCalendar(props) {
|
|
|
219
219
|
createCalendar: CalendarBase.$64244302c3013299$export$dd0bbc9b26defe37
|
|
220
220
|
}));
|
|
221
221
|
const rangeCalendarProps = $46a4342aab3d8076$export$87e0539f600c24e5(props, state, calendarRef);
|
|
222
|
-
return jsxRuntime.
|
|
222
|
+
return jsxRuntime.jsx(CalendarBase.CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
|
|
223
223
|
state,
|
|
224
224
|
calendarRef
|
|
225
225
|
}));
|
|
@@ -33,8 +33,8 @@ const useField = require("./useField-CsvcuQrg.js");
|
|
|
33
33
|
const useMenuTrigger = require("./useMenuTrigger-DQl6sBWY.js");
|
|
34
34
|
const useFormReset = require("./useFormReset-D6l7xmN8.js");
|
|
35
35
|
const VisuallyHidden = require("./VisuallyHidden-CIjowwM_.js");
|
|
36
|
-
const jsxRuntime = require("
|
|
37
|
-
const Text = require("./Text-
|
|
36
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
37
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
38
38
|
const useListBoxSection = require("./useListBoxSection-Cf0YWwDY.js");
|
|
39
39
|
const Item = require("./Item-h_oPjYVR.js");
|
|
40
40
|
const utilities = require("./utilities-Q88aR_Y9.js");
|
|
@@ -449,15 +449,15 @@ function SelectOptionContent({ item, state }) {
|
|
|
449
449
|
const { optionProps, isSelected, isFocused, isDisabled } = useListBoxSection.$293f70390ea03370$export$497855f14858aa34({
|
|
450
450
|
key: item.key
|
|
451
451
|
}, state, ref);
|
|
452
|
-
return jsxRuntime.
|
|
452
|
+
return jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, optionProps), {
|
|
453
453
|
ref,
|
|
454
454
|
className: styles.option,
|
|
455
455
|
"data-is-disabled": isDisabled,
|
|
456
456
|
"data-is-focused": isFocused,
|
|
457
457
|
"data-is-selected": isSelected,
|
|
458
|
-
children: jsxRuntime.
|
|
458
|
+
children: jsxRuntime.jsx("div", {
|
|
459
459
|
className: styles.optionContent,
|
|
460
|
-
children: jsxRuntime.
|
|
460
|
+
children: jsxRuntime.jsx(Text.Text, {
|
|
461
461
|
variant: "body1",
|
|
462
462
|
truncate: true,
|
|
463
463
|
children: item.rendered
|
|
@@ -476,14 +476,14 @@ function SelectSectionContent({ section, state }) {
|
|
|
476
476
|
const { separatorProps } = useTriggerWidth.$f4b273590fab9f93$export$52210f68a14655d0({
|
|
477
477
|
elementType: "li"
|
|
478
478
|
});
|
|
479
|
-
return jsxRuntime.
|
|
480
|
-
children: [section.key !== state.collection.getFirstKey() && jsxRuntime.
|
|
479
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
480
|
+
children: [section.key !== state.collection.getFirstKey() && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
|
|
481
481
|
className: styles.separator
|
|
482
|
-
})), jsxRuntime.
|
|
483
|
-
children: section.hasChildNodes && jsxRuntime.
|
|
482
|
+
})), jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, itemProps), {
|
|
483
|
+
children: section.hasChildNodes && jsxRuntime.jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
|
|
484
484
|
className: styles.sectionList,
|
|
485
485
|
children: [...section.childNodes].map((item) => {
|
|
486
|
-
return jsxRuntime.
|
|
486
|
+
return jsxRuntime.jsx(SelectOptionContent, {
|
|
487
487
|
item,
|
|
488
488
|
state
|
|
489
489
|
}, item.key);
|
|
@@ -497,7 +497,7 @@ function SelectOverlay() {
|
|
|
497
497
|
if (!selectState.isOpen || triggerWidth === null) {
|
|
498
498
|
return null;
|
|
499
499
|
}
|
|
500
|
-
return jsxRuntime.
|
|
500
|
+
return jsxRuntime.jsx(SelectOverlayContent, {});
|
|
501
501
|
}
|
|
502
502
|
function SelectOverlayContent() {
|
|
503
503
|
const { selectState, triggerRef, listBoxPropsFromSelect, triggerWidth } = useInternalSelectContext();
|
|
@@ -515,35 +515,35 @@ function SelectOverlayContent() {
|
|
|
515
515
|
const { listBoxProps } = useListBoxSection.$c132121280ec012d$export$50eacbbf140a3141(listBoxPropsFromSelect, selectState, listBoxRef);
|
|
516
516
|
utilities_useScrollbar.useScrollbar(listBoxRef, "ezui-os-theme-overlay");
|
|
517
517
|
const style = __spreadValues(__spreadValues({}, popoverProps.style), utilities.getUnmergedPopoverStyles(utilities.DEFAULT_WIDTH, triggerWidth));
|
|
518
|
-
return jsxRuntime.
|
|
519
|
-
children: [jsxRuntime.
|
|
518
|
+
return jsxRuntime.jsxs(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
|
|
519
|
+
children: [jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
|
|
520
520
|
className: styles.underlay
|
|
521
|
-
})), jsxRuntime.
|
|
521
|
+
})), jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
|
|
522
522
|
style
|
|
523
523
|
})), {
|
|
524
524
|
ref: popoverRef,
|
|
525
525
|
className: styles.listboxRoot,
|
|
526
|
-
children: [jsxRuntime.
|
|
526
|
+
children: [jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
527
527
|
onDismiss: selectState.close
|
|
528
|
-
}), jsxRuntime.
|
|
528
|
+
}), jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, listBoxProps), {
|
|
529
529
|
ref: listBoxRef,
|
|
530
530
|
className: styles.listbox,
|
|
531
531
|
"data-width": utilities.DEFAULT_WIDTH,
|
|
532
532
|
"data-max-items-until-scroll": utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL,
|
|
533
533
|
"data-overlayscrollbars-initialize": true,
|
|
534
|
-
children: jsxRuntime.
|
|
534
|
+
children: jsxRuntime.jsx("ul", {
|
|
535
535
|
className: styles.listboxList,
|
|
536
536
|
children: [...selectState.collection].map((item) => {
|
|
537
|
-
return item.type === "section" ? jsxRuntime.
|
|
537
|
+
return item.type === "section" ? jsxRuntime.jsx(SelectSectionContent, {
|
|
538
538
|
section: item,
|
|
539
539
|
state: selectState
|
|
540
|
-
}, item.key) : jsxRuntime.
|
|
540
|
+
}, item.key) : jsxRuntime.jsx(SelectOptionContent, {
|
|
541
541
|
item,
|
|
542
542
|
state: selectState
|
|
543
543
|
}, item.key);
|
|
544
544
|
})
|
|
545
545
|
})
|
|
546
|
-
})), jsxRuntime.
|
|
546
|
+
})), jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
547
547
|
onDismiss: selectState.close
|
|
548
548
|
})]
|
|
549
549
|
}))]
|
|
@@ -32,8 +32,8 @@ import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-C5BKH
|
|
|
32
32
|
import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "./useMenuTrigger-e_p0x3OT.mjs";
|
|
33
33
|
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DjC42YuS.mjs";
|
|
34
34
|
import { $ as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-BrpRPZGD.mjs";
|
|
35
|
-
import {
|
|
36
|
-
import { T as Text } from "./Text-
|
|
35
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
36
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
37
37
|
import { $ as $293f70390ea03370$export$497855f14858aa34, a as $af383d3bef1cfdc9$export$c3f9f39876e4bc7, b as $c132121280ec012d$export$50eacbbf140a3141 } from "./useListBoxSection-BdO_lWyz.mjs";
|
|
38
38
|
import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "./Item-FD89BR0i.mjs";
|
|
39
39
|
import { g as getUnmergedPopoverStyles, D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, a as DEFAULT_WIDTH, b as DEFAULT_PLACEMENT, O as OVERLAY_OFFSET, c as OVERLAY_PADDING_FROM_CONTAINER, I as ITEM_HEIGHT, Y as Y_PADDING_INSIDE_OVERLAY } from "./utilities-CBYsZn-t.mjs";
|
|
@@ -448,15 +448,15 @@ function SelectOptionContent({ item, state }) {
|
|
|
448
448
|
const { optionProps, isSelected, isFocused, isDisabled } = $293f70390ea03370$export$497855f14858aa34({
|
|
449
449
|
key: item.key
|
|
450
450
|
}, state, ref);
|
|
451
|
-
return
|
|
451
|
+
return jsx("li", __spreadProps(__spreadValues({}, optionProps), {
|
|
452
452
|
ref,
|
|
453
453
|
className: styles.option,
|
|
454
454
|
"data-is-disabled": isDisabled,
|
|
455
455
|
"data-is-focused": isFocused,
|
|
456
456
|
"data-is-selected": isSelected,
|
|
457
|
-
children:
|
|
457
|
+
children: jsx("div", {
|
|
458
458
|
className: styles.optionContent,
|
|
459
|
-
children:
|
|
459
|
+
children: jsx(Text, {
|
|
460
460
|
variant: "body1",
|
|
461
461
|
truncate: true,
|
|
462
462
|
children: item.rendered
|
|
@@ -475,14 +475,14 @@ function SelectSectionContent({ section, state }) {
|
|
|
475
475
|
const { separatorProps } = $f4b273590fab9f93$export$52210f68a14655d0({
|
|
476
476
|
elementType: "li"
|
|
477
477
|
});
|
|
478
|
-
return
|
|
479
|
-
children: [section.key !== state.collection.getFirstKey() &&
|
|
478
|
+
return jsxs(Fragment, {
|
|
479
|
+
children: [section.key !== state.collection.getFirstKey() && jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
|
|
480
480
|
className: styles.separator
|
|
481
|
-
})),
|
|
482
|
-
children: section.hasChildNodes &&
|
|
481
|
+
})), jsx("li", __spreadProps(__spreadValues({}, itemProps), {
|
|
482
|
+
children: section.hasChildNodes && jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
|
|
483
483
|
className: styles.sectionList,
|
|
484
484
|
children: [...section.childNodes].map((item) => {
|
|
485
|
-
return
|
|
485
|
+
return jsx(SelectOptionContent, {
|
|
486
486
|
item,
|
|
487
487
|
state
|
|
488
488
|
}, item.key);
|
|
@@ -496,7 +496,7 @@ function SelectOverlay() {
|
|
|
496
496
|
if (!selectState.isOpen || triggerWidth === null) {
|
|
497
497
|
return null;
|
|
498
498
|
}
|
|
499
|
-
return
|
|
499
|
+
return jsx(SelectOverlayContent, {});
|
|
500
500
|
}
|
|
501
501
|
function SelectOverlayContent() {
|
|
502
502
|
const { selectState, triggerRef, listBoxPropsFromSelect, triggerWidth } = useInternalSelectContext();
|
|
@@ -514,35 +514,35 @@ function SelectOverlayContent() {
|
|
|
514
514
|
const { listBoxProps } = $c132121280ec012d$export$50eacbbf140a3141(listBoxPropsFromSelect, selectState, listBoxRef);
|
|
515
515
|
useScrollbar(listBoxRef, "ezui-os-theme-overlay");
|
|
516
516
|
const style = __spreadValues(__spreadValues({}, popoverProps.style), getUnmergedPopoverStyles(DEFAULT_WIDTH, triggerWidth));
|
|
517
|
-
return
|
|
518
|
-
children: [
|
|
517
|
+
return jsxs($337b884510726a0d$export$c6fdb837b070b4ff, {
|
|
518
|
+
children: [jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
|
|
519
519
|
className: styles.underlay
|
|
520
|
-
})),
|
|
520
|
+
})), jsxs("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
|
|
521
521
|
style
|
|
522
522
|
})), {
|
|
523
523
|
ref: popoverRef,
|
|
524
524
|
className: styles.listboxRoot,
|
|
525
|
-
children: [
|
|
525
|
+
children: [jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
526
526
|
onDismiss: selectState.close
|
|
527
|
-
}),
|
|
527
|
+
}), jsx("div", __spreadProps(__spreadValues({}, listBoxProps), {
|
|
528
528
|
ref: listBoxRef,
|
|
529
529
|
className: styles.listbox,
|
|
530
530
|
"data-width": DEFAULT_WIDTH,
|
|
531
531
|
"data-max-items-until-scroll": DEFAULT_MAX_ITEMS_UNTIL_SCROLL,
|
|
532
532
|
"data-overlayscrollbars-initialize": true,
|
|
533
|
-
children:
|
|
533
|
+
children: jsx("ul", {
|
|
534
534
|
className: styles.listboxList,
|
|
535
535
|
children: [...selectState.collection].map((item) => {
|
|
536
|
-
return item.type === "section" ?
|
|
536
|
+
return item.type === "section" ? jsx(SelectSectionContent, {
|
|
537
537
|
section: item,
|
|
538
538
|
state: selectState
|
|
539
|
-
}, item.key) :
|
|
539
|
+
}, item.key) : jsx(SelectOptionContent, {
|
|
540
540
|
item,
|
|
541
541
|
state: selectState
|
|
542
542
|
}, item.key);
|
|
543
543
|
})
|
|
544
544
|
})
|
|
545
|
-
})),
|
|
545
|
+
})), jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
546
546
|
onDismiss: selectState.close
|
|
547
547
|
})]
|
|
548
548
|
}))]
|
|
@@ -18,11 +18,11 @@ 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 Icon = require("./Icon-
|
|
24
|
-
const Text = require("./Text-
|
|
25
|
-
const Tooltip = require("./Tooltip-
|
|
23
|
+
const Icon = require("./Icon-BRlbo3RF.js");
|
|
24
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
25
|
+
const Tooltip = require("./Tooltip-BSMvNula.js");
|
|
26
26
|
function _interopNamespaceDefault(e) {
|
|
27
27
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
28
28
|
if (e) {
|
|
@@ -82,14 +82,14 @@ const styles = {
|
|
|
82
82
|
SelectorErrorTooltip: SelectorErrorTooltip$1
|
|
83
83
|
};
|
|
84
84
|
function SelectorErrorTooltip(props) {
|
|
85
|
-
return jsxRuntime.
|
|
86
|
-
children: jsxRuntime.
|
|
85
|
+
return jsxRuntime.jsx(Tooltip.Tooltip, __spreadProps(__spreadValues({}, props), {
|
|
86
|
+
children: jsxRuntime.jsxs("span", {
|
|
87
87
|
tabIndex: 0,
|
|
88
88
|
className: styles.SelectorErrorTooltip,
|
|
89
|
-
children: [jsxRuntime.
|
|
89
|
+
children: [jsxRuntime.jsx(Text.Text, {
|
|
90
90
|
visuallyHidden: true,
|
|
91
91
|
children: "Error"
|
|
92
|
-
}), jsxRuntime.
|
|
92
|
+
}), jsxRuntime.jsx(Icon.Icon, {
|
|
93
93
|
symbol: ErrorFill
|
|
94
94
|
})]
|
|
95
95
|
})
|
|
@@ -17,11 +17,11 @@ 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, jsxs } from "react/jsx-runtime";
|
|
21
21
|
import * as React from "react";
|
|
22
|
-
import { I as Icon } from "./Icon-
|
|
23
|
-
import { T as Text } from "./Text-
|
|
24
|
-
import { T as Tooltip } from "./Tooltip-
|
|
22
|
+
import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
|
|
23
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
24
|
+
import { T as Tooltip } from "./Tooltip-BXRi0h4E.mjs";
|
|
25
25
|
var __defProp2 = Object.defineProperty;
|
|
26
26
|
var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
|
|
27
27
|
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
@@ -64,14 +64,14 @@ const styles = {
|
|
|
64
64
|
SelectorErrorTooltip: SelectorErrorTooltip$1
|
|
65
65
|
};
|
|
66
66
|
function SelectorErrorTooltip(props) {
|
|
67
|
-
return
|
|
68
|
-
children:
|
|
67
|
+
return jsx(Tooltip, __spreadProps(__spreadValues({}, props), {
|
|
68
|
+
children: jsxs("span", {
|
|
69
69
|
tabIndex: 0,
|
|
70
70
|
className: styles.SelectorErrorTooltip,
|
|
71
|
-
children: [
|
|
71
|
+
children: [jsx(Text, {
|
|
72
72
|
visuallyHidden: true,
|
|
73
73
|
children: "Error"
|
|
74
|
-
}),
|
|
74
|
+
}), jsx(Icon, {
|
|
75
75
|
symbol: ErrorFill
|
|
76
76
|
})]
|
|
77
77
|
})
|
|
@@ -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 { jsxs, jsx } from "react/jsx-runtime";
|
|
21
21
|
import { useId } from "react";
|
|
22
|
-
import { T as Text } from "./Text-
|
|
22
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
23
23
|
import { getComponentToken, getComponentDesignToken, getComponentThemeToken } from "../utilities/css.mjs";
|
|
24
24
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
|
|
25
25
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
|
|
@@ -73,17 +73,17 @@ const Spinner = (props) => {
|
|
|
73
73
|
const id = useId();
|
|
74
74
|
const degrees = !isIndeterminate && value && value * 360 / 100;
|
|
75
75
|
const style = __spreadValues(__spreadValues(__spreadValues({}, getComponentThemeToken("spinner", "color", "color", color)), getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, getComponentToken("spinner", "degrees", `${degrees}deg`)));
|
|
76
|
-
return
|
|
76
|
+
return jsxs("div", __spreadProps(__spreadValues({}, progressBarProps), {
|
|
77
77
|
className: styles.spinner,
|
|
78
78
|
style,
|
|
79
79
|
role: isIndeterminate ? "status" : progressBarProps.role,
|
|
80
80
|
"aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id,
|
|
81
|
-
children: [isIndeterminate ?
|
|
81
|
+
children: [isIndeterminate ? jsxs("div", {
|
|
82
82
|
className: styles.indeterminate,
|
|
83
|
-
children: [
|
|
84
|
-
}) :
|
|
83
|
+
children: [jsx("div", {}), jsx("div", {}), jsx("div", {})]
|
|
84
|
+
}) : jsx("div", {
|
|
85
85
|
className: styles.progress
|
|
86
|
-
}),
|
|
86
|
+
}), jsx(Text, __spreadProps(__spreadValues({}, labelProps), {
|
|
87
87
|
id: (_b = labelProps.id) != null ? _b : id,
|
|
88
88
|
visuallyHidden: !children,
|
|
89
89
|
variant: "subtitle2",
|