@eightshift/ui-components 5.3.3 → 5.5.0
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-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
- package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
- package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
- package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
- package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
- package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
- package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
- package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
- package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
- package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
- package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
- package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
- package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
- package/dist/SharedElementTransition-fML-zIv6.js +12 -0
- package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
- package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
- package/dist/assets/style-admin.css +925 -79
- package/dist/assets/style-editor.css +925 -79
- package/dist/assets/style.css +925 -79
- package/dist/assets/wp-font-enhancements.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +1 -1
- package/dist/components/button/button.js +75 -22
- package/dist/components/checkbox/checkbox.js +14 -10
- package/dist/components/color-pickers/solid-color-picker.js +8 -8
- package/dist/components/expandable/expandable.js +40 -10
- package/dist/components/index.js +4 -0
- package/dist/components/input-field/input-field.js +5 -5
- package/dist/components/link-input/link-input.js +32 -21
- package/dist/components/menu/menu.js +2 -2
- package/dist/components/modal/modal.js +34 -6
- package/dist/components/number-picker/number-picker.js +5 -4
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/placeholders/file-picker-shell.js +130 -0
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/radio/radio.js +20 -11
- package/dist/components/select/v2/async-multi-select.js +6 -6
- package/dist/components/select/v2/async-select.js +6 -6
- package/dist/components/select/v2/multi-select.js +7 -7
- package/dist/components/select/v2/shared.js +1 -1
- package/dist/components/select/v2/single-select.js +7 -7
- package/dist/components/slider/column-config-slider.js +1 -1
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/smart-image/smart-image.js +117 -0
- package/dist/components/tabs/tabs.js +16 -10
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle-button/toggle-button.js +10 -5
- package/dist/components/tooltip/tooltip.js +2 -2
- package/dist/icons/icons.js +10 -0
- package/dist/index.js +4 -0
- package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
- package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
- package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
- package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
- package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
- package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
- package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
- package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
- package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
- package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
- package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
- package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
- package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
- package/dist/utilities/general.js +4142 -0
- package/dist/utilities/index.js +5 -0
- package/package.json +19 -15
- package/dist/context-DCAZLyDS.js +0 -7
|
@@ -6,9 +6,9 @@ import React__default, { forwardRef, createContext, useRef, useEffect } from "re
|
|
|
6
6
|
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C8umX0gk.js";
|
|
7
7
|
import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BCmkV-7c.js";
|
|
8
8
|
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
|
|
9
|
-
import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-
|
|
10
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
11
|
-
import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-
|
|
9
|
+
import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-v9ngEj50.js";
|
|
10
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
|
|
11
|
+
import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BRDW3y7-.js";
|
|
12
12
|
const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
|
|
13
13
|
let $319e236875307eab$var$liveAnnouncer = null;
|
|
14
14
|
function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
|
|
@@ -156,10 +156,10 @@ const $0393f8ab869a0f1a$export$c17561cb55d4db30 = /* @__PURE__ */ forwardRef(fun
|
|
|
156
156
|
const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ createContext({});
|
|
157
157
|
const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
|
|
158
158
|
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
|
|
159
|
-
props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
|
|
160
159
|
let ctx = props;
|
|
161
160
|
let { isPending } = ctx;
|
|
162
161
|
let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
|
|
162
|
+
buttonProps = $d2b4bc8c273e7be6$var$useDisableInteractions(buttonProps, isPending);
|
|
163
163
|
let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
|
|
164
164
|
let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
|
|
165
165
|
...props,
|
|
@@ -225,17 +225,11 @@ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920
|
|
|
225
225
|
}
|
|
226
226
|
}, renderProps.children));
|
|
227
227
|
});
|
|
228
|
-
function $d2b4bc8c273e7be6$var$
|
|
229
|
-
if (
|
|
230
|
-
props.
|
|
231
|
-
props.onPressStart = void 0;
|
|
232
|
-
props.onPressEnd = void 0;
|
|
233
|
-
props.onPressChange = void 0;
|
|
234
|
-
props.onPressUp = void 0;
|
|
235
|
-
props.onKeyDown = void 0;
|
|
236
|
-
props.onKeyUp = void 0;
|
|
237
|
-
props.onClick = void 0;
|
|
228
|
+
function $d2b4bc8c273e7be6$var$useDisableInteractions(props, isPending) {
|
|
229
|
+
if (isPending) {
|
|
230
|
+
for (const key in props) if (key.startsWith("on") && !(key.includes("Focus") || key.includes("Blur"))) props[key] = void 0;
|
|
238
231
|
props.href = void 0;
|
|
232
|
+
props.target = void 0;
|
|
239
233
|
}
|
|
240
234
|
return props;
|
|
241
235
|
}
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-
|
|
1
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CQ5ZZJ2w.js";
|
|
2
2
|
import { l as $df56164dff5785e2$export$4338b53315abf666, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $bdb11010cef70236$export$f680877a34711e37, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, p as $ff5963eb1fccf552$export$e08e3b67e392101e, n as $b5e257d569688ac6$export$535bd6ca7f90a273, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-cvK1vxO7.js";
|
|
3
|
-
import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-
|
|
4
|
-
import { g as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, f as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-BPvqJny4.js";
|
|
3
|
+
import { c as $4e85f108e88277b8$export$b0d3ecf7112093a7, a as $4e85f108e88277b8$export$698f465ec27e93df, $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CJ-HBf0L.js";
|
|
4
|
+
import { g as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, f as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-DraDOoRn.js";
|
|
5
|
+
import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def, C as $8a26561d2877236e$export$c24ed0104d07eab9, e as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, f as $e1995378a142960e$export$18af5c7a9e9b3664, D as $e1995378a142960e$export$e953bb1cd0f19726, g as $e1995378a142960e$export$bf788dd355e3a401, h as $e1995378a142960e$export$fb8073518f34e6ec, i as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, E as $23b9f4fcf0fe224b$export$437f11dc9b403b78, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$d40e14dec8b060a8, p as $7135fc7d473fd974$export$90e00781bc59d8f9, o as $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "./SelectionManager-B6-b5NM2.js";
|
|
6
|
+
import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-B-xeqOkC.js";
|
|
8
7
|
import React__default, { useRef, useContext, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
|
|
8
|
+
import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
|
|
9
|
+
import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-fML-zIv6.js";
|
|
9
10
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
|
|
10
11
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
11
|
-
import { d as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, e as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./usePress-
|
|
12
|
-
import { I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, c as $431fbd86ca7dc216$export$b204af158042fbac, b as $c87311424ea30a05$export$fedb369cb70207f1, x as $431fbd86ca7dc216$export$f21a1ffae260145a, z as $7215afc6de606d6b$export$de79e2c695e052f3, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, A as $46d819fcbaf35654$export$8f71654801c2f7cd, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $507fabe10e71c6fb$export$98e20ec92f614cfe, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-
|
|
12
|
+
import { d as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, e as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./usePress-DJskZBH9.js";
|
|
13
|
+
import { I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, c as $431fbd86ca7dc216$export$b204af158042fbac, b as $c87311424ea30a05$export$fedb369cb70207f1, x as $431fbd86ca7dc216$export$f21a1ffae260145a, z as $7215afc6de606d6b$export$de79e2c695e052f3, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, A as $46d819fcbaf35654$export$8f71654801c2f7cd, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $507fabe10e71c6fb$export$98e20ec92f614cfe, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
|
|
13
14
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
|
|
14
15
|
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
|
|
15
16
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
16
|
-
import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-
|
|
17
|
+
import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-B5vxRkHm.js";
|
|
17
18
|
import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "./PortalProvider---wyKpMr.js";
|
|
18
19
|
import { $ as $dbSRa$reactdom } from "./index-D8-Zjpbd.js";
|
|
19
20
|
import { b as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-rE6uR-lr.js";
|
|
20
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-
|
|
21
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-Cgm0R4Cf.js";
|
|
21
22
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
|
|
22
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-
|
|
23
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CgnIuZJ2.js";
|
|
23
24
|
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef(({ children, ...props }, ref) => {
|
|
24
25
|
let isRegistered = useRef(false);
|
|
25
26
|
let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
|
|
@@ -212,17 +213,6 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
|
|
|
212
213
|
};
|
|
213
214
|
}
|
|
214
215
|
const $49c51c25361d4cd2$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
|
|
215
|
-
const $49c51c25361d4cd2$var$nonTextInputTypes = /* @__PURE__ */ new Set([
|
|
216
|
-
"checkbox",
|
|
217
|
-
"radio",
|
|
218
|
-
"range",
|
|
219
|
-
"color",
|
|
220
|
-
"file",
|
|
221
|
-
"image",
|
|
222
|
-
"button",
|
|
223
|
-
"submit",
|
|
224
|
-
"reset"
|
|
225
|
-
]);
|
|
226
216
|
let $49c51c25361d4cd2$var$preventScrollCount = 0;
|
|
227
217
|
let $49c51c25361d4cd2$var$restore;
|
|
228
218
|
function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {}) {
|
|
@@ -249,54 +239,55 @@ function $49c51c25361d4cd2$var$preventScrollStandard() {
|
|
|
249
239
|
}
|
|
250
240
|
function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
|
|
251
241
|
let scrollable;
|
|
252
|
-
let
|
|
242
|
+
let allowTouchMove = false;
|
|
253
243
|
let onTouchStart = (e) => {
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
244
|
+
let target = e.target;
|
|
245
|
+
scrollable = $cc38e7bd3fc7b213$export$2bb74740c4e19def(target) ? target : $62d8ded9296f3872$export$cfa2225e87938781(target, true);
|
|
246
|
+
allowTouchMove = false;
|
|
247
|
+
let selection = target.ownerDocument.defaultView.getSelection();
|
|
248
|
+
if (selection && !selection.isCollapsed && selection.containsNode(target, true)) allowTouchMove = true;
|
|
249
|
+
if ("selectionStart" in target && "selectionEnd" in target && target.selectionStart < target.selectionEnd && target.ownerDocument.activeElement === target) allowTouchMove = true;
|
|
257
250
|
};
|
|
251
|
+
let style = document.createElement("style");
|
|
252
|
+
style.textContent = `
|
|
253
|
+
@layer {
|
|
254
|
+
* {
|
|
255
|
+
overscroll-behavior: contain;
|
|
256
|
+
}
|
|
257
|
+
}`.trim();
|
|
258
|
+
document.head.prepend(style);
|
|
258
259
|
let onTouchMove = (e) => {
|
|
260
|
+
if (e.touches.length === 2 || allowTouchMove) return;
|
|
259
261
|
if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
|
|
260
262
|
e.preventDefault();
|
|
261
263
|
return;
|
|
262
264
|
}
|
|
263
265
|
if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
|
|
264
266
|
};
|
|
265
|
-
let
|
|
266
|
-
if (restoreScrollableStyles) restoreScrollableStyles();
|
|
267
|
-
};
|
|
268
|
-
let onFocus = (e) => {
|
|
267
|
+
let onBlur = (e) => {
|
|
269
268
|
let target = e.target;
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
$49c51c25361d4cd2$var$visualViewport.addEventListener("resize", () => $49c51c25361d4cd2$var$scrollIntoView(target), {
|
|
282
|
-
once: true
|
|
283
|
-
});
|
|
284
|
-
}
|
|
269
|
+
let relatedTarget = e.relatedTarget;
|
|
270
|
+
if (relatedTarget && $21f1aa98acb08317$export$c57958e35f31ed73(relatedTarget)) {
|
|
271
|
+
relatedTarget.focus({
|
|
272
|
+
preventScroll: true
|
|
273
|
+
});
|
|
274
|
+
$49c51c25361d4cd2$var$scrollIntoViewWhenReady(relatedTarget, $21f1aa98acb08317$export$c57958e35f31ed73(target));
|
|
275
|
+
} else if (!relatedTarget) {
|
|
276
|
+
var _target_parentElement;
|
|
277
|
+
let focusable = (_target_parentElement = target.parentElement) === null || _target_parentElement === void 0 ? void 0 : _target_parentElement.closest("[tabindex]");
|
|
278
|
+
focusable === null || focusable === void 0 ? void 0 : focusable.focus({
|
|
279
|
+
preventScroll: true
|
|
285
280
|
});
|
|
286
281
|
}
|
|
287
282
|
};
|
|
288
|
-
let
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
let scrollX = window.pageXOffset;
|
|
295
|
-
let scrollY = window.pageYOffset;
|
|
296
|
-
restoreStyles = $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(window, "scroll", onWindowScroll), $49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"), $49c51c25361d4cd2$var$setStyle(document.body, "marginTop", `-${scrollY}px`), () => {
|
|
297
|
-
window.scrollTo(scrollX, scrollY);
|
|
283
|
+
let focus = HTMLElement.prototype.focus;
|
|
284
|
+
HTMLElement.prototype.focus = function(opts) {
|
|
285
|
+
let wasKeyboardVisible = document.activeElement != null && $21f1aa98acb08317$export$c57958e35f31ed73(document.activeElement);
|
|
286
|
+
focus.call(this, {
|
|
287
|
+
...opts,
|
|
288
|
+
preventScroll: true
|
|
298
289
|
});
|
|
299
|
-
|
|
290
|
+
if (!opts || !opts.preventScroll) $49c51c25361d4cd2$var$scrollIntoViewWhenReady(this, wasKeyboardVisible);
|
|
300
291
|
};
|
|
301
292
|
let removeEvents = $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(document, "touchstart", onTouchStart, {
|
|
302
293
|
passive: false,
|
|
@@ -304,14 +295,11 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
|
|
|
304
295
|
}), $49c51c25361d4cd2$var$addEvent(document, "touchmove", onTouchMove, {
|
|
305
296
|
passive: false,
|
|
306
297
|
capture: true
|
|
307
|
-
}), $49c51c25361d4cd2$var$addEvent(document, "
|
|
308
|
-
passive: false,
|
|
309
|
-
capture: true
|
|
310
|
-
}), $49c51c25361d4cd2$var$addEvent(document, "focus", onFocus, true));
|
|
298
|
+
}), $49c51c25361d4cd2$var$addEvent(document, "blur", onBlur, true));
|
|
311
299
|
return () => {
|
|
312
|
-
restoreScrollableStyles === null || restoreScrollableStyles === void 0 ? void 0 : restoreScrollableStyles();
|
|
313
|
-
restoreStyles === null || restoreStyles === void 0 ? void 0 : restoreStyles();
|
|
314
300
|
removeEvents();
|
|
301
|
+
style.remove();
|
|
302
|
+
HTMLElement.prototype.focus = focus;
|
|
315
303
|
};
|
|
316
304
|
}
|
|
317
305
|
function $49c51c25361d4cd2$var$setStyle(element, style, value) {
|
|
@@ -327,22 +315,36 @@ function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) {
|
|
|
327
315
|
target.removeEventListener(event, handler, options);
|
|
328
316
|
};
|
|
329
317
|
}
|
|
318
|
+
function $49c51c25361d4cd2$var$scrollIntoViewWhenReady(target, wasKeyboardVisible) {
|
|
319
|
+
if (wasKeyboardVisible || !$49c51c25361d4cd2$var$visualViewport)
|
|
320
|
+
$49c51c25361d4cd2$var$scrollIntoView(target);
|
|
321
|
+
else
|
|
322
|
+
$49c51c25361d4cd2$var$visualViewport.addEventListener("resize", () => $49c51c25361d4cd2$var$scrollIntoView(target), {
|
|
323
|
+
once: true
|
|
324
|
+
});
|
|
325
|
+
}
|
|
330
326
|
function $49c51c25361d4cd2$var$scrollIntoView(target) {
|
|
331
327
|
let root = document.scrollingElement || document.documentElement;
|
|
332
328
|
let nextTarget = target;
|
|
333
329
|
while (nextTarget && nextTarget !== root) {
|
|
334
330
|
let scrollable = $62d8ded9296f3872$export$cfa2225e87938781(nextTarget);
|
|
335
331
|
if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== nextTarget) {
|
|
336
|
-
let
|
|
337
|
-
let
|
|
338
|
-
if (
|
|
332
|
+
let scrollableRect = scrollable.getBoundingClientRect();
|
|
333
|
+
let targetRect = nextTarget.getBoundingClientRect();
|
|
334
|
+
if (targetRect.top < scrollableRect.top || targetRect.bottom > scrollableRect.top + nextTarget.clientHeight) {
|
|
335
|
+
let bottom = scrollableRect.bottom;
|
|
336
|
+
if ($49c51c25361d4cd2$var$visualViewport) bottom = Math.min(bottom, $49c51c25361d4cd2$var$visualViewport.offsetTop + $49c51c25361d4cd2$var$visualViewport.height);
|
|
337
|
+
let adjustment = targetRect.top - scrollableRect.top - ((bottom - scrollableRect.top) / 2 - targetRect.height / 2);
|
|
338
|
+
scrollable.scrollTo({
|
|
339
|
+
// Clamp to the valid range to prevent over-scrolling.
|
|
340
|
+
top: Math.max(0, Math.min(scrollable.scrollHeight - scrollable.clientHeight, scrollable.scrollTop + adjustment)),
|
|
341
|
+
behavior: "smooth"
|
|
342
|
+
});
|
|
343
|
+
}
|
|
339
344
|
}
|
|
340
345
|
nextTarget = scrollable.parentElement;
|
|
341
346
|
}
|
|
342
347
|
}
|
|
343
|
-
function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
|
|
344
|
-
return target instanceof HTMLInputElement && !$49c51c25361d4cd2$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
|
|
345
|
-
}
|
|
346
348
|
var $773d5888b972f1cf$exports = {};
|
|
347
349
|
$773d5888b972f1cf$exports = {
|
|
348
350
|
"dismiss": `تجاهل`
|
|
@@ -2003,7 +2005,7 @@ const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /* @__PURE__ */ forwardRef(fun
|
|
|
2003
2005
|
}));
|
|
2004
2006
|
});
|
|
2005
2007
|
function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
|
|
2006
|
-
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $
|
|
2008
|
+
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$b0d3ecf7112093a7);
|
|
2007
2009
|
let { filter, ...autocompleteMenuProps } = props;
|
|
2008
2010
|
let filteredCollection = useMemo(() => filter ? collection.filter(filter) : collection, [
|
|
2009
2011
|
collection,
|
|
@@ -2076,11 +2078,11 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
|
|
|
2076
2078
|
null
|
|
2077
2079
|
],
|
|
2078
2080
|
[
|
|
2079
|
-
$
|
|
2081
|
+
$4e85f108e88277b8$export$b0d3ecf7112093a7,
|
|
2080
2082
|
null
|
|
2081
2083
|
],
|
|
2082
2084
|
[
|
|
2083
|
-
$
|
|
2085
|
+
$4e85f108e88277b8$export$698f465ec27e93df,
|
|
2084
2086
|
null
|
|
2085
2087
|
],
|
|
2086
2088
|
[
|
|
@@ -2095,11 +2097,11 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
|
|
|
2095
2097
|
triggerState !== null && triggerState !== void 0 ? triggerState : $a28c903ee9ad8dc5$export$79fefeb1c2091ac3({})
|
|
2096
2098
|
]
|
|
2097
2099
|
]
|
|
2098
|
-
}, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
|
|
2100
|
+
}, /* @__PURE__ */ React__default.createElement($c8a5a149f625efcf$export$758399f318e6385a, null, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
|
|
2099
2101
|
collection: state.collection,
|
|
2100
2102
|
persistedKeys: $7135fc7d473fd974$export$90e00781bc59d8f9(state.selectionManager.focusedKey),
|
|
2101
2103
|
scrollRef: ref
|
|
2102
|
-
})), emptyState));
|
|
2104
|
+
}))), emptyState));
|
|
2103
2105
|
}
|
|
2104
2106
|
class $3674c52c6b3c5bce$var$GroupSelectionManager extends $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
2105
2107
|
get focusedKey() {
|
|
@@ -2233,6 +2235,12 @@ const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /* @__PURE__ */ $e1995378a1429
|
|
|
2233
2235
|
[
|
|
2234
2236
|
$63df2425e2108aa8$export$744d98a3b8a94e1c,
|
|
2235
2237
|
keyboardShortcutProps
|
|
2238
|
+
],
|
|
2239
|
+
[
|
|
2240
|
+
$1d5b8b8664671ef2$export$c9549807523555e0,
|
|
2241
|
+
{
|
|
2242
|
+
isSelected: states.isSelected
|
|
2243
|
+
}
|
|
2236
2244
|
]
|
|
2237
2245
|
]
|
|
2238
2246
|
}, renderProps.children));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { o as $f4e2df6bd15f8569$export$98658e8c59125e6a, i as $d4ee10de306f2510$export$4282f70798064fe0, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, p as $b4b717babfbb907b$export$bebd5a1431fec25d, q as $b4b717babfbb907b$export$4c063cf1350e6fed, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, s as $c87311424ea30a05$export$a11b0059900ceec8, t as $c87311424ea30a05$export$6446a186d09e379e, u as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useHover-
|
|
1
|
+
import { o as $f4e2df6bd15f8569$export$98658e8c59125e6a, i as $d4ee10de306f2510$export$4282f70798064fe0, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, p as $b4b717babfbb907b$export$bebd5a1431fec25d, q as $b4b717babfbb907b$export$4c063cf1350e6fed, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, s as $c87311424ea30a05$export$a11b0059900ceec8, t as $c87311424ea30a05$export$6446a186d09e379e, u as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useHover-BRDW3y7-.js";
|
|
2
2
|
import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-cvK1vxO7.js";
|
|
3
3
|
import React__default, { useRef, useContext, useMemo, useEffect } from "react";
|
|
4
4
|
class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-
|
|
1
|
+
import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CJ-HBf0L.js";
|
|
2
2
|
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-cvK1vxO7.js";
|
|
3
3
|
import React__default, { forwardRef } from "react";
|
|
4
4
|
const $5cb03073d3f54797$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef(function Heading(props, ref) {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-
|
|
1
|
+
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BRDW3y7-.js";
|
|
2
2
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
|
|
3
3
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
4
4
|
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
|
|
5
5
|
import React__default, { useState, useEffect, forwardRef, createContext } from "react";
|
|
6
6
|
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-B8BgFmIQ.js";
|
|
7
|
-
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-
|
|
8
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
7
|
+
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-CeNsUGWK.js";
|
|
8
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
|
|
9
9
|
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
|
|
10
10
|
function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
11
11
|
let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
|
|
@@ -97,7 +97,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
|
97
97
|
const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
|
|
98
98
|
const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(function Group(props, ref) {
|
|
99
99
|
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
|
|
100
|
-
let { isDisabled, isInvalid, onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
|
|
100
|
+
let { isDisabled, isInvalid, isReadOnly, onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
|
|
101
101
|
let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
|
|
102
102
|
onHoverStart,
|
|
103
103
|
onHoverChange,
|
|
@@ -131,7 +131,8 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(fun
|
|
|
131
131
|
"data-hovered": isHovered || void 0,
|
|
132
132
|
"data-focus-visible": isFocusVisible || void 0,
|
|
133
133
|
"data-disabled": isDisabled || void 0,
|
|
134
|
-
"data-invalid": isInvalid || void 0
|
|
134
|
+
"data-invalid": isInvalid || void 0,
|
|
135
|
+
"data-readonly": isReadOnly || void 0
|
|
135
136
|
}, renderProps.children);
|
|
136
137
|
});
|
|
137
138
|
const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { e as $880e95eb8b93ba9a$export$ecf600387e221c37, f as $e1995378a142960e$export$18af5c7a9e9b3664, g as $e1995378a142960e$export$bf788dd355e3a401, h as $e1995378a142960e$export$fb8073518f34e6ec, i as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$d40e14dec8b060a8, l as $23b9f4fcf0fe224b$export$8258a0665a675899 } from "./SelectionManager-B6-b5NM2.js";
|
|
2
2
|
import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $bdb11010cef70236$export$f680877a34711e37, b as $3ef42575df84b30b$export$9d1611c77c2fe928, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-cvK1vxO7.js";
|
|
3
3
|
import React__default, { useRef, createContext, forwardRef, useContext, useCallback, useMemo, useEffect } from "react";
|
|
4
|
-
import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, b as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-
|
|
5
|
-
import {
|
|
4
|
+
import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, b as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-B-xeqOkC.js";
|
|
5
|
+
import { c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
|
|
6
|
+
import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
|
|
7
|
+
import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-fML-zIv6.js";
|
|
6
8
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
|
|
7
9
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
8
|
-
import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-
|
|
9
|
-
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-
|
|
10
|
-
import { B as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-
|
|
11
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
10
|
+
import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-RdLrYsMP.js";
|
|
11
|
+
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-DJskZBH9.js";
|
|
12
|
+
import { B as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-BRDW3y7-.js";
|
|
13
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
|
|
12
14
|
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C8umX0gk.js";
|
|
13
15
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
14
|
-
import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-
|
|
16
|
+
import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-B5vxRkHm.js";
|
|
15
17
|
function $a5fa973c1850dd36$export$ccaea96c28e8b9e7(props, ref) {
|
|
16
18
|
let { collection, onLoadMore, scrollOffset = 1 } = props;
|
|
17
19
|
let sentinelObserver = useRef(null);
|
|
@@ -76,7 +78,9 @@ function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
|
|
|
76
78
|
shouldFocusOnHover: props.shouldFocusOnHover,
|
|
77
79
|
isVirtualized: props.isVirtualized,
|
|
78
80
|
onAction: props.onAction,
|
|
79
|
-
linkBehavior
|
|
81
|
+
linkBehavior,
|
|
82
|
+
// @ts-ignore
|
|
83
|
+
UNSTABLE_itemBehavior: props["UNSTABLE_itemBehavior"]
|
|
80
84
|
});
|
|
81
85
|
let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({
|
|
82
86
|
...props,
|
|
@@ -145,6 +149,8 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
145
149
|
isDisabled,
|
|
146
150
|
onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? $ff5963eb1fccf552$export$e08e3b67e392101e(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : void 0,
|
|
147
151
|
linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior,
|
|
152
|
+
// @ts-ignore
|
|
153
|
+
UNSTABLE_itemBehavior: data === null || data === void 0 ? void 0 : data["UNSTABLE_itemBehavior"],
|
|
148
154
|
id
|
|
149
155
|
});
|
|
150
156
|
let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
|
|
@@ -299,7 +305,7 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props, listBoxRef, collection
|
|
|
299
305
|
});
|
|
300
306
|
}
|
|
301
307
|
function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxRef }) {
|
|
302
|
-
[props, listBoxRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, listBoxRef, $
|
|
308
|
+
[props, listBoxRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, listBoxRef, $4e85f108e88277b8$export$b0d3ecf7112093a7);
|
|
303
309
|
let { dragAndDropHooks, layout = "stack", orientation = "vertical", filter } = props;
|
|
304
310
|
let state = $e72dd72e1c76a225$export$ba9d38c0f1bf2b36(inputState, filter);
|
|
305
311
|
let { collection, selectionManager } = state;
|
|
@@ -462,12 +468,12 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxR
|
|
|
462
468
|
}
|
|
463
469
|
]
|
|
464
470
|
]
|
|
465
|
-
}, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
|
|
471
|
+
}, /* @__PURE__ */ React__default.createElement($c8a5a149f625efcf$export$758399f318e6385a, null, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
|
|
466
472
|
collection,
|
|
467
473
|
scrollRef: listBoxRef,
|
|
468
474
|
persistedKeys: $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState),
|
|
469
475
|
renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
|
|
470
|
-
})), emptyState, dragPreview));
|
|
476
|
+
}))), emptyState, dragPreview));
|
|
471
477
|
}
|
|
472
478
|
function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, className = "react-aria-ListBoxSection") {
|
|
473
479
|
let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
|
|
@@ -580,6 +586,12 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a14296
|
|
|
580
586
|
description: descriptionProps
|
|
581
587
|
}
|
|
582
588
|
}
|
|
589
|
+
],
|
|
590
|
+
[
|
|
591
|
+
$1d5b8b8664671ef2$export$c9549807523555e0,
|
|
592
|
+
{
|
|
593
|
+
isSelected: states.isSelected
|
|
594
|
+
}
|
|
583
595
|
]
|
|
584
596
|
]
|
|
585
597
|
}, renderProps.children));
|
|
@@ -671,8 +683,8 @@ export {
|
|
|
671
683
|
$eed445e0843c11d0$export$41f133550aa26f48 as $,
|
|
672
684
|
$eed445e0843c11d0$export$a11e76429ed99b4 as a,
|
|
673
685
|
$612b8eb6cb90e02d$export$62ed72bc21f6b8a6 as b,
|
|
674
|
-
$
|
|
675
|
-
$
|
|
676
|
-
$
|
|
677
|
-
$
|
|
686
|
+
$b1f0cad8af73213b$export$3585ede4d035bf14 as c,
|
|
687
|
+
$b1f0cad8af73213b$export$9145995848b05025 as d,
|
|
688
|
+
$eed445e0843c11d0$export$7ff8f37d2d81a48d as e,
|
|
689
|
+
$eed445e0843c11d0$export$7c5906fe4f1f2af2 as f
|
|
678
690
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
|
|
2
2
|
import { r as reactDomExports } from "./index-D8-Zjpbd.js";
|
|
3
3
|
import React__default, { useEffect, useState, useCallback, useRef, forwardRef, createContext } from "react";
|
|
4
|
-
import { C as $c87311424ea30a05$export$78551043582a6a98, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-
|
|
4
|
+
import { C as $c87311424ea30a05$export$78551043582a6a98, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
|
|
5
5
|
import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
|
|
6
6
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
7
7
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
@@ -5,10 +5,14 @@ const $4e85f108e88277b8$export$44644b8a16031b5b = createContext(null);
|
|
|
5
5
|
const $4e85f108e88277b8$export$717b2c0a523a0b53 = createContext(null);
|
|
6
6
|
createContext(null);
|
|
7
7
|
const $4e85f108e88277b8$export$d688439359537581 = createContext({});
|
|
8
|
+
const $4e85f108e88277b8$export$b0d3ecf7112093a7 = createContext(null);
|
|
9
|
+
const $4e85f108e88277b8$export$698f465ec27e93df = createContext(null);
|
|
8
10
|
export {
|
|
9
11
|
$4e85f108e88277b8$export$d688439359537581 as $,
|
|
10
|
-
$4e85f108e88277b8$export$
|
|
11
|
-
$4e85f108e88277b8$export$
|
|
12
|
-
$4e85f108e88277b8$export$
|
|
13
|
-
$4e85f108e88277b8$export$
|
|
12
|
+
$4e85f108e88277b8$export$698f465ec27e93df as a,
|
|
13
|
+
$4e85f108e88277b8$export$b085522c77523c51 as b,
|
|
14
|
+
$4e85f108e88277b8$export$b0d3ecf7112093a7 as c,
|
|
15
|
+
$4e85f108e88277b8$export$ebe63fadcdce34ed as d,
|
|
16
|
+
$4e85f108e88277b8$export$44644b8a16031b5b as e,
|
|
17
|
+
$4e85f108e88277b8$export$717b2c0a523a0b53 as f
|
|
14
18
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { p as $ff5963eb1fccf552$export$e08e3b67e392101e,
|
|
3
|
-
import { u as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-
|
|
1
|
+
import { a as $4e85f108e88277b8$export$698f465ec27e93df, c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
|
|
2
|
+
import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $bdb11010cef70236$export$f680877a34711e37, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
|
|
3
|
+
import { u as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
|
|
4
4
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
|
|
5
5
|
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
|
|
6
|
-
import {
|
|
7
|
-
import React__default, { useRef, useEffect, useCallback, useMemo,
|
|
6
|
+
import { w as $5671b20cf9b562b2$export$831c820ad60f9d12, x as $55f9b1ae81f22853$export$76e4e37e5339496d, y as $5671b20cf9b562b2$export$447a38995de2c711, z as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, A as $21f1aa98acb08317$export$16792effe837dba3, B as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-B6-b5NM2.js";
|
|
7
|
+
import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext } from "react";
|
|
8
8
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
|
|
9
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-
|
|
9
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CQ5ZZJ2w.js";
|
|
10
10
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-B8BgFmIQ.js";
|
|
11
11
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
|
|
12
|
-
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-
|
|
12
|
+
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-8yja_IHC.js";
|
|
13
13
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DWVaNd2E.js";
|
|
14
14
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
|
|
15
15
|
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
|
|
@@ -423,13 +423,14 @@ function $parcel$interopDefault(a) {
|
|
|
423
423
|
}
|
|
424
424
|
function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
425
425
|
let { inputRef, collectionRef, filter, disableAutoFocusFirst = false, disableVirtualFocus = false } = props;
|
|
426
|
-
let collectionId = $bdb11010cef70236$export$
|
|
426
|
+
let collectionId = $bdb11010cef70236$export$f680877a34711e37();
|
|
427
427
|
let timeout = useRef(void 0);
|
|
428
428
|
let delayNextActiveDescendant = useRef(false);
|
|
429
429
|
let queuedActiveDescendant = useRef(null);
|
|
430
430
|
let lastCollectionNode = useRef(null);
|
|
431
431
|
let isMobileScreenReader = $507fabe10e71c6fb$export$630ff653c5ada6a9() === "virtual" && ($c87311424ea30a05$export$fedb369cb70207f1() || $c87311424ea30a05$export$a11b0059900ceec8());
|
|
432
|
-
let shouldUseVirtualFocus = !isMobileScreenReader && !disableVirtualFocus;
|
|
432
|
+
let [shouldUseVirtualFocus, setShouldUseVirtualFocus] = useState(!isMobileScreenReader && !disableVirtualFocus);
|
|
433
|
+
let [hasCollection, setHasCollection] = useState(false);
|
|
433
434
|
useEffect(() => {
|
|
434
435
|
return () => clearTimeout(timeout.current);
|
|
435
436
|
}, []);
|
|
@@ -455,13 +456,18 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
455
456
|
delayNextActiveDescendant.current = false;
|
|
456
457
|
});
|
|
457
458
|
let callbackRef = useCallback((collectionNode) => {
|
|
458
|
-
var _lastCollectionNode_current;
|
|
459
459
|
if (collectionNode != null) {
|
|
460
|
-
var
|
|
461
|
-
(
|
|
460
|
+
var _lastCollectionNode_current;
|
|
461
|
+
(_lastCollectionNode_current = lastCollectionNode.current) === null || _lastCollectionNode_current === void 0 ? void 0 : _lastCollectionNode_current.removeEventListener("focusin", updateActiveDescendant);
|
|
462
462
|
lastCollectionNode.current = collectionNode;
|
|
463
463
|
collectionNode.addEventListener("focusin", updateActiveDescendant);
|
|
464
|
-
|
|
464
|
+
if (collectionNode.getAttribute("tabindex") != null) setShouldUseVirtualFocus(false);
|
|
465
|
+
setHasCollection(true);
|
|
466
|
+
} else {
|
|
467
|
+
var _lastCollectionNode_current1;
|
|
468
|
+
(_lastCollectionNode_current1 = lastCollectionNode.current) === null || _lastCollectionNode_current1 === void 0 ? void 0 : _lastCollectionNode_current1.removeEventListener("focusin", updateActiveDescendant);
|
|
469
|
+
setHasCollection(false);
|
|
470
|
+
}
|
|
465
471
|
}, [
|
|
466
472
|
updateActiveDescendant
|
|
467
473
|
]);
|
|
@@ -627,7 +633,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
627
633
|
onBlur,
|
|
628
634
|
onFocus
|
|
629
635
|
};
|
|
630
|
-
if (
|
|
636
|
+
if (hasCollection) inputProps = {
|
|
631
637
|
...inputProps,
|
|
632
638
|
...shouldUseVirtualFocus && virtualFocusProps,
|
|
633
639
|
enterKeyHint: "go",
|
|
@@ -644,7 +650,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
644
650
|
inputProps,
|
|
645
651
|
collectionProps: $3ef42575df84b30b$export$9d1611c77c2fe928(collectionProps, {
|
|
646
652
|
shouldUseVirtualFocus,
|
|
647
|
-
disallowTypeAhead:
|
|
653
|
+
disallowTypeAhead: shouldUseVirtualFocus
|
|
648
654
|
}),
|
|
649
655
|
collectionRef: mergedCollectionRef,
|
|
650
656
|
filter: filter != null ? filterFn : void 0
|
|
@@ -687,14 +693,14 @@ function $d2f53cda644affe3$export$2f2b9559550c7bbc(props) {
|
|
|
687
693
|
state
|
|
688
694
|
],
|
|
689
695
|
[
|
|
690
|
-
$
|
|
696
|
+
$4e85f108e88277b8$export$698f465ec27e93df,
|
|
691
697
|
{
|
|
692
698
|
...inputProps,
|
|
693
699
|
ref: inputRef
|
|
694
700
|
}
|
|
695
701
|
],
|
|
696
702
|
[
|
|
697
|
-
$
|
|
703
|
+
$4e85f108e88277b8$export$b0d3ecf7112093a7,
|
|
698
704
|
{
|
|
699
705
|
...collectionProps,
|
|
700
706
|
filter: filterFn,
|
|
@@ -722,7 +728,7 @@ const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ $f39a9eba43920
|
|
|
722
728
|
var _props_validationBehavior, _ref;
|
|
723
729
|
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
|
|
724
730
|
let inputRef = useRef(null);
|
|
725
|
-
[props, inputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, inputRef, $
|
|
731
|
+
[props, inputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, inputRef, $4e85f108e88277b8$export$698f465ec27e93df);
|
|
726
732
|
let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
|
|
727
733
|
let state = $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2({
|
|
728
734
|
...props,
|