@easypost/easy-ui 1.0.0-alpha.60 → 1.0.0-alpha.61
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/Badge/index.js +14 -14
- package/Badge/index.mjs +14 -14
- package/Banner/index.js +5 -5
- package/Banner/index.mjs +5 -5
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/CHANGELOG.md +6 -0
- package/Calendar/CalendarCell.d.ts.map +1 -1
- package/Calendar/index.js +2 -40
- package/Calendar/index.mjs +2 -40
- package/Card/index.js +1 -1
- package/Card/index.mjs +1 -1
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +13 -13
- package/CodeBlock/index.mjs +15 -15
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/DataGrid/index.js +63 -62
- package/DataGrid/index.mjs +72 -71
- package/DatePicker/DateField.d.ts +14 -0
- package/DatePicker/DateField.d.ts.map +1 -0
- package/DatePicker/DatePicker.d.ts +91 -0
- package/DatePicker/DatePicker.d.ts.map +1 -0
- package/DatePicker/DatePicker.stories.d.ts +14 -0
- package/DatePicker/DatePicker.stories.d.ts.map +1 -0
- package/DatePicker/DatePicker.test.d.ts +2 -0
- package/DatePicker/DatePicker.test.d.ts.map +1 -0
- package/DatePicker/DatePickerBase.d.ts +32 -0
- package/DatePicker/DatePickerBase.d.ts.map +1 -0
- package/DatePicker/DatePickerOverlay.d.ts +12 -0
- package/DatePicker/DatePickerOverlay.d.ts.map +1 -0
- package/DatePicker/DatePickerTrigger.d.ts +20 -0
- package/DatePicker/DatePickerTrigger.d.ts.map +1 -0
- package/DatePicker/index.d.ts +2 -0
- package/DatePicker/index.d.ts.map +1 -0
- package/DatePicker/index.js +275 -0
- package/DatePicker/index.mjs +275 -0
- package/DateRangePicker/DateRangePicker.d.ts +89 -0
- package/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/DateRangePicker/DateRangePicker.stories.d.ts +14 -0
- package/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -0
- package/DateRangePicker/DateRangePicker.test.d.ts +2 -0
- package/DateRangePicker/DateRangePicker.test.d.ts.map +1 -0
- package/DateRangePicker/index.d.ts +2 -0
- package/DateRangePicker/index.d.ts.map +1 -0
- package/DateRangePicker/index.js +434 -0
- package/DateRangePicker/index.mjs +434 -0
- package/Drawer/index.js +22 -22
- package/Drawer/index.mjs +21 -21
- package/DropdownButton/index.js +12 -12
- package/DropdownButton/index.mjs +13 -13
- package/EmptyStateCard/index.js +8 -8
- package/EmptyStateCard/index.mjs +8 -8
- package/FocusedProductLayout/index.js +23 -23
- package/FocusedProductLayout/index.mjs +23 -23
- package/ForgeLayout/index.js +27 -27
- package/ForgeLayout/index.mjs +30 -30
- package/FormLayout/index.js +5 -5
- package/FormLayout/index.mjs +5 -5
- 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 +12 -12
- package/IconButton/index.mjs +13 -13
- 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 +23 -23
- package/Modal/index.mjs +22 -22
- package/NexusLayout/index.js +28 -28
- package/NexusLayout/index.mjs +31 -31
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +7 -7
- package/Pagination/index.mjs +8 -8
- package/PillGroup/index.js +9 -9
- package/PillGroup/index.mjs +19 -19
- package/ProductLayout/index.js +24 -24
- package/ProductLayout/index.mjs +25 -25
- package/Provider/index.js +1 -1
- package/Provider/index.mjs +2 -2
- package/RadioButtonGroup/index.js +2 -2
- package/RadioButtonGroup/index.mjs +5 -5
- package/RadioGroup/index.js +16 -16
- package/RadioGroup/index.mjs +21 -21
- package/RangeCalendar/RangeCalendar.test.d.ts +2 -1
- package/RangeCalendar/RangeCalendar.test.d.ts.map +1 -1
- package/RangeCalendar/index.js +2 -226
- package/RangeCalendar/index.mjs +2 -226
- package/SearchNav/index.js +29 -29
- package/SearchNav/index.mjs +30 -30
- package/SectionCard/index.js +7 -7
- package/SectionCard/index.mjs +7 -7
- package/Select/index.js +7 -6
- package/Select/index.mjs +6 -5
- 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 +4 -4
- package/SplitToggleCard/index.mjs +4 -4
- 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 +1 -1
- 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 +1 -1
- package/Textarea/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +2 -2
- package/ToggleCard/index.mjs +2 -2
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/index.js +24 -24
- package/VerticalNav/index.mjs +27 -27
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-DuqSI9GS.js → Button-BzB8v2mS.js} +17 -17
- package/__chunks__/{Button-D0YAQvKG.mjs → Button-DcYNVtp7.mjs} +3 -3
- package/__chunks__/{Button-bGGT-c6v.mjs → Button-gxCTl22H.mjs} +18 -18
- package/__chunks__/{Button-D8vjHIx8.js → Button-jgkOum0d.js} +1 -1
- package/__chunks__/Calendar-BS8zgZK8.js +41 -0
- package/__chunks__/Calendar-C9hD67Rz.mjs +42 -0
- package/__chunks__/{CalendarBase-DbXh9rhk.mjs → CalendarBase-4iGD1mPK.mjs} +99 -27
- package/__chunks__/{CalendarBase-CiBPzvL4.js → CalendarBase-saNix6u1.js} +94 -22
- package/__chunks__/{Card-DdHvpDEw.mjs → Card-Cr-bIjoN.mjs} +12 -12
- package/__chunks__/{Card-93kQP9IL.js → Card-DaFTIHZD.js} +12 -12
- package/__chunks__/{Checkbox-BRrfKcFE.mjs → Checkbox-BR4RBHLp.mjs} +23 -23
- package/__chunks__/{Checkbox-MbPCVxqs.js → Checkbox-BY4UkCg7.js} +20 -20
- package/__chunks__/{CodeSnippet-xb-psm_O.mjs → CodeSnippet-ChZIz_CO.mjs} +2 -2
- package/__chunks__/{CodeSnippet-D9ZZXVs3.js → CodeSnippet-H-6ta_Y8.js} +2 -2
- package/__chunks__/DatePickerBase-DlbnqBLN.mjs +3152 -0
- package/__chunks__/DatePickerBase-vorBKIfJ.js +3166 -0
- package/__chunks__/{FocusScope-CEeqhVmO.mjs → FocusScope-CjcZn1Rq.mjs} +4 -4
- package/__chunks__/{HelpMenu-E6z6tRl8.js → HelpMenu-BzUSoyPi.js} +6 -6
- package/__chunks__/{HelpMenu-CCHBb1Kr.mjs → HelpMenu-yEjZgR1V.mjs} +7 -7
- package/__chunks__/{HorizontalGrid-B7ijxURd.js → HorizontalGrid-Bhj16LbM.js} +1 -1
- package/__chunks__/{HorizontalGrid-vw7R2Tld.mjs → HorizontalGrid-D4bJqbQV.mjs} +1 -1
- package/__chunks__/{HorizontalStack-Dx9zYaH0.mjs → HorizontalStack-BDZp8p9E.mjs} +1 -1
- package/__chunks__/{HorizontalStack-1g4N72TF.js → HorizontalStack-_DnrRlDb.js} +1 -1
- package/__chunks__/{Icon-QGDwoR1f.mjs → Icon-BdtOD2WX.mjs} +2 -2
- package/__chunks__/{Icon-oPEVg2C8.js → Icon-DJ8CpeVT.js} +2 -2
- package/__chunks__/InputCaption-BBbxPdvJ.mjs +61 -0
- package/__chunks__/InputCaption-CEIuQ6BY.js +60 -0
- package/__chunks__/{InputField-BGBRvVMR.js → InputField-BUU9HZ1I.js} +7 -6
- package/__chunks__/{InputField-BI73lSp6.mjs → InputField-CPxOg_cd.mjs} +8 -7
- package/__chunks__/InputIcon-MHt_XLtO.mjs +112 -0
- package/__chunks__/InputIcon-nUumrcJ5.js +111 -0
- package/__chunks__/{KebabButton-DBLcfQI6.mjs → KebabButton-BapJTvS6.mjs} +5 -5
- package/__chunks__/{KebabButton-C15-V-k2.js → KebabButton-C3KI5LDA.js} +4 -4
- package/__chunks__/{LiveAnnouncer-Bi_Y3tfX.mjs → LiveAnnouncer-BSV5-C0m.mjs} +5 -1
- package/__chunks__/{LiveAnnouncer-Dwkwacle.js → LiveAnnouncer-CzeNwq2D.js} +4 -0
- package/__chunks__/{Menu-Cuqxc1iw.js → Menu-CkQaJJAH.js} +31 -30
- package/__chunks__/{Menu-BELtbX2b.mjs → Menu-LzJveIa-.mjs} +21 -20
- package/__chunks__/{Notification-D90-75ZN.js → Notification-C5_bwXj4.js} +15 -15
- package/__chunks__/{Notification-lqESwByD.mjs → Notification-CAmvbAK1.mjs} +18 -18
- package/__chunks__/{Spinner-D3LMSY80.js → NumberFormatter-CXW1Iqpu.js} +1 -79
- package/__chunks__/{Spinner-tHEG0z1g.mjs → NumberFormatter-p5KNJNTT.mjs} +1 -79
- package/__chunks__/{Overlay-CuhLUuXt.mjs → Overlay-d3z5W5Nn.mjs} +6 -6
- package/__chunks__/RangeCalendar-5enltd2P.js +227 -0
- package/__chunks__/RangeCalendar-Bhk32GB_.mjs +228 -0
- package/__chunks__/{SelectOverlay-pFcbx7UM.js → SelectOverlay-DKJvzJJ7.js} +35 -33
- package/__chunks__/{SelectOverlay-CadnQpV0.mjs → SelectOverlay-MLWWpDpl.mjs} +32 -30
- package/__chunks__/{SelectionManager-IO4G_cI2.mjs → SelectionManager-DCO_d3m1.mjs} +2 -2
- package/__chunks__/{SelectorErrorTooltip-CFlgzXu5.mjs → SelectorErrorTooltip-DLyZgeUf.mjs} +4 -4
- package/__chunks__/{SelectorErrorTooltip-Cfzpo7X3.js → SelectorErrorTooltip-DowQ2whn.js} +4 -4
- package/__chunks__/Spinner-BFydR08g.js +100 -0
- package/__chunks__/Spinner-hJoFNoHJ.mjs +101 -0
- package/__chunks__/{Stepper-B0w3sKYh.mjs → Stepper-BY8zQdW2.mjs} +27 -27
- package/__chunks__/{Stepper-Bbihngk4.js → Stepper-CxWpMLEW.js} +25 -25
- package/__chunks__/{TabNav-BHETvib0.js → TabNav-1cTg6TWo.js} +1 -1
- package/__chunks__/{TabNav-2W0d3JQ0.mjs → TabNav-burpvHrg.mjs} +1 -1
- package/__chunks__/{Tabs-C-D794Gi.mjs → Tabs-BzZ9w82m.mjs} +18 -18
- package/__chunks__/{Tabs-9dihRp0n.js → Tabs-DHXJckwb.js} +17 -17
- package/__chunks__/{Text-D8wg72pq.mjs → Text-CQ_8wg0t.mjs} +34 -34
- package/__chunks__/{Text-CEI17LPu.js → Text-Dfbyoxsz.js} +34 -34
- package/__chunks__/{Toggle-DlIBs_Za.mjs → Toggle-BiaALtul.mjs} +13 -13
- package/__chunks__/{Toggle-4oQhSggV.js → Toggle-CYKsPbEK.js} +11 -11
- package/__chunks__/{Tooltip-Cxv7qnVD.mjs → Tooltip-5ZgKkdk8.mjs} +12 -12
- package/__chunks__/{Tooltip-7wXzqEZl.js → Tooltip-Bzqm5boz.js} +8 -8
- package/__chunks__/{UnstyledButton-B7BScs8i.mjs → UnstyledButton-BlB066YT.mjs} +1 -1
- package/__chunks__/{VerticalStack-BTB8fX9P.js → VerticalStack-_gyNJbOa.js} +3 -3
- package/__chunks__/{VerticalStack-HnwP17N3.mjs → VerticalStack-eKUWFHU3.mjs} +3 -3
- package/__chunks__/{VisuallyHidden-BttNIgVC.mjs → VisuallyHidden-DmDK0fH3.mjs} +1 -1
- package/__chunks__/{ariaHideOutside-DcIkumuG.mjs → ariaHideOutside-B-UoCW1g.mjs} +5 -29
- package/__chunks__/{ariaHideOutside-DNGR3Fo6.js → ariaHideOutside-a1MUBVQF.js} +0 -24
- package/__chunks__/{focusSafely-Dw7K4rnX.mjs → focusSafely-DcMa3q3g.mjs} +2 -2
- package/__chunks__/{isVirtualEvent-BFRy7P_p.mjs → isVirtualEvent-BPCuFO54.mjs} +2 -2
- package/__chunks__/{useButton-B1CurEpI.mjs → useButton-BoMy_zYC.mjs} +2 -2
- package/__chunks__/useCollator-DGrSWVh4.js +12 -0
- package/__chunks__/useCollator-DXoNI6C-.mjs +13 -0
- package/__chunks__/{useDialog-Dsqz1M_N.js → useDialog-DILXRLSs.js} +1 -1
- package/__chunks__/{useDialog-DAYxqkKY.mjs → useDialog-o0QWfg2a.mjs} +3 -3
- package/__chunks__/{useEdgeInterceptors-BCHFmpf_.js → useEdgeInterceptors-DfiAHAYW.js} +5 -5
- package/__chunks__/{useEdgeInterceptors-CVxwDmQ0.mjs → useEdgeInterceptors-wWqxCUZX.mjs} +5 -5
- package/__chunks__/{useFocus-DDj4i8Xy.mjs → useFocus-BEhCbr7O.mjs} +2 -2
- package/__chunks__/{useFocusRing-BE_dgxH5.mjs → useFocusRing-BUwbt1Yv.mjs} +3 -3
- package/__chunks__/{useFocusVisible-CXSIZSY_.mjs → useFocusVisible-8tH_I2iV.mjs} +1 -1
- package/__chunks__/{useFocusWithin-CDX8m0Wu.mjs → useFocusWithin-CfhMwfXS.mjs} +1 -1
- package/__chunks__/{useFocusable-DD5dAIXt.mjs → useFocusable-DoNt-Wd3.mjs} +2 -2
- package/__chunks__/{useFormValidation-gwcVryr8.mjs → useFormValidation-D5Y_7NR2.mjs} +25 -3
- package/__chunks__/{useFormValidation-C2DoIczP.js → useFormValidation-DYz5WFze.js} +22 -0
- package/__chunks__/{useHasTabbableChild-CRCY1COZ.mjs → useHasTabbableChild-DUcbkV37.mjs} +1 -1
- package/__chunks__/{useHighlightSelectionDescription-CsB-ufoX.js → useHighlightSelectionDescription-CT5XKTz0.js} +2 -2
- package/__chunks__/{useHighlightSelectionDescription-DnW5KkSs.mjs → useHighlightSelectionDescription-DWm7Wr6h.mjs} +3 -3
- package/__chunks__/{useLink-B__d3N9L.mjs → useLink-B_g4ae9e.mjs} +2 -2
- package/__chunks__/{useListState-CH1PXfc5.mjs → useListState-AFrlkW73.mjs} +1 -1
- package/__chunks__/{useLocalizedStringFormatter-B5ons_mh.mjs → useLocalizedStringFormatter-CLrYoOi9.mjs} +4 -1
- package/__chunks__/{useLocalizedStringFormatter-D74_5d4h.js → useLocalizedStringFormatter-CaF1VsOH.js} +3 -0
- package/__chunks__/{useOverlayPosition-B31NgShQ.mjs → useOverlayPosition-B_X4JGFp.mjs} +2 -2
- package/__chunks__/useOverlayTrigger-Do68TGFi.mjs +28 -0
- package/__chunks__/useOverlayTrigger-MyMg5wFE.js +27 -0
- package/__chunks__/{usePress-lFMUra6S.mjs → usePress-BAsZaqDB.mjs} +1 -1
- package/__chunks__/{useSelectableItem-BdD2_J2D.mjs → useSelectableItem-DL-4kc1g.mjs} +5 -5
- package/__chunks__/{useSelectableList-D0uxeze4.mjs → useSelectableList-BQ06AmlV.mjs} +4 -14
- package/__chunks__/{useSelectableList-DlkRkps4.js → useSelectableList-F8fB4Dtg.js} +2 -12
- package/__chunks__/{useSingleSelectListState-BuqfjUxj.mjs → useSingleSelectListState-DuCUY6dR.mjs} +1 -1
- package/__chunks__/{useToggle-b0GY9dCM.mjs → useToggle-CU6aSiOx.mjs} +2 -2
- package/__chunks__/{useTreeState-BZxhJy4m.mjs → useTreeState-w_raYfy2.mjs} +1 -1
- package/__chunks__/{useTriggerWidth-DEToHKD3.mjs → useTriggerWidth-DA668KiC.mjs} +6 -335
- package/__chunks__/{useTriggerWidth-C7OT3WI9.js → useTriggerWidth-ROE4ZhGv.js} +3 -332
- package/__chunks__/utilities-DKvHenAr.js +353 -0
- package/__chunks__/utilities-DmLL16up.mjs +354 -0
- package/package.json +1 -1
- package/style.css +1249 -1104
- package/__chunks__/InputIcon-BGgFAA4L.mjs +0 -168
- package/__chunks__/InputIcon-CUOJRoq8.js +0 -167
|
@@ -32,14 +32,15 @@ var __objRest = (source, exclude) => {
|
|
|
32
32
|
};
|
|
33
33
|
const React = require("react");
|
|
34
34
|
const omit = require("./omit-jjOwwbdQ.js");
|
|
35
|
-
const Checkbox = require("./Checkbox-
|
|
36
|
-
const Text = require("./Text-
|
|
37
|
-
const
|
|
35
|
+
const Checkbox = require("./Checkbox-BY4UkCg7.js");
|
|
36
|
+
const Text = require("./Text-Dfbyoxsz.js");
|
|
37
|
+
const utilities = require("./utilities-DKvHenAr.js");
|
|
38
38
|
const Item = require("./Item-CfWjPrxx.js");
|
|
39
39
|
const mergeProps = require("./mergeProps-DniMwM6P.js");
|
|
40
40
|
const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
|
|
41
|
-
const useSelectableList = require("./useSelectableList-
|
|
41
|
+
const useSelectableList = require("./useSelectableList-F8fB4Dtg.js");
|
|
42
42
|
const usePress = require("./usePress-Dz8YYpge.js");
|
|
43
|
+
const useTriggerWidth = require("./useTriggerWidth-ROE4ZhGv.js");
|
|
43
44
|
const useFocus = require("./useFocus-B4oRb1dU.js");
|
|
44
45
|
const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
|
|
45
46
|
const useHover = require("./useHover-BIKwjrCT.js");
|
|
@@ -299,15 +300,15 @@ function useInternalMenuContext() {
|
|
|
299
300
|
}
|
|
300
301
|
return menuContext;
|
|
301
302
|
}
|
|
302
|
-
const underlay = "
|
|
303
|
-
const root = "
|
|
304
|
-
const menu = "
|
|
305
|
-
const menuList = "
|
|
306
|
-
const sectionList = "
|
|
307
|
-
const sectionTitle = "
|
|
308
|
-
const itemContent = "
|
|
309
|
-
const separator = "
|
|
310
|
-
const item = "
|
|
303
|
+
const underlay = "_underlay_1pl8g_5";
|
|
304
|
+
const root = "_root_1pl8g_10";
|
|
305
|
+
const menu = "_menu_1pl8g_74";
|
|
306
|
+
const menuList = "_menuList_1pl8g_79";
|
|
307
|
+
const sectionList = "_sectionList_1pl8g_80";
|
|
308
|
+
const sectionTitle = "_sectionTitle_1pl8g_86";
|
|
309
|
+
const itemContent = "_itemContent_1pl8g_93";
|
|
310
|
+
const separator = "_separator_1pl8g_94";
|
|
311
|
+
const item = "_item_1pl8g_93";
|
|
311
312
|
const styles = {
|
|
312
313
|
underlay,
|
|
313
314
|
root,
|
|
@@ -331,15 +332,15 @@ function MenuItemContent({ item: item2, state }) {
|
|
|
331
332
|
closeOnSelect
|
|
332
333
|
}), state, ref);
|
|
333
334
|
const MenuItemContainer = href ? LinkMenuItemContainer : StandardMenuItemContainer;
|
|
334
|
-
const props = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key ===
|
|
335
|
-
"aria-checked":
|
|
335
|
+
const props = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === utilities.SELECT_ALL_KEY ? {
|
|
336
|
+
"aria-checked": utilities.isSelectAllSelected(state)
|
|
336
337
|
} : {});
|
|
337
338
|
return React.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
|
|
338
339
|
itemRef: ref,
|
|
339
340
|
className: styles.item,
|
|
340
341
|
"data-is-disabled": isDisabled,
|
|
341
342
|
"data-is-focused": isFocused,
|
|
342
|
-
"data-is-selected": item2.key ===
|
|
343
|
+
"data-is-selected": item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected
|
|
343
344
|
}), React.createElement("div", {
|
|
344
345
|
className: styles.itemContent
|
|
345
346
|
}, selectionMode !== "multiple" ? React.createElement(Text.Text, {
|
|
@@ -347,8 +348,8 @@ function MenuItemContent({ item: item2, state }) {
|
|
|
347
348
|
truncate: true
|
|
348
349
|
}, item2.rendered) : React.createElement(Checkbox.Checkbox, {
|
|
349
350
|
isDisabled,
|
|
350
|
-
isIndeterminate: item2.key ===
|
|
351
|
-
isSelected: item2.key ===
|
|
351
|
+
isIndeterminate: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllIndeterminate(state) : void 0,
|
|
352
|
+
isSelected: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected
|
|
352
353
|
}, item2.rendered)));
|
|
353
354
|
}
|
|
354
355
|
function StandardMenuItemContainer(_a) {
|
|
@@ -416,15 +417,15 @@ function MenuOverlay(props) {
|
|
|
416
417
|
return React.createElement(MenuOverlayContent, __spreadValues({}, props));
|
|
417
418
|
}
|
|
418
419
|
function MenuOverlayContent(props) {
|
|
419
|
-
const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll =
|
|
420
|
+
const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = utilities.DEFAULT_PLACEMENT, width = utilities.DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
|
|
420
421
|
const popoverRef = React.useRef(null);
|
|
421
422
|
const menuRef = React.useRef(null);
|
|
422
|
-
const { isSelectionPending, markSelectionPending, markSelectionStale } =
|
|
423
|
+
const { isSelectionPending, markSelectionPending, markSelectionStale } = utilities.useSelectionCapture();
|
|
423
424
|
const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
|
|
424
|
-
const { popoverProps, underlayProps } =
|
|
425
|
-
containerPadding:
|
|
426
|
-
maxHeight:
|
|
427
|
-
offset:
|
|
425
|
+
const { popoverProps, underlayProps } = utilities.$f2f8a6077418541e$export$542a6fd13ac93354({
|
|
426
|
+
containerPadding: utilities.OVERLAY_PADDING_FROM_CONTAINER,
|
|
427
|
+
maxHeight: utilities.ITEM_HEIGHT * maxItemsUntilScroll + utilities.Y_PADDING_INSIDE_OVERLAY * 2 + 2,
|
|
428
|
+
offset: utilities.OVERLAY_OFFSET,
|
|
428
429
|
placement,
|
|
429
430
|
popoverRef,
|
|
430
431
|
scrollRef: menuRef,
|
|
@@ -434,7 +435,7 @@ function MenuOverlayContent(props) {
|
|
|
434
435
|
if (!isSelectionPending()) {
|
|
435
436
|
return;
|
|
436
437
|
}
|
|
437
|
-
onSelectionChange(keys === "all" ? keys :
|
|
438
|
+
onSelectionChange(keys === "all" ? keys : utilities.filterSelectedKeys(keys));
|
|
438
439
|
markSelectionStale();
|
|
439
440
|
}, [isSelectionPending, markSelectionStale, onSelectionChange]);
|
|
440
441
|
const menuTreeState = useTreeState.$875d6693e12af071$export$728d6ba534403756({
|
|
@@ -447,9 +448,9 @@ function MenuOverlayContent(props) {
|
|
|
447
448
|
});
|
|
448
449
|
const handleAction = React.useCallback((key) => {
|
|
449
450
|
markSelectionPending();
|
|
450
|
-
if (key ===
|
|
451
|
+
if (key === utilities.SELECT_ALL_KEY && utilities.isSelectAllSelected(menuTreeState)) {
|
|
451
452
|
menuTreeState.selectionManager.clearSelection();
|
|
452
|
-
} else if (key ===
|
|
453
|
+
} else if (key === utilities.SELECT_ALL_KEY) {
|
|
453
454
|
menuTreeState.selectionManager.selectAll();
|
|
454
455
|
} else {
|
|
455
456
|
menuTreeState.selectionManager.toggleSelection(key);
|
|
@@ -462,7 +463,7 @@ function MenuOverlayContent(props) {
|
|
|
462
463
|
onClose
|
|
463
464
|
}, menuPropsFromTrigger), menuTreeState, menuRef);
|
|
464
465
|
utilities_useScrollbar.useScrollbar(menuRef, "ezui-os-theme-overlay");
|
|
465
|
-
const style = __spreadValues(__spreadValues({}, popoverProps.style),
|
|
466
|
+
const style = __spreadValues(__spreadValues({}, popoverProps.style), utilities.getUnmergedPopoverStyles(width, triggerWidth));
|
|
466
467
|
return React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, null, React.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
|
|
467
468
|
className: styles.underlay
|
|
468
469
|
})), React.createElement("div", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
|
|
@@ -470,7 +471,7 @@ function MenuOverlayContent(props) {
|
|
|
470
471
|
})), {
|
|
471
472
|
ref: popoverRef,
|
|
472
473
|
className: styles.root
|
|
473
|
-
}), React.createElement(
|
|
474
|
+
}), React.createElement(utilities.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
474
475
|
onDismiss: menuTriggerState.close
|
|
475
476
|
}), React.createElement("div", __spreadProps(__spreadValues({}, menuProps), {
|
|
476
477
|
ref: menuRef,
|
|
@@ -490,7 +491,7 @@ function MenuOverlayContent(props) {
|
|
|
490
491
|
item: item2,
|
|
491
492
|
state: menuTreeState
|
|
492
493
|
});
|
|
493
|
-
}))), React.createElement(
|
|
494
|
+
}))), React.createElement(utilities.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
494
495
|
onDismiss: menuTriggerState.close
|
|
495
496
|
})));
|
|
496
497
|
}
|
|
@@ -31,23 +31,24 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
};
|
|
32
32
|
import React__default, { useState, createContext, useContext, useCallback, useMemo } from "react";
|
|
33
33
|
import { o as omit } from "./omit-B_jU3Uog.mjs";
|
|
34
|
-
import { C as Checkbox } from "./Checkbox-
|
|
35
|
-
import { T as Text } from "./Text-
|
|
36
|
-
import {
|
|
34
|
+
import { C as Checkbox } from "./Checkbox-BR4RBHLp.mjs";
|
|
35
|
+
import { T as Text } from "./Text-CQ_8wg0t.mjs";
|
|
36
|
+
import { S as SELECT_ALL_KEY, i as isSelectAllSelected, e as isSelectAllIndeterminate, u as useSelectionCapture, $ as $f2f8a6077418541e$export$542a6fd13ac93354, f as filterSelectedKeys, g as getUnmergedPopoverStyles, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, d as DEFAULT_PLACEMENT, D as DEFAULT_WIDTH, O as OVERLAY_PADDING_FROM_CONTAINER, I as ITEM_HEIGHT, Y as Y_PADDING_INSIDE_OVERLAY, c as OVERLAY_OFFSET } from "./utilities-DmLL16up.mjs";
|
|
37
37
|
import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "./Item-BhrTPNN2.mjs";
|
|
38
38
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$b4cc09c592e8fdb8, d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-T961Q1yJ.mjs";
|
|
39
39
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
|
|
40
|
-
import { $ as $982254629710d113$export$b95089534ab7c1fd } from "./useSelectableList-
|
|
41
|
-
import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-
|
|
42
|
-
import { $ as $
|
|
43
|
-
import {
|
|
40
|
+
import { $ as $982254629710d113$export$b95089534ab7c1fd } from "./useSelectableList-BQ06AmlV.mjs";
|
|
41
|
+
import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-BAsZaqDB.mjs";
|
|
42
|
+
import { $ as $453cc9f0df89c0a5$export$77d5aafae4e095b2, b as $9fc4852771d079eb$export$6e2c8f0811a474ce, c as $f4b273590fab9f93$export$52210f68a14655d0, a as $168583247155ddda$export$dc9c12ed27dd1b49, u as useTriggerWidth } from "./useTriggerWidth-DA668KiC.mjs";
|
|
43
|
+
import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-BEhCbr7O.mjs";
|
|
44
|
+
import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-8tH_I2iV.mjs";
|
|
44
45
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
|
|
45
|
-
import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useFocusable-
|
|
46
|
-
import { a as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-
|
|
46
|
+
import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useFocusable-DoNt-Wd3.mjs";
|
|
47
|
+
import { a as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-DL-4kc1g.mjs";
|
|
47
48
|
import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
|
|
48
49
|
import { useScrollbar } from "../utilities/useScrollbar.mjs";
|
|
49
|
-
import {
|
|
50
|
-
import { $ as $875d6693e12af071$export$728d6ba534403756 } from "./useTreeState-
|
|
50
|
+
import { c as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-d3z5W5Nn.mjs";
|
|
51
|
+
import { $ as $875d6693e12af071$export$728d6ba534403756 } from "./useTreeState-w_raYfy2.mjs";
|
|
51
52
|
function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
|
|
52
53
|
let overlayTriggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
|
|
53
54
|
let [focusStrategy, setFocusStrategy] = useState(null);
|
|
@@ -298,15 +299,15 @@ function useInternalMenuContext() {
|
|
|
298
299
|
}
|
|
299
300
|
return menuContext;
|
|
300
301
|
}
|
|
301
|
-
const underlay = "
|
|
302
|
-
const root = "
|
|
303
|
-
const menu = "
|
|
304
|
-
const menuList = "
|
|
305
|
-
const sectionList = "
|
|
306
|
-
const sectionTitle = "
|
|
307
|
-
const itemContent = "
|
|
308
|
-
const separator = "
|
|
309
|
-
const item = "
|
|
302
|
+
const underlay = "_underlay_1pl8g_5";
|
|
303
|
+
const root = "_root_1pl8g_10";
|
|
304
|
+
const menu = "_menu_1pl8g_74";
|
|
305
|
+
const menuList = "_menuList_1pl8g_79";
|
|
306
|
+
const sectionList = "_sectionList_1pl8g_80";
|
|
307
|
+
const sectionTitle = "_sectionTitle_1pl8g_86";
|
|
308
|
+
const itemContent = "_itemContent_1pl8g_93";
|
|
309
|
+
const separator = "_separator_1pl8g_94";
|
|
310
|
+
const item = "_item_1pl8g_93";
|
|
310
311
|
const styles = {
|
|
311
312
|
underlay,
|
|
312
313
|
root,
|
|
@@ -22,11 +22,11 @@ const React = require("react");
|
|
|
22
22
|
const Close = require("./Close-BQ2IlPyf.js");
|
|
23
23
|
const CheckCircle = require("./CheckCircle-lgmtkEe6.js");
|
|
24
24
|
const mergeProps = require("./mergeProps-DniMwM6P.js");
|
|
25
|
-
const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-
|
|
25
|
+
const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-CaF1VsOH.js");
|
|
26
26
|
const ReactDOM = require("react-dom");
|
|
27
27
|
const index = require("./index-CTw89HMx.js");
|
|
28
|
-
const Icon = require("./Icon-
|
|
29
|
-
const Text = require("./Text-
|
|
28
|
+
const Icon = require("./Icon-DJ8CpeVT.js");
|
|
29
|
+
const Text = require("./Text-Dfbyoxsz.js");
|
|
30
30
|
const utilities_css = require("../utilities/css.js");
|
|
31
31
|
const UnstyledButton = require("./UnstyledButton-Dn8KZHdh.js");
|
|
32
32
|
const context = require("./context-C6CFGY_J.js");
|
|
@@ -1015,18 +1015,18 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
|
|
|
1015
1015
|
})
|
|
1016
1016
|
};
|
|
1017
1017
|
}
|
|
1018
|
-
const statusPromotional = "
|
|
1019
|
-
const statusSuccess = "
|
|
1020
|
-
const statusNeutral = "
|
|
1021
|
-
const statusWarning = "
|
|
1022
|
-
const statusError = "
|
|
1023
|
-
const typeToast = "
|
|
1024
|
-
const typeAlert = "
|
|
1025
|
-
const Notification$1 = "
|
|
1026
|
-
const iconText = "
|
|
1027
|
-
const closeButton = "
|
|
1028
|
-
const region = "
|
|
1029
|
-
const container = "
|
|
1018
|
+
const statusPromotional = "_statusPromotional_11msi_5";
|
|
1019
|
+
const statusSuccess = "_statusSuccess_11msi_10";
|
|
1020
|
+
const statusNeutral = "_statusNeutral_11msi_15";
|
|
1021
|
+
const statusWarning = "_statusWarning_11msi_20";
|
|
1022
|
+
const statusError = "_statusError_11msi_25";
|
|
1023
|
+
const typeToast = "_typeToast_11msi_30";
|
|
1024
|
+
const typeAlert = "_typeAlert_11msi_34";
|
|
1025
|
+
const Notification$1 = "_Notification_11msi_39";
|
|
1026
|
+
const iconText = "_iconText_11msi_55";
|
|
1027
|
+
const closeButton = "_closeButton_11msi_61";
|
|
1028
|
+
const region = "_region_11msi_70";
|
|
1029
|
+
const container = "_container_11msi_76";
|
|
1030
1030
|
const styles = {
|
|
1031
1031
|
statusPromotional,
|
|
1032
1032
|
statusSuccess,
|
|
@@ -22,16 +22,16 @@ import React__default, { useEffect, useState, useCallback, useRef, useMemo, crea
|
|
|
22
22
|
import { C as Close } from "./Close-Cq6Q6MN6.mjs";
|
|
23
23
|
import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
|
|
24
24
|
import { d as $bdb11010cef70236$export$f680877a34711e37, c as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
|
|
25
|
-
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-
|
|
25
|
+
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CLrYoOi9.mjs";
|
|
26
26
|
import { createPortal } from "react-dom";
|
|
27
27
|
import { s as shimExports } from "./index-DCSYt1ke.mjs";
|
|
28
|
-
import { I as Icon } from "./Icon-
|
|
29
|
-
import { T as Text } from "./Text-
|
|
28
|
+
import { I as Icon } from "./Icon-BdtOD2WX.mjs";
|
|
29
|
+
import { T as Text } from "./Text-CQ_8wg0t.mjs";
|
|
30
30
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
31
|
-
import { U as UnstyledButton } from "./UnstyledButton-
|
|
31
|
+
import { U as UnstyledButton } from "./UnstyledButton-BlB066YT.mjs";
|
|
32
32
|
import { a as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./context-CgOWZch5.mjs";
|
|
33
|
-
import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-
|
|
34
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-
|
|
33
|
+
import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-8tH_I2iV.mjs";
|
|
34
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-CfhMwfXS.mjs";
|
|
35
35
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
|
|
36
36
|
var __defProp$3 = Object.defineProperty;
|
|
37
37
|
var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
|
|
@@ -998,18 +998,18 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
|
|
|
998
998
|
})
|
|
999
999
|
};
|
|
1000
1000
|
}
|
|
1001
|
-
const statusPromotional = "
|
|
1002
|
-
const statusSuccess = "
|
|
1003
|
-
const statusNeutral = "
|
|
1004
|
-
const statusWarning = "
|
|
1005
|
-
const statusError = "
|
|
1006
|
-
const typeToast = "
|
|
1007
|
-
const typeAlert = "
|
|
1008
|
-
const Notification$1 = "
|
|
1009
|
-
const iconText = "
|
|
1010
|
-
const closeButton = "
|
|
1011
|
-
const region = "
|
|
1012
|
-
const container = "
|
|
1001
|
+
const statusPromotional = "_statusPromotional_11msi_5";
|
|
1002
|
+
const statusSuccess = "_statusSuccess_11msi_10";
|
|
1003
|
+
const statusNeutral = "_statusNeutral_11msi_15";
|
|
1004
|
+
const statusWarning = "_statusWarning_11msi_20";
|
|
1005
|
+
const statusError = "_statusError_11msi_25";
|
|
1006
|
+
const typeToast = "_typeToast_11msi_30";
|
|
1007
|
+
const typeAlert = "_typeAlert_11msi_34";
|
|
1008
|
+
const Notification$1 = "_Notification_11msi_39";
|
|
1009
|
+
const iconText = "_iconText_11msi_55";
|
|
1010
|
+
const closeButton = "_closeButton_11msi_61";
|
|
1011
|
+
const region = "_region_11msi_70";
|
|
1012
|
+
const container = "_container_11msi_76";
|
|
1013
1013
|
const styles = {
|
|
1014
1014
|
statusPromotional,
|
|
1015
1015
|
statusSuccess,
|
|
@@ -18,14 +18,6 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
const React = require("react");
|
|
22
|
-
const Text = require("./Text-CEI17LPu.js");
|
|
23
|
-
const utilities_css = require("../utilities/css.js");
|
|
24
|
-
const mergeProps = require("./mergeProps-DniMwM6P.js");
|
|
25
|
-
const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
|
|
26
|
-
const number = require("./number-C4N6pKyl.js");
|
|
27
|
-
const useLabel = require("./useLabel-t-N6anB8.js");
|
|
28
|
-
const context = require("./context-D3NeXov7.js");
|
|
29
21
|
let $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map();
|
|
30
22
|
let $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
|
|
31
23
|
try {
|
|
@@ -158,74 +150,4 @@ function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, nu
|
|
|
158
150
|
} else return numberFormat.format(num);
|
|
159
151
|
}
|
|
160
152
|
}
|
|
161
|
-
|
|
162
|
-
let { locale } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
163
|
-
return React.useMemo(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
|
|
164
|
-
locale,
|
|
165
|
-
options
|
|
166
|
-
]);
|
|
167
|
-
}
|
|
168
|
-
function $204d9ebcedfb8806$export$ed5abd763a836edc(props) {
|
|
169
|
-
let { value = 0, minValue = 0, maxValue = 100, valueLabel, isIndeterminate, formatOptions = {
|
|
170
|
-
style: "percent"
|
|
171
|
-
} } = props;
|
|
172
|
-
let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
173
|
-
labelable: true
|
|
174
|
-
});
|
|
175
|
-
let { labelProps, fieldProps } = useLabel.$d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
|
|
176
|
-
// Progress bar is not an HTML input element so it
|
|
177
|
-
// shouldn't be labeled by a <label> element.
|
|
178
|
-
labelElementType: "span"
|
|
179
|
-
}));
|
|
180
|
-
value = number.$9446cca9a3875146$export$7d15b64cf5a3a4c4(value, minValue, maxValue);
|
|
181
|
-
let percentage = (value - minValue) / (maxValue - minValue);
|
|
182
|
-
let formatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
|
|
183
|
-
if (!isIndeterminate && !valueLabel) {
|
|
184
|
-
let valueToFormat = formatOptions.style === "percent" ? percentage : value;
|
|
185
|
-
valueLabel = formatter.format(valueToFormat);
|
|
186
|
-
}
|
|
187
|
-
return {
|
|
188
|
-
progressBarProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, fieldProps), {
|
|
189
|
-
"aria-valuenow": isIndeterminate ? void 0 : value,
|
|
190
|
-
"aria-valuemin": minValue,
|
|
191
|
-
"aria-valuemax": maxValue,
|
|
192
|
-
"aria-valuetext": isIndeterminate ? void 0 : valueLabel,
|
|
193
|
-
role: "progressbar"
|
|
194
|
-
})),
|
|
195
|
-
labelProps
|
|
196
|
-
};
|
|
197
|
-
}
|
|
198
|
-
const spinner = "_spinner_1ahuh_5";
|
|
199
|
-
const progress = "_progress_1ahuh_16";
|
|
200
|
-
const indeterminate = "_indeterminate_1ahuh_25";
|
|
201
|
-
const styles = {
|
|
202
|
-
spinner,
|
|
203
|
-
progress,
|
|
204
|
-
indeterminate,
|
|
205
|
-
"indeterminate-ring": "_indeterminate-ring_1ahuh_1"
|
|
206
|
-
};
|
|
207
|
-
const Spinner = (props) => {
|
|
208
|
-
var _a, _b;
|
|
209
|
-
const { children, size = "md", color = "neutral.500", isIndeterminate = false, value } = props;
|
|
210
|
-
const { progressBarProps, labelProps } = $204d9ebcedfb8806$export$ed5abd763a836edc(__spreadProps(__spreadValues({}, props), {
|
|
211
|
-
label: children
|
|
212
|
-
}));
|
|
213
|
-
const id = React.useId();
|
|
214
|
-
const degrees = !isIndeterminate && value && value * 360 / 100;
|
|
215
|
-
const style = __spreadValues(__spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("spinner", "color", "color", color)), utilities_css.getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, utilities_css.getComponentToken("spinner", "degrees", `${degrees}deg`)));
|
|
216
|
-
return React.createElement("div", __spreadProps(__spreadValues({}, progressBarProps), {
|
|
217
|
-
className: styles.spinner,
|
|
218
|
-
style,
|
|
219
|
-
role: isIndeterminate ? "status" : progressBarProps.role,
|
|
220
|
-
"aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id
|
|
221
|
-
}), isIndeterminate ? React.createElement("div", {
|
|
222
|
-
className: styles.indeterminate
|
|
223
|
-
}, React.createElement("div", null), React.createElement("div", null), React.createElement("div", null)) : React.createElement("div", {
|
|
224
|
-
className: styles.progress
|
|
225
|
-
}), React.createElement(Text.Text, __spreadProps(__spreadValues({}, labelProps), {
|
|
226
|
-
id: (_b = labelProps.id) != null ? _b : id,
|
|
227
|
-
visuallyHidden: !children,
|
|
228
|
-
variant: "subtitle2"
|
|
229
|
-
}), children ? children : "Loading"));
|
|
230
|
-
};
|
|
231
|
-
exports.Spinner = Spinner;
|
|
153
|
+
exports.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5;
|
|
@@ -17,14 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import React__default, { useMemo, useId } from "react";
|
|
21
|
-
import { T as Text } from "./Text-D8wg72pq.mjs";
|
|
22
|
-
import { getComponentThemeToken, getComponentDesignToken, getComponentToken } from "../utilities/css.mjs";
|
|
23
|
-
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
|
|
24
|
-
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
|
|
25
|
-
import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CLRm_tTs.mjs";
|
|
26
|
-
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C0Q8946u.mjs";
|
|
27
|
-
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DEwqildc.mjs";
|
|
28
20
|
let $488c6ddbf4ef74c2$var$formatterCache = /* @__PURE__ */ new Map();
|
|
29
21
|
let $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
|
|
30
22
|
try {
|
|
@@ -157,76 +149,6 @@ function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, nu
|
|
|
157
149
|
} else return numberFormat.format(num);
|
|
158
150
|
}
|
|
159
151
|
}
|
|
160
|
-
function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
|
|
161
|
-
let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
162
|
-
return useMemo(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
|
|
163
|
-
locale,
|
|
164
|
-
options
|
|
165
|
-
]);
|
|
166
|
-
}
|
|
167
|
-
function $204d9ebcedfb8806$export$ed5abd763a836edc(props) {
|
|
168
|
-
let { value = 0, minValue = 0, maxValue = 100, valueLabel, isIndeterminate, formatOptions = {
|
|
169
|
-
style: "percent"
|
|
170
|
-
} } = props;
|
|
171
|
-
let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
172
|
-
labelable: true
|
|
173
|
-
});
|
|
174
|
-
let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
|
|
175
|
-
// Progress bar is not an HTML input element so it
|
|
176
|
-
// shouldn't be labeled by a <label> element.
|
|
177
|
-
labelElementType: "span"
|
|
178
|
-
}));
|
|
179
|
-
value = $9446cca9a3875146$export$7d15b64cf5a3a4c4(value, minValue, maxValue);
|
|
180
|
-
let percentage = (value - minValue) / (maxValue - minValue);
|
|
181
|
-
let formatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
|
|
182
|
-
if (!isIndeterminate && !valueLabel) {
|
|
183
|
-
let valueToFormat = formatOptions.style === "percent" ? percentage : value;
|
|
184
|
-
valueLabel = formatter.format(valueToFormat);
|
|
185
|
-
}
|
|
186
|
-
return {
|
|
187
|
-
progressBarProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, fieldProps), {
|
|
188
|
-
"aria-valuenow": isIndeterminate ? void 0 : value,
|
|
189
|
-
"aria-valuemin": minValue,
|
|
190
|
-
"aria-valuemax": maxValue,
|
|
191
|
-
"aria-valuetext": isIndeterminate ? void 0 : valueLabel,
|
|
192
|
-
role: "progressbar"
|
|
193
|
-
})),
|
|
194
|
-
labelProps
|
|
195
|
-
};
|
|
196
|
-
}
|
|
197
|
-
const spinner = "_spinner_1ahuh_5";
|
|
198
|
-
const progress = "_progress_1ahuh_16";
|
|
199
|
-
const indeterminate = "_indeterminate_1ahuh_25";
|
|
200
|
-
const styles = {
|
|
201
|
-
spinner,
|
|
202
|
-
progress,
|
|
203
|
-
indeterminate,
|
|
204
|
-
"indeterminate-ring": "_indeterminate-ring_1ahuh_1"
|
|
205
|
-
};
|
|
206
|
-
const Spinner = (props) => {
|
|
207
|
-
var _a, _b;
|
|
208
|
-
const { children, size = "md", color = "neutral.500", isIndeterminate = false, value } = props;
|
|
209
|
-
const { progressBarProps, labelProps } = $204d9ebcedfb8806$export$ed5abd763a836edc(__spreadProps(__spreadValues({}, props), {
|
|
210
|
-
label: children
|
|
211
|
-
}));
|
|
212
|
-
const id = useId();
|
|
213
|
-
const degrees = !isIndeterminate && value && value * 360 / 100;
|
|
214
|
-
const style = __spreadValues(__spreadValues(__spreadValues({}, getComponentThemeToken("spinner", "color", "color", color)), getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, getComponentToken("spinner", "degrees", `${degrees}deg`)));
|
|
215
|
-
return React__default.createElement("div", __spreadProps(__spreadValues({}, progressBarProps), {
|
|
216
|
-
className: styles.spinner,
|
|
217
|
-
style,
|
|
218
|
-
role: isIndeterminate ? "status" : progressBarProps.role,
|
|
219
|
-
"aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id
|
|
220
|
-
}), isIndeterminate ? React__default.createElement("div", {
|
|
221
|
-
className: styles.indeterminate
|
|
222
|
-
}, React__default.createElement("div", null), React__default.createElement("div", null), React__default.createElement("div", null)) : React__default.createElement("div", {
|
|
223
|
-
className: styles.progress
|
|
224
|
-
}), React__default.createElement(Text, __spreadProps(__spreadValues({}, labelProps), {
|
|
225
|
-
id: (_b = labelProps.id) != null ? _b : id,
|
|
226
|
-
visuallyHidden: !children,
|
|
227
|
-
variant: "subtitle2"
|
|
228
|
-
}), children ? children : "Loading"));
|
|
229
|
-
};
|
|
230
152
|
export {
|
|
231
|
-
|
|
153
|
+
$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 as $
|
|
232
154
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default, { useCallback, useMemo, useEffect, useContext, createContext, useState } from "react";
|
|
2
2
|
import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
|
|
3
3
|
import { b as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./context-CgOWZch5.mjs";
|
|
4
|
-
import {
|
|
4
|
+
import { c as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-CjcZn1Rq.mjs";
|
|
5
5
|
import ReactDOM from "react-dom";
|
|
6
6
|
import { e as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-T961Q1yJ.mjs";
|
|
7
7
|
function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
|
|
@@ -101,9 +101,9 @@ function $337b884510726a0d$export$14c98a7594375490() {
|
|
|
101
101
|
]);
|
|
102
102
|
}
|
|
103
103
|
export {
|
|
104
|
-
$dd149f63282afbbf$export$
|
|
105
|
-
$
|
|
106
|
-
$
|
|
107
|
-
$
|
|
108
|
-
$
|
|
104
|
+
$dd149f63282afbbf$export$f6211563215e3b37 as $,
|
|
105
|
+
$dd149f63282afbbf$export$18fc8428861184da as a,
|
|
106
|
+
$337b884510726a0d$export$14c98a7594375490 as b,
|
|
107
|
+
$fc909762b330b746$export$61c6a8c84e605fb6 as c,
|
|
108
|
+
$337b884510726a0d$export$c6fdb837b070b4ff as d
|
|
109
109
|
};
|