@ariakit/core 0.1.4 → 0.2.0
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 +66 -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/CNODBYSG.cjs +58 -0
- 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/{QNEPGQLL.cjs → M6ZA7XUP.cjs} +6 -2
- package/cjs/__chunks/RD3S4VKY.cjs +60 -0
- 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/hovercard/hovercard-store.d.ts +3 -2
- 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/popover/popover-store.d.ts +8 -89
- 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 +31 -79
- package/cjs/tooltip/tooltip-store.d.ts +20 -15
- 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/3BAGFTL5.js +58 -0
- package/esm/__chunks/4BKCJXBM.js +37 -0
- package/esm/__chunks/{NA5BK7DD.js → BOKMNDR7.js} +22 -10
- 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/Z5IDQSMV.js +60 -0
- 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.d.ts +3 -2
- 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.d.ts +8 -89
- 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.d.ts +20 -15
- package/esm/tooltip/tooltip-store.js +32 -80
- 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/cjs/__chunks/HLVPXX7H.cjs +0 -1491
- package/esm/__chunks/6HMPWUDT.js +0 -57
- package/esm/__chunks/6PEWNRTN.js +0 -1491
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _6SPJEESBcjs = require('./6SPJEESB.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _M6ZA7XUPcjs = require('./M6ZA7XUP.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _ZNW4LSWUcjs = require('./ZNW4LSWU.cjs');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
var _6455U47Tcjs = require('./6455U47T.cjs');
|
|
11
15
|
|
|
12
16
|
// src/collection/collection-store.ts
|
|
13
17
|
function isElementPreceding(a, b) {
|
|
@@ -42,29 +46,31 @@ function sortBasedOnDOMPosition(items) {
|
|
|
42
46
|
return items;
|
|
43
47
|
}
|
|
44
48
|
function getCommonParent(items) {
|
|
49
|
+
var _a;
|
|
45
50
|
const firstItem = items.find((item) => !!item.element);
|
|
46
51
|
const lastItem = [...items].reverse().find((item) => !!item.element);
|
|
47
|
-
let parentElement =
|
|
48
|
-
while (parentElement &&
|
|
52
|
+
let parentElement = (_a = firstItem == null ? void 0 : firstItem.element) == null ? void 0 : _a.parentElement;
|
|
53
|
+
while (parentElement && (lastItem == null ? void 0 : lastItem.element)) {
|
|
49
54
|
const parent = parentElement;
|
|
50
55
|
if (lastItem && parent.contains(lastItem.element)) {
|
|
51
56
|
return parentElement;
|
|
52
57
|
}
|
|
53
58
|
parentElement = parentElement.parentElement;
|
|
54
59
|
}
|
|
55
|
-
return
|
|
60
|
+
return _ZNW4LSWUcjs.getDocument.call(void 0, parentElement).body;
|
|
56
61
|
}
|
|
57
62
|
function createCollectionStore(props = {}) {
|
|
63
|
+
var _a;
|
|
58
64
|
const itemsMap = /* @__PURE__ */ new Map();
|
|
59
|
-
const syncState =
|
|
65
|
+
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
60
66
|
const initialState = {
|
|
61
|
-
items:
|
|
62
|
-
renderedItems:
|
|
67
|
+
items: _M6ZA7XUPcjs.defaultValue.call(void 0, props.items, syncState == null ? void 0 : syncState.items, props.defaultItems, []),
|
|
68
|
+
renderedItems: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
|
|
63
69
|
};
|
|
64
|
-
const privateStore =
|
|
70
|
+
const privateStore = _6SPJEESBcjs.createStore.call(void 0, {
|
|
65
71
|
renderedItems: initialState.renderedItems
|
|
66
72
|
});
|
|
67
|
-
const collection =
|
|
73
|
+
const collection = _6SPJEESBcjs.createStore.call(void 0, initialState, props.store);
|
|
68
74
|
const sortItems = () => {
|
|
69
75
|
const state = privateStore.getState();
|
|
70
76
|
const renderedItems = sortBasedOnDOMPosition(state.renderedItems);
|
|
@@ -108,7 +114,7 @@ function createCollectionStore(props = {}) {
|
|
|
108
114
|
const nextItems = items.slice();
|
|
109
115
|
if (index && index >= 0) {
|
|
110
116
|
prevItem = items[index];
|
|
111
|
-
const nextItem = {
|
|
117
|
+
const nextItem = _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, prevItem), item);
|
|
112
118
|
nextItems[index] = nextItem;
|
|
113
119
|
itemsMap.set(item.id, nextItem);
|
|
114
120
|
} else {
|
|
@@ -137,10 +143,9 @@ function createCollectionStore(props = {}) {
|
|
|
137
143
|
return unmergeItem;
|
|
138
144
|
};
|
|
139
145
|
const registerItem = (item) => mergeItem(item, (getItems) => collection.setState("items", getItems), true);
|
|
140
|
-
return {
|
|
141
|
-
...collection,
|
|
146
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, collection), {
|
|
142
147
|
registerItem,
|
|
143
|
-
renderItem: (item) =>
|
|
148
|
+
renderItem: (item) => _M6ZA7XUPcjs.chain.call(void 0,
|
|
144
149
|
registerItem(item),
|
|
145
150
|
mergeItem(
|
|
146
151
|
item,
|
|
@@ -160,7 +165,7 @@ function createCollectionStore(props = {}) {
|
|
|
160
165
|
}
|
|
161
166
|
return item || null;
|
|
162
167
|
}
|
|
163
|
-
};
|
|
168
|
+
});
|
|
164
169
|
}
|
|
165
170
|
|
|
166
171
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _27ZAGOYGcjs = require('./27ZAGOYG.cjs');
|
|
4
4
|
|
|
5
5
|
// src/dialog/dialog-store.ts
|
|
6
6
|
function createDialogStore(props = {}) {
|
|
7
|
-
return
|
|
7
|
+
return _27ZAGOYGcjs.createDisclosureStore.call(void 0, props);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _6455U47Tcjs = require('./6455U47T.cjs');
|
|
4
|
+
|
|
5
|
+
// src/utils/misc.ts
|
|
2
6
|
function noop(..._) {
|
|
3
7
|
}
|
|
4
8
|
function shallowEqual(a, b) {
|
|
@@ -76,7 +80,7 @@ function normalizeString(str) {
|
|
|
76
80
|
return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
|
|
77
81
|
}
|
|
78
82
|
function omit(object, keys) {
|
|
79
|
-
const result = {
|
|
83
|
+
const result = _6455U47Tcjs.__spreadValues.call(void 0, {}, object);
|
|
80
84
|
for (const key of keys) {
|
|
81
85
|
if (hasOwnProperty(result, key)) {
|
|
82
86
|
delete result[key];
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _HEFJPUYDcjs = require('./HEFJPUYD.cjs');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _6SPJEESBcjs = require('./6SPJEESB.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _M6ZA7XUPcjs = require('./M6ZA7XUP.cjs');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
var _6455U47Tcjs = require('./6455U47T.cjs');
|
|
16
|
+
|
|
17
|
+
// src/popover/popover-store.ts
|
|
18
|
+
function createPopoverStore(_a = {}) {
|
|
19
|
+
var _b = _a, {
|
|
20
|
+
popover: otherPopover
|
|
21
|
+
} = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
|
|
22
|
+
"popover"
|
|
23
|
+
]);
|
|
24
|
+
const store = _6SPJEESBcjs.mergeStore.call(void 0,
|
|
25
|
+
props.store,
|
|
26
|
+
otherPopover == null ? void 0 : otherPopover.omit(
|
|
27
|
+
"arrowElement",
|
|
28
|
+
"anchorElement",
|
|
29
|
+
"contentElement",
|
|
30
|
+
"popoverElement",
|
|
31
|
+
"disclosureElement"
|
|
32
|
+
)
|
|
33
|
+
);
|
|
34
|
+
const syncState = store == null ? void 0 : store.getState();
|
|
35
|
+
const dialog = _HEFJPUYDcjs.createDialogStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { store }));
|
|
36
|
+
const placement = _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
37
|
+
props.placement,
|
|
38
|
+
syncState == null ? void 0 : syncState.placement,
|
|
39
|
+
"bottom"
|
|
40
|
+
);
|
|
41
|
+
const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, dialog.getState()), {
|
|
42
|
+
placement,
|
|
43
|
+
currentPlacement: placement,
|
|
44
|
+
anchorElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.anchorElement, null),
|
|
45
|
+
popoverElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.popoverElement, null),
|
|
46
|
+
arrowElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
|
|
47
|
+
rendered: Symbol("rendered")
|
|
48
|
+
});
|
|
49
|
+
const popover = _6SPJEESBcjs.createStore.call(void 0, initialState, dialog, store);
|
|
50
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, dialog), popover), {
|
|
51
|
+
setAnchorElement: (element) => popover.setState("anchorElement", element),
|
|
52
|
+
setPopoverElement: (element) => popover.setState("popoverElement", element),
|
|
53
|
+
setArrowElement: (element) => popover.setState("arrowElement", element),
|
|
54
|
+
render: () => popover.setState("rendered", Symbol("rendered"))
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
exports.createPopoverStore = createPopoverStore;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/dom.ts
|
|
2
2
|
var canUseDOM = checkIsBrowser();
|
|
3
3
|
function checkIsBrowser() {
|
|
4
|
-
|
|
4
|
+
var _a;
|
|
5
|
+
return typeof window !== "undefined" && !!((_a = window.document) == null ? void 0 : _a.createElement);
|
|
5
6
|
}
|
|
6
7
|
function getDocument(node) {
|
|
7
8
|
return node ? node.ownerDocument || node : document;
|
|
@@ -11,7 +12,7 @@ function getWindow(node) {
|
|
|
11
12
|
}
|
|
12
13
|
function getActiveElement(node, activeDescendant = false) {
|
|
13
14
|
const { activeElement } = getDocument(node);
|
|
14
|
-
if (!
|
|
15
|
+
if (!(activeElement == null ? void 0 : activeElement.nodeName)) {
|
|
15
16
|
return null;
|
|
16
17
|
}
|
|
17
18
|
if (isFrame(activeElement) && activeElement.contentDocument) {
|
|
@@ -88,13 +89,14 @@ function isTextField(element) {
|
|
|
88
89
|
}
|
|
89
90
|
function getPopupRole(element, fallback) {
|
|
90
91
|
const allowedPopupRoles = ["dialog", "menu", "listbox", "tree", "grid"];
|
|
91
|
-
const role =
|
|
92
|
+
const role = element == null ? void 0 : element.getAttribute("role");
|
|
92
93
|
if (role && allowedPopupRoles.indexOf(role) !== -1) {
|
|
93
94
|
return role;
|
|
94
95
|
}
|
|
95
96
|
return fallback;
|
|
96
97
|
}
|
|
97
98
|
function getPopupItemRole(element, fallback) {
|
|
99
|
+
var _a;
|
|
98
100
|
const itemRoleByPopupRole = {
|
|
99
101
|
menu: "menuitem",
|
|
100
102
|
listbox: "option",
|
|
@@ -105,7 +107,7 @@ function getPopupItemRole(element, fallback) {
|
|
|
105
107
|
if (!popupRole)
|
|
106
108
|
return fallback;
|
|
107
109
|
const key = popupRole;
|
|
108
|
-
return
|
|
110
|
+
return (_a = itemRoleByPopupRole[key]) != null ? _a : fallback;
|
|
109
111
|
}
|
|
110
112
|
function getTextboxSelection(element) {
|
|
111
113
|
let start = 0;
|
|
@@ -115,7 +117,7 @@ function getTextboxSelection(element) {
|
|
|
115
117
|
end = element.selectionEnd || 0;
|
|
116
118
|
} else if (element.isContentEditable) {
|
|
117
119
|
const selection = getDocument(element).getSelection();
|
|
118
|
-
if (
|
|
120
|
+
if ((selection == null ? void 0 : selection.rangeCount) && selection.anchorNode && contains(element, selection.anchorNode) && selection.focusNode && contains(element, selection.focusNode)) {
|
|
119
121
|
const range = selection.getRangeAt(0);
|
|
120
122
|
const nextRange = range.cloneRange();
|
|
121
123
|
nextRange.selectNodeContents(element);
|
|
@@ -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
|
|
3
|
+
var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
7
11
|
|
|
8
12
|
// src/checkbox/checkbox-store.ts
|
|
9
13
|
function createCheckboxStore(props = {}) {
|
|
10
|
-
|
|
14
|
+
var _a;
|
|
15
|
+
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
11
16
|
const initialState = {
|
|
12
|
-
value:
|
|
17
|
+
value: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
13
18
|
props.value,
|
|
14
|
-
|
|
19
|
+
syncState == null ? void 0 : syncState.value,
|
|
15
20
|
props.defaultValue,
|
|
16
21
|
false
|
|
17
22
|
)
|
|
18
23
|
};
|
|
19
|
-
const checkbox =
|
|
20
|
-
return {
|
|
21
|
-
...checkbox,
|
|
24
|
+
const checkbox = _6SPJEESBcjs.createStore.call(void 0, initialState, props.store);
|
|
25
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, checkbox), {
|
|
22
26
|
setValue: (value) => checkbox.setState("value", value)
|
|
23
|
-
};
|
|
27
|
+
});
|
|
24
28
|
}
|
|
25
29
|
|
|
26
30
|
|
|
@@ -1,9 +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/
|
|
3
|
+
var _FXEBKN6Gcjs = require('../__chunks/FXEBKN6G.cjs');
|
|
4
|
+
require('../__chunks/6SPJEESB.cjs');
|
|
5
|
+
require('../__chunks/M6ZA7XUP.cjs');
|
|
6
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
7
|
+
require('../__chunks/6455U47T.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
|
-
exports.createCollectionStore =
|
|
10
|
+
exports.createCollectionStore = _FXEBKN6Gcjs.createCollectionStore;
|
|
@@ -1,44 +1,52 @@
|
|
|
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 _RD3S4VKYcjs = require('../__chunks/RD3S4VKY.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
|
|
16
|
+
var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
require('../__chunks/
|
|
20
|
+
var _DBHIHK7Ccjs = require('../__chunks/DBHIHK7C.cjs');
|
|
21
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
22
22
|
require('../__chunks/GDZQUFNP.cjs');
|
|
23
23
|
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
|
|
28
|
+
|
|
24
29
|
// src/combobox/combobox-store.ts
|
|
25
|
-
var isSafariOnMobile =
|
|
26
|
-
function createComboboxStore({
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} =
|
|
31
|
-
|
|
30
|
+
var isSafariOnMobile = _DBHIHK7Ccjs.isSafari.call(void 0, ) && _DBHIHK7Ccjs.isTouchDevice.call(void 0, );
|
|
31
|
+
function createComboboxStore(_a = {}) {
|
|
32
|
+
var _b = _a, {
|
|
33
|
+
menu,
|
|
34
|
+
select
|
|
35
|
+
} = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
|
|
36
|
+
"menu",
|
|
37
|
+
"select"
|
|
38
|
+
]);
|
|
39
|
+
const store = _6SPJEESBcjs.mergeStore.call(void 0,
|
|
32
40
|
props.store,
|
|
33
|
-
|
|
41
|
+
menu == null ? void 0 : menu.omit(
|
|
34
42
|
"baseElement",
|
|
35
43
|
"arrowElement",
|
|
36
44
|
"anchorElement",
|
|
37
45
|
"contentElement",
|
|
38
46
|
"popoverElement",
|
|
39
47
|
"disclosureElement"
|
|
40
|
-
)
|
|
41
|
-
|
|
48
|
+
),
|
|
49
|
+
select == null ? void 0 : select.omit(
|
|
42
50
|
"value",
|
|
43
51
|
"items",
|
|
44
52
|
"renderedItems",
|
|
@@ -48,64 +56,60 @@ function createComboboxStore({
|
|
|
48
56
|
"contentElement",
|
|
49
57
|
"popoverElement",
|
|
50
58
|
"disclosureElement"
|
|
51
|
-
)
|
|
59
|
+
)
|
|
52
60
|
);
|
|
53
61
|
const syncState = store.getState();
|
|
54
|
-
const activeId =
|
|
62
|
+
const activeId = _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
55
63
|
props.activeId,
|
|
56
64
|
syncState.activeId,
|
|
57
65
|
props.defaultActiveId,
|
|
58
66
|
null
|
|
59
67
|
);
|
|
60
|
-
const composite =
|
|
61
|
-
...props,
|
|
68
|
+
const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
62
69
|
store,
|
|
63
70
|
activeId,
|
|
64
|
-
includesBaseElement:
|
|
71
|
+
includesBaseElement: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
65
72
|
props.includesBaseElement,
|
|
66
73
|
syncState.includesBaseElement,
|
|
67
74
|
true
|
|
68
75
|
),
|
|
69
|
-
orientation:
|
|
76
|
+
orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
70
77
|
props.orientation,
|
|
71
78
|
syncState.orientation,
|
|
72
79
|
"vertical"
|
|
73
80
|
),
|
|
74
|
-
focusLoop:
|
|
75
|
-
focusWrap:
|
|
76
|
-
virtualFocus:
|
|
81
|
+
focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState.focusLoop, true),
|
|
82
|
+
focusWrap: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusWrap, syncState.focusWrap, true),
|
|
83
|
+
virtualFocus: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
77
84
|
props.virtualFocus,
|
|
78
|
-
|
|
85
|
+
syncState == null ? void 0 : syncState.virtualFocus,
|
|
79
86
|
!isSafariOnMobile
|
|
80
87
|
)
|
|
81
|
-
});
|
|
82
|
-
const popover =
|
|
83
|
-
...props,
|
|
88
|
+
}));
|
|
89
|
+
const popover = _RD3S4VKYcjs.createPopoverStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
|
|
84
90
|
store,
|
|
85
|
-
placement:
|
|
91
|
+
placement: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
86
92
|
props.placement,
|
|
87
93
|
syncState.placement,
|
|
88
94
|
"bottom-start"
|
|
89
95
|
)
|
|
90
|
-
});
|
|
91
|
-
const initialValue =
|
|
96
|
+
}));
|
|
97
|
+
const initialValue = _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
92
98
|
props.value,
|
|
93
99
|
syncState.value,
|
|
94
100
|
props.defaultValue,
|
|
95
101
|
""
|
|
96
102
|
);
|
|
97
|
-
const initialState = {
|
|
98
|
-
...composite.getState(),
|
|
99
|
-
...popover.getState(),
|
|
103
|
+
const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
|
|
100
104
|
value: initialValue,
|
|
101
|
-
resetValueOnHide:
|
|
105
|
+
resetValueOnHide: _M6ZA7XUPcjs.defaultValue.call(void 0,
|
|
102
106
|
props.resetValueOnHide,
|
|
103
107
|
syncState.resetValueOnHide,
|
|
104
108
|
false
|
|
105
109
|
),
|
|
106
110
|
activeValue: syncState.activeValue
|
|
107
|
-
};
|
|
108
|
-
const combobox =
|
|
111
|
+
});
|
|
112
|
+
const combobox = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
109
113
|
combobox.setup(
|
|
110
114
|
() => combobox.sync(
|
|
111
115
|
(state) => {
|
|
@@ -146,17 +150,14 @@ function createComboboxStore({
|
|
|
146
150
|
return;
|
|
147
151
|
const { activeId: activeId2 } = combobox.getState();
|
|
148
152
|
const activeItem = composite.item(activeId2);
|
|
149
|
-
combobox.setState("activeValue",
|
|
153
|
+
combobox.setState("activeValue", activeItem == null ? void 0 : activeItem.value);
|
|
150
154
|
},
|
|
151
155
|
["moves", "renderedItems"]
|
|
152
156
|
)
|
|
153
157
|
);
|
|
154
|
-
return {
|
|
155
|
-
...popover,
|
|
156
|
-
...composite,
|
|
157
|
-
...combobox,
|
|
158
|
+
return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, popover), composite), combobox), {
|
|
158
159
|
setValue: (value) => combobox.setState("value", value)
|
|
159
|
-
};
|
|
160
|
+
});
|
|
160
161
|
}
|
|
161
162
|
|
|
162
163
|
|
|
@@ -1,14 +1,15 @@
|
|
|
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 _RD3S4VKYcjs = require('../__chunks/RD3S4VKY.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
|
// src/composite/composite-overflow-store.ts
|
|
10
11
|
function createCompositeOverflowStore(props = {}) {
|
|
11
|
-
return
|
|
12
|
+
return _RD3S4VKYcjs.createPopoverStore.call(void 0, props);
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
|
|
@@ -1,11 +1,12 @@
|
|
|
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 _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
|
|
4
|
+
require('../__chunks/FXEBKN6G.cjs');
|
|
5
|
+
require('../__chunks/6SPJEESB.cjs');
|
|
6
|
+
require('../__chunks/M6ZA7XUP.cjs');
|
|
7
|
+
require('../__chunks/ZNW4LSWU.cjs');
|
|
8
8
|
require('../__chunks/GDZQUFNP.cjs');
|
|
9
|
+
require('../__chunks/6455U47T.cjs');
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
exports.createCompositeStore =
|
|
12
|
+
exports.createCompositeStore = _EUJ6NNA6cjs.createCompositeStore;
|
|
@@ -1,9 +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/
|
|
3
|
+
var _HEFJPUYDcjs = require('../__chunks/HEFJPUYD.cjs');
|
|
4
|
+
require('../__chunks/27ZAGOYG.cjs');
|
|
5
|
+
require('../__chunks/6SPJEESB.cjs');
|
|
6
|
+
require('../__chunks/M6ZA7XUP.cjs');
|
|
7
|
+
require('../__chunks/6455U47T.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
|
-
exports.createDialogStore =
|
|
10
|
+
exports.createDialogStore = _HEFJPUYDcjs.createDialogStore;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
5
|
-
require('../__chunks/
|
|
3
|
+
var _27ZAGOYGcjs = require('../__chunks/27ZAGOYG.cjs');
|
|
4
|
+
require('../__chunks/6SPJEESB.cjs');
|
|
5
|
+
require('../__chunks/M6ZA7XUP.cjs');
|
|
6
|
+
require('../__chunks/6455U47T.cjs');
|
|
6
7
|
|
|
7
8
|
|
|
8
|
-
exports.createDisclosureStore =
|
|
9
|
+
exports.createDisclosureStore = _27ZAGOYGcjs.createDisclosureStore;
|
|
@@ -7,6 +7,10 @@ export declare function createDisclosureStore(props?: DisclosureStoreProps): Dis
|
|
|
7
7
|
export interface DisclosureStoreState {
|
|
8
8
|
/**
|
|
9
9
|
* The visibility state of the content.
|
|
10
|
+
*
|
|
11
|
+
* Live examples:
|
|
12
|
+
* - [Dialog with React
|
|
13
|
+
* Router](https://ariakit.org/examples/dialog-react-router)
|
|
10
14
|
* @default false
|
|
11
15
|
*/
|
|
12
16
|
open: boolean;
|
|
@@ -58,6 +62,8 @@ export interface DisclosureStoreFunctions {
|
|
|
58
62
|
* Live examples:
|
|
59
63
|
* - [Textarea with inline
|
|
60
64
|
* Combobox](https://ariakit.org/examples/combobox-textarea)
|
|
65
|
+
* - [Dialog with React
|
|
66
|
+
* Router](https://ariakit.org/examples/dialog-react-router)
|
|
61
67
|
* @example
|
|
62
68
|
* store.setOpen(true);
|
|
63
69
|
* store.setOpen((open) => !open);
|
|
@@ -77,6 +83,8 @@ export interface DisclosureStoreFunctions {
|
|
|
77
83
|
* Live examples:
|
|
78
84
|
* - [Textarea with inline
|
|
79
85
|
* Combobox](https://ariakit.org/examples/combobox-textarea)
|
|
86
|
+
* - [Dialog with React
|
|
87
|
+
* Router](https://ariakit.org/examples/dialog-react-router)
|
|
80
88
|
*/
|
|
81
89
|
hide: () => void;
|
|
82
90
|
/**
|