@eightshift/ui-components 2.0.2 → 3.0.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-OQ5EIPvt.js → Button-D7c-vzAt.js} +5 -5
- package/dist/{Collection-CJM_asJz.js → Collection-CDEKDgvV.js} +234 -128
- package/dist/{Color-B0HgM8f4.js → Color-MV5kBVXr.js} +1 -1
- package/dist/{ColorSwatch-Dv3Wxdl_.js → ColorSwatch-BqQfVu4L.js} +5 -5
- package/dist/{ComboBox-BnlZjJ3T.js → ComboBox-BL1hyP4p.js} +42 -21
- package/dist/{Dialog-CIh-hX93.js → Dialog-s3fX5lSh.js} +199 -88
- package/dist/{FieldError-D7A6s7O5.js → FieldError-52GVSGgC.js} +2 -2
- package/dist/{FocusScope-Cs5_OoeA.js → FocusScope-DbqfVa2Z.js} +206 -43
- package/dist/{Group-D6tr3U_n.js → Group-DMRt6g_N.js} +3 -3
- package/dist/{Heading-DiYTXoIW.js → Heading-B2153VXe.js} +1 -1
- package/dist/{Hidden-DnOd_jPX.js → Hidden-rE6uR-lr.js} +2 -6
- package/dist/{Input-Se0m3ubj.js → Input-CTTTeCpo.js} +10 -10
- package/dist/{Label-Ca9uelsn.js → Label-icmbmNdI.js} +2 -2
- package/dist/{List-Br274SP1.js → List-UdOhiW-i.js} +2 -0
- package/dist/{ListBox-D9dFEh5A.js → ListBox-CfdzmefC.js} +28 -27
- package/dist/{OverlayArrow-1jx-ZyCR.js → OverlayArrow-CMh-7gEM.js} +3 -3
- package/dist/{Separator-BhZycTUp.js → Separator-BxbOoGIK.js} +4 -4
- package/dist/{Slider-BZNaJylD.js → Slider-BZO0Tvut.js} +13 -14
- package/dist/{Text-aOUPPvTO.js → Text-DVSAPY-K.js} +1 -1
- package/dist/{VisuallyHidden-ClTQo25k.js → VisuallyHidden-ooItkWYR.js} +2 -2
- package/dist/assets/style-admin.css +1290 -1335
- package/dist/assets/style-editor.css +433 -478
- package/dist/assets/style.css +433 -478
- package/dist/assets/wp-font-enhancements.css +3 -3
- package/dist/assets/wp-ui-enhancements.css +45 -45
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/button/button.js +5 -5
- package/dist/components/checkbox/checkbox.js +8 -8
- package/dist/components/color-pickers/color-swatch.js +2 -2
- package/dist/components/color-pickers/gradient-editor.js +2 -2
- package/dist/components/color-pickers/solid-color-picker.js +20 -22
- package/dist/components/container-panel/container-panel.js +9 -3
- package/dist/components/draggable/draggable-handle.js +1 -1
- package/dist/components/draggable/draggable.js +1162 -865
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/draggable-list/draggable-list.js +1 -1
- package/dist/components/expandable/expandable.js +7 -7
- package/dist/components/input-field/input-field.js +10 -9
- package/dist/components/link-input/link-input.js +8 -9
- package/dist/components/menu/menu.js +2 -2
- package/dist/components/modal/modal.js +5 -5
- package/dist/components/number-picker/number-picker.js +13 -11
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/placeholders/image-placeholder.js +1 -1
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/radio/radio.js +16 -15
- package/dist/components/repeater/repeater-item.js +9 -2
- package/dist/components/repeater/repeater.js +32 -3
- package/dist/components/responsive/mini-responsive.js +7 -4
- package/dist/components/responsive/responsive.js +7 -4
- package/dist/components/rich-label/rich-label.js +4 -3
- package/dist/components/select/v2/async-select.js +9 -9
- package/dist/components/select/v2/shared.js +2 -2
- package/dist/components/select/v2/single-select.js +22 -21
- package/dist/components/slider/column-config-slider.js +2 -2
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/tabs/tabs.js +43 -23
- package/dist/components/toggle/switch.js +7 -7
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +6 -6
- package/dist/components/tooltip/tooltip.js +17 -23
- package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js} +1 -1
- package/dist/icons/icons.js +229 -1629
- package/dist/icons/index.js +2 -3
- package/dist/icons/jsx-svg.js +1 -1
- package/dist/{index-CcCn9HWX.js → index-BKGQ6jGS.js} +1 -1
- package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js} +48 -20
- package/dist/{textSelection-BlTDSskG.js → textSelection-CrrUNX-B.js} +8 -47
- package/dist/{useButton-CmLbE5vg.js → useButton-Dl1C1478.js} +5 -5
- package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js} +1 -1
- package/dist/useFocusRing-CxlVCVpL.js +107 -0
- package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js} +1 -1
- package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-BgSHI8kQ.js} +2 -2
- package/dist/{focusSafely-CiqTTjWy.js → useHover-B-8Wji4B.js} +305 -98
- package/dist/{useLabel-C85N3Hzw.js → useLabel-D7HkNEHT.js} +2 -2
- package/dist/{useLabels-C_2wWraB.js → useLabels-D8cxd1Z8.js} +1 -1
- package/dist/{useListState-Z7FB_NzO.js → useListState-BXnC0mNr.js} +28 -13
- package/dist/{useLocalizedStringFormatter-BQ4TF72x.js → useLocalizedStringFormatter-CFP1YZWQ.js} +1 -1
- package/dist/{useNumberField-Bm6_BVl9.js → useNumberField-ecr8uK6_.js} +10 -10
- package/dist/{useNumberFormatter-DlUVKkO7.js → useNumberFormatter-321rAb4J.js} +1 -1
- package/dist/{usePress-rg_OQIGW.js → usePress-C3dxzVyi.js} +69 -63
- package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-Dgbuzw5o.js} +2 -2
- package/dist/{useToggle-DzlgBLAJ.js → useToggle-DyZydSPy.js} +9 -7
- package/dist/{useToggleState-DhSBQxkp.js → useToggleState-BZoo5qt_.js} +1 -1
- package/dist/{utils-39D0mStj.js → utils-DkCSC521.js} +38 -35
- package/package.json +32 -32
- package/dist/useFocusRing-CGp3guTX.js +0 -41
- package/dist/useFocusable-087cO5Ct.js +0 -81
|
@@ -1,6 +1,180 @@
|
|
|
1
|
-
import { f as $431fbd86ca7dc216$export$f21a1ffae260145a,
|
|
2
|
-
import {
|
|
1
|
+
import { q as $f4e2df6bd15f8569$export$98658e8c59125e6a, k as $d4ee10de306f2510$export$4282f70798064fe0, f as $431fbd86ca7dc216$export$f21a1ffae260145a, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, s as $b4b717babfbb907b$export$bebd5a1431fec25d, t as $b4b717babfbb907b$export$4c063cf1350e6fed, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, u as $c87311424ea30a05$export$a11b0059900ceec8, v as $c87311424ea30a05$export$6446a186d09e379e, w as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useHover-B-8Wji4B.js";
|
|
2
|
+
import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-DkCSC521.js";
|
|
3
3
|
import React__default, { useRef, useContext, useMemo, useEffect } from "react";
|
|
4
|
+
class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
|
|
5
|
+
get currentNode() {
|
|
6
|
+
return this._currentNode;
|
|
7
|
+
}
|
|
8
|
+
set currentNode(node) {
|
|
9
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(this.root, node)) throw new Error("Cannot set currentNode to a node that is not contained by the root node.");
|
|
10
|
+
const walkers = [];
|
|
11
|
+
let curNode = node;
|
|
12
|
+
let currentWalkerCurrentNode = node;
|
|
13
|
+
this._currentNode = node;
|
|
14
|
+
while (curNode && curNode !== this.root) if (curNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
15
|
+
const shadowRoot = curNode;
|
|
16
|
+
const walker2 = this._doc.createTreeWalker(shadowRoot, this.whatToShow, {
|
|
17
|
+
acceptNode: this._acceptNode
|
|
18
|
+
});
|
|
19
|
+
walkers.push(walker2);
|
|
20
|
+
walker2.currentNode = currentWalkerCurrentNode;
|
|
21
|
+
this._currentSetFor.add(walker2);
|
|
22
|
+
curNode = currentWalkerCurrentNode = shadowRoot.host;
|
|
23
|
+
} else curNode = curNode.parentNode;
|
|
24
|
+
const walker = this._doc.createTreeWalker(this.root, this.whatToShow, {
|
|
25
|
+
acceptNode: this._acceptNode
|
|
26
|
+
});
|
|
27
|
+
walkers.push(walker);
|
|
28
|
+
walker.currentNode = currentWalkerCurrentNode;
|
|
29
|
+
this._currentSetFor.add(walker);
|
|
30
|
+
this._walkerStack = walkers;
|
|
31
|
+
}
|
|
32
|
+
get doc() {
|
|
33
|
+
return this._doc;
|
|
34
|
+
}
|
|
35
|
+
firstChild() {
|
|
36
|
+
let currentNode = this.currentNode;
|
|
37
|
+
let newNode = this.nextNode();
|
|
38
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(currentNode, newNode)) {
|
|
39
|
+
this.currentNode = currentNode;
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
if (newNode) this.currentNode = newNode;
|
|
43
|
+
return newNode;
|
|
44
|
+
}
|
|
45
|
+
lastChild() {
|
|
46
|
+
let walker = this._walkerStack[0];
|
|
47
|
+
let newNode = walker.lastChild();
|
|
48
|
+
if (newNode) this.currentNode = newNode;
|
|
49
|
+
return newNode;
|
|
50
|
+
}
|
|
51
|
+
nextNode() {
|
|
52
|
+
const nextNode = this._walkerStack[0].nextNode();
|
|
53
|
+
if (nextNode) {
|
|
54
|
+
const shadowRoot = nextNode.shadowRoot;
|
|
55
|
+
if (shadowRoot) {
|
|
56
|
+
var _this_filter;
|
|
57
|
+
let nodeResult;
|
|
58
|
+
if (typeof this.filter === "function") nodeResult = this.filter(nextNode);
|
|
59
|
+
else if ((_this_filter = this.filter) === null || _this_filter === void 0 ? void 0 : _this_filter.acceptNode) nodeResult = this.filter.acceptNode(nextNode);
|
|
60
|
+
if (nodeResult === NodeFilter.FILTER_ACCEPT) {
|
|
61
|
+
this.currentNode = nextNode;
|
|
62
|
+
return nextNode;
|
|
63
|
+
}
|
|
64
|
+
let newNode = this.nextNode();
|
|
65
|
+
if (newNode) this.currentNode = newNode;
|
|
66
|
+
return newNode;
|
|
67
|
+
}
|
|
68
|
+
if (nextNode) this.currentNode = nextNode;
|
|
69
|
+
return nextNode;
|
|
70
|
+
} else {
|
|
71
|
+
if (this._walkerStack.length > 1) {
|
|
72
|
+
this._walkerStack.shift();
|
|
73
|
+
let newNode = this.nextNode();
|
|
74
|
+
if (newNode) this.currentNode = newNode;
|
|
75
|
+
return newNode;
|
|
76
|
+
} else return null;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
previousNode() {
|
|
80
|
+
const currentWalker = this._walkerStack[0];
|
|
81
|
+
if (currentWalker.currentNode === currentWalker.root) {
|
|
82
|
+
if (this._currentSetFor.has(currentWalker)) {
|
|
83
|
+
this._currentSetFor.delete(currentWalker);
|
|
84
|
+
if (this._walkerStack.length > 1) {
|
|
85
|
+
this._walkerStack.shift();
|
|
86
|
+
let newNode = this.previousNode();
|
|
87
|
+
if (newNode) this.currentNode = newNode;
|
|
88
|
+
return newNode;
|
|
89
|
+
} else return null;
|
|
90
|
+
}
|
|
91
|
+
return null;
|
|
92
|
+
}
|
|
93
|
+
const previousNode = currentWalker.previousNode();
|
|
94
|
+
if (previousNode) {
|
|
95
|
+
const shadowRoot = previousNode.shadowRoot;
|
|
96
|
+
if (shadowRoot) {
|
|
97
|
+
var _this_filter;
|
|
98
|
+
let nodeResult;
|
|
99
|
+
if (typeof this.filter === "function") nodeResult = this.filter(previousNode);
|
|
100
|
+
else if ((_this_filter = this.filter) === null || _this_filter === void 0 ? void 0 : _this_filter.acceptNode) nodeResult = this.filter.acceptNode(previousNode);
|
|
101
|
+
if (nodeResult === NodeFilter.FILTER_ACCEPT) {
|
|
102
|
+
if (previousNode) this.currentNode = previousNode;
|
|
103
|
+
return previousNode;
|
|
104
|
+
}
|
|
105
|
+
let newNode = this.lastChild();
|
|
106
|
+
if (newNode) this.currentNode = newNode;
|
|
107
|
+
return newNode;
|
|
108
|
+
}
|
|
109
|
+
if (previousNode) this.currentNode = previousNode;
|
|
110
|
+
return previousNode;
|
|
111
|
+
} else {
|
|
112
|
+
if (this._walkerStack.length > 1) {
|
|
113
|
+
this._walkerStack.shift();
|
|
114
|
+
let newNode = this.previousNode();
|
|
115
|
+
if (newNode) this.currentNode = newNode;
|
|
116
|
+
return newNode;
|
|
117
|
+
} else return null;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* @deprecated
|
|
122
|
+
*/
|
|
123
|
+
nextSibling() {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* @deprecated
|
|
128
|
+
*/
|
|
129
|
+
previousSibling() {
|
|
130
|
+
return null;
|
|
131
|
+
}
|
|
132
|
+
/**
|
|
133
|
+
* @deprecated
|
|
134
|
+
*/
|
|
135
|
+
parentNode() {
|
|
136
|
+
return null;
|
|
137
|
+
}
|
|
138
|
+
constructor(doc, root, whatToShow, filter) {
|
|
139
|
+
this._walkerStack = [];
|
|
140
|
+
this._currentSetFor = /* @__PURE__ */ new Set();
|
|
141
|
+
this._acceptNode = (node) => {
|
|
142
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
143
|
+
const shadowRoot2 = node.shadowRoot;
|
|
144
|
+
if (shadowRoot2) {
|
|
145
|
+
const walker = this._doc.createTreeWalker(shadowRoot2, this.whatToShow, {
|
|
146
|
+
acceptNode: this._acceptNode
|
|
147
|
+
});
|
|
148
|
+
this._walkerStack.unshift(walker);
|
|
149
|
+
return NodeFilter.FILTER_ACCEPT;
|
|
150
|
+
} else {
|
|
151
|
+
var _this_filter;
|
|
152
|
+
if (typeof this.filter === "function") return this.filter(node);
|
|
153
|
+
else if ((_this_filter = this.filter) === null || _this_filter === void 0 ? void 0 : _this_filter.acceptNode) return this.filter.acceptNode(node);
|
|
154
|
+
else if (this.filter === null) return NodeFilter.FILTER_ACCEPT;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
return NodeFilter.FILTER_SKIP;
|
|
158
|
+
};
|
|
159
|
+
this._doc = doc;
|
|
160
|
+
this.root = root;
|
|
161
|
+
this.filter = filter !== null && filter !== void 0 ? filter : null;
|
|
162
|
+
this.whatToShow = whatToShow !== null && whatToShow !== void 0 ? whatToShow : NodeFilter.SHOW_ALL;
|
|
163
|
+
this._currentNode = root;
|
|
164
|
+
this._walkerStack.unshift(doc.createTreeWalker(root, whatToShow, this._acceptNode));
|
|
165
|
+
const shadowRoot = root.shadowRoot;
|
|
166
|
+
if (shadowRoot) {
|
|
167
|
+
const walker = this._doc.createTreeWalker(shadowRoot, this.whatToShow, {
|
|
168
|
+
acceptNode: this._acceptNode
|
|
169
|
+
});
|
|
170
|
+
this._walkerStack.unshift(walker);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
function $dfc540311bf7f109$export$4d0f8be8b12a7ef6(doc, root, whatToShow, filter) {
|
|
175
|
+
if ($f4e2df6bd15f8569$export$98658e8c59125e6a()) return new $dfc540311bf7f109$export$63eb3ababa9c55c4(doc, root, whatToShow, filter);
|
|
176
|
+
return doc.createTreeWalker(root, whatToShow, filter);
|
|
177
|
+
}
|
|
4
178
|
function $645f2e67b85a24c9$var$isStyleVisible(element) {
|
|
5
179
|
const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);
|
|
6
180
|
if (!(element instanceof windowObject.HTMLElement) && !(element instanceof windowObject.SVGElement)) return false;
|
|
@@ -74,7 +248,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
|
|
|
74
248
|
$9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain);
|
|
75
249
|
$9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus);
|
|
76
250
|
useEffect(() => {
|
|
77
|
-
const activeElement = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0)
|
|
251
|
+
const activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0));
|
|
78
252
|
let scope = null;
|
|
79
253
|
if ($9bf71ea28793e738$var$isElementInScope(activeElement, scopeRef.current)) {
|
|
80
254
|
for (let node2 of $9bf71ea28793e738$export$d06fae2ee68b101e.traverse()) if (node2.scopeRef && $9bf71ea28793e738$var$isElementInScope(activeElement, node2.scopeRef.current)) scope = node2;
|
|
@@ -119,7 +293,8 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
|
|
|
119
293
|
focusNext(opts = {}) {
|
|
120
294
|
let scope = scopeRef.current;
|
|
121
295
|
let { from, tabbable, wrap, accept } = opts;
|
|
122
|
-
|
|
296
|
+
var _scope_;
|
|
297
|
+
let node = from || $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac((_scope_ = scope[0]) !== null && _scope_ !== void 0 ? _scope_ : void 0));
|
|
123
298
|
let sentinel = scope[0].previousElementSibling;
|
|
124
299
|
let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
|
|
125
300
|
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
|
|
@@ -138,7 +313,8 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
|
|
|
138
313
|
focusPrevious(opts = {}) {
|
|
139
314
|
let scope = scopeRef.current;
|
|
140
315
|
let { from, tabbable, wrap, accept } = opts;
|
|
141
|
-
|
|
316
|
+
var _scope_;
|
|
317
|
+
let node = from || $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac((_scope_ = scope[0]) !== null && _scope_ !== void 0 ? _scope_ : void 0));
|
|
142
318
|
let sentinel = scope[scope.length - 1].nextElementSibling;
|
|
143
319
|
let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
|
|
144
320
|
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
|
|
@@ -182,24 +358,6 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
|
|
|
182
358
|
}
|
|
183
359
|
};
|
|
184
360
|
}
|
|
185
|
-
const $9bf71ea28793e738$var$focusableElements = [
|
|
186
|
-
"input:not([disabled]):not([type=hidden])",
|
|
187
|
-
"select:not([disabled])",
|
|
188
|
-
"textarea:not([disabled])",
|
|
189
|
-
"button:not([disabled])",
|
|
190
|
-
"a[href]",
|
|
191
|
-
"area[href]",
|
|
192
|
-
"summary",
|
|
193
|
-
"iframe",
|
|
194
|
-
"object",
|
|
195
|
-
"embed",
|
|
196
|
-
"audio[controls]",
|
|
197
|
-
"video[controls]",
|
|
198
|
-
'[contenteditable]:not([contenteditable^="false"])'
|
|
199
|
-
];
|
|
200
|
-
const $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
|
|
201
|
-
$9bf71ea28793e738$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
|
|
202
|
-
const $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
|
|
203
361
|
function $9bf71ea28793e738$var$getScopeRoot(scope) {
|
|
204
362
|
return scope[0].parentElement;
|
|
205
363
|
}
|
|
@@ -226,7 +384,7 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
|
|
|
226
384
|
const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
|
|
227
385
|
let onKeyDown = (e) => {
|
|
228
386
|
if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey || !$9bf71ea28793e738$var$shouldContainFocus(scopeRef) || e.isComposing) return;
|
|
229
|
-
let focusedElement = ownerDocument
|
|
387
|
+
let focusedElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
|
|
230
388
|
let scope2 = scopeRef.current;
|
|
231
389
|
if (!scope2 || !$9bf71ea28793e738$var$isElementInScope(focusedElement, scope2)) return;
|
|
232
390
|
let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope2);
|
|
@@ -244,24 +402,26 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
|
|
|
244
402
|
if (nextElement) $9bf71ea28793e738$var$focusElement(nextElement, true);
|
|
245
403
|
};
|
|
246
404
|
let onFocus = (e) => {
|
|
247
|
-
if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(e
|
|
405
|
+
if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope($d4ee10de306f2510$export$e58f029f0fbfdb29(e), scopeRef.current)) {
|
|
248
406
|
$9bf71ea28793e738$var$activeScope = scopeRef;
|
|
249
|
-
focusedNode.current = e
|
|
250
|
-
} else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope(e
|
|
407
|
+
focusedNode.current = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
408
|
+
} else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope($d4ee10de306f2510$export$e58f029f0fbfdb29(e), scopeRef)) {
|
|
251
409
|
if (focusedNode.current) focusedNode.current.focus();
|
|
252
410
|
else if ($9bf71ea28793e738$var$activeScope && $9bf71ea28793e738$var$activeScope.current) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
|
|
253
|
-
} else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef)) focusedNode.current = e
|
|
411
|
+
} else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef)) focusedNode.current = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
254
412
|
};
|
|
255
413
|
let onBlur = (e) => {
|
|
256
414
|
if (raf.current) cancelAnimationFrame(raf.current);
|
|
257
415
|
raf.current = requestAnimationFrame(() => {
|
|
258
416
|
let modality = $507fabe10e71c6fb$export$630ff653c5ada6a9();
|
|
259
417
|
let shouldSkipFocusRestore = (modality === "virtual" || modality === null) && $c87311424ea30a05$export$a11b0059900ceec8() && $c87311424ea30a05$export$6446a186d09e379e();
|
|
260
|
-
|
|
418
|
+
let activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
|
|
419
|
+
if (!shouldSkipFocusRestore && activeElement && $9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope(activeElement, scopeRef)) {
|
|
261
420
|
$9bf71ea28793e738$var$activeScope = scopeRef;
|
|
262
|
-
|
|
421
|
+
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
422
|
+
if (target && target.isConnected) {
|
|
263
423
|
var _focusedNode_current;
|
|
264
|
-
focusedNode.current =
|
|
424
|
+
focusedNode.current = target;
|
|
265
425
|
(_focusedNode_current = focusedNode.current) === null || _focusedNode_current === void 0 ? void 0 : _focusedNode_current.focus();
|
|
266
426
|
} else if ($9bf71ea28793e738$var$activeScope.current) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
|
|
267
427
|
}
|
|
@@ -318,7 +478,7 @@ function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
|
|
|
318
478
|
}
|
|
319
479
|
function $9bf71ea28793e738$var$focusElement(element, scroll = false) {
|
|
320
480
|
if (element != null && !scroll) try {
|
|
321
|
-
(0, $
|
|
481
|
+
(0, $3ad3f6e1647bc98d$export$80f3e147d781571c)(element);
|
|
322
482
|
} catch {
|
|
323
483
|
}
|
|
324
484
|
else if (element != null) try {
|
|
@@ -353,7 +513,7 @@ function $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus) {
|
|
|
353
513
|
if (autoFocusRef.current) {
|
|
354
514
|
$9bf71ea28793e738$var$activeScope = scopeRef;
|
|
355
515
|
const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0);
|
|
356
|
-
if (!$9bf71ea28793e738$var$isElementInScope(ownerDocument
|
|
516
|
+
if (!$9bf71ea28793e738$var$isElementInScope($d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument), $9bf71ea28793e738$var$activeScope.current) && scopeRef.current) $9bf71ea28793e738$var$focusFirstInScope(scopeRef.current);
|
|
357
517
|
}
|
|
358
518
|
autoFocusRef.current = false;
|
|
359
519
|
}, [
|
|
@@ -366,7 +526,7 @@ function $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain)
|
|
|
366
526
|
let scope = scopeRef.current;
|
|
367
527
|
const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
|
|
368
528
|
let onFocus = (e) => {
|
|
369
|
-
let target = e
|
|
529
|
+
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
370
530
|
if ($9bf71ea28793e738$var$isElementInScope(target, scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;
|
|
371
531
|
else if (!$9bf71ea28793e738$var$isElementInAnyScope(target)) $9bf71ea28793e738$var$activeScope = null;
|
|
372
532
|
};
|
|
@@ -391,13 +551,13 @@ function $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef) {
|
|
|
391
551
|
return (scope === null || scope === void 0 ? void 0 : scope.scopeRef) === scopeRef;
|
|
392
552
|
}
|
|
393
553
|
function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
|
|
394
|
-
const nodeToRestoreRef = useRef(typeof document !== "undefined" ? $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0)
|
|
554
|
+
const nodeToRestoreRef = useRef(typeof document !== "undefined" ? $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0)) : null);
|
|
395
555
|
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
396
556
|
let scope = scopeRef.current;
|
|
397
557
|
const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
|
|
398
558
|
if (!restoreFocus || contain) return;
|
|
399
559
|
let onFocus = () => {
|
|
400
|
-
if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(ownerDocument
|
|
560
|
+
if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope($d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument), scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;
|
|
401
561
|
};
|
|
402
562
|
ownerDocument.addEventListener("focusin", onFocus, false);
|
|
403
563
|
scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.addEventListener("focusin", onFocus, false));
|
|
@@ -424,7 +584,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
424
584
|
});
|
|
425
585
|
walker.currentNode = focusedElement;
|
|
426
586
|
let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
|
|
427
|
-
if (!nodeToRestore || !
|
|
587
|
+
if (!nodeToRestore || !nodeToRestore.isConnected || nodeToRestore === ownerDocument.body) {
|
|
428
588
|
nodeToRestore = void 0;
|
|
429
589
|
treeNode.nodeToRestore = void 0;
|
|
430
590
|
}
|
|
@@ -460,7 +620,8 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
460
620
|
let treeNode2 = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
461
621
|
if (!treeNode2) return;
|
|
462
622
|
let nodeToRestore = treeNode2.nodeToRestore;
|
|
463
|
-
|
|
623
|
+
let activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
|
|
624
|
+
if (restoreFocus && nodeToRestore && (activeElement && $9bf71ea28793e738$var$isElementInChildScope(activeElement, scopeRef) || activeElement === ownerDocument.body && $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef))) {
|
|
464
625
|
let clonedTree = $9bf71ea28793e738$export$d06fae2ee68b101e.clone();
|
|
465
626
|
requestAnimationFrame(() => {
|
|
466
627
|
if (ownerDocument.activeElement === ownerDocument.body) {
|
|
@@ -497,12 +658,14 @@ function $9bf71ea28793e738$var$restoreFocusToElement(node) {
|
|
|
497
658
|
}))) $9bf71ea28793e738$var$focusElement(node);
|
|
498
659
|
}
|
|
499
660
|
function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
|
|
500
|
-
let
|
|
501
|
-
let
|
|
661
|
+
let filter = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? $b4b717babfbb907b$export$bebd5a1431fec25d : $b4b717babfbb907b$export$4c063cf1350e6fed;
|
|
662
|
+
let rootElement = (root === null || root === void 0 ? void 0 : root.nodeType) === Node.ELEMENT_NODE ? root : null;
|
|
663
|
+
let doc = $431fbd86ca7dc216$export$b204af158042fbac(rootElement);
|
|
664
|
+
let walker = $dfc540311bf7f109$export$4d0f8be8b12a7ef6(doc, root || doc, NodeFilter.SHOW_ELEMENT, {
|
|
502
665
|
acceptNode(node) {
|
|
503
666
|
var _opts_from;
|
|
504
667
|
if (opts === null || opts === void 0 ? void 0 : (_opts_from = opts.from) === null || _opts_from === void 0 ? void 0 : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;
|
|
505
|
-
if (node
|
|
668
|
+
if (filter(node) && $645f2e67b85a24c9$export$e989c0fffaa6b27a(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === void 0 ? void 0 : opts.accept) || opts.accept(node))) return NodeFilter.FILTER_ACCEPT;
|
|
506
669
|
return NodeFilter.FILTER_SKIP;
|
|
507
670
|
}
|
|
508
671
|
});
|
|
@@ -515,7 +678,7 @@ function $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {
|
|
|
515
678
|
let root = ref.current;
|
|
516
679
|
if (!root) return null;
|
|
517
680
|
let { from, tabbable = defaultOptions.tabbable, wrap = defaultOptions.wrap, accept = defaultOptions.accept } = opts;
|
|
518
|
-
let node = from || $431fbd86ca7dc216$export$b204af158042fbac(root)
|
|
681
|
+
let node = from || $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(root));
|
|
519
682
|
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
|
|
520
683
|
tabbable,
|
|
521
684
|
accept
|
|
@@ -533,7 +696,7 @@ function $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {
|
|
|
533
696
|
let root = ref.current;
|
|
534
697
|
if (!root) return null;
|
|
535
698
|
let { from, tabbable = defaultOptions.tabbable, wrap = defaultOptions.wrap, accept = defaultOptions.accept } = opts;
|
|
536
|
-
let node = from || $431fbd86ca7dc216$export$b204af158042fbac(root)
|
|
699
|
+
let node = from || $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(root));
|
|
537
700
|
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
|
|
538
701
|
tabbable,
|
|
539
702
|
accept
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-
|
|
1
|
+
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DkCSC521.js";
|
|
2
2
|
import React__default, { forwardRef, createContext } from "react";
|
|
3
|
-
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./
|
|
4
|
-
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
3
|
+
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-B-8Wji4B.js";
|
|
4
|
+
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CxlVCVpL.js";
|
|
5
5
|
const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
|
|
6
6
|
const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(function Group(props, ref) {
|
|
7
7
|
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-2lR5GG9p.js";
|
|
2
|
-
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-
|
|
2
|
+
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DkCSC521.js";
|
|
3
3
|
import React__default, { forwardRef } from "react";
|
|
4
4
|
const $5cb03073d3f54797$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef(function Heading(props, ref) {
|
|
5
5
|
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$d688439359537581);
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { r as reactDomExports } from "./index-BRp93Yfa.js";
|
|
2
1
|
import React__default, { forwardRef, useContext, createContext } from "react";
|
|
3
|
-
import { e as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-39D0mStj.js";
|
|
4
2
|
if (typeof HTMLTemplateElement !== "undefined") {
|
|
5
3
|
const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
|
|
6
4
|
Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
|
|
@@ -13,18 +11,16 @@ if (typeof HTMLTemplateElement !== "undefined") {
|
|
|
13
11
|
});
|
|
14
12
|
}
|
|
15
13
|
const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /* @__PURE__ */ createContext(false);
|
|
16
|
-
const $f39a9eba43920ace$var$hiddenFragment = typeof DocumentFragment !== "undefined" ? new DocumentFragment() : null;
|
|
17
14
|
function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
|
|
18
15
|
let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
|
|
19
|
-
let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
|
|
20
16
|
if (isHidden)
|
|
21
17
|
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
|
|
22
18
|
let children = /* @__PURE__ */ React__default.createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
|
|
23
19
|
value: true
|
|
24
20
|
}, props.children);
|
|
25
|
-
return
|
|
21
|
+
return /* @__PURE__ */ React__default.createElement("template", {
|
|
26
22
|
"data-react-aria-hidden": true
|
|
27
|
-
}, children)
|
|
23
|
+
}, children);
|
|
28
24
|
}
|
|
29
25
|
function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
|
|
30
26
|
let Wrapper = (props, ref) => {
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-39D0mStj.js";
|
|
1
|
+
import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715, a as $f645667febf57a63$export$4c014de7c8940b4c, f as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-B-8Wji4B.js";
|
|
2
|
+
import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-DkCSC521.js";
|
|
4
3
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
5
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-
|
|
9
|
-
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-
|
|
10
|
-
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
4
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-C5OggHsw.js";
|
|
5
|
+
import React__default, { useEffect, createContext } from "react";
|
|
6
|
+
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-52GVSGgC.js";
|
|
7
|
+
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-BgSHI8kQ.js";
|
|
8
|
+
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
|
|
9
|
+
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CxlVCVpL.js";
|
|
11
10
|
function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
12
11
|
let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
|
|
13
12
|
let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
|
|
14
|
-
let { focusableProps } = $
|
|
13
|
+
let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
|
|
15
14
|
let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
|
|
16
15
|
...props,
|
|
17
16
|
value
|
|
@@ -68,6 +67,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
|
68
67
|
inputMode: props.inputMode,
|
|
69
68
|
autoCorrect: props.autoCorrect,
|
|
70
69
|
spellCheck: props.spellCheck,
|
|
70
|
+
[parseInt(React__default.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: props.enterKeyHint,
|
|
71
71
|
// Clipboard events
|
|
72
72
|
onCopy: props.onCopy,
|
|
73
73
|
onCut: props.onCut,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-
|
|
2
|
-
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-
|
|
1
|
+
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DkCSC521.js";
|
|
2
|
+
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
|
|
3
3
|
import React__default, { createContext } from "react";
|
|
4
4
|
const $01b77f81d0f07f68$export$75b6ee27786ba447 = /* @__PURE__ */ createContext({});
|
|
5
5
|
const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Label(props, ref) {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, d as $e1995378a142960e$export$bf788dd355e3a401, e as $e1995378a142960e$export$fb8073518f34e6ec, f as $7135fc7d473fd974$export$4feb769f8ddf26c5, g as $7135fc7d473fd974$export$d40e14dec8b060a8, h as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./Collection-
|
|
2
|
-
import {
|
|
1
|
+
import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, d as $e1995378a142960e$export$bf788dd355e3a401, e as $e1995378a142960e$export$fb8073518f34e6ec, f as $7135fc7d473fd974$export$4feb769f8ddf26c5, g as $7135fc7d473fd974$export$d40e14dec8b060a8, h as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./Collection-CDEKDgvV.js";
|
|
2
|
+
import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, o as $64fa3d84918910a7$export$c62b8e45d58ddad9 } from "./utils-DkCSC521.js";
|
|
3
3
|
import React__default, { createContext, useCallback, useMemo, forwardRef, useContext, useRef, useEffect } from "react";
|
|
4
|
-
import { b as $982254629710d113$export$b95089534ab7c1fd, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2, d as $d2f53cda644affe3$export$65d2a03b8800d6e3, e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-
|
|
5
|
-
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-
|
|
4
|
+
import { b as $982254629710d113$export$b95089534ab7c1fd, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2, d as $d2f53cda644affe3$export$65d2a03b8800d6e3, e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-BxbOoGIK.js";
|
|
5
|
+
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-DVSAPY-K.js";
|
|
6
6
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
7
|
-
import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-
|
|
8
|
-
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-
|
|
9
|
-
import {
|
|
10
|
-
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-
|
|
11
|
-
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-
|
|
12
|
-
import { $ as $
|
|
13
|
-
import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-
|
|
7
|
+
import { $ as $e72dd72e1c76a225$export$2f645645f7bca764, a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36 } from "./useListState-BXnC0mNr.js";
|
|
8
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
|
|
9
|
+
import { a as $9ab94262bd0047c7$export$420e68273165f4ec, $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CxlVCVpL.js";
|
|
10
|
+
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-D7HkNEHT.js";
|
|
11
|
+
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-C3dxzVyi.js";
|
|
12
|
+
import { A as $c87311424ea30a05$export$9ac100e40613ea10, B as $c87311424ea30a05$export$78551043582a6a98, $ as $6179b936705e76d3$export$ae780daf29e6d456, m as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-B-8Wji4B.js";
|
|
13
|
+
import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-DbqfVa2Z.js";
|
|
14
14
|
const $b1f0cad8af73213b$export$3585ede4d035bf14 = /* @__PURE__ */ new WeakMap();
|
|
15
15
|
function $b1f0cad8af73213b$var$normalizeKey(key) {
|
|
16
16
|
if (typeof key === "string") return key.replace(/\s*/g, "");
|
|
@@ -146,7 +146,7 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
146
146
|
id: descriptionId
|
|
147
147
|
},
|
|
148
148
|
isFocused,
|
|
149
|
-
isFocusVisible: isFocused && $507fabe10e71c6fb$export$b9b3dfddab17db27(),
|
|
149
|
+
isFocusVisible: isFocused && state.selectionManager.isFocused && $507fabe10e71c6fb$export$b9b3dfddab17db27(),
|
|
150
150
|
isSelected,
|
|
151
151
|
isDisabled,
|
|
152
152
|
isPressed,
|
|
@@ -242,31 +242,31 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props, listBoxRef, collection
|
|
|
242
242
|
items: null
|
|
243
243
|
};
|
|
244
244
|
let { layoutDelegate } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
|
|
245
|
-
let { filterFn, collectionProps, collectionRef } = useContext($d2f53cda644affe3$export$65d2a03b8800d6e3) || {};
|
|
246
|
-
listBoxRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(listBoxRef, collectionRef !== void 0 ? collectionRef : null), [
|
|
247
|
-
collectionRef,
|
|
248
|
-
listBoxRef
|
|
249
|
-
]));
|
|
250
|
-
let filteredCollection = useMemo(() => filterFn ? collection.filter(filterFn) : collection, [
|
|
251
|
-
collection,
|
|
252
|
-
filterFn
|
|
253
|
-
]);
|
|
254
245
|
let state = $e72dd72e1c76a225$export$2f645645f7bca764({
|
|
255
246
|
...props,
|
|
256
|
-
collection: filteredCollection,
|
|
257
247
|
layoutDelegate
|
|
258
248
|
});
|
|
259
249
|
return /* @__PURE__ */ React__default.createElement($eed445e0843c11d0$var$ListBoxInner, {
|
|
260
250
|
state,
|
|
261
|
-
props
|
|
262
|
-
...props,
|
|
263
|
-
...collectionProps
|
|
264
|
-
},
|
|
251
|
+
props,
|
|
265
252
|
listBoxRef
|
|
266
253
|
});
|
|
267
254
|
}
|
|
268
|
-
function $eed445e0843c11d0$var$ListBoxInner({ state, props, listBoxRef }) {
|
|
255
|
+
function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxRef }) {
|
|
256
|
+
let { filter, collectionProps, collectionRef } = useContext($d2f53cda644affe3$export$65d2a03b8800d6e3) || {};
|
|
257
|
+
props = useMemo(() => collectionProps ? {
|
|
258
|
+
...props,
|
|
259
|
+
...collectionProps
|
|
260
|
+
} : props, [
|
|
261
|
+
props,
|
|
262
|
+
collectionProps
|
|
263
|
+
]);
|
|
269
264
|
let { dragAndDropHooks, layout = "stack", orientation = "vertical" } = props;
|
|
265
|
+
listBoxRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(listBoxRef, collectionRef !== void 0 ? collectionRef : null), [
|
|
266
|
+
collectionRef,
|
|
267
|
+
listBoxRef
|
|
268
|
+
]));
|
|
269
|
+
let state = $e72dd72e1c76a225$export$ba9d38c0f1bf2b36(inputState, filter);
|
|
270
270
|
let { collection, selectionManager } = state;
|
|
271
271
|
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
|
|
272
272
|
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
|
|
@@ -531,6 +531,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a14296
|
|
|
531
531
|
$514c0188e459b4c0$export$9afb8bc826b033ea,
|
|
532
532
|
{
|
|
533
533
|
slots: {
|
|
534
|
+
[$64fa3d84918910a7$export$c62b8e45d58ddad9]: labelProps,
|
|
534
535
|
label: labelProps,
|
|
535
536
|
description: descriptionProps
|
|
536
537
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-DkCSC521.js";
|
|
2
2
|
import { r as reactDomExports } from "./index-BRp93Yfa.js";
|
|
3
3
|
import React__default, { useEffect, useState, useCallback, useRef, forwardRef, createContext } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { B as $c87311424ea30a05$export$78551043582a6a98, b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-B-8Wji4B.js";
|
|
5
5
|
import { a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
|
|
6
|
-
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-
|
|
6
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
|
|
7
7
|
function $9daab02d461809db$var$hasResizeObserver() {
|
|
8
8
|
return typeof window.ResizeObserver !== "undefined";
|
|
9
9
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-
|
|
1
|
+
import { i as $feb5ffebff200149$export$c3d8340acf92597f, j as $cc38e7bd3fc7b213$export$2bb74740c4e19def, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, l as $c5a24bc478652b5f$export$1005530eda016c13, h as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./Collection-CDEKDgvV.js";
|
|
2
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
|
|
3
3
|
import React__default, { useMemo, createContext } from "react";
|
|
4
|
-
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-
|
|
4
|
+
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DkCSC521.js";
|
|
5
5
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
6
6
|
let $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
|
|
7
7
|
function $325a3faab7a68acd$export$a16aca283550c30d(options) {
|
|
@@ -16,7 +16,7 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
|
|
|
16
16
|
getItemRect(key) {
|
|
17
17
|
let container = this.ref.current;
|
|
18
18
|
if (!container) return null;
|
|
19
|
-
let item = key != null ?
|
|
19
|
+
let item = key != null ? $feb5ffebff200149$export$c3d8340acf92597f(this.ref, key) : null;
|
|
20
20
|
if (!item) return null;
|
|
21
21
|
let containerRect = container.getBoundingClientRect();
|
|
22
22
|
let itemRect = item.getBoundingClientRect();
|