@eightshift/ui-components 5.2.0 → 5.3.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-RTwMSBs-.js → Button-npzfSoYo.js} +3 -3
- package/dist/{Dialog-Xf6AsnV-.js → Dialog-CQ8H6Noi.js} +77 -50
- package/dist/{FocusScope-BnwM-e8R.js → FocusScope-DJApHXhY.js} +1 -1
- package/dist/Form-Cq3fu75_.js +5 -0
- package/dist/{Group-C4cXobNT.js → Input-ChJaTNa5.js} +39 -39
- package/dist/{List-CwJTORxj.js → List-BiAnh5G5.js} +5 -5
- package/dist/{ListBox-BeC97FZ4.js → ListBox-D0Stb4wr.js} +13 -23
- package/dist/{OverlayArrow-EZ0v_ljk.js → OverlayArrow-DivvkAVb.js} +46 -25
- package/dist/{Separator-Fl7qSeN-.js → SearchField-jVsbJe1O.js} +151 -475
- package/dist/{Select-DEQf8ZWI.js → Select-ciHB1pub.js} +12 -11
- package/dist/{Select-ef7c0426.esm-D6WOCaYm.js → Select-ef7c0426.esm-CmTkSxDx.js} +3 -3
- package/dist/{Collection-D_KhdLDC.js → SelectionManager-CabSdgMq.js} +1801 -1777
- package/dist/Separator-BPvqJny4.js +344 -0
- package/dist/{Slider-BQFSEhvk.js → Slider-ChP04COa.js} +4 -4
- package/dist/{VisuallyHidden-D9s7FTtC.js → VisuallyHidden-X6SggVVO.js} +1 -1
- package/dist/assets/style-admin.css +315 -79
- package/dist/assets/style-editor.css +315 -79
- package/dist/assets/style.css +315 -79
- package/dist/assets/wp-font-enhancements.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +5 -14
- package/dist/components/animated-visibility/animated-visibility.js +16 -16
- package/dist/components/button/button.js +7 -23
- package/dist/components/checkbox/checkbox.js +11 -10
- package/dist/components/color-pickers/color-picker.js +5 -4
- package/dist/components/color-pickers/color-swatch.js +1 -1
- package/dist/components/color-pickers/gradient-editor.js +7 -7
- package/dist/components/color-pickers/solid-color-picker.js +8 -8
- package/dist/components/component-toggle/component-toggle.js +1 -1
- package/dist/components/draggable/draggable-handle.js +1 -1
- package/dist/components/draggable/draggable.js +34 -17
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/draggable-list/draggable-list.js +6 -4
- package/dist/components/expandable/expandable.js +5 -5
- package/dist/components/index.js +2 -1
- package/dist/components/input-field/input-field.js +139 -3
- package/dist/components/item-collection/item-collection.js +1 -1
- package/dist/components/link-input/link-input.js +16 -15
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +94 -24
- package/dist/components/modal/modal.js +4 -4
- package/dist/components/notice/notice.js +6 -5
- package/dist/components/number-picker/number-picker.js +5 -5
- package/dist/components/option-select/option-select.js +1 -1
- package/dist/components/placeholders/file-placeholder.js +1 -1
- package/dist/components/popover/popover.js +7 -21
- package/dist/components/radio/radio.js +7 -6
- package/dist/components/repeater/repeater-item.js +1 -1
- package/dist/components/repeater/repeater.js +2 -2
- package/dist/components/responsive/mini-responsive.js +1 -1
- package/dist/components/responsive/responsive-legacy.js +1 -1
- package/dist/components/responsive/responsive.js +21 -20
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +28 -15
- 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/single-select.js +2 -2
- package/dist/components/select/styles.js +1 -1
- package/dist/components/select/v2/async-multi-select.js +24 -13
- package/dist/components/select/v2/async-select.js +24 -13
- package/dist/components/select/v2/multi-select.js +8 -8
- package/dist/components/select/v2/shared.js +1 -1
- package/dist/components/select/v2/single-select.js +8 -8
- package/dist/components/slider/column-config-slider.js +2 -2
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/slider/utils.js +1 -1
- package/dist/components/tabs/tabs.js +13 -9
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle-button/toggle-button.js +7 -7
- package/dist/components/tooltip/tooltip.js +12 -35
- package/dist/context-DCAZLyDS.js +7 -0
- package/dist/{default-i18n-DY6EfUSA.js → default-i18n-CN_q3KUs.js} +15 -56
- package/dist/icons/icons.js +3347 -30273
- package/dist/{index-641ee5b8.esm-Bu-mgopl.js → index-641ee5b8.esm-DVp0njHa.js} +10 -8
- package/dist/{index-CBHA_HDD.js → index-D8-Zjpbd.js} +18 -18
- package/dist/index.js +2 -1
- package/dist/{multi-select-components-rCCyCaKO.js → multi-select-components-CT_W0Cy9.js} +1 -1
- package/dist/{react-select-async.esm-XYrsKYb2.js → react-select-async.esm-Zl1LPaPb.js} +3 -3
- package/dist/{react-select.esm-CCSPY6XR.js → react-select.esm-Bu36HujU.js} +3 -3
- package/dist/{textSelection-D5tWX1rJ.js → textSelection-k0u64dDA.js} +1 -1
- package/dist/{useAsyncList-ZqaIH2gh.js → useAsyncList-D52mQcrH.js} +30 -0
- package/dist/{useButton-BtJSiQi3.js → useButton-Bn4ZT295.js} +4 -3
- package/dist/{useDragAndDrop-CddFteYC.js → useDragAndDrop-DVLrIdEn.js} +18 -10
- package/dist/{useFilter-Cl2ggwwq.js → useFilter-C4wo8Iii.js} +1 -1
- package/dist/{useFocusRing-D5BfOWag.js → useFocusRing-CUxgjvAY.js} +1 -1
- package/dist/{Form-BeMxJA29.js → useFormValidation-CUtZcedF.js} +5 -7
- package/dist/{useHover-44IApaa2.js → useHover-LmGemtHE.js} +24 -24
- package/dist/{useListState-BSkHuB7-.js → useListState-Xsk-aOvN.js} +8 -5
- package/dist/{useNumberField-JhWPy1JY.js → useNumberField-BCjjZWaz.js} +100 -99
- package/dist/{usePress-BnrkvZ7e.js → usePress-CBQIDzpQ.js} +12 -12
- package/dist/{useSingleSelectListState-CzJFsSHr.js → useSingleSelectListState-DattSD7d.js} +2 -2
- package/dist/{useToggle-OaIBlwRu.js → useToggle-C8CedY6Z.js} +2 -2
- package/dist/{useToggleState-BF8hvidm.js → useToggleState-CiAradXs.js} +1 -1
- package/package.json +25 -25
- package/dist/TextField-x_eEa_qR.js +0 -143
|
@@ -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 {
|
|
9
|
+
import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-Bn4ZT295.js";
|
|
10
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
|
|
11
|
+
import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-LmGemtHE.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) {
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-
|
|
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,
|
|
1
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-npzfSoYo.js";
|
|
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
3
|
import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-2lR5GG9p.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-
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
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-DivvkAVb.js";
|
|
5
|
+
import { B as $8a26561d2877236e$export$c24ed0104d07eab9, c as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, d as $e1995378a142960e$export$18af5c7a9e9b3664, C as $e1995378a142960e$export$e953bb1cd0f19726, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, D as $23b9f4fcf0fe224b$export$437f11dc9b403b78, h as $7135fc7d473fd974$export$4feb769f8ddf26c5, i as $7135fc7d473fd974$export$d40e14dec8b060a8, n as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "./SelectionManager-CabSdgMq.js";
|
|
6
|
+
import { a as $8e6cc465cc68f603$export$b0d3ecf7112093a7, $ as $8e6cc465cc68f603$export$698f465ec27e93df } from "./context-DCAZLyDS.js";
|
|
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";
|
|
7
8
|
import React__default, { useRef, useContext, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
|
|
8
9
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
|
|
9
10
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
10
|
-
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-
|
|
11
|
-
import { I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, c as $431fbd86ca7dc216$export$b204af158042fbac, b as $c87311424ea30a05$export$fedb369cb70207f1,
|
|
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-CBQIDzpQ.js";
|
|
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-LmGemtHE.js";
|
|
12
13
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
|
|
14
|
+
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
|
|
13
15
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
14
|
-
import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-
|
|
16
|
+
import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-DJApHXhY.js";
|
|
15
17
|
import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "./PortalProvider---wyKpMr.js";
|
|
16
|
-
import { $ as $dbSRa$reactdom } from "./index-
|
|
18
|
+
import { $ as $dbSRa$reactdom } from "./index-D8-Zjpbd.js";
|
|
17
19
|
import { b as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-rE6uR-lr.js";
|
|
18
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-
|
|
20
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-CUxgjvAY.js";
|
|
19
21
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
|
|
20
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-
|
|
22
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-X6SggVVO.js";
|
|
21
23
|
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef(({ children, ...props }, ref) => {
|
|
22
24
|
let isRegistered = useRef(false);
|
|
23
25
|
let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
|
|
@@ -553,7 +555,11 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, options) {
|
|
|
553
555
|
let setHidden = (element, hidden) => {
|
|
554
556
|
if (shouldUseInert && element instanceof windowObj.HTMLElement) element.inert = hidden;
|
|
555
557
|
else if (hidden) element.setAttribute("aria-hidden", "true");
|
|
556
|
-
else
|
|
558
|
+
else {
|
|
559
|
+
element.removeAttribute("aria-hidden");
|
|
560
|
+
if (element instanceof windowObj.HTMLElement)
|
|
561
|
+
element.inert = false;
|
|
562
|
+
}
|
|
557
563
|
};
|
|
558
564
|
let walk = (root2) => {
|
|
559
565
|
for (let element of root2.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) visibleNodes.add(element);
|
|
@@ -653,7 +659,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
|
|
|
653
659
|
isKeyboardDismissDisabled,
|
|
654
660
|
shouldCloseOnInteractOutside
|
|
655
661
|
}, groupRef !== null && groupRef !== void 0 ? groupRef : popoverRef);
|
|
656
|
-
let { overlayProps: positionProps, arrowProps, placement } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
|
|
662
|
+
let { overlayProps: positionProps, arrowProps, placement, triggerAnchorPoint: origin } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
|
|
657
663
|
...otherProps,
|
|
658
664
|
targetRef: triggerRef,
|
|
659
665
|
overlayRef: popoverRef,
|
|
@@ -683,7 +689,8 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
|
|
|
683
689
|
popoverProps: $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, positionProps),
|
|
684
690
|
arrowProps,
|
|
685
691
|
underlayProps,
|
|
686
|
-
placement
|
|
692
|
+
placement,
|
|
693
|
+
triggerAnchorPoint: origin
|
|
687
694
|
};
|
|
688
695
|
}
|
|
689
696
|
const $337b884510726a0d$export$a2200b96afd16271 = /* @__PURE__ */ React__default.createContext(null);
|
|
@@ -1003,7 +1010,7 @@ function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
|
|
|
1003
1010
|
};
|
|
1004
1011
|
}
|
|
1005
1012
|
function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
|
|
1006
|
-
let { id, key, closeOnSelect, isVirtualized, "aria-haspopup": hasPopup, onPressStart
|
|
1013
|
+
let { id, key, closeOnSelect, isVirtualized, "aria-haspopup": hasPopup, onPressStart, onPressUp: pressUpProp, onPress, onPressChange: pressChangeProp, onPressEnd, onClick: onClickProp, onHoverStart: hoverStartProp, onHoverChange, onHoverEnd, onKeyDown, onKeyUp, onFocus, onFocusChange, onBlur, selectionManager = state.selectionManager } = props;
|
|
1007
1014
|
let isTrigger = !!hasPopup;
|
|
1008
1015
|
let isTriggerExpanded = isTrigger && props["aria-expanded"] === "true";
|
|
1009
1016
|
var _props_isDisabled;
|
|
@@ -1051,26 +1058,30 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
1051
1058
|
ariaProps["aria-posinset"] = item === null || item === void 0 ? void 0 : item.index;
|
|
1052
1059
|
ariaProps["aria-setsize"] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
|
|
1053
1060
|
}
|
|
1054
|
-
let onPressStart = (e) => {
|
|
1055
|
-
if (e.pointerType === "keyboard" && !selectionManager.isLink(key)) e.target.click();
|
|
1056
|
-
pressStartProp === null || pressStartProp === void 0 ? void 0 : pressStartProp(e);
|
|
1057
|
-
};
|
|
1058
1061
|
let isPressedRef = useRef(false);
|
|
1059
1062
|
let onPressChange = (isPressed2) => {
|
|
1060
1063
|
pressChangeProp === null || pressChangeProp === void 0 ? void 0 : pressChangeProp(isPressed2);
|
|
1061
1064
|
isPressedRef.current = isPressed2;
|
|
1062
1065
|
};
|
|
1066
|
+
let interaction = useRef(null);
|
|
1063
1067
|
let onPressUp = (e) => {
|
|
1068
|
+
if (e.pointerType !== "keyboard") interaction.current = {
|
|
1069
|
+
pointerType: e.pointerType
|
|
1070
|
+
};
|
|
1064
1071
|
if (e.pointerType === "mouse") {
|
|
1065
1072
|
if (!isPressedRef.current) e.target.click();
|
|
1066
1073
|
}
|
|
1067
|
-
if (e.pointerType !== "keyboard" && !isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : selectionManager.selectionMode !== "multiple" || selectionManager.isLink(key))) onClose();
|
|
1068
1074
|
pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
|
|
1069
1075
|
};
|
|
1070
1076
|
let onClick = (e) => {
|
|
1077
|
+
var _interaction_current, _interaction_current1;
|
|
1071
1078
|
onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(e);
|
|
1072
1079
|
performAction();
|
|
1073
1080
|
$ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, item.props.href, item === null || item === void 0 ? void 0 : item.props.routerOptions);
|
|
1081
|
+
let shouldClose = ((_interaction_current = interaction.current) === null || _interaction_current === void 0 ? void 0 : _interaction_current.pointerType) === "keyboard" ? ((_interaction_current1 = interaction.current) === null || _interaction_current1 === void 0 ? void 0 : _interaction_current1.key) === "Enter" || selectionManager.selectionMode === "none" || selectionManager.isLink(key) : selectionManager.selectionMode !== "multiple" || selectionManager.isLink(key);
|
|
1082
|
+
shouldClose = closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : shouldClose;
|
|
1083
|
+
if (onClose && !isTrigger && shouldClose) onClose();
|
|
1084
|
+
interaction.current = null;
|
|
1074
1085
|
};
|
|
1075
1086
|
let { itemProps, isFocused } = $880e95eb8b93ba9a$export$ecf600387e221c37({
|
|
1076
1087
|
id,
|
|
@@ -1114,10 +1125,18 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
1114
1125
|
}
|
|
1115
1126
|
switch (e.key) {
|
|
1116
1127
|
case " ":
|
|
1117
|
-
|
|
1128
|
+
interaction.current = {
|
|
1129
|
+
pointerType: "keyboard",
|
|
1130
|
+
key: " "
|
|
1131
|
+
};
|
|
1132
|
+
e.target.click();
|
|
1118
1133
|
break;
|
|
1119
1134
|
case "Enter":
|
|
1120
|
-
|
|
1135
|
+
interaction.current = {
|
|
1136
|
+
pointerType: "keyboard",
|
|
1137
|
+
key: "Enter"
|
|
1138
|
+
};
|
|
1139
|
+
if (e.target.tagName !== "A") e.target.click();
|
|
1121
1140
|
break;
|
|
1122
1141
|
default:
|
|
1123
1142
|
if (!isTrigger) e.continuePropagation();
|
|
@@ -1424,10 +1443,10 @@ function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
|
|
|
1424
1443
|
} else if (!isHovered) cancelOpenTimeout();
|
|
1425
1444
|
}
|
|
1426
1445
|
};
|
|
1427
|
-
|
|
1446
|
+
$e9faafb641e167db$export$90fc3a17d93f704c(parentMenuRef, "focusin", (e) => {
|
|
1428
1447
|
var _parentMenuRef_current;
|
|
1429
|
-
if (state.isOpen && ((_parentMenuRef_current = parentMenuRef.current) === null || _parentMenuRef_current === void 0 ? void 0 : _parentMenuRef_current.contains(e.
|
|
1430
|
-
};
|
|
1448
|
+
if (state.isOpen && ((_parentMenuRef_current = parentMenuRef.current) === null || _parentMenuRef_current === void 0 ? void 0 : _parentMenuRef_current.contains(e.target)) && e.target !== ref.current) onSubmenuClose();
|
|
1449
|
+
});
|
|
1431
1450
|
let shouldCloseOnInteractOutside = (target) => {
|
|
1432
1451
|
if (target !== ref.current) return true;
|
|
1433
1452
|
return false;
|
|
@@ -1448,7 +1467,6 @@ function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
|
|
|
1448
1467
|
onPress,
|
|
1449
1468
|
onHoverChange,
|
|
1450
1469
|
onKeyDown: submenuTriggerKeyDown,
|
|
1451
|
-
onBlur,
|
|
1452
1470
|
isOpen: state.isOpen
|
|
1453
1471
|
},
|
|
1454
1472
|
submenuProps,
|
|
@@ -1738,21 +1756,14 @@ const $07b14b47974efb58$export$5b6b19405a83ff9d = /* @__PURE__ */ forwardRef(fun
|
|
|
1738
1756
|
});
|
|
1739
1757
|
function $07b14b47974efb58$var$PopoverInner({ state, isExiting, UNSTABLE_portalContainer, clearContexts, ...props }) {
|
|
1740
1758
|
let arrowRef = useRef(null);
|
|
1741
|
-
let [arrowWidth, setArrowWidth] = useState(0);
|
|
1742
1759
|
let containerRef = useRef(null);
|
|
1743
1760
|
let groupCtx = useContext($07b14b47974efb58$var$PopoverGroupContext);
|
|
1744
1761
|
let isSubPopover = groupCtx && props.trigger === "SubmenuTrigger";
|
|
1745
|
-
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
1746
|
-
if (arrowRef.current && state.isOpen) setArrowWidth(arrowRef.current.getBoundingClientRect().width);
|
|
1747
|
-
}, [
|
|
1748
|
-
state.isOpen,
|
|
1749
|
-
arrowRef
|
|
1750
|
-
]);
|
|
1751
1762
|
var _props_offset;
|
|
1752
|
-
let { popoverProps, underlayProps, arrowProps, placement } = $f2f8a6077418541e$export$542a6fd13ac93354({
|
|
1763
|
+
let { popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint } = $f2f8a6077418541e$export$542a6fd13ac93354({
|
|
1753
1764
|
...props,
|
|
1754
1765
|
offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8,
|
|
1755
|
-
|
|
1766
|
+
arrowRef,
|
|
1756
1767
|
// If this is a submenu/subdialog, use the root popover's container
|
|
1757
1768
|
// to detect outside interaction and add aria-hidden.
|
|
1758
1769
|
groupRef: isSubPopover ? groupCtx : containerRef
|
|
@@ -1778,10 +1789,11 @@ function $07b14b47974efb58$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
|
|
|
1778
1789
|
shouldBeDialog
|
|
1779
1790
|
]);
|
|
1780
1791
|
useEffect(() => {
|
|
1781
|
-
if (isDialog && ref.current && !ref.current.contains(document.activeElement)) $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
|
|
1792
|
+
if (isDialog && props.trigger !== "SubmenuTrigger" && ref.current && !ref.current.contains(document.activeElement)) $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
|
|
1782
1793
|
}, [
|
|
1783
1794
|
isDialog,
|
|
1784
|
-
ref
|
|
1795
|
+
ref,
|
|
1796
|
+
props.trigger
|
|
1785
1797
|
]);
|
|
1786
1798
|
let children = useMemo(() => {
|
|
1787
1799
|
let children2 = renderProps.children;
|
|
@@ -1795,6 +1807,7 @@ function $07b14b47974efb58$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
|
|
|
1795
1807
|
]);
|
|
1796
1808
|
let style = {
|
|
1797
1809
|
...popoverProps.style,
|
|
1810
|
+
"--trigger-anchor-point": triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : void 0,
|
|
1798
1811
|
...renderProps.style
|
|
1799
1812
|
};
|
|
1800
1813
|
let overlay = /* @__PURE__ */ React__default.createElement("div", {
|
|
@@ -1914,7 +1927,19 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
|
|
|
1914
1927
|
}, props.children));
|
|
1915
1928
|
}
|
|
1916
1929
|
const $3674c52c6b3c5bce$var$SubmenuTriggerContext = /* @__PURE__ */ createContext(null);
|
|
1917
|
-
|
|
1930
|
+
class $3674c52c6b3c5bce$var$SubmenuTriggerNode extends $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {
|
|
1931
|
+
filter(collection, newCollection, filterFn) {
|
|
1932
|
+
let triggerNode = collection.getItem(this.firstChildKey);
|
|
1933
|
+
if (triggerNode && filterFn(triggerNode.textValue, this)) {
|
|
1934
|
+
let clone = this.clone();
|
|
1935
|
+
newCollection.addDescendants(clone, collection);
|
|
1936
|
+
return clone;
|
|
1937
|
+
}
|
|
1938
|
+
return null;
|
|
1939
|
+
}
|
|
1940
|
+
}
|
|
1941
|
+
$3674c52c6b3c5bce$var$SubmenuTriggerNode.type = "submenutrigger";
|
|
1942
|
+
const $3674c52c6b3c5bce$export$ecabc99eeffab7ca = /* @__PURE__ */ $e1995378a142960e$export$e953bb1cd0f19726($3674c52c6b3c5bce$var$SubmenuTriggerNode, (props, ref, item) => {
|
|
1918
1943
|
let { CollectionBranch } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
|
|
1919
1944
|
let state = useContext($3674c52c6b3c5bce$export$24aad8519b95b41b);
|
|
1920
1945
|
let rootMenuTriggerState = useContext($3674c52c6b3c5bce$export$795aec4671cbae19);
|
|
@@ -1942,7 +1967,10 @@ const $3674c52c6b3c5bce$export$ecabc99eeffab7ca = /* @__PURE__ */ $e1995378a1429
|
|
|
1942
1967
|
],
|
|
1943
1968
|
[
|
|
1944
1969
|
$3674c52c6b3c5bce$export$c7e742effb1c51e2,
|
|
1945
|
-
|
|
1970
|
+
{
|
|
1971
|
+
ref: submenuRef,
|
|
1972
|
+
...submenuProps
|
|
1973
|
+
}
|
|
1946
1974
|
],
|
|
1947
1975
|
[
|
|
1948
1976
|
$de32f1b87079253c$export$d2f961adcb0afbe,
|
|
@@ -1951,7 +1979,6 @@ const $3674c52c6b3c5bce$export$ecabc99eeffab7ca = /* @__PURE__ */ $e1995378a1429
|
|
|
1951
1979
|
[
|
|
1952
1980
|
$07b14b47974efb58$export$9b9a0cd73afb7ca4,
|
|
1953
1981
|
{
|
|
1954
|
-
ref: submenuRef,
|
|
1955
1982
|
trigger: "SubmenuTrigger",
|
|
1956
1983
|
triggerRef: itemRef,
|
|
1957
1984
|
placement: "end top",
|
|
@@ -1976,12 +2003,9 @@ const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /* @__PURE__ */ forwardRef(fun
|
|
|
1976
2003
|
}));
|
|
1977
2004
|
});
|
|
1978
2005
|
function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
ref
|
|
1983
|
-
]));
|
|
1984
|
-
let filteredCollection = useMemo(() => filter ? collection.UNSTABLE_filter(filter) : collection, [
|
|
2006
|
+
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $8e6cc465cc68f603$export$b0d3ecf7112093a7);
|
|
2007
|
+
let { filter, ...autocompleteMenuProps } = props;
|
|
2008
|
+
let filteredCollection = useMemo(() => filter ? collection.filter(filter) : collection, [
|
|
1985
2009
|
collection,
|
|
1986
2010
|
filter
|
|
1987
2011
|
]);
|
|
@@ -1994,7 +2018,6 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
|
|
|
1994
2018
|
let { isVirtualized, CollectionRoot } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
|
|
1995
2019
|
let { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579({
|
|
1996
2020
|
...props,
|
|
1997
|
-
...autocompleteMenuProps,
|
|
1998
2021
|
isVirtualized,
|
|
1999
2022
|
onClose: props.onClose || (triggerState === null || triggerState === void 0 ? void 0 : triggerState.close)
|
|
2000
2023
|
}, state, ref);
|
|
@@ -2053,7 +2076,11 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
|
|
|
2053
2076
|
null
|
|
2054
2077
|
],
|
|
2055
2078
|
[
|
|
2056
|
-
$
|
|
2079
|
+
$8e6cc465cc68f603$export$b0d3ecf7112093a7,
|
|
2080
|
+
null
|
|
2081
|
+
],
|
|
2082
|
+
[
|
|
2083
|
+
$8e6cc465cc68f603$export$698f465ec27e93df,
|
|
2057
2084
|
null
|
|
2058
2085
|
],
|
|
2059
2086
|
[
|
|
@@ -2140,9 +2167,9 @@ function $3674c52c6b3c5bce$var$MenuSectionInner(props, ref, section, className =
|
|
|
2140
2167
|
parent: section
|
|
2141
2168
|
})));
|
|
2142
2169
|
}
|
|
2143
|
-
const $3674c52c6b3c5bce$export$4b1545b4f2016d26 = /* @__PURE__ */ $e1995378a142960e$export$e953bb1cd0f19726(
|
|
2170
|
+
const $3674c52c6b3c5bce$export$4b1545b4f2016d26 = /* @__PURE__ */ $e1995378a142960e$export$e953bb1cd0f19726($23b9f4fcf0fe224b$export$437f11dc9b403b78, $3674c52c6b3c5bce$var$MenuSectionInner);
|
|
2144
2171
|
const $3674c52c6b3c5bce$var$MenuItemContext = /* @__PURE__ */ createContext(null);
|
|
2145
|
-
const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664(
|
|
2172
|
+
const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664($23b9f4fcf0fe224b$export$fd11f34e1d07f134, function MenuItem(props, forwardedRef, item) {
|
|
2146
2173
|
var _useSlottedContext;
|
|
2147
2174
|
[props, forwardedRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, forwardedRef, $3674c52c6b3c5bce$var$MenuItemContext);
|
|
2148
2175
|
let id = (_useSlottedContext = $64fa3d84918910a7$export$fabf2dc03a41866e($3674c52c6b3c5bce$var$MenuItemContext)) === null || _useSlottedContext === void 0 ? void 0 : _useSlottedContext.id;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
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-LmGemtHE.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,12 +1,12 @@
|
|
|
1
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $f645667febf57a63$export$4c014de7c8940b4c,
|
|
1
|
+
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-LmGemtHE.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
|
-
import React__default, { useState, useEffect,
|
|
5
|
+
import React__default, { useState, useEffect, forwardRef, createContext } from "react";
|
|
6
6
|
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-B8BgFmIQ.js";
|
|
7
|
-
import {
|
|
7
|
+
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-CUtZcedF.js";
|
|
8
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
|
|
8
9
|
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
|
|
9
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-D5BfOWag.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;
|
|
12
12
|
let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
|
|
@@ -94,41 +94,6 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
|
94
94
|
validationDetails
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
|
-
const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
|
|
98
|
-
let $3985021b0ad6602f$var$filterHoverProps = (props) => {
|
|
99
|
-
let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
|
|
100
|
-
return otherProps;
|
|
101
|
-
};
|
|
102
|
-
const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
|
|
103
|
-
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
|
|
104
|
-
let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
105
|
-
let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
|
|
106
|
-
isTextInput: true,
|
|
107
|
-
autoFocus: props.autoFocus
|
|
108
|
-
});
|
|
109
|
-
let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
|
|
110
|
-
let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
|
|
111
|
-
...props,
|
|
112
|
-
values: {
|
|
113
|
-
isHovered,
|
|
114
|
-
isFocused,
|
|
115
|
-
isFocusVisible,
|
|
116
|
-
isDisabled: props.disabled || false,
|
|
117
|
-
isInvalid
|
|
118
|
-
},
|
|
119
|
-
defaultClassName: "react-aria-Input"
|
|
120
|
-
});
|
|
121
|
-
return /* @__PURE__ */ React__default.createElement("input", {
|
|
122
|
-
...$3ef42575df84b30b$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
|
|
123
|
-
...renderProps,
|
|
124
|
-
ref,
|
|
125
|
-
"data-focused": isFocused || void 0,
|
|
126
|
-
"data-disabled": props.disabled || void 0,
|
|
127
|
-
"data-hovered": isHovered || void 0,
|
|
128
|
-
"data-focus-visible": isFocusVisible || void 0,
|
|
129
|
-
"data-invalid": isInvalid || void 0
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
97
|
const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
|
|
133
98
|
const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(function Group(props, ref) {
|
|
134
99
|
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
|
|
@@ -169,6 +134,41 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(fun
|
|
|
169
134
|
"data-invalid": isInvalid || void 0
|
|
170
135
|
}, renderProps.children);
|
|
171
136
|
});
|
|
137
|
+
const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
|
|
138
|
+
let $3985021b0ad6602f$var$filterHoverProps = (props) => {
|
|
139
|
+
let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
|
|
140
|
+
return otherProps;
|
|
141
|
+
};
|
|
142
|
+
const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
|
|
143
|
+
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
|
|
144
|
+
let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
145
|
+
let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
|
|
146
|
+
isTextInput: true,
|
|
147
|
+
autoFocus: props.autoFocus
|
|
148
|
+
});
|
|
149
|
+
let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
|
|
150
|
+
let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
|
|
151
|
+
...props,
|
|
152
|
+
values: {
|
|
153
|
+
isHovered,
|
|
154
|
+
isFocused,
|
|
155
|
+
isFocusVisible,
|
|
156
|
+
isDisabled: props.disabled || false,
|
|
157
|
+
isInvalid
|
|
158
|
+
},
|
|
159
|
+
defaultClassName: "react-aria-Input"
|
|
160
|
+
});
|
|
161
|
+
return /* @__PURE__ */ React__default.createElement("input", {
|
|
162
|
+
...$3ef42575df84b30b$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
|
|
163
|
+
...renderProps,
|
|
164
|
+
ref,
|
|
165
|
+
"data-focused": isFocused || void 0,
|
|
166
|
+
"data-disabled": props.disabled || void 0,
|
|
167
|
+
"data-hovered": isHovered || void 0,
|
|
168
|
+
"data-focus-visible": isFocusVisible || void 0,
|
|
169
|
+
"data-invalid": isInvalid || void 0
|
|
170
|
+
});
|
|
171
|
+
});
|
|
172
172
|
export {
|
|
173
173
|
$3985021b0ad6602f$export$f5b8910cec6cf069 as $,
|
|
174
174
|
$a049562f99e7db0e$export$f9c6924e160136d1 as a,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { r as reactDomExports } from "./index-
|
|
2
|
+
import { r as reactDomExports } from "./index-D8-Zjpbd.js";
|
|
3
3
|
function arrayMove(array, from, to) {
|
|
4
4
|
array = array.slice();
|
|
5
5
|
array.splice(to < 0 ? array.length + to : to, 0, array.splice(from, 1)[0]);
|
|
@@ -325,9 +325,9 @@ class List extends React.Component {
|
|
|
325
325
|
scrollingSpeed: Math.min(Math.round((AUTOSCROLL_ACTIVE_OFFSET - (viewportHeight - clientY)) / AUTOSCROLL_SPEED_RATIO), Math.round((delta - AUTOSCROLL_DELTA_THRESHOLD) / AUTOSCROLL_SPEED_RATIO)),
|
|
326
326
|
scrollWindow: true
|
|
327
327
|
});
|
|
328
|
-
} else if (top < 0 && clientY < AUTOSCROLL_ACTIVE_OFFSET && delta < -
|
|
328
|
+
} else if (top < 0 && clientY < AUTOSCROLL_ACTIVE_OFFSET && delta < -AUTOSCROLL_DELTA_THRESHOLD) {
|
|
329
329
|
this.setState({
|
|
330
|
-
scrollingSpeed: Math.max(Math.round((AUTOSCROLL_ACTIVE_OFFSET - clientY) / -
|
|
330
|
+
scrollingSpeed: Math.max(Math.round((AUTOSCROLL_ACTIVE_OFFSET - clientY) / -AUTOSCROLL_SPEED_RATIO), Math.round((delta + AUTOSCROLL_DELTA_THRESHOLD) / AUTOSCROLL_SPEED_RATIO)),
|
|
331
331
|
scrollWindow: true
|
|
332
332
|
});
|
|
333
333
|
} else {
|
|
@@ -336,8 +336,8 @@ class List extends React.Component {
|
|
|
336
336
|
}
|
|
337
337
|
if (height + 20 < this.listRef.current.scrollHeight) {
|
|
338
338
|
let scrollingSpeed = 0;
|
|
339
|
-
if (clientY - top < AUTOSCROLL_ACTIVE_OFFSET && delta < -
|
|
340
|
-
scrollingSpeed = Math.max(Math.round((AUTOSCROLL_ACTIVE_OFFSET - (clientY - top)) / -
|
|
339
|
+
if (clientY - top < AUTOSCROLL_ACTIVE_OFFSET && delta < -AUTOSCROLL_DELTA_THRESHOLD) {
|
|
340
|
+
scrollingSpeed = Math.max(Math.round((AUTOSCROLL_ACTIVE_OFFSET - (clientY - top)) / -AUTOSCROLL_SPEED_RATIO), Math.round((delta + AUTOSCROLL_DELTA_THRESHOLD) / AUTOSCROLL_SPEED_RATIO));
|
|
341
341
|
} else if (bottom - clientY < AUTOSCROLL_ACTIVE_OFFSET && delta > AUTOSCROLL_DELTA_THRESHOLD) {
|
|
342
342
|
scrollingSpeed = Math.min(Math.round((AUTOSCROLL_ACTIVE_OFFSET - (bottom - clientY)) / AUTOSCROLL_SPEED_RATIO), Math.round((delta - AUTOSCROLL_DELTA_THRESHOLD) / AUTOSCROLL_SPEED_RATIO));
|
|
343
343
|
}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5,
|
|
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,
|
|
1
|
+
import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, h as $7135fc7d473fd974$export$4feb769f8ddf26c5, i as $7135fc7d473fd974$export$d40e14dec8b060a8, j as $23b9f4fcf0fe224b$export$8258a0665a675899 } from "./SelectionManager-CabSdgMq.js";
|
|
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 {
|
|
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-BPvqJny4.js";
|
|
5
|
+
import { a as $8e6cc465cc68f603$export$b0d3ecf7112093a7 } from "./context-DCAZLyDS.js";
|
|
5
6
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
|
|
6
7
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
7
|
-
import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-
|
|
8
|
-
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-
|
|
9
|
-
import { B as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98,
|
|
10
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
8
|
+
import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-Xsk-aOvN.js";
|
|
9
|
+
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-CBQIDzpQ.js";
|
|
10
|
+
import { B as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-LmGemtHE.js";
|
|
11
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
|
|
11
12
|
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C8umX0gk.js";
|
|
12
13
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
13
|
-
import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-
|
|
14
|
+
import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-DJApHXhY.js";
|
|
14
15
|
function $a5fa973c1850dd36$export$ccaea96c28e8b9e7(props, ref) {
|
|
15
16
|
let { collection, onLoadMore, scrollOffset = 1 } = props;
|
|
16
17
|
let sentinelObserver = useRef(null);
|
|
@@ -298,19 +299,8 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props, listBoxRef, collection
|
|
|
298
299
|
});
|
|
299
300
|
}
|
|
300
301
|
function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxRef }) {
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
...props,
|
|
304
|
-
...collectionProps
|
|
305
|
-
} : props, [
|
|
306
|
-
props,
|
|
307
|
-
collectionProps
|
|
308
|
-
]);
|
|
309
|
-
let { dragAndDropHooks, layout = "stack", orientation = "vertical" } = props;
|
|
310
|
-
listBoxRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(listBoxRef, collectionRef !== void 0 ? collectionRef : null), [
|
|
311
|
-
collectionRef,
|
|
312
|
-
listBoxRef
|
|
313
|
-
]));
|
|
302
|
+
[props, listBoxRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, listBoxRef, $8e6cc465cc68f603$export$b0d3ecf7112093a7);
|
|
303
|
+
let { dragAndDropHooks, layout = "stack", orientation = "vertical", filter } = props;
|
|
314
304
|
let state = $e72dd72e1c76a225$export$ba9d38c0f1bf2b36(inputState, filter);
|
|
315
305
|
let { collection, selectionManager } = state;
|
|
316
306
|
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
|
|
@@ -513,7 +503,7 @@ function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, classNam
|
|
|
513
503
|
renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
|
|
514
504
|
})));
|
|
515
505
|
}
|
|
516
|
-
const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664(
|
|
506
|
+
const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664($23b9f4fcf0fe224b$export$fd11f34e1d07f134, function ListBoxItem(props, forwardedRef, item) {
|
|
517
507
|
let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
|
|
518
508
|
let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
|
|
519
509
|
let { dragAndDropHooks, dragState, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
|
|
@@ -625,7 +615,7 @@ function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
|
|
|
625
615
|
});
|
|
626
616
|
}
|
|
627
617
|
const $eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef = /* @__PURE__ */ forwardRef($eed445e0843c11d0$var$ListBoxDropIndicator);
|
|
628
|
-
$e1995378a142960e$export$18af5c7a9e9b3664(
|
|
618
|
+
$e1995378a142960e$export$18af5c7a9e9b3664($23b9f4fcf0fe224b$export$8258a0665a675899, function ListBoxLoadingIndicator(props, ref, item) {
|
|
629
619
|
let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
|
|
630
620
|
let { isLoading, onLoadMore, scrollOffset, ...otherProps } = props;
|
|
631
621
|
let sentinelRef = useRef(null);
|