@easypost/easy-ui 1.0.0-alpha.65 → 1.0.0-alpha.66
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/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-CDRssWxC.mjs → Button-BqogJAQ3.mjs} +3 -3
- package/__chunks__/{Button-DXhw-VUb.js → Button-CVaEK94Q.js} +18 -18
- package/__chunks__/{Button-lb6KY-VK.mjs → Button-CVbi-24J.mjs} +18 -18
- package/__chunks__/{Button-BvLvcmfd.js → Button-Y550ybuK.js} +1 -1
- package/__chunks__/{Calendar-ChbA9Ste.mjs → Calendar-C2JlXaSY.mjs} +1 -1
- package/__chunks__/{Calendar-D-oFF4f4.js → Calendar-CmF_v-Dn.js} +1 -1
- package/__chunks__/{CalendarBase-oPvH2YM1.js → CalendarBase-Cavy4k_H.js} +18 -18
- package/__chunks__/{CalendarBase-DC8WR7md.mjs → CalendarBase-aeU9JZC2.mjs} +18 -18
- package/__chunks__/{Card-CWv2re8Z.mjs → Card-B5c1vM8E.mjs} +12 -12
- package/__chunks__/{Card-CRFM7MOD.js → Card-BHZOcCVB.js} +12 -12
- package/__chunks__/{Checkbox-B7eahvPN.js → Checkbox-BmtLwm3J.js} +19 -19
- package/__chunks__/{Checkbox-XDmnzjIx.mjs → Checkbox-IhSMESiF.mjs} +20 -20
- package/__chunks__/{CodeSnippet-CnjYkoJo.mjs → CodeSnippet-DA3SuGi9.mjs} +2 -2
- package/__chunks__/{CodeSnippet-FCgb2RfQ.js → CodeSnippet-HAojQDBb.js} +2 -2
- package/__chunks__/{DatePickerBase-B9g5PeHi.mjs → DatePickerBase-DYuliQ2j.mjs} +20 -64
- package/__chunks__/{DatePickerBase-DMmeUEou.js → DatePickerBase-PqJZhPW5.js} +18 -62
- package/__chunks__/Dialog-CFyC5TFs.js +232 -0
- package/__chunks__/Dialog-DnCSZh3s.mjs +233 -0
- package/__chunks__/{HelpMenu-BjEMVfGE.js → HelpMenu-DttT1pkc.js} +6 -6
- package/__chunks__/{HelpMenu-DWvUM5hz.mjs → HelpMenu-dPaIsmEG.mjs} +6 -6
- package/__chunks__/{HorizontalGrid-BZX-WluO.js → HorizontalGrid-BFqXCljf.js} +1 -1
- package/__chunks__/{HorizontalGrid-DGrPEAhQ.mjs → HorizontalGrid-CyBrrh6k.mjs} +1 -1
- package/__chunks__/{HorizontalStack-VtCu2VMx.js → HorizontalStack-BG-lZii5.js} +1 -1
- package/__chunks__/{HorizontalStack--Qc3cVBd.mjs → HorizontalStack-p9m9muAJ.mjs} +1 -1
- package/__chunks__/{Icon-BDa4XL_V.js → Icon-BHbBKuGB.js} +2 -2
- package/__chunks__/{Icon-BD88DLNr.mjs → Icon-ZRjQkfey.mjs} +2 -2
- package/__chunks__/{InputCaption-DKZRO84o.js → InputCaption-BQw7pLl1.js} +2 -2
- package/__chunks__/{InputCaption-DYFfypKt.mjs → InputCaption-DE7SnGJr.mjs} +2 -2
- package/__chunks__/{InputField-Bv1SfmUB.mjs → InputField-1toY1X94.mjs} +6 -89
- package/__chunks__/{InputField-C7Ti5JNz.js → InputField-e2dBsTrQ.js} +6 -89
- package/__chunks__/{InputIcon-VzRxuUky.mjs → InputIcon-CKwsgYvg.mjs} +31 -31
- package/__chunks__/{InputIcon-c-x0Whak.js → InputIcon-DM19rdNu.js} +31 -31
- package/__chunks__/{KebabButton-CdlmuIRm.js → KebabButton-3APOVOtc.js} +4 -4
- package/__chunks__/{KebabButton-TgeYkgj5.mjs → KebabButton-CGvwEB3q.mjs} +4 -4
- package/__chunks__/{Menu-C1Q0RfOp.js → Menu-90Db_wYM.js} +22 -62
- package/__chunks__/{Menu-BL0okgwD.mjs → Menu-D7JiGJt4.mjs} +22 -62
- package/__chunks__/{Notification-CZS59-s8.mjs → Notification-C4gEE6IM.mjs} +14 -14
- package/__chunks__/{Notification-D7fRjiAH.js → Notification-DZ0uDsoT.js} +14 -14
- package/__chunks__/{Overlay-DyfvFsGi.mjs → Overlay-BEmOdNIB.mjs} +3 -3
- package/__chunks__/PillGroup-BetDOSFz.js +2061 -0
- package/__chunks__/PillGroup-Bp5vfk6Z.mjs +2062 -0
- package/__chunks__/{RadioGroup-D3RN5LLn.mjs → RadioGroup-DPJOnxCi.mjs} +16 -16
- package/__chunks__/{RadioGroup-CYlZvoxh.js → RadioGroup-Qn2c29rT.js} +15 -15
- package/__chunks__/{RangeCalendar-D5t6FuZp.mjs → RangeCalendar-BNySCRAa.mjs} +1 -1
- package/__chunks__/{RangeCalendar-0Zt6GJAs.js → RangeCalendar-lhIzCnWl.js} +1 -1
- package/__chunks__/{SelectOverlay-XRIcujy9.js → SelectOverlay-CoOED545.js} +28 -188
- package/__chunks__/{SelectOverlay-DAJ9-Wye.mjs → SelectOverlay-D12QgA_I.mjs} +29 -189
- package/__chunks__/{SelectorErrorTooltip-r2APVg60.js → SelectorErrorTooltip-CNinvIcU.js} +4 -4
- package/__chunks__/{SelectorErrorTooltip-BSNUFpGD.mjs → SelectorErrorTooltip-Cz7Uw_O_.mjs} +4 -4
- package/__chunks__/{Spinner-C6CoASxe.mjs → Spinner-Co64ezt-.mjs} +5 -5
- package/__chunks__/{Spinner-D9lZ3erf.js → Spinner-DTH0xdij.js} +5 -5
- package/__chunks__/{Stepper-D0YDhoPF.js → Stepper-DqcfNOrn.js} +25 -25
- package/__chunks__/{Stepper-BRecUCpd.mjs → Stepper-OFWKfhi3.mjs} +25 -25
- package/__chunks__/{TabNav-BzeG4JrK.mjs → TabNav-B44TuB70.mjs} +1 -1
- package/__chunks__/{TabNav-ipa33NIM.js → TabNav-DzF57oTN.js} +1 -1
- package/__chunks__/{Tabs-CsOlVyHJ.mjs → Tabs-ClOwavjv.mjs} +17 -17
- package/__chunks__/{Tabs-CDUhh-Bz.js → Tabs-CsxDAl1X.js} +17 -17
- package/__chunks__/{Text-CntV2Frc.js → Text-BwXTDw77.js} +34 -34
- package/__chunks__/{Text-BHyjSBcd.mjs → Text-DYLBjpe-.mjs} +34 -34
- package/__chunks__/{TextField-Ca_M-pak.mjs → TextField-DVWDMYaM.mjs} +1 -1
- package/__chunks__/{TextField-CBWpUHdy.js → TextField-YD_1oSnk.js} +1 -1
- package/__chunks__/{Toggle-BxtpUTDA.mjs → Toggle-DiK1wHdG.mjs} +11 -11
- package/__chunks__/{Toggle-C6ICkaF-.js → Toggle-gPKUf7QS.js} +11 -11
- package/__chunks__/{Tooltip-BK6l0C3n.mjs → Tooltip-BX_C7x_7.mjs} +10 -10
- package/__chunks__/{Tooltip-cqSETep4.js → Tooltip-DPZMv6Ia.js} +8 -8
- package/__chunks__/{VerticalStack-BVtgNZrG.mjs → VerticalStack-C466n8W1.mjs} +3 -3
- package/__chunks__/{VerticalStack-B7auhieq.js → VerticalStack-DIpmkisq.js} +3 -3
- package/__chunks__/{useDialog-c-C07qhw.mjs → useDialog-h-MPfyGr.mjs} +1 -1
- package/__chunks__/{useEdgeInterceptors-DrJ9MQmY.mjs → useEdgeInterceptors-BORL2txk.mjs} +5 -5
- package/__chunks__/{useEdgeInterceptors-Bvg1fK8h.js → useEdgeInterceptors-DU8I_hQ1.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 +1 -1
- package/style.css +1609 -1445
- package/utilities/storybook.d.ts +1 -0
- package/utilities/storybook.d.ts.map +1 -1
|
@@ -18,98 +18,15 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
import * as React from "react";
|
|
21
|
-
import React__default, {
|
|
21
|
+
import React__default, { useState } from "react";
|
|
22
22
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
23
|
-
import { L as Label, I as InputCaption } from "./InputCaption-
|
|
24
|
-
import { T as Text } from "./Text-
|
|
25
|
-
import { I as Icon } from "./Icon-
|
|
23
|
+
import { L as Label, I as InputCaption } from "./InputCaption-DE7SnGJr.mjs";
|
|
24
|
+
import { T as Text } from "./Text-DYLBjpe-.mjs";
|
|
25
|
+
import { I as Icon } from "./Icon-ZRjQkfey.mjs";
|
|
26
26
|
import { U as UnstyledButton } from "./UnstyledButton-Ctqv-3bt.mjs";
|
|
27
|
-
import { s as styles, m as mapIconSize, g as getElementType, a as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, I as InputIcon } from "./InputIcon-
|
|
28
|
-
import {
|
|
29
|
-
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
|
|
30
|
-
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
|
|
31
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
|
|
32
|
-
import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
|
|
33
|
-
import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-B6VplZ_n.mjs";
|
|
34
|
-
import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CNor_Zjt.mjs";
|
|
35
|
-
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, d as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-v2O6VL2V.mjs";
|
|
27
|
+
import { s as styles, m as mapIconSize, g as getElementType, a as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, I as InputIcon } from "./InputIcon-CKwsgYvg.mjs";
|
|
28
|
+
import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "./useTextField-Dd-YTxI4.mjs";
|
|
36
29
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
|
|
37
|
-
function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
38
|
-
let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
|
|
39
|
-
let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
|
|
40
|
-
let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
|
|
41
|
-
let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
|
|
42
|
-
value
|
|
43
|
-
}));
|
|
44
|
-
let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
|
|
45
|
-
let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d(__spreadProps(__spreadValues({}, props), {
|
|
46
|
-
isInvalid,
|
|
47
|
-
errorMessage: props.errorMessage || validationErrors
|
|
48
|
-
}));
|
|
49
|
-
let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
50
|
-
labelable: true
|
|
51
|
-
});
|
|
52
|
-
const inputOnlyProps = {
|
|
53
|
-
type,
|
|
54
|
-
pattern: props.pattern
|
|
55
|
-
};
|
|
56
|
-
$99facab73266f662$export$5add1d006293d136(ref, value, setValue);
|
|
57
|
-
$e93e671b31057976$export$b8473d3665f3a75a(props, validationState, ref);
|
|
58
|
-
useEffect(() => {
|
|
59
|
-
if (ref.current instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(ref.current).HTMLTextAreaElement) {
|
|
60
|
-
let input = ref.current;
|
|
61
|
-
Object.defineProperty(input, "defaultValue", {
|
|
62
|
-
get: () => input.value,
|
|
63
|
-
set: () => {
|
|
64
|
-
},
|
|
65
|
-
configurable: true
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
}, [
|
|
69
|
-
ref
|
|
70
|
-
]);
|
|
71
|
-
return {
|
|
72
|
-
labelProps,
|
|
73
|
-
inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" ? inputOnlyProps : void 0, __spreadValues(__spreadValues({
|
|
74
|
-
disabled: isDisabled,
|
|
75
|
-
readOnly: isReadOnly,
|
|
76
|
-
required: isRequired && validationBehavior === "native",
|
|
77
|
-
"aria-required": isRequired && validationBehavior === "aria" || void 0,
|
|
78
|
-
"aria-invalid": isInvalid || void 0,
|
|
79
|
-
"aria-errormessage": props["aria-errormessage"],
|
|
80
|
-
"aria-activedescendant": props["aria-activedescendant"],
|
|
81
|
-
"aria-autocomplete": props["aria-autocomplete"],
|
|
82
|
-
"aria-haspopup": props["aria-haspopup"],
|
|
83
|
-
value,
|
|
84
|
-
onChange: (e) => setValue(e.target.value),
|
|
85
|
-
autoComplete: props.autoComplete,
|
|
86
|
-
autoCapitalize: props.autoCapitalize,
|
|
87
|
-
maxLength: props.maxLength,
|
|
88
|
-
minLength: props.minLength,
|
|
89
|
-
name: props.name,
|
|
90
|
-
placeholder: props.placeholder,
|
|
91
|
-
inputMode: props.inputMode,
|
|
92
|
-
// Clipboard events
|
|
93
|
-
onCopy: props.onCopy,
|
|
94
|
-
onCut: props.onCut,
|
|
95
|
-
onPaste: props.onPaste,
|
|
96
|
-
// Composition events
|
|
97
|
-
onCompositionEnd: props.onCompositionEnd,
|
|
98
|
-
onCompositionStart: props.onCompositionStart,
|
|
99
|
-
onCompositionUpdate: props.onCompositionUpdate,
|
|
100
|
-
// Selection events
|
|
101
|
-
onSelect: props.onSelect,
|
|
102
|
-
// Input events
|
|
103
|
-
onBeforeInput: props.onBeforeInput,
|
|
104
|
-
onInput: props.onInput
|
|
105
|
-
}, focusableProps), fieldProps)),
|
|
106
|
-
descriptionProps,
|
|
107
|
-
errorMessageProps,
|
|
108
|
-
isInvalid,
|
|
109
|
-
validationErrors,
|
|
110
|
-
validationDetails
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
30
|
var __defProp$1 = Object.defineProperty;
|
|
114
31
|
var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
|
|
115
32
|
var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
|
|
@@ -20,19 +20,12 @@ var __spreadValues = (a, b) => {
|
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
21
|
const React = require("react");
|
|
22
22
|
const utilities_css = require("../utilities/css.js");
|
|
23
|
-
const InputCaption = require("./InputCaption-
|
|
24
|
-
const Text = require("./Text-
|
|
25
|
-
const Icon = require("./Icon-
|
|
23
|
+
const InputCaption = require("./InputCaption-BQw7pLl1.js");
|
|
24
|
+
const Text = require("./Text-BwXTDw77.js");
|
|
25
|
+
const Icon = require("./Icon-BHbBKuGB.js");
|
|
26
26
|
const UnstyledButton = require("./UnstyledButton-Dmq9K7Jv.js");
|
|
27
|
-
const InputIcon = require("./InputIcon-
|
|
28
|
-
const
|
|
29
|
-
const mergeProps = require("./mergeProps-DniMwM6P.js");
|
|
30
|
-
const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
|
|
31
|
-
const useFormReset = require("./useFormReset-Bgj93eR3.js");
|
|
32
|
-
const useControlledState = require("./useControlledState-mnKBd6Uc.js");
|
|
33
|
-
const useField = require("./useField-BJW_bXVD.js");
|
|
34
|
-
const useFocusable = require("./useFocusable-8kJcp2yc.js");
|
|
35
|
-
const useFormValidation = require("./useFormValidation-DYz5WFze.js");
|
|
27
|
+
const InputIcon = require("./InputIcon-DM19rdNu.js");
|
|
28
|
+
const useTextField = require("./useTextField-CErFc3WZ.js");
|
|
36
29
|
const useHover = require("./useHover-BIKwjrCT.js");
|
|
37
30
|
function _interopNamespaceDefault(e) {
|
|
38
31
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -51,82 +44,6 @@ function _interopNamespaceDefault(e) {
|
|
|
51
44
|
return Object.freeze(n);
|
|
52
45
|
}
|
|
53
46
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
54
|
-
function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
55
|
-
let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
|
|
56
|
-
let [value, setValue] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
|
|
57
|
-
let { focusableProps } = useFocusable.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
|
|
58
|
-
let validationState = useFormValidation.$e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
|
|
59
|
-
value
|
|
60
|
-
}));
|
|
61
|
-
let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
|
|
62
|
-
let { labelProps, fieldProps, descriptionProps, errorMessageProps } = useField.$2baaea4c71418dea$export$294aa081a6c6f55d(__spreadProps(__spreadValues({}, props), {
|
|
63
|
-
isInvalid,
|
|
64
|
-
errorMessage: props.errorMessage || validationErrors
|
|
65
|
-
}));
|
|
66
|
-
let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
67
|
-
labelable: true
|
|
68
|
-
});
|
|
69
|
-
const inputOnlyProps = {
|
|
70
|
-
type,
|
|
71
|
-
pattern: props.pattern
|
|
72
|
-
};
|
|
73
|
-
useFormReset.$99facab73266f662$export$5add1d006293d136(ref, value, setValue);
|
|
74
|
-
useFormValidation.$e93e671b31057976$export$b8473d3665f3a75a(props, validationState, ref);
|
|
75
|
-
React.useEffect(() => {
|
|
76
|
-
if (ref.current instanceof isVirtualEvent.$431fbd86ca7dc216$export$f21a1ffae260145a(ref.current).HTMLTextAreaElement) {
|
|
77
|
-
let input = ref.current;
|
|
78
|
-
Object.defineProperty(input, "defaultValue", {
|
|
79
|
-
get: () => input.value,
|
|
80
|
-
set: () => {
|
|
81
|
-
},
|
|
82
|
-
configurable: true
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
}, [
|
|
86
|
-
ref
|
|
87
|
-
]);
|
|
88
|
-
return {
|
|
89
|
-
labelProps,
|
|
90
|
-
inputProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" ? inputOnlyProps : void 0, __spreadValues(__spreadValues({
|
|
91
|
-
disabled: isDisabled,
|
|
92
|
-
readOnly: isReadOnly,
|
|
93
|
-
required: isRequired && validationBehavior === "native",
|
|
94
|
-
"aria-required": isRequired && validationBehavior === "aria" || void 0,
|
|
95
|
-
"aria-invalid": isInvalid || void 0,
|
|
96
|
-
"aria-errormessage": props["aria-errormessage"],
|
|
97
|
-
"aria-activedescendant": props["aria-activedescendant"],
|
|
98
|
-
"aria-autocomplete": props["aria-autocomplete"],
|
|
99
|
-
"aria-haspopup": props["aria-haspopup"],
|
|
100
|
-
value,
|
|
101
|
-
onChange: (e) => setValue(e.target.value),
|
|
102
|
-
autoComplete: props.autoComplete,
|
|
103
|
-
autoCapitalize: props.autoCapitalize,
|
|
104
|
-
maxLength: props.maxLength,
|
|
105
|
-
minLength: props.minLength,
|
|
106
|
-
name: props.name,
|
|
107
|
-
placeholder: props.placeholder,
|
|
108
|
-
inputMode: props.inputMode,
|
|
109
|
-
// Clipboard events
|
|
110
|
-
onCopy: props.onCopy,
|
|
111
|
-
onCut: props.onCut,
|
|
112
|
-
onPaste: props.onPaste,
|
|
113
|
-
// Composition events
|
|
114
|
-
onCompositionEnd: props.onCompositionEnd,
|
|
115
|
-
onCompositionStart: props.onCompositionStart,
|
|
116
|
-
onCompositionUpdate: props.onCompositionUpdate,
|
|
117
|
-
// Selection events
|
|
118
|
-
onSelect: props.onSelect,
|
|
119
|
-
// Input events
|
|
120
|
-
onBeforeInput: props.onBeforeInput,
|
|
121
|
-
onInput: props.onInput
|
|
122
|
-
}, focusableProps), fieldProps)),
|
|
123
|
-
descriptionProps,
|
|
124
|
-
errorMessageProps,
|
|
125
|
-
isInvalid,
|
|
126
|
-
validationErrors,
|
|
127
|
-
validationDetails
|
|
128
|
-
};
|
|
129
|
-
}
|
|
130
47
|
var __defProp$1 = Object.defineProperty;
|
|
131
48
|
var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
|
|
132
49
|
var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
|
|
@@ -225,7 +142,7 @@ function InputText(props) {
|
|
|
225
142
|
}
|
|
226
143
|
function useInputField(props, ref) {
|
|
227
144
|
const { isMultiline = false } = props;
|
|
228
|
-
const { labelProps, inputProps, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } =
|
|
145
|
+
const { labelProps, inputProps, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = useTextField.$2d73ec29415bd339$export$712718f7aec83d5(__spreadProps(__spreadValues({}, props), {
|
|
229
146
|
inputElementType: InputIcon.getElementType(isMultiline)
|
|
230
147
|
}), ref);
|
|
231
148
|
let elementProps = {};
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import React__default from "react";
|
|
2
|
-
import { I as Icon } from "./Icon-
|
|
2
|
+
import { I as Icon } from "./Icon-ZRjQkfey.mjs";
|
|
3
3
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
4
|
-
const root = "
|
|
5
|
-
const inputIconContainer = "
|
|
6
|
-
const label = "
|
|
7
|
-
const input = "
|
|
8
|
-
const errorInput = "
|
|
9
|
-
const inputSizeSm = "
|
|
10
|
-
const inputSizeLg = "
|
|
11
|
-
const passwordInput = "
|
|
12
|
-
const passwordBtn = "
|
|
13
|
-
const hovered = "
|
|
14
|
-
const textArea = "
|
|
15
|
-
const passwordBtnError = "
|
|
16
|
-
const passwordBtnSm = "
|
|
17
|
-
const passwordBtnLg = "
|
|
18
|
-
const icon = "
|
|
19
|
-
const iconDisabled = "
|
|
20
|
-
const iconStart = "
|
|
21
|
-
const iconEnd = "
|
|
22
|
-
const iconStartInput = "
|
|
23
|
-
const iconEndInput = "
|
|
24
|
-
const inputIconPlacementSm = "
|
|
25
|
-
const inputIconPlacementLg = "
|
|
26
|
-
const caption = "
|
|
27
|
-
const textStartInput = "
|
|
28
|
-
const textEndInput = "
|
|
29
|
-
const text = "
|
|
30
|
-
const inputTextPlacementSm = "
|
|
31
|
-
const inputTextPlacementLg = "
|
|
32
|
-
const textStart = "
|
|
33
|
-
const textEnd = "
|
|
4
|
+
const root = "_root_updfa_5";
|
|
5
|
+
const inputIconContainer = "_inputIconContainer_updfa_26";
|
|
6
|
+
const label = "_label_updfa_32";
|
|
7
|
+
const input = "_input_updfa_26";
|
|
8
|
+
const errorInput = "_errorInput_updfa_68";
|
|
9
|
+
const inputSizeSm = "_inputSizeSm_updfa_76";
|
|
10
|
+
const inputSizeLg = "_inputSizeLg_updfa_88";
|
|
11
|
+
const passwordInput = "_passwordInput_updfa_94";
|
|
12
|
+
const passwordBtn = "_passwordBtn_updfa_104";
|
|
13
|
+
const hovered = "_hovered_updfa_130";
|
|
14
|
+
const textArea = "_textArea_updfa_139";
|
|
15
|
+
const passwordBtnError = "_passwordBtnError_updfa_144";
|
|
16
|
+
const passwordBtnSm = "_passwordBtnSm_updfa_150";
|
|
17
|
+
const passwordBtnLg = "_passwordBtnLg_updfa_155";
|
|
18
|
+
const icon = "_icon_updfa_160";
|
|
19
|
+
const iconDisabled = "_iconDisabled_updfa_170";
|
|
20
|
+
const iconStart = "_iconStart_updfa_174";
|
|
21
|
+
const iconEnd = "_iconEnd_updfa_178";
|
|
22
|
+
const iconStartInput = "_iconStartInput_updfa_182";
|
|
23
|
+
const iconEndInput = "_iconEndInput_updfa_186";
|
|
24
|
+
const inputIconPlacementSm = "_inputIconPlacementSm_updfa_190";
|
|
25
|
+
const inputIconPlacementLg = "_inputIconPlacementLg_updfa_194";
|
|
26
|
+
const caption = "_caption_updfa_198";
|
|
27
|
+
const textStartInput = "_textStartInput_updfa_202";
|
|
28
|
+
const textEndInput = "_textEndInput_updfa_206";
|
|
29
|
+
const text = "_text_updfa_139";
|
|
30
|
+
const inputTextPlacementSm = "_inputTextPlacementSm_updfa_223";
|
|
31
|
+
const inputTextPlacementLg = "_inputTextPlacementLg_updfa_229";
|
|
32
|
+
const textStart = "_textStart_updfa_202";
|
|
33
|
+
const textEnd = "_textEnd_updfa_206";
|
|
34
34
|
const styles = {
|
|
35
35
|
root,
|
|
36
36
|
inputIconContainer,
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const React = require("react");
|
|
3
|
-
const Icon = require("./Icon-
|
|
3
|
+
const Icon = require("./Icon-BHbBKuGB.js");
|
|
4
4
|
const utilities_css = require("../utilities/css.js");
|
|
5
|
-
const root = "
|
|
6
|
-
const inputIconContainer = "
|
|
7
|
-
const label = "
|
|
8
|
-
const input = "
|
|
9
|
-
const errorInput = "
|
|
10
|
-
const inputSizeSm = "
|
|
11
|
-
const inputSizeLg = "
|
|
12
|
-
const passwordInput = "
|
|
13
|
-
const passwordBtn = "
|
|
14
|
-
const hovered = "
|
|
15
|
-
const textArea = "
|
|
16
|
-
const passwordBtnError = "
|
|
17
|
-
const passwordBtnSm = "
|
|
18
|
-
const passwordBtnLg = "
|
|
19
|
-
const icon = "
|
|
20
|
-
const iconDisabled = "
|
|
21
|
-
const iconStart = "
|
|
22
|
-
const iconEnd = "
|
|
23
|
-
const iconStartInput = "
|
|
24
|
-
const iconEndInput = "
|
|
25
|
-
const inputIconPlacementSm = "
|
|
26
|
-
const inputIconPlacementLg = "
|
|
27
|
-
const caption = "
|
|
28
|
-
const textStartInput = "
|
|
29
|
-
const textEndInput = "
|
|
30
|
-
const text = "
|
|
31
|
-
const inputTextPlacementSm = "
|
|
32
|
-
const inputTextPlacementLg = "
|
|
33
|
-
const textStart = "
|
|
34
|
-
const textEnd = "
|
|
5
|
+
const root = "_root_updfa_5";
|
|
6
|
+
const inputIconContainer = "_inputIconContainer_updfa_26";
|
|
7
|
+
const label = "_label_updfa_32";
|
|
8
|
+
const input = "_input_updfa_26";
|
|
9
|
+
const errorInput = "_errorInput_updfa_68";
|
|
10
|
+
const inputSizeSm = "_inputSizeSm_updfa_76";
|
|
11
|
+
const inputSizeLg = "_inputSizeLg_updfa_88";
|
|
12
|
+
const passwordInput = "_passwordInput_updfa_94";
|
|
13
|
+
const passwordBtn = "_passwordBtn_updfa_104";
|
|
14
|
+
const hovered = "_hovered_updfa_130";
|
|
15
|
+
const textArea = "_textArea_updfa_139";
|
|
16
|
+
const passwordBtnError = "_passwordBtnError_updfa_144";
|
|
17
|
+
const passwordBtnSm = "_passwordBtnSm_updfa_150";
|
|
18
|
+
const passwordBtnLg = "_passwordBtnLg_updfa_155";
|
|
19
|
+
const icon = "_icon_updfa_160";
|
|
20
|
+
const iconDisabled = "_iconDisabled_updfa_170";
|
|
21
|
+
const iconStart = "_iconStart_updfa_174";
|
|
22
|
+
const iconEnd = "_iconEnd_updfa_178";
|
|
23
|
+
const iconStartInput = "_iconStartInput_updfa_182";
|
|
24
|
+
const iconEndInput = "_iconEndInput_updfa_186";
|
|
25
|
+
const inputIconPlacementSm = "_inputIconPlacementSm_updfa_190";
|
|
26
|
+
const inputIconPlacementLg = "_inputIconPlacementLg_updfa_194";
|
|
27
|
+
const caption = "_caption_updfa_198";
|
|
28
|
+
const textStartInput = "_textStartInput_updfa_202";
|
|
29
|
+
const textEndInput = "_textEndInput_updfa_206";
|
|
30
|
+
const text = "_text_updfa_139";
|
|
31
|
+
const inputTextPlacementSm = "_inputTextPlacementSm_updfa_223";
|
|
32
|
+
const inputTextPlacementLg = "_inputTextPlacementLg_updfa_229";
|
|
33
|
+
const textStart = "_textStart_updfa_202";
|
|
34
|
+
const textEnd = "_textEnd_updfa_206";
|
|
35
35
|
const styles = {
|
|
36
36
|
root,
|
|
37
37
|
inputIconContainer,
|
|
@@ -33,8 +33,8 @@ var __objRest = (source, exclude) => {
|
|
|
33
33
|
const React = require("react");
|
|
34
34
|
const utilities_css = require("../utilities/css.js");
|
|
35
35
|
const usePress = require("./usePress-DNETV97g.js");
|
|
36
|
-
const Text = require("./Text-
|
|
37
|
-
const Icon = require("./Icon-
|
|
36
|
+
const Text = require("./Text-BwXTDw77.js");
|
|
37
|
+
const Icon = require("./Icon-BHbBKuGB.js");
|
|
38
38
|
function _interopNamespaceDefault(e) {
|
|
39
39
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
40
40
|
if (e) {
|
|
@@ -89,7 +89,7 @@ const MoreVert = (_a) => {
|
|
|
89
89
|
d: "M479.88-189.23q-15.09 0-25.72-10.75-10.62-10.74-10.62-25.83 0-15.09 10.75-25.91 10.74-10.82 25.83-10.82 15.09 0 25.72 10.87 10.62 10.86 10.62 26.12 0 15.1-10.75 25.71-10.74 10.61-25.83 10.61Zm0-254.31q-15.09 0-25.72-10.75-10.62-10.74-10.62-25.83 0-15.09 10.75-25.72 10.74-10.62 25.83-10.62 15.09 0 25.72 10.75 10.62 10.74 10.62 25.83 0 15.09-10.75 25.72-10.74 10.62-25.83 10.62Zm0-253.92q-15.09 0-25.72-10.87-10.62-10.86-10.62-26.12 0-15.1 10.75-25.71 10.74-10.61 25.83-10.61 15.09 0 25.72 10.75 10.62 10.74 10.62 25.83 0 15.09-10.75 25.91-10.74 10.82-25.83 10.82Z"
|
|
90
90
|
}));
|
|
91
91
|
};
|
|
92
|
-
const UnstyledPressButton$1 = "
|
|
92
|
+
const UnstyledPressButton$1 = "_UnstyledPressButton_ksnpk_5";
|
|
93
93
|
const styles$1 = {
|
|
94
94
|
UnstyledPressButton: UnstyledPressButton$1
|
|
95
95
|
};
|
|
@@ -101,7 +101,7 @@ const UnstyledPressButton = React.forwardRef((props, ref) => {
|
|
|
101
101
|
}));
|
|
102
102
|
});
|
|
103
103
|
UnstyledPressButton.displayName = "UnstyledPressButton";
|
|
104
|
-
const KebabButton$1 = "
|
|
104
|
+
const KebabButton$1 = "_KebabButton_rsijy_5";
|
|
105
105
|
const styles = {
|
|
106
106
|
KebabButton: KebabButton$1
|
|
107
107
|
};
|
|
@@ -33,8 +33,8 @@ import * as React from "react";
|
|
|
33
33
|
import React__default, { forwardRef } from "react";
|
|
34
34
|
import { classNames } from "../utilities/css.mjs";
|
|
35
35
|
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Db4pSZfY.mjs";
|
|
36
|
-
import { T as Text } from "./Text-
|
|
37
|
-
import { I as Icon } from "./Icon-
|
|
36
|
+
import { T as Text } from "./Text-DYLBjpe-.mjs";
|
|
37
|
+
import { I as Icon } from "./Icon-ZRjQkfey.mjs";
|
|
38
38
|
var __defProp2 = Object.defineProperty;
|
|
39
39
|
var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
|
|
40
40
|
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
@@ -72,7 +72,7 @@ const MoreVert = (_a) => {
|
|
|
72
72
|
d: "M479.88-189.23q-15.09 0-25.72-10.75-10.62-10.74-10.62-25.83 0-15.09 10.75-25.91 10.74-10.82 25.83-10.82 15.09 0 25.72 10.87 10.62 10.86 10.62 26.12 0 15.1-10.75 25.71-10.74 10.61-25.83 10.61Zm0-254.31q-15.09 0-25.72-10.75-10.62-10.74-10.62-25.83 0-15.09 10.75-25.72 10.74-10.62 25.83-10.62 15.09 0 25.72 10.75 10.62 10.74 10.62 25.83 0 15.09-10.75 25.72-10.74 10.62-25.83 10.62Zm0-253.92q-15.09 0-25.72-10.87-10.62-10.86-10.62-26.12 0-15.1 10.75-25.71 10.74-10.61 25.83-10.61 15.09 0 25.72 10.75 10.62 10.74 10.62 25.83 0 15.09-10.75 25.91-10.74 10.82-25.83 10.82Z"
|
|
73
73
|
}));
|
|
74
74
|
};
|
|
75
|
-
const UnstyledPressButton$1 = "
|
|
75
|
+
const UnstyledPressButton$1 = "_UnstyledPressButton_ksnpk_5";
|
|
76
76
|
const styles$1 = {
|
|
77
77
|
UnstyledPressButton: UnstyledPressButton$1
|
|
78
78
|
};
|
|
@@ -84,7 +84,7 @@ const UnstyledPressButton = forwardRef((props, ref) => {
|
|
|
84
84
|
}));
|
|
85
85
|
});
|
|
86
86
|
UnstyledPressButton.displayName = "UnstyledPressButton";
|
|
87
|
-
const KebabButton$1 = "
|
|
87
|
+
const KebabButton$1 = "_KebabButton_rsijy_5";
|
|
88
88
|
const styles = {
|
|
89
89
|
KebabButton: KebabButton$1
|
|
90
90
|
};
|
|
@@ -32,15 +32,14 @@ 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 utilities = require("./utilities-
|
|
35
|
+
const Checkbox = require("./Checkbox-BmtLwm3J.js");
|
|
36
|
+
const Text = require("./Text-BwXTDw77.js");
|
|
37
|
+
const utilities = require("./utilities-BDABIMDb.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-CzTJAukw.js");
|
|
42
42
|
const usePress = require("./usePress-DNETV97g.js");
|
|
43
|
-
const useTriggerWidth = require("./useTriggerWidth-Dj7C0lza.js");
|
|
44
43
|
const useFocus = require("./useFocus-B4oRb1dU.js");
|
|
45
44
|
const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
|
|
46
45
|
const useHover = require("./useHover-BIKwjrCT.js");
|
|
@@ -48,51 +47,11 @@ const useFocusable = require("./useFocusable-8kJcp2yc.js");
|
|
|
48
47
|
const useSelectableItem = require("./useSelectableItem-DpEX9QBc.js");
|
|
49
48
|
const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
|
|
50
49
|
const utilities_useScrollbar = require("../utilities/useScrollbar.js");
|
|
50
|
+
const useTriggerWidth = require("./useTriggerWidth-B-IM2wNY.js");
|
|
51
51
|
const Overlay = require("./Overlay-Dmwy9VjC.js");
|
|
52
52
|
const useTreeState = require("./useTreeState-D6aHf9kN.js");
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
let [focusStrategy, setFocusStrategy] = React.useState(null);
|
|
56
|
-
let [expandedKeysStack, setExpandedKeysStack] = React.useState([]);
|
|
57
|
-
let closeAll = () => {
|
|
58
|
-
setExpandedKeysStack([]);
|
|
59
|
-
overlayTriggerState.close();
|
|
60
|
-
};
|
|
61
|
-
let openSubmenu = (triggerKey, level) => {
|
|
62
|
-
setExpandedKeysStack((oldStack) => {
|
|
63
|
-
if (level > oldStack.length) return oldStack;
|
|
64
|
-
return [
|
|
65
|
-
...oldStack.slice(0, level),
|
|
66
|
-
triggerKey
|
|
67
|
-
];
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
let closeSubmenu = (triggerKey, level) => {
|
|
71
|
-
setExpandedKeysStack((oldStack) => {
|
|
72
|
-
let key = oldStack[level];
|
|
73
|
-
if (key === triggerKey) return oldStack.slice(0, level);
|
|
74
|
-
else return oldStack;
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
return __spreadProps(__spreadValues({
|
|
78
|
-
focusStrategy
|
|
79
|
-
}, overlayTriggerState), {
|
|
80
|
-
open(focusStrategy2 = null) {
|
|
81
|
-
setFocusStrategy(focusStrategy2);
|
|
82
|
-
overlayTriggerState.open();
|
|
83
|
-
},
|
|
84
|
-
toggle(focusStrategy2 = null) {
|
|
85
|
-
setFocusStrategy(focusStrategy2);
|
|
86
|
-
overlayTriggerState.toggle();
|
|
87
|
-
},
|
|
88
|
-
close() {
|
|
89
|
-
closeAll();
|
|
90
|
-
},
|
|
91
|
-
expandedKeysStack,
|
|
92
|
-
openSubmenu,
|
|
93
|
-
closeSubmenu
|
|
94
|
-
});
|
|
95
|
-
}
|
|
53
|
+
const useMenuTriggerState = require("./useMenuTriggerState-Dai3rheB.js");
|
|
54
|
+
const useMenuTrigger = require("./useMenuTrigger-qbIPy-fg.js");
|
|
96
55
|
const $d5336fe17ce95402$export$6f49b4016bfc8d56 = /* @__PURE__ */ new WeakMap();
|
|
97
56
|
function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
|
|
98
57
|
let _a = props, { shouldFocusWrap = true, onKeyDown, onKeyUp } = _a, otherProps = __objRest(_a, ["shouldFocusWrap", "onKeyDown", "onKeyUp"]);
|
|
@@ -174,7 +133,7 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
174
133
|
if (selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
|
|
175
134
|
if (isVirtualized) {
|
|
176
135
|
ariaProps["aria-posinset"] = item2 === null || item2 === void 0 ? void 0 : item2.index;
|
|
177
|
-
ariaProps["aria-setsize"] =
|
|
136
|
+
ariaProps["aria-setsize"] = useSelectableList.$453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
|
|
178
137
|
}
|
|
179
138
|
let onPressStart = (e) => {
|
|
180
139
|
if (e.pointerType === "keyboard") performAction(e);
|
|
@@ -300,15 +259,15 @@ function useInternalMenuContext() {
|
|
|
300
259
|
}
|
|
301
260
|
return menuContext;
|
|
302
261
|
}
|
|
303
|
-
const underlay = "
|
|
304
|
-
const root = "
|
|
305
|
-
const menu = "
|
|
306
|
-
const menuList = "
|
|
307
|
-
const sectionList = "
|
|
308
|
-
const sectionTitle = "
|
|
309
|
-
const itemContent = "
|
|
310
|
-
const separator = "
|
|
311
|
-
const item = "
|
|
262
|
+
const underlay = "_underlay_1pq0e_5";
|
|
263
|
+
const root = "_root_1pq0e_10";
|
|
264
|
+
const menu = "_menu_1pq0e_74";
|
|
265
|
+
const menuList = "_menuList_1pq0e_79";
|
|
266
|
+
const sectionList = "_sectionList_1pq0e_80";
|
|
267
|
+
const sectionTitle = "_sectionTitle_1pq0e_86";
|
|
268
|
+
const itemContent = "_itemContent_1pq0e_93";
|
|
269
|
+
const separator = "_separator_1pq0e_94";
|
|
270
|
+
const item = "_item_1pq0e_93";
|
|
312
271
|
const styles = {
|
|
313
272
|
underlay,
|
|
314
273
|
root,
|
|
@@ -424,7 +383,9 @@ function MenuOverlayContent(props) {
|
|
|
424
383
|
const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
|
|
425
384
|
const { popoverProps, underlayProps } = utilities.$f2f8a6077418541e$export$542a6fd13ac93354({
|
|
426
385
|
containerPadding: utilities.OVERLAY_PADDING_FROM_CONTAINER,
|
|
427
|
-
maxHeight: utilities.
|
|
386
|
+
maxHeight: utilities.getMenuPopoverMaxHeight({
|
|
387
|
+
maxItemsUntilScroll
|
|
388
|
+
}),
|
|
428
389
|
offset: utilities.OVERLAY_OFFSET,
|
|
429
390
|
placement,
|
|
430
391
|
popoverRef,
|
|
@@ -506,8 +467,8 @@ function MenuTrigger(props) {
|
|
|
506
467
|
function Menu(props) {
|
|
507
468
|
const { children } = props;
|
|
508
469
|
const triggerRef = React.useRef(null);
|
|
509
|
-
const menuTriggerState =
|
|
510
|
-
const { menuTriggerProps, menuProps: menuPropsFromTrigger } =
|
|
470
|
+
const menuTriggerState = useMenuTriggerState.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
|
|
471
|
+
const { menuTriggerProps, menuProps: menuPropsFromTrigger } = useMenuTrigger.$168583247155ddda$export$dc9c12ed27dd1b49(__spreadProps(__spreadValues({}, props), {
|
|
511
472
|
type: "menu"
|
|
512
473
|
}), menuTriggerState, triggerRef);
|
|
513
474
|
const triggerWidth = useTriggerWidth.useTriggerWidth(triggerRef);
|
|
@@ -528,5 +489,4 @@ Menu.Trigger = MenuTrigger;
|
|
|
528
489
|
Menu.Overlay = MenuOverlay;
|
|
529
490
|
Menu.Section = MenuSection;
|
|
530
491
|
Menu.Item = MenuItem;
|
|
531
|
-
exports.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3 = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3;
|
|
532
492
|
exports.Menu = Menu;
|