@ariakit/core 0.4.6 → 0.4.7
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 +4 -0
- package/cjs/__chunks/{4W3OYRR3.cjs → 3COGJMN3.cjs} +9 -9
- package/cjs/__chunks/{B4AKUC4S.cjs → 5BQ2XS3R.cjs} +4 -4
- package/cjs/__chunks/{LTLFSC4X.cjs → DIYYVJDK.cjs} +2 -2
- package/cjs/__chunks/{AETQC2AR.cjs → LAYUSNGM.cjs} +11 -11
- package/cjs/__chunks/{3HYNC3XA.cjs → LBFF2BBK.cjs} +6 -6
- package/cjs/__chunks/{B4LYZ4EM.cjs → M2NNCFIJ.cjs} +13 -11
- package/cjs/__chunks/{5JEQEZFR.cjs → MB5TLEVH.cjs} +7 -7
- package/cjs/__chunks/{UEZLSKZ4.cjs → XVL5HZ27.cjs} +4 -4
- package/cjs/checkbox/checkbox-store.cjs +3 -3
- package/cjs/collection/collection-store.cjs +3 -3
- package/cjs/combobox/combobox-store.cjs +24 -24
- 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 +5 -5
- package/cjs/composite/composite-store.cjs +4 -4
- package/cjs/composite/composite-store.d.cts +5 -1
- package/cjs/composite/composite-store.d.ts +5 -1
- package/cjs/dialog/dialog-store.cjs +4 -4
- package/cjs/disclosure/disclosure-store.cjs +3 -3
- package/cjs/form/form-store.cjs +7 -7
- package/cjs/hovercard/hovercard-store.cjs +6 -6
- package/cjs/menu/menu-bar-store.cjs +5 -5
- package/cjs/menu/menu-store.cjs +18 -18
- package/cjs/menubar/menubar-store.cjs +5 -5
- package/cjs/popover/popover-store.cjs +5 -5
- package/cjs/radio/radio-store.cjs +5 -5
- package/cjs/select/select-store.cjs +20 -20
- package/cjs/select/select-store.d.cts +2 -0
- package/cjs/select/select-store.d.ts +2 -0
- package/cjs/tab/tab-store.cjs +23 -23
- package/cjs/tab/tab-store.d.cts +10 -4
- package/cjs/tab/tab-store.d.ts +10 -4
- package/cjs/tag/tag-store.cjs +7 -7
- package/cjs/toolbar/toolbar-store.cjs +4 -4
- package/cjs/tooltip/tooltip-store.cjs +7 -7
- package/cjs/utils/events.cjs +3 -1
- package/cjs/utils/focus.cjs +7 -3
- package/cjs/utils/store.cjs +2 -2
- package/esm/__chunks/{BRS7GKWU.js → E4HA32QI.js} +2 -2
- package/esm/__chunks/{EQPTKGFA.js → I2WJ7JBQ.js} +1 -1
- package/esm/__chunks/{WCKXDMU7.js → KDSZSVV5.js} +1 -1
- package/esm/__chunks/{R676XYVY.js → KLPDXTDE.js} +13 -11
- package/esm/__chunks/{5RJNXXU2.js → NWACXGIN.js} +1 -1
- package/esm/__chunks/{P3MTNH46.js → RCLYDUHE.js} +2 -2
- package/esm/__chunks/{MFZZDIHG.js → SAZZJI72.js} +2 -2
- package/esm/__chunks/{PBSSD2DM.js → VH2P7HEP.js} +2 -2
- package/esm/checkbox/checkbox-store.js +1 -1
- package/esm/collection/collection-store.js +2 -2
- package/esm/combobox/combobox-store.d.ts +2 -0
- package/esm/combobox/combobox-store.js +6 -6
- package/esm/composite/composite-overflow-store.js +4 -4
- package/esm/composite/composite-store.d.ts +5 -1
- package/esm/composite/composite-store.js +3 -3
- package/esm/dialog/dialog-store.js +3 -3
- package/esm/disclosure/disclosure-store.js +2 -2
- package/esm/form/form-store.js +2 -2
- package/esm/hovercard/hovercard-store.js +5 -5
- package/esm/menu/menu-bar-store.js +4 -4
- package/esm/menu/menu-store.js +7 -7
- package/esm/menubar/menubar-store.js +4 -4
- package/esm/popover/popover-store.js +4 -4
- package/esm/radio/radio-store.js +3 -3
- package/esm/select/select-store.d.ts +2 -0
- package/esm/select/select-store.js +6 -6
- package/esm/tab/tab-store.d.ts +10 -4
- package/esm/tab/tab-store.js +3 -3
- package/esm/tag/tag-store.js +3 -3
- package/esm/toolbar/toolbar-store.js +3 -3
- package/esm/tooltip/tooltip-store.js +5 -5
- package/esm/utils/events.js +3 -1
- package/esm/utils/focus.js +7 -3
- package/esm/utils/store.js +1 -1
- package/package.json +2 -2
- package/.eslintignore +0 -6
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _LAYUSNGMcjs = require('../__chunks/LAYUSNGM.cjs');
|
|
5
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
6
6
|
require('../__chunks/EEDWPDM2.cjs');
|
|
7
7
|
require('../__chunks/AV6KTKLE.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.createDisclosureStore =
|
|
10
|
+
exports.createDisclosureStore = _LAYUSNGMcjs.createDisclosureStore;
|
package/cjs/form/form-store.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _3COGJMN3cjs = require('../__chunks/3COGJMN3.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
@@ -114,9 +114,9 @@ function createNames() {
|
|
|
114
114
|
}
|
|
115
115
|
function createFormStore(props = {}) {
|
|
116
116
|
var _a;
|
|
117
|
-
|
|
117
|
+
_M2NNCFIJcjs.throwOnConflictingProps.call(void 0, props, props.store);
|
|
118
118
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
119
|
-
const collection =
|
|
119
|
+
const collection = _3COGJMN3cjs.createCollectionStore.call(void 0, props);
|
|
120
120
|
const values = _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
121
121
|
props.values,
|
|
122
122
|
syncState == null ? void 0 : syncState.values,
|
|
@@ -145,15 +145,15 @@ function createFormStore(props = {}) {
|
|
|
145
145
|
submitFailed: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.submitFailed, 0),
|
|
146
146
|
valid: !hasMessages(errors)
|
|
147
147
|
});
|
|
148
|
-
const form =
|
|
148
|
+
const form = _M2NNCFIJcjs.createStore.call(void 0, initialState, collection, props.store);
|
|
149
149
|
const syncCallbacks = getStoreCallbacks(props.store);
|
|
150
150
|
const syncCallbacksState = syncCallbacks == null ? void 0 : syncCallbacks.getState();
|
|
151
151
|
const callbacksInitialState = {
|
|
152
152
|
validate: (syncCallbacksState == null ? void 0 : syncCallbacksState.validate) || [],
|
|
153
153
|
submit: (syncCallbacksState == null ? void 0 : syncCallbacksState.submit) || []
|
|
154
154
|
};
|
|
155
|
-
const callbacks =
|
|
156
|
-
|
|
155
|
+
const callbacks = _M2NNCFIJcjs.createStore.call(void 0, callbacksInitialState, syncCallbacks);
|
|
156
|
+
_M2NNCFIJcjs.setup.call(void 0, form, () => _M2NNCFIJcjs.init.call(void 0, callbacks));
|
|
157
157
|
const validate = async () => {
|
|
158
158
|
form.setState("validating", true);
|
|
159
159
|
form.setState("errors", {});
|
|
@@ -1,13 +1,13 @@
|
|
|
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 _XVL5HZ27cjs = require('../__chunks/XVL5HZ27.cjs');
|
|
5
|
+
require('../__chunks/MB5TLEVH.cjs');
|
|
6
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
7
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
8
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
9
9
|
require('../__chunks/EEDWPDM2.cjs');
|
|
10
10
|
require('../__chunks/AV6KTKLE.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.createHovercardStore =
|
|
13
|
+
exports.createHovercardStore = _XVL5HZ27cjs.createHovercardStore;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
4
|
+
var _5BQ2XS3Rcjs = require('../__chunks/5BQ2XS3R.cjs');
|
|
5
|
+
require('../__chunks/LBFF2BBK.cjs');
|
|
6
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
7
7
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
9
9
|
require('../__chunks/EEDWPDM2.cjs');
|
|
10
10
|
require('../__chunks/Q2WCPTYS.cjs');
|
|
11
11
|
require('../__chunks/AV6KTKLE.cjs');
|
|
12
12
|
|
|
13
13
|
// src/menu/menu-bar-store.ts
|
|
14
14
|
function createMenuBarStore(props = {}) {
|
|
15
|
-
return
|
|
15
|
+
return _5BQ2XS3Rcjs.createMenubarStore.call(void 0, props);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
|
package/cjs/menu/menu-store.cjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _XVL5HZ27cjs = require('../__chunks/XVL5HZ27.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
7
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
8
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
9
9
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/
|
|
12
|
-
require('../__chunks/
|
|
10
|
+
require('../__chunks/MB5TLEVH.cjs');
|
|
11
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
12
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
@@ -18,7 +18,7 @@ require('../__chunks/AETQC2AR.cjs');
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
@@ -42,10 +42,10 @@ function createMenuStore(_a = {}) {
|
|
|
42
42
|
"menubar"
|
|
43
43
|
]);
|
|
44
44
|
const parentIsMenubar = !!menubar && !parent;
|
|
45
|
-
const store =
|
|
45
|
+
const store = _M2NNCFIJcjs.mergeStore.call(void 0,
|
|
46
46
|
props.store,
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
_M2NNCFIJcjs.pick.call(void 0, parent, ["values"]),
|
|
48
|
+
_M2NNCFIJcjs.omit.call(void 0, combobox, [
|
|
49
49
|
"arrowElement",
|
|
50
50
|
"anchorElement",
|
|
51
51
|
"contentElement",
|
|
@@ -53,9 +53,9 @@ function createMenuStore(_a = {}) {
|
|
|
53
53
|
"disclosureElement"
|
|
54
54
|
])
|
|
55
55
|
);
|
|
56
|
-
|
|
56
|
+
_M2NNCFIJcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
57
57
|
const syncState = store.getState();
|
|
58
|
-
const composite =
|
|
58
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
59
59
|
store,
|
|
60
60
|
orientation: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
61
61
|
props.orientation,
|
|
@@ -63,7 +63,7 @@ function createMenuStore(_a = {}) {
|
|
|
63
63
|
"vertical"
|
|
64
64
|
)
|
|
65
65
|
}));
|
|
66
|
-
const hovercard =
|
|
66
|
+
const hovercard = _XVL5HZ27cjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
67
67
|
store,
|
|
68
68
|
placement: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
69
69
|
props.placement,
|
|
@@ -86,18 +86,18 @@ function createMenuStore(_a = {}) {
|
|
|
86
86
|
{}
|
|
87
87
|
)
|
|
88
88
|
});
|
|
89
|
-
const menu =
|
|
90
|
-
|
|
89
|
+
const menu = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, hovercard, store);
|
|
90
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
91
91
|
menu,
|
|
92
|
-
() =>
|
|
92
|
+
() => _M2NNCFIJcjs.sync.call(void 0, menu, ["mounted"], (state) => {
|
|
93
93
|
if (state.mounted)
|
|
94
94
|
return;
|
|
95
95
|
menu.setState("activeId", null);
|
|
96
96
|
})
|
|
97
97
|
);
|
|
98
|
-
|
|
98
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
99
99
|
menu,
|
|
100
|
-
() =>
|
|
100
|
+
() => _M2NNCFIJcjs.sync.call(void 0, parent, ["orientation"], (state) => {
|
|
101
101
|
menu.setState(
|
|
102
102
|
"placement",
|
|
103
103
|
state.orientation === "vertical" ? "right-start" : "bottom-start"
|
|
@@ -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/
|
|
6
|
-
require('../__chunks/
|
|
4
|
+
var _5BQ2XS3Rcjs = require('../__chunks/5BQ2XS3R.cjs');
|
|
5
|
+
require('../__chunks/LBFF2BBK.cjs');
|
|
6
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
7
7
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
9
9
|
require('../__chunks/EEDWPDM2.cjs');
|
|
10
10
|
require('../__chunks/Q2WCPTYS.cjs');
|
|
11
11
|
require('../__chunks/AV6KTKLE.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
exports.createMenubarStore =
|
|
14
|
+
exports.createMenubarStore = _5BQ2XS3Rcjs.createMenubarStore;
|
|
@@ -1,12 +1,12 @@
|
|
|
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/
|
|
4
|
+
var _MB5TLEVHcjs = require('../__chunks/MB5TLEVH.cjs');
|
|
5
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
6
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
7
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
8
8
|
require('../__chunks/EEDWPDM2.cjs');
|
|
9
9
|
require('../__chunks/AV6KTKLE.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
exports.createPopoverStore =
|
|
12
|
+
exports.createPopoverStore = _MB5TLEVHcjs.createPopoverStore;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
5
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
6
6
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
|
|
@@ -22,7 +22,7 @@ function createRadioStore(_a = {}) {
|
|
|
22
22
|
var props = _AV6KTKLEcjs.__objRest.call(void 0, _a, []);
|
|
23
23
|
var _a2;
|
|
24
24
|
const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
|
|
25
|
-
const composite =
|
|
25
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
26
26
|
focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
27
27
|
}));
|
|
28
28
|
const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
@@ -33,7 +33,7 @@ function createRadioStore(_a = {}) {
|
|
|
33
33
|
null
|
|
34
34
|
)
|
|
35
35
|
});
|
|
36
|
-
const radio =
|
|
36
|
+
const radio = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
37
37
|
return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), radio), {
|
|
38
38
|
setValue: (value) => radio.setState("value", value)
|
|
39
39
|
});
|
|
@@ -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/
|
|
4
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
5
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _ULSPM3Y3cjs = require('../__chunks/ULSPM3Y3.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
12
|
-
require('../__chunks/
|
|
13
|
-
require('../__chunks/
|
|
11
|
+
var _MB5TLEVHcjs = require('../__chunks/MB5TLEVH.cjs');
|
|
12
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
13
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -19,7 +19,7 @@ require('../__chunks/AETQC2AR.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
|
|
@@ -37,9 +37,9 @@ function createSelectStore(_a = {}) {
|
|
|
37
37
|
} = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
|
|
38
38
|
"combobox"
|
|
39
39
|
]);
|
|
40
|
-
const store =
|
|
40
|
+
const store = _M2NNCFIJcjs.mergeStore.call(void 0,
|
|
41
41
|
props.store,
|
|
42
|
-
|
|
42
|
+
_M2NNCFIJcjs.omit.call(void 0, combobox, [
|
|
43
43
|
"value",
|
|
44
44
|
"items",
|
|
45
45
|
"renderedItems",
|
|
@@ -51,9 +51,9 @@ function createSelectStore(_a = {}) {
|
|
|
51
51
|
"disclosureElement"
|
|
52
52
|
])
|
|
53
53
|
);
|
|
54
|
-
|
|
54
|
+
_M2NNCFIJcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
55
55
|
const syncState = store.getState();
|
|
56
|
-
const composite =
|
|
56
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
57
57
|
store,
|
|
58
58
|
virtualFocus: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
59
59
|
props.virtualFocus,
|
|
@@ -77,7 +77,7 @@ function createSelectStore(_a = {}) {
|
|
|
77
77
|
"vertical"
|
|
78
78
|
)
|
|
79
79
|
}));
|
|
80
|
-
const popover =
|
|
80
|
+
const popover = _MB5TLEVHcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
81
81
|
store,
|
|
82
82
|
placement: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
83
83
|
props.placement,
|
|
@@ -102,10 +102,10 @@ function createSelectStore(_a = {}) {
|
|
|
102
102
|
selectElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.selectElement, null),
|
|
103
103
|
listElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.listElement, null)
|
|
104
104
|
});
|
|
105
|
-
const select =
|
|
106
|
-
|
|
105
|
+
const select = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
106
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
107
107
|
select,
|
|
108
|
-
() =>
|
|
108
|
+
() => _M2NNCFIJcjs.sync.call(void 0, select, ["value", "items"], (state) => {
|
|
109
109
|
if (state.value !== initialValue)
|
|
110
110
|
return;
|
|
111
111
|
if (!state.items.length)
|
|
@@ -118,17 +118,17 @@ function createSelectStore(_a = {}) {
|
|
|
118
118
|
select.setState("value", item.value);
|
|
119
119
|
})
|
|
120
120
|
);
|
|
121
|
-
|
|
121
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
122
122
|
select,
|
|
123
|
-
() =>
|
|
123
|
+
() => _M2NNCFIJcjs.sync.call(void 0, select, ["mounted"], (state) => {
|
|
124
124
|
if (state.mounted)
|
|
125
125
|
return;
|
|
126
126
|
select.setState("activeId", initialState.activeId);
|
|
127
127
|
})
|
|
128
128
|
);
|
|
129
|
-
|
|
129
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
130
130
|
select,
|
|
131
|
-
() =>
|
|
131
|
+
() => _M2NNCFIJcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
|
|
132
132
|
if (combobox)
|
|
133
133
|
return;
|
|
134
134
|
if (state.mounted)
|
|
@@ -145,9 +145,9 @@ function createSelectStore(_a = {}) {
|
|
|
145
145
|
select.setState("activeId", item.id);
|
|
146
146
|
})
|
|
147
147
|
);
|
|
148
|
-
|
|
148
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
149
149
|
select,
|
|
150
|
-
() =>
|
|
150
|
+
() => _M2NNCFIJcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
|
|
151
151
|
const { mounted, value, activeId } = select.getState();
|
|
152
152
|
if (!state.setValueOnMove && mounted)
|
|
153
153
|
return;
|
|
@@ -102,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
|
|
|
102
102
|
* - [SelectGroup](https://ariakit.org/examples/select-group)
|
|
103
103
|
* - [Select with Next.js App
|
|
104
104
|
* Router](https://ariakit.org/examples/select-next-router)
|
|
105
|
+
* - [Select with Combobox and
|
|
106
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
105
107
|
*/
|
|
106
108
|
defaultValue?: SelectStoreState<T>["value"];
|
|
107
109
|
}
|
|
@@ -102,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
|
|
|
102
102
|
* - [SelectGroup](https://ariakit.org/examples/select-group)
|
|
103
103
|
* - [Select with Next.js App
|
|
104
104
|
* Router](https://ariakit.org/examples/select-next-router)
|
|
105
|
+
* - [Select with Combobox and
|
|
106
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
105
107
|
*/
|
|
106
108
|
defaultValue?: SelectStoreState<T>["value"];
|
|
107
109
|
}
|
package/cjs/tab/tab-store.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _3COGJMN3cjs = require('../__chunks/3COGJMN3.cjs');
|
|
8
8
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
@@ -13,7 +13,7 @@ require('../__chunks/ULSPM3Y3.cjs');
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
@@ -46,13 +46,13 @@ function createTabStore(_a = {}) {
|
|
|
46
46
|
"focusShift",
|
|
47
47
|
"focusWrap"
|
|
48
48
|
];
|
|
49
|
-
const store =
|
|
49
|
+
const store = _M2NNCFIJcjs.mergeStore.call(void 0,
|
|
50
50
|
props.store,
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
_M2NNCFIJcjs.omit.call(void 0, parentComposite, independentKeys),
|
|
52
|
+
_M2NNCFIJcjs.omit.call(void 0, combobox, independentKeys)
|
|
53
53
|
);
|
|
54
54
|
const syncState = store == null ? void 0 : store.getState();
|
|
55
|
-
const composite =
|
|
55
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
56
56
|
store,
|
|
57
57
|
// We need to explicitly set the default value of `includesBaseElement` to
|
|
58
58
|
// `false` since we don't want the composite store to default it to `true`
|
|
@@ -70,7 +70,7 @@ function createTabStore(_a = {}) {
|
|
|
70
70
|
),
|
|
71
71
|
focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
72
72
|
}));
|
|
73
|
-
const panels =
|
|
73
|
+
const panels = _3COGJMN3cjs.createCollectionStore.call(void 0, );
|
|
74
74
|
const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
75
75
|
selectedId: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
76
76
|
props.selectedId,
|
|
@@ -83,10 +83,10 @@ function createTabStore(_a = {}) {
|
|
|
83
83
|
true
|
|
84
84
|
)
|
|
85
85
|
});
|
|
86
|
-
const tab =
|
|
87
|
-
|
|
86
|
+
const tab = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, store);
|
|
87
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
88
88
|
tab,
|
|
89
|
-
() =>
|
|
89
|
+
() => _M2NNCFIJcjs.sync.call(void 0, tab, ["moves"], () => {
|
|
90
90
|
const { activeId, selectOnMove } = tab.getState();
|
|
91
91
|
if (!selectOnMove)
|
|
92
92
|
return;
|
|
@@ -102,17 +102,17 @@ function createTabStore(_a = {}) {
|
|
|
102
102
|
tab.setState("selectedId", tabItem.id);
|
|
103
103
|
})
|
|
104
104
|
);
|
|
105
|
-
|
|
105
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
106
106
|
tab,
|
|
107
|
-
() =>
|
|
107
|
+
() => _M2NNCFIJcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
|
|
108
108
|
if (parentComposite && state.selectedId === prev.selectedId)
|
|
109
109
|
return;
|
|
110
110
|
tab.setState("activeId", state.selectedId);
|
|
111
111
|
})
|
|
112
112
|
);
|
|
113
|
-
|
|
113
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
114
114
|
tab,
|
|
115
|
-
() =>
|
|
115
|
+
() => _M2NNCFIJcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
|
|
116
116
|
if (state.selectedId !== void 0)
|
|
117
117
|
return;
|
|
118
118
|
const { activeId, renderedItems } = tab.getState();
|
|
@@ -127,13 +127,13 @@ function createTabStore(_a = {}) {
|
|
|
127
127
|
}
|
|
128
128
|
})
|
|
129
129
|
);
|
|
130
|
-
|
|
130
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
131
131
|
tab,
|
|
132
|
-
() =>
|
|
132
|
+
() => _M2NNCFIJcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
|
|
133
133
|
const tabs = state.renderedItems;
|
|
134
134
|
if (!tabs.length)
|
|
135
135
|
return;
|
|
136
|
-
return
|
|
136
|
+
return _M2NNCFIJcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
|
|
137
137
|
const items = state2.renderedItems;
|
|
138
138
|
const hasOrphanPanels = items.some((panel) => !panel.tabId);
|
|
139
139
|
if (!hasOrphanPanels)
|
|
@@ -150,7 +150,7 @@ function createTabStore(_a = {}) {
|
|
|
150
150
|
})
|
|
151
151
|
);
|
|
152
152
|
let selectedIdFromSelectedValue = null;
|
|
153
|
-
|
|
153
|
+
_M2NNCFIJcjs.setup.call(void 0, tab, () => {
|
|
154
154
|
const backupSelectedId = () => {
|
|
155
155
|
selectedIdFromSelectedValue = tab.getState().selectedId;
|
|
156
156
|
};
|
|
@@ -159,15 +159,15 @@ function createTabStore(_a = {}) {
|
|
|
159
159
|
};
|
|
160
160
|
if (parentComposite && "setSelectElement" in parentComposite) {
|
|
161
161
|
return _EEDWPDM2cjs.chain.call(void 0,
|
|
162
|
-
|
|
163
|
-
|
|
162
|
+
_M2NNCFIJcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId),
|
|
163
|
+
_M2NNCFIJcjs.sync.call(void 0, parentComposite, ["open"], restoreSelectedId)
|
|
164
164
|
);
|
|
165
165
|
}
|
|
166
166
|
if (!combobox)
|
|
167
167
|
return;
|
|
168
168
|
return _EEDWPDM2cjs.chain.call(void 0,
|
|
169
|
-
|
|
170
|
-
|
|
169
|
+
_M2NNCFIJcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId),
|
|
170
|
+
_M2NNCFIJcjs.sync.call(void 0, combobox, ["open"], restoreSelectedId)
|
|
171
171
|
);
|
|
172
172
|
});
|
|
173
173
|
return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), tab), {
|
package/cjs/tab/tab-store.d.cts
CHANGED
|
@@ -22,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
|
|
|
22
22
|
*
|
|
23
23
|
* Live examples:
|
|
24
24
|
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
25
|
-
* - [Combobox with
|
|
25
|
+
* - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
|
|
26
|
+
* - [Select with Combobox and
|
|
27
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
26
28
|
*/
|
|
27
29
|
selectedId: TabStoreState["activeId"];
|
|
28
30
|
/**
|
|
29
31
|
* Determines if the tab should be selected when it receives focus. If set to
|
|
30
|
-
* `false`, the tab will only be selected upon clicking, not when
|
|
31
|
-
*
|
|
32
|
+
* `false`, the tab will only be selected upon clicking, not when using arrow
|
|
33
|
+
* keys to shift focus.
|
|
32
34
|
*
|
|
33
35
|
* Live examples:
|
|
34
36
|
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
37
|
+
* - [Select with Combobox and
|
|
38
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
35
39
|
* @default true
|
|
36
40
|
*/
|
|
37
41
|
selectOnMove?: boolean;
|
|
@@ -99,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
|
|
|
99
103
|
* will be automatically set to the first enabled tab.
|
|
100
104
|
*
|
|
101
105
|
* Live examples:
|
|
102
|
-
* - [Combobox with
|
|
106
|
+
* - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
|
|
103
107
|
* - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
|
|
108
|
+
* - [Select with Combobox and
|
|
109
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
104
110
|
*/
|
|
105
111
|
defaultSelectedId?: TabStoreState["selectedId"];
|
|
106
112
|
}
|
package/cjs/tab/tab-store.d.ts
CHANGED
|
@@ -22,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
|
|
|
22
22
|
*
|
|
23
23
|
* Live examples:
|
|
24
24
|
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
25
|
-
* - [Combobox with
|
|
25
|
+
* - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
|
|
26
|
+
* - [Select with Combobox and
|
|
27
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
26
28
|
*/
|
|
27
29
|
selectedId: TabStoreState["activeId"];
|
|
28
30
|
/**
|
|
29
31
|
* Determines if the tab should be selected when it receives focus. If set to
|
|
30
|
-
* `false`, the tab will only be selected upon clicking, not when
|
|
31
|
-
*
|
|
32
|
+
* `false`, the tab will only be selected upon clicking, not when using arrow
|
|
33
|
+
* keys to shift focus.
|
|
32
34
|
*
|
|
33
35
|
* Live examples:
|
|
34
36
|
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
37
|
+
* - [Select with Combobox and
|
|
38
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
35
39
|
* @default true
|
|
36
40
|
*/
|
|
37
41
|
selectOnMove?: boolean;
|
|
@@ -99,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
|
|
|
99
103
|
* will be automatically set to the first enabled tab.
|
|
100
104
|
*
|
|
101
105
|
* Live examples:
|
|
102
|
-
* - [Combobox with
|
|
106
|
+
* - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
|
|
103
107
|
* - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
|
|
108
|
+
* - [Select with Combobox and
|
|
109
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
104
110
|
*/
|
|
105
111
|
defaultSelectedId?: TabStoreState["selectedId"];
|
|
106
112
|
}
|
package/cjs/tag/tag-store.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
5
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
6
6
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -11,7 +11,7 @@ var _LPDHSEHUcjs = require('../__chunks/LPDHSEHU.cjs');
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
@@ -26,7 +26,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
|
|
|
26
26
|
function createTagStore(props = {}) {
|
|
27
27
|
var _a;
|
|
28
28
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
29
|
-
const composite =
|
|
29
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, props);
|
|
30
30
|
const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
31
31
|
inputElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.inputElement, null),
|
|
32
32
|
labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.labelElement, null),
|
|
@@ -38,10 +38,10 @@ function createTagStore(props = {}) {
|
|
|
38
38
|
[]
|
|
39
39
|
)
|
|
40
40
|
});
|
|
41
|
-
const tag =
|
|
42
|
-
|
|
41
|
+
const tag = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
42
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
43
43
|
tag,
|
|
44
|
-
() =>
|
|
44
|
+
() => _M2NNCFIJcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
|
|
45
45
|
if (!state.inputElement)
|
|
46
46
|
return;
|
|
47
47
|
if (state.activeId !== void 0)
|