@ariakit/react-core 0.1.3 → 0.1.4
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 +14 -0
- package/cjs/__chunks/{7HZT2AAH.cjs → 44M2NZSK.cjs} +2 -2
- package/cjs/__chunks/{CMHDB7LY.cjs → CP6M4POZ.cjs} +2 -2
- package/cjs/__chunks/{HJTX27PU.cjs → FHUZG4VD.cjs} +39 -18
- package/cjs/__chunks/{XKBGBOWQ.cjs → MWKUZW4E.cjs} +2 -0
- package/cjs/__chunks/OKPDB2ZM.cjs +44 -0
- package/cjs/__chunks/{LH4INSYS.cjs → TGXF67NL.cjs} +2 -2
- package/cjs/__chunks/{KWHAB2F2.cjs → ZDO3DQPW.cjs} +1 -2
- package/cjs/combobox/combobox-popover.cjs +7 -8
- package/cjs/combobox/combobox.cjs +20 -8
- package/cjs/composite/composite-overflow.cjs +7 -8
- package/cjs/dialog/dialog.cjs +6 -7
- package/cjs/dialog/utils/disable-tree-outside.cjs +7 -0
- package/cjs/dialog/utils/disable-tree-outside.d.ts +3 -0
- package/cjs/dialog/utils/use-champion-dialog.cjs +2 -2
- package/cjs/dialog/utils/use-hide-on-interact-outside.cjs +2 -2
- package/cjs/dialog/utils/use-prevent-body-scroll.cjs +3 -3
- package/cjs/form/form-checkbox.cjs +2 -2
- package/cjs/hovercard/hovercard.cjs +8 -9
- package/cjs/menu/menu-item-checkbox.cjs +2 -2
- package/cjs/menu/menu.cjs +8 -9
- package/cjs/popover/popover.cjs +7 -8
- package/cjs/select/select-popover.cjs +7 -8
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/dialog/utils/disable-tree-outside/package.json +7 -0
- package/esm/__chunks/{HLAXMBLL.js → ARIIJA3Z.js} +3 -1
- package/esm/__chunks/{ZVCQYVEV.js → FD7UP2TJ.js} +3 -4
- package/esm/__chunks/{QCGEDLZG.js → GEOALYS4.js} +1 -1
- package/esm/__chunks/{LFCJQX2O.js → GWYHKM6Q.js} +1 -1
- package/esm/__chunks/{XQPXGTBO.js → IW7LFTQE.js} +1 -1
- package/esm/__chunks/{PAZURDJA.js → WWZPDI2E.js} +37 -16
- package/esm/__chunks/X3J57OQT.js +44 -0
- package/esm/combobox/combobox-popover.js +6 -7
- package/esm/combobox/combobox.js +20 -8
- package/esm/composite/composite-overflow.js +6 -7
- package/esm/dialog/dialog.js +5 -6
- package/esm/dialog/utils/disable-tree-outside.d.ts +3 -0
- package/esm/dialog/utils/disable-tree-outside.js +7 -0
- package/esm/dialog/utils/use-champion-dialog.js +1 -1
- package/esm/dialog/utils/use-hide-on-interact-outside.js +1 -1
- package/esm/dialog/utils/use-prevent-body-scroll.js +2 -2
- package/esm/form/form-checkbox.js +3 -3
- package/esm/hovercard/hovercard.js +7 -8
- package/esm/menu/menu-item-checkbox.js +3 -3
- package/esm/menu/menu.js +7 -8
- package/esm/popover/popover.js +6 -7
- package/esm/select/select-popover.js +6 -7
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -8
- package/cjs/__chunks/ORRE4SVW.cjs +0 -31
- package/cjs/__chunks/RDNP4FTV.cjs +0 -30
- package/cjs/dialog/utils/disable-pointer-events-outside.cjs +0 -7
- package/cjs/dialog/utils/disable-pointer-events-outside.d.ts +0 -3
- package/cjs/dialog/utils/use-focus-on-child-unmount.cjs +0 -6
- package/cjs/dialog/utils/use-focus-on-child-unmount.d.ts +0 -6
- package/dialog/utils/disable-pointer-events-outside/package.json +0 -7
- package/dialog/utils/use-focus-on-child-unmount/package.json +0 -7
- package/esm/__chunks/547F7FFZ.js +0 -30
- package/esm/__chunks/WO2RXMKK.js +0 -31
- package/esm/dialog/utils/disable-pointer-events-outside.d.ts +0 -3
- package/esm/dialog/utils/disable-pointer-events-outside.js +0 -7
- package/esm/dialog/utils/use-focus-on-child-unmount.d.ts +0 -6
- package/esm/dialog/utils/use-focus-on-child-unmount.js +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @ariakit/react-core
|
|
2
2
|
|
|
3
|
+
## 0.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Added support for the `inert` attribute on the `Dialog` component. If the browser supports `inert`, modal dialogs will now use it rather than focus trap regions. ([#2301](https://github.com/ariakit/ariakit/pull/2301))
|
|
8
|
+
|
|
9
|
+
- Fixed nested modal `Dialog` also closing the parent dialog when clicking outside. ([#2300](https://github.com/ariakit/ariakit/pull/2300))
|
|
10
|
+
|
|
11
|
+
- Fixed modal `Dialog` eventually losing focus to `document.body`. ([#2300](https://github.com/ariakit/ariakit/pull/2300))
|
|
12
|
+
|
|
13
|
+
- Fixed `Combobox` with `autoSelect` and `autoComplete` set to `both` or `inline` where the completion string would lose its selected state. ([#2308](https://github.com/ariakit/ariakit/pull/2308))
|
|
14
|
+
|
|
15
|
+
- Fixed `Combobox` not processing composition text (like chinese characters or accents). ([#2308](https://github.com/ariakit/ariakit/pull/2308))
|
|
16
|
+
|
|
3
17
|
## 0.1.3
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _TGXF67NLcjs = require('./TGXF67NL.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
@@ -268,7 +268,7 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
268
268
|
};
|
|
269
269
|
props = useAutoFocusOnHide({ store, ...props });
|
|
270
270
|
props = useAutoFocusOnShow({ store, modal, ...props });
|
|
271
|
-
props =
|
|
271
|
+
props = _TGXF67NLcjs.usePopover.call(void 0, {
|
|
272
272
|
hideOnEscape,
|
|
273
273
|
store,
|
|
274
274
|
modal,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
|
|
@@ -39,7 +39,7 @@ function getPaddingProperty(documentElement) {
|
|
|
39
39
|
return scrollbarX ? "paddingLeft" : "paddingRight";
|
|
40
40
|
}
|
|
41
41
|
function usePreventBodyScroll(store, enabled) {
|
|
42
|
-
const isChampionDialog =
|
|
42
|
+
const isChampionDialog = _ZDO3DQPWcjs.useChampionDialog.call(void 0,
|
|
43
43
|
"data-dialog-body-scroll",
|
|
44
44
|
store,
|
|
45
45
|
enabled
|
|
@@ -3,16 +3,13 @@
|
|
|
3
3
|
var _2ZU7T6CDcjs = require('./2ZU7T6CD.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var _ORRE4SVWcjs = require('./ORRE4SVW.cjs');
|
|
6
|
+
var _MWKUZW4Ecjs = require('./MWKUZW4E.cjs');
|
|
10
7
|
|
|
11
8
|
|
|
12
9
|
var _5EIZ4QQ7cjs = require('./5EIZ4QQ7.cjs');
|
|
13
10
|
|
|
14
11
|
|
|
15
|
-
var
|
|
12
|
+
var _OKPDB2ZMcjs = require('./OKPDB2ZM.cjs');
|
|
16
13
|
|
|
17
14
|
|
|
18
15
|
var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
|
|
@@ -21,10 +18,10 @@ var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
|
|
|
21
18
|
var _ZNVMDYMMcjs = require('./ZNVMDYMM.cjs');
|
|
22
19
|
|
|
23
20
|
|
|
24
|
-
var
|
|
21
|
+
var _CP6M4POZcjs = require('./CP6M4POZ.cjs');
|
|
25
22
|
|
|
26
23
|
|
|
27
|
-
var
|
|
24
|
+
var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
|
|
28
25
|
|
|
29
26
|
|
|
30
27
|
var _T4TB3AAZcjs = require('./T4TB3AAZ.cjs');
|
|
@@ -164,14 +161,37 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
164
161
|
const shouldPreventBodyScroll = store.useState(
|
|
165
162
|
(state) => preventBodyScroll && state.mounted
|
|
166
163
|
);
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
_XKBGBOWQcjs.useHideOnInteractOutside.call(void 0, {
|
|
164
|
+
_CP6M4POZcjs.usePreventBodyScroll.call(void 0, store, shouldPreventBodyScroll);
|
|
165
|
+
_MWKUZW4Ecjs.useHideOnInteractOutside.call(void 0, {
|
|
170
166
|
store,
|
|
171
167
|
modal,
|
|
172
168
|
hideOnInteractOutside,
|
|
173
169
|
nestedDialogs
|
|
174
170
|
});
|
|
171
|
+
const shouldRestoreLostFocus = _ZDO3DQPWcjs.useChampionDialog.call(void 0,
|
|
172
|
+
"data-dialog-restore-lost-focus",
|
|
173
|
+
store,
|
|
174
|
+
open && modal && !openModals.length
|
|
175
|
+
);
|
|
176
|
+
_react.useEffect.call(void 0, () => {
|
|
177
|
+
if (!shouldRestoreLostFocus())
|
|
178
|
+
return;
|
|
179
|
+
let raf = 0;
|
|
180
|
+
const restoreLostFocus = () => {
|
|
181
|
+
const dialog = ref.current;
|
|
182
|
+
raf = requestAnimationFrame(restoreLostFocus);
|
|
183
|
+
if (!dialog)
|
|
184
|
+
return;
|
|
185
|
+
const doc = _dom.getDocument.call(void 0, dialog);
|
|
186
|
+
if (!doc.hasFocus())
|
|
187
|
+
return;
|
|
188
|
+
if (doc.activeElement !== doc.body)
|
|
189
|
+
return;
|
|
190
|
+
dialog.focus();
|
|
191
|
+
};
|
|
192
|
+
restoreLostFocus();
|
|
193
|
+
return () => cancelAnimationFrame(raf);
|
|
194
|
+
}, [shouldRestoreLostFocus]);
|
|
175
195
|
const mounted = store.useState("mounted");
|
|
176
196
|
if (isSafariBrowser) {
|
|
177
197
|
_react.useEffect.call(void 0, () => {
|
|
@@ -217,7 +237,7 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
217
237
|
return;
|
|
218
238
|
return _5EIZ4QQ7cjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
|
|
219
239
|
}, [mounted, domReady, shouldDisableAccessibilityTree]);
|
|
220
|
-
const shouldDisableOutside =
|
|
240
|
+
const shouldDisableOutside = _ZDO3DQPWcjs.useChampionDialog.call(void 0,
|
|
221
241
|
"data-dialog-disable-outside",
|
|
222
242
|
store,
|
|
223
243
|
open && !openModals.length && shouldDisableAccessibilityTree
|
|
@@ -229,13 +249,11 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
229
249
|
if (modal) {
|
|
230
250
|
return _misc.chain.call(void 0,
|
|
231
251
|
_XFVLDGPPcjs.disableAccessibilityTreeOutside.call(void 0, element),
|
|
232
|
-
|
|
233
|
-
// events outside of the modal dialog.
|
|
234
|
-
!backdrop ? _RDNP4FTVcjs.disablePointerEventsOutside.call(void 0, element) : null
|
|
252
|
+
_OKPDB2ZMcjs.disableTreeOutside.call(void 0, element)
|
|
235
253
|
);
|
|
236
254
|
}
|
|
237
255
|
return _XFVLDGPPcjs.disableAccessibilityTreeOutside.call(void 0, element);
|
|
238
|
-
}, [shouldDisableOutside, portal, portalNode, modal
|
|
256
|
+
}, [shouldDisableOutside, portal, portalNode, modal]);
|
|
239
257
|
const mayAutoFocusOnShow = !!autoFocusOnShow;
|
|
240
258
|
const autoFocusOnShowProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
|
|
241
259
|
_react.useEffect.call(void 0, () => {
|
|
@@ -371,9 +389,12 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
371
389
|
(element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
|
|
372
390
|
[modal]
|
|
373
391
|
);
|
|
374
|
-
const shouldFocusTrap =
|
|
375
|
-
|
|
376
|
-
)
|
|
392
|
+
const [shouldFocusTrap, setShouldFocusTrap] = _react.useState.call(void 0, false);
|
|
393
|
+
const hasOpenModals = !!openModals.length;
|
|
394
|
+
_5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
395
|
+
const value = open && modal && !hasOpenModals && !("inert" in HTMLElement.prototype);
|
|
396
|
+
setShouldFocusTrap(value);
|
|
397
|
+
}, [modal, open, hasOpenModals]);
|
|
377
398
|
props = _ZNVMDYMMcjs.useFocusTrapRegion.call(void 0, { ...props, enabled: shouldFocusTrap });
|
|
378
399
|
const hiddenProp = props.hidden;
|
|
379
400
|
props = _5QY4WCTRcjs.useWrapElement.call(void 0,
|
|
@@ -115,6 +115,8 @@ function useHideOnInteractOutside({
|
|
|
115
115
|
const previousMouseDown = previousMouseDownRef.current;
|
|
116
116
|
if (!previousMouseDown)
|
|
117
117
|
return;
|
|
118
|
+
if (!_dom.isVisible.call(void 0, previousMouseDown))
|
|
119
|
+
return;
|
|
118
120
|
if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
|
|
119
121
|
if (!modal)
|
|
120
122
|
return;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _YHG3KGFWcjs = require('./YHG3KGFW.cjs');
|
|
4
|
+
|
|
5
|
+
// src/dialog/utils/disable-tree-outside.ts
|
|
6
|
+
var _misc = require('@ariakit/core/utils/misc');
|
|
7
|
+
function assignStyle(element, style) {
|
|
8
|
+
if (!element)
|
|
9
|
+
return () => {
|
|
10
|
+
};
|
|
11
|
+
const previousStyle = element.style.cssText;
|
|
12
|
+
Object.assign(element.style, style);
|
|
13
|
+
return () => {
|
|
14
|
+
element.style.cssText = previousStyle;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
function disableElement(element) {
|
|
18
|
+
if (!("style" in element))
|
|
19
|
+
return _misc.noop;
|
|
20
|
+
const previousInert = element.inert;
|
|
21
|
+
element.inert = true;
|
|
22
|
+
return _misc.chain.call(void 0,
|
|
23
|
+
assignStyle(element, {
|
|
24
|
+
pointerEvents: "none",
|
|
25
|
+
userSelect: "none",
|
|
26
|
+
cursor: "default"
|
|
27
|
+
}),
|
|
28
|
+
() => element.inert = previousInert
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
function disableTreeOutside(...elements) {
|
|
32
|
+
const cleanups = [];
|
|
33
|
+
_YHG3KGFWcjs.walkTreeOutside.call(void 0, elements, (element) => {
|
|
34
|
+
cleanups.unshift(disableElement(element));
|
|
35
|
+
});
|
|
36
|
+
const restorePointerEvents = () => {
|
|
37
|
+
cleanups.forEach((fn) => fn());
|
|
38
|
+
};
|
|
39
|
+
return restorePointerEvents;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
exports.disableTreeOutside = disableTreeOutside;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _FHUZG4VDcjs = require('./FHUZG4VD.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
|
|
@@ -90,7 +90,7 @@ var usePopover = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
90
90
|
...props.style
|
|
91
91
|
}
|
|
92
92
|
};
|
|
93
|
-
props =
|
|
93
|
+
props = _FHUZG4VDcjs.useDialog.call(void 0, {
|
|
94
94
|
store,
|
|
95
95
|
modal,
|
|
96
96
|
preserveTabOrder,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
|
|
5
4
|
|
|
6
5
|
// src/dialog/utils/use-champion-dialog.ts
|
|
@@ -19,7 +18,7 @@ function useChampionDialog(attribute, store, enabled) {
|
|
|
19
18
|
const id = body.getAttribute(attribute);
|
|
20
19
|
return !id || id === dialog.id;
|
|
21
20
|
}, [updated, store, enabled, attribute]);
|
|
22
|
-
|
|
21
|
+
_react.useEffect.call(void 0, () => {
|
|
23
22
|
const dialog = store.getState().contentElement;
|
|
24
23
|
if (!dialog)
|
|
25
24
|
return;
|
|
@@ -4,19 +4,18 @@ var _DARNBOHZcjs = require('../__chunks/DARNBOHZ.cjs');
|
|
|
4
4
|
require('../__chunks/2WZVSPAI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
7
|
+
var _TGXF67NLcjs = require('../__chunks/TGXF67NL.cjs');
|
|
8
|
+
require('../__chunks/FHUZG4VD.cjs');
|
|
9
9
|
require('../__chunks/2ZU7T6CD.cjs');
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/ORRE4SVW.cjs');
|
|
10
|
+
require('../__chunks/MWKUZW4E.cjs');
|
|
12
11
|
require('../__chunks/5EIZ4QQ7.cjs');
|
|
13
|
-
require('../__chunks/
|
|
12
|
+
require('../__chunks/OKPDB2ZM.cjs');
|
|
14
13
|
require('../__chunks/XFVLDGPP.cjs');
|
|
15
14
|
require('../__chunks/ZNVMDYMM.cjs');
|
|
16
15
|
require('../__chunks/YHG3KGFW.cjs');
|
|
17
16
|
require('../__chunks/X2GXTE3P.cjs');
|
|
18
|
-
require('../__chunks/
|
|
19
|
-
require('../__chunks/
|
|
17
|
+
require('../__chunks/CP6M4POZ.cjs');
|
|
18
|
+
require('../__chunks/ZDO3DQPW.cjs');
|
|
20
19
|
require('../__chunks/T4TB3AAZ.cjs');
|
|
21
20
|
require('../__chunks/SOPRUU56.cjs');
|
|
22
21
|
require('../__chunks/CQSUIL2D.cjs');
|
|
@@ -53,7 +52,7 @@ var useComboboxPopover = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
53
52
|
({ store, tabIndex, hideOnInteractOutside = true, ...props }) => {
|
|
54
53
|
const baseElement = store.useState("baseElement");
|
|
55
54
|
props = _DARNBOHZcjs.useComboboxList.call(void 0, { store, ...props });
|
|
56
|
-
props =
|
|
55
|
+
props = _TGXF67NLcjs.usePopover.call(void 0, {
|
|
57
56
|
store,
|
|
58
57
|
autoFocusOnShow: false,
|
|
59
58
|
autoFocusOnHide: false,
|
|
@@ -66,6 +66,7 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
66
66
|
const ref = _react.useRef.call(void 0, null);
|
|
67
67
|
const [valueUpdated, forceValueUpdate] = _5QY4WCTRcjs.useForceUpdate.call(void 0, );
|
|
68
68
|
const valueChangedRef = _react.useRef.call(void 0, false);
|
|
69
|
+
const composingRef = _react.useRef.call(void 0, false);
|
|
69
70
|
const autoSelect = store.useState(
|
|
70
71
|
(state) => !!autoSelectProp && state.virtualFocus
|
|
71
72
|
);
|
|
@@ -127,10 +128,12 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
127
128
|
return;
|
|
128
129
|
if (!hasCompletionString(storeValue, activeValue))
|
|
129
130
|
return;
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
131
|
+
queueMicrotask(() => {
|
|
132
|
+
const element = ref.current;
|
|
133
|
+
if (!element)
|
|
134
|
+
return;
|
|
135
|
+
element.setSelectionRange(storeValue.length, activeValue.length);
|
|
136
|
+
});
|
|
134
137
|
}, [
|
|
135
138
|
valueUpdated,
|
|
136
139
|
inline,
|
|
@@ -143,6 +146,8 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
143
146
|
_5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
144
147
|
if (!storeValue)
|
|
145
148
|
return;
|
|
149
|
+
if (composingRef.current)
|
|
150
|
+
return;
|
|
146
151
|
valueChangedRef.current = true;
|
|
147
152
|
}, [storeValue]);
|
|
148
153
|
_5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
@@ -190,10 +195,16 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
190
195
|
const { target } = event;
|
|
191
196
|
const nativeEvent = event.nativeEvent;
|
|
192
197
|
valueChangedRef.current = true;
|
|
193
|
-
if (isInputEvent(nativeEvent)
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
198
|
+
if (isInputEvent(nativeEvent)) {
|
|
199
|
+
if (nativeEvent.isComposing) {
|
|
200
|
+
valueChangedRef.current = false;
|
|
201
|
+
composingRef.current = true;
|
|
202
|
+
}
|
|
203
|
+
if (inline) {
|
|
204
|
+
const textInserted = nativeEvent.inputType === "insertText" || nativeEvent.inputType === "insertCompositionText";
|
|
205
|
+
const caretAtEnd = target.selectionStart === target.value.length;
|
|
206
|
+
setCanInline(textInserted && caretAtEnd);
|
|
207
|
+
}
|
|
197
208
|
}
|
|
198
209
|
if (showOnChangeProp(event)) {
|
|
199
210
|
store.show();
|
|
@@ -215,6 +226,7 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
215
226
|
if (event.defaultPrevented)
|
|
216
227
|
return;
|
|
217
228
|
valueChangedRef.current = true;
|
|
229
|
+
composingRef.current = false;
|
|
218
230
|
if (!autoSelect)
|
|
219
231
|
return;
|
|
220
232
|
forceValueUpdate();
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../__chunks/
|
|
3
|
+
var _TGXF67NLcjs = require('../__chunks/TGXF67NL.cjs');
|
|
4
|
+
require('../__chunks/FHUZG4VD.cjs');
|
|
5
5
|
require('../__chunks/2ZU7T6CD.cjs');
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/ORRE4SVW.cjs');
|
|
6
|
+
require('../__chunks/MWKUZW4E.cjs');
|
|
8
7
|
require('../__chunks/5EIZ4QQ7.cjs');
|
|
9
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/OKPDB2ZM.cjs');
|
|
10
9
|
require('../__chunks/XFVLDGPP.cjs');
|
|
11
10
|
require('../__chunks/ZNVMDYMM.cjs');
|
|
12
11
|
require('../__chunks/YHG3KGFW.cjs');
|
|
13
12
|
require('../__chunks/X2GXTE3P.cjs');
|
|
14
|
-
require('../__chunks/
|
|
15
|
-
require('../__chunks/
|
|
13
|
+
require('../__chunks/CP6M4POZ.cjs');
|
|
14
|
+
require('../__chunks/ZDO3DQPW.cjs');
|
|
16
15
|
require('../__chunks/T4TB3AAZ.cjs');
|
|
17
16
|
require('../__chunks/SOPRUU56.cjs');
|
|
18
17
|
require('../__chunks/CQSUIL2D.cjs');
|
|
@@ -72,7 +71,7 @@ var useCompositeOverflow = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
72
71
|
...props,
|
|
73
72
|
onFocus
|
|
74
73
|
};
|
|
75
|
-
props =
|
|
74
|
+
props = _TGXF67NLcjs.usePopover.call(void 0, {
|
|
76
75
|
store,
|
|
77
76
|
backdropProps,
|
|
78
77
|
wrapperProps,
|
package/cjs/dialog/dialog.cjs
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _FHUZG4VDcjs = require('../__chunks/FHUZG4VD.cjs');
|
|
5
5
|
require('../__chunks/2ZU7T6CD.cjs');
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/ORRE4SVW.cjs');
|
|
6
|
+
require('../__chunks/MWKUZW4E.cjs');
|
|
8
7
|
require('../__chunks/5EIZ4QQ7.cjs');
|
|
9
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/OKPDB2ZM.cjs');
|
|
10
9
|
require('../__chunks/XFVLDGPP.cjs');
|
|
11
10
|
require('../__chunks/ZNVMDYMM.cjs');
|
|
12
11
|
require('../__chunks/YHG3KGFW.cjs');
|
|
13
12
|
require('../__chunks/X2GXTE3P.cjs');
|
|
14
|
-
require('../__chunks/
|
|
15
|
-
require('../__chunks/
|
|
13
|
+
require('../__chunks/CP6M4POZ.cjs');
|
|
14
|
+
require('../__chunks/ZDO3DQPW.cjs');
|
|
16
15
|
require('../__chunks/T4TB3AAZ.cjs');
|
|
17
16
|
require('../__chunks/SOPRUU56.cjs');
|
|
18
17
|
require('../__chunks/CQSUIL2D.cjs');
|
|
@@ -29,4 +28,4 @@ require('../__chunks/2X5K3J7Y.cjs');
|
|
|
29
28
|
|
|
30
29
|
|
|
31
30
|
|
|
32
|
-
exports.Dialog =
|
|
31
|
+
exports.Dialog = _FHUZG4VDcjs.Dialog; exports.useDialog = _FHUZG4VDcjs.useDialog;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _ZDO3DQPWcjs = require('../../__chunks/ZDO3DQPW.cjs');
|
|
4
4
|
require('../../__chunks/5QY4WCTR.cjs');
|
|
5
5
|
require('../../__chunks/2X5K3J7Y.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
exports.useChampionDialog =
|
|
8
|
+
exports.useChampionDialog = _ZDO3DQPWcjs.useChampionDialog;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _MWKUZW4Ecjs = require('../../__chunks/MWKUZW4E.cjs');
|
|
4
4
|
require('../../__chunks/X2GXTE3P.cjs');
|
|
5
5
|
require('../../__chunks/5QY4WCTR.cjs');
|
|
6
6
|
require('../../__chunks/2X5K3J7Y.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.useHideOnInteractOutside =
|
|
9
|
+
exports.useHideOnInteractOutside = _MWKUZW4Ecjs.useHideOnInteractOutside;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../__chunks/
|
|
3
|
+
var _CP6M4POZcjs = require('../../__chunks/CP6M4POZ.cjs');
|
|
4
|
+
require('../../__chunks/ZDO3DQPW.cjs');
|
|
5
5
|
require('../../__chunks/5QY4WCTR.cjs');
|
|
6
6
|
require('../../__chunks/2X5K3J7Y.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.usePreventBodyScroll =
|
|
9
|
+
exports.usePreventBodyScroll = _CP6M4POZcjs.usePreventBodyScroll;
|
|
@@ -6,10 +6,10 @@ var _QRBTWQPIcjs = require('../__chunks/QRBTWQPI.cjs');
|
|
|
6
6
|
var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _NJHMO3XKcjs = require('../__chunks/NJHMO3XK.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _NYVIJAIXcjs = require('../__chunks/NYVIJAIX.cjs');
|
|
13
13
|
require('../__chunks/FO6MB5HF.cjs');
|
|
14
14
|
require('../__chunks/EWCMH6G3.cjs');
|
|
15
15
|
require('../__chunks/3QEUUQVB.cjs');
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _44M2NZSKcjs = require('../__chunks/44M2NZSK.cjs');
|
|
5
5
|
require('../__chunks/OLGMV24U.cjs');
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
6
|
+
require('../__chunks/TGXF67NL.cjs');
|
|
7
|
+
require('../__chunks/FHUZG4VD.cjs');
|
|
8
8
|
require('../__chunks/2ZU7T6CD.cjs');
|
|
9
|
-
require('../__chunks/
|
|
10
|
-
require('../__chunks/ORRE4SVW.cjs');
|
|
9
|
+
require('../__chunks/MWKUZW4E.cjs');
|
|
11
10
|
require('../__chunks/5EIZ4QQ7.cjs');
|
|
12
|
-
require('../__chunks/
|
|
11
|
+
require('../__chunks/OKPDB2ZM.cjs');
|
|
13
12
|
require('../__chunks/XFVLDGPP.cjs');
|
|
14
13
|
require('../__chunks/ZNVMDYMM.cjs');
|
|
15
14
|
require('../__chunks/YHG3KGFW.cjs');
|
|
16
15
|
require('../__chunks/X2GXTE3P.cjs');
|
|
17
|
-
require('../__chunks/
|
|
18
|
-
require('../__chunks/
|
|
16
|
+
require('../__chunks/CP6M4POZ.cjs');
|
|
17
|
+
require('../__chunks/ZDO3DQPW.cjs');
|
|
19
18
|
require('../__chunks/T4TB3AAZ.cjs');
|
|
20
19
|
require('../__chunks/SOPRUU56.cjs');
|
|
21
20
|
require('../__chunks/CQSUIL2D.cjs');
|
|
@@ -33,4 +32,4 @@ require('../__chunks/2X5K3J7Y.cjs');
|
|
|
33
32
|
|
|
34
33
|
|
|
35
34
|
|
|
36
|
-
exports.Hovercard =
|
|
35
|
+
exports.Hovercard = _44M2NZSKcjs.Hovercard; exports.useHovercard = _44M2NZSKcjs.useHovercard;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _NJHMO3XKcjs = require('../__chunks/NJHMO3XK.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _NYVIJAIXcjs = require('../__chunks/NYVIJAIX.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _KIZFPB5Rcjs = require('../__chunks/KIZFPB5R.cjs');
|
package/cjs/menu/menu.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _44M2NZSKcjs = require('../__chunks/44M2NZSK.cjs');
|
|
4
4
|
require('../__chunks/OLGMV24U.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
@@ -9,19 +9,18 @@ var _3RC6Q4WIcjs = require('../__chunks/3RC6Q4WI.cjs');
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
var _MPFAD3UKcjs = require('../__chunks/MPFAD3UK.cjs');
|
|
12
|
-
require('../__chunks/
|
|
13
|
-
require('../__chunks/
|
|
12
|
+
require('../__chunks/TGXF67NL.cjs');
|
|
13
|
+
require('../__chunks/FHUZG4VD.cjs');
|
|
14
14
|
require('../__chunks/2ZU7T6CD.cjs');
|
|
15
|
-
require('../__chunks/
|
|
16
|
-
require('../__chunks/ORRE4SVW.cjs');
|
|
15
|
+
require('../__chunks/MWKUZW4E.cjs');
|
|
17
16
|
require('../__chunks/5EIZ4QQ7.cjs');
|
|
18
|
-
require('../__chunks/
|
|
17
|
+
require('../__chunks/OKPDB2ZM.cjs');
|
|
19
18
|
require('../__chunks/XFVLDGPP.cjs');
|
|
20
19
|
require('../__chunks/ZNVMDYMM.cjs');
|
|
21
20
|
require('../__chunks/YHG3KGFW.cjs');
|
|
22
21
|
require('../__chunks/X2GXTE3P.cjs');
|
|
23
|
-
require('../__chunks/
|
|
24
|
-
require('../__chunks/
|
|
22
|
+
require('../__chunks/CP6M4POZ.cjs');
|
|
23
|
+
require('../__chunks/ZDO3DQPW.cjs');
|
|
25
24
|
require('../__chunks/T4TB3AAZ.cjs');
|
|
26
25
|
require('../__chunks/SOPRUU56.cjs');
|
|
27
26
|
require('../__chunks/CQSUIL2D.cjs');
|
|
@@ -128,7 +127,7 @@ var useMenu = _UYIFJ7U3cjs.createHook.call(void 0,
|
|
|
128
127
|
}, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
|
|
129
128
|
const mayAutoFocusOnShow = !!autoFocusOnShow;
|
|
130
129
|
const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
|
|
131
|
-
props =
|
|
130
|
+
props = _44M2NZSKcjs.useHovercard.call(void 0, {
|
|
132
131
|
store,
|
|
133
132
|
initialFocus: initialFocusRef,
|
|
134
133
|
autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal,
|
package/cjs/popover/popover.cjs
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _TGXF67NLcjs = require('../__chunks/TGXF67NL.cjs');
|
|
5
|
+
require('../__chunks/FHUZG4VD.cjs');
|
|
6
6
|
require('../__chunks/2ZU7T6CD.cjs');
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/ORRE4SVW.cjs');
|
|
7
|
+
require('../__chunks/MWKUZW4E.cjs');
|
|
9
8
|
require('../__chunks/5EIZ4QQ7.cjs');
|
|
10
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/OKPDB2ZM.cjs');
|
|
11
10
|
require('../__chunks/XFVLDGPP.cjs');
|
|
12
11
|
require('../__chunks/ZNVMDYMM.cjs');
|
|
13
12
|
require('../__chunks/YHG3KGFW.cjs');
|
|
14
13
|
require('../__chunks/X2GXTE3P.cjs');
|
|
15
|
-
require('../__chunks/
|
|
16
|
-
require('../__chunks/
|
|
14
|
+
require('../__chunks/CP6M4POZ.cjs');
|
|
15
|
+
require('../__chunks/ZDO3DQPW.cjs');
|
|
17
16
|
require('../__chunks/T4TB3AAZ.cjs');
|
|
18
17
|
require('../__chunks/SOPRUU56.cjs');
|
|
19
18
|
require('../__chunks/CQSUIL2D.cjs');
|
|
@@ -31,4 +30,4 @@ require('../__chunks/2X5K3J7Y.cjs');
|
|
|
31
30
|
|
|
32
31
|
|
|
33
32
|
|
|
34
|
-
exports.Popover =
|
|
33
|
+
exports.Popover = _TGXF67NLcjs.Popover; exports.usePopover = _TGXF67NLcjs.usePopover;
|