@ariakit/core 0.4.6 → 0.4.8
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.md +9 -0
- package/cjs/__chunks/{B4LYZ4EM.cjs → 3QF3ODTR.cjs} +44 -61
- package/cjs/__chunks/{LPDHSEHU.cjs → 7CES7GVE.cjs} +4 -8
- package/cjs/__chunks/{Q2WCPTYS.cjs → 7WYII4AN.cjs} +6 -12
- package/cjs/__chunks/{EEDWPDM2.cjs → BTUHABP4.cjs} +16 -30
- package/cjs/__chunks/{4W3OYRR3.cjs → CCI5VM7E.cjs} +24 -30
- package/cjs/__chunks/{5JEQEZFR.cjs → H6ZQSQQL.cjs} +16 -16
- package/cjs/__chunks/{D7M2PCAQ.cjs → KCEXELK7.cjs} +6 -7
- package/cjs/__chunks/{LTLFSC4X.cjs → N667HVED.cjs} +2 -2
- package/cjs/__chunks/{3HYNC3XA.cjs → PW36G76L.cjs} +25 -29
- package/cjs/__chunks/{AETQC2AR.cjs → QLWAGBAQ.cjs} +20 -22
- package/cjs/__chunks/{B4AKUC4S.cjs → VJAE2Y4T.cjs} +10 -10
- package/cjs/__chunks/XIZWLBI2.cjs +42 -0
- package/cjs/checkbox/checkbox-store.cjs +7 -7
- package/cjs/collection/collection-store.cjs +6 -6
- package/cjs/combobox/combobox-store.cjs +50 -56
- package/cjs/combobox/combobox-store.d.cts +2 -0
- package/cjs/combobox/combobox-store.d.ts +2 -0
- package/cjs/composite/composite-overflow-store.cjs +7 -7
- package/cjs/composite/composite-store.cjs +7 -7
- package/cjs/composite/composite-store.d.cts +5 -1
- package/cjs/composite/composite-store.d.ts +5 -1
- package/cjs/dialog/dialog-store.cjs +6 -6
- package/cjs/disclosure/disclosure-store.cjs +5 -5
- package/cjs/form/form-store.cjs +32 -36
- package/cjs/hovercard/hovercard-store.cjs +8 -8
- package/cjs/index.cjs +1 -1
- package/cjs/menu/menu-bar-store.cjs +8 -8
- package/cjs/menu/menu-store.cjs +37 -42
- package/cjs/menubar/menubar-store.cjs +8 -8
- package/cjs/popover/popover-store.cjs +7 -7
- package/cjs/radio/radio-store.cjs +13 -13
- package/cjs/select/select-store.cjs +49 -62
- package/cjs/select/select-store.d.cts +2 -0
- package/cjs/select/select-store.d.ts +2 -0
- package/cjs/tab/tab-store.cjs +49 -61
- package/cjs/tab/tab-store.d.cts +10 -4
- package/cjs/tab/tab-store.d.ts +10 -4
- package/cjs/tag/tag-store.cjs +23 -27
- package/cjs/toolbar/toolbar-store.cjs +9 -9
- package/cjs/tooltip/tooltip-store.cjs +15 -15
- package/cjs/utils/array.cjs +1 -1
- package/cjs/utils/dom.cjs +3 -3
- package/cjs/utils/events.cjs +25 -37
- package/cjs/utils/focus.cjs +41 -61
- package/cjs/utils/misc.cjs +3 -3
- package/cjs/utils/misc.d.cts +1 -1
- package/cjs/utils/misc.d.ts +1 -1
- package/cjs/utils/platform.cjs +4 -4
- package/cjs/utils/store.cjs +4 -4
- package/cjs/utils/undo.cjs +3 -3
- package/esm/__chunks/{MFZZDIHG.js → 3UYWTADI.js} +4 -4
- package/esm/__chunks/{EQPTKGFA.js → 6DHTHWXD.js} +10 -16
- package/esm/__chunks/{WCKXDMU7.js → 6E4KKOSB.js} +5 -7
- package/esm/__chunks/{EKIWAN6A.js → 7LM4Q2XB.js} +4 -8
- package/esm/__chunks/{PBSSD2DM.js → D7EIQZAU.js} +8 -12
- package/esm/__chunks/{BRS7GKWU.js → EACLTACN.js} +4 -4
- package/esm/__chunks/{R676XYVY.js → EQQLU3CG.js} +34 -51
- package/esm/__chunks/{I2NJJ3XW.js → HWOIWM4O.js} +6 -12
- package/esm/__chunks/{22HHDS5F.js → PBFD2E7P.js} +15 -29
- package/esm/__chunks/{P3MTNH46.js → PIWLWQMB.js} +4 -4
- package/esm/__chunks/{CLSHHUGK.js → US4USQPI.js} +2 -3
- package/esm/__chunks/{5RJNXXU2.js → YOHCVXJB.js} +1 -1
- package/esm/checkbox/checkbox-store.js +3 -3
- package/esm/collection/collection-store.js +5 -5
- package/esm/combobox/combobox-store.d.ts +2 -0
- package/esm/combobox/combobox-store.js +16 -22
- package/esm/composite/composite-overflow-store.js +6 -6
- package/esm/composite/composite-store.d.ts +5 -1
- package/esm/composite/composite-store.js +6 -6
- package/esm/dialog/dialog-store.js +5 -5
- package/esm/disclosure/disclosure-store.js +4 -4
- package/esm/form/form-store.js +9 -13
- package/esm/hovercard/hovercard-store.js +7 -7
- package/esm/index.js +1 -1
- package/esm/menu/menu-bar-store.js +7 -7
- package/esm/menu/menu-store.js +15 -20
- package/esm/menubar/menubar-store.js +7 -7
- package/esm/popover/popover-store.js +6 -6
- package/esm/radio/radio-store.js +6 -6
- package/esm/select/select-store.d.ts +2 -0
- package/esm/select/select-store.js +22 -35
- package/esm/tab/tab-store.d.ts +10 -4
- package/esm/tab/tab-store.js +18 -30
- package/esm/tag/tag-store.js +11 -15
- package/esm/toolbar/toolbar-store.js +6 -6
- package/esm/tooltip/tooltip-store.js +7 -7
- package/esm/utils/array.js +1 -1
- package/esm/utils/dom.js +2 -2
- package/esm/utils/events.js +20 -32
- package/esm/utils/focus.js +33 -53
- package/esm/utils/misc.d.ts +1 -1
- package/esm/utils/misc.js +2 -2
- package/esm/utils/platform.js +3 -3
- package/esm/utils/store.js +3 -3
- package/esm/utils/undo.js +2 -2
- package/package.json +2 -2
- package/readme.md +18 -0
- package/.eslintignore +0 -6
- package/cjs/__chunks/UEZLSKZ4.cjs +0 -42
- /package/cjs/__chunks/{AV6KTKLE.cjs → 3IVNQNIV.cjs} +0 -0
- /package/esm/__chunks/{4R3V3JGP.js → 3YLGPPWQ.js} +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _QLWAGBAQcjs = require('./QLWAGBAQ.cjs');
|
|
5
5
|
|
|
6
6
|
// src/dialog/dialog-store.ts
|
|
7
7
|
function createDialogStore(props = {}) {
|
|
8
|
-
return
|
|
8
|
+
return _QLWAGBAQcjs.createDisclosureStore.call(void 0, props);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _CCI5VM7Ecjs = require('./CCI5VM7E.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -10,14 +10,14 @@ var _ULSPM3Y3cjs = require('./ULSPM3Y3.cjs');
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _BTUHABP4cjs = require('./BTUHABP4.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
|
|
21
21
|
|
|
22
22
|
// src/composite/composite-store.ts
|
|
23
23
|
var NULL_ITEM = { id: null };
|
|
@@ -38,10 +38,8 @@ function getEnabledItems(items, excludeId) {
|
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
function getOppositeOrientation(orientation) {
|
|
41
|
-
if (orientation === "vertical")
|
|
42
|
-
|
|
43
|
-
if (orientation === "horizontal")
|
|
44
|
-
return "vertical";
|
|
41
|
+
if (orientation === "vertical") return "horizontal";
|
|
42
|
+
if (orientation === "horizontal") return "vertical";
|
|
45
43
|
return;
|
|
46
44
|
}
|
|
47
45
|
function getItemsInRow(items, rowId) {
|
|
@@ -108,7 +106,7 @@ function verticalizeItems(items) {
|
|
|
108
106
|
for (const row of rows) {
|
|
109
107
|
const item = row[i];
|
|
110
108
|
if (item) {
|
|
111
|
-
verticalized.push(
|
|
109
|
+
verticalized.push(_3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, item), {
|
|
112
110
|
// If there's no rowId, it means that it's not a grid composite, but
|
|
113
111
|
// a single row instead. So, instead of verticalizing it, that is,
|
|
114
112
|
// assigning a different rowId based on the column index, we keep it
|
|
@@ -124,44 +122,43 @@ function verticalizeItems(items) {
|
|
|
124
122
|
function createCompositeStore(props = {}) {
|
|
125
123
|
var _a;
|
|
126
124
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
127
|
-
const collection =
|
|
128
|
-
const activeId =
|
|
125
|
+
const collection = _CCI5VM7Ecjs.createCollectionStore.call(void 0, props);
|
|
126
|
+
const activeId = _BTUHABP4cjs.defaultValue.call(void 0,
|
|
129
127
|
props.activeId,
|
|
130
128
|
syncState == null ? void 0 : syncState.activeId,
|
|
131
129
|
props.defaultActiveId
|
|
132
130
|
);
|
|
133
|
-
const initialState =
|
|
131
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, collection.getState()), {
|
|
134
132
|
activeId,
|
|
135
|
-
baseElement:
|
|
136
|
-
includesBaseElement:
|
|
133
|
+
baseElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.baseElement, null),
|
|
134
|
+
includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
137
135
|
props.includesBaseElement,
|
|
138
136
|
syncState == null ? void 0 : syncState.includesBaseElement,
|
|
139
137
|
activeId === null
|
|
140
138
|
),
|
|
141
|
-
moves:
|
|
142
|
-
orientation:
|
|
139
|
+
moves: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.moves, 0),
|
|
140
|
+
orientation: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
143
141
|
props.orientation,
|
|
144
142
|
syncState == null ? void 0 : syncState.orientation,
|
|
145
143
|
"both"
|
|
146
144
|
),
|
|
147
|
-
rtl:
|
|
148
|
-
virtualFocus:
|
|
145
|
+
rtl: _BTUHABP4cjs.defaultValue.call(void 0, props.rtl, syncState == null ? void 0 : syncState.rtl, false),
|
|
146
|
+
virtualFocus: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
149
147
|
props.virtualFocus,
|
|
150
148
|
syncState == null ? void 0 : syncState.virtualFocus,
|
|
151
149
|
false
|
|
152
150
|
),
|
|
153
|
-
focusLoop:
|
|
154
|
-
focusWrap:
|
|
155
|
-
focusShift:
|
|
151
|
+
focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
|
|
152
|
+
focusWrap: _BTUHABP4cjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
|
|
153
|
+
focusShift: _BTUHABP4cjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
|
|
156
154
|
});
|
|
157
|
-
const composite =
|
|
158
|
-
|
|
155
|
+
const composite = _3QF3ODTRcjs.createStore.call(void 0, initialState, collection, props.store);
|
|
156
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
159
157
|
composite,
|
|
160
|
-
() =>
|
|
158
|
+
() => _3QF3ODTRcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
|
|
161
159
|
composite.setState("activeId", (activeId2) => {
|
|
162
160
|
var _a2;
|
|
163
|
-
if (activeId2 !== void 0)
|
|
164
|
-
return activeId2;
|
|
161
|
+
if (activeId2 !== void 0) return activeId2;
|
|
165
162
|
return (_a2 = findFirstEnabledItem(state.renderedItems)) == null ? void 0 : _a2.id;
|
|
166
163
|
});
|
|
167
164
|
})
|
|
@@ -224,12 +221,11 @@ function createCompositeStore(props = {}) {
|
|
|
224
221
|
}
|
|
225
222
|
return nextItem == null ? void 0 : nextItem.id;
|
|
226
223
|
};
|
|
227
|
-
return
|
|
224
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, collection), composite), {
|
|
228
225
|
setBaseElement: (element) => composite.setState("baseElement", element),
|
|
229
226
|
setActiveId: (id) => composite.setState("activeId", id),
|
|
230
227
|
move: (id) => {
|
|
231
|
-
if (id === void 0)
|
|
232
|
-
return;
|
|
228
|
+
if (id === void 0) return;
|
|
233
229
|
composite.setState("activeId", id);
|
|
234
230
|
composite.setState("moves", (moves) => moves + 1);
|
|
235
231
|
},
|
|
@@ -7,62 +7,60 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _BTUHABP4cjs = require('./BTUHABP4.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
var
|
|
17
|
+
var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
|
|
18
18
|
|
|
19
19
|
// src/disclosure/disclosure-store.ts
|
|
20
20
|
function createDisclosureStore(props = {}) {
|
|
21
|
-
const store =
|
|
21
|
+
const store = _3QF3ODTRcjs.mergeStore.call(void 0,
|
|
22
22
|
props.store,
|
|
23
|
-
|
|
23
|
+
_3QF3ODTRcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
|
|
24
24
|
);
|
|
25
|
-
|
|
25
|
+
_3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
26
26
|
const syncState = store == null ? void 0 : store.getState();
|
|
27
|
-
const open =
|
|
27
|
+
const open = _BTUHABP4cjs.defaultValue.call(void 0,
|
|
28
28
|
props.open,
|
|
29
29
|
syncState == null ? void 0 : syncState.open,
|
|
30
30
|
props.defaultOpen,
|
|
31
31
|
false
|
|
32
32
|
);
|
|
33
|
-
const animated =
|
|
33
|
+
const animated = _BTUHABP4cjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
|
|
34
34
|
const initialState = {
|
|
35
35
|
open,
|
|
36
36
|
animated,
|
|
37
37
|
animating: !!animated && open,
|
|
38
38
|
mounted: open,
|
|
39
|
-
contentElement:
|
|
40
|
-
disclosureElement:
|
|
39
|
+
contentElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
|
|
40
|
+
disclosureElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
|
|
41
41
|
};
|
|
42
|
-
const disclosure =
|
|
43
|
-
|
|
42
|
+
const disclosure = _3QF3ODTRcjs.createStore.call(void 0, initialState, store);
|
|
43
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
44
44
|
disclosure,
|
|
45
|
-
() =>
|
|
46
|
-
if (state.animated)
|
|
47
|
-
return;
|
|
45
|
+
() => _3QF3ODTRcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
|
|
46
|
+
if (state.animated) return;
|
|
48
47
|
disclosure.setState("animating", false);
|
|
49
48
|
})
|
|
50
49
|
);
|
|
51
|
-
|
|
50
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
52
51
|
disclosure,
|
|
53
|
-
() =>
|
|
54
|
-
if (!disclosure.getState().animated)
|
|
55
|
-
return;
|
|
52
|
+
() => _3QF3ODTRcjs.subscribe.call(void 0, disclosure, ["open"], () => {
|
|
53
|
+
if (!disclosure.getState().animated) return;
|
|
56
54
|
disclosure.setState("animating", true);
|
|
57
55
|
})
|
|
58
56
|
);
|
|
59
|
-
|
|
57
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
60
58
|
disclosure,
|
|
61
|
-
() =>
|
|
59
|
+
() => _3QF3ODTRcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
|
|
62
60
|
disclosure.setState("mounted", state.open || state.animating);
|
|
63
61
|
})
|
|
64
62
|
);
|
|
65
|
-
return
|
|
63
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, disclosure), {
|
|
66
64
|
disclosure: props.disclosure,
|
|
67
65
|
setOpen: (value) => disclosure.setState("open", value),
|
|
68
66
|
show: () => disclosure.setState("open", true),
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _PW36G76Lcjs = require('./PW36G76L.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _BTUHABP4cjs = require('./BTUHABP4.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
|
|
15
15
|
|
|
16
16
|
// src/menubar/menubar-store.ts
|
|
17
17
|
function createMenubarStore(props = {}) {
|
|
18
18
|
var _a;
|
|
19
19
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
20
|
-
const composite =
|
|
21
|
-
orientation:
|
|
20
|
+
const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
21
|
+
orientation: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
22
22
|
props.orientation,
|
|
23
23
|
syncState == null ? void 0 : syncState.orientation,
|
|
24
24
|
"horizontal"
|
|
25
25
|
),
|
|
26
|
-
focusLoop:
|
|
26
|
+
focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
27
27
|
}));
|
|
28
|
-
const initialState =
|
|
29
|
-
const menubar =
|
|
30
|
-
return
|
|
28
|
+
const initialState = _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState());
|
|
29
|
+
const menubar = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
30
|
+
return _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), menubar);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _H6ZQSQQLcjs = require('./H6ZQSQQL.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _3QF3ODTRcjs = require('./3QF3ODTR.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _BTUHABP4cjs = require('./BTUHABP4.cjs');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
var _3IVNQNIVcjs = require('./3IVNQNIV.cjs');
|
|
15
|
+
|
|
16
|
+
// src/hovercard/hovercard-store.ts
|
|
17
|
+
function createHovercardStore(props = {}) {
|
|
18
|
+
var _a;
|
|
19
|
+
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
20
|
+
const popover = _H6ZQSQQLcjs.createPopoverStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
21
|
+
placement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
22
|
+
props.placement,
|
|
23
|
+
syncState == null ? void 0 : syncState.placement,
|
|
24
|
+
"bottom"
|
|
25
|
+
)
|
|
26
|
+
}));
|
|
27
|
+
const timeout = _BTUHABP4cjs.defaultValue.call(void 0, props.timeout, syncState == null ? void 0 : syncState.timeout, 500);
|
|
28
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, popover.getState()), {
|
|
29
|
+
timeout,
|
|
30
|
+
showTimeout: _BTUHABP4cjs.defaultValue.call(void 0, props.showTimeout, syncState == null ? void 0 : syncState.showTimeout),
|
|
31
|
+
hideTimeout: _BTUHABP4cjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
|
|
32
|
+
autoFocusOnShow: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
|
|
33
|
+
});
|
|
34
|
+
const hovercard = _3QF3ODTRcjs.createStore.call(void 0, initialState, popover, props.store);
|
|
35
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, popover), hovercard), {
|
|
36
|
+
setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
exports.createHovercardStore = createHovercardStore;
|
|
@@ -2,30 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
13
13
|
|
|
14
14
|
// src/checkbox/checkbox-store.ts
|
|
15
15
|
function createCheckboxStore(props = {}) {
|
|
16
16
|
var _a;
|
|
17
|
-
|
|
17
|
+
_3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, props.store);
|
|
18
18
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
19
19
|
const initialState = {
|
|
20
|
-
value:
|
|
20
|
+
value: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
21
21
|
props.value,
|
|
22
22
|
syncState == null ? void 0 : syncState.value,
|
|
23
23
|
props.defaultValue,
|
|
24
24
|
false
|
|
25
25
|
)
|
|
26
26
|
};
|
|
27
|
-
const checkbox =
|
|
28
|
-
return
|
|
27
|
+
const checkbox = _3QF3ODTRcjs.createStore.call(void 0, initialState, props.store);
|
|
28
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, checkbox), {
|
|
29
29
|
setValue: (value) => checkbox.setState("value", value)
|
|
30
30
|
});
|
|
31
31
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
4
|
+
var _CCI5VM7Ecjs = require('../__chunks/CCI5VM7E.cjs');
|
|
5
|
+
require('../__chunks/3QF3ODTR.cjs');
|
|
6
|
+
require('../__chunks/BTUHABP4.cjs');
|
|
7
|
+
require('../__chunks/7WYII4AN.cjs');
|
|
8
|
+
require('../__chunks/3IVNQNIV.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.createCollectionStore =
|
|
11
|
+
exports.createCollectionStore = _CCI5VM7Ecjs.createCollectionStore;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _PW36G76Lcjs = require('../__chunks/PW36G76L.cjs');
|
|
5
|
+
require('../__chunks/CCI5VM7E.cjs');
|
|
6
6
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/
|
|
9
|
+
var _H6ZQSQQLcjs = require('../__chunks/H6ZQSQQL.cjs');
|
|
10
|
+
require('../__chunks/N667HVED.cjs');
|
|
11
|
+
require('../__chunks/QLWAGBAQ.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -17,74 +17,74 @@ require('../__chunks/AETQC2AR.cjs');
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
var
|
|
29
|
-
require('../__chunks/
|
|
28
|
+
var _KCEXELK7cjs = require('../__chunks/KCEXELK7.cjs');
|
|
29
|
+
require('../__chunks/7WYII4AN.cjs');
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
var
|
|
34
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
35
35
|
|
|
36
36
|
// src/combobox/combobox-store.ts
|
|
37
|
-
var isTouchSafari =
|
|
37
|
+
var isTouchSafari = _KCEXELK7cjs.isSafari.call(void 0, ) && _KCEXELK7cjs.isTouchDevice.call(void 0, );
|
|
38
38
|
function createComboboxStore(_a = {}) {
|
|
39
39
|
var _b = _a, {
|
|
40
40
|
tag
|
|
41
|
-
} = _b, props =
|
|
41
|
+
} = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
|
|
42
42
|
"tag"
|
|
43
43
|
]);
|
|
44
|
-
const store =
|
|
45
|
-
|
|
44
|
+
const store = _3QF3ODTRcjs.mergeStore.call(void 0, props.store, _3QF3ODTRcjs.pick.call(void 0, tag, ["value", "rtl"]));
|
|
45
|
+
_3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
46
46
|
const tagState = tag == null ? void 0 : tag.getState();
|
|
47
47
|
const syncState = store == null ? void 0 : store.getState();
|
|
48
|
-
const activeId =
|
|
48
|
+
const activeId = _BTUHABP4cjs.defaultValue.call(void 0,
|
|
49
49
|
props.activeId,
|
|
50
50
|
syncState == null ? void 0 : syncState.activeId,
|
|
51
51
|
props.defaultActiveId,
|
|
52
52
|
null
|
|
53
53
|
);
|
|
54
|
-
const composite =
|
|
54
|
+
const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
55
55
|
activeId,
|
|
56
|
-
includesBaseElement:
|
|
56
|
+
includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
57
57
|
props.includesBaseElement,
|
|
58
58
|
syncState == null ? void 0 : syncState.includesBaseElement,
|
|
59
59
|
true
|
|
60
60
|
),
|
|
61
|
-
orientation:
|
|
61
|
+
orientation: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
62
62
|
props.orientation,
|
|
63
63
|
syncState == null ? void 0 : syncState.orientation,
|
|
64
64
|
"vertical"
|
|
65
65
|
),
|
|
66
|
-
focusLoop:
|
|
67
|
-
focusWrap:
|
|
68
|
-
virtualFocus:
|
|
66
|
+
focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true),
|
|
67
|
+
focusWrap: _BTUHABP4cjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, true),
|
|
68
|
+
virtualFocus: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
69
69
|
props.virtualFocus,
|
|
70
70
|
syncState == null ? void 0 : syncState.virtualFocus,
|
|
71
71
|
true
|
|
72
72
|
)
|
|
73
73
|
}));
|
|
74
|
-
const popover =
|
|
75
|
-
placement:
|
|
74
|
+
const popover = _H6ZQSQQLcjs.createPopoverStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
75
|
+
placement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
76
76
|
props.placement,
|
|
77
77
|
syncState == null ? void 0 : syncState.placement,
|
|
78
78
|
"bottom-start"
|
|
79
79
|
)
|
|
80
80
|
}));
|
|
81
|
-
const value =
|
|
81
|
+
const value = _BTUHABP4cjs.defaultValue.call(void 0,
|
|
82
82
|
props.value,
|
|
83
83
|
syncState == null ? void 0 : syncState.value,
|
|
84
84
|
props.defaultValue,
|
|
85
85
|
""
|
|
86
86
|
);
|
|
87
|
-
const selectedValue =
|
|
87
|
+
const selectedValue = _BTUHABP4cjs.defaultValue.call(void 0,
|
|
88
88
|
props.selectedValue,
|
|
89
89
|
syncState == null ? void 0 : syncState.selectedValue,
|
|
90
90
|
tagState == null ? void 0 : tagState.values,
|
|
@@ -92,82 +92,76 @@ function createComboboxStore(_a = {}) {
|
|
|
92
92
|
""
|
|
93
93
|
);
|
|
94
94
|
const multiSelectable = Array.isArray(selectedValue);
|
|
95
|
-
const initialState =
|
|
95
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
|
|
96
96
|
value,
|
|
97
97
|
selectedValue,
|
|
98
|
-
resetValueOnSelect:
|
|
98
|
+
resetValueOnSelect: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
99
99
|
props.resetValueOnSelect,
|
|
100
100
|
syncState == null ? void 0 : syncState.resetValueOnSelect,
|
|
101
101
|
multiSelectable
|
|
102
102
|
),
|
|
103
|
-
resetValueOnHide:
|
|
103
|
+
resetValueOnHide: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
104
104
|
props.resetValueOnHide,
|
|
105
105
|
syncState == null ? void 0 : syncState.resetValueOnHide,
|
|
106
106
|
multiSelectable && !tag
|
|
107
107
|
),
|
|
108
108
|
activeValue: syncState == null ? void 0 : syncState.activeValue
|
|
109
109
|
});
|
|
110
|
-
const combobox =
|
|
110
|
+
const combobox = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
111
111
|
if (isTouchSafari) {
|
|
112
|
-
|
|
112
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
113
113
|
combobox,
|
|
114
|
-
() =>
|
|
114
|
+
() => _3QF3ODTRcjs.sync.call(void 0, combobox, ["virtualFocus"], () => {
|
|
115
115
|
combobox.setState("virtualFocus", false);
|
|
116
116
|
})
|
|
117
117
|
);
|
|
118
118
|
}
|
|
119
|
-
|
|
120
|
-
if (!tag)
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
if (!Array.isArray(state.selectedValue))
|
|
125
|
-
return;
|
|
119
|
+
_3QF3ODTRcjs.setup.call(void 0, combobox, () => {
|
|
120
|
+
if (!tag) return;
|
|
121
|
+
return _BTUHABP4cjs.chain.call(void 0,
|
|
122
|
+
_3QF3ODTRcjs.sync.call(void 0, combobox, ["selectedValue"], (state) => {
|
|
123
|
+
if (!Array.isArray(state.selectedValue)) return;
|
|
126
124
|
tag.setValues(state.selectedValue);
|
|
127
125
|
}),
|
|
128
|
-
|
|
126
|
+
_3QF3ODTRcjs.sync.call(void 0, tag, ["values"], (state) => {
|
|
129
127
|
combobox.setState("selectedValue", state.values);
|
|
130
128
|
})
|
|
131
129
|
);
|
|
132
130
|
});
|
|
133
|
-
|
|
131
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
134
132
|
combobox,
|
|
135
|
-
() =>
|
|
136
|
-
if (!state.resetValueOnHide)
|
|
137
|
-
|
|
138
|
-
if (state.mounted)
|
|
139
|
-
return;
|
|
133
|
+
() => _3QF3ODTRcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
|
|
134
|
+
if (!state.resetValueOnHide) return;
|
|
135
|
+
if (state.mounted) return;
|
|
140
136
|
combobox.setState("value", value);
|
|
141
137
|
})
|
|
142
138
|
);
|
|
143
|
-
|
|
139
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
144
140
|
combobox,
|
|
145
|
-
() =>
|
|
146
|
-
if (state.mounted)
|
|
147
|
-
return;
|
|
141
|
+
() => _3QF3ODTRcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
|
|
142
|
+
if (state.mounted) return;
|
|
148
143
|
combobox.setState("activeId", activeId);
|
|
149
144
|
combobox.setState("moves", 0);
|
|
150
145
|
})
|
|
151
146
|
);
|
|
152
|
-
|
|
147
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
153
148
|
combobox,
|
|
154
|
-
() =>
|
|
149
|
+
() => _3QF3ODTRcjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
|
|
155
150
|
if (state.moves === prevState.moves) {
|
|
156
151
|
combobox.setState("activeValue", void 0);
|
|
157
152
|
}
|
|
158
153
|
})
|
|
159
154
|
);
|
|
160
|
-
|
|
155
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
161
156
|
combobox,
|
|
162
|
-
() =>
|
|
163
|
-
if (state.moves === prev.moves)
|
|
164
|
-
return;
|
|
157
|
+
() => _3QF3ODTRcjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
|
|
158
|
+
if (state.moves === prev.moves) return;
|
|
165
159
|
const { activeId: activeId2 } = combobox.getState();
|
|
166
160
|
const activeItem = composite.item(activeId2);
|
|
167
161
|
combobox.setState("activeValue", activeItem == null ? void 0 : activeItem.value);
|
|
168
162
|
})
|
|
169
163
|
);
|
|
170
|
-
return
|
|
164
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, popover), composite), combobox), {
|
|
171
165
|
tag,
|
|
172
166
|
setValue: (value2) => combobox.setState("value", value2),
|
|
173
167
|
resetValue: () => combobox.setState("value", initialState.value),
|
|
@@ -71,6 +71,8 @@ export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = Combo
|
|
|
71
71
|
* - [Submenu with
|
|
72
72
|
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
73
73
|
* - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
|
|
74
|
+
* - [Select with Combobox and
|
|
75
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
74
76
|
*/
|
|
75
77
|
resetValueOnHide: boolean;
|
|
76
78
|
/**
|
|
@@ -71,6 +71,8 @@ export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = Combo
|
|
|
71
71
|
* - [Submenu with
|
|
72
72
|
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
73
73
|
* - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
|
|
74
|
+
* - [Select with Combobox and
|
|
75
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
74
76
|
*/
|
|
75
77
|
resetValueOnHide: boolean;
|
|
76
78
|
/**
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
9
|
-
require('../__chunks/
|
|
4
|
+
var _H6ZQSQQLcjs = require('../__chunks/H6ZQSQQL.cjs');
|
|
5
|
+
require('../__chunks/N667HVED.cjs');
|
|
6
|
+
require('../__chunks/QLWAGBAQ.cjs');
|
|
7
|
+
require('../__chunks/3QF3ODTR.cjs');
|
|
8
|
+
require('../__chunks/BTUHABP4.cjs');
|
|
9
|
+
require('../__chunks/3IVNQNIV.cjs');
|
|
10
10
|
|
|
11
11
|
// src/composite/composite-overflow-store.ts
|
|
12
12
|
function createCompositeOverflowStore(props = {}) {
|
|
13
|
-
return
|
|
13
|
+
return _H6ZQSQQLcjs.createPopoverStore.call(void 0, props);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
|