@ariakit/react 0.4.28 → 0.4.29
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/{CHANGELOG-035.md → CHANGELOG-0314.md} +205 -0
- package/CHANGELOG.md +48 -202
- package/cjs/__chunks/{SXAPGTJ4.cjs → 2ENQD3AS.cjs} +6 -6
- package/cjs/__chunks/{L2IFVMDU.cjs → 2WBRQ3I7.cjs} +7 -6
- package/cjs/__chunks/{N3DLR7OL.cjs → 3B6TF7HK.cjs} +6 -6
- package/cjs/__chunks/{XPQIHUQ7.cjs → 42GL4LKI.cjs} +20 -20
- package/cjs/__chunks/{VXUZM542.cjs → 53Q7HWXL.cjs} +165 -165
- package/cjs/__chunks/{3FIXGHZ2.cjs → 5QRVCRDI.cjs} +5 -5
- package/cjs/__chunks/{7MXJT4IN.cjs → 5XICU34X.cjs} +3 -3
- package/cjs/__chunks/{334WKW6I.cjs → 5ZX5ACFH.cjs} +4 -4
- package/cjs/__chunks/{2MDC3Z3V.cjs → 6BNWLCHF.cjs} +10 -10
- package/cjs/__chunks/{IFZV5LA3.cjs → 6XKLGFUO.cjs} +17 -17
- package/cjs/__chunks/{PZXRBFZF.cjs → 7SEEXNY6.cjs} +7 -7
- package/cjs/__chunks/{VXDLN5CP.cjs → 7XB4QE2H.cjs} +29 -29
- package/cjs/__chunks/{RVXPEX7O.cjs → AI3BA27G.cjs} +18 -18
- package/cjs/__chunks/{NG34QRI6.cjs → BTARPES4.cjs} +79 -32
- package/cjs/__chunks/{LCX235VJ.cjs → CKHOJYDQ.cjs} +6 -6
- package/cjs/__chunks/{C4NVIV6V.cjs → CRPG37KH.cjs} +104 -84
- package/cjs/__chunks/{4RKQMGBK.cjs → CYTUSXPR.cjs} +236 -222
- package/cjs/__chunks/{IHVFJGGN.cjs → D6USTXKA.cjs} +4 -4
- package/cjs/__chunks/{NFZWL7LE.cjs → DDV252ZY.cjs} +4 -4
- package/cjs/__chunks/DVB2WSHD.cjs +41 -0
- package/cjs/__chunks/{YEXJT4IL.cjs → EF57ZMJN.cjs} +10 -10
- package/cjs/__chunks/{RR46KI45.cjs → EQYJ6RA7.cjs} +3 -3
- package/cjs/__chunks/{D4HCGWOU.cjs → FHPV2Q7C.cjs} +182 -78
- package/cjs/__chunks/{FHQ5DVYQ.cjs → FNYFMCD7.cjs} +4 -4
- package/cjs/__chunks/{FELYQPO5.cjs → FWVWDDOL.cjs} +182 -173
- package/cjs/__chunks/{GUY4MKX2.cjs → G2JI2Z7U.cjs} +12 -12
- package/cjs/__chunks/{Z5PDS46M.cjs → GI27TVAM.cjs} +159 -159
- package/cjs/__chunks/{PTE2IJM5.cjs → GQZ5DRPC.cjs} +32 -30
- package/cjs/__chunks/{XH4GE3VE.cjs → GV4SR2CM.cjs} +7 -7
- package/cjs/__chunks/{PU63IQFD.cjs → HCYQ5Z7Z.cjs} +58 -58
- package/cjs/__chunks/{ASOIXRUN.cjs → HGV6FCZP.cjs} +61 -61
- package/cjs/__chunks/{OOFUBC32.cjs → I4JS2KAF.cjs} +17 -19
- package/cjs/__chunks/{DVWS2XPY.cjs → I6N3772N.cjs} +21 -21
- package/cjs/__chunks/{7POA4244.cjs → IEVLYJJP.cjs} +22 -22
- package/cjs/__chunks/{ZNW2LLWJ.cjs → IGWSYIUY.cjs} +15 -15
- package/cjs/__chunks/{QAUJZR6Y.cjs → JBOLBTVU.cjs} +15 -4
- package/cjs/__chunks/{MN5TONXW.cjs → JXYV7OWF.cjs} +33 -36
- package/cjs/__chunks/{FIPBE5IX.cjs → KDVG735H.cjs} +3 -3
- package/cjs/__chunks/{TSBEWPNT.cjs → KFUU3G3B.cjs} +39 -39
- package/cjs/__chunks/{ZYPARRXG.cjs → LGUAIO4Q.cjs} +4 -4
- package/cjs/__chunks/{5NTEPQ2U.cjs → M6YHODMV.cjs} +20 -20
- package/cjs/__chunks/{SIF7IN4L.cjs → MWZS5XD4.cjs} +12 -12
- package/cjs/__chunks/{UUEFM3TG.cjs → NBAYASRC.cjs} +17 -17
- package/cjs/__chunks/{RXZPZPJX.cjs → OFFSDIY3.cjs} +21 -21
- package/cjs/__chunks/{RGH2H3WL.cjs → OP2QHIHD.cjs} +4 -4
- package/cjs/__chunks/{2HXQHKBC.cjs → P6Y2DILA.cjs} +17 -17
- package/cjs/__chunks/{LMCBLO3G.cjs → P7AY4KL3.cjs} +10 -10
- package/cjs/__chunks/{PDPE2VAZ.cjs → QJQWEU4Q.cjs} +134 -120
- package/cjs/__chunks/{UV7CXZEM.cjs → RZJLQJQM.cjs} +9 -9
- package/cjs/__chunks/{34UJGLOZ.cjs → SAFZBKT3.cjs} +61 -48
- package/cjs/__chunks/{LVHC4DSB.cjs → TMY4OIYC.cjs} +19 -19
- package/cjs/__chunks/{LS5VO6AA.cjs → ULDO57DJ.cjs} +12 -12
- package/cjs/__chunks/{NMUCJYMR.cjs → US2XYAXE.cjs} +83 -83
- package/cjs/__chunks/{GUB6WHB6.cjs → VUISVT3V.cjs} +9 -9
- package/cjs/__chunks/{RLKC7JVT.cjs → WHUT2PFL.cjs} +4 -4
- package/cjs/__chunks/WLHP5OM6.cjs +37 -0
- package/cjs/__chunks/{7M4GY5DS.cjs → WYI5CKPV.cjs} +38 -38
- package/cjs/__chunks/{SQ72MZ63.cjs → ZPWE3FTF.cjs} +39 -39
- package/cjs/button.cjs +5 -5
- package/cjs/checkbox.cjs +8 -8
- package/cjs/collection.cjs +6 -6
- package/cjs/combobox.cjs +30 -30
- package/cjs/command.cjs +4 -4
- package/cjs/composite.cjs +17 -17
- package/cjs/dialog.cjs +18 -18
- package/cjs/disclosure.cjs +9 -9
- package/cjs/focus-trap.cjs +5 -5
- package/cjs/focusable.cjs +3 -3
- package/cjs/form.cjs +14 -14
- package/cjs/group.cjs +3 -3
- package/cjs/heading.cjs +3 -3
- package/cjs/hovercard.cjs +25 -25
- package/cjs/index.cjs +59 -59
- package/cjs/menu.cjs +42 -42
- package/cjs/menubar.cjs +8 -8
- package/cjs/popover.cjs +25 -25
- package/cjs/portal.cjs +5 -5
- package/cjs/radio.cjs +12 -12
- package/cjs/role.cjs +3 -3
- package/cjs/select.cjs +36 -36
- package/cjs/separator.cjs +3 -3
- package/cjs/store.cjs +3 -3
- package/cjs/tab.cjs +15 -15
- package/cjs/toolbar.cjs +13 -13
- package/cjs/tooltip.cjs +15 -15
- package/cjs/visually-hidden.cjs +3 -3
- package/package.json +4 -4
- package/cjs/__chunks/FVIS5BFZ.cjs +0 -41
- package/cjs/__chunks/TLUFYZC7.cjs +0 -37
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _WLHP5OM6cjs = require('./WLHP5OM6.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _US2XYAXEcjs = require('./US2XYAXE.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _ZPWE3FTFcjs = require('./ZPWE3FTF.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
var
|
|
17
|
+
var _2WBRQ3I7cjs = require('./2WBRQ3I7.cjs');
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
@@ -37,10 +37,10 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
41
41
|
|
|
42
42
|
// ../ariakit-react-components/dist/toolbar/toolbar-context.js
|
|
43
|
-
var ctx =
|
|
43
|
+
var ctx = _JBOLBTVUcjs.createStoreContext.call(void 0, [_2WBRQ3I7cjs.CompositeContextProvider], [_2WBRQ3I7cjs.CompositeScopedContextProvider]);
|
|
44
44
|
var useToolbarContext = ctx.useContext;
|
|
45
45
|
var useToolbarScopedContext = ctx.useScopedContext;
|
|
46
46
|
var useToolbarProviderContext = ctx.useProviderContext;
|
|
@@ -51,26 +51,26 @@ var ToolbarScopedContextProvider = ctx.ScopedContextProvider;
|
|
|
51
51
|
function createToolbarStore(props = {}) {
|
|
52
52
|
var _a;
|
|
53
53
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
54
|
-
return
|
|
54
|
+
return _US2XYAXEcjs.createCompositeStore.call(void 0, {
|
|
55
55
|
...props,
|
|
56
|
-
orientation:
|
|
57
|
-
focusLoop:
|
|
56
|
+
orientation: _JBOLBTVUcjs.defaultValue.call(void 0, props.orientation, syncState == null ? void 0 : syncState.orientation, "horizontal"),
|
|
57
|
+
focusLoop: _JBOLBTVUcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
// ../ariakit-react-components/dist/toolbar/toolbar-store.js
|
|
62
62
|
function useToolbarStoreProps(store, update, props) {
|
|
63
|
-
return
|
|
63
|
+
return _US2XYAXEcjs.useCompositeStoreProps.call(void 0, store, update, props);
|
|
64
64
|
}
|
|
65
65
|
function useToolbarStore(props = {}) {
|
|
66
|
-
const [store, update] =
|
|
66
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createToolbarStore, props);
|
|
67
67
|
return useToolbarStoreProps(store, update, props);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
// ../ariakit-react-components/dist/toolbar/toolbar.js
|
|
71
71
|
var _jsxruntime = require('react/jsx-runtime');
|
|
72
72
|
var TagName = "div";
|
|
73
|
-
var useToolbar =
|
|
73
|
+
var useToolbar = _JBOLBTVUcjs.createHook.call(void 0, function useToolbar2({ store: storeProp, orientation: orientationProp, virtualFocus, focusLoop, rtl, ...props }) {
|
|
74
74
|
const context = useToolbarProviderContext();
|
|
75
75
|
storeProp = storeProp || context;
|
|
76
76
|
const store = useToolbarStore({
|
|
@@ -80,8 +80,8 @@ var useToolbar = _QAUJZR6Ycjs.createHook.call(void 0, function useToolbar2({ sto
|
|
|
80
80
|
focusLoop,
|
|
81
81
|
rtl
|
|
82
82
|
});
|
|
83
|
-
const orientation =
|
|
84
|
-
props =
|
|
83
|
+
const orientation = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.orientation === "both" ? void 0 : state.orientation);
|
|
84
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToolbarScopedContextProvider, {
|
|
85
85
|
value: store,
|
|
86
86
|
children: element
|
|
87
87
|
}), [store]);
|
|
@@ -90,82 +90,82 @@ var useToolbar = _QAUJZR6Ycjs.createHook.call(void 0, function useToolbar2({ sto
|
|
|
90
90
|
"aria-orientation": orientation,
|
|
91
91
|
...props
|
|
92
92
|
};
|
|
93
|
-
props =
|
|
93
|
+
props = _US2XYAXEcjs.useComposite.call(void 0, {
|
|
94
94
|
store,
|
|
95
95
|
...props
|
|
96
96
|
});
|
|
97
97
|
return props;
|
|
98
98
|
});
|
|
99
|
-
var Toolbar =
|
|
100
|
-
return
|
|
99
|
+
var Toolbar = _JBOLBTVUcjs.forwardRef.call(void 0, function Toolbar2(props) {
|
|
100
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useToolbar(props));
|
|
101
101
|
});
|
|
102
102
|
|
|
103
103
|
// ../ariakit-react-components/dist/composite/composite-container.js
|
|
104
104
|
var _react = require('react');
|
|
105
105
|
var TagName2 = "div";
|
|
106
106
|
function getFirstTabbable(container) {
|
|
107
|
-
|
|
108
|
-
const tabbable =
|
|
109
|
-
|
|
107
|
+
_JBOLBTVUcjs.restoreFocusIn.call(void 0, container);
|
|
108
|
+
const tabbable = _JBOLBTVUcjs.getFirstTabbableIn.call(void 0, container);
|
|
109
|
+
_JBOLBTVUcjs.disableFocusIn.call(void 0, container);
|
|
110
110
|
return tabbable;
|
|
111
111
|
}
|
|
112
|
-
var useCompositeContainer =
|
|
113
|
-
const context =
|
|
112
|
+
var useCompositeContainer = _JBOLBTVUcjs.createHook.call(void 0, function useCompositeContainer2({ store, ...props }) {
|
|
113
|
+
const context = _2WBRQ3I7cjs.useCompositeScopedContext.call(void 0, );
|
|
114
114
|
store = store || context;
|
|
115
115
|
const ref = _react.useRef.call(void 0, null);
|
|
116
116
|
const isOpenRef = _react.useRef.call(void 0, false);
|
|
117
117
|
const open = (collapseToEnd = false) => {
|
|
118
118
|
const container = ref.current;
|
|
119
119
|
if (!container) return;
|
|
120
|
-
|
|
121
|
-
const tabbable =
|
|
120
|
+
_JBOLBTVUcjs.restoreFocusIn.call(void 0, container);
|
|
121
|
+
const tabbable = _JBOLBTVUcjs.getFirstTabbableIn.call(void 0, container);
|
|
122
122
|
if (!tabbable) {
|
|
123
|
-
|
|
123
|
+
_JBOLBTVUcjs.disableFocusIn.call(void 0, container);
|
|
124
124
|
return;
|
|
125
125
|
}
|
|
126
126
|
isOpenRef.current = true;
|
|
127
127
|
queueMicrotask(() => {
|
|
128
128
|
tabbable.focus();
|
|
129
|
-
if (
|
|
129
|
+
if (_JBOLBTVUcjs.isTextField.call(void 0, tabbable) || tabbable.isContentEditable) _2WBRQ3I7cjs.selectTextField.call(void 0, tabbable, collapseToEnd);
|
|
130
130
|
});
|
|
131
131
|
};
|
|
132
132
|
const close = () => {
|
|
133
133
|
const container = ref.current;
|
|
134
134
|
if (!container) return;
|
|
135
135
|
isOpenRef.current = false;
|
|
136
|
-
|
|
136
|
+
_JBOLBTVUcjs.disableFocusIn.call(void 0, container);
|
|
137
137
|
};
|
|
138
|
-
const renderedItems =
|
|
138
|
+
const renderedItems = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "renderedItems");
|
|
139
139
|
_react.useEffect.call(void 0, () => {
|
|
140
140
|
const container = ref.current;
|
|
141
141
|
if (!container) return;
|
|
142
|
-
if (!isOpenRef.current && (renderedItems == null ? void 0 : renderedItems.length))
|
|
142
|
+
if (!isOpenRef.current && (renderedItems == null ? void 0 : renderedItems.length)) _JBOLBTVUcjs.disableFocusIn.call(void 0, container);
|
|
143
143
|
}, [renderedItems]);
|
|
144
144
|
const onFocusProp = props.onFocus;
|
|
145
|
-
const onFocus =
|
|
145
|
+
const onFocus = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
146
146
|
onFocusProp == null ? void 0 : onFocusProp(event);
|
|
147
147
|
if (event.defaultPrevented) return;
|
|
148
148
|
if (!store) return;
|
|
149
149
|
const isOpen = isOpenRef.current;
|
|
150
|
-
if (
|
|
150
|
+
if (_JBOLBTVUcjs.isSelfTarget.call(void 0, event)) {
|
|
151
151
|
isOpenRef.current = false;
|
|
152
152
|
const { baseElement } = store.getState();
|
|
153
153
|
const containers = baseElement == null ? void 0 : baseElement.querySelectorAll("[data-composite-container]");
|
|
154
|
-
if (containers) for (const container of containers)
|
|
154
|
+
if (containers) for (const container of containers) _JBOLBTVUcjs.disableFocusIn.call(void 0, container);
|
|
155
155
|
} else if (!isOpen) {
|
|
156
156
|
isOpenRef.current = true;
|
|
157
|
-
|
|
157
|
+
_JBOLBTVUcjs.restoreFocusIn.call(void 0, event.currentTarget);
|
|
158
158
|
store == null ? void 0 : store.setState("moves", 0);
|
|
159
159
|
}
|
|
160
160
|
});
|
|
161
161
|
const onBlurProp = props.onBlur;
|
|
162
|
-
const onBlur =
|
|
162
|
+
const onBlur = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
163
163
|
onBlurProp == null ? void 0 : onBlurProp(event);
|
|
164
164
|
if (event.defaultPrevented) return;
|
|
165
|
-
if (
|
|
165
|
+
if (_JBOLBTVUcjs.isFocusEventOutside.call(void 0, event)) close();
|
|
166
166
|
});
|
|
167
167
|
const onKeyDownProp = props.onKeyDown;
|
|
168
|
-
const onKeyDown =
|
|
168
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
169
169
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
170
170
|
if (event.defaultPrevented) return;
|
|
171
171
|
if (event.altKey) return;
|
|
@@ -173,18 +173,18 @@ var useCompositeContainer = _QAUJZR6Ycjs.createHook.call(void 0, function useCom
|
|
|
173
173
|
if (event.metaKey) return;
|
|
174
174
|
if (event.shiftKey) return;
|
|
175
175
|
const container = event.currentTarget;
|
|
176
|
-
if (
|
|
176
|
+
if (_JBOLBTVUcjs.isSelfTarget.call(void 0, event)) {
|
|
177
177
|
if (event.key.length === 1 && event.key !== " ") {
|
|
178
178
|
const tabbable = getFirstTabbable(container);
|
|
179
179
|
if (!tabbable) return;
|
|
180
|
-
if (
|
|
180
|
+
if (_JBOLBTVUcjs.isTextField.call(void 0, tabbable) || tabbable.isContentEditable) {
|
|
181
181
|
event.stopPropagation();
|
|
182
182
|
open();
|
|
183
183
|
}
|
|
184
184
|
} else if (event.key === "Delete" || event.key === "Backspace") {
|
|
185
185
|
const tabbable = getFirstTabbable(container);
|
|
186
186
|
if (!tabbable) return;
|
|
187
|
-
if (
|
|
187
|
+
if (_JBOLBTVUcjs.isTextField.call(void 0, tabbable) || tabbable.isContentEditable) {
|
|
188
188
|
open();
|
|
189
189
|
const onInput = () => queueMicrotask(() => container.focus());
|
|
190
190
|
container.addEventListener("input", onInput, { once: true });
|
|
@@ -193,51 +193,51 @@ var useCompositeContainer = _QAUJZR6Ycjs.createHook.call(void 0, function useCom
|
|
|
193
193
|
} else if (event.key === "Escape") queueMicrotask(() => container.focus());
|
|
194
194
|
else if (event.key === "Enter") {
|
|
195
195
|
const target = event.target;
|
|
196
|
-
if (target.tagName === "INPUT" && !
|
|
196
|
+
if (target.tagName === "INPUT" && !_JBOLBTVUcjs.isButton.call(void 0, target) || target.tagName === "TEXTAREA" || target.isContentEditable) {
|
|
197
197
|
event.preventDefault();
|
|
198
198
|
queueMicrotask(() => container.focus());
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
});
|
|
202
202
|
const onClickProp = props.onClick;
|
|
203
|
-
const onClick =
|
|
203
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
204
204
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
205
205
|
if (event.defaultPrevented) return;
|
|
206
|
-
if (
|
|
206
|
+
if (_JBOLBTVUcjs.isSelfTarget.call(void 0, event) && !event.detail) open(true);
|
|
207
207
|
});
|
|
208
208
|
props = {
|
|
209
209
|
"data-composite-container": "",
|
|
210
210
|
...props,
|
|
211
|
-
ref:
|
|
211
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref),
|
|
212
212
|
onFocus,
|
|
213
213
|
onBlur,
|
|
214
214
|
onKeyDown,
|
|
215
215
|
onClick
|
|
216
216
|
};
|
|
217
|
-
return
|
|
217
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
218
218
|
});
|
|
219
|
-
var CompositeContainer =
|
|
220
|
-
return
|
|
219
|
+
var CompositeContainer = _JBOLBTVUcjs.forwardRef.call(void 0, function CompositeContainer2(props) {
|
|
220
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useCompositeContainer(props));
|
|
221
221
|
});
|
|
222
222
|
|
|
223
223
|
// ../ariakit-react-components/dist/toolbar/toolbar-item.js
|
|
224
224
|
var TagName3 = "button";
|
|
225
|
-
var useToolbarItem =
|
|
225
|
+
var useToolbarItem = _JBOLBTVUcjs.createHook.call(void 0, function useToolbarItem2({ store, ...props }) {
|
|
226
226
|
const context = useToolbarContext();
|
|
227
227
|
store = store || context;
|
|
228
|
-
props =
|
|
228
|
+
props = _ZPWE3FTFcjs.useCompositeItem.call(void 0, {
|
|
229
229
|
store,
|
|
230
230
|
...props
|
|
231
231
|
});
|
|
232
232
|
return props;
|
|
233
233
|
});
|
|
234
|
-
var ToolbarItem =
|
|
235
|
-
return
|
|
234
|
+
var ToolbarItem = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function ToolbarItem2(props) {
|
|
235
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName3, useToolbarItem(props));
|
|
236
236
|
}));
|
|
237
237
|
|
|
238
238
|
// ../ariakit-react-components/dist/toolbar/toolbar-container.js
|
|
239
239
|
var TagName4 = "div";
|
|
240
|
-
var useToolbarContainer =
|
|
240
|
+
var useToolbarContainer = _JBOLBTVUcjs.createHook.call(void 0, function useToolbarContainer2({ store, ...props }) {
|
|
241
241
|
const context = useToolbarContext();
|
|
242
242
|
store = store || context;
|
|
243
243
|
props = useCompositeContainer({
|
|
@@ -250,13 +250,13 @@ var useToolbarContainer = _QAUJZR6Ycjs.createHook.call(void 0, function useToolb
|
|
|
250
250
|
});
|
|
251
251
|
return props;
|
|
252
252
|
});
|
|
253
|
-
var ToolbarContainer =
|
|
254
|
-
return
|
|
253
|
+
var ToolbarContainer = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function ToolbarContainer2(props) {
|
|
254
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName4, useToolbarContainer(props));
|
|
255
255
|
}));
|
|
256
256
|
|
|
257
257
|
// ../ariakit-react-components/dist/toolbar/toolbar-input.js
|
|
258
258
|
var TagName5 = "input";
|
|
259
|
-
var useToolbarInput =
|
|
259
|
+
var useToolbarInput = _JBOLBTVUcjs.createHook.call(void 0, function useToolbarInput2({ store, ...props }) {
|
|
260
260
|
const context = useToolbarContext();
|
|
261
261
|
store = store || context;
|
|
262
262
|
props = useToolbarItem({
|
|
@@ -265,8 +265,8 @@ var useToolbarInput = _QAUJZR6Ycjs.createHook.call(void 0, function useToolbarIn
|
|
|
265
265
|
});
|
|
266
266
|
return props;
|
|
267
267
|
});
|
|
268
|
-
var ToolbarInput =
|
|
269
|
-
return
|
|
268
|
+
var ToolbarInput = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function ToolbarInput2(props) {
|
|
269
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName5, useToolbarInput(props));
|
|
270
270
|
}));
|
|
271
271
|
|
|
272
272
|
// ../ariakit-react-components/dist/toolbar/toolbar-provider.js
|
|
@@ -280,17 +280,17 @@ function ToolbarProvider(props = {}) {
|
|
|
280
280
|
|
|
281
281
|
// ../ariakit-react-components/dist/toolbar/toolbar-separator.js
|
|
282
282
|
var TagName6 = "hr";
|
|
283
|
-
var useToolbarSeparator =
|
|
283
|
+
var useToolbarSeparator = _JBOLBTVUcjs.createHook.call(void 0, function useToolbarSeparator2({ store, ...props }) {
|
|
284
284
|
const context = useToolbarContext();
|
|
285
285
|
store = store || context;
|
|
286
|
-
props =
|
|
286
|
+
props = _WLHP5OM6cjs.useCompositeSeparator.call(void 0, {
|
|
287
287
|
store,
|
|
288
288
|
...props
|
|
289
289
|
});
|
|
290
290
|
return props;
|
|
291
291
|
});
|
|
292
|
-
var ToolbarSeparator =
|
|
293
|
-
return
|
|
292
|
+
var ToolbarSeparator = _JBOLBTVUcjs.forwardRef.call(void 0, function ToolbarSeparator2(props) {
|
|
293
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName6, useToolbarSeparator(props));
|
|
294
294
|
});
|
|
295
295
|
|
|
296
296
|
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _US2XYAXEcjs = require('./US2XYAXE.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _2WBRQ3I7cjs = require('./2WBRQ3I7.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
@@ -19,28 +19,26 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
23
23
|
|
|
24
24
|
// ../ariakit-react-components/dist/menubar/menubar-context.js
|
|
25
|
-
var
|
|
26
|
-
var menubar = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_L2IFVMDUcjs.CompositeContextProvider], [_L2IFVMDUcjs.CompositeScopedContextProvider]);
|
|
25
|
+
var menubar = _JBOLBTVUcjs.createStoreContext.call(void 0, [_2WBRQ3I7cjs.CompositeContextProvider], [_2WBRQ3I7cjs.CompositeScopedContextProvider]);
|
|
27
26
|
var useMenubarContext = menubar.useContext;
|
|
28
27
|
var useMenubarScopedContext = menubar.useScopedContext;
|
|
29
28
|
var useMenubarProviderContext = menubar.useProviderContext;
|
|
30
29
|
var MenubarContextProvider = menubar.ContextProvider;
|
|
31
30
|
var MenubarScopedContextProvider = menubar.ScopedContextProvider;
|
|
32
|
-
var MenuItemCheckedContext = _react.createContext.call(void 0, void 0);
|
|
33
31
|
|
|
34
32
|
// ../ariakit-components/dist/menubar/menubar-store.js
|
|
35
33
|
function createMenubarStore(props = {}) {
|
|
36
34
|
var _a;
|
|
37
35
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
38
|
-
const composite =
|
|
36
|
+
const composite = _US2XYAXEcjs.createCompositeStore.call(void 0, {
|
|
39
37
|
...props,
|
|
40
|
-
orientation:
|
|
41
|
-
focusLoop:
|
|
38
|
+
orientation: _JBOLBTVUcjs.defaultValue.call(void 0, props.orientation, syncState == null ? void 0 : syncState.orientation, "horizontal"),
|
|
39
|
+
focusLoop: _JBOLBTVUcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
42
40
|
});
|
|
43
|
-
const menubar2 =
|
|
41
|
+
const menubar2 = _FHPV2Q7Ccjs.createStore.call(void 0, { ...composite.getState() }, composite, props.store);
|
|
44
42
|
return {
|
|
45
43
|
...composite,
|
|
46
44
|
...menubar2
|
|
@@ -49,17 +47,17 @@ function createMenubarStore(props = {}) {
|
|
|
49
47
|
|
|
50
48
|
// ../ariakit-react-components/dist/menubar/menubar-store.js
|
|
51
49
|
function useMenubarStoreProps(store, update, props) {
|
|
52
|
-
return
|
|
50
|
+
return _US2XYAXEcjs.useCompositeStoreProps.call(void 0, store, update, props);
|
|
53
51
|
}
|
|
54
52
|
function useMenubarStore(props = {}) {
|
|
55
|
-
const [store, update] =
|
|
53
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createMenubarStore, props);
|
|
56
54
|
return useMenubarStoreProps(store, update, props);
|
|
57
55
|
}
|
|
58
56
|
|
|
59
57
|
// ../ariakit-react-components/dist/menubar/menubar.js
|
|
60
58
|
var _jsxruntime = require('react/jsx-runtime');
|
|
61
59
|
var TagName = "div";
|
|
62
|
-
var useMenubar =
|
|
60
|
+
var useMenubar = _JBOLBTVUcjs.createHook.call(void 0, function useMenubar2({ store: storeProp, composite = true, orientation: orientationProp, virtualFocus, focusLoop, rtl, ...props }) {
|
|
63
61
|
const context = useMenubarProviderContext();
|
|
64
62
|
storeProp = storeProp || context;
|
|
65
63
|
const store = useMenubarStore({
|
|
@@ -69,8 +67,8 @@ var useMenubar = _QAUJZR6Ycjs.createHook.call(void 0, function useMenubar2({ sto
|
|
|
69
67
|
focusLoop,
|
|
70
68
|
rtl
|
|
71
69
|
});
|
|
72
|
-
const orientation =
|
|
73
|
-
props =
|
|
70
|
+
const orientation = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => !composite || state.orientation === "both" ? void 0 : state.orientation);
|
|
71
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenubarScopedContextProvider, {
|
|
74
72
|
value: store,
|
|
75
73
|
children: element
|
|
76
74
|
}), [store]);
|
|
@@ -79,15 +77,15 @@ var useMenubar = _QAUJZR6Ycjs.createHook.call(void 0, function useMenubar2({ sto
|
|
|
79
77
|
"aria-orientation": orientation,
|
|
80
78
|
...props
|
|
81
79
|
};
|
|
82
|
-
props =
|
|
80
|
+
props = _US2XYAXEcjs.useComposite.call(void 0, {
|
|
83
81
|
store,
|
|
84
82
|
composite,
|
|
85
83
|
...props
|
|
86
84
|
});
|
|
87
85
|
return props;
|
|
88
86
|
});
|
|
89
|
-
var Menubar =
|
|
90
|
-
return
|
|
87
|
+
var Menubar = _JBOLBTVUcjs.forwardRef.call(void 0, function Menubar2(props) {
|
|
88
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useMenubar(props));
|
|
91
89
|
});
|
|
92
90
|
|
|
93
91
|
// ../ariakit-react-components/dist/menubar/menubar-provider.js
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _GV4SR2CMcjs = require('./GV4SR2CM.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _KDVG735Hcjs = require('./KDVG735H.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _DVB2WSHDcjs = require('./DVB2WSHD.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
@@ -20,21 +20,21 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
var
|
|
23
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
24
24
|
|
|
25
25
|
// ../ariakit-react-components/dist/popover/popover-disclosure.js
|
|
26
26
|
var _jsxruntime = require('react/jsx-runtime');
|
|
27
27
|
var TagName = "button";
|
|
28
|
-
var usePopoverDisclosure =
|
|
29
|
-
const context =
|
|
28
|
+
var usePopoverDisclosure = _JBOLBTVUcjs.createHook.call(void 0, function usePopoverDisclosure2({ store, ...props }) {
|
|
29
|
+
const context = _KDVG735Hcjs.usePopoverProviderContext.call(void 0, );
|
|
30
30
|
store = store || context;
|
|
31
|
-
|
|
31
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component.");
|
|
32
32
|
const onClickProp = props.onClick;
|
|
33
|
-
const onClick =
|
|
33
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
34
34
|
store == null ? void 0 : store.setAnchorElement(event.currentTarget);
|
|
35
35
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
36
36
|
});
|
|
37
|
-
props =
|
|
37
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KDVG735Hcjs.PopoverScopedContextProvider, {
|
|
38
38
|
value: store,
|
|
39
39
|
children: element
|
|
40
40
|
}), [store]);
|
|
@@ -42,18 +42,18 @@ var usePopoverDisclosure = _QAUJZR6Ycjs.createHook.call(void 0, function usePopo
|
|
|
42
42
|
...props,
|
|
43
43
|
onClick
|
|
44
44
|
};
|
|
45
|
-
props =
|
|
45
|
+
props = _GV4SR2CMcjs.usePopoverAnchor.call(void 0, {
|
|
46
46
|
store,
|
|
47
47
|
...props
|
|
48
48
|
});
|
|
49
|
-
props =
|
|
49
|
+
props = _DVB2WSHDcjs.useDialogDisclosure.call(void 0, {
|
|
50
50
|
store,
|
|
51
51
|
...props
|
|
52
52
|
});
|
|
53
53
|
return props;
|
|
54
54
|
});
|
|
55
|
-
var PopoverDisclosure =
|
|
56
|
-
return
|
|
55
|
+
var PopoverDisclosure = _JBOLBTVUcjs.forwardRef.call(void 0, function PopoverDisclosure2(props) {
|
|
56
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, usePopoverDisclosure(props));
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
// ../ariakit-react-components/dist/popover/popover-disclosure-arrow.js
|
|
@@ -66,11 +66,11 @@ var pointsMap = {
|
|
|
66
66
|
bottom: "4,6 8,10 12,6",
|
|
67
67
|
left: "10,4 6,8 10,12"
|
|
68
68
|
};
|
|
69
|
-
var usePopoverDisclosureArrow =
|
|
70
|
-
const context =
|
|
69
|
+
var usePopoverDisclosureArrow = _JBOLBTVUcjs.createHook.call(void 0, function usePopoverDisclosureArrow2({ store, placement, ...props }) {
|
|
70
|
+
const context = _KDVG735Hcjs.usePopoverContext.call(void 0, );
|
|
71
71
|
store = store || context;
|
|
72
|
-
|
|
73
|
-
const points = pointsMap[
|
|
72
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component.");
|
|
73
|
+
const points = pointsMap[_FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => placement || state.placement).split("-")[0]];
|
|
74
74
|
props = {
|
|
75
75
|
children: _react.useMemo.call(void 0, () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", {
|
|
76
76
|
display: "block",
|
|
@@ -93,10 +93,10 @@ var usePopoverDisclosureArrow = _QAUJZR6Ycjs.createHook.call(void 0, function us
|
|
|
93
93
|
...props.style
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
|
-
return
|
|
96
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
97
97
|
});
|
|
98
|
-
var PopoverDisclosureArrow =
|
|
99
|
-
return
|
|
98
|
+
var PopoverDisclosureArrow = _JBOLBTVUcjs.forwardRef.call(void 0, function PopoverDisclosureArrow2(props) {
|
|
99
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, usePopoverDisclosureArrow(props));
|
|
100
100
|
});
|
|
101
101
|
|
|
102
102
|
|