@ariakit/core 0.4.15 → 0.4.17
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 +8 -0
- package/cjs/__chunks/{MLCPLY2P.cjs → 6BYUUR4M.cjs} +2 -6
- package/cjs/__chunks/{WOLZY4WC.cjs → 6REHCF5T.cjs} +6 -6
- package/cjs/__chunks/AOXAROPF.cjs +59 -0
- package/cjs/__chunks/CPH45Z4I.cjs +36 -0
- package/cjs/__chunks/{MNBBM5CR.cjs → LT33CJGT.cjs} +20 -23
- package/cjs/__chunks/{V4YF2QA6.cjs → MJNGPYVQ.cjs} +19 -22
- package/cjs/__chunks/{RNIVVQWX.cjs → NNJG45OF.cjs} +28 -28
- package/cjs/__chunks/{YMCSKJHR.cjs → T247D7JS.cjs} +2 -2
- package/cjs/__chunks/UROTDZFK.cjs +41 -0
- package/cjs/__chunks/{726BNPQZ.cjs → VZPNI7C2.cjs} +1 -1
- package/cjs/__chunks/{ASR6PAFN.cjs → WPBYRKFQ.cjs} +20 -22
- package/cjs/checkbox/checkbox-store.cjs +8 -11
- package/cjs/checkbox/checkbox-store.d.cts +1 -1
- package/cjs/checkbox/checkbox-store.d.ts +1 -1
- package/cjs/collection/collection-store.cjs +5 -6
- package/cjs/combobox/combobox-store.cjs +57 -57
- package/cjs/combobox/combobox-store.d.cts +1 -1
- package/cjs/combobox/combobox-store.d.ts +1 -1
- package/cjs/composite/composite-overflow-store.cjs +6 -7
- package/cjs/composite/composite-store.cjs +6 -7
- package/cjs/dialog/dialog-store.cjs +5 -6
- package/cjs/disclosure/disclosure-store.cjs +4 -5
- package/cjs/form/form-store.cjs +34 -35
- package/cjs/hovercard/hovercard-store.cjs +7 -8
- package/cjs/index.cjs +1 -3
- package/cjs/menu/menu-bar-store.cjs +7 -8
- package/cjs/menu/menu-store.cjs +49 -50
- package/cjs/menu/menu-store.d.cts +1 -1
- package/cjs/menu/menu-store.d.ts +1 -1
- package/cjs/menubar/menubar-store.cjs +7 -8
- package/cjs/popover/popover-store.cjs +6 -7
- package/cjs/radio/radio-store.cjs +23 -23
- package/cjs/select/select-store.cjs +49 -49
- package/cjs/select/select-store.d.cts +1 -1
- package/cjs/select/select-store.d.ts +1 -1
- package/cjs/tab/tab-store.cjs +47 -51
- package/cjs/tag/tag-store.cjs +21 -22
- package/cjs/toolbar/toolbar-store.cjs +10 -13
- package/cjs/tooltip/tooltip-store.cjs +20 -19
- package/cjs/utils/array.cjs +0 -1
- package/cjs/utils/dom.cjs +2 -3
- package/cjs/utils/events.cjs +7 -11
- package/cjs/utils/focus.cjs +11 -14
- package/cjs/utils/misc.cjs +2 -3
- package/cjs/utils/platform.cjs +3 -4
- package/cjs/utils/store.cjs +3 -4
- package/cjs/utils/undo.cjs +0 -1
- package/esm/__chunks/{DTR5TSDJ.js → 37JWRFYW.js} +1 -1
- package/esm/__chunks/{2CHYBBFH.js → 73UNQSFO.js} +13 -13
- package/esm/__chunks/{RCQ5P4YE.js → 75BJEVSH.js} +5 -8
- package/esm/__chunks/{EO4GVUA4.js → AMRA5WUK.js} +7 -10
- package/esm/__chunks/{ME2CUF3F.js → BFGNM53A.js} +15 -19
- package/esm/__chunks/{FZZ2AVHF.js → KMAUV3TY.js} +1 -1
- package/esm/__chunks/{QAGXQEUG.js → O6E4ZWCP.js} +1 -1
- package/esm/__chunks/{PQ5AROUB.js → PSMDSJUH.js} +13 -11
- package/esm/__chunks/{BCALMBPZ.js → SXKM4CGU.js} +9 -11
- package/esm/__chunks/{JTLIIJ4U.js → TIQDSBWP.js} +13 -13
- package/esm/__chunks/{PBFD2E7P.js → XMCVU3LR.js} +1 -4
- package/esm/checkbox/checkbox-store.d.ts +1 -1
- package/esm/checkbox/checkbox-store.js +5 -8
- package/esm/collection/collection-store.js +4 -5
- package/esm/combobox/combobox-store.d.ts +1 -1
- package/esm/combobox/combobox-store.js +28 -28
- package/esm/composite/composite-overflow-store.js +5 -6
- package/esm/composite/composite-store.js +5 -6
- package/esm/dialog/dialog-store.js +4 -5
- package/esm/disclosure/disclosure-store.js +3 -4
- package/esm/form/form-store.js +12 -13
- package/esm/hovercard/hovercard-store.js +6 -7
- package/esm/index.js +0 -1
- package/esm/menu/menu-bar-store.js +6 -7
- package/esm/menu/menu-store.d.ts +1 -1
- package/esm/menu/menu-store.js +33 -34
- package/esm/menubar/menubar-store.js +6 -7
- package/esm/popover/popover-store.js +5 -6
- package/esm/radio/radio-store.js +20 -20
- package/esm/select/select-store.d.ts +1 -1
- package/esm/select/select-store.js +27 -27
- package/esm/tab/tab-store.js +21 -25
- package/esm/tag/tag-store.js +12 -13
- package/esm/toolbar/toolbar-store.js +8 -11
- package/esm/tooltip/tooltip-store.js +16 -15
- package/esm/utils/array.js +0 -1
- package/esm/utils/dom.js +1 -2
- package/esm/utils/events.js +4 -8
- package/esm/utils/focus.js +2 -5
- package/esm/utils/misc.js +1 -2
- package/esm/utils/platform.js +2 -3
- package/esm/utils/store.js +2 -3
- package/esm/utils/undo.js +0 -1
- package/license +1 -1
- package/package.json +1 -1
- package/cjs/__chunks/7EQBAZ46.cjs +0 -37
- package/cjs/__chunks/BVPEDDW6.cjs +0 -63
- package/cjs/__chunks/CEJUJMDW.cjs +0 -34
- package/cjs/__chunks/RL7DKHOF.cjs +0 -41
- package/esm/__chunks/3YLGPPWQ.js +0 -38
package/cjs/menu/menu-store.cjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
3
|
+
var _UROTDZFKcjs = require('../__chunks/UROTDZFK.cjs');
|
|
4
|
+
require('../__chunks/AOXAROPF.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _NNJG45OFcjs = require('../__chunks/NNJG45OF.cjs');
|
|
8
8
|
require('../__chunks/GDZQUFNP.cjs');
|
|
9
|
-
require('../__chunks/
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/
|
|
12
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/T247D7JS.cjs');
|
|
10
|
+
require('../__chunks/MJNGPYVQ.cjs');
|
|
11
|
+
require('../__chunks/LT33CJGT.cjs');
|
|
12
|
+
require('../__chunks/VZPNI7C2.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
@@ -18,33 +18,24 @@ require('../__chunks/726BNPQZ.cjs');
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _WPBYRKFQcjs = require('../__chunks/WPBYRKFQ.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
|
|
25
|
+
var _6BYUUR4Mcjs = require('../__chunks/6BYUUR4M.cjs');
|
|
31
26
|
|
|
32
27
|
// src/menu/menu-store.ts
|
|
33
|
-
function createMenuStore(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"combobox",
|
|
40
|
-
"parent",
|
|
41
|
-
"menubar"
|
|
42
|
-
]);
|
|
28
|
+
function createMenuStore({
|
|
29
|
+
combobox,
|
|
30
|
+
parent,
|
|
31
|
+
menubar,
|
|
32
|
+
...props
|
|
33
|
+
} = {}) {
|
|
43
34
|
const parentIsMenubar = !!menubar && !parent;
|
|
44
|
-
const store =
|
|
35
|
+
const store = _WPBYRKFQcjs.mergeStore.call(void 0,
|
|
45
36
|
props.store,
|
|
46
|
-
|
|
47
|
-
|
|
37
|
+
_WPBYRKFQcjs.pick.call(void 0, parent, ["values"]),
|
|
38
|
+
_WPBYRKFQcjs.omit.call(void 0, combobox, [
|
|
48
39
|
"arrowElement",
|
|
49
40
|
"anchorElement",
|
|
50
41
|
"contentElement",
|
|
@@ -52,57 +43,64 @@ function createMenuStore(_a = {}) {
|
|
|
52
43
|
"disclosureElement"
|
|
53
44
|
])
|
|
54
45
|
);
|
|
55
|
-
|
|
46
|
+
_WPBYRKFQcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
56
47
|
const syncState = store.getState();
|
|
57
|
-
const composite =
|
|
48
|
+
const composite = _NNJG45OFcjs.createCompositeStore.call(void 0, {
|
|
49
|
+
...props,
|
|
58
50
|
store,
|
|
59
|
-
orientation:
|
|
51
|
+
orientation: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
60
52
|
props.orientation,
|
|
61
53
|
syncState.orientation,
|
|
62
54
|
"vertical"
|
|
63
55
|
)
|
|
64
|
-
})
|
|
65
|
-
const hovercard =
|
|
56
|
+
});
|
|
57
|
+
const hovercard = _UROTDZFKcjs.createHovercardStore.call(void 0, {
|
|
58
|
+
...props,
|
|
66
59
|
store,
|
|
67
|
-
placement:
|
|
60
|
+
placement: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
68
61
|
props.placement,
|
|
69
62
|
syncState.placement,
|
|
70
63
|
"bottom-start"
|
|
71
64
|
),
|
|
72
|
-
timeout:
|
|
65
|
+
timeout: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
73
66
|
props.timeout,
|
|
74
67
|
syncState.timeout,
|
|
75
68
|
parentIsMenubar ? 0 : 150
|
|
76
69
|
),
|
|
77
|
-
hideTimeout:
|
|
78
|
-
})
|
|
79
|
-
const initialState =
|
|
80
|
-
|
|
81
|
-
|
|
70
|
+
hideTimeout: _6BYUUR4Mcjs.defaultValue.call(void 0, props.hideTimeout, syncState.hideTimeout, 0)
|
|
71
|
+
});
|
|
72
|
+
const initialState = {
|
|
73
|
+
...composite.getState(),
|
|
74
|
+
...hovercard.getState(),
|
|
75
|
+
initialFocus: _6BYUUR4Mcjs.defaultValue.call(void 0, syncState.initialFocus, "container"),
|
|
76
|
+
values: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
82
77
|
props.values,
|
|
83
78
|
syncState.values,
|
|
84
79
|
props.defaultValues,
|
|
85
80
|
{}
|
|
86
81
|
)
|
|
87
|
-
}
|
|
88
|
-
const menu =
|
|
89
|
-
|
|
82
|
+
};
|
|
83
|
+
const menu = _WPBYRKFQcjs.createStore.call(void 0, initialState, composite, hovercard, store);
|
|
84
|
+
_WPBYRKFQcjs.setup.call(void 0,
|
|
90
85
|
menu,
|
|
91
|
-
() =>
|
|
86
|
+
() => _WPBYRKFQcjs.sync.call(void 0, menu, ["mounted"], (state) => {
|
|
92
87
|
if (state.mounted) return;
|
|
93
88
|
menu.setState("activeId", null);
|
|
94
89
|
})
|
|
95
90
|
);
|
|
96
|
-
|
|
91
|
+
_WPBYRKFQcjs.setup.call(void 0,
|
|
97
92
|
menu,
|
|
98
|
-
() =>
|
|
93
|
+
() => _WPBYRKFQcjs.sync.call(void 0, parent, ["orientation"], (state) => {
|
|
99
94
|
menu.setState(
|
|
100
95
|
"placement",
|
|
101
96
|
state.orientation === "vertical" ? "right-start" : "bottom-start"
|
|
102
97
|
);
|
|
103
98
|
})
|
|
104
99
|
);
|
|
105
|
-
return
|
|
100
|
+
return {
|
|
101
|
+
...composite,
|
|
102
|
+
...hovercard,
|
|
103
|
+
...menu,
|
|
106
104
|
combobox,
|
|
107
105
|
parent,
|
|
108
106
|
menubar,
|
|
@@ -118,14 +116,15 @@ function createMenuStore(_a = {}) {
|
|
|
118
116
|
if (Array.isArray(name)) return;
|
|
119
117
|
menu.setState("values", (values) => {
|
|
120
118
|
const prevValue = values[name];
|
|
121
|
-
const nextValue =
|
|
119
|
+
const nextValue = _6BYUUR4Mcjs.applyState.call(void 0, value, prevValue);
|
|
122
120
|
if (nextValue === prevValue) return values;
|
|
123
|
-
return
|
|
121
|
+
return {
|
|
122
|
+
...values,
|
|
124
123
|
[name]: nextValue !== void 0 && nextValue
|
|
125
|
-
}
|
|
124
|
+
};
|
|
126
125
|
});
|
|
127
126
|
}
|
|
128
|
-
}
|
|
127
|
+
};
|
|
129
128
|
}
|
|
130
129
|
|
|
131
130
|
|
|
@@ -6,7 +6,7 @@ import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "
|
|
|
6
6
|
import type { MenuBarStore } from "./menu-bar-store.ts";
|
|
7
7
|
export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
8
8
|
export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
|
|
9
|
-
export type MenuStoreValues = Record<string, string | boolean | number |
|
|
9
|
+
export type MenuStoreValues = Record<string, string | boolean | number | ReadonlyArray<string | number>>;
|
|
10
10
|
export interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreState, HovercardStoreState {
|
|
11
11
|
/** @default "vertical" */
|
|
12
12
|
orientation: CompositeStoreState["orientation"];
|
package/cjs/menu/menu-store.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "
|
|
|
6
6
|
import type { MenuBarStore } from "./menu-bar-store.ts";
|
|
7
7
|
export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
8
8
|
export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
|
|
9
|
-
export type MenuStoreValues = Record<string, string | boolean | number |
|
|
9
|
+
export type MenuStoreValues = Record<string, string | boolean | number | ReadonlyArray<string | number>>;
|
|
10
10
|
export interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreState, HovercardStoreState {
|
|
11
11
|
/** @default "vertical" */
|
|
12
12
|
orientation: CompositeStoreState["orientation"];
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
3
|
+
var _CPH45Z4Icjs = require('../__chunks/CPH45Z4I.cjs');
|
|
4
|
+
require('../__chunks/NNJG45OF.cjs');
|
|
5
5
|
require('../__chunks/GDZQUFNP.cjs');
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
9
|
-
require('../__chunks/
|
|
10
|
-
require('../__chunks/7EQBAZ46.cjs');
|
|
6
|
+
require('../__chunks/LT33CJGT.cjs');
|
|
7
|
+
require('../__chunks/VZPNI7C2.cjs');
|
|
8
|
+
require('../__chunks/WPBYRKFQ.cjs');
|
|
9
|
+
require('../__chunks/6BYUUR4M.cjs');
|
|
11
10
|
|
|
12
11
|
|
|
13
|
-
exports.createMenubarStore =
|
|
12
|
+
exports.createMenubarStore = _CPH45Z4Icjs.createMenubarStore;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/7EQBAZ46.cjs');
|
|
3
|
+
var _AOXAROPFcjs = require('../__chunks/AOXAROPF.cjs');
|
|
4
|
+
require('../__chunks/T247D7JS.cjs');
|
|
5
|
+
require('../__chunks/MJNGPYVQ.cjs');
|
|
6
|
+
require('../__chunks/WPBYRKFQ.cjs');
|
|
7
|
+
require('../__chunks/6BYUUR4M.cjs');
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.createPopoverStore =
|
|
10
|
+
exports.createPopoverStore = _AOXAROPFcjs.createPopoverStore;
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _NNJG45OFcjs = require('../__chunks/NNJG45OF.cjs');
|
|
4
4
|
require('../__chunks/GDZQUFNP.cjs');
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
5
|
+
require('../__chunks/LT33CJGT.cjs');
|
|
6
|
+
require('../__chunks/VZPNI7C2.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _WPBYRKFQcjs = require('../__chunks/WPBYRKFQ.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
|
|
12
|
+
var _6BYUUR4Mcjs = require('../__chunks/6BYUUR4M.cjs');
|
|
18
13
|
|
|
19
14
|
// src/radio/radio-store.ts
|
|
20
|
-
function createRadioStore(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
15
|
+
function createRadioStore({
|
|
16
|
+
...props
|
|
17
|
+
} = {}) {
|
|
18
|
+
var _a;
|
|
19
|
+
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
20
|
+
const composite = _NNJG45OFcjs.createCompositeStore.call(void 0, {
|
|
21
|
+
...props,
|
|
22
|
+
focusLoop: _6BYUUR4Mcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
23
|
+
});
|
|
24
|
+
const initialState = {
|
|
25
|
+
...composite.getState(),
|
|
26
|
+
value: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
29
27
|
props.value,
|
|
30
28
|
syncState == null ? void 0 : syncState.value,
|
|
31
29
|
props.defaultValue,
|
|
32
30
|
null
|
|
33
31
|
)
|
|
34
|
-
}
|
|
35
|
-
const radio =
|
|
36
|
-
return
|
|
32
|
+
};
|
|
33
|
+
const radio = _WPBYRKFQcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
34
|
+
return {
|
|
35
|
+
...composite,
|
|
36
|
+
...radio,
|
|
37
37
|
setValue: (value) => radio.setState("value", value)
|
|
38
|
-
}
|
|
38
|
+
};
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _AOXAROPFcjs = require('../__chunks/AOXAROPF.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _NNJG45OFcjs = require('../__chunks/NNJG45OF.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _GDZQUFNPcjs = require('../__chunks/GDZQUFNP.cjs');
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/
|
|
12
|
-
require('../__chunks/
|
|
13
|
-
require('../__chunks/
|
|
10
|
+
require('../__chunks/T247D7JS.cjs');
|
|
11
|
+
require('../__chunks/MJNGPYVQ.cjs');
|
|
12
|
+
require('../__chunks/LT33CJGT.cjs');
|
|
13
|
+
require('../__chunks/VZPNI7C2.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -19,26 +19,19 @@ require('../__chunks/726BNPQZ.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _WPBYRKFQcjs = require('../__chunks/WPBYRKFQ.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');
|
|
25
|
+
var _6BYUUR4Mcjs = require('../__chunks/6BYUUR4M.cjs');
|
|
31
26
|
|
|
32
27
|
// src/select/select-store.ts
|
|
33
|
-
function createSelectStore(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
]);
|
|
39
|
-
const store = _ASR6PAFNcjs.mergeStore.call(void 0,
|
|
28
|
+
function createSelectStore({
|
|
29
|
+
combobox,
|
|
30
|
+
...props
|
|
31
|
+
} = {}) {
|
|
32
|
+
const store = _WPBYRKFQcjs.mergeStore.call(void 0,
|
|
40
33
|
props.store,
|
|
41
|
-
|
|
34
|
+
_WPBYRKFQcjs.omit.call(void 0, combobox, [
|
|
42
35
|
"value",
|
|
43
36
|
"items",
|
|
44
37
|
"renderedItems",
|
|
@@ -50,61 +43,65 @@ function createSelectStore(_a = {}) {
|
|
|
50
43
|
"disclosureElement"
|
|
51
44
|
])
|
|
52
45
|
);
|
|
53
|
-
|
|
46
|
+
_WPBYRKFQcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
54
47
|
const syncState = store.getState();
|
|
55
|
-
const composite =
|
|
48
|
+
const composite = _NNJG45OFcjs.createCompositeStore.call(void 0, {
|
|
49
|
+
...props,
|
|
56
50
|
store,
|
|
57
|
-
virtualFocus:
|
|
51
|
+
virtualFocus: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
58
52
|
props.virtualFocus,
|
|
59
53
|
syncState.virtualFocus,
|
|
60
54
|
true
|
|
61
55
|
),
|
|
62
|
-
includesBaseElement:
|
|
56
|
+
includesBaseElement: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
63
57
|
props.includesBaseElement,
|
|
64
58
|
syncState.includesBaseElement,
|
|
65
59
|
false
|
|
66
60
|
),
|
|
67
|
-
activeId:
|
|
61
|
+
activeId: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
68
62
|
props.activeId,
|
|
69
63
|
syncState.activeId,
|
|
70
64
|
props.defaultActiveId,
|
|
71
65
|
null
|
|
72
66
|
),
|
|
73
|
-
orientation:
|
|
67
|
+
orientation: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
74
68
|
props.orientation,
|
|
75
69
|
syncState.orientation,
|
|
76
70
|
"vertical"
|
|
77
71
|
)
|
|
78
|
-
})
|
|
79
|
-
const popover =
|
|
72
|
+
});
|
|
73
|
+
const popover = _AOXAROPFcjs.createPopoverStore.call(void 0, {
|
|
74
|
+
...props,
|
|
80
75
|
store,
|
|
81
|
-
placement:
|
|
76
|
+
placement: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
82
77
|
props.placement,
|
|
83
78
|
syncState.placement,
|
|
84
79
|
"bottom-start"
|
|
85
80
|
)
|
|
86
|
-
})
|
|
81
|
+
});
|
|
87
82
|
const initialValue = new String("");
|
|
88
|
-
const initialState =
|
|
89
|
-
|
|
83
|
+
const initialState = {
|
|
84
|
+
...composite.getState(),
|
|
85
|
+
...popover.getState(),
|
|
86
|
+
value: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
90
87
|
props.value,
|
|
91
88
|
syncState.value,
|
|
92
89
|
props.defaultValue,
|
|
93
90
|
initialValue
|
|
94
91
|
),
|
|
95
|
-
setValueOnMove:
|
|
92
|
+
setValueOnMove: _6BYUUR4Mcjs.defaultValue.call(void 0,
|
|
96
93
|
props.setValueOnMove,
|
|
97
94
|
syncState.setValueOnMove,
|
|
98
95
|
false
|
|
99
96
|
),
|
|
100
|
-
labelElement:
|
|
101
|
-
selectElement:
|
|
102
|
-
listElement:
|
|
103
|
-
}
|
|
104
|
-
const select =
|
|
105
|
-
|
|
97
|
+
labelElement: _6BYUUR4Mcjs.defaultValue.call(void 0, syncState.labelElement, null),
|
|
98
|
+
selectElement: _6BYUUR4Mcjs.defaultValue.call(void 0, syncState.selectElement, null),
|
|
99
|
+
listElement: _6BYUUR4Mcjs.defaultValue.call(void 0, syncState.listElement, null)
|
|
100
|
+
};
|
|
101
|
+
const select = _WPBYRKFQcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
102
|
+
_WPBYRKFQcjs.setup.call(void 0,
|
|
106
103
|
select,
|
|
107
|
-
() =>
|
|
104
|
+
() => _WPBYRKFQcjs.sync.call(void 0, select, ["value", "items"], (state) => {
|
|
108
105
|
if (state.value !== initialValue) return;
|
|
109
106
|
if (!state.items.length) return;
|
|
110
107
|
const item = state.items.find(
|
|
@@ -114,16 +111,16 @@ function createSelectStore(_a = {}) {
|
|
|
114
111
|
select.setState("value", item.value);
|
|
115
112
|
})
|
|
116
113
|
);
|
|
117
|
-
|
|
114
|
+
_WPBYRKFQcjs.setup.call(void 0,
|
|
118
115
|
select,
|
|
119
|
-
() =>
|
|
116
|
+
() => _WPBYRKFQcjs.sync.call(void 0, select, ["mounted"], (state) => {
|
|
120
117
|
if (state.mounted) return;
|
|
121
118
|
select.setState("activeId", initialState.activeId);
|
|
122
119
|
})
|
|
123
120
|
);
|
|
124
|
-
|
|
121
|
+
_WPBYRKFQcjs.setup.call(void 0,
|
|
125
122
|
select,
|
|
126
|
-
() =>
|
|
123
|
+
() => _WPBYRKFQcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
|
|
127
124
|
if (combobox) return;
|
|
128
125
|
if (state.mounted) return;
|
|
129
126
|
const values = _GDZQUFNPcjs.toArray.call(void 0, state.value);
|
|
@@ -136,9 +133,9 @@ function createSelectStore(_a = {}) {
|
|
|
136
133
|
select.setState("activeId", item.id);
|
|
137
134
|
})
|
|
138
135
|
);
|
|
139
|
-
|
|
136
|
+
_WPBYRKFQcjs.setup.call(void 0,
|
|
140
137
|
select,
|
|
141
|
-
() =>
|
|
138
|
+
() => _WPBYRKFQcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
|
|
142
139
|
const { mounted, value, activeId } = select.getState();
|
|
143
140
|
if (!state.setValueOnMove && mounted) return;
|
|
144
141
|
if (Array.isArray(value)) return;
|
|
@@ -149,13 +146,16 @@ function createSelectStore(_a = {}) {
|
|
|
149
146
|
select.setState("value", item.value);
|
|
150
147
|
})
|
|
151
148
|
);
|
|
152
|
-
return
|
|
149
|
+
return {
|
|
150
|
+
...composite,
|
|
151
|
+
...popover,
|
|
152
|
+
...select,
|
|
153
153
|
combobox,
|
|
154
154
|
setValue: (value) => select.setState("value", value),
|
|
155
155
|
setLabelElement: (element) => select.setState("labelElement", element),
|
|
156
156
|
setSelectElement: (element) => select.setState("selectElement", element),
|
|
157
157
|
setListElement: (element) => select.setState("listElement", element)
|
|
158
|
-
}
|
|
158
|
+
};
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
|
|
@@ -6,7 +6,7 @@ import type { PickRequired, SetState } from "../utils/types.ts";
|
|
|
6
6
|
type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
|
|
7
7
|
export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
|
|
8
8
|
export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
|
|
9
|
-
export type SelectStoreValue = string | string[];
|
|
9
|
+
export type SelectStoreValue = string | readonly string[];
|
|
10
10
|
export interface SelectStoreItem extends CompositeStoreItem {
|
|
11
11
|
value?: string;
|
|
12
12
|
}
|
|
@@ -6,7 +6,7 @@ import type { PickRequired, SetState } from "../utils/types.ts";
|
|
|
6
6
|
type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
|
|
7
7
|
export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
|
|
8
8
|
export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
|
|
9
|
-
export type SelectStoreValue = string | string[];
|
|
9
|
+
export type SelectStoreValue = string | readonly string[];
|
|
10
10
|
export interface SelectStoreItem extends CompositeStoreItem {
|
|
11
11
|
value?: string;
|
|
12
12
|
}
|