@ariakit/react-core 0.2.14 → 0.2.16
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 +28 -0
- package/cjs/__chunks/{GHDSJPDP.cjs → 2CBM6TG2.cjs} +9 -1
- package/cjs/__chunks/{JQNHOFVL.cjs → 4PH5LF7R.cjs} +4 -4
- package/cjs/__chunks/{IMHF4TCR.cjs → 5SFIKBWF.cjs} +2 -2
- package/cjs/__chunks/{XE2DJMCI.cjs → 6BAHKJ5K.cjs} +14 -20
- package/cjs/__chunks/{G2UVEERG.cjs → AHLK6SVF.cjs} +10 -10
- package/cjs/__chunks/{GICQ7PSP.cjs → BIJBAZHT.cjs} +2 -2
- package/cjs/__chunks/{AMRCH2Z5.cjs → BW4OCE2W.cjs} +4 -4
- package/cjs/__chunks/{ZWMVFMQY.cjs → CHVOMF22.cjs} +4 -4
- package/cjs/__chunks/{FWCSM5BC.cjs → CY7GQARX.cjs} +13 -13
- package/cjs/__chunks/{SIVNE3PR.cjs → ETK4FMZH.cjs} +12 -12
- package/cjs/__chunks/{FNDPLH5R.cjs → EVXAMK7D.cjs} +6 -8
- package/cjs/__chunks/{KD3RAGO6.cjs → EWI7RF64.cjs} +5 -5
- package/cjs/__chunks/{LE4VG2T4.cjs → EYVMZOCS.cjs} +8 -8
- package/cjs/__chunks/{O22LNQHS.cjs → FA3DXDDT.cjs} +2 -2
- package/cjs/__chunks/{JMBF4JHZ.cjs → FNKDTHTN.cjs} +4 -4
- package/cjs/__chunks/{LZV54A37.cjs → FVVV75ZK.cjs} +2 -2
- package/cjs/__chunks/{745H7MDU.cjs → GAQNLEPX.cjs} +6 -6
- package/cjs/__chunks/{FSADYSOP.cjs → HTEAWNBY.cjs} +14 -3
- package/cjs/__chunks/{HSFSIYIQ.cjs → JLC4GR5L.cjs} +2 -2
- package/cjs/__chunks/{HUVFPCMZ.cjs → KJBIRAH5.cjs} +24 -6
- package/cjs/__chunks/{OYXMXGQJ.cjs → KKAG47JR.cjs} +2 -2
- package/cjs/__chunks/{VBRBBWCP.cjs → NH6Q6YSM.cjs} +2 -2
- package/cjs/__chunks/{3MC2XJ5F.cjs → OHBR6IPU.cjs} +45 -33
- package/cjs/__chunks/{PRMEV7L5.cjs → PBJASQI6.cjs} +4 -4
- package/cjs/__chunks/{TFOIZV2V.cjs → PD5YFDLO.cjs} +3 -2
- package/cjs/__chunks/{IQIITEH3.cjs → QCWWP2P4.cjs} +2 -2
- package/cjs/__chunks/QW7NAUIX.cjs +113 -0
- package/cjs/__chunks/{63OBHNVT.cjs → VB7SPR3I.cjs} +7 -7
- package/cjs/__chunks/{LG6XOVBQ.cjs → VGBPLBUZ.cjs} +3 -3
- package/cjs/__chunks/{44MSVBJL.cjs → VKPXIX7D.cjs} +3 -3
- package/cjs/checkbox/checkbox-store.cjs +3 -3
- package/cjs/checkbox/checkbox.cjs +3 -3
- package/cjs/collection/collection-item.cjs +2 -2
- package/cjs/collection/collection-renderer.cjs +3 -3
- package/cjs/collection/collection-store.cjs +3 -3
- package/cjs/combobox/combobox-item.cjs +4 -4
- package/cjs/combobox/combobox-popover.cjs +12 -12
- package/cjs/combobox/combobox-store.cjs +11 -11
- package/cjs/combobox/combobox.cjs +3 -3
- package/cjs/composite/composite-container.cjs +3 -3
- package/cjs/composite/composite-item.cjs +4 -4
- package/cjs/composite/composite-overflow-disclosure.cjs +7 -6
- package/cjs/composite/composite-overflow-store.cjs +7 -7
- package/cjs/composite/composite-overflow.cjs +12 -12
- package/cjs/composite/composite-renderer.cjs +4 -4
- package/cjs/composite/composite-store.cjs +4 -4
- package/cjs/dialog/dialog-backdrop.cjs +6 -6
- package/cjs/dialog/dialog-store.cjs +4 -4
- package/cjs/dialog/dialog.cjs +11 -11
- package/cjs/dialog/utils/disable-accessibility-tree-outside.cjs +3 -3
- package/cjs/dialog/utils/disable-tree-outside.cjs +4 -4
- package/cjs/dialog/utils/mark-tree-outside.cjs +3 -3
- package/cjs/dialog/utils/use-hide-on-interact-outside.cjs +4 -4
- package/cjs/dialog/utils/use-hide-on-interact-outside.d.ts +1 -1
- package/cjs/dialog/utils/use-nested-dialogs.cjs +2 -2
- package/cjs/dialog/utils/walk-tree-outside.cjs +2 -2
- package/cjs/dialog/utils/walk-tree-outside.d.ts +1 -1
- package/cjs/disclosure/disclosure-store.cjs +3 -3
- package/cjs/focusable/focusable.d.ts +52 -13
- package/cjs/form/form-checkbox.cjs +8 -8
- package/cjs/form/form-description.cjs +2 -2
- package/cjs/form/form-error.cjs +2 -2
- package/cjs/form/form-field.cjs +3 -3
- package/cjs/form/form-input.cjs +3 -3
- package/cjs/form/form-label.cjs +2 -2
- package/cjs/form/form-push.cjs +2 -2
- package/cjs/form/form-radio.cjs +7 -7
- package/cjs/form/form-store.cjs +8 -8
- package/cjs/hovercard/hovercard-anchor.cjs +2 -2
- package/cjs/hovercard/hovercard-disclosure.cjs +12 -14
- package/cjs/hovercard/hovercard-store.cjs +6 -6
- package/cjs/hovercard/hovercard.cjs +13 -13
- package/cjs/menu/menu-bar-store.cjs +6 -6
- package/cjs/menu/menu-button.cjs +9 -6
- package/cjs/menu/menu-item-checkbox.cjs +9 -9
- package/cjs/menu/menu-item-radio.cjs +7 -7
- package/cjs/menu/menu-item.cjs +5 -5
- package/cjs/menu/menu-list.cjs +3 -3
- package/cjs/menu/menu-store.cjs +13 -13
- package/cjs/menu/menu.cjs +15 -15
- package/cjs/popover/popover-store.cjs +5 -5
- package/cjs/popover/popover.cjs +12 -12
- package/cjs/radio/radio-store.cjs +7 -7
- package/cjs/radio/radio.cjs +5 -5
- package/cjs/select/select-item.cjs +4 -4
- package/cjs/select/select-popover.cjs +12 -12
- package/cjs/select/select-renderer.cjs +7 -7
- package/cjs/select/select-store.cjs +11 -11
- package/cjs/tab/tab-panel.cjs +5 -5
- package/cjs/tab/tab-store.cjs +9 -9
- package/cjs/tab/tab.cjs +4 -4
- package/cjs/toolbar/toolbar-container.cjs +7 -7
- package/cjs/toolbar/toolbar-input.cjs +5 -5
- package/cjs/toolbar/toolbar-item.cjs +5 -5
- package/cjs/toolbar/toolbar-store.cjs +6 -6
- package/cjs/tooltip/tooltip-anchor.cjs +33 -20
- package/cjs/tooltip/tooltip-store.cjs +10 -10
- package/cjs/tooltip/tooltip.cjs +13 -13
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/cjs/utils/store.cjs +2 -2
- package/esm/__chunks/{7J6H5Y2H.js → 432NLB7J.js} +2 -2
- package/esm/__chunks/{FV23EKJL.js → 5M4ITSXL.js} +3 -2
- package/esm/__chunks/{6RR2HJXR.js → 5PDNXTAR.js} +1 -1
- package/esm/__chunks/{QHXLY5NM.js → 5QHNNZNE.js} +1 -1
- package/esm/__chunks/{WEWVELT3.js → 6F6CCCKT.js} +1 -1
- package/esm/__chunks/{DCG3EYDE.js → 7SIWUER2.js} +2 -2
- package/esm/__chunks/{F6KX6FT7.js → CEBWVZJQ.js} +2 -2
- package/esm/__chunks/{DIA4OBYO.js → CU3AKJBN.js} +1 -1
- package/esm/__chunks/{5TTSBUCW.js → CYNFBMYS.js} +1 -1
- package/esm/__chunks/{4XWTU3WN.js → E5XSMSHD.js} +25 -7
- package/esm/__chunks/{6RGH36XF.js → EICJBDBV.js} +2 -2
- package/esm/__chunks/{WVP274TO.js → F6PEGR7W.js} +1 -1
- package/esm/__chunks/{WKNTOKYS.js → FSTINJD5.js} +1 -1
- package/esm/__chunks/{LUUMYNYQ.js → FW5SU7FV.js} +2 -2
- package/esm/__chunks/{CYJJUQU3.js → GDORSOK6.js} +1 -1
- package/esm/__chunks/{HCTED3MY.js → JD3UVZX5.js} +1 -1
- package/esm/__chunks/{HCZMY53N.js → LEBYH5FW.js} +13 -2
- package/esm/__chunks/{AR6DTI3S.js → NHPU54IO.js} +2 -2
- package/esm/__chunks/{RH5PYIJN.js → ORZC42PG.js} +5 -7
- package/esm/__chunks/{OEA63YXU.js → PLOINBVB.js} +14 -20
- package/esm/__chunks/{VKYM5S67.js → Q52PUUUL.js} +1 -1
- package/esm/__chunks/{HWFO52CA.js → QJUX534W.js} +2 -2
- package/esm/__chunks/{OOWNFOTF.js → QPTZ2G2N.js} +51 -28
- package/esm/__chunks/{NCSSU46J.js → R4VIEIUH.js} +1 -1
- package/esm/__chunks/{GADPWICI.js → TG7IDXTX.js} +38 -26
- package/esm/__chunks/{KRFS2JCI.js → TQ5BKSY4.js} +2 -2
- package/esm/__chunks/{C2N5FZMW.js → UKOZA6YP.js} +2 -2
- package/esm/__chunks/{HGFTMLQ7.js → VFNGSUSF.js} +13 -13
- package/esm/__chunks/{5PLAJI33.js → X5CHG5LF.js} +2 -2
- package/esm/__chunks/{I3PXTXPI.js → Y5XLHDDM.js} +9 -1
- package/esm/checkbox/checkbox-store.js +2 -2
- package/esm/checkbox/checkbox.js +2 -2
- package/esm/collection/collection-item.js +1 -1
- package/esm/collection/collection-renderer.js +2 -2
- package/esm/collection/collection-store.js +2 -2
- package/esm/combobox/combobox-item.js +3 -3
- package/esm/combobox/combobox-popover.js +11 -11
- package/esm/combobox/combobox-store.js +6 -6
- package/esm/combobox/combobox.js +3 -3
- package/esm/composite/composite-container.js +2 -2
- package/esm/composite/composite-item.js +3 -3
- package/esm/composite/composite-overflow-disclosure.js +6 -5
- package/esm/composite/composite-overflow-store.js +4 -4
- package/esm/composite/composite-overflow.js +11 -11
- package/esm/composite/composite-renderer.js +3 -3
- package/esm/composite/composite-store.js +3 -3
- package/esm/dialog/dialog-backdrop.js +5 -5
- package/esm/dialog/dialog-store.js +3 -3
- package/esm/dialog/dialog.js +10 -10
- package/esm/dialog/utils/disable-accessibility-tree-outside.js +2 -2
- package/esm/dialog/utils/disable-tree-outside.js +3 -3
- package/esm/dialog/utils/mark-tree-outside.js +2 -2
- package/esm/dialog/utils/use-hide-on-interact-outside.d.ts +1 -1
- package/esm/dialog/utils/use-hide-on-interact-outside.js +3 -3
- package/esm/dialog/utils/use-nested-dialogs.js +1 -1
- package/esm/dialog/utils/walk-tree-outside.d.ts +1 -1
- package/esm/dialog/utils/walk-tree-outside.js +1 -1
- package/esm/disclosure/disclosure-store.js +2 -2
- package/esm/focusable/focusable.d.ts +52 -13
- package/esm/form/form-checkbox.js +5 -5
- package/esm/form/form-description.js +1 -1
- package/esm/form/form-error.js +1 -1
- package/esm/form/form-field.js +2 -2
- package/esm/form/form-input.js +2 -2
- package/esm/form/form-label.js +1 -1
- package/esm/form/form-push.js +1 -1
- package/esm/form/form-radio.js +5 -5
- package/esm/form/form-store.js +2 -2
- package/esm/hovercard/hovercard-anchor.js +1 -1
- package/esm/hovercard/hovercard-disclosure.js +12 -14
- package/esm/hovercard/hovercard-store.js +5 -5
- package/esm/hovercard/hovercard.js +12 -12
- package/esm/menu/menu-bar-store.js +3 -3
- package/esm/menu/menu-button.js +7 -4
- package/esm/menu/menu-item-checkbox.js +6 -6
- package/esm/menu/menu-item-radio.js +5 -5
- package/esm/menu/menu-item.js +4 -4
- package/esm/menu/menu-list.js +2 -2
- package/esm/menu/menu-store.js +7 -7
- package/esm/menu/menu.js +13 -13
- package/esm/popover/popover-store.js +4 -4
- package/esm/popover/popover.js +11 -11
- package/esm/radio/radio-store.js +3 -3
- package/esm/radio/radio.js +4 -4
- package/esm/select/select-item.js +3 -3
- package/esm/select/select-popover.js +11 -11
- package/esm/select/select-renderer.js +3 -3
- package/esm/select/select-store.js +6 -6
- package/esm/tab/tab-panel.js +3 -3
- package/esm/tab/tab-store.js +3 -3
- package/esm/tab/tab.js +3 -3
- package/esm/toolbar/toolbar-container.js +5 -5
- package/esm/toolbar/toolbar-input.js +4 -4
- package/esm/toolbar/toolbar-item.js +4 -4
- package/esm/toolbar/toolbar-store.js +3 -3
- package/esm/tooltip/tooltip-anchor.js +34 -21
- package/esm/tooltip/tooltip-store.js +5 -5
- package/esm/tooltip/tooltip.js +12 -12
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/esm/utils/store.js +1 -1
- package/package.json +2 -2
- package/cjs/__chunks/KLWT4P56.cjs +0 -90
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DialogBackdrop
|
|
3
|
-
} from "./
|
|
3
|
+
} from "./432NLB7J.js";
|
|
4
4
|
import {
|
|
5
5
|
disableTreeOutside
|
|
6
|
-
} from "./
|
|
6
|
+
} from "./NHPU54IO.js";
|
|
7
7
|
import {
|
|
8
8
|
disableAccessibilityTreeOutside
|
|
9
|
-
} from "./
|
|
9
|
+
} from "./GDORSOK6.js";
|
|
10
10
|
import {
|
|
11
11
|
usePreventBodyScroll
|
|
12
12
|
} from "./3LAWLNOX.js";
|
|
13
13
|
import {
|
|
14
14
|
useNestedDialogs
|
|
15
|
-
} from "./
|
|
15
|
+
} from "./PLOINBVB.js";
|
|
16
16
|
import {
|
|
17
17
|
useHideOnInteractOutside
|
|
18
|
-
} from "./
|
|
18
|
+
} from "./E5XSMSHD.js";
|
|
19
19
|
import {
|
|
20
20
|
isElementMarked,
|
|
21
21
|
markTreeOutside
|
|
22
|
-
} from "./
|
|
22
|
+
} from "./LEBYH5FW.js";
|
|
23
23
|
import {
|
|
24
24
|
prependHiddenDismiss
|
|
25
25
|
} from "./62DFK33R.js";
|
|
@@ -65,7 +65,7 @@ import {
|
|
|
65
65
|
} from "./PNRLI7OV.js";
|
|
66
66
|
|
|
67
67
|
// src/dialog/dialog.tsx
|
|
68
|
-
import { useEffect, useRef, useState } from "react";
|
|
68
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
69
69
|
import {
|
|
70
70
|
closest,
|
|
71
71
|
contains,
|
|
@@ -151,7 +151,7 @@ var useDialog = createHook(
|
|
|
151
151
|
const contentElement = store.useState("contentElement");
|
|
152
152
|
const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);
|
|
153
153
|
usePreventBodyScroll(contentElement, id, preventBodyScroll && !hidden);
|
|
154
|
-
useHideOnInteractOutside(store, hideOnInteractOutside);
|
|
154
|
+
useHideOnInteractOutside(store, hideOnInteractOutside, domReady);
|
|
155
155
|
const { wrapElement, nestedDialogs } = useNestedDialogs(store);
|
|
156
156
|
props = useWrapElement(props, wrapElement, [wrapElement]);
|
|
157
157
|
useSafeLayoutEffect(() => {
|
|
@@ -166,7 +166,7 @@ var useDialog = createHook(
|
|
|
166
166
|
if (dialog && contains(dialog, activeElement))
|
|
167
167
|
return;
|
|
168
168
|
store.setDisclosureElement(activeElement);
|
|
169
|
-
}, [open]);
|
|
169
|
+
}, [open, store]);
|
|
170
170
|
if (isSafariBrowser) {
|
|
171
171
|
useEffect(() => {
|
|
172
172
|
if (!mounted)
|
|
@@ -194,7 +194,7 @@ var useDialog = createHook(
|
|
|
194
194
|
return () => {
|
|
195
195
|
disclosureElement.removeEventListener("mousedown", onMouseDown);
|
|
196
196
|
};
|
|
197
|
-
}, [mounted]);
|
|
197
|
+
}, [mounted, store]);
|
|
198
198
|
}
|
|
199
199
|
const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
|
|
200
200
|
// dialog is a modal. But the Portal component can't preserve the tab
|
|
@@ -309,16 +309,13 @@ var useDialog = createHook(
|
|
|
309
309
|
setHasOpened(true);
|
|
310
310
|
return () => setHasOpened(false);
|
|
311
311
|
}, [open]);
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
const dialog = ref.current;
|
|
318
|
-
const focusOnHide = (retry = true) => {
|
|
312
|
+
const focusOnHide = useCallback(
|
|
313
|
+
(dialog, retry = true) => {
|
|
314
|
+
const { open: open2, disclosureElement } = store.getState();
|
|
315
|
+
if (open2)
|
|
316
|
+
return;
|
|
319
317
|
if (isAlreadyFocusingAnotherElement(dialog))
|
|
320
318
|
return;
|
|
321
|
-
const { disclosureElement } = store.getState();
|
|
322
319
|
let element = getElementFromProp(finalFocus) || disclosureElement;
|
|
323
320
|
if (element == null ? void 0 : element.id) {
|
|
324
321
|
const doc = getDocument(element);
|
|
@@ -341,7 +338,7 @@ var useDialog = createHook(
|
|
|
341
338
|
}
|
|
342
339
|
const isElementFocusable = element && isFocusable(element);
|
|
343
340
|
if (!isElementFocusable && retry) {
|
|
344
|
-
requestAnimationFrame(() => focusOnHide(false));
|
|
341
|
+
requestAnimationFrame(() => focusOnHide(dialog, false));
|
|
345
342
|
return;
|
|
346
343
|
}
|
|
347
344
|
if (!autoFocusOnHideProp(isElementFocusable ? element : null))
|
|
@@ -349,12 +346,27 @@ var useDialog = createHook(
|
|
|
349
346
|
if (!isElementFocusable)
|
|
350
347
|
return;
|
|
351
348
|
element == null ? void 0 : element.focus();
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
349
|
+
},
|
|
350
|
+
[store, finalFocus, autoFocusOnHideProp]
|
|
351
|
+
);
|
|
352
|
+
useEffect(() => {
|
|
353
|
+
if (open)
|
|
354
|
+
return;
|
|
355
|
+
if (!hasOpened)
|
|
356
|
+
return;
|
|
357
|
+
if (!mayAutoFocusOnHide)
|
|
358
|
+
return;
|
|
359
|
+
const dialog = ref.current;
|
|
360
|
+
focusOnHide(dialog);
|
|
361
|
+
}, [open, hasOpened, mayAutoFocusOnHide, focusOnHide]);
|
|
362
|
+
useEffect(() => {
|
|
363
|
+
if (!hasOpened)
|
|
364
|
+
return;
|
|
365
|
+
if (!mayAutoFocusOnHide)
|
|
366
|
+
return;
|
|
367
|
+
const dialog = ref.current;
|
|
368
|
+
return () => focusOnHide(dialog);
|
|
369
|
+
}, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
|
|
358
370
|
const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
|
|
359
371
|
useEffect(() => {
|
|
360
372
|
if (!domReady)
|
|
@@ -393,7 +405,7 @@ var useDialog = createHook(
|
|
|
393
405
|
store.hide();
|
|
394
406
|
};
|
|
395
407
|
return addGlobalEventListener("keydown", onKeyDown);
|
|
396
|
-
}, [mounted, domReady, hideOnEscapeProp]);
|
|
408
|
+
}, [mounted, domReady, store, hideOnEscapeProp]);
|
|
397
409
|
props = useWrapElement(
|
|
398
410
|
props,
|
|
399
411
|
(element) => /* @__PURE__ */ jsx(HeadingLevel, { level: modal ? 1 : void 0, children: element }),
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
} from "./W5P7IKOU.js";
|
|
11
11
|
import {
|
|
12
12
|
useCompositeItem
|
|
13
|
-
} from "./
|
|
13
|
+
} from "./7SIWUER2.js";
|
|
14
14
|
import {
|
|
15
15
|
createElement,
|
|
16
16
|
createHook,
|
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
} from "./NQJBHION.js";
|
|
19
19
|
import {
|
|
20
20
|
useStoreState
|
|
21
|
-
} from "./
|
|
21
|
+
} from "./QPTZ2G2N.js";
|
|
22
22
|
import {
|
|
23
23
|
useBooleanEvent,
|
|
24
24
|
useEvent
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
usePopoverStoreOptions,
|
|
3
3
|
usePopoverStoreProps
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./EICJBDBV.js";
|
|
5
5
|
import {
|
|
6
6
|
useStore,
|
|
7
7
|
useStoreProps
|
|
8
|
-
} from "./
|
|
8
|
+
} from "./QPTZ2G2N.js";
|
|
9
9
|
import {
|
|
10
10
|
__spreadValues
|
|
11
11
|
} from "./PNRLI7OV.js";
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
} from "./PNRLI7OV.js";
|
|
18
18
|
|
|
19
19
|
// src/collection/collection-item.ts
|
|
20
|
-
import {
|
|
20
|
+
import { useContext, useEffect, useRef } from "react";
|
|
21
21
|
import { identity } from "@ariakit/core/utils/misc";
|
|
22
22
|
var useCollectionItem = createHook(
|
|
23
23
|
(_a) => {
|
|
@@ -36,18 +36,18 @@ var useCollectionItem = createHook(
|
|
|
36
36
|
const context = useContext(CollectionContext);
|
|
37
37
|
store = store || context;
|
|
38
38
|
const id = useId(props.id);
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
);
|
|
39
|
+
const ref = useRef(element);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
const element2 = ref.current;
|
|
42
|
+
if (!id)
|
|
43
|
+
return;
|
|
44
|
+
if (!element2)
|
|
45
|
+
return;
|
|
46
|
+
if (!shouldRegisterItem)
|
|
47
|
+
return;
|
|
48
|
+
const item = getItem({ id, element: element2 });
|
|
49
|
+
return store == null ? void 0 : store.renderItem(item);
|
|
50
|
+
}, [id, shouldRegisterItem, getItem, store]);
|
|
51
51
|
props = __spreadProps(__spreadValues({}, props), {
|
|
52
52
|
ref: useMergeRefs(ref, props.ref)
|
|
53
53
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useCollectionStoreOptions,
|
|
3
3
|
useCollectionStoreProps
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./FSTINJD5.js";
|
|
5
5
|
import {
|
|
6
6
|
useStore,
|
|
7
7
|
useStoreProps
|
|
8
|
-
} from "./
|
|
8
|
+
} from "./QPTZ2G2N.js";
|
|
9
9
|
import {
|
|
10
10
|
__spreadValues
|
|
11
11
|
} from "./PNRLI7OV.js";
|
|
@@ -24,6 +24,7 @@ import { addGlobalEventListener } from "@ariakit/core/utils/events";
|
|
|
24
24
|
var useHovercardAnchor = createHook(
|
|
25
25
|
(_a) => {
|
|
26
26
|
var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
|
|
27
|
+
const mounted = store.useState("mounted");
|
|
27
28
|
const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
|
|
28
29
|
const showTimeoutRef = useRef(0);
|
|
29
30
|
useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
|
|
@@ -66,7 +67,14 @@ var useHovercardAnchor = createHook(
|
|
|
66
67
|
}
|
|
67
68
|
);
|
|
68
69
|
props = __spreadProps(__spreadValues({}, props), {
|
|
69
|
-
ref: useMergeRefs(
|
|
70
|
+
ref: useMergeRefs(
|
|
71
|
+
store.setAnchorElement,
|
|
72
|
+
// We need to set the anchor element as the hovercard disclosure
|
|
73
|
+
// disclosure element only when the hovercard is shown so it doesn't get
|
|
74
|
+
// assigned an arbitrary element by the dialog component.
|
|
75
|
+
mounted ? store.setDisclosureElement : void 0,
|
|
76
|
+
props.ref
|
|
77
|
+
),
|
|
70
78
|
onMouseMove
|
|
71
79
|
});
|
|
72
80
|
props = useFocusable(props);
|
|
@@ -2,8 +2,8 @@ import {
|
|
|
2
2
|
useCheckboxStore,
|
|
3
3
|
useCheckboxStoreOptions,
|
|
4
4
|
useCheckboxStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/CYNFBMYS.js";
|
|
6
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
7
7
|
import "../__chunks/J7Q2EO23.js";
|
|
8
8
|
import "../__chunks/CP3U4HPL.js";
|
|
9
9
|
import "../__chunks/PNRLI7OV.js";
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Checkbox,
|
|
3
3
|
useCheckbox
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/R4VIEIUH.js";
|
|
5
5
|
import "../__chunks/M5KYRTQG.js";
|
|
6
6
|
import "../__chunks/P4RGQGTG.js";
|
|
7
7
|
import "../__chunks/MYID4V27.js";
|
|
8
8
|
import "../__chunks/BMLNRUFQ.js";
|
|
9
9
|
import "../__chunks/NQJBHION.js";
|
|
10
|
-
import "../__chunks/
|
|
10
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
11
11
|
import "../__chunks/J7Q2EO23.js";
|
|
12
12
|
import "../__chunks/CP3U4HPL.js";
|
|
13
13
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
getCollectionRendererItem,
|
|
4
4
|
getCollectionRendererItemId,
|
|
5
5
|
useCollectionRenderer
|
|
6
|
-
} from "../__chunks/
|
|
6
|
+
} from "../__chunks/5PDNXTAR.js";
|
|
7
7
|
import "../__chunks/T3DJZG63.js";
|
|
8
8
|
import "../__chunks/NQJBHION.js";
|
|
9
|
-
import "../__chunks/
|
|
9
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
10
10
|
import "../__chunks/J7Q2EO23.js";
|
|
11
11
|
import "../__chunks/CP3U4HPL.js";
|
|
12
12
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -2,8 +2,8 @@ import {
|
|
|
2
2
|
useCollectionStore,
|
|
3
3
|
useCollectionStoreOptions,
|
|
4
4
|
useCollectionStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/FSTINJD5.js";
|
|
6
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
7
7
|
import "../__chunks/J7Q2EO23.js";
|
|
8
8
|
import "../__chunks/CP3U4HPL.js";
|
|
9
9
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -7,9 +7,9 @@ import {
|
|
|
7
7
|
} from "../__chunks/W5P7IKOU.js";
|
|
8
8
|
import {
|
|
9
9
|
useCompositeItem
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/7SIWUER2.js";
|
|
11
11
|
import "../__chunks/P4RGQGTG.js";
|
|
12
|
-
import "../__chunks/
|
|
12
|
+
import "../__chunks/VFNGSUSF.js";
|
|
13
13
|
import "../__chunks/T3DJZG63.js";
|
|
14
14
|
import "../__chunks/OXPV2NBK.js";
|
|
15
15
|
import "../__chunks/WJ37OVG2.js";
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
createHook,
|
|
21
21
|
createMemoComponent
|
|
22
22
|
} from "../__chunks/NQJBHION.js";
|
|
23
|
-
import "../__chunks/
|
|
23
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
24
24
|
import {
|
|
25
25
|
useBooleanEvent,
|
|
26
26
|
useEvent,
|
|
@@ -4,23 +4,23 @@ import {
|
|
|
4
4
|
import "../__chunks/5VGBBGF5.js";
|
|
5
5
|
import {
|
|
6
6
|
usePopover
|
|
7
|
-
} from "../__chunks/
|
|
8
|
-
import "../__chunks/
|
|
9
|
-
import "../__chunks/
|
|
10
|
-
import "../__chunks/
|
|
11
|
-
import "../__chunks/
|
|
7
|
+
} from "../__chunks/CU3AKJBN.js";
|
|
8
|
+
import "../__chunks/TG7IDXTX.js";
|
|
9
|
+
import "../__chunks/432NLB7J.js";
|
|
10
|
+
import "../__chunks/NHPU54IO.js";
|
|
11
|
+
import "../__chunks/GDORSOK6.js";
|
|
12
12
|
import "../__chunks/3LAWLNOX.js";
|
|
13
13
|
import "../__chunks/CJI67A3R.js";
|
|
14
|
-
import "../__chunks/
|
|
15
|
-
import "../__chunks/
|
|
16
|
-
import "../__chunks/
|
|
14
|
+
import "../__chunks/PLOINBVB.js";
|
|
15
|
+
import "../__chunks/E5XSMSHD.js";
|
|
16
|
+
import "../__chunks/LEBYH5FW.js";
|
|
17
17
|
import "../__chunks/IXXFVVA2.js";
|
|
18
18
|
import "../__chunks/7JNF6I52.js";
|
|
19
19
|
import "../__chunks/KOVUJERF.js";
|
|
20
20
|
import "../__chunks/62DFK33R.js";
|
|
21
21
|
import "../__chunks/FW6QFGFT.js";
|
|
22
22
|
import "../__chunks/IYNN2ZO5.js";
|
|
23
|
-
import "../__chunks/
|
|
23
|
+
import "../__chunks/5M4ITSXL.js";
|
|
24
24
|
import "../__chunks/6OMX4H3W.js";
|
|
25
25
|
import "../__chunks/LL3AE4N4.js";
|
|
26
26
|
import "../__chunks/EJ3GIT5B.js";
|
|
@@ -38,8 +38,8 @@ import {
|
|
|
38
38
|
createElement,
|
|
39
39
|
createHook
|
|
40
40
|
} from "../__chunks/NQJBHION.js";
|
|
41
|
-
import "../__chunks/
|
|
42
|
-
import "../__chunks/
|
|
41
|
+
import "../__chunks/F6PEGR7W.js";
|
|
42
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
43
43
|
import "../__chunks/J7Q2EO23.js";
|
|
44
44
|
import "../__chunks/CP3U4HPL.js";
|
|
45
45
|
import {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useCompositeStoreOptions,
|
|
3
3
|
useCompositeStoreProps
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/X5CHG5LF.js";
|
|
5
|
+
import "../__chunks/FSTINJD5.js";
|
|
6
6
|
import {
|
|
7
7
|
usePopoverStoreOptions,
|
|
8
8
|
usePopoverStoreProps
|
|
9
|
-
} from "../__chunks/
|
|
10
|
-
import "../__chunks/
|
|
11
|
-
import "../__chunks/
|
|
9
|
+
} from "../__chunks/EICJBDBV.js";
|
|
10
|
+
import "../__chunks/FW5SU7FV.js";
|
|
11
|
+
import "../__chunks/F6PEGR7W.js";
|
|
12
12
|
import {
|
|
13
13
|
useStore,
|
|
14
14
|
useStoreProps
|
|
15
|
-
} from "../__chunks/
|
|
15
|
+
} from "../__chunks/QPTZ2G2N.js";
|
|
16
16
|
import "../__chunks/J7Q2EO23.js";
|
|
17
17
|
import "../__chunks/CP3U4HPL.js";
|
|
18
18
|
import {
|
package/esm/combobox/combobox.js
CHANGED
|
@@ -271,9 +271,6 @@ var useCombobox = createHook(
|
|
|
271
271
|
setCanInline(textInserted && caretAtEnd);
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
|
-
if (showOnChangeProp(event)) {
|
|
275
|
-
store.show();
|
|
276
|
-
}
|
|
277
274
|
if (setValueOnChangeProp(event)) {
|
|
278
275
|
const isSameValue = value2 === store.getState().value;
|
|
279
276
|
store.setValue(value2);
|
|
@@ -281,6 +278,9 @@ var useCombobox = createHook(
|
|
|
281
278
|
forceValueUpdate();
|
|
282
279
|
}
|
|
283
280
|
}
|
|
281
|
+
if (showOnChangeProp(event)) {
|
|
282
|
+
store.show();
|
|
283
|
+
}
|
|
284
284
|
if (!autoSelect || !canAutoSelectRef.current) {
|
|
285
285
|
store.setActiveId(null);
|
|
286
286
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CompositeContainer,
|
|
3
3
|
useCompositeContainer
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/Q52PUUUL.js";
|
|
5
5
|
import "../__chunks/OXPV2NBK.js";
|
|
6
6
|
import "../__chunks/WJ37OVG2.js";
|
|
7
7
|
import "../__chunks/NQJBHION.js";
|
|
8
|
-
import "../__chunks/
|
|
8
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
9
9
|
import "../__chunks/J7Q2EO23.js";
|
|
10
10
|
import "../__chunks/CP3U4HPL.js";
|
|
11
11
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CompositeItem,
|
|
3
3
|
useCompositeItem
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/7SIWUER2.js";
|
|
5
5
|
import "../__chunks/P4RGQGTG.js";
|
|
6
|
-
import "../__chunks/
|
|
6
|
+
import "../__chunks/VFNGSUSF.js";
|
|
7
7
|
import "../__chunks/T3DJZG63.js";
|
|
8
8
|
import "../__chunks/OXPV2NBK.js";
|
|
9
9
|
import "../__chunks/WJ37OVG2.js";
|
|
10
10
|
import "../__chunks/MYID4V27.js";
|
|
11
11
|
import "../__chunks/BMLNRUFQ.js";
|
|
12
12
|
import "../__chunks/NQJBHION.js";
|
|
13
|
-
import "../__chunks/
|
|
13
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
14
14
|
import "../__chunks/J7Q2EO23.js";
|
|
15
15
|
import "../__chunks/CP3U4HPL.js";
|
|
16
16
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -7,9 +7,9 @@ import "../__chunks/O6CV6VRM.js";
|
|
|
7
7
|
import "../__chunks/7PHM3O7I.js";
|
|
8
8
|
import {
|
|
9
9
|
useCompositeItem
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/7SIWUER2.js";
|
|
11
11
|
import "../__chunks/P4RGQGTG.js";
|
|
12
|
-
import "../__chunks/
|
|
12
|
+
import "../__chunks/VFNGSUSF.js";
|
|
13
13
|
import "../__chunks/T3DJZG63.js";
|
|
14
14
|
import "../__chunks/OXPV2NBK.js";
|
|
15
15
|
import "../__chunks/WJ37OVG2.js";
|
|
@@ -21,7 +21,7 @@ import {
|
|
|
21
21
|
createElement,
|
|
22
22
|
createHook
|
|
23
23
|
} from "../__chunks/NQJBHION.js";
|
|
24
|
-
import "../__chunks/
|
|
24
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
25
25
|
import {
|
|
26
26
|
useEvent,
|
|
27
27
|
useMergeRefs
|
|
@@ -35,14 +35,15 @@ import {
|
|
|
35
35
|
|
|
36
36
|
// src/composite/composite-overflow-disclosure.ts
|
|
37
37
|
import { useEffect, useRef, useState } from "react";
|
|
38
|
+
import { sync } from "@ariakit/core/utils/store";
|
|
38
39
|
var useCompositeOverflowDisclosure = createHook((_a) => {
|
|
39
40
|
var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
|
|
40
41
|
const ref = useRef(null);
|
|
41
42
|
const [shouldRegisterItem, setShouldRegisterItem] = useState(false);
|
|
42
43
|
useEffect(() => {
|
|
43
|
-
return
|
|
44
|
+
return sync(store, ["disclosureElement"], () => {
|
|
44
45
|
store.setDisclosureElement(ref.current);
|
|
45
|
-
}
|
|
46
|
+
});
|
|
46
47
|
}, [store]);
|
|
47
48
|
const onFocusProp = props.onFocus;
|
|
48
49
|
const onFocus = useEvent((event) => {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
usePopoverStoreOptions,
|
|
3
3
|
usePopoverStoreProps
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/EICJBDBV.js";
|
|
5
|
+
import "../__chunks/FW5SU7FV.js";
|
|
6
|
+
import "../__chunks/F6PEGR7W.js";
|
|
7
7
|
import {
|
|
8
8
|
useStore
|
|
9
|
-
} from "../__chunks/
|
|
9
|
+
} from "../__chunks/QPTZ2G2N.js";
|
|
10
10
|
import "../__chunks/J7Q2EO23.js";
|
|
11
11
|
import "../__chunks/CP3U4HPL.js";
|
|
12
12
|
import {
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import {
|
|
2
2
|
usePopover
|
|
3
|
-
} from "../__chunks/
|
|
4
|
-
import "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
3
|
+
} from "../__chunks/CU3AKJBN.js";
|
|
4
|
+
import "../__chunks/TG7IDXTX.js";
|
|
5
|
+
import "../__chunks/432NLB7J.js";
|
|
6
|
+
import "../__chunks/NHPU54IO.js";
|
|
7
|
+
import "../__chunks/GDORSOK6.js";
|
|
8
8
|
import "../__chunks/3LAWLNOX.js";
|
|
9
9
|
import "../__chunks/CJI67A3R.js";
|
|
10
|
-
import "../__chunks/
|
|
11
|
-
import "../__chunks/
|
|
12
|
-
import "../__chunks/
|
|
10
|
+
import "../__chunks/PLOINBVB.js";
|
|
11
|
+
import "../__chunks/E5XSMSHD.js";
|
|
12
|
+
import "../__chunks/LEBYH5FW.js";
|
|
13
13
|
import "../__chunks/IXXFVVA2.js";
|
|
14
14
|
import "../__chunks/7JNF6I52.js";
|
|
15
15
|
import "../__chunks/KOVUJERF.js";
|
|
16
16
|
import "../__chunks/62DFK33R.js";
|
|
17
17
|
import "../__chunks/FW6QFGFT.js";
|
|
18
18
|
import "../__chunks/IYNN2ZO5.js";
|
|
19
|
-
import "../__chunks/
|
|
19
|
+
import "../__chunks/5M4ITSXL.js";
|
|
20
20
|
import "../__chunks/6OMX4H3W.js";
|
|
21
21
|
import "../__chunks/LL3AE4N4.js";
|
|
22
22
|
import "../__chunks/EJ3GIT5B.js";
|
|
@@ -34,8 +34,8 @@ import {
|
|
|
34
34
|
createElement,
|
|
35
35
|
createHook
|
|
36
36
|
} from "../__chunks/NQJBHION.js";
|
|
37
|
-
import "../__chunks/
|
|
38
|
-
import "../__chunks/
|
|
37
|
+
import "../__chunks/F6PEGR7W.js";
|
|
38
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
39
39
|
import {
|
|
40
40
|
useEvent
|
|
41
41
|
} from "../__chunks/J7Q2EO23.js";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CompositeRenderer,
|
|
3
3
|
useCompositeRenderer
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/CEBWVZJQ.js";
|
|
5
5
|
import {
|
|
6
6
|
getCollectionRendererItem,
|
|
7
7
|
getCollectionRendererItemId
|
|
8
|
-
} from "../__chunks/
|
|
8
|
+
} from "../__chunks/5PDNXTAR.js";
|
|
9
9
|
import "../__chunks/T3DJZG63.js";
|
|
10
10
|
import "../__chunks/WJ37OVG2.js";
|
|
11
11
|
import "../__chunks/NQJBHION.js";
|
|
12
|
-
import "../__chunks/
|
|
12
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
13
13
|
import "../__chunks/J7Q2EO23.js";
|
|
14
14
|
import "../__chunks/CP3U4HPL.js";
|
|
15
15
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -2,9 +2,9 @@ import {
|
|
|
2
2
|
useCompositeStore,
|
|
3
3
|
useCompositeStoreOptions,
|
|
4
4
|
useCompositeStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/X5CHG5LF.js";
|
|
6
|
+
import "../__chunks/FSTINJD5.js";
|
|
7
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
8
8
|
import "../__chunks/J7Q2EO23.js";
|
|
9
9
|
import "../__chunks/CP3U4HPL.js";
|
|
10
10
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DialogBackdrop
|
|
3
|
-
} from "../__chunks/
|
|
4
|
-
import "../__chunks/
|
|
3
|
+
} from "../__chunks/432NLB7J.js";
|
|
4
|
+
import "../__chunks/LEBYH5FW.js";
|
|
5
5
|
import "../__chunks/IXXFVVA2.js";
|
|
6
6
|
import "../__chunks/FW6QFGFT.js";
|
|
7
|
-
import "../__chunks/
|
|
7
|
+
import "../__chunks/5M4ITSXL.js";
|
|
8
8
|
import "../__chunks/M5I7AM4N.js";
|
|
9
9
|
import "../__chunks/WHEEIXMF.js";
|
|
10
10
|
import "../__chunks/NQJBHION.js";
|
|
11
|
-
import "../__chunks/
|
|
12
|
-
import "../__chunks/
|
|
11
|
+
import "../__chunks/F6PEGR7W.js";
|
|
12
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
13
13
|
import "../__chunks/J7Q2EO23.js";
|
|
14
14
|
import "../__chunks/CP3U4HPL.js";
|
|
15
15
|
import "../__chunks/PNRLI7OV.js";
|
|
@@ -2,9 +2,9 @@ import {
|
|
|
2
2
|
useDialogStore,
|
|
3
3
|
useDialogStoreOptions,
|
|
4
4
|
useDialogStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/FW5SU7FV.js";
|
|
6
|
+
import "../__chunks/F6PEGR7W.js";
|
|
7
|
+
import "../__chunks/QPTZ2G2N.js";
|
|
8
8
|
import "../__chunks/J7Q2EO23.js";
|
|
9
9
|
import "../__chunks/CP3U4HPL.js";
|
|
10
10
|
import "../__chunks/PNRLI7OV.js";
|