@ariakit/core 0.4.7 → 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 +5 -0
- package/cjs/__chunks/{M2NNCFIJ.cjs → 3QF3ODTR.cjs} +31 -50
- 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/{3COGJMN3.cjs → CCI5VM7E.cjs} +24 -30
- package/cjs/__chunks/{MB5TLEVH.cjs → H6ZQSQQL.cjs} +16 -16
- package/cjs/__chunks/{D7M2PCAQ.cjs → KCEXELK7.cjs} +6 -7
- package/cjs/__chunks/{DIYYVJDK.cjs → N667HVED.cjs} +2 -2
- package/cjs/__chunks/{LBFF2BBK.cjs → PW36G76L.cjs} +25 -29
- package/cjs/__chunks/{LAYUSNGM.cjs → QLWAGBAQ.cjs} +20 -22
- package/cjs/__chunks/{5BQ2XS3R.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/composite/composite-overflow-store.cjs +7 -7
- package/cjs/composite/composite-store.cjs +7 -7
- 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/tab/tab-store.cjs +49 -61
- 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 +22 -36
- package/cjs/utils/focus.cjs +34 -58
- 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/{SAZZJI72.js → 3UYWTADI.js} +4 -4
- package/esm/__chunks/{I2WJ7JBQ.js → 6DHTHWXD.js} +10 -16
- package/esm/__chunks/{KDSZSVV5.js → 6E4KKOSB.js} +5 -7
- package/esm/__chunks/{EKIWAN6A.js → 7LM4Q2XB.js} +4 -8
- package/esm/__chunks/{VH2P7HEP.js → D7EIQZAU.js} +8 -12
- package/esm/__chunks/{E4HA32QI.js → EACLTACN.js} +4 -4
- package/esm/__chunks/{KLPDXTDE.js → EQQLU3CG.js} +21 -40
- package/esm/__chunks/{I2NJJ3XW.js → HWOIWM4O.js} +6 -12
- package/esm/__chunks/{22HHDS5F.js → PBFD2E7P.js} +15 -29
- package/esm/__chunks/{RCLYDUHE.js → PIWLWQMB.js} +4 -4
- package/esm/__chunks/{CLSHHUGK.js → US4USQPI.js} +2 -3
- package/esm/__chunks/{NWACXGIN.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.js +16 -22
- package/esm/composite/composite-overflow-store.js +6 -6
- 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.js +22 -35
- 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 +17 -31
- package/esm/utils/focus.js +26 -50
- 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 +1 -1
- package/readme.md +18 -0
- package/cjs/__chunks/XVL5HZ27.cjs +0 -42
- /package/cjs/__chunks/{AV6KTKLE.cjs → 3IVNQNIV.cjs} +0 -0
- /package/esm/__chunks/{4R3V3JGP.js → 3YLGPPWQ.js} +0 -0
|
@@ -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 _PW36G76Lcjs = require('../__chunks/PW36G76L.cjs');
|
|
5
|
+
require('../__chunks/CCI5VM7E.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 _H6ZQSQQLcjs = require('../__chunks/H6ZQSQQL.cjs');
|
|
12
|
+
require('../__chunks/N667HVED.cjs');
|
|
13
|
+
require('../__chunks/QLWAGBAQ.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -19,27 +19,27 @@ require('../__chunks/LAYUSNGM.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
26
|
-
require('../__chunks/
|
|
25
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
26
|
+
require('../__chunks/7WYII4AN.cjs');
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
var
|
|
31
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
32
32
|
|
|
33
33
|
// src/select/select-store.ts
|
|
34
34
|
function createSelectStore(_a = {}) {
|
|
35
35
|
var _b = _a, {
|
|
36
36
|
combobox
|
|
37
|
-
} = _b, props =
|
|
37
|
+
} = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
|
|
38
38
|
"combobox"
|
|
39
39
|
]);
|
|
40
|
-
const store =
|
|
40
|
+
const store = _3QF3ODTRcjs.mergeStore.call(void 0,
|
|
41
41
|
props.store,
|
|
42
|
-
|
|
42
|
+
_3QF3ODTRcjs.omit.call(void 0, combobox, [
|
|
43
43
|
"value",
|
|
44
44
|
"items",
|
|
45
45
|
"renderedItems",
|
|
@@ -51,119 +51,106 @@ function createSelectStore(_a = {}) {
|
|
|
51
51
|
"disclosureElement"
|
|
52
52
|
])
|
|
53
53
|
);
|
|
54
|
-
|
|
54
|
+
_3QF3ODTRcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
55
55
|
const syncState = store.getState();
|
|
56
|
-
const composite =
|
|
56
|
+
const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
57
57
|
store,
|
|
58
|
-
virtualFocus:
|
|
58
|
+
virtualFocus: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
59
59
|
props.virtualFocus,
|
|
60
60
|
syncState.virtualFocus,
|
|
61
61
|
true
|
|
62
62
|
),
|
|
63
|
-
includesBaseElement:
|
|
63
|
+
includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
64
64
|
props.includesBaseElement,
|
|
65
65
|
syncState.includesBaseElement,
|
|
66
66
|
false
|
|
67
67
|
),
|
|
68
|
-
activeId:
|
|
68
|
+
activeId: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
69
69
|
props.activeId,
|
|
70
70
|
syncState.activeId,
|
|
71
71
|
props.defaultActiveId,
|
|
72
72
|
null
|
|
73
73
|
),
|
|
74
|
-
orientation:
|
|
74
|
+
orientation: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
75
75
|
props.orientation,
|
|
76
76
|
syncState.orientation,
|
|
77
77
|
"vertical"
|
|
78
78
|
)
|
|
79
79
|
}));
|
|
80
|
-
const popover =
|
|
80
|
+
const popover = _H6ZQSQQLcjs.createPopoverStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
81
81
|
store,
|
|
82
|
-
placement:
|
|
82
|
+
placement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
83
83
|
props.placement,
|
|
84
84
|
syncState.placement,
|
|
85
85
|
"bottom-start"
|
|
86
86
|
)
|
|
87
87
|
}));
|
|
88
88
|
const initialValue = new String("");
|
|
89
|
-
const initialState =
|
|
90
|
-
value:
|
|
89
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
|
|
90
|
+
value: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
91
91
|
props.value,
|
|
92
92
|
syncState.value,
|
|
93
93
|
props.defaultValue,
|
|
94
94
|
initialValue
|
|
95
95
|
),
|
|
96
|
-
setValueOnMove:
|
|
96
|
+
setValueOnMove: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
97
97
|
props.setValueOnMove,
|
|
98
98
|
syncState.setValueOnMove,
|
|
99
99
|
false
|
|
100
100
|
),
|
|
101
|
-
labelElement:
|
|
102
|
-
selectElement:
|
|
103
|
-
listElement:
|
|
101
|
+
labelElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState.labelElement, null),
|
|
102
|
+
selectElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState.selectElement, null),
|
|
103
|
+
listElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState.listElement, null)
|
|
104
104
|
});
|
|
105
|
-
const select =
|
|
106
|
-
|
|
105
|
+
const select = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
106
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
107
107
|
select,
|
|
108
|
-
() =>
|
|
109
|
-
if (state.value !== initialValue)
|
|
110
|
-
|
|
111
|
-
if (!state.items.length)
|
|
112
|
-
return;
|
|
108
|
+
() => _3QF3ODTRcjs.sync.call(void 0, select, ["value", "items"], (state) => {
|
|
109
|
+
if (state.value !== initialValue) return;
|
|
110
|
+
if (!state.items.length) return;
|
|
113
111
|
const item = state.items.find(
|
|
114
112
|
(item2) => !item2.disabled && item2.value != null
|
|
115
113
|
);
|
|
116
|
-
if ((item == null ? void 0 : item.value) == null)
|
|
117
|
-
return;
|
|
114
|
+
if ((item == null ? void 0 : item.value) == null) return;
|
|
118
115
|
select.setState("value", item.value);
|
|
119
116
|
})
|
|
120
117
|
);
|
|
121
|
-
|
|
118
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
122
119
|
select,
|
|
123
|
-
() =>
|
|
124
|
-
if (state.mounted)
|
|
125
|
-
return;
|
|
120
|
+
() => _3QF3ODTRcjs.sync.call(void 0, select, ["mounted"], (state) => {
|
|
121
|
+
if (state.mounted) return;
|
|
126
122
|
select.setState("activeId", initialState.activeId);
|
|
127
123
|
})
|
|
128
124
|
);
|
|
129
|
-
|
|
125
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
130
126
|
select,
|
|
131
|
-
() =>
|
|
132
|
-
if (combobox)
|
|
133
|
-
|
|
134
|
-
if (state.mounted)
|
|
135
|
-
return;
|
|
127
|
+
() => _3QF3ODTRcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
|
|
128
|
+
if (combobox) return;
|
|
129
|
+
if (state.mounted) return;
|
|
136
130
|
const values = _ULSPM3Y3cjs.toArray.call(void 0, state.value);
|
|
137
131
|
const lastValue = values[values.length - 1];
|
|
138
|
-
if (lastValue == null)
|
|
139
|
-
return;
|
|
132
|
+
if (lastValue == null) return;
|
|
140
133
|
const item = state.items.find(
|
|
141
134
|
(item2) => !item2.disabled && item2.value === lastValue
|
|
142
135
|
);
|
|
143
|
-
if (!item)
|
|
144
|
-
return;
|
|
136
|
+
if (!item) return;
|
|
145
137
|
select.setState("activeId", item.id);
|
|
146
138
|
})
|
|
147
139
|
);
|
|
148
|
-
|
|
140
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
149
141
|
select,
|
|
150
|
-
() =>
|
|
142
|
+
() => _3QF3ODTRcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
|
|
151
143
|
const { mounted, value, activeId } = select.getState();
|
|
152
|
-
if (!state.setValueOnMove && mounted)
|
|
153
|
-
|
|
154
|
-
if (
|
|
155
|
-
|
|
156
|
-
if (!state.moves)
|
|
157
|
-
return;
|
|
158
|
-
if (!activeId)
|
|
159
|
-
return;
|
|
144
|
+
if (!state.setValueOnMove && mounted) return;
|
|
145
|
+
if (Array.isArray(value)) return;
|
|
146
|
+
if (!state.moves) return;
|
|
147
|
+
if (!activeId) return;
|
|
160
148
|
const item = composite.item(activeId);
|
|
161
|
-
if (!item || item.disabled || item.value == null)
|
|
162
|
-
return;
|
|
149
|
+
if (!item || item.disabled || item.value == null) return;
|
|
163
150
|
select.setState("value", item.value);
|
|
164
151
|
})
|
|
165
152
|
);
|
|
166
|
-
return
|
|
153
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
|
|
167
154
|
combobox,
|
|
168
155
|
setValue: (value) => select.setState("value", value),
|
|
169
156
|
setLabelElement: (element) => select.setState("labelElement", element),
|
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 _PW36G76Lcjs = require('../__chunks/PW36G76L.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _CCI5VM7Ecjs = require('../__chunks/CCI5VM7E.cjs');
|
|
8
8
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
@@ -13,24 +13,24 @@ require('../__chunks/ULSPM3Y3.cjs');
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
require('../__chunks/
|
|
20
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
21
|
+
require('../__chunks/7WYII4AN.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
var
|
|
26
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
27
27
|
|
|
28
28
|
// src/tab/tab-store.ts
|
|
29
29
|
function createTabStore(_a = {}) {
|
|
30
30
|
var _b = _a, {
|
|
31
31
|
composite: parentComposite,
|
|
32
32
|
combobox
|
|
33
|
-
} = _b, props =
|
|
33
|
+
} = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
|
|
34
34
|
"composite",
|
|
35
35
|
"combobox"
|
|
36
36
|
]);
|
|
@@ -46,75 +46,68 @@ function createTabStore(_a = {}) {
|
|
|
46
46
|
"focusShift",
|
|
47
47
|
"focusWrap"
|
|
48
48
|
];
|
|
49
|
-
const store =
|
|
49
|
+
const store = _3QF3ODTRcjs.mergeStore.call(void 0,
|
|
50
50
|
props.store,
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
_3QF3ODTRcjs.omit.call(void 0, parentComposite, independentKeys),
|
|
52
|
+
_3QF3ODTRcjs.omit.call(void 0, combobox, independentKeys)
|
|
53
53
|
);
|
|
54
54
|
const syncState = store == null ? void 0 : store.getState();
|
|
55
|
-
const composite =
|
|
55
|
+
const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__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`
|
|
59
59
|
// when the activeId state is null, which could be the case when rendering
|
|
60
60
|
// combobox with tab.
|
|
61
|
-
includesBaseElement:
|
|
61
|
+
includesBaseElement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
62
62
|
props.includesBaseElement,
|
|
63
63
|
syncState == null ? void 0 : syncState.includesBaseElement,
|
|
64
64
|
false
|
|
65
65
|
),
|
|
66
|
-
orientation:
|
|
66
|
+
orientation: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
67
67
|
props.orientation,
|
|
68
68
|
syncState == null ? void 0 : syncState.orientation,
|
|
69
69
|
"horizontal"
|
|
70
70
|
),
|
|
71
|
-
focusLoop:
|
|
71
|
+
focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
72
72
|
}));
|
|
73
|
-
const panels =
|
|
74
|
-
const initialState =
|
|
75
|
-
selectedId:
|
|
73
|
+
const panels = _CCI5VM7Ecjs.createCollectionStore.call(void 0, );
|
|
74
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
75
|
+
selectedId: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
76
76
|
props.selectedId,
|
|
77
77
|
syncState == null ? void 0 : syncState.selectedId,
|
|
78
78
|
props.defaultSelectedId
|
|
79
79
|
),
|
|
80
|
-
selectOnMove:
|
|
80
|
+
selectOnMove: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
81
81
|
props.selectOnMove,
|
|
82
82
|
syncState == null ? void 0 : syncState.selectOnMove,
|
|
83
83
|
true
|
|
84
84
|
)
|
|
85
85
|
});
|
|
86
|
-
const tab =
|
|
87
|
-
|
|
86
|
+
const tab = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, store);
|
|
87
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
88
88
|
tab,
|
|
89
|
-
() =>
|
|
89
|
+
() => _3QF3ODTRcjs.sync.call(void 0, tab, ["moves"], () => {
|
|
90
90
|
const { activeId, selectOnMove } = tab.getState();
|
|
91
|
-
if (!selectOnMove)
|
|
92
|
-
|
|
93
|
-
if (!activeId)
|
|
94
|
-
return;
|
|
91
|
+
if (!selectOnMove) return;
|
|
92
|
+
if (!activeId) return;
|
|
95
93
|
const tabItem = composite.item(activeId);
|
|
96
|
-
if (!tabItem)
|
|
97
|
-
|
|
98
|
-
if (tabItem.
|
|
99
|
-
return;
|
|
100
|
-
if (tabItem.disabled)
|
|
101
|
-
return;
|
|
94
|
+
if (!tabItem) return;
|
|
95
|
+
if (tabItem.dimmed) return;
|
|
96
|
+
if (tabItem.disabled) return;
|
|
102
97
|
tab.setState("selectedId", tabItem.id);
|
|
103
98
|
})
|
|
104
99
|
);
|
|
105
|
-
|
|
100
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
106
101
|
tab,
|
|
107
|
-
() =>
|
|
108
|
-
if (parentComposite && state.selectedId === prev.selectedId)
|
|
109
|
-
return;
|
|
102
|
+
() => _3QF3ODTRcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
|
|
103
|
+
if (parentComposite && state.selectedId === prev.selectedId) return;
|
|
110
104
|
tab.setState("activeId", state.selectedId);
|
|
111
105
|
})
|
|
112
106
|
);
|
|
113
|
-
|
|
107
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
114
108
|
tab,
|
|
115
|
-
() =>
|
|
116
|
-
if (state.selectedId !== void 0)
|
|
117
|
-
return;
|
|
109
|
+
() => _3QF3ODTRcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
|
|
110
|
+
if (state.selectedId !== void 0) return;
|
|
118
111
|
const { activeId, renderedItems } = tab.getState();
|
|
119
112
|
const tabItem = composite.item(activeId);
|
|
120
113
|
if (tabItem && !tabItem.disabled && !tabItem.dimmed) {
|
|
@@ -127,30 +120,26 @@ function createTabStore(_a = {}) {
|
|
|
127
120
|
}
|
|
128
121
|
})
|
|
129
122
|
);
|
|
130
|
-
|
|
123
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
131
124
|
tab,
|
|
132
|
-
() =>
|
|
125
|
+
() => _3QF3ODTRcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
|
|
133
126
|
const tabs = state.renderedItems;
|
|
134
|
-
if (!tabs.length)
|
|
135
|
-
|
|
136
|
-
return _M2NNCFIJcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
|
|
127
|
+
if (!tabs.length) return;
|
|
128
|
+
return _3QF3ODTRcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
|
|
137
129
|
const items = state2.renderedItems;
|
|
138
130
|
const hasOrphanPanels = items.some((panel) => !panel.tabId);
|
|
139
|
-
if (!hasOrphanPanels)
|
|
140
|
-
return;
|
|
131
|
+
if (!hasOrphanPanels) return;
|
|
141
132
|
items.forEach((panel, i) => {
|
|
142
|
-
if (panel.tabId)
|
|
143
|
-
return;
|
|
133
|
+
if (panel.tabId) return;
|
|
144
134
|
const tabItem = tabs[i];
|
|
145
|
-
if (!tabItem)
|
|
146
|
-
|
|
147
|
-
panels.renderItem(_AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
|
|
135
|
+
if (!tabItem) return;
|
|
136
|
+
panels.renderItem(_3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
|
|
148
137
|
});
|
|
149
138
|
});
|
|
150
139
|
})
|
|
151
140
|
);
|
|
152
141
|
let selectedIdFromSelectedValue = null;
|
|
153
|
-
|
|
142
|
+
_3QF3ODTRcjs.setup.call(void 0, tab, () => {
|
|
154
143
|
const backupSelectedId = () => {
|
|
155
144
|
selectedIdFromSelectedValue = tab.getState().selectedId;
|
|
156
145
|
};
|
|
@@ -158,19 +147,18 @@ function createTabStore(_a = {}) {
|
|
|
158
147
|
tab.setState("selectedId", selectedIdFromSelectedValue);
|
|
159
148
|
};
|
|
160
149
|
if (parentComposite && "setSelectElement" in parentComposite) {
|
|
161
|
-
return
|
|
162
|
-
|
|
163
|
-
|
|
150
|
+
return _BTUHABP4cjs.chain.call(void 0,
|
|
151
|
+
_3QF3ODTRcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId),
|
|
152
|
+
_3QF3ODTRcjs.sync.call(void 0, parentComposite, ["open"], restoreSelectedId)
|
|
164
153
|
);
|
|
165
154
|
}
|
|
166
|
-
if (!combobox)
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
_M2NNCFIJcjs.sync.call(void 0, combobox, ["open"], restoreSelectedId)
|
|
155
|
+
if (!combobox) return;
|
|
156
|
+
return _BTUHABP4cjs.chain.call(void 0,
|
|
157
|
+
_3QF3ODTRcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId),
|
|
158
|
+
_3QF3ODTRcjs.sync.call(void 0, combobox, ["open"], restoreSelectedId)
|
|
171
159
|
);
|
|
172
160
|
});
|
|
173
|
-
return
|
|
161
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), tab), {
|
|
174
162
|
panels,
|
|
175
163
|
setSelectedId: (id) => tab.setState("selectedId", id),
|
|
176
164
|
select: (id) => {
|
package/cjs/tag/tag-store.cjs
CHANGED
|
@@ -1,67 +1,64 @@
|
|
|
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
|
|
9
|
+
var _7CES7GVEcjs = require('../__chunks/7CES7GVE.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
19
|
-
require('../__chunks/
|
|
18
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
19
|
+
require('../__chunks/7WYII4AN.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
var
|
|
23
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
24
24
|
|
|
25
25
|
// src/tag/tag-store.ts
|
|
26
26
|
function createTagStore(props = {}) {
|
|
27
27
|
var _a;
|
|
28
28
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
29
|
-
const composite =
|
|
30
|
-
const initialState =
|
|
31
|
-
inputElement:
|
|
32
|
-
labelElement:
|
|
33
|
-
value:
|
|
34
|
-
values:
|
|
29
|
+
const composite = _PW36G76Lcjs.createCompositeStore.call(void 0, props);
|
|
30
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
31
|
+
inputElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.inputElement, null),
|
|
32
|
+
labelElement: _BTUHABP4cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.labelElement, null),
|
|
33
|
+
value: _BTUHABP4cjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, ""),
|
|
34
|
+
values: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
35
35
|
props.values,
|
|
36
36
|
syncState == null ? void 0 : syncState.values,
|
|
37
37
|
props.defaultValues,
|
|
38
38
|
[]
|
|
39
39
|
)
|
|
40
40
|
});
|
|
41
|
-
const tag =
|
|
42
|
-
|
|
41
|
+
const tag = _3QF3ODTRcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
42
|
+
_3QF3ODTRcjs.setup.call(void 0,
|
|
43
43
|
tag,
|
|
44
|
-
() =>
|
|
45
|
-
if (!state.inputElement)
|
|
46
|
-
|
|
47
|
-
if (state.activeId !== void 0)
|
|
48
|
-
return;
|
|
44
|
+
() => _3QF3ODTRcjs.sync.call(void 0, tag, ["inputElement", "activeId"], (state) => {
|
|
45
|
+
if (!state.inputElement) return;
|
|
46
|
+
if (state.activeId !== void 0) return;
|
|
49
47
|
tag.setState("activeId", state.inputElement.id);
|
|
50
48
|
})
|
|
51
49
|
);
|
|
52
50
|
const setValues = (values) => {
|
|
53
51
|
const { values: previousValues } = tag.getState();
|
|
54
|
-
|
|
52
|
+
_7CES7GVEcjs.UndoManager.execute(() => {
|
|
55
53
|
let changed = true;
|
|
56
54
|
tag.setState("values", (prev) => {
|
|
57
|
-
const next =
|
|
55
|
+
const next = _BTUHABP4cjs.applyState.call(void 0, values, prev);
|
|
58
56
|
if (next === prev) {
|
|
59
57
|
changed = false;
|
|
60
58
|
}
|
|
61
59
|
return next;
|
|
62
60
|
});
|
|
63
|
-
if (!changed)
|
|
64
|
-
return;
|
|
61
|
+
if (!changed) return;
|
|
65
62
|
return () => {
|
|
66
63
|
var _a2;
|
|
67
64
|
tag.setState("values", previousValues);
|
|
@@ -69,7 +66,7 @@ function createTagStore(props = {}) {
|
|
|
69
66
|
};
|
|
70
67
|
});
|
|
71
68
|
};
|
|
72
|
-
return
|
|
69
|
+
return _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, composite), tag), {
|
|
73
70
|
setInputElement: (inputElement) => tag.setState("inputElement", inputElement),
|
|
74
71
|
setLabelElement: (labelElement) => tag.setState("labelElement", labelElement),
|
|
75
72
|
setValue: (value) => tag.setState("value", value),
|
|
@@ -77,8 +74,7 @@ function createTagStore(props = {}) {
|
|
|
77
74
|
setValues,
|
|
78
75
|
addValue: (value) => {
|
|
79
76
|
setValues((values) => {
|
|
80
|
-
if (values.includes(value))
|
|
81
|
-
return values;
|
|
77
|
+
if (values.includes(value)) return values;
|
|
82
78
|
return [...values, value];
|
|
83
79
|
});
|
|
84
80
|
},
|
|
@@ -1,30 +1,30 @@
|
|
|
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
|
-
require('../__chunks/
|
|
7
|
+
require('../__chunks/3QF3ODTR.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
require('../__chunks/
|
|
10
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
11
|
+
require('../__chunks/7WYII4AN.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
16
16
|
|
|
17
17
|
// src/toolbar/toolbar-store.ts
|
|
18
18
|
function createToolbarStore(props = {}) {
|
|
19
19
|
var _a;
|
|
20
20
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
21
|
-
return
|
|
22
|
-
orientation:
|
|
21
|
+
return _PW36G76Lcjs.createCompositeStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
22
|
+
orientation: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
23
23
|
props.orientation,
|
|
24
24
|
syncState == null ? void 0 : syncState.orientation,
|
|
25
25
|
"horizontal"
|
|
26
26
|
),
|
|
27
|
-
focusLoop:
|
|
27
|
+
focusLoop: _BTUHABP4cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
28
28
|
}));
|
|
29
29
|
}
|
|
30
30
|
|
|
@@ -1,20 +1,20 @@
|
|
|
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 _XIZWLBI2cjs = require('../__chunks/XIZWLBI2.cjs');
|
|
5
|
+
require('../__chunks/H6ZQSQQL.cjs');
|
|
6
|
+
require('../__chunks/N667HVED.cjs');
|
|
7
|
+
require('../__chunks/QLWAGBAQ.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _3QF3ODTRcjs = require('../__chunks/3QF3ODTR.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _BTUHABP4cjs = require('../__chunks/BTUHABP4.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
var
|
|
17
|
+
var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
|
|
18
18
|
|
|
19
19
|
// src/tooltip/tooltip-store.ts
|
|
20
20
|
function createTooltipStore(props = {}) {
|
|
@@ -29,20 +29,20 @@ function createTooltipStore(props = {}) {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
32
|
-
const hovercard =
|
|
33
|
-
placement:
|
|
32
|
+
const hovercard = _XIZWLBI2cjs.createHovercardStore.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, props), {
|
|
33
|
+
placement: _BTUHABP4cjs.defaultValue.call(void 0,
|
|
34
34
|
props.placement,
|
|
35
35
|
syncState == null ? void 0 : syncState.placement,
|
|
36
36
|
"top"
|
|
37
37
|
),
|
|
38
|
-
hideTimeout:
|
|
38
|
+
hideTimeout: _BTUHABP4cjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout, 0)
|
|
39
39
|
}));
|
|
40
|
-
const initialState =
|
|
41
|
-
type:
|
|
42
|
-
skipTimeout:
|
|
40
|
+
const initialState = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, hovercard.getState()), {
|
|
41
|
+
type: _BTUHABP4cjs.defaultValue.call(void 0, props.type, syncState == null ? void 0 : syncState.type, "description"),
|
|
42
|
+
skipTimeout: _BTUHABP4cjs.defaultValue.call(void 0, props.skipTimeout, syncState == null ? void 0 : syncState.skipTimeout, 300)
|
|
43
43
|
});
|
|
44
|
-
const tooltip =
|
|
45
|
-
return
|
|
44
|
+
const tooltip = _3QF3ODTRcjs.createStore.call(void 0, initialState, hovercard, props.store);
|
|
45
|
+
return _3IVNQNIVcjs.__spreadValues.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {}, hovercard), tooltip);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
|