@easypost/easy-ui 1.0.0-alpha.65 → 1.0.0-alpha.67
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 +13 -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/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +13 -13
- package/CodeBlock/index.mjs +13 -13
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/DataGrid/index.js +57 -57
- package/DataGrid/index.mjs +58 -58
- package/DatePicker/index.js +3 -3
- package/DatePicker/index.mjs +5 -5
- package/DateRangePicker/index.js +3 -3
- package/DateRangePicker/index.mjs +5 -5
- package/Drawer/index.js +18 -18
- package/Drawer/index.mjs +22 -22
- package/DropdownButton/index.js +12 -12
- package/DropdownButton/index.mjs +12 -12
- 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 +41 -231
- package/ForgeLayout/index.mjs +40 -230
- 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 +12 -12
- 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/MenuOverlay.d.ts.map +1 -1
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Menu/utilities.d.ts +3 -0
- package/Menu/utilities.d.ts.map +1 -1
- package/Modal/index.js +19 -19
- package/Modal/index.mjs +23 -23
- package/MultiSelect/MultiSelect.d.ts +123 -0
- package/MultiSelect/MultiSelect.d.ts.map +1 -0
- package/MultiSelect/MultiSelect.stories.d.ts +11 -0
- package/MultiSelect/MultiSelect.stories.d.ts.map +1 -0
- package/MultiSelect/MultiSelect.test.d.ts +2 -0
- package/MultiSelect/MultiSelect.test.d.ts.map +1 -0
- package/MultiSelect/MultiSelectDropdown.d.ts +22 -0
- package/MultiSelect/MultiSelectDropdown.d.ts.map +1 -0
- package/MultiSelect/index.d.ts +2 -0
- package/MultiSelect/index.d.ts.map +1 -0
- package/MultiSelect/index.js +1989 -0
- package/MultiSelect/index.mjs +1974 -0
- package/MultiSelect/utilities.d.ts +3 -0
- package/MultiSelect/utilities.d.ts.map +1 -0
- package/NexusLayout/index.js +28 -28
- package/NexusLayout/index.mjs +28 -28
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +7 -7
- package/Pagination/index.mjs +7 -7
- package/PillGroup/index.js +3 -1681
- package/PillGroup/index.mjs +3 -1681
- package/ProductLayout/index.js +21 -21
- package/ProductLayout/index.mjs +25 -25
- package/Provider/index.js +1 -1
- package/Provider/index.mjs +1 -1
- package/RadioButtonGroup/index.js +3 -3
- package/RadioButtonGroup/index.mjs +3 -3
- 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 +29 -29
- package/SearchNav/index.mjs +29 -29
- package/SectionCard/index.js +7 -7
- package/SectionCard/index.mjs +7 -7
- package/Select/index.js +5 -5
- package/Select/index.mjs +5 -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 +2 -2
- 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/VerticalNav/index.js +24 -24
- package/VerticalNav/index.mjs +24 -24
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-lb6KY-VK.mjs → Button-10mhxReQ.mjs} +18 -18
- package/__chunks__/{Button-CDRssWxC.mjs → Button-BqogJAQ3.mjs} +3 -3
- package/__chunks__/{Button-DXhw-VUb.js → Button-BxncM-fm.js} +18 -18
- package/__chunks__/{Button-BvLvcmfd.js → Button-Y550ybuK.js} +1 -1
- package/__chunks__/{Calendar-ChbA9Ste.mjs → Calendar-D0ysbR2X.mjs} +1 -1
- package/__chunks__/{Calendar-D-oFF4f4.js → Calendar-SdcIIg8-.js} +1 -1
- package/__chunks__/{CalendarBase-oPvH2YM1.js → CalendarBase-Vw2pBuuE.js} +18 -18
- package/__chunks__/{CalendarBase-DC8WR7md.mjs → CalendarBase-ncItGlBS.mjs} +18 -18
- package/__chunks__/{Card-CWv2re8Z.mjs → Card-B1cXTObc.mjs} +12 -12
- package/__chunks__/{Card-CRFM7MOD.js → Card-DaX-ZuLu.js} +12 -12
- package/__chunks__/{Checkbox-B7eahvPN.js → Checkbox-DSYdN5fC.js} +19 -19
- package/__chunks__/{Checkbox-XDmnzjIx.mjs → Checkbox-DdAWbHpa.mjs} +20 -20
- package/__chunks__/{CodeSnippet-CnjYkoJo.mjs → CodeSnippet-BbIqouQg.mjs} +2 -2
- package/__chunks__/{CodeSnippet-FCgb2RfQ.js → CodeSnippet-CPuuHMuI.js} +2 -2
- package/__chunks__/{DatePickerBase-DMmeUEou.js → DatePickerBase-D8v7yMaR.js} +18 -62
- package/__chunks__/{DatePickerBase-B9g5PeHi.mjs → DatePickerBase-DVA3ya0P.mjs} +20 -64
- package/__chunks__/Dialog-CFyC5TFs.js +232 -0
- package/__chunks__/Dialog-DnCSZh3s.mjs +233 -0
- package/__chunks__/{HelpMenu-BjEMVfGE.js → HelpMenu-CJK_EziM.js} +6 -6
- package/__chunks__/{HelpMenu-DWvUM5hz.mjs → HelpMenu-DeTGhGis.mjs} +6 -6
- package/__chunks__/{HorizontalGrid-BZX-WluO.js → HorizontalGrid-BYnV-Dy9.js} +1 -1
- package/__chunks__/{HorizontalGrid-DGrPEAhQ.mjs → HorizontalGrid-N2NkjG0P.mjs} +1 -1
- package/__chunks__/{HorizontalStack--Qc3cVBd.mjs → HorizontalStack-BjMnJAXd.mjs} +1 -1
- package/__chunks__/{HorizontalStack-VtCu2VMx.js → HorizontalStack-DqPlOkSw.js} +1 -1
- package/__chunks__/{Icon-BD88DLNr.mjs → Icon-QpfeMf4x.mjs} +2 -2
- package/__chunks__/{Icon-BDa4XL_V.js → Icon-SeXHAWa2.js} +2 -2
- package/__chunks__/{InputCaption-DYFfypKt.mjs → InputCaption-Bcjaxvqr.mjs} +2 -2
- package/__chunks__/{InputCaption-DKZRO84o.js → InputCaption-peDy98l4.js} +2 -2
- package/__chunks__/{InputField-Bv1SfmUB.mjs → InputField-CmJ6SAKl.mjs} +6 -89
- package/__chunks__/{InputField-C7Ti5JNz.js → InputField-DvSIzId4.js} +6 -89
- package/__chunks__/{InputIcon-VzRxuUky.mjs → InputIcon-BNR3_LeL.mjs} +31 -31
- package/__chunks__/{InputIcon-c-x0Whak.js → InputIcon-szDt09pM.js} +31 -31
- package/__chunks__/{KebabButton-TgeYkgj5.mjs → KebabButton-BcKtZQv2.mjs} +4 -4
- package/__chunks__/{KebabButton-CdlmuIRm.js → KebabButton-C4QJla9Y.js} +4 -4
- package/__chunks__/{Menu-C1Q0RfOp.js → Menu-C45BBC1Y.js} +22 -62
- package/__chunks__/{Menu-BL0okgwD.mjs → Menu-CW11-o2X.mjs} +22 -62
- package/__chunks__/{Notification-CZS59-s8.mjs → Notification-BJKPFSzJ.mjs} +14 -14
- package/__chunks__/{Notification-D7fRjiAH.js → Notification-CxrDF_Pg.js} +14 -14
- package/__chunks__/{Overlay-DyfvFsGi.mjs → Overlay-BEmOdNIB.mjs} +3 -3
- package/__chunks__/PillGroup-BUMKmU-f.js +2061 -0
- package/__chunks__/PillGroup-BtvBL5fM.mjs +2062 -0
- package/__chunks__/{RadioGroup-CYlZvoxh.js → RadioGroup-C0py9A-2.js} +15 -15
- package/__chunks__/{RadioGroup-D3RN5LLn.mjs → RadioGroup-DZXOUSXN.mjs} +16 -16
- package/__chunks__/{RangeCalendar-0Zt6GJAs.js → RangeCalendar-DBiN8Tu8.js} +1 -1
- package/__chunks__/{RangeCalendar-D5t6FuZp.mjs → RangeCalendar-DSEwJpHw.mjs} +1 -1
- package/__chunks__/{SelectOverlay-DAJ9-Wye.mjs → SelectOverlay-Cy3-vsZK.mjs} +29 -189
- package/__chunks__/{SelectOverlay-XRIcujy9.js → SelectOverlay-DBo4MARx.js} +28 -188
- package/__chunks__/{SelectorErrorTooltip-r2APVg60.js → SelectorErrorTooltip-DkECS0nt.js} +4 -4
- package/__chunks__/{SelectorErrorTooltip-BSNUFpGD.mjs → SelectorErrorTooltip-fPBKPgvD.mjs} +4 -4
- package/__chunks__/{Spinner-D9lZ3erf.js → Spinner-BadWfHqn.js} +5 -5
- package/__chunks__/{Spinner-C6CoASxe.mjs → Spinner-BjlaHcou.mjs} +5 -5
- package/__chunks__/{Stepper-BRecUCpd.mjs → Stepper-BB_ESAbw.mjs} +25 -25
- package/__chunks__/{Stepper-D0YDhoPF.js → Stepper-BqgzsSzg.js} +25 -25
- package/__chunks__/{TabNav-BzeG4JrK.mjs → TabNav-D77kh-Xx.mjs} +1 -1
- package/__chunks__/{TabNav-ipa33NIM.js → TabNav-DnnHglAy.js} +1 -1
- package/__chunks__/{Tabs-CsOlVyHJ.mjs → Tabs-C2FPFWA4.mjs} +17 -17
- package/__chunks__/{Tabs-CDUhh-Bz.js → Tabs-Y2WlJlna.js} +17 -17
- package/__chunks__/{Text-CntV2Frc.js → Text-Crcy_R7t.js} +34 -34
- package/__chunks__/{Text-BHyjSBcd.mjs → Text-V-yZP2s7.mjs} +34 -34
- package/__chunks__/{TextField-CBWpUHdy.js → TextField-D847huaI.js} +1 -1
- package/__chunks__/{TextField-Ca_M-pak.mjs → TextField-EkC5gsJ8.mjs} +1 -1
- package/__chunks__/{Toggle-C6ICkaF-.js → Toggle-CQIvcPcu.js} +11 -11
- package/__chunks__/{Toggle-BxtpUTDA.mjs → Toggle-H4aOxdc8.mjs} +11 -11
- package/__chunks__/{Tooltip-BK6l0C3n.mjs → Tooltip-CIS6DQEh.mjs} +10 -10
- package/__chunks__/{Tooltip-cqSETep4.js → Tooltip-DKFYEVdG.js} +8 -8
- package/__chunks__/{VerticalStack-BVtgNZrG.mjs → VerticalStack-Djj29NqV.mjs} +3 -3
- package/__chunks__/{VerticalStack-B7auhieq.js → VerticalStack-DjuWiMXF.js} +3 -3
- package/__chunks__/{useDialog-c-C07qhw.mjs → useDialog-h-MPfyGr.mjs} +1 -1
- package/__chunks__/{useEdgeInterceptors-DrJ9MQmY.mjs → useEdgeInterceptors-CJs5WRkG.mjs} +5 -5
- package/__chunks__/{useEdgeInterceptors-Bvg1fK8h.js → useEdgeInterceptors-ClXj8z7M.js} +5 -5
- package/__chunks__/useFilter-D-K0Oj-7.mjs +65 -0
- package/__chunks__/useFilter-DpnZ54nd.js +64 -0
- package/__chunks__/{useFormValidation-v2O6VL2V.mjs → useFormValidation-B3euLzzR.mjs} +4 -4
- package/__chunks__/useListBoxSection-BlFRlBZy.js +192 -0
- package/__chunks__/useListBoxSection-BsSdeGKp.mjs +193 -0
- package/__chunks__/{useTriggerWidth-CRz8zSDa.mjs → useMenuTrigger-D4pQ727R.mjs} +3 -130
- package/__chunks__/{useTriggerWidth-Dj7C0lza.js → useMenuTrigger-qbIPy-fg.js} +0 -127
- package/__chunks__/useMenuTriggerState-Cf_X36NC.mjs +67 -0
- package/__chunks__/useMenuTriggerState-Dai3rheB.js +66 -0
- package/__chunks__/{useModalOverlay-S0R2uVTX.mjs → useModalOverlay-CkOujl0G.mjs} +1 -1
- package/__chunks__/{useOverlayPosition-BjK7cu6U.mjs → useOverlayPosition-dua8TTSS.mjs} +1 -1
- package/__chunks__/{useOverlayTrigger-DDcXdZOM.mjs → useOverlayTrigger-BS8c6XEz.mjs} +1 -1
- package/__chunks__/{useSelectableItem-D61t76J1.mjs → useSelectableItem-B8l2VAQ8.mjs} +2 -2
- package/__chunks__/{useSelectableList-UkBCcTuC.js → useSelectableList-CzTJAukw.js} +15 -0
- package/__chunks__/{useSelectableList-BdG5I7cy.mjs → useSelectableList-DsUuWr0P.mjs} +18 -3
- package/__chunks__/useTextField-CErFc3WZ.js +106 -0
- package/__chunks__/useTextField-Dd-YTxI4.mjs +107 -0
- package/__chunks__/useTriggerWidth-B-IM2wNY.js +132 -0
- package/__chunks__/useTriggerWidth-CAYuGPNq.mjs +133 -0
- package/__chunks__/{utilities-CaBPUKEB.js → utilities-BDABIMDb.js} +4 -0
- package/__chunks__/{utilities-DASknbaa.mjs → utilities-DpKIaDkW.mjs} +5 -1
- package/__chunks__/{utils-D4ddhsBL.mjs → utils-Dt6xdGol.mjs} +10 -2
- package/__chunks__/{utils-DIF5XAA2.js → utils-eHk7b-OB.js} +8 -0
- package/package.json +2 -2
- package/style.css +1609 -1445
- package/utilities/storybook.d.ts +1 -0
- package/utilities/storybook.d.ts.map +1 -1
package/ForgeLayout/index.js
CHANGED
|
@@ -33,222 +33,32 @@ var __objRest = (source, exclude) => {
|
|
|
33
33
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const utilities_css = require("../utilities/css.js");
|
|
36
|
-
const Button = require("../__chunks__/Button-
|
|
37
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
38
|
-
const Icon = require("../__chunks__/Icon-
|
|
39
|
-
const Menu = require("../__chunks__/Menu-
|
|
40
|
-
const Text = require("../__chunks__/Text-
|
|
36
|
+
const Button = require("../__chunks__/Button-Y550ybuK.js");
|
|
37
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-DqPlOkSw.js");
|
|
38
|
+
const Icon = require("../__chunks__/Icon-SeXHAWa2.js");
|
|
39
|
+
const Menu = require("../__chunks__/Menu-C45BBC1Y.js");
|
|
40
|
+
const Text = require("../__chunks__/Text-Crcy_R7t.js");
|
|
41
41
|
const useFocusRing = require("../__chunks__/useFocusRing-DFRFvht_.js");
|
|
42
42
|
const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
|
|
43
43
|
const usePress = require("../__chunks__/usePress-DNETV97g.js");
|
|
44
44
|
const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
|
|
45
45
|
const useLink = require("../__chunks__/useLink-DSnaSTQf.js");
|
|
46
|
-
const VerticalStack = require("../__chunks__/VerticalStack-
|
|
47
|
-
const
|
|
48
|
-
const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
|
|
49
|
-
const Overlay = require("../__chunks__/Overlay-Dmwy9VjC.js");
|
|
50
|
-
const utilities = require("../__chunks__/utilities-CaBPUKEB.js");
|
|
51
|
-
const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-Dp7RXQ9B.js");
|
|
52
|
-
const useDialog = require("../__chunks__/useDialog-wy_ru95P.js");
|
|
46
|
+
const VerticalStack = require("../__chunks__/VerticalStack-DjuWiMXF.js");
|
|
47
|
+
const Dialog = require("../__chunks__/Dialog-CFyC5TFs.js");
|
|
53
48
|
const ArrowBack = require("../__chunks__/ArrowBack-C_LSatif.js");
|
|
54
49
|
const Search = require("../__chunks__/Search-BY7IgEyX.js");
|
|
55
50
|
const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
|
|
56
51
|
const UnstyledButton = require("../__chunks__/UnstyledButton-Dmq9K7Jv.js");
|
|
57
|
-
const RadioGroup = require("../__chunks__/RadioGroup-
|
|
58
|
-
const TextField = require("../__chunks__/TextField-
|
|
52
|
+
const RadioGroup = require("../__chunks__/RadioGroup-C0py9A-2.js");
|
|
53
|
+
const TextField = require("../__chunks__/TextField-D847huaI.js");
|
|
59
54
|
const utilities_react = require("../utilities/react.js");
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
const
|
|
66
|
-
const
|
|
67
|
-
placement: "bottom"
|
|
68
|
-
});
|
|
69
|
-
const $07b14b47974efb58$export$9b9a0cd73afb7ca4 = /* @__PURE__ */ React.createContext(null);
|
|
70
|
-
function $07b14b47974efb58$var$Popover(props, ref) {
|
|
71
|
-
[props, ref] = utils.$64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $07b14b47974efb58$export$9b9a0cd73afb7ca4);
|
|
72
|
-
let contextState = React.useContext($de32f1b87079253c$export$d2f961adcb0afbe);
|
|
73
|
-
let localState = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(props);
|
|
74
|
-
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
75
|
-
let isExiting = utils.$64fa3d84918910a7$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
|
|
76
|
-
let isHidden = Button.$f39a9eba43920ace$export$b5d7cc18bb8d2b59();
|
|
77
|
-
if (isHidden) {
|
|
78
|
-
let children = props.children;
|
|
79
|
-
if (typeof children === "function") children = children({
|
|
80
|
-
trigger: props.trigger || null,
|
|
81
|
-
placement: "bottom",
|
|
82
|
-
isEntering: false,
|
|
83
|
-
isExiting: false,
|
|
84
|
-
defaultChildren: null
|
|
85
|
-
});
|
|
86
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
|
|
87
|
-
}
|
|
88
|
-
if (state && !state.isOpen && !isExiting) return null;
|
|
89
|
-
return /* @__PURE__ */ React.createElement($07b14b47974efb58$var$PopoverInner, __spreadProps(__spreadValues({}, props), {
|
|
90
|
-
triggerRef: props.triggerRef,
|
|
91
|
-
state,
|
|
92
|
-
popoverRef: ref,
|
|
93
|
-
isExiting
|
|
94
|
-
}));
|
|
95
|
-
}
|
|
96
|
-
const $07b14b47974efb58$export$5b6b19405a83ff9d = /* @__PURE__ */ React.forwardRef($07b14b47974efb58$var$Popover);
|
|
97
|
-
function $07b14b47974efb58$var$PopoverInner(_a) {
|
|
98
|
-
var _b = _a, { state, isExiting, UNSTABLE_portalContainer } = _b, props = __objRest(_b, ["state", "isExiting", "UNSTABLE_portalContainer"]);
|
|
99
|
-
let arrowRef = React.useRef(null);
|
|
100
|
-
let [arrowWidth, setArrowWidth] = React.useState(0);
|
|
101
|
-
mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
102
|
-
if (arrowRef.current && state.isOpen) setArrowWidth(arrowRef.current.getBoundingClientRect().width);
|
|
103
|
-
}, [
|
|
104
|
-
state.isOpen,
|
|
105
|
-
arrowRef
|
|
106
|
-
]);
|
|
107
|
-
var _props_offset;
|
|
108
|
-
let { popoverProps, underlayProps, arrowProps, placement } = utilities.$f2f8a6077418541e$export$542a6fd13ac93354(__spreadProps(__spreadValues({}, props), {
|
|
109
|
-
offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8,
|
|
110
|
-
arrowSize: arrowWidth
|
|
111
|
-
}), state);
|
|
112
|
-
let ref = props.popoverRef;
|
|
113
|
-
let isEntering = utils.$64fa3d84918910a7$export$6d3443f2c48bfc20(ref, !!placement) || props.isEntering || false;
|
|
114
|
-
let renderProps = utils.$64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
|
|
115
|
-
defaultClassName: "react-aria-Popover",
|
|
116
|
-
values: {
|
|
117
|
-
trigger: props.trigger || null,
|
|
118
|
-
placement,
|
|
119
|
-
isEntering,
|
|
120
|
-
isExiting
|
|
121
|
-
}
|
|
122
|
-
}));
|
|
123
|
-
let style = __spreadValues(__spreadValues({}, popoverProps.style), renderProps.style);
|
|
124
|
-
return /* @__PURE__ */ React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, __spreadProps(__spreadValues({}, props), {
|
|
125
|
-
isExiting,
|
|
126
|
-
portalContainer: UNSTABLE_portalContainer
|
|
127
|
-
}), !props.isNonModal && state.isOpen && /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
|
|
128
|
-
"data-testid": "underlay"
|
|
129
|
-
}, underlayProps), {
|
|
130
|
-
style: {
|
|
131
|
-
position: "fixed",
|
|
132
|
-
inset: 0
|
|
133
|
-
}
|
|
134
|
-
})), /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props), popoverProps)), renderProps), {
|
|
135
|
-
ref,
|
|
136
|
-
slot: props.slot || void 0,
|
|
137
|
-
style,
|
|
138
|
-
"data-trigger": props.trigger,
|
|
139
|
-
"data-placement": placement,
|
|
140
|
-
"data-entering": isEntering || void 0,
|
|
141
|
-
"data-exiting": isExiting || void 0
|
|
142
|
-
}), !props.isNonModal && /* @__PURE__ */ React.createElement(utilities.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
143
|
-
onDismiss: state.close
|
|
144
|
-
}), /* @__PURE__ */ React.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
|
|
145
|
-
value: __spreadProps(__spreadValues({}, arrowProps), {
|
|
146
|
-
placement,
|
|
147
|
-
ref: arrowRef
|
|
148
|
-
})
|
|
149
|
-
}, renderProps.children), /* @__PURE__ */ React.createElement(utilities.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
150
|
-
onDismiss: state.close
|
|
151
|
-
})));
|
|
152
|
-
}
|
|
153
|
-
const $3674c52c6b3c5bce$export$795aec4671cbae19 = /* @__PURE__ */ React.createContext(null);
|
|
154
|
-
const $de32f1b87079253c$export$8b93a07348a7730c = /* @__PURE__ */ React.createContext(null);
|
|
155
|
-
const $de32f1b87079253c$export$d2f961adcb0afbe = /* @__PURE__ */ React.createContext(null);
|
|
156
|
-
function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
|
|
157
|
-
let state = Menu.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
|
|
158
|
-
let buttonRef = React.useRef(null);
|
|
159
|
-
let { triggerProps, overlayProps } = useOverlayTrigger.$628037886ba31236$export$f9d5c8beee7d008d({
|
|
160
|
-
type: "dialog"
|
|
161
|
-
}, state, buttonRef);
|
|
162
|
-
triggerProps.id = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
|
|
163
|
-
overlayProps["aria-labelledby"] = triggerProps.id;
|
|
164
|
-
return /* @__PURE__ */ React.createElement(utils.$64fa3d84918910a7$export$2881499e37b75b9a, {
|
|
165
|
-
values: [
|
|
166
|
-
[
|
|
167
|
-
$de32f1b87079253c$export$d2f961adcb0afbe,
|
|
168
|
-
state
|
|
169
|
-
],
|
|
170
|
-
[
|
|
171
|
-
$3674c52c6b3c5bce$export$795aec4671cbae19,
|
|
172
|
-
state
|
|
173
|
-
],
|
|
174
|
-
[
|
|
175
|
-
$de32f1b87079253c$export$8b93a07348a7730c,
|
|
176
|
-
overlayProps
|
|
177
|
-
],
|
|
178
|
-
[
|
|
179
|
-
$07b14b47974efb58$export$9b9a0cd73afb7ca4,
|
|
180
|
-
{
|
|
181
|
-
trigger: "DialogTrigger",
|
|
182
|
-
triggerRef: buttonRef
|
|
183
|
-
}
|
|
184
|
-
]
|
|
185
|
-
]
|
|
186
|
-
}, /* @__PURE__ */ React.createElement(Overlay.$f1ab8c75478c6f73$export$3351871ee4b288b8, __spreadProps(__spreadValues({}, triggerProps), {
|
|
187
|
-
ref: buttonRef,
|
|
188
|
-
isPressed: state.isOpen
|
|
189
|
-
}), props.children));
|
|
190
|
-
}
|
|
191
|
-
function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
192
|
-
let originalAriaLabelledby = props["aria-labelledby"];
|
|
193
|
-
[props, ref] = utils.$64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $de32f1b87079253c$export$8b93a07348a7730c);
|
|
194
|
-
let { dialogProps, titleProps } = useDialog.$40df3f8667284809$export$d55e7ee900f34e93(__spreadProps(__spreadValues({}, props), {
|
|
195
|
-
// Only pass aria-labelledby from props, not context.
|
|
196
|
-
// Context is used as a fallback below.
|
|
197
|
-
"aria-labelledby": originalAriaLabelledby
|
|
198
|
-
}), ref);
|
|
199
|
-
let state = React.useContext($de32f1b87079253c$export$d2f961adcb0afbe);
|
|
200
|
-
if (!dialogProps["aria-label"] && !dialogProps["aria-labelledby"]) {
|
|
201
|
-
if (props["aria-labelledby"]) dialogProps["aria-labelledby"] = props["aria-labelledby"];
|
|
202
|
-
else console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.');
|
|
203
|
-
}
|
|
204
|
-
let renderProps = utils.$64fa3d84918910a7$export$4d86445c2cf5e3({
|
|
205
|
-
defaultClassName: "react-aria-Dialog",
|
|
206
|
-
className: props.className,
|
|
207
|
-
style: props.style,
|
|
208
|
-
children: props.children,
|
|
209
|
-
values: {
|
|
210
|
-
close: (state === null || state === void 0 ? void 0 : state.close) || (() => {
|
|
211
|
-
})
|
|
212
|
-
}
|
|
213
|
-
});
|
|
214
|
-
return /* @__PURE__ */ React.createElement("section", __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props)), dialogProps), renderProps), {
|
|
215
|
-
ref,
|
|
216
|
-
slot: props.slot || void 0
|
|
217
|
-
}), /* @__PURE__ */ React.createElement(utils.$64fa3d84918910a7$export$2881499e37b75b9a, {
|
|
218
|
-
values: [
|
|
219
|
-
[
|
|
220
|
-
$4e85f108e88277b8$export$d688439359537581,
|
|
221
|
-
{
|
|
222
|
-
slots: {
|
|
223
|
-
[utils.$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
|
|
224
|
-
title: __spreadProps(__spreadValues({}, titleProps), {
|
|
225
|
-
level: 2
|
|
226
|
-
})
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
],
|
|
230
|
-
[
|
|
231
|
-
Button.$d2b4bc8c273e7be6$export$24d547caef80ccd1,
|
|
232
|
-
{
|
|
233
|
-
slots: {
|
|
234
|
-
[utils.$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
|
|
235
|
-
close: {
|
|
236
|
-
onPress: () => state === null || state === void 0 ? void 0 : state.close()
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
]
|
|
241
|
-
]
|
|
242
|
-
}, renderProps.children));
|
|
243
|
-
}
|
|
244
|
-
const $de32f1b87079253c$export$3ddf2d174ce01153 = /* @__PURE__ */ React.forwardRef($de32f1b87079253c$var$Dialog);
|
|
245
|
-
const button = "_button_ai4sn_5";
|
|
246
|
-
const focused$1 = "_focused_ai4sn_26";
|
|
247
|
-
const hovered$1 = "_hovered_ai4sn_40";
|
|
248
|
-
const selected$1 = "_selected_ai4sn_45";
|
|
249
|
-
const open = "_open_ai4sn_46";
|
|
250
|
-
const badgeContainer = "_badgeContainer_ai4sn_51";
|
|
251
|
-
const badge = "_badge_ai4sn_51";
|
|
55
|
+
const button = "_button_jzv9s_5";
|
|
56
|
+
const focused$1 = "_focused_jzv9s_26";
|
|
57
|
+
const hovered$1 = "_hovered_jzv9s_40";
|
|
58
|
+
const selected$1 = "_selected_jzv9s_45";
|
|
59
|
+
const open = "_open_jzv9s_46";
|
|
60
|
+
const badgeContainer = "_badgeContainer_jzv9s_51";
|
|
61
|
+
const badge = "_badge_jzv9s_51";
|
|
252
62
|
const styles$4 = {
|
|
253
63
|
button,
|
|
254
64
|
focused: focused$1,
|
|
@@ -338,11 +148,11 @@ const PressableButton = React.forwardRef((props, ref) => {
|
|
|
338
148
|
}));
|
|
339
149
|
});
|
|
340
150
|
PressableButton.displayName = "PressableButton";
|
|
341
|
-
const nav = "
|
|
342
|
-
const link = "
|
|
343
|
-
const focused = "
|
|
344
|
-
const hovered = "
|
|
345
|
-
const selected = "
|
|
151
|
+
const nav = "_nav_1ftmd_5";
|
|
152
|
+
const link = "_link_1ftmd_18";
|
|
153
|
+
const focused = "_focused_1ftmd_27";
|
|
154
|
+
const hovered = "_hovered_1ftmd_39";
|
|
155
|
+
const selected = "_selected_1ftmd_43";
|
|
346
156
|
const styles$3 = {
|
|
347
157
|
nav,
|
|
348
158
|
link,
|
|
@@ -431,8 +241,8 @@ function Logo() {
|
|
|
431
241
|
fill: "#0B2780"
|
|
432
242
|
}));
|
|
433
243
|
}
|
|
434
|
-
const header = "
|
|
435
|
-
const headerBg = "
|
|
244
|
+
const header = "_header_hp7nh_5";
|
|
245
|
+
const headerBg = "_headerBg_hp7nh_19";
|
|
436
246
|
const styles$2 = {
|
|
437
247
|
header,
|
|
438
248
|
headerBg
|
|
@@ -457,15 +267,15 @@ function ForgeLayoutHeader(props) {
|
|
|
457
267
|
className: styles$2.headerBg
|
|
458
268
|
}), children));
|
|
459
269
|
}
|
|
460
|
-
const controls = "
|
|
461
|
-
const breadcrumbNavigationContainer = "
|
|
462
|
-
const backButtonContainer = "
|
|
463
|
-
const backButton = "
|
|
464
|
-
const breadcrumbsContainer = "
|
|
465
|
-
const trigger = "
|
|
466
|
-
const triggerPopoverOpen = "
|
|
467
|
-
const popover = "
|
|
468
|
-
const searchContainer = "
|
|
270
|
+
const controls = "_controls_1sjlt_5";
|
|
271
|
+
const breadcrumbNavigationContainer = "_breadcrumbNavigationContainer_1sjlt_12";
|
|
272
|
+
const backButtonContainer = "_backButtonContainer_1sjlt_19";
|
|
273
|
+
const backButton = "_backButton_1sjlt_19";
|
|
274
|
+
const breadcrumbsContainer = "_breadcrumbsContainer_1sjlt_34";
|
|
275
|
+
const trigger = "_trigger_1sjlt_38";
|
|
276
|
+
const triggerPopoverOpen = "_triggerPopoverOpen_1sjlt_60";
|
|
277
|
+
const popover = "_popover_1sjlt_64";
|
|
278
|
+
const searchContainer = "_searchContainer_1sjlt_72";
|
|
469
279
|
const styles$1 = {
|
|
470
280
|
controls,
|
|
471
281
|
breadcrumbNavigationContainer,
|
|
@@ -556,7 +366,7 @@ function ForgeLayoutModeSwitcher(props) {
|
|
|
556
366
|
const { onModeChange } = props;
|
|
557
367
|
const { mode } = useForgeLayout();
|
|
558
368
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
559
|
-
return React.createElement(
|
|
369
|
+
return React.createElement(Dialog.$de32f1b87079253c$export$2e1e1122cf0cba88, null, React.createElement(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
|
|
560
370
|
className: utilities_css.classNames(styles$1.trigger, isOpen && styles$1.triggerPopoverOpen),
|
|
561
371
|
onPress: () => setIsOpen(true)
|
|
562
372
|
}, React.createElement(Text.Text, {
|
|
@@ -567,13 +377,13 @@ function ForgeLayoutModeSwitcher(props) {
|
|
|
567
377
|
symbol: ExpandMore400.ExpandMore400,
|
|
568
378
|
size: "md",
|
|
569
379
|
color: "neutral.500"
|
|
570
|
-
})), React.createElement(
|
|
380
|
+
})), React.createElement(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
|
|
571
381
|
className: styles$1.popover,
|
|
572
382
|
offset: POPOVER_OFFSET,
|
|
573
383
|
crossOffset: POPOVER_CROSS_OFFSET,
|
|
574
384
|
isOpen,
|
|
575
385
|
onOpenChange: setIsOpen
|
|
576
|
-
}, React.createElement(
|
|
386
|
+
}, React.createElement(Dialog.$de32f1b87079253c$export$3ddf2d174ce01153, null, React.createElement(VerticalStack.VerticalStack, {
|
|
577
387
|
gap: "1"
|
|
578
388
|
}, React.createElement(Text.Text, {
|
|
579
389
|
variant: "subtitle1",
|
|
@@ -615,12 +425,12 @@ function ForgeLayoutSearch(props) {
|
|
|
615
425
|
iconAtStart: Search.Search
|
|
616
426
|
}, textFieldProps)));
|
|
617
427
|
}
|
|
618
|
-
const ForgeLayout$1 = "
|
|
619
|
-
const modeTest = "
|
|
620
|
-
const bg = "
|
|
621
|
-
const backgroundDecoration01 = "
|
|
622
|
-
const body = "
|
|
623
|
-
const content = "
|
|
428
|
+
const ForgeLayout$1 = "_ForgeLayout_1qc4a_5";
|
|
429
|
+
const modeTest = "_modeTest_1qc4a_22";
|
|
430
|
+
const bg = "_bg_1qc4a_28";
|
|
431
|
+
const backgroundDecoration01 = "_backgroundDecoration01_1qc4a_37";
|
|
432
|
+
const body = "_body_1qc4a_43";
|
|
433
|
+
const content = "_content_1qc4a_49";
|
|
624
434
|
const styles = {
|
|
625
435
|
ForgeLayout: ForgeLayout$1,
|
|
626
436
|
modeTest,
|
package/ForgeLayout/index.mjs
CHANGED
|
@@ -29,224 +29,34 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import React__default, {
|
|
32
|
+
import React__default, { useState, useCallback, useRef, forwardRef, useContext, useMemo, createContext, Fragment } from "react";
|
|
33
33
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
34
|
-
import {
|
|
35
|
-
import { H as HorizontalStack } from "../__chunks__/HorizontalStack
|
|
36
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
37
|
-
import {
|
|
38
|
-
import { T as Text } from "../__chunks__/Text-
|
|
34
|
+
import { b as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-BqogJAQ3.mjs";
|
|
35
|
+
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BjMnJAXd.mjs";
|
|
36
|
+
import { I as Icon } from "../__chunks__/Icon-QpfeMf4x.mjs";
|
|
37
|
+
import { M as Menu } from "../__chunks__/Menu-CW11-o2X.mjs";
|
|
38
|
+
import { T as Text } from "../__chunks__/Text-V-yZP2s7.mjs";
|
|
39
39
|
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-YOWeCHgO.mjs";
|
|
40
40
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-BOYR4wqI.mjs";
|
|
41
41
|
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-Db4pSZfY.mjs";
|
|
42
|
-
import {
|
|
42
|
+
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-DSi85raC.mjs";
|
|
43
43
|
import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-xdTgcuUM.mjs";
|
|
44
|
-
import { V as VerticalStack } from "../__chunks__/VerticalStack-
|
|
45
|
-
import { $ as $
|
|
46
|
-
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
|
|
47
|
-
import { c as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff, e as $f1ab8c75478c6f73$export$3351871ee4b288b8 } from "../__chunks__/Overlay-DyfvFsGi.mjs";
|
|
48
|
-
import { $ as $f2f8a6077418541e$export$542a6fd13ac93354, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "../__chunks__/utilities-DASknbaa.mjs";
|
|
49
|
-
import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-DDcXdZOM.mjs";
|
|
50
|
-
import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-c-C07qhw.mjs";
|
|
44
|
+
import { V as VerticalStack } from "../__chunks__/VerticalStack-Djj29NqV.mjs";
|
|
45
|
+
import { $ as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $07b14b47974efb58$export$5b6b19405a83ff9d, b as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../__chunks__/Dialog-DnCSZh3s.mjs";
|
|
51
46
|
import { A as ArrowBack } from "../__chunks__/ArrowBack-BFS-tCpV.mjs";
|
|
52
47
|
import { S as Search } from "../__chunks__/Search-Cyblmqo5.mjs";
|
|
53
48
|
import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
|
|
54
49
|
import { U as UnstyledButton } from "../__chunks__/UnstyledButton-Ctqv-3bt.mjs";
|
|
55
|
-
import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-
|
|
56
|
-
import { T as TextField } from "../__chunks__/TextField-
|
|
50
|
+
import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-DZXOUSXN.mjs";
|
|
51
|
+
import { T as TextField } from "../__chunks__/TextField-EkC5gsJ8.mjs";
|
|
57
52
|
import { flattenChildren } from "../utilities/react.mjs";
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
const
|
|
64
|
-
const
|
|
65
|
-
placement: "bottom"
|
|
66
|
-
});
|
|
67
|
-
const $07b14b47974efb58$export$9b9a0cd73afb7ca4 = /* @__PURE__ */ createContext(null);
|
|
68
|
-
function $07b14b47974efb58$var$Popover(props, ref) {
|
|
69
|
-
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $07b14b47974efb58$export$9b9a0cd73afb7ca4);
|
|
70
|
-
let contextState = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
|
|
71
|
-
let localState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
|
|
72
|
-
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
73
|
-
let isExiting = $64fa3d84918910a7$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
|
|
74
|
-
let isHidden = $f39a9eba43920ace$export$b5d7cc18bb8d2b59();
|
|
75
|
-
if (isHidden) {
|
|
76
|
-
let children = props.children;
|
|
77
|
-
if (typeof children === "function") children = children({
|
|
78
|
-
trigger: props.trigger || null,
|
|
79
|
-
placement: "bottom",
|
|
80
|
-
isEntering: false,
|
|
81
|
-
isExiting: false,
|
|
82
|
-
defaultChildren: null
|
|
83
|
-
});
|
|
84
|
-
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
|
|
85
|
-
}
|
|
86
|
-
if (state && !state.isOpen && !isExiting) return null;
|
|
87
|
-
return /* @__PURE__ */ React__default.createElement($07b14b47974efb58$var$PopoverInner, __spreadProps(__spreadValues({}, props), {
|
|
88
|
-
triggerRef: props.triggerRef,
|
|
89
|
-
state,
|
|
90
|
-
popoverRef: ref,
|
|
91
|
-
isExiting
|
|
92
|
-
}));
|
|
93
|
-
}
|
|
94
|
-
const $07b14b47974efb58$export$5b6b19405a83ff9d = /* @__PURE__ */ forwardRef($07b14b47974efb58$var$Popover);
|
|
95
|
-
function $07b14b47974efb58$var$PopoverInner(_a) {
|
|
96
|
-
var _b = _a, { state, isExiting, UNSTABLE_portalContainer } = _b, props = __objRest(_b, ["state", "isExiting", "UNSTABLE_portalContainer"]);
|
|
97
|
-
let arrowRef = useRef(null);
|
|
98
|
-
let [arrowWidth, setArrowWidth] = useState(0);
|
|
99
|
-
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
100
|
-
if (arrowRef.current && state.isOpen) setArrowWidth(arrowRef.current.getBoundingClientRect().width);
|
|
101
|
-
}, [
|
|
102
|
-
state.isOpen,
|
|
103
|
-
arrowRef
|
|
104
|
-
]);
|
|
105
|
-
var _props_offset;
|
|
106
|
-
let { popoverProps, underlayProps, arrowProps, placement } = $f2f8a6077418541e$export$542a6fd13ac93354(__spreadProps(__spreadValues({}, props), {
|
|
107
|
-
offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8,
|
|
108
|
-
arrowSize: arrowWidth
|
|
109
|
-
}), state);
|
|
110
|
-
let ref = props.popoverRef;
|
|
111
|
-
let isEntering = $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, !!placement) || props.isEntering || false;
|
|
112
|
-
let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
|
|
113
|
-
defaultClassName: "react-aria-Popover",
|
|
114
|
-
values: {
|
|
115
|
-
trigger: props.trigger || null,
|
|
116
|
-
placement,
|
|
117
|
-
isEntering,
|
|
118
|
-
isExiting
|
|
119
|
-
}
|
|
120
|
-
}));
|
|
121
|
-
let style = __spreadValues(__spreadValues({}, popoverProps.style), renderProps.style);
|
|
122
|
-
return /* @__PURE__ */ React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, __spreadProps(__spreadValues({}, props), {
|
|
123
|
-
isExiting,
|
|
124
|
-
portalContainer: UNSTABLE_portalContainer
|
|
125
|
-
}), !props.isNonModal && state.isOpen && /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
|
|
126
|
-
"data-testid": "underlay"
|
|
127
|
-
}, underlayProps), {
|
|
128
|
-
style: {
|
|
129
|
-
position: "fixed",
|
|
130
|
-
inset: 0
|
|
131
|
-
}
|
|
132
|
-
})), /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props), popoverProps)), renderProps), {
|
|
133
|
-
ref,
|
|
134
|
-
slot: props.slot || void 0,
|
|
135
|
-
style,
|
|
136
|
-
"data-trigger": props.trigger,
|
|
137
|
-
"data-placement": placement,
|
|
138
|
-
"data-entering": isEntering || void 0,
|
|
139
|
-
"data-exiting": isExiting || void 0
|
|
140
|
-
}), !props.isNonModal && /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
141
|
-
onDismiss: state.close
|
|
142
|
-
}), /* @__PURE__ */ React__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
|
|
143
|
-
value: __spreadProps(__spreadValues({}, arrowProps), {
|
|
144
|
-
placement,
|
|
145
|
-
ref: arrowRef
|
|
146
|
-
})
|
|
147
|
-
}, renderProps.children), /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
148
|
-
onDismiss: state.close
|
|
149
|
-
})));
|
|
150
|
-
}
|
|
151
|
-
const $3674c52c6b3c5bce$export$795aec4671cbae19 = /* @__PURE__ */ createContext(null);
|
|
152
|
-
const $de32f1b87079253c$export$8b93a07348a7730c = /* @__PURE__ */ createContext(null);
|
|
153
|
-
const $de32f1b87079253c$export$d2f961adcb0afbe = /* @__PURE__ */ createContext(null);
|
|
154
|
-
function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
|
|
155
|
-
let state = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
|
|
156
|
-
let buttonRef = useRef(null);
|
|
157
|
-
let { triggerProps, overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
|
|
158
|
-
type: "dialog"
|
|
159
|
-
}, state, buttonRef);
|
|
160
|
-
triggerProps.id = $bdb11010cef70236$export$f680877a34711e37();
|
|
161
|
-
overlayProps["aria-labelledby"] = triggerProps.id;
|
|
162
|
-
return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
|
|
163
|
-
values: [
|
|
164
|
-
[
|
|
165
|
-
$de32f1b87079253c$export$d2f961adcb0afbe,
|
|
166
|
-
state
|
|
167
|
-
],
|
|
168
|
-
[
|
|
169
|
-
$3674c52c6b3c5bce$export$795aec4671cbae19,
|
|
170
|
-
state
|
|
171
|
-
],
|
|
172
|
-
[
|
|
173
|
-
$de32f1b87079253c$export$8b93a07348a7730c,
|
|
174
|
-
overlayProps
|
|
175
|
-
],
|
|
176
|
-
[
|
|
177
|
-
$07b14b47974efb58$export$9b9a0cd73afb7ca4,
|
|
178
|
-
{
|
|
179
|
-
trigger: "DialogTrigger",
|
|
180
|
-
triggerRef: buttonRef
|
|
181
|
-
}
|
|
182
|
-
]
|
|
183
|
-
]
|
|
184
|
-
}, /* @__PURE__ */ React__default.createElement($f1ab8c75478c6f73$export$3351871ee4b288b8, __spreadProps(__spreadValues({}, triggerProps), {
|
|
185
|
-
ref: buttonRef,
|
|
186
|
-
isPressed: state.isOpen
|
|
187
|
-
}), props.children));
|
|
188
|
-
}
|
|
189
|
-
function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
190
|
-
let originalAriaLabelledby = props["aria-labelledby"];
|
|
191
|
-
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $de32f1b87079253c$export$8b93a07348a7730c);
|
|
192
|
-
let { dialogProps, titleProps } = $40df3f8667284809$export$d55e7ee900f34e93(__spreadProps(__spreadValues({}, props), {
|
|
193
|
-
// Only pass aria-labelledby from props, not context.
|
|
194
|
-
// Context is used as a fallback below.
|
|
195
|
-
"aria-labelledby": originalAriaLabelledby
|
|
196
|
-
}), ref);
|
|
197
|
-
let state = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
|
|
198
|
-
if (!dialogProps["aria-label"] && !dialogProps["aria-labelledby"]) {
|
|
199
|
-
if (props["aria-labelledby"]) dialogProps["aria-labelledby"] = props["aria-labelledby"];
|
|
200
|
-
else console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.');
|
|
201
|
-
}
|
|
202
|
-
let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
|
|
203
|
-
defaultClassName: "react-aria-Dialog",
|
|
204
|
-
className: props.className,
|
|
205
|
-
style: props.style,
|
|
206
|
-
children: props.children,
|
|
207
|
-
values: {
|
|
208
|
-
close: (state === null || state === void 0 ? void 0 : state.close) || (() => {
|
|
209
|
-
})
|
|
210
|
-
}
|
|
211
|
-
});
|
|
212
|
-
return /* @__PURE__ */ React__default.createElement("section", __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props)), dialogProps), renderProps), {
|
|
213
|
-
ref,
|
|
214
|
-
slot: props.slot || void 0
|
|
215
|
-
}), /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
|
|
216
|
-
values: [
|
|
217
|
-
[
|
|
218
|
-
$4e85f108e88277b8$export$d688439359537581,
|
|
219
|
-
{
|
|
220
|
-
slots: {
|
|
221
|
-
[$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
|
|
222
|
-
title: __spreadProps(__spreadValues({}, titleProps), {
|
|
223
|
-
level: 2
|
|
224
|
-
})
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
],
|
|
228
|
-
[
|
|
229
|
-
$d2b4bc8c273e7be6$export$24d547caef80ccd1,
|
|
230
|
-
{
|
|
231
|
-
slots: {
|
|
232
|
-
[$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
|
|
233
|
-
close: {
|
|
234
|
-
onPress: () => state === null || state === void 0 ? void 0 : state.close()
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
]
|
|
239
|
-
]
|
|
240
|
-
}, renderProps.children));
|
|
241
|
-
}
|
|
242
|
-
const $de32f1b87079253c$export$3ddf2d174ce01153 = /* @__PURE__ */ forwardRef($de32f1b87079253c$var$Dialog);
|
|
243
|
-
const button = "_button_ai4sn_5";
|
|
244
|
-
const focused$1 = "_focused_ai4sn_26";
|
|
245
|
-
const hovered$1 = "_hovered_ai4sn_40";
|
|
246
|
-
const selected$1 = "_selected_ai4sn_45";
|
|
247
|
-
const open = "_open_ai4sn_46";
|
|
248
|
-
const badgeContainer = "_badgeContainer_ai4sn_51";
|
|
249
|
-
const badge = "_badge_ai4sn_51";
|
|
53
|
+
const button = "_button_jzv9s_5";
|
|
54
|
+
const focused$1 = "_focused_jzv9s_26";
|
|
55
|
+
const hovered$1 = "_hovered_jzv9s_40";
|
|
56
|
+
const selected$1 = "_selected_jzv9s_45";
|
|
57
|
+
const open = "_open_jzv9s_46";
|
|
58
|
+
const badgeContainer = "_badgeContainer_jzv9s_51";
|
|
59
|
+
const badge = "_badge_jzv9s_51";
|
|
250
60
|
const styles$4 = {
|
|
251
61
|
button,
|
|
252
62
|
focused: focused$1,
|
|
@@ -336,11 +146,11 @@ const PressableButton = forwardRef((props, ref) => {
|
|
|
336
146
|
}));
|
|
337
147
|
});
|
|
338
148
|
PressableButton.displayName = "PressableButton";
|
|
339
|
-
const nav = "
|
|
340
|
-
const link = "
|
|
341
|
-
const focused = "
|
|
342
|
-
const hovered = "
|
|
343
|
-
const selected = "
|
|
149
|
+
const nav = "_nav_1ftmd_5";
|
|
150
|
+
const link = "_link_1ftmd_18";
|
|
151
|
+
const focused = "_focused_1ftmd_27";
|
|
152
|
+
const hovered = "_hovered_1ftmd_39";
|
|
153
|
+
const selected = "_selected_1ftmd_43";
|
|
344
154
|
const styles$3 = {
|
|
345
155
|
nav,
|
|
346
156
|
link,
|
|
@@ -429,8 +239,8 @@ function Logo() {
|
|
|
429
239
|
fill: "#0B2780"
|
|
430
240
|
}));
|
|
431
241
|
}
|
|
432
|
-
const header = "
|
|
433
|
-
const headerBg = "
|
|
242
|
+
const header = "_header_hp7nh_5";
|
|
243
|
+
const headerBg = "_headerBg_hp7nh_19";
|
|
434
244
|
const styles$2 = {
|
|
435
245
|
header,
|
|
436
246
|
headerBg
|
|
@@ -455,15 +265,15 @@ function ForgeLayoutHeader(props) {
|
|
|
455
265
|
className: styles$2.headerBg
|
|
456
266
|
}), children));
|
|
457
267
|
}
|
|
458
|
-
const controls = "
|
|
459
|
-
const breadcrumbNavigationContainer = "
|
|
460
|
-
const backButtonContainer = "
|
|
461
|
-
const backButton = "
|
|
462
|
-
const breadcrumbsContainer = "
|
|
463
|
-
const trigger = "
|
|
464
|
-
const triggerPopoverOpen = "
|
|
465
|
-
const popover = "
|
|
466
|
-
const searchContainer = "
|
|
268
|
+
const controls = "_controls_1sjlt_5";
|
|
269
|
+
const breadcrumbNavigationContainer = "_breadcrumbNavigationContainer_1sjlt_12";
|
|
270
|
+
const backButtonContainer = "_backButtonContainer_1sjlt_19";
|
|
271
|
+
const backButton = "_backButton_1sjlt_19";
|
|
272
|
+
const breadcrumbsContainer = "_breadcrumbsContainer_1sjlt_34";
|
|
273
|
+
const trigger = "_trigger_1sjlt_38";
|
|
274
|
+
const triggerPopoverOpen = "_triggerPopoverOpen_1sjlt_60";
|
|
275
|
+
const popover = "_popover_1sjlt_64";
|
|
276
|
+
const searchContainer = "_searchContainer_1sjlt_72";
|
|
467
277
|
const styles$1 = {
|
|
468
278
|
controls,
|
|
469
279
|
breadcrumbNavigationContainer,
|
|
@@ -613,12 +423,12 @@ function ForgeLayoutSearch(props) {
|
|
|
613
423
|
iconAtStart: Search
|
|
614
424
|
}, textFieldProps)));
|
|
615
425
|
}
|
|
616
|
-
const ForgeLayout$1 = "
|
|
617
|
-
const modeTest = "
|
|
618
|
-
const bg = "
|
|
619
|
-
const backgroundDecoration01 = "
|
|
620
|
-
const body = "
|
|
621
|
-
const content = "
|
|
426
|
+
const ForgeLayout$1 = "_ForgeLayout_1qc4a_5";
|
|
427
|
+
const modeTest = "_modeTest_1qc4a_22";
|
|
428
|
+
const bg = "_bg_1qc4a_28";
|
|
429
|
+
const backgroundDecoration01 = "_backgroundDecoration01_1qc4a_37";
|
|
430
|
+
const body = "_body_1qc4a_43";
|
|
431
|
+
const content = "_content_1qc4a_49";
|
|
622
432
|
const styles = {
|
|
623
433
|
ForgeLayout: ForgeLayout$1,
|
|
624
434
|
modeTest,
|