@eightshift/ui-components 5.1.4 → 5.2.1
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/dist/{Button-DH22t_SM.js → Button-RTwMSBs-.js} +20 -26
- package/dist/{Collection-BRJOMbOa.js → Collection-D_KhdLDC.js} +40 -23
- package/dist/{Color-CNqKeT8D.js → Color-WxFE7lQB.js} +2 -2
- package/dist/{ColorSwatch-Dt3lRApA.js → ColorSwatch-xVS3rMYS.js} +9 -7
- package/dist/{Dialog-D6EdDPeu.js → Dialog-Xf6AsnV-.js} +86 -62
- package/dist/{FieldError-DHrSdE_Q.js → FieldError-B8BgFmIQ.js} +2 -2
- package/dist/{FocusScope-BEPI2m7u.js → FocusScope-BnwM-e8R.js} +24 -22
- package/dist/{Form-Bnyyv3Im.js → Form-BeMxJA29.js} +13 -3
- package/dist/{Input-DfSBLhDx.js → Group-C4cXobNT.js} +56 -11
- package/dist/{Heading-ba38ScjJ.js → Heading-bh1HU5HH.js} +1 -1
- package/dist/{Label-JS_ob-kh.js → Label-DWVaNd2E.js} +1 -1
- package/dist/{List-BLeHBkfx.js → List-CwJTORxj.js} +1 -1
- package/dist/{ListBox-BY3gwI8c.js → ListBox-BeC97FZ4.js} +62 -38
- package/dist/{OverlayArrow-BUfV-5P3.js → OverlayArrow-EZ0v_ljk.js} +6 -6
- package/dist/{Select-BebwUgKB.js → Select-DEQf8ZWI.js} +96 -58
- package/dist/{Select-aab027f3.esm-BKIJGje-.js → Select-ef7c0426.esm-D6WOCaYm.js} +11 -6
- package/dist/{Separator-CTQWg_HO.js → Separator-Fl7qSeN-.js} +37 -20
- package/dist/{Slider-uOPcIpqS.js → Slider-BQFSEhvk.js} +28 -21
- package/dist/{Text-BuJgePCv.js → Text-AxKZjtFm.js} +1 -1
- package/dist/{TextField-o2U-uBWv.js → TextField-x_eEa_qR.js} +20 -10
- package/dist/{VisuallyHidden-BYi0pekx.js → VisuallyHidden-D9s7FTtC.js} +2 -2
- package/dist/assets/style-admin.css +227 -3
- package/dist/assets/style-editor.css +227 -3
- package/dist/assets/style.css +227 -3
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/button/button.js +11 -10
- package/dist/components/checkbox/checkbox.js +17 -12
- package/dist/components/color-pickers/color-picker.js +1 -1
- package/dist/components/color-pickers/color-swatch.js +3 -3
- package/dist/components/color-pickers/gradient-editor.js +3 -2
- package/dist/components/color-pickers/solid-color-picker.js +85 -49
- package/dist/components/component-toggle/component-toggle.js +2 -1
- package/dist/components/draggable/draggable-handle.js +1 -1
- package/dist/components/draggable/draggable.js +191 -170
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/draggable-list/draggable-list.js +2 -2
- package/dist/components/expandable/expandable.js +18 -18
- package/dist/components/index.js +5 -1
- package/dist/components/input-field/input-field.js +3 -3
- package/dist/components/item-collection/item-collection.js +1 -1
- package/dist/components/link-input/link-input.js +45 -34
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +3 -3
- package/dist/components/modal/modal.js +39 -13
- package/dist/components/number-picker/number-picker.js +15 -13
- package/dist/components/option-select/option-select.js +1 -1
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/placeholders/file-placeholder.js +1 -1
- package/dist/components/popover/popover.js +2 -2
- package/dist/components/radio/radio.js +45 -22
- package/dist/components/repeater/repeater-item.js +1 -1
- package/dist/components/repeater/repeater.js +2 -2
- package/dist/components/responsive/mini-responsive.js +3 -2
- package/dist/components/responsive/responsive-legacy.js +2 -1
- package/dist/components/responsive/responsive.js +2 -1
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/select/async-multi-select.js +3 -3
- package/dist/components/select/async-single-select.js +2 -2
- package/dist/components/select/custom-select-default-components.js +1 -1
- package/dist/components/select/multi-select-components.js +1 -1
- package/dist/components/select/multi-select.js +3 -3
- package/dist/components/select/react-select-component-wrappers.js +1 -1
- package/dist/components/select/shared.js +19 -1
- package/dist/components/select/single-select.js +2 -2
- package/dist/components/select/v2/async-multi-select.js +432 -0
- package/dist/components/select/v2/async-select.js +25 -14
- package/dist/components/select/v2/multi-select.js +403 -0
- package/dist/components/select/v2/shared.js +44 -8
- package/dist/components/select/v2/single-select.js +10 -10
- package/dist/components/slider/column-config-slider.js +3 -3
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/slider/utils.js +2 -1
- package/dist/components/tabs/tabs.js +33 -23
- package/dist/components/toggle/switch.js +11 -8
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +14 -8
- package/dist/components/tooltip/tooltip.js +9 -7
- package/dist/{context-BbYZoHvX.js → context-DMOmz986.js} +1 -1
- package/dist/{default-i18n-OFa3zAyB.js → default-i18n-DY6EfUSA.js} +21 -284
- package/dist/filterDOMProps-D2C6R0DK.js +71 -0
- package/dist/icons/icons.js +1 -1
- package/dist/{index-641ee5b8.esm-BPU8rMZr.js → index-641ee5b8.esm-Bu-mgopl.js} +1 -1
- package/dist/{index-CFozsmNS.js → index-CBHA_HDD.js} +3 -1
- package/dist/{index-BljRBEr_.js → index-Dq3gT5pW.js} +1 -1
- package/dist/index.js +4 -0
- package/dist/{multi-select-components-BcKzA24f.js → multi-select-components-rCCyCaKO.js} +1 -1
- package/dist/{number-CHmNj-oR.js → number-7sOvrqo0.js} +7 -2
- package/dist/{react-select-async.esm-D937XTWW.js → react-select-async.esm-XYrsKYb2.js} +3 -3
- package/dist/{react-select.esm-Ciai3aKf.js → react-select.esm-CCSPY6XR.js} +3 -3
- package/dist/sprintf-DmNrJSYG.js +51 -0
- package/dist/{textSelection-8DpK8fJl.js → textSelection-D5tWX1rJ.js} +1 -1
- package/dist/{useAsyncList-fLtZMvJO.js → useAsyncList-ZqaIH2gh.js} +1 -1
- package/dist/{useButton-lRcWnvOB.js → useButton-BtJSiQi3.js} +13 -5
- package/dist/useDragAndDrop-CddFteYC.js +3917 -0
- package/dist/{useEvent-ICdlokG-.js → useEvent-BifIGnVS.js} +1 -1
- package/dist/{useFilter-BR5z1A4Q.js → useFilter-Cl2ggwwq.js} +1 -1
- package/dist/{useFocusRing-Bv0UJQl8.js → useFocusRing-D5BfOWag.js} +3 -3
- package/dist/{useFormReset-D2YaWRIA.js → useFormReset-yV9VVy9R.js} +3 -4
- package/dist/{useHover-C2SkI1Fn.js → useHover-44IApaa2.js} +67 -34
- package/dist/{useLabel-BPCd5c7-.js → useLabel-C8umX0gk.js} +2 -2
- package/dist/{useLabels-B7-lUnAF.js → useLabels-Cdxi6JSa.js} +1 -1
- package/dist/{useListState-BrZ2XvDS.js → useListState-BSkHuB7-.js} +1 -1
- package/dist/{useLocalizedStringFormatter-C9GO0IDB.js → useLocalizedStringFormatter-eaZiN2tE.js} +1 -1
- package/dist/{useNumberField-y0dLc_6m.js → useNumberField-JhWPy1JY.js} +23 -16
- package/dist/{useNumberFormatter-CZ9QUnRt.js → useNumberFormatter-BCmkV-7c.js} +1 -1
- package/dist/{usePress-DWBuejBp.js → usePress-BnrkvZ7e.js} +20 -5
- package/dist/{useSingleSelectListState-Bh46cRXs.js → useSingleSelectListState-CzJFsSHr.js} +2 -2
- package/dist/{useToggle-yGuUBU7q.js → useToggle-OaIBlwRu.js} +21 -8
- package/dist/{useToggleState-ibcBUHnB.js → useToggleState-BF8hvidm.js} +5 -1
- package/dist/{utils-CZt7LCbO.js → utils-cvK1vxO7.js} +9 -7
- package/package.json +18 -18
- package/dist/Group-LBogWgyp.js +0 -48
- package/dist/_commonjsHelpers-CUmg6egw.js +0 -6
- package/dist/filterDOMProps-EDDcM64A.js +0 -28
|
@@ -1,27 +1,26 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { c as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-
|
|
3
|
-
import { p as $ff5963eb1fccf552$export$e08e3b67e392101e,
|
|
4
|
-
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-
|
|
5
|
-
import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-
|
|
6
|
-
import { $ as $a049562f99e7db0e$export$f9c6924e160136d1,
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { $ as $
|
|
14
|
-
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-BUfV-5P3.js";
|
|
2
|
+
import { c as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-RTwMSBs-.js";
|
|
3
|
+
import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
|
|
4
|
+
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
|
|
5
|
+
import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-BeMxJA29.js";
|
|
6
|
+
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Group-C4cXobNT.js";
|
|
7
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
|
|
8
|
+
import { e as $b1f0cad8af73213b$export$3585ede4d035bf14, f as $b1f0cad8af73213b$export$9145995848b05025, c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-BeC97FZ4.js";
|
|
9
|
+
import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-Xf6AsnV-.js";
|
|
10
|
+
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
|
|
11
|
+
import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, m as $c5a24bc478652b5f$export$1005530eda016c13, n as $55f9b1ae81f22853$export$2b35b76d2e30e129, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../Collection-D_KhdLDC.js";
|
|
12
|
+
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
13
|
+
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-EZ0v_ljk.js";
|
|
15
14
|
import React__default, { useRef, useEffect, useMemo, useState, useCallback, forwardRef, createContext, cloneElement } from "react";
|
|
16
|
-
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-
|
|
17
|
-
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-
|
|
18
|
-
import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-
|
|
19
|
-
import { K as $c87311424ea30a05$export$e1865c3bedcd822b,
|
|
20
|
-
import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-
|
|
21
|
-
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-
|
|
22
|
-
import { i as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-
|
|
23
|
-
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-
|
|
24
|
-
import { _ as __ } from "../../default-i18n-
|
|
15
|
+
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-Cl2ggwwq.js";
|
|
16
|
+
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CzJFsSHr.js";
|
|
17
|
+
import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-BSkHuB7-.js";
|
|
18
|
+
import { K as $c87311424ea30a05$export$e1865c3bedcd822b, h as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-44IApaa2.js";
|
|
19
|
+
import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-BnrkvZ7e.js";
|
|
20
|
+
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-Cdxi6JSa.js";
|
|
21
|
+
import { i as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-Fl7qSeN-.js";
|
|
22
|
+
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-eaZiN2tE.js";
|
|
23
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
25
24
|
import { icons } from "../../icons/icons.js";
|
|
26
25
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
27
26
|
import { Spacer } from "../spacer/spacer.js";
|
|
@@ -29,7 +28,7 @@ import { Tooltip } from "../tooltip/tooltip.js";
|
|
|
29
28
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
30
29
|
import { BaseControl } from "../base-control/base-control.js";
|
|
31
30
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
32
|
-
import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncList-
|
|
31
|
+
import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncList-ZqaIH2gh.js";
|
|
33
32
|
function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
|
|
34
33
|
const isInitialMount = useRef(true);
|
|
35
34
|
const lastDeps = useRef(null);
|
|
@@ -854,6 +853,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
|
|
|
854
853
|
onKeyDown: !isReadOnly ? $ff5963eb1fccf552$export$e08e3b67e392101e(state.isOpen && collectionProps.onKeyDown, onKeyDown, props.onKeyDown) : props.onKeyDown,
|
|
855
854
|
onBlur,
|
|
856
855
|
value: state.inputValue,
|
|
856
|
+
defaultValue: state.defaultInputValue,
|
|
857
857
|
onFocus,
|
|
858
858
|
autoComplete: "off",
|
|
859
859
|
validate: void 0,
|
|
@@ -1028,14 +1028,9 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
|
|
|
1028
1028
|
onSelectionChange,
|
|
1029
1029
|
items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
|
|
1030
1030
|
});
|
|
1031
|
-
let
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
var _collection_getItem_textValue;
|
|
1035
|
-
if (selectedKey == null) defaultInputValue = "";
|
|
1036
|
-
else defaultInputValue = (_collection_getItem_textValue = (_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : _collection_getItem1.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "";
|
|
1037
|
-
}
|
|
1038
|
-
let [inputValue, setInputValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.inputValue, defaultInputValue, props.onInputChange);
|
|
1031
|
+
let [inputValue, setInputValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.inputValue, $a9e7382a7d111cb5$var$getDefaultInputValue(props.defaultInputValue, selectedKey, collection) || "", props.onInputChange);
|
|
1032
|
+
let [initialSelectedKey] = useState(selectedKey);
|
|
1033
|
+
let [initialValue] = useState(inputValue);
|
|
1039
1034
|
let originalCollection = collection;
|
|
1040
1035
|
let filteredCollection = useMemo(() => (
|
|
1041
1036
|
// No default filter if items are controlled.
|
|
@@ -1111,8 +1106,8 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
|
|
|
1111
1106
|
};
|
|
1112
1107
|
var _props_selectedKey, _ref;
|
|
1113
1108
|
let lastSelectedKey = useRef((_ref = (_props_selectedKey = props.selectedKey) !== null && _props_selectedKey !== void 0 ? _props_selectedKey : props.defaultSelectedKey) !== null && _ref !== void 0 ? _ref : null);
|
|
1114
|
-
var
|
|
1115
|
-
let lastSelectedKeyText = useRef(selectedKey != null ? (
|
|
1109
|
+
var _collection_getItem_textValue;
|
|
1110
|
+
let lastSelectedKeyText = useRef(selectedKey != null ? (_collection_getItem_textValue = (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "" : "");
|
|
1116
1111
|
useEffect(() => {
|
|
1117
1112
|
var _collection_getItem2;
|
|
1118
1113
|
if (isFocused && (filteredCollection.size > 0 || allowsEmptyCollection) && !triggerState.isOpen && inputValue !== lastValue && menuTrigger !== "manual") open(null, "input");
|
|
@@ -1206,6 +1201,9 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
|
|
|
1206
1201
|
showAllItems,
|
|
1207
1202
|
lastCollection
|
|
1208
1203
|
]);
|
|
1204
|
+
var _props_defaultSelectedKey;
|
|
1205
|
+
let defaultSelectedKey = (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : initialSelectedKey;
|
|
1206
|
+
var _getDefaultInputValue;
|
|
1209
1207
|
return {
|
|
1210
1208
|
...validation,
|
|
1211
1209
|
...triggerState,
|
|
@@ -1215,6 +1213,7 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
|
|
|
1215
1213
|
close: commitValue,
|
|
1216
1214
|
selectionManager,
|
|
1217
1215
|
selectedKey,
|
|
1216
|
+
defaultSelectedKey,
|
|
1218
1217
|
setSelectedKey,
|
|
1219
1218
|
disabledKeys,
|
|
1220
1219
|
isFocused,
|
|
@@ -1222,6 +1221,7 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
|
|
|
1222
1221
|
selectedItem,
|
|
1223
1222
|
collection: displayedCollection,
|
|
1224
1223
|
inputValue,
|
|
1224
|
+
defaultInputValue: (_getDefaultInputValue = $a9e7382a7d111cb5$var$getDefaultInputValue(props.defaultInputValue, defaultSelectedKey, collection)) !== null && _getDefaultInputValue !== void 0 ? _getDefaultInputValue : initialValue,
|
|
1225
1225
|
setInputValue,
|
|
1226
1226
|
commit,
|
|
1227
1227
|
revert
|
|
@@ -1250,6 +1250,14 @@ function $a9e7382a7d111cb5$var$filterNodes(collection, nodes, inputValue, filter
|
|
|
1250
1250
|
}
|
|
1251
1251
|
return filteredNode;
|
|
1252
1252
|
}
|
|
1253
|
+
function $a9e7382a7d111cb5$var$getDefaultInputValue(defaultInputValue, selectedKey, collection) {
|
|
1254
|
+
if (defaultInputValue == null) {
|
|
1255
|
+
var _collection_getItem;
|
|
1256
|
+
var _collection_getItem_textValue;
|
|
1257
|
+
if (selectedKey != null) return (_collection_getItem_textValue = (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "";
|
|
1258
|
+
}
|
|
1259
|
+
return defaultInputValue;
|
|
1260
|
+
}
|
|
1253
1261
|
const $d01f2c01039c0eec$export$d414ccceff7063c3 = /* @__PURE__ */ createContext(null);
|
|
1254
1262
|
const $d01f2c01039c0eec$export$c02625b26074192c = /* @__PURE__ */ createContext(null);
|
|
1255
1263
|
const $d01f2c01039c0eec$export$72b9695b8216309a = /* @__PURE__ */ forwardRef(function ComboBox(props, ref) {
|
|
@@ -1359,7 +1367,9 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: r
|
|
|
1359
1367
|
values: renderPropsState,
|
|
1360
1368
|
defaultClassName: "react-aria-ComboBox"
|
|
1361
1369
|
});
|
|
1362
|
-
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props
|
|
1370
|
+
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
1371
|
+
global: true
|
|
1372
|
+
});
|
|
1363
1373
|
delete DOMProps.id;
|
|
1364
1374
|
var _state_selectedKey;
|
|
1365
1375
|
return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
|
|
@@ -1454,6 +1464,7 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: r
|
|
|
1454
1464
|
}), name && formValue === "key" && /* @__PURE__ */ React__default.createElement("input", {
|
|
1455
1465
|
type: "hidden",
|
|
1456
1466
|
name,
|
|
1467
|
+
form: props.form,
|
|
1457
1468
|
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
|
|
1458
1469
|
}));
|
|
1459
1470
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
3
3
|
import { icons } from "../../icons/icons.js";
|
|
4
4
|
import { pascalCase, upperFirst, camelCase } from "../../utilities/es-dash.js";
|
|
5
5
|
import { Menu, MenuItem } from "../menu/menu.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-
|
|
3
|
-
import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-
|
|
2
|
+
import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-Fl7qSeN-.js";
|
|
3
|
+
import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-Xf6AsnV-.js";
|
|
4
4
|
import { icons } from "../../icons/icons.js";
|
|
5
5
|
import { Button } from "../button/button.js";
|
|
6
6
|
import { Popover } from "../popover/popover.js";
|
|
7
7
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
8
8
|
import { cloneElement } from "react";
|
|
9
|
-
import { _ as __ } from "../../default-i18n-
|
|
9
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
10
10
|
/**
|
|
11
11
|
* A simple menu component.
|
|
12
12
|
*
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-
|
|
3
|
-
import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-
|
|
4
|
-
import { n as $b5e257d569688ac6$export$535bd6ca7f90a273,
|
|
5
|
-
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-
|
|
2
|
+
import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-Xf6AsnV-.js";
|
|
3
|
+
import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-bh1HU5HH.js";
|
|
4
|
+
import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
|
|
5
|
+
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
6
6
|
import React__default, { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from "react";
|
|
7
|
-
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-
|
|
7
|
+
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-EZ0v_ljk.js";
|
|
8
8
|
import { Button } from "../button/button.js";
|
|
9
|
-
import { _ as __ } from "../../default-i18n-
|
|
9
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
10
10
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
11
11
|
import { icons } from "../../icons/icons.js";
|
|
12
12
|
import "../../react-jsx-parser.min-LF707GK8.js";
|
|
@@ -54,7 +54,9 @@ function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
|
|
|
54
54
|
useEffect(() => {
|
|
55
55
|
if (state.isOpen && ref.current) return $5e3802645cc19319$export$1c3ebcada18427bf([
|
|
56
56
|
ref.current
|
|
57
|
-
]
|
|
57
|
+
], {
|
|
58
|
+
shouldUseInert: true
|
|
59
|
+
});
|
|
58
60
|
}, [
|
|
59
61
|
state.isOpen,
|
|
60
62
|
ref
|
|
@@ -68,10 +70,27 @@ const $f3f84453ead64de5$export$ab57792b9b6974a6 = /* @__PURE__ */ createContext(
|
|
|
68
70
|
const $f3f84453ead64de5$var$InternalModalContext = /* @__PURE__ */ createContext(null);
|
|
69
71
|
const $f3f84453ead64de5$export$2b77a92f1a5ad772 = /* @__PURE__ */ forwardRef(function Modal(props, ref) {
|
|
70
72
|
let ctx = useContext($f3f84453ead64de5$var$InternalModalContext);
|
|
71
|
-
if (ctx)
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
if (ctx) {
|
|
74
|
+
if (process.env.NODE_ENV !== "production" && (props.onOpenChange || props.defaultOpen !== void 0 || props.isOpen !== void 0)) {
|
|
75
|
+
const invalidSet = /* @__PURE__ */ new Set([
|
|
76
|
+
"isDismissable",
|
|
77
|
+
"isKeyboardDismissDisabled",
|
|
78
|
+
"isOpen",
|
|
79
|
+
"defaultOpen",
|
|
80
|
+
"onOpenChange",
|
|
81
|
+
"isEntering",
|
|
82
|
+
"isExiting",
|
|
83
|
+
"UNSTABLE_portalContainer",
|
|
84
|
+
"shouldCloseOnInteractOutside"
|
|
85
|
+
]);
|
|
86
|
+
const invalidProps = Object.keys(props).filter((key) => invalidSet.has(key));
|
|
87
|
+
console.warn(`This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(", ")}] should be placed on the ModalOverlay instead.`);
|
|
88
|
+
}
|
|
89
|
+
return /* @__PURE__ */ React__default.createElement($f3f84453ead64de5$var$ModalContent, {
|
|
90
|
+
...props,
|
|
91
|
+
modalRef: ref
|
|
92
|
+
}, props.children);
|
|
93
|
+
}
|
|
75
94
|
let { isDismissable, isKeyboardDismissDisabled, isOpen, defaultOpen, onOpenChange, children, isEntering, isExiting, UNSTABLE_portalContainer, shouldCloseOnInteractOutside, ...otherProps } = props;
|
|
76
95
|
return /* @__PURE__ */ React__default.createElement($f3f84453ead64de5$export$8948f78d83984c69, {
|
|
77
96
|
isDismissable,
|
|
@@ -93,6 +112,9 @@ function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
|
|
|
93
112
|
let contextState = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
|
|
94
113
|
let localState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
|
|
95
114
|
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
115
|
+
if (state === contextState) {
|
|
116
|
+
if (process.env.NODE_ENV !== "production" && (props.onOpenChange || props.defaultOpen !== void 0 || props.isOpen !== void 0)) console.warn("This modals state is controlled by a trigger, place onOpenChange on the trigger instead.");
|
|
117
|
+
}
|
|
96
118
|
let objectRef = $df56164dff5785e2$export$4338b53315abf666(ref);
|
|
97
119
|
let modalRef = useRef(null);
|
|
98
120
|
let isOverlayExiting = $d3f049242431219c$export$45fda7c47f93fd48(objectRef, state.isOpen);
|
|
@@ -132,7 +154,9 @@ function $f3f84453ead64de5$var$ModalOverlayInner({ UNSTABLE_portalContainer, ...
|
|
|
132
154
|
isExiting: props.isExiting,
|
|
133
155
|
portalContainer: UNSTABLE_portalContainer
|
|
134
156
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
135
|
-
...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props
|
|
157
|
+
...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
158
|
+
global: true
|
|
159
|
+
}), underlayProps),
|
|
136
160
|
...renderProps,
|
|
137
161
|
style,
|
|
138
162
|
ref: props.overlayRef,
|
|
@@ -175,7 +199,9 @@ function $f3f84453ead64de5$var$ModalContent(props) {
|
|
|
175
199
|
}
|
|
176
200
|
});
|
|
177
201
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
178
|
-
...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props
|
|
202
|
+
...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
203
|
+
global: true
|
|
204
|
+
}), modalProps),
|
|
179
205
|
...renderProps,
|
|
180
206
|
ref,
|
|
181
207
|
"data-entering": entering || void 0,
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React__default, { forwardRef, createContext, useRef, useState, cloneElement } from "react";
|
|
3
|
-
import { _ as __ } from "../../default-i18n-
|
|
4
|
-
import {
|
|
5
|
-
import { a as $
|
|
6
|
-
import { a as $
|
|
7
|
-
import { a as $
|
|
8
|
-
import {
|
|
9
|
-
import { $ as $
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { $ as $
|
|
13
|
-
import { $ as $
|
|
14
|
-
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-y0dLc_6m.js";
|
|
3
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
4
|
+
import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Group-C4cXobNT.js";
|
|
5
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
|
|
6
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-RTwMSBs-.js";
|
|
7
|
+
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
|
|
8
|
+
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
|
|
9
|
+
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-BeMxJA29.js";
|
|
10
|
+
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
|
|
11
|
+
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
12
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
|
|
13
|
+
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-JhWPy1JY.js";
|
|
15
14
|
import { Button } from "../button/button.js";
|
|
16
15
|
import { icons } from "../../icons/icons.js";
|
|
17
16
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
@@ -46,7 +45,9 @@ const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /* @__PURE__ */ forwardRef(fun
|
|
|
46
45
|
},
|
|
47
46
|
defaultClassName: "react-aria-NumberField"
|
|
48
47
|
});
|
|
49
|
-
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props
|
|
48
|
+
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
49
|
+
global: true
|
|
50
|
+
});
|
|
50
51
|
delete DOMProps.id;
|
|
51
52
|
return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
|
|
52
53
|
values: [
|
|
@@ -106,6 +107,7 @@ const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /* @__PURE__ */ forwardRef(fun
|
|
|
106
107
|
}), props.name && /* @__PURE__ */ React__default.createElement("input", {
|
|
107
108
|
type: "hidden",
|
|
108
109
|
name: props.name,
|
|
110
|
+
form: props.form,
|
|
109
111
|
value: isNaN(state.numberValue) ? "" : state.numberValue
|
|
110
112
|
}));
|
|
111
113
|
});
|
|
@@ -7,7 +7,7 @@ import { SubMenuItem, MenuSeparator, MenuItem, Menu } from "../menu/menu.js";
|
|
|
7
7
|
import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
|
|
8
8
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
9
9
|
import { ToggleButton } from "../toggle-button/toggle-button.js";
|
|
10
|
-
import { _ as __ } from "../../default-i18n-
|
|
10
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
11
11
|
/**
|
|
12
12
|
* A component that allows the user to select an option from a list of options.
|
|
13
13
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
3
3
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
4
|
-
import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-
|
|
4
|
+
import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-bh1HU5HH.js";
|
|
5
5
|
/**
|
|
6
6
|
* Component that provides a container panel for options, with an optional title.
|
|
7
7
|
* Best used within the Gutenberg sidebar, instead of the default `PanelBody` component.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
3
3
|
import { icons } from "../../icons/icons.js";
|
|
4
4
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
5
5
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-
|
|
2
|
+
import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-Xf6AsnV-.js";
|
|
3
3
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
4
|
-
import { _ as __ } from "../../default-i18n-
|
|
4
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
5
5
|
import { Button } from "../button/button.js";
|
|
6
6
|
/**
|
|
7
7
|
* A popover component.
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-
|
|
3
|
-
import {
|
|
4
|
-
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-
|
|
5
|
-
import { b as $e93e671b31057976$export$b8473d3665f3a75a, a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-
|
|
6
|
-
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-
|
|
7
|
-
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-
|
|
2
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
|
|
3
|
+
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
|
|
4
|
+
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
|
|
5
|
+
import { b as $e93e671b31057976$export$b8473d3665f3a75a, a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-BeMxJA29.js";
|
|
6
|
+
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
|
|
7
|
+
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
8
8
|
import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
|
|
9
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-
|
|
10
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-
|
|
11
|
-
import {
|
|
12
|
-
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-
|
|
13
|
-
import {
|
|
14
|
-
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-
|
|
15
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-
|
|
9
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-yV9VVy9R.js";
|
|
10
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-BnrkvZ7e.js";
|
|
11
|
+
import { $ as $f645667febf57a63$export$4c014de7c8940b4c, w as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, e as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-44IApaa2.js";
|
|
12
|
+
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-BnwM-e8R.js";
|
|
13
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-D5BfOWag.js";
|
|
14
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
|
|
15
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-D9s7FTtC.js";
|
|
16
16
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
17
17
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
18
18
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
19
19
|
import { BaseControl } from "../base-control/base-control.js";
|
|
20
20
|
const $884aeceb3d67f00f$export$37b65e5b5444d35c = /* @__PURE__ */ new WeakMap();
|
|
21
21
|
function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
|
|
22
|
-
let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
|
|
22
|
+
let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
|
|
23
23
|
const isDisabled = props.isDisabled || state.isDisabled;
|
|
24
24
|
let hasChildren = children != null;
|
|
25
25
|
let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
|
|
@@ -30,12 +30,24 @@ function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
|
|
|
30
30
|
state.setSelectedValue(value);
|
|
31
31
|
};
|
|
32
32
|
let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
|
|
33
|
+
onPressStart,
|
|
34
|
+
onPressEnd,
|
|
35
|
+
onPressChange,
|
|
36
|
+
onPress,
|
|
37
|
+
onPressUp,
|
|
38
|
+
onClick,
|
|
33
39
|
isDisabled
|
|
34
40
|
});
|
|
35
41
|
let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
|
|
42
|
+
onPressStart,
|
|
43
|
+
onPressEnd,
|
|
44
|
+
onPressChange,
|
|
45
|
+
onPressUp,
|
|
46
|
+
onClick,
|
|
36
47
|
isDisabled,
|
|
37
|
-
onPress() {
|
|
48
|
+
onPress(e) {
|
|
38
49
|
var _ref_current;
|
|
50
|
+
onPress === null || onPress === void 0 ? void 0 : onPress(e);
|
|
39
51
|
state.setSelectedValue(value);
|
|
40
52
|
(_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
|
|
41
53
|
}
|
|
@@ -52,8 +64,8 @@ function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
|
|
|
52
64
|
if (state.selectedValue === value) tabIndex = 0;
|
|
53
65
|
} else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0;
|
|
54
66
|
if (isDisabled) tabIndex = void 0;
|
|
55
|
-
let { name, descriptionId, errorMessageId, validationBehavior } = $884aeceb3d67f00f$export$37b65e5b5444d35c.get(state);
|
|
56
|
-
$99facab73266f662$export$5add1d006293d136(ref, state.
|
|
67
|
+
let { name, form, descriptionId, errorMessageId, validationBehavior } = $884aeceb3d67f00f$export$37b65e5b5444d35c.get(state);
|
|
68
|
+
$99facab73266f662$export$5add1d006293d136(ref, state.defaultSelectedValue, state.setSelectedValue);
|
|
57
69
|
$e93e671b31057976$export$b8473d3665f3a75a({
|
|
58
70
|
validationBehavior
|
|
59
71
|
}, state, ref);
|
|
@@ -65,6 +77,7 @@ function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
|
|
|
65
77
|
...interactions,
|
|
66
78
|
type: "radio",
|
|
67
79
|
name,
|
|
80
|
+
form,
|
|
68
81
|
tabIndex,
|
|
69
82
|
disabled: isDisabled,
|
|
70
83
|
required: state.isRequired && validationBehavior === "native",
|
|
@@ -83,7 +96,7 @@ function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
|
|
|
83
96
|
};
|
|
84
97
|
}
|
|
85
98
|
function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
|
|
86
|
-
let { name, isReadOnly, isRequired, isDisabled, orientation = "vertical", validationBehavior = "aria" } = props;
|
|
99
|
+
let { name, form, isReadOnly, isRequired, isDisabled, orientation = "vertical", validationBehavior = "aria" } = props;
|
|
87
100
|
let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
88
101
|
let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
|
|
89
102
|
let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
|
|
@@ -128,7 +141,8 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
|
|
|
128
141
|
}
|
|
129
142
|
e.preventDefault();
|
|
130
143
|
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(e.currentTarget, {
|
|
131
|
-
from: e.target
|
|
144
|
+
from: e.target,
|
|
145
|
+
accept: (node) => node instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(node).HTMLInputElement && node.type === "radio"
|
|
132
146
|
});
|
|
133
147
|
let nextElem;
|
|
134
148
|
if (nextDir === "next") {
|
|
@@ -152,6 +166,7 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
|
|
|
152
166
|
let groupName = $bdb11010cef70236$export$f680877a34711e37(name);
|
|
153
167
|
$884aeceb3d67f00f$export$37b65e5b5444d35c.set(state, {
|
|
154
168
|
name: groupName,
|
|
169
|
+
form,
|
|
155
170
|
descriptionId: descriptionProps.id,
|
|
156
171
|
errorMessageId: errorMessageProps.id,
|
|
157
172
|
validationBehavior
|
|
@@ -186,6 +201,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
|
|
|
186
201
|
]);
|
|
187
202
|
var _props_defaultValue;
|
|
188
203
|
let [selectedValue, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
|
|
204
|
+
let [initialValue] = useState(selectedValue);
|
|
189
205
|
let [lastFocusedValue, setLastFocusedValue] = useState(null);
|
|
190
206
|
let validation = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
|
|
191
207
|
...props,
|
|
@@ -198,10 +214,12 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
|
|
|
198
214
|
}
|
|
199
215
|
};
|
|
200
216
|
let isInvalid = validation.displayValidation.isInvalid;
|
|
217
|
+
var _props_defaultValue1;
|
|
201
218
|
return {
|
|
202
219
|
...validation,
|
|
203
220
|
name,
|
|
204
221
|
selectedValue,
|
|
222
|
+
defaultSelectedValue: props.value !== void 0 ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== void 0 ? _props_defaultValue1 : null,
|
|
205
223
|
setSelectedValue,
|
|
206
224
|
lastFocusedValue,
|
|
207
225
|
setLastFocusedValue,
|
|
@@ -242,9 +260,11 @@ const $b6c3ddc6086f204d$export$a98f0dcb43a68a25 = /* @__PURE__ */ forwardRef(fun
|
|
|
242
260
|
},
|
|
243
261
|
defaultClassName: "react-aria-RadioGroup"
|
|
244
262
|
});
|
|
263
|
+
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
264
|
+
global: true
|
|
265
|
+
});
|
|
245
266
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
246
|
-
|
|
247
|
-
...renderProps,
|
|
267
|
+
...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, radioGroupProps),
|
|
248
268
|
ref,
|
|
249
269
|
slot: props.slot || void 0,
|
|
250
270
|
"data-orientation": props.orientation || "vertical",
|
|
@@ -316,8 +336,11 @@ const $b6c3ddc6086f204d$export$d7b12c4107be0d61 = /* @__PURE__ */ forwardRef(fun
|
|
|
316
336
|
isRequired: state.isRequired
|
|
317
337
|
}
|
|
318
338
|
});
|
|
319
|
-
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props
|
|
339
|
+
let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
340
|
+
global: true
|
|
341
|
+
});
|
|
320
342
|
delete DOMProps.id;
|
|
343
|
+
delete DOMProps.onClick;
|
|
321
344
|
return /* @__PURE__ */ React__default.createElement("label", {
|
|
322
345
|
...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
|
|
323
346
|
ref,
|
|
@@ -5,7 +5,7 @@ import { icons } from "../../icons/icons.js";
|
|
|
5
5
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
6
6
|
import { useContext } from "react";
|
|
7
7
|
import { Expandable } from "../expandable/expandable.js";
|
|
8
|
-
import { _ as __ } from "../../default-i18n-
|
|
8
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
9
9
|
import { RepeaterContext } from "./repeater-context.js";
|
|
10
10
|
/**
|
|
11
11
|
* A Repeater item.
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useId, useState } from "react";
|
|
3
|
-
import { _ as __ } from "../../default-i18n-
|
|
3
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
4
4
|
import { Button } from "../button/button.js";
|
|
5
5
|
import { icons } from "../../icons/icons.js";
|
|
6
6
|
import { BaseControl } from "../base-control/base-control.js";
|
|
7
7
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
8
8
|
import { RepeaterContext } from "./repeater-context.js";
|
|
9
9
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
10
|
-
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-
|
|
10
|
+
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CwJTORxj.js";
|
|
11
11
|
import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
|
|
12
12
|
const fixIds = (items, itemIdBase) => {
|
|
13
13
|
return items?.map((item, i) => ({
|
|
@@ -2,7 +2,8 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { cloneElement } from "react";
|
|
3
3
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
|
-
import {
|
|
5
|
+
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
6
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
6
7
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
7
8
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
8
9
|
import { icons } from "../../icons/icons.js";
|
|
@@ -12,7 +13,7 @@ import { Spacer } from "../spacer/spacer.js";
|
|
|
12
13
|
import { BaseControl } from "../base-control/base-control.js";
|
|
13
14
|
import { TriggeredPopover } from "../popover/popover.js";
|
|
14
15
|
import { OptionSelect } from "../option-select/option-select.js";
|
|
15
|
-
import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-
|
|
16
|
+
import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-AxKZjtFm.js";
|
|
16
17
|
/**
|
|
17
18
|
* A compact, inline version of `Responsive`. Allows the user to set different values for different breakpoints.
|
|
18
19
|
*
|
|
@@ -2,7 +2,8 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
|
-
import { s as sprintf
|
|
5
|
+
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
6
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
6
7
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
7
8
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
8
9
|
import { icons } from "../../icons/icons.js";
|
|
@@ -2,7 +2,8 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
|
-
import {
|
|
5
|
+
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
6
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
6
7
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
7
8
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
8
9
|
import { icons } from "../../icons/icons.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
|
|
3
3
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
4
4
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
5
5
|
import { icons } from "../../icons/icons.js";
|