@ariakit/core 0.1.4 → 0.1.5
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 +10 -0
- package/cjs/__chunks/{QYB6XH64.cjs → 27ZAGOYG.cjs} +17 -13
- package/cjs/__chunks/6455U47T.cjs +37 -0
- package/cjs/__chunks/{ZPOXPO2L.cjs → 6SPJEESB.cjs} +33 -21
- package/cjs/__chunks/{2YFRPUZP.cjs → DBHIHK7C.cjs} +6 -6
- package/cjs/__chunks/{W5IHD6VG.cjs → EUJ6NNA6.cjs} +56 -43
- package/cjs/__chunks/{4DQ3OTE7.cjs → FXEBKN6G.cjs} +22 -17
- package/cjs/__chunks/{ZJEEK57E.cjs → HEFJPUYD.cjs} +2 -2
- package/cjs/__chunks/LBTLD2RB.cjs +58 -0
- package/cjs/__chunks/{QNEPGQLL.cjs → M6ZA7XUP.cjs} +6 -2
- package/cjs/__chunks/{HLVPXX7H.cjs → SDBF6KIY.cjs} +107 -107
- package/cjs/__chunks/{OFNGELMA.cjs → ZNW4LSWU.cjs} +8 -6
- package/cjs/checkbox/checkbox-store.cjs +14 -10
- package/cjs/collection/collection-store.cjs +6 -5
- package/cjs/combobox/combobox-store.cjs +49 -48
- package/cjs/composite/composite-overflow-store.cjs +7 -6
- package/cjs/composite/composite-store.cjs +7 -6
- package/cjs/dialog/dialog-store.cjs +6 -5
- package/cjs/disclosure/disclosure-store.cjs +5 -4
- package/cjs/disclosure/disclosure-store.d.ts +8 -0
- package/cjs/form/form-store.cjs +38 -35
- package/cjs/hovercard/hovercard-store.cjs +8 -7
- package/cjs/index.cjs +3 -1
- package/cjs/menu/menu-bar-store.cjs +17 -13
- package/cjs/menu/menu-store.cjs +41 -43
- package/cjs/popover/popover-store.cjs +7 -6
- package/cjs/radio/radio-store.cjs +25 -24
- package/cjs/select/select-store.cjs +42 -42
- package/cjs/tab/tab-store.cjs +29 -28
- package/cjs/tab/tab-store.d.ts +9 -0
- package/cjs/toolbar/toolbar-store.cjs +17 -13
- package/cjs/tooltip/tooltip-store.cjs +24 -25
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/cjs/utils/array.cjs +1 -0
- package/cjs/utils/dom.cjs +3 -2
- package/cjs/utils/events.cjs +14 -9
- package/cjs/utils/focus.cjs +24 -14
- package/cjs/utils/misc.cjs +3 -2
- package/cjs/utils/platform.cjs +4 -3
- package/cjs/utils/store.cjs +4 -3
- package/esm/__chunks/4BKCJXBM.js +37 -0
- package/esm/__chunks/AHZW5LR4.js +58 -0
- package/esm/__chunks/{NA5BK7DD.js → BOKMNDR7.js} +22 -10
- package/esm/__chunks/{6PEWNRTN.js → CUW3E24J.js} +100 -100
- package/esm/__chunks/{WFGVC6LE.js → EWHSN7GO.js} +17 -12
- package/esm/__chunks/{4T5RHRE5.js → MNNKHNLW.js} +1 -1
- package/esm/__chunks/{UVCATTRC.js → N6JW4ITM.js} +7 -5
- package/esm/__chunks/{RMD7SNCC.js → NWU4GBZ6.js} +5 -1
- package/esm/__chunks/{X7MJ3FB5.js → R6VHFWTV.js} +49 -36
- package/esm/__chunks/{DXA3K2FY.js → TFBCK4JB.js} +1 -1
- package/esm/__chunks/{IOAGNCXX.js → ZV2GEGPL.js} +14 -10
- package/esm/checkbox/checkbox-store.js +11 -7
- package/esm/collection/collection-store.js +5 -4
- package/esm/combobox/combobox-store.js +34 -33
- package/esm/composite/composite-overflow-store.js +6 -5
- package/esm/composite/composite-store.js +6 -5
- package/esm/dialog/dialog-store.js +5 -4
- package/esm/disclosure/disclosure-store.d.ts +8 -0
- package/esm/disclosure/disclosure-store.js +4 -3
- package/esm/form/form-store.js +24 -21
- package/esm/hovercard/hovercard-store.js +7 -6
- package/esm/index.js +2 -0
- package/esm/menu/menu-bar-store.js +15 -11
- package/esm/menu/menu-store.js +31 -33
- package/esm/popover/popover-store.js +6 -5
- package/esm/radio/radio-store.js +22 -21
- package/esm/select/select-store.js +29 -29
- package/esm/tab/tab-store.d.ts +9 -0
- package/esm/tab/tab-store.js +23 -22
- package/esm/toolbar/toolbar-store.js +15 -11
- package/esm/tooltip/tooltip-store.js +20 -21
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/esm/utils/array.js +1 -0
- package/esm/utils/dom.js +2 -1
- package/esm/utils/events.js +10 -5
- package/esm/utils/focus.js +14 -4
- package/esm/utils/misc.js +2 -1
- package/esm/utils/platform.js +3 -2
- package/esm/utils/store.js +3 -2
- package/package.json +1 -1
- package/cjs/__chunks/DQHU5K4Q.cjs +0 -57
- package/esm/__chunks/6HMPWUDT.js +0 -57
package/cjs/menu/menu-store.cjs
CHANGED
|
@@ -1,72 +1,74 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
3
|
+
var _LBTLD2RBcjs = require('../__chunks/LBTLD2RB.cjs');
|
|
4
|
+
require('../__chunks/SDBF6KIY.cjs');
|
|
5
|
+
require('../__chunks/HEFJPUYD.cjs');
|
|
6
|
+
require('../__chunks/27ZAGOYG.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
10
|
-
require('../__chunks/
|
|
9
|
+
var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
|
|
10
|
+
require('../__chunks/FXEBKN6G.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
19
|
-
require('../__chunks/
|
|
18
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
19
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
20
20
|
require('../__chunks/GDZQUFNP.cjs');
|
|
21
21
|
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
26
|
+
|
|
22
27
|
// src/menu/menu-store.ts
|
|
23
|
-
function createMenuStore({
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
} =
|
|
27
|
-
|
|
28
|
+
function createMenuStore(_a = {}) {
|
|
29
|
+
var _b = _a, {
|
|
30
|
+
combobox
|
|
31
|
+
} = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
|
|
32
|
+
"combobox"
|
|
33
|
+
]);
|
|
34
|
+
const store = _6SPJEESBcjs.mergeStore.call(void 0,
|
|
28
35
|
props.store,
|
|
29
|
-
|
|
30
|
-
"baseElement",
|
|
36
|
+
combobox == null ? void 0 : combobox.omit(
|
|
31
37
|
"arrowElement",
|
|
32
38
|
"anchorElement",
|
|
33
39
|
"contentElement",
|
|
34
40
|
"popoverElement",
|
|
35
41
|
"disclosureElement"
|
|
36
|
-
)
|
|
42
|
+
)
|
|
37
43
|
);
|
|
38
44
|
const syncState = store.getState();
|
|
39
|
-
const composite =
|
|
40
|
-
...props,
|
|
45
|
+
const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
41
46
|
store,
|
|
42
|
-
orientation:
|
|
47
|
+
orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
43
48
|
props.orientation,
|
|
44
49
|
syncState.orientation,
|
|
45
50
|
"vertical"
|
|
46
51
|
)
|
|
47
|
-
});
|
|
48
|
-
const hovercard =
|
|
49
|
-
...props,
|
|
52
|
+
}));
|
|
53
|
+
const hovercard = _LBTLD2RBcjs.createHovercardStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
50
54
|
store,
|
|
51
|
-
placement:
|
|
55
|
+
placement: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
52
56
|
props.placement,
|
|
53
57
|
syncState.placement,
|
|
54
58
|
"bottom-start"
|
|
55
59
|
),
|
|
56
|
-
hideTimeout:
|
|
57
|
-
});
|
|
58
|
-
const initialState = {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
initialFocus: _QNEPGQLLcjs.defaultValue.call(void 0, syncState.initialFocus, "container"),
|
|
62
|
-
values: _QNEPGQLLcjs.defaultValue.call(void 0,
|
|
60
|
+
hideTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, props.hideTimeout, syncState.hideTimeout, 0)
|
|
61
|
+
}));
|
|
62
|
+
const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), hovercard.getState()), {
|
|
63
|
+
initialFocus: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.initialFocus, "container"),
|
|
64
|
+
values: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
63
65
|
props.values,
|
|
64
66
|
syncState.values,
|
|
65
67
|
props.defaultValues,
|
|
66
68
|
{}
|
|
67
69
|
)
|
|
68
|
-
};
|
|
69
|
-
const menu =
|
|
70
|
+
});
|
|
71
|
+
const menu = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, hovercard, store);
|
|
70
72
|
menu.setup(
|
|
71
73
|
() => menu.sync(
|
|
72
74
|
(state) => {
|
|
@@ -77,10 +79,7 @@ function createMenuStore({
|
|
|
77
79
|
["mounted"]
|
|
78
80
|
)
|
|
79
81
|
);
|
|
80
|
-
return {
|
|
81
|
-
...composite,
|
|
82
|
-
...hovercard,
|
|
83
|
-
...menu,
|
|
82
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), hovercard), menu), {
|
|
84
83
|
setInitialFocus: (value) => menu.setState("initialFocus", value),
|
|
85
84
|
setValues: (values) => menu.setState("values", values),
|
|
86
85
|
setValue: (name, value) => {
|
|
@@ -92,16 +91,15 @@ function createMenuStore({
|
|
|
92
91
|
return;
|
|
93
92
|
menu.setState("values", (values) => {
|
|
94
93
|
const prevValue = values[name];
|
|
95
|
-
const nextValue =
|
|
94
|
+
const nextValue = _M6ZA7XUPcjs.applyState.call(void 0, value, prevValue);
|
|
96
95
|
if (nextValue === prevValue)
|
|
97
96
|
return values;
|
|
98
|
-
return {
|
|
99
|
-
...values,
|
|
97
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, values), {
|
|
100
98
|
[name]: nextValue !== void 0 && nextValue
|
|
101
|
-
};
|
|
99
|
+
});
|
|
102
100
|
});
|
|
103
101
|
}
|
|
104
|
-
};
|
|
102
|
+
});
|
|
105
103
|
}
|
|
106
104
|
|
|
107
105
|
|
|
@@ -1,10 +1,11 @@
|
|
|
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/
|
|
3
|
+
var _SDBF6KIYcjs = require('../__chunks/SDBF6KIY.cjs');
|
|
4
|
+
require('../__chunks/HEFJPUYD.cjs');
|
|
5
|
+
require('../__chunks/27ZAGOYG.cjs');
|
|
6
|
+
require('../__chunks/6SPJEESB.cjs');
|
|
7
|
+
require('../__chunks/M6ZA7XUP.cjs');
|
|
8
|
+
require('../__chunks/6455U47T.cjs');
|
|
8
9
|
|
|
9
10
|
|
|
10
|
-
exports.createPopoverStore =
|
|
11
|
+
exports.createPopoverStore = _SDBF6KIYcjs.createPopoverStore;
|
|
@@ -1,40 +1,41 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
3
|
+
var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
|
|
4
|
+
require('../__chunks/FXEBKN6G.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
require('../__chunks/
|
|
10
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
11
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
12
12
|
require('../__chunks/GDZQUFNP.cjs');
|
|
13
13
|
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
18
|
+
|
|
14
19
|
// src/radio/radio-store.ts
|
|
15
|
-
function createRadioStore({
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const syncState =
|
|
19
|
-
const composite =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
})
|
|
23
|
-
|
|
24
|
-
...composite.getState(),
|
|
25
|
-
value: _QNEPGQLLcjs.defaultValue.call(void 0,
|
|
20
|
+
function createRadioStore(_a = {}) {
|
|
21
|
+
var props = _6455U47Tcjs.__objRest.call(void 0, _a, []);
|
|
22
|
+
var _a2;
|
|
23
|
+
const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
|
|
24
|
+
const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
25
|
+
focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
26
|
+
}));
|
|
27
|
+
const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
28
|
+
value: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
26
29
|
props.value,
|
|
27
|
-
|
|
30
|
+
syncState == null ? void 0 : syncState.value,
|
|
28
31
|
props.defaultValue,
|
|
29
32
|
null
|
|
30
33
|
)
|
|
31
|
-
};
|
|
32
|
-
const radio =
|
|
33
|
-
return {
|
|
34
|
-
...composite,
|
|
35
|
-
...radio,
|
|
34
|
+
});
|
|
35
|
+
const radio = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
36
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), radio), {
|
|
36
37
|
setValue: (value) => radio.setState("value", value)
|
|
37
|
-
};
|
|
38
|
+
});
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
|
|
@@ -1,32 +1,39 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
3
|
+
var _SDBF6KIYcjs = require('../__chunks/SDBF6KIY.cjs');
|
|
4
|
+
require('../__chunks/HEFJPUYD.cjs');
|
|
5
|
+
require('../__chunks/27ZAGOYG.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
9
|
-
require('../__chunks/
|
|
8
|
+
var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
|
|
9
|
+
require('../__chunks/FXEBKN6G.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
17
|
-
require('../__chunks/
|
|
16
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
17
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
var _GDZQUFNPcjs = require('../__chunks/GDZQUFNP.cjs');
|
|
21
21
|
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
26
|
+
|
|
22
27
|
// src/select/select-store.ts
|
|
23
|
-
function createSelectStore({
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
} =
|
|
27
|
-
|
|
28
|
+
function createSelectStore(_a = {}) {
|
|
29
|
+
var _b = _a, {
|
|
30
|
+
combobox
|
|
31
|
+
} = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
|
|
32
|
+
"combobox"
|
|
33
|
+
]);
|
|
34
|
+
const store = _6SPJEESBcjs.mergeStore.call(void 0,
|
|
28
35
|
props.store,
|
|
29
|
-
|
|
36
|
+
combobox == null ? void 0 : combobox.omit(
|
|
30
37
|
"value",
|
|
31
38
|
"items",
|
|
32
39
|
"renderedItems",
|
|
@@ -36,62 +43,58 @@ function createSelectStore({
|
|
|
36
43
|
"contentElement",
|
|
37
44
|
"popoverElement",
|
|
38
45
|
"disclosureElement"
|
|
39
|
-
)
|
|
46
|
+
)
|
|
40
47
|
);
|
|
41
48
|
const syncState = store.getState();
|
|
42
|
-
const composite =
|
|
43
|
-
...props,
|
|
49
|
+
const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
44
50
|
store,
|
|
45
|
-
virtualFocus:
|
|
51
|
+
virtualFocus: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
46
52
|
props.virtualFocus,
|
|
47
53
|
syncState.virtualFocus,
|
|
48
54
|
true
|
|
49
55
|
),
|
|
50
|
-
includesBaseElement:
|
|
56
|
+
includesBaseElement: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
51
57
|
props.includesBaseElement,
|
|
52
58
|
syncState.includesBaseElement,
|
|
53
59
|
false
|
|
54
60
|
),
|
|
55
|
-
activeId:
|
|
61
|
+
activeId: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
56
62
|
props.activeId,
|
|
57
63
|
syncState.activeId,
|
|
58
64
|
props.defaultActiveId,
|
|
59
65
|
null
|
|
60
66
|
),
|
|
61
|
-
orientation:
|
|
67
|
+
orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
62
68
|
props.orientation,
|
|
63
69
|
syncState.orientation,
|
|
64
70
|
"vertical"
|
|
65
71
|
)
|
|
66
|
-
});
|
|
67
|
-
const popover =
|
|
68
|
-
...props,
|
|
72
|
+
}));
|
|
73
|
+
const popover = _SDBF6KIYcjs.createPopoverStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
69
74
|
store,
|
|
70
|
-
placement:
|
|
75
|
+
placement: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
71
76
|
props.placement,
|
|
72
77
|
syncState.placement,
|
|
73
78
|
"bottom-start"
|
|
74
79
|
)
|
|
75
|
-
});
|
|
80
|
+
}));
|
|
76
81
|
const initialValue = new String("");
|
|
77
|
-
const initialState = {
|
|
78
|
-
|
|
79
|
-
...popover.getState(),
|
|
80
|
-
value: _QNEPGQLLcjs.defaultValue.call(void 0,
|
|
82
|
+
const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
|
|
83
|
+
value: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
81
84
|
props.value,
|
|
82
85
|
syncState.value,
|
|
83
86
|
props.defaultValue,
|
|
84
87
|
initialValue
|
|
85
88
|
),
|
|
86
|
-
setValueOnMove:
|
|
89
|
+
setValueOnMove: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
87
90
|
props.setValueOnMove,
|
|
88
91
|
syncState.setValueOnMove,
|
|
89
92
|
false
|
|
90
93
|
),
|
|
91
|
-
selectElement:
|
|
92
|
-
labelElement:
|
|
93
|
-
};
|
|
94
|
-
const select =
|
|
94
|
+
selectElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.selectElement, null),
|
|
95
|
+
labelElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.labelElement, null)
|
|
96
|
+
});
|
|
97
|
+
const select = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
95
98
|
select.setup(
|
|
96
99
|
() => select.sync(
|
|
97
100
|
(state) => {
|
|
@@ -102,7 +105,7 @@ function createSelectStore({
|
|
|
102
105
|
const item = state.items.find(
|
|
103
106
|
(item2) => !item2.disabled && item2.value != null
|
|
104
107
|
);
|
|
105
|
-
if (
|
|
108
|
+
if ((item == null ? void 0 : item.value) == null)
|
|
106
109
|
return;
|
|
107
110
|
select.setState("value", item.value);
|
|
108
111
|
},
|
|
@@ -150,14 +153,11 @@ function createSelectStore({
|
|
|
150
153
|
["setValueOnMove", "moves"]
|
|
151
154
|
)
|
|
152
155
|
);
|
|
153
|
-
return {
|
|
154
|
-
...composite,
|
|
155
|
-
...popover,
|
|
156
|
-
...select,
|
|
156
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
|
|
157
157
|
setValue: (value) => select.setState("value", value),
|
|
158
158
|
setSelectElement: (element) => select.setState("selectElement", element),
|
|
159
159
|
setLabelElement: (element) => select.setState("labelElement", element)
|
|
160
|
-
};
|
|
160
|
+
});
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
|
package/cjs/tab/tab-store.cjs
CHANGED
|
@@ -1,46 +1,49 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _FXEBKN6Gcjs = require('../__chunks/FXEBKN6G.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
13
|
-
require('../__chunks/
|
|
12
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
13
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
14
14
|
require('../__chunks/GDZQUFNP.cjs');
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
19
|
+
|
|
16
20
|
// src/tab/tab-store.ts
|
|
17
21
|
function createTabStore(props = {}) {
|
|
18
|
-
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
orientation:
|
|
22
|
+
var _a;
|
|
23
|
+
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
24
|
+
const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
25
|
+
orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
22
26
|
props.orientation,
|
|
23
|
-
|
|
27
|
+
syncState == null ? void 0 : syncState.orientation,
|
|
24
28
|
"horizontal"
|
|
25
29
|
),
|
|
26
|
-
focusLoop:
|
|
27
|
-
});
|
|
28
|
-
const panels =
|
|
29
|
-
const initialState = {
|
|
30
|
-
|
|
31
|
-
selectedId: _QNEPGQLLcjs.defaultValue.call(void 0,
|
|
30
|
+
focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
31
|
+
}));
|
|
32
|
+
const panels = _FXEBKN6Gcjs.createCollectionStore.call(void 0, );
|
|
33
|
+
const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
34
|
+
selectedId: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
32
35
|
props.selectedId,
|
|
33
|
-
|
|
36
|
+
syncState == null ? void 0 : syncState.selectedId,
|
|
34
37
|
props.defaultSelectedId,
|
|
35
38
|
void 0
|
|
36
39
|
),
|
|
37
|
-
selectOnMove:
|
|
40
|
+
selectOnMove: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
38
41
|
props.selectOnMove,
|
|
39
|
-
|
|
42
|
+
syncState == null ? void 0 : syncState.selectOnMove,
|
|
40
43
|
true
|
|
41
44
|
)
|
|
42
|
-
};
|
|
43
|
-
const tab =
|
|
45
|
+
});
|
|
46
|
+
const tab = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
44
47
|
tab.setup(
|
|
45
48
|
() => tab.sync(() => {
|
|
46
49
|
const { activeId, selectOnMove } = tab.getState();
|
|
@@ -77,7 +80,7 @@ function createTabStore(props = {}) {
|
|
|
77
80
|
const tabItem2 = renderedItems.find(
|
|
78
81
|
(item) => !item.disabled && !item.dimmed
|
|
79
82
|
);
|
|
80
|
-
tab.setState("selectedId",
|
|
83
|
+
tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);
|
|
81
84
|
}
|
|
82
85
|
},
|
|
83
86
|
["selectedId", "renderedItems"]
|
|
@@ -101,7 +104,7 @@ function createTabStore(props = {}) {
|
|
|
101
104
|
const tabItem = tabs[i];
|
|
102
105
|
if (!tabItem)
|
|
103
106
|
return;
|
|
104
|
-
panels.renderItem({
|
|
107
|
+
panels.renderItem(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
|
|
105
108
|
});
|
|
106
109
|
},
|
|
107
110
|
["renderedItems"]
|
|
@@ -110,16 +113,14 @@ function createTabStore(props = {}) {
|
|
|
110
113
|
["renderedItems"]
|
|
111
114
|
)
|
|
112
115
|
);
|
|
113
|
-
return {
|
|
114
|
-
...composite,
|
|
115
|
-
...tab,
|
|
116
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), tab), {
|
|
116
117
|
panels,
|
|
117
118
|
setSelectedId: (id) => tab.setState("selectedId", id),
|
|
118
119
|
select: (id) => {
|
|
119
120
|
tab.setState("selectedId", id);
|
|
120
121
|
composite.move(id);
|
|
121
122
|
}
|
|
122
|
-
};
|
|
123
|
+
});
|
|
123
124
|
}
|
|
124
125
|
|
|
125
126
|
|
package/cjs/tab/tab-store.d.ts
CHANGED
|
@@ -23,11 +23,17 @@ export interface TabStoreState extends CompositeStoreState<Item> {
|
|
|
23
23
|
/**
|
|
24
24
|
* The id of the tab whose panel is currently visible. If it's `undefined`, it
|
|
25
25
|
* will be automatically set to the first enabled tab.
|
|
26
|
+
*
|
|
27
|
+
* Live examples:
|
|
28
|
+
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
26
29
|
*/
|
|
27
30
|
selectedId: TabStoreState["activeId"];
|
|
28
31
|
/**
|
|
29
32
|
* Whether the tab should be selected when it receives focus. If it's set to
|
|
30
33
|
* `false`, the tab will be selected only when it's clicked.
|
|
34
|
+
*
|
|
35
|
+
* Live examples:
|
|
36
|
+
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
31
37
|
* @default true
|
|
32
38
|
*/
|
|
33
39
|
selectOnMove?: boolean;
|
|
@@ -36,6 +42,9 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
|
|
|
36
42
|
/**
|
|
37
43
|
* Sets the `selectedId` state without moving focus. If you want to move focus,
|
|
38
44
|
* use the `select` function instead.
|
|
45
|
+
*
|
|
46
|
+
* Live examples:
|
|
47
|
+
* - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
|
|
39
48
|
* @example
|
|
40
49
|
* // Selects the tab with id "tab-1"
|
|
41
50
|
* store.setSelectedId("tab-1");
|
|
@@ -1,26 +1,30 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
3
|
+
var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
|
|
4
|
+
require('../__chunks/FXEBKN6G.cjs');
|
|
5
|
+
require('../__chunks/6SPJEESB.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
9
|
-
require('../__chunks/
|
|
8
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
9
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
10
10
|
require('../__chunks/GDZQUFNP.cjs');
|
|
11
11
|
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
15
|
+
|
|
12
16
|
// src/toolbar/toolbar-store.ts
|
|
13
17
|
function createToolbarStore(props = {}) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
orientation:
|
|
18
|
+
var _a;
|
|
19
|
+
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
20
|
+
return _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
21
|
+
orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
18
22
|
props.orientation,
|
|
19
|
-
|
|
23
|
+
syncState == null ? void 0 : syncState.orientation,
|
|
20
24
|
"horizontal"
|
|
21
25
|
),
|
|
22
|
-
focusLoop:
|
|
23
|
-
});
|
|
26
|
+
focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
27
|
+
}));
|
|
24
28
|
}
|
|
25
29
|
|
|
26
30
|
|