@eightshift/ui-components 6.2.0 → 6.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-CFnNdpNZ.js → Button-DtRmB6b8.js} +7 -6
- package/dist/{Dialog-DDfABlp4.js → Dialog-DTIxSDhz.js} +91 -37
- package/dist/{FocusScope-BJhC1-1e.js → FocusScope-CjFQ7cbd.js} +16 -16
- package/dist/{Hidden-Rfj-STx7.js → Hidden-DOH36apC.js} +23 -6
- package/dist/{Input-B4X6-x6r.js → Input-BG9DaxYN.js} +6 -6
- package/dist/{Label-BDlf9vIY.js → Label-_aSf9-8u.js} +1 -1
- package/dist/{ListBox-ByPsaVVK.js → ListBox-DXFyyj_r.js} +8 -7
- package/dist/{OverlayArrow-Dy0qw7WL.js → OverlayArrow-Fuxj-1QM.js} +27 -9
- package/dist/{RadioGroup-CjCAbUr4.js → RadioGroup-DCeiLxLK.js} +9 -9
- package/dist/{SearchField-BME59dt-.js → SearchField-B_yKFXRk.js} +11 -11
- package/dist/{SelectionManager-iru59gc4.js → SelectionManager-B02LcxLr.js} +111 -65
- package/dist/{Slider-BIbaMdUE.js → Slider-bR3fAmim.js} +7 -7
- package/dist/{VisuallyHidden-CqnizvzQ.js → VisuallyHidden-DZnWrkn8.js} +1 -1
- package/dist/assets/style-admin.css +628 -327
- package/dist/assets/style-editor.css +628 -327
- package/dist/assets/style.css +628 -327
- package/dist/assets/wp-overrides/allow-full-width-blocks.css +1 -1
- package/dist/assets/wp-overrides/fix-label-text-case.css +1 -1
- package/dist/assets/wp-overrides/increase-sidebar-width.css +1 -1
- package/dist/assets/wp-overrides/make-block-messages-nicer.css +7 -7
- package/dist/assets/wp-overrides/replace-fonts.css +5 -5
- package/dist/assets/wp-overrides/restyle-tooltips.css +3 -3
- package/dist/assets/wp-overrides/round-corners.css +1 -1
- package/dist/assets/wp-overrides/unify-button-sizes.css +1 -1
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/base-control/container.js +1 -1
- package/dist/components/button/button.js +12 -9
- package/dist/components/checkbox/checkbox.js +10 -10
- package/dist/components/color-pickers/solid-color-picker.js +9 -9
- package/dist/components/expandable/expandable.js +5 -5
- package/dist/components/input-field/input-field.js +6 -9
- package/dist/components/link-input/link-input.js +191 -68
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +5 -5
- package/dist/components/modal/modal.js +11 -8
- package/dist/components/notice/notice.js +3 -3
- package/dist/components/number-picker/number-picker.js +7 -7
- package/dist/components/options-panel/options-panel.js +6 -6
- package/dist/components/popover/popover.js +8 -7
- package/dist/components/radio/radio.js +2 -2
- package/dist/components/responsive/mini-responsive.js +81 -70
- package/dist/components/responsive/responsive.js +24 -40
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +6 -4
- package/dist/components/select/async-multi-select.js +16 -12
- package/dist/components/select/async-select.js +16 -13
- package/dist/components/select/multi-select.js +17 -13
- package/dist/components/select/shared.js +3 -3
- package/dist/components/select/single-select.js +14 -12
- package/dist/components/slider/column-config-slider.js +3 -3
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/tabs/tabs.js +39 -8
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +6 -6
- package/dist/components/tooltip/tooltip.js +11 -9
- package/dist/{proxy-DFlYXk07.js → proxy-CNEXmkdK.js} +205 -137
- package/dist/{shared-HdRrpnhs.js → shared-CNH8QfV9.js} +15 -14
- package/dist/{textSelection-CeoEP4rL.js → textSelection-DA3VcKpG.js} +1 -1
- package/dist/{useButton-5YL_nmpZ.js → useButton-DyMX0EVr.js} +2 -2
- package/dist/{useEvent-Zze2g7CX.js → useEvent-Bfy68GHZ.js} +1 -1
- package/dist/{useFilter-NhAlifsK.js → useFilter-Bg5C34XC.js} +1 -1
- package/dist/{useFocusRing-rUOwLdTK.js → useFocusRing-B2glEZ25.js} +9 -7
- package/dist/{useFormReset-BxtOoO5Q.js → useFormReset-BoxsKyJ9.js} +1 -1
- package/dist/{useFormValidation-DTmPrTD8.js → useFormValidation-BrbMhS2N.js} +4 -3
- package/dist/{useHover-CmyvqeWX.js → useHover-DkmPQdGE.js} +76 -58
- package/dist/{useListState-HOvCQJFf.js → useListState-BjnzKozj.js} +3 -3
- package/dist/{useNumberField-CTkI-U9a.js → useNumberField-CsygZKz9.js} +45 -15
- package/dist/{usePress-CNefMs8d.js → usePress-Ck5xMtDr.js} +21 -21
- package/dist/{useToggle-CFFOmZWi.js → useToggle-Ddc7N8pR.js} +4 -4
- package/dist/{useToggleState-BWrKKisg.js → useToggleState-H_lORSWO.js} +1 -1
- package/package.json +22 -21
- package/dist/useSingleSelectListState-BtrMHGeE.js +0 -38
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, h as $d4ee10de306f2510$export$4282f70798064fe0, C as $c87311424ea30a05$export$78551043582a6a98, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, D as $d4ee10de306f2510$export$b4f377a2b6254582, j as $d4ee10de306f2510$export$cd4e5573fbe2b576, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DkmPQdGE.js";
|
|
2
2
|
import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
|
|
3
3
|
import $dbSRa$react__default, { useEffect, useState, useRef, useCallback, forwardRef, createContext } from "react";
|
|
4
4
|
import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "./utils-Cr3pLd9c.js";
|
|
@@ -282,7 +282,24 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
|
282
282
|
let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
|
|
283
283
|
let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement, visualViewport);
|
|
284
284
|
let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container, visualViewport);
|
|
285
|
-
let containerOffsetWithBoundary
|
|
285
|
+
let containerOffsetWithBoundary;
|
|
286
|
+
if ((boundaryElement.tagName === "BODY" || boundaryElement.tagName === "HTML") && !isViewportContainer) {
|
|
287
|
+
let containerRect = $edcf132a9284368a$export$4b834cebd9e5cebe(container, false);
|
|
288
|
+
containerOffsetWithBoundary = {
|
|
289
|
+
top: -(containerRect.top - boundaryDimensions.top),
|
|
290
|
+
left: -(containerRect.left - boundaryDimensions.left),
|
|
291
|
+
width: 0,
|
|
292
|
+
height: 0
|
|
293
|
+
};
|
|
294
|
+
} else if ((boundaryElement.tagName === "BODY" || boundaryElement.tagName === "HTML") && isViewportContainer)
|
|
295
|
+
containerOffsetWithBoundary = {
|
|
296
|
+
top: 0,
|
|
297
|
+
left: 0,
|
|
298
|
+
width: 0,
|
|
299
|
+
height: 0
|
|
300
|
+
};
|
|
301
|
+
else
|
|
302
|
+
containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
|
|
286
303
|
let isContainerDescendentOfBoundary = $d4ee10de306f2510$export$4282f70798064fe0(boundaryElement, container);
|
|
287
304
|
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
|
|
288
305
|
}
|
|
@@ -345,9 +362,9 @@ function $dd149f63282afbbf$export$18fc8428861184da(opts) {
|
|
|
345
362
|
useEffect(() => {
|
|
346
363
|
if (!isOpen || onClose === null) return;
|
|
347
364
|
let onScroll = (e) => {
|
|
348
|
-
let target = e
|
|
365
|
+
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
349
366
|
if (!triggerRef.current || target instanceof Node && !$d4ee10de306f2510$export$4282f70798064fe0(target, triggerRef.current)) return;
|
|
350
|
-
if (
|
|
367
|
+
if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return;
|
|
351
368
|
let onCloseHandler = onClose || $dd149f63282afbbf$export$f6211563215e3b37.get(triggerRef.current);
|
|
352
369
|
if (onCloseHandler) onCloseHandler();
|
|
353
370
|
};
|
|
@@ -394,9 +411,9 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
394
411
|
if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
|
|
395
412
|
if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale) !== lastScale.current) return;
|
|
396
413
|
let anchor = null;
|
|
397
|
-
if (scrollRef.current && $d4ee10de306f2510$export$
|
|
398
|
-
var
|
|
399
|
-
let anchorRect = (
|
|
414
|
+
if (scrollRef.current && $d4ee10de306f2510$export$b4f377a2b6254582(scrollRef.current)) {
|
|
415
|
+
var _getActiveElement;
|
|
416
|
+
let anchorRect = (_getActiveElement = $d4ee10de306f2510$export$cd4e5573fbe2b576()) === null || _getActiveElement === void 0 ? void 0 : _getActiveElement.getBoundingClientRect();
|
|
400
417
|
let scrollRect = scrollRef.current.getBoundingClientRect();
|
|
401
418
|
var _anchorRect_top;
|
|
402
419
|
anchor = {
|
|
@@ -438,8 +455,9 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
438
455
|
overlay.style.right = "";
|
|
439
456
|
Object.keys(position2.position).forEach((key) => overlay.style[key] = position2.position[key] + "px");
|
|
440
457
|
overlay.style.maxHeight = position2.maxHeight != null ? position2.maxHeight + "px" : "";
|
|
441
|
-
|
|
442
|
-
|
|
458
|
+
let activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576();
|
|
459
|
+
if (anchor && activeElement && scrollRef.current) {
|
|
460
|
+
let anchorRect = activeElement.getBoundingClientRect();
|
|
443
461
|
let scrollRect = scrollRef.current.getBoundingClientRect();
|
|
444
462
|
let newOffset = anchorRect[anchor.type] - scrollRect[anchor.type];
|
|
445
463
|
scrollRef.current.scrollTop += newOffset - anchor.offset;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, i as $64fa3d84918910a7$export$2881499e37b75b9a, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4 } from "./utils-Cr3pLd9c.js";
|
|
2
2
|
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-BPG0hKfB.js";
|
|
3
3
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
|
|
4
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-
|
|
4
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-_aSf9-8u.js";
|
|
5
5
|
import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
|
|
6
6
|
import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-CtoWSaF0.js";
|
|
7
7
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-CjFEHSfr.js";
|
|
8
8
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
|
|
9
9
|
import $dbSRa$react__default, { useMemo, useState, forwardRef, createContext } from "react";
|
|
10
|
-
import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-
|
|
11
|
-
import { $ as $f645667febf57a63$export$4c014de7c8940b4c,
|
|
12
|
-
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-
|
|
13
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
10
|
+
import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-BrbMhS2N.js";
|
|
11
|
+
import { $ as $f645667febf57a63$export$4c014de7c8940b4c, w as $431fbd86ca7dc216$export$f21a1ffae260145a, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-DkmPQdGE.js";
|
|
12
|
+
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-CjFQ7cbd.js";
|
|
13
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-B2glEZ25.js";
|
|
14
14
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
|
|
15
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-
|
|
16
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-
|
|
17
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-
|
|
15
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BoxsKyJ9.js";
|
|
16
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Ck5xMtDr.js";
|
|
17
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DZnWrkn8.js";
|
|
18
18
|
const $884aeceb3d67f00f$export$37b65e5b5444d35c = /* @__PURE__ */ new WeakMap();
|
|
19
19
|
function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
|
|
20
20
|
let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
|
|
@@ -142,7 +142,7 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
|
|
|
142
142
|
}
|
|
143
143
|
e.preventDefault();
|
|
144
144
|
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(e.currentTarget, {
|
|
145
|
-
from: e
|
|
145
|
+
from: $d4ee10de306f2510$export$e58f029f0fbfdb29(e),
|
|
146
146
|
accept: (node) => node instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(node).HTMLInputElement && node.type === "radio"
|
|
147
147
|
});
|
|
148
148
|
let nextElem;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { a as $4e85f108e88277b8$export$698f465ec27e93df, c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
|
|
2
2
|
import { o as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $bdb11010cef70236$export$f680877a34711e37, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "./utils-Cr3pLd9c.js";
|
|
3
|
-
import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9,
|
|
3
|
+
import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, d as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, j as $d4ee10de306f2510$export$cd4e5573fbe2b576, e as $431fbd86ca7dc216$export$b204af158042fbac, O as $507fabe10e71c6fb$export$887a228355cf7d95, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DkmPQdGE.js";
|
|
4
4
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-D8O3gOdV.js";
|
|
5
|
-
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-
|
|
6
|
-
import { v as $5671b20cf9b562b2$export$831c820ad60f9d12, w as $55f9b1ae81f22853$export$76e4e37e5339496d, x as $5671b20cf9b562b2$export$447a38995de2c711, y as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, z as $21f1aa98acb08317$export$16792effe837dba3, A as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-
|
|
5
|
+
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Bfy68GHZ.js";
|
|
6
|
+
import { v as $5671b20cf9b562b2$export$831c820ad60f9d12, w as $55f9b1ae81f22853$export$76e4e37e5339496d, x as $5671b20cf9b562b2$export$447a38995de2c711, y as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, z as $21f1aa98acb08317$export$16792effe837dba3, A as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-B02LcxLr.js";
|
|
7
7
|
import $dbSRa$react__default, { useRef, useState, useEffect, useCallback, useMemo, createContext } from "react";
|
|
8
8
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
|
|
9
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-
|
|
9
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-DtRmB6b8.js";
|
|
10
10
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-BPG0hKfB.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-
|
|
13
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-
|
|
12
|
+
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-BG9DaxYN.js";
|
|
13
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-_aSf9-8u.js";
|
|
14
14
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-CjFEHSfr.js";
|
|
15
|
-
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-
|
|
15
|
+
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-DOH36apC.js";
|
|
16
16
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
|
|
17
17
|
var $03c9a1a10de12f06$exports = {};
|
|
18
18
|
$03c9a1a10de12f06$exports = {
|
|
@@ -435,7 +435,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
435
435
|
}, []);
|
|
436
436
|
let updateActiveDescendantEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
|
|
437
437
|
if (!e.isTrusted && shouldUseVirtualFocus && inputRef.current && $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(inputRef.current)) !== inputRef.current && $507fabe10e71c6fb$export$887a228355cf7d95() !== "touch") inputRef.current.focus();
|
|
438
|
-
let target = e
|
|
438
|
+
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
439
439
|
if (e.isTrusted || !target || queuedActiveDescendant.current === target.id) return;
|
|
440
440
|
clearTimeout(timeout.current);
|
|
441
441
|
if (target !== collectionRef.current) {
|
|
@@ -522,7 +522,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
522
522
|
};
|
|
523
523
|
let keyDownTarget = useRef(null);
|
|
524
524
|
let onKeyDown = (e) => {
|
|
525
|
-
keyDownTarget.current = e
|
|
525
|
+
keyDownTarget.current = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
526
526
|
if (e.nativeEvent.isComposing) return;
|
|
527
527
|
let focusedNodeId = queuedActiveDescendant.current;
|
|
528
528
|
switch (e.key) {
|
|
@@ -580,7 +580,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
580
580
|
e.preventDefault();
|
|
581
581
|
};
|
|
582
582
|
let onKeyUpCapture = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
|
|
583
|
-
if (e
|
|
583
|
+
if ($d4ee10de306f2510$export$e58f029f0fbfdb29(e) === keyDownTarget.current) {
|
|
584
584
|
var _collectionRef_current;
|
|
585
585
|
e.stopImmediatePropagation();
|
|
586
586
|
let focusedNodeId = queuedActiveDescendant.current;
|
|
@@ -618,7 +618,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
|
|
|
618
618
|
if (!e.isTrusted) return;
|
|
619
619
|
let curFocusedNode = queuedActiveDescendant.current ? document.getElementById(queuedActiveDescendant.current) : null;
|
|
620
620
|
if (curFocusedNode) {
|
|
621
|
-
let target = e
|
|
621
|
+
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
622
622
|
queueMicrotask(() => {
|
|
623
623
|
$55f9b1ae81f22853$export$6c5dc7e81d2cc29a(target, collectionRef.current);
|
|
624
624
|
$55f9b1ae81f22853$export$2b35b76d2e30e129(collectionRef.current, target);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
+
import { E as $c87311424ea30a05$export$9ac100e40613ea10, d as $c87311424ea30a05$export$fedb369cb70207f1, t as $c87311424ea30a05$export$6446a186d09e379e, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, e as $431fbd86ca7dc216$export$b204af158042fbac, A as $7215afc6de606d6b$export$de79e2c695e052f3, j as $d4ee10de306f2510$export$cd4e5573fbe2b576, L as $c87311424ea30a05$export$e1865c3bedcd822b, h as $d4ee10de306f2510$export$4282f70798064fe0, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, M as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, u as $3ad3f6e1647bc98d$export$80f3e147d781571c, v as $507fabe10e71c6fb$export$630ff653c5ada6a9, D as $d4ee10de306f2510$export$b4f377a2b6254582, q as $b4b717babfbb907b$export$bebd5a1431fec25d, K as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, N as $f645667febf57a63$export$f9762fab77588ecb, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DkmPQdGE.js";
|
|
1
2
|
import $dbSRa$react__default, { useRef, useState, useEffect, useMemo, cloneElement, useContext, createContext, forwardRef, useCallback, isValidElement } from "react";
|
|
2
|
-
import { D as $c87311424ea30a05$export$9ac100e40613ea10, g as $d4ee10de306f2510$export$4282f70798064fe0, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, d as $431fbd86ca7dc216$export$b204af158042fbac, A as $7215afc6de606d6b$export$de79e2c695e052f3, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, K as $c87311424ea30a05$export$e1865c3bedcd822b, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, u as $3ad3f6e1647bc98d$export$80f3e147d781571c, v as $507fabe10e71c6fb$export$630ff653c5ada6a9, q as $b4b717babfbb907b$export$bebd5a1431fec25d, J as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, M as $f645667febf57a63$export$f9762fab77588ecb, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
|
|
3
3
|
import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, o as $ff5963eb1fccf552$export$e08e3b67e392101e, m as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Cr3pLd9c.js";
|
|
4
|
-
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-
|
|
5
|
-
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-
|
|
4
|
+
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Bfy68GHZ.js";
|
|
5
|
+
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-CjFQ7cbd.js";
|
|
6
6
|
import { r as reactDomExports } from "./index-BL5gdWX4.js";
|
|
7
7
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
|
|
8
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-
|
|
9
|
-
import { a as $f39a9eba43920ace$export$8dc98ba7eadeaa56 } from "./Hidden-
|
|
8
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Ck5xMtDr.js";
|
|
9
|
+
import { a as $f39a9eba43920ace$export$8dc98ba7eadeaa56 } from "./Hidden-DOH36apC.js";
|
|
10
10
|
function $ca9b37712f007381$export$72ef708ab07251f1(effect, dependencies) {
|
|
11
11
|
const isInitialMount = useRef(true);
|
|
12
12
|
const lastDeps = useRef(null);
|
|
@@ -25,17 +25,20 @@ function $ca9b37712f007381$export$72ef708ab07251f1(effect, dependencies) {
|
|
|
25
25
|
function $cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow) {
|
|
26
26
|
if (!node) return false;
|
|
27
27
|
let style = window.getComputedStyle(node);
|
|
28
|
+
let root = document.scrollingElement || document.documentElement;
|
|
28
29
|
let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
|
|
30
|
+
if (node === root && style.overflow !== "hidden") isScrollable = true;
|
|
29
31
|
if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
|
|
30
32
|
return isScrollable;
|
|
31
33
|
}
|
|
32
34
|
function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
35
|
+
let parentElements = [];
|
|
36
|
+
let root = document.scrollingElement || document.documentElement;
|
|
37
|
+
do {
|
|
38
|
+
if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow)) parentElements.push(node);
|
|
36
39
|
node = node.parentElement;
|
|
37
|
-
}
|
|
38
|
-
return
|
|
40
|
+
} while (node && node !== root);
|
|
41
|
+
return parentElements;
|
|
39
42
|
}
|
|
40
43
|
function $21f1aa98acb08317$export$16792effe837dba3(e) {
|
|
41
44
|
if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
|
|
@@ -90,48 +93,80 @@ function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
|
|
|
90
93
|
"aria-describedby": description ? id : void 0
|
|
91
94
|
};
|
|
92
95
|
}
|
|
93
|
-
function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
|
|
94
|
-
let
|
|
95
|
-
|
|
96
|
-
let width = element.offsetWidth;
|
|
97
|
-
let height = element.offsetHeight;
|
|
98
|
-
let x = scrollView.scrollLeft;
|
|
96
|
+
function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element, opts = {}) {
|
|
97
|
+
let { block = "nearest", inline = "nearest" } = opts;
|
|
98
|
+
if (scrollView === element) return;
|
|
99
99
|
let y = scrollView.scrollTop;
|
|
100
|
-
let
|
|
101
|
-
let
|
|
102
|
-
let
|
|
103
|
-
let
|
|
104
|
-
let
|
|
105
|
-
let
|
|
106
|
-
let
|
|
107
|
-
let
|
|
108
|
-
let
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
let
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
100
|
+
let x = scrollView.scrollLeft;
|
|
101
|
+
let target = element.getBoundingClientRect();
|
|
102
|
+
let view = scrollView.getBoundingClientRect();
|
|
103
|
+
let itemStyle = window.getComputedStyle(element);
|
|
104
|
+
let viewStyle = window.getComputedStyle(scrollView);
|
|
105
|
+
let root = document.scrollingElement || document.documentElement;
|
|
106
|
+
let viewTop = scrollView === root ? 0 : view.top;
|
|
107
|
+
let viewBottom = scrollView === root ? scrollView.clientHeight : view.bottom;
|
|
108
|
+
let viewLeft = scrollView === root ? 0 : view.left;
|
|
109
|
+
let viewRight = scrollView === root ? scrollView.clientWidth : view.right;
|
|
110
|
+
let scrollMarginTop = parseInt(itemStyle.scrollMarginTop, 10) || 0;
|
|
111
|
+
let scrollMarginBottom = parseInt(itemStyle.scrollMarginBottom, 10) || 0;
|
|
112
|
+
let scrollMarginLeft = parseInt(itemStyle.scrollMarginLeft, 10) || 0;
|
|
113
|
+
let scrollMarginRight = parseInt(itemStyle.scrollMarginRight, 10) || 0;
|
|
114
|
+
let scrollPaddingTop = parseInt(viewStyle.scrollPaddingTop, 10) || 0;
|
|
115
|
+
let scrollPaddingBottom = parseInt(viewStyle.scrollPaddingBottom, 10) || 0;
|
|
116
|
+
let scrollPaddingLeft = parseInt(viewStyle.scrollPaddingLeft, 10) || 0;
|
|
117
|
+
let scrollPaddingRight = parseInt(viewStyle.scrollPaddingRight, 10) || 0;
|
|
118
|
+
let borderTopWidth = parseInt(viewStyle.borderTopWidth, 10) || 0;
|
|
119
|
+
let borderBottomWidth = parseInt(viewStyle.borderBottomWidth, 10) || 0;
|
|
120
|
+
let borderLeftWidth = parseInt(viewStyle.borderLeftWidth, 10) || 0;
|
|
121
|
+
let borderRightWidth = parseInt(viewStyle.borderRightWidth, 10) || 0;
|
|
122
|
+
let scrollAreaTop = target.top - scrollMarginTop;
|
|
123
|
+
let scrollAreaBottom = target.bottom + scrollMarginBottom;
|
|
124
|
+
let scrollAreaLeft = target.left - scrollMarginLeft;
|
|
125
|
+
let scrollAreaRight = target.right + scrollMarginRight;
|
|
126
|
+
let scrollBarOffsetX = scrollView === root ? 0 : borderLeftWidth + borderRightWidth;
|
|
127
|
+
let scrollBarOffsetY = scrollView === root ? 0 : borderTopWidth + borderBottomWidth;
|
|
128
|
+
let scrollBarWidth = scrollView.offsetWidth - scrollView.clientWidth - scrollBarOffsetX;
|
|
129
|
+
let scrollBarHeight = scrollView.offsetHeight - scrollView.clientHeight - scrollBarOffsetY;
|
|
130
|
+
let scrollPortTop = viewTop + borderTopWidth + scrollPaddingTop;
|
|
131
|
+
let scrollPortBottom = viewBottom - borderBottomWidth - scrollPaddingBottom - scrollBarHeight;
|
|
132
|
+
let scrollPortLeft = viewLeft + borderLeftWidth + scrollPaddingLeft;
|
|
133
|
+
let scrollPortRight = viewRight - borderRightWidth - scrollPaddingRight;
|
|
134
|
+
if (viewStyle.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1()) scrollPortLeft += scrollBarWidth;
|
|
135
|
+
else scrollPortRight -= scrollBarWidth;
|
|
136
|
+
let shouldScrollBlock = scrollAreaTop < scrollPortTop || scrollAreaBottom > scrollPortBottom;
|
|
137
|
+
let shouldScrollInline = scrollAreaLeft < scrollPortLeft || scrollAreaRight > scrollPortRight;
|
|
138
|
+
if (shouldScrollBlock && block === "start") y += scrollAreaTop - scrollPortTop;
|
|
139
|
+
else if (shouldScrollBlock && block === "center") y += (scrollAreaTop + scrollAreaBottom) / 2 - (scrollPortTop + scrollPortBottom) / 2;
|
|
140
|
+
else if (shouldScrollBlock && block === "end") y += scrollAreaBottom - scrollPortBottom;
|
|
141
|
+
else if (shouldScrollBlock && block === "nearest") {
|
|
142
|
+
let start = scrollAreaTop - scrollPortTop;
|
|
143
|
+
let end = scrollAreaBottom - scrollPortBottom;
|
|
144
|
+
y += Math.abs(start) <= Math.abs(end) ? start : end;
|
|
145
|
+
}
|
|
146
|
+
if (shouldScrollInline && inline === "start") x += scrollAreaLeft - scrollPortLeft;
|
|
147
|
+
else if (shouldScrollInline && inline === "center") x += (scrollAreaLeft + scrollAreaRight) / 2 - (scrollPortLeft + scrollPortRight) / 2;
|
|
148
|
+
else if (shouldScrollInline && inline === "end") x += scrollAreaRight - scrollPortRight;
|
|
149
|
+
else if (shouldScrollInline && inline === "nearest") {
|
|
150
|
+
let start = scrollAreaLeft - scrollPortLeft;
|
|
151
|
+
let end = scrollAreaRight - scrollPortRight;
|
|
152
|
+
x += Math.abs(start) <= Math.abs(end) ? start : end;
|
|
153
|
+
}
|
|
154
|
+
if (process.env.NODE_ENV === "test") {
|
|
155
|
+
scrollView.scrollLeft = x;
|
|
156
|
+
scrollView.scrollTop = y;
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
scrollView.scrollTo({
|
|
160
|
+
left: x,
|
|
161
|
+
top: y
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts = {}) {
|
|
165
|
+
let { containingElement } = opts;
|
|
166
|
+
if (targetElement && targetElement.isConnected) {
|
|
132
167
|
let root = document.scrollingElement || document.documentElement;
|
|
133
168
|
let isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
|
|
134
|
-
if (!isScrollPrevented) {
|
|
169
|
+
if (!isScrollPrevented && !$c87311424ea30a05$export$6446a186d09e379e()) {
|
|
135
170
|
var _targetElement_scrollIntoView;
|
|
136
171
|
let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
|
|
137
172
|
targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
|
|
@@ -139,8 +174,8 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
|
|
|
139
174
|
});
|
|
140
175
|
let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
|
|
141
176
|
if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
|
|
142
|
-
var
|
|
143
|
-
|
|
177
|
+
var _containingElement_scrollIntoView, _targetElement_scrollIntoView1;
|
|
178
|
+
containingElement === null || containingElement === void 0 ? void 0 : (_containingElement_scrollIntoView = containingElement.scrollIntoView) === null || _containingElement_scrollIntoView === void 0 ? void 0 : _containingElement_scrollIntoView.call(containingElement, {
|
|
144
179
|
block: "center",
|
|
145
180
|
inline: "center"
|
|
146
181
|
});
|
|
@@ -149,9 +184,17 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
|
|
|
149
184
|
});
|
|
150
185
|
}
|
|
151
186
|
} else {
|
|
152
|
-
let
|
|
153
|
-
|
|
187
|
+
let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
|
|
188
|
+
let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement, true);
|
|
154
189
|
for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
|
|
190
|
+
let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
|
|
191
|
+
if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
|
|
192
|
+
scrollParents = containingElement ? $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(containingElement, true) : [];
|
|
193
|
+
for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, containingElement, {
|
|
194
|
+
block: "center",
|
|
195
|
+
inline: "center"
|
|
196
|
+
});
|
|
197
|
+
}
|
|
155
198
|
}
|
|
156
199
|
}
|
|
157
200
|
}
|
|
@@ -271,7 +314,7 @@ function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
|
|
|
271
314
|
}).current;
|
|
272
315
|
let onKeyDown = (e) => {
|
|
273
316
|
let character = $fb3050f43d946246$var$getStringForKey(e.key);
|
|
274
|
-
if (!character || e.ctrlKey || e.metaKey || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e
|
|
317
|
+
if (!character || e.ctrlKey || e.metaKey || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) || state.search.length === 0 && character === " ") return;
|
|
275
318
|
if (character === " " && state.search.trim().length > 0) {
|
|
276
319
|
e.preventDefault();
|
|
277
320
|
if (!("continuePropagation" in e)) e.stopPropagation();
|
|
@@ -308,7 +351,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
308
351
|
let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
|
|
309
352
|
let onKeyDown = (e) => {
|
|
310
353
|
if (e.altKey && e.key === "Tab") e.preventDefault();
|
|
311
|
-
if (!ref.current || !$d4ee10de306f2510$export$4282f70798064fe0(ref.current, e
|
|
354
|
+
if (!ref.current || !$d4ee10de306f2510$export$4282f70798064fe0(ref.current, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
312
355
|
const navigateToKey = (key, childFocus) => {
|
|
313
356
|
if (key != null) {
|
|
314
357
|
if (manager.isLink(key) && linkBehavior === "selection" && selectOnFocus && !$feb5ffebff200149$export$d3e3bd3e26688c04(e)) {
|
|
@@ -439,7 +482,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
439
482
|
last = walker.lastChild();
|
|
440
483
|
if (last) next = last;
|
|
441
484
|
} while (last);
|
|
442
|
-
|
|
485
|
+
let activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576();
|
|
486
|
+
if (next && (!$d4ee10de306f2510$export$b4f377a2b6254582(next) || activeElement && !$b4b717babfbb907b$export$bebd5a1431fec25d(activeElement))) $7215afc6de606d6b$export$de79e2c695e052f3(next);
|
|
443
487
|
}
|
|
444
488
|
break;
|
|
445
489
|
}
|
|
@@ -459,10 +503,10 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
459
503
|
});
|
|
460
504
|
let onFocus = (e) => {
|
|
461
505
|
if (manager.isFocused) {
|
|
462
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e
|
|
506
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) manager.setFocused(false);
|
|
463
507
|
return;
|
|
464
508
|
}
|
|
465
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e
|
|
509
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
466
510
|
manager.setFocused(true);
|
|
467
511
|
if (manager.focusedKey == null) {
|
|
468
512
|
var _delegate_getLastKey, _delegate_getFirstKey;
|
|
@@ -483,7 +527,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
483
527
|
if (manager.focusedKey != null && scrollRef.current) {
|
|
484
528
|
let element = $feb5ffebff200149$export$c3d8340acf92597f(ref, manager.focusedKey);
|
|
485
529
|
if (element instanceof HTMLElement) {
|
|
486
|
-
if (!$d4ee10de306f2510$export$
|
|
530
|
+
if (!$d4ee10de306f2510$export$b4f377a2b6254582(element) && !shouldUseVirtualFocus) $7215afc6de606d6b$export$de79e2c695e052f3(element);
|
|
487
531
|
let modality = $507fabe10e71c6fb$export$630ff653c5ada6a9();
|
|
488
532
|
if (modality === "keyboard") $2f04cbc44ee30ce0$export$c826860796309d1b(element, {
|
|
489
533
|
containingElement: ref.current
|
|
@@ -594,7 +638,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
594
638
|
onFocus,
|
|
595
639
|
onBlur,
|
|
596
640
|
onMouseDown(e) {
|
|
597
|
-
if (scrollRef.current === e
|
|
641
|
+
if (scrollRef.current === $d4ee10de306f2510$export$e58f029f0fbfdb29(e))
|
|
598
642
|
e.preventDefault();
|
|
599
643
|
}
|
|
600
644
|
};
|
|
@@ -643,7 +687,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
|
|
|
643
687
|
if (isFocused && manager.isFocused) {
|
|
644
688
|
if (!shouldUseVirtualFocus) {
|
|
645
689
|
if (focus) focus();
|
|
646
|
-
else if (
|
|
690
|
+
else if ($d4ee10de306f2510$export$cd4e5573fbe2b576() !== ref.current && ref.current) $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
|
|
647
691
|
} else $55f9b1ae81f22853$export$76e4e37e5339496d(ref.current);
|
|
648
692
|
}
|
|
649
693
|
}, [
|
|
@@ -659,7 +703,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
|
|
|
659
703
|
if (!shouldUseVirtualFocus && !isDisabled) itemProps = {
|
|
660
704
|
tabIndex: key === manager.focusedKey ? 0 : -1,
|
|
661
705
|
onFocus(e) {
|
|
662
|
-
if (e
|
|
706
|
+
if ($d4ee10de306f2510$export$e58f029f0fbfdb29(e) === ref.current) manager.setFocusedKey(key);
|
|
663
707
|
}
|
|
664
708
|
};
|
|
665
709
|
else if (isDisabled) itemProps.onMouseDown = (e) => {
|
|
@@ -1443,8 +1487,8 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
|
|
|
1443
1487
|
this.ownerDocument.markDirty(this);
|
|
1444
1488
|
}
|
|
1445
1489
|
get level() {
|
|
1446
|
-
var
|
|
1447
|
-
if (this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd) return this.parentNode.level + (((
|
|
1490
|
+
var _this_parentNode_node;
|
|
1491
|
+
if (this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd) return this.parentNode.level + (((_this_parentNode_node = this.parentNode.node) === null || _this_parentNode_node === void 0 ? void 0 : _this_parentNode_node.type) === "item" ? 1 : 0);
|
|
1448
1492
|
return 0;
|
|
1449
1493
|
}
|
|
1450
1494
|
/**
|
|
@@ -1568,7 +1612,7 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
|
|
|
1568
1612
|
}
|
|
1569
1613
|
/** Finalizes the collection update, updating all nodes and freezing the collection. */
|
|
1570
1614
|
getCollection() {
|
|
1571
|
-
if (this.inSubscription) return this.collection
|
|
1615
|
+
if (this.inSubscription) return this.collection;
|
|
1572
1616
|
this.queuedRender = false;
|
|
1573
1617
|
this.updateCollection();
|
|
1574
1618
|
return this.collection;
|
|
@@ -1598,6 +1642,7 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
|
|
|
1598
1642
|
if (this.dirtyNodes.size === 0 || this.queuedRender) return;
|
|
1599
1643
|
this.queuedRender = true;
|
|
1600
1644
|
this.inSubscription = true;
|
|
1645
|
+
if (!this.isSSR) this.collection = this.collection.clone();
|
|
1601
1646
|
for (let fn of this.subscriptions) fn();
|
|
1602
1647
|
this.inSubscription = false;
|
|
1603
1648
|
}
|
|
@@ -1981,6 +2026,7 @@ function $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDro
|
|
|
1981
2026
|
renderDropIndicator
|
|
1982
2027
|
],
|
|
1983
2028
|
children(node) {
|
|
2029
|
+
if (node.type === "content") return /* @__PURE__ */ $dbSRa$react__default.createElement($dbSRa$react__default.Fragment, null);
|
|
1984
2030
|
let rendered = node.render(node);
|
|
1985
2031
|
if (!renderDropIndicator || node.type !== "item") return rendered;
|
|
1986
2032
|
return /* @__PURE__ */ $dbSRa$react__default.createElement($dbSRa$react__default.Fragment, null, renderDropIndicator({
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$df3a06d6289f983e, e as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-Cr3pLd9c.js";
|
|
2
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-
|
|
2
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-_aSf9-8u.js";
|
|
3
3
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
|
|
4
4
|
import $dbSRa$react__default, { useRef, useCallback, useState, useMemo, useEffect, forwardRef, useContext, createContext } from "react";
|
|
5
5
|
import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CG_IQXp9.js";
|
|
6
|
-
import {
|
|
6
|
+
import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, x as $507fabe10e71c6fb$export$8397ddfc504fdb9a, A as $7215afc6de606d6b$export$de79e2c695e052f3, B as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $f645667febf57a63$export$4c014de7c8940b4c, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, y as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-DkmPQdGE.js";
|
|
7
7
|
import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
|
|
8
|
-
import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-
|
|
8
|
+
import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DA3VcKpG.js";
|
|
9
9
|
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-DzXzKZZZ.js";
|
|
10
10
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
|
|
11
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-
|
|
12
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
13
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-
|
|
11
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BoxsKyJ9.js";
|
|
12
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-B2glEZ25.js";
|
|
13
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DZnWrkn8.js";
|
|
14
14
|
function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
15
15
|
let { onMoveStart, onMove, onMoveEnd } = props;
|
|
16
16
|
let state = useRef({
|
|
@@ -687,7 +687,7 @@ function $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {
|
|
|
687
687
|
opts["aria-details"]
|
|
688
688
|
].filter(Boolean).join(" "),
|
|
689
689
|
onChange: (e) => {
|
|
690
|
-
state.setThumbValue(index, parseFloat(e.
|
|
690
|
+
state.setThumbValue(index, parseFloat($d4ee10de306f2510$export$e58f029f0fbfdb29(e).value));
|
|
691
691
|
}
|
|
692
692
|
}),
|
|
693
693
|
thumbProps: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
|
|
2
2
|
import $dbSRa$react__default, { useState, useMemo } from "react";
|
|
3
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-
|
|
3
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-B2glEZ25.js";
|
|
4
4
|
const $5c3e21d68f1c4674$var$styles = {
|
|
5
5
|
border: 0,
|
|
6
6
|
clip: "rect(0 0 0 0)",
|