@ledgerhq/lumen-ui-react 0.1.14 → 0.1.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/ai-rules/RULES.md +1 -1
- package/dist/_virtual/index.js +5 -0
- package/dist/_virtual/index2.js +4 -0
- package/dist/_virtual/use-sync-external-store-shim.development.js +4 -0
- package/dist/_virtual/use-sync-external-store-shim.production.js +4 -0
- package/dist/_virtual/with-selector.development.js +4 -0
- package/dist/_virtual/with-selector.js +5 -0
- package/dist/_virtual/with-selector.production.js +4 -0
- package/dist/_virtual/with-selector2.js +4 -0
- package/dist/i18n/i18n.d.ts.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +137 -134
- package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +26 -26
- package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
- package/dist/lib/Components/BaseInput/BaseInput.js +60 -60
- package/dist/lib/Components/CardButton/CardButton.js +10 -10
- package/dist/lib/Components/Dialog/Dialog.js +39 -39
- package/dist/lib/Components/Dialog/types.d.ts +3 -3
- package/dist/lib/Components/Icon/Icon.js +5 -5
- package/dist/lib/Components/Icon/createIcon.d.ts.map +1 -1
- package/dist/lib/Components/Link/Link.d.ts.map +1 -1
- package/dist/lib/Components/Link/Link.js +25 -32
- package/dist/lib/Components/ListItem/ListItem.d.ts +17 -28
- package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/lib/Components/ListItem/ListItem.js +81 -93
- package/dist/lib/Components/ListItem/types.d.ts +13 -32
- package/dist/lib/Components/ListItem/types.d.ts.map +1 -1
- package/dist/lib/Components/MediaBanner/MediaBanner.d.ts.map +1 -1
- package/dist/lib/Components/MediaBanner/MediaBanner.js +30 -28
- package/dist/lib/Components/Menu/Menu.d.ts +4 -4
- package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/NavBar.d.ts +0 -1
- package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/lib/Components/Popover/Popover.d.ts +57 -0
- package/dist/lib/Components/Popover/Popover.d.ts.map +1 -0
- package/dist/lib/Components/Popover/Popover.js +126 -0
- package/dist/lib/Components/Popover/index.d.ts +3 -0
- package/dist/lib/Components/Popover/index.d.ts.map +1 -0
- package/dist/lib/Components/Popover/types.d.ts +129 -0
- package/dist/lib/Components/Popover/types.d.ts.map +1 -0
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/SegmentedControl.js +97 -81
- package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts +1 -0
- package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/types.d.ts +7 -0
- package/dist/lib/Components/SegmentedControl/types.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/usePillElementLayoutEffect.d.ts +5 -6
- package/dist/lib/Components/SegmentedControl/usePillElementLayoutEffect.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/usePillElementLayoutEffect.js +30 -25
- package/dist/lib/Components/Select/Select.js +9 -9
- package/dist/lib/Components/SideBar/SideBar.d.ts +1 -1
- package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/SideBar.js +93 -89
- package/dist/lib/Components/SideBar/types.d.ts +7 -1
- package/dist/lib/Components/SideBar/types.d.ts.map +1 -1
- package/dist/lib/Components/Stepper/Stepper.d.ts +5 -6
- package/dist/lib/Components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/lib/Components/Stepper/Stepper.js +100 -102
- package/dist/lib/Components/Stepper/types.d.ts +2 -2
- package/dist/lib/Components/Stepper/types.d.ts.map +1 -1
- package/dist/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/lib/Components/Tag/Tag.js +6 -6
- package/dist/lib/Components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/lib/Components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/lib/Components/Tooltip/Tooltip.js +1 -1
- package/dist/lib/Components/TriggerButton/TriggerButton.js +8 -8
- package/dist/lib/Components/index.d.ts +1 -0
- package/dist/lib/Components/index.d.ts.map +1 -1
- package/dist/lib/Symbols/Icons/Csv.js +5 -5
- package/dist/lib/Symbols/Icons/TriangleDown.d.ts +29 -0
- package/dist/lib/Symbols/Icons/TriangleDown.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/TriangleDown.js +25 -0
- package/dist/lib/Symbols/Icons/TriangleUp.d.ts +29 -0
- package/dist/lib/Symbols/Icons/TriangleUp.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/TriangleUp.js +25 -0
- package/dist/lib/Symbols/index.d.ts +2 -0
- package/dist/lib/Symbols/index.d.ts.map +1 -1
- package/dist/lib/Symbols/index.js +104 -100
- package/dist/node_modules/@base-ui/react/esm/composite/composite.js +10 -0
- package/dist/node_modules/@base-ui/react/esm/composite/root/CompositeRootContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/direction-provider/DirectionContext.js +10 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingFocusManager.js +284 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingPortal.js +128 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingRootStore.js +60 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingTree.js +58 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingTreeStore.js +17 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useClick.js +67 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useDismiss.js +275 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useFloating.js +78 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useFloatingRootContext.js +38 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverFloatingInteraction.js +87 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverInteractionSharedState.js +42 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverReferenceInteraction.js +145 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverShared.js +19 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useInteractions.js +48 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useRole.js +76 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useSyncedFloatingRootContext.js +35 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/middleware/arrow.js +47 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/safePolygon.js +131 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/composite.js +7 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/constants.js +7 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/createAttribute.js +6 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/createEventEmitter.js +17 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/element.js +69 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/enqueueFocus.js +16 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/event.js +30 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/getEmptyRootContext.js +17 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/markOthers.js +80 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/nodes.js +15 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/tabbable.js +68 -0
- package/dist/node_modules/@base-ui/react/esm/merge-props/mergeProps.js +82 -0
- package/dist/node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js +39 -0
- package/dist/node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js +88 -0
- package/dist/node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js +24 -0
- package/dist/node_modules/@base-ui/react/esm/popover/portal/PopoverPortalContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js +110 -0
- package/dist/node_modules/@base-ui/react/esm/popover/positioner/PopoverPositionerContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js +117 -0
- package/dist/node_modules/@base-ui/react/esm/popover/root/PopoverRootContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js +44 -0
- package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverStore.js +94 -0
- package/dist/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js +120 -0
- package/dist/node_modules/@base-ui/react/esm/popover/utils/constants.js +4 -0
- package/dist/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js +10 -0
- package/dist/node_modules/@base-ui/react/esm/use-button/useButton.js +113 -0
- package/dist/node_modules/@base-ui/react/esm/utils/FocusGuard.js +26 -0
- package/dist/node_modules/@base-ui/react/esm/utils/InternalBackdrop.js +41 -0
- package/dist/node_modules/@base-ui/react/esm/utils/adaptiveOriginMiddleware.js +63 -0
- package/dist/node_modules/@base-ui/react/esm/utils/closePart.js +30 -0
- package/dist/node_modules/@base-ui/react/esm/utils/constants.js +19 -0
- package/dist/node_modules/@base-ui/react/esm/utils/createBaseUIEventDetails.js +26 -0
- package/dist/node_modules/@base-ui/react/esm/utils/getDisabledMountTransitionStyles.js +8 -0
- package/dist/node_modules/@base-ui/react/esm/utils/getStateAttributesProps.js +16 -0
- package/dist/node_modules/@base-ui/react/esm/utils/hideMiddleware.js +20 -0
- package/dist/node_modules/@base-ui/react/esm/utils/popupStateMapping.js +40 -0
- package/dist/node_modules/@base-ui/react/esm/utils/popups/popupStoreUtils.js +95 -0
- package/dist/node_modules/@base-ui/react/esm/utils/popups/popupTriggerMap.js +64 -0
- package/dist/node_modules/@base-ui/react/esm/utils/popups/store.js +52 -0
- package/dist/node_modules/@base-ui/react/esm/utils/reason-parts.js +9 -0
- package/dist/node_modules/@base-ui/react/esm/utils/resolveClassName.js +6 -0
- package/dist/node_modules/@base-ui/react/esm/utils/resolveRef.js +6 -0
- package/dist/node_modules/@base-ui/react/esm/utils/resolveStyle.js +6 -0
- package/dist/node_modules/@base-ui/react/esm/utils/stateAttributesMapping.js +16 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useAnchorPositioning.js +267 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useAnimationsFinished.js +57 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useBaseUiId.js +7 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useFocusableWhenDisabled.js +24 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useOpenChangeComplete.js +22 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useOpenInteractionType.js +30 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useRenderElement.js +71 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useTransitionStatus.js +42 -0
- package/dist/node_modules/@base-ui/react/esm/utils/useValueChanged.js +14 -0
- package/dist/node_modules/@base-ui/utils/esm/detectBrowser.js +43 -0
- package/dist/node_modules/@base-ui/utils/esm/empty.js +7 -0
- package/dist/node_modules/@base-ui/utils/esm/error.js +11 -0
- package/dist/node_modules/@base-ui/utils/esm/formatErrorMessage.js +11 -0
- package/dist/node_modules/@base-ui/utils/esm/getReactElementRef.js +11 -0
- package/dist/node_modules/@base-ui/utils/esm/inertValue.js +7 -0
- package/dist/node_modules/@base-ui/utils/esm/mergeObjects.js +14 -0
- package/dist/node_modules/@base-ui/utils/esm/owner.js +6 -0
- package/dist/node_modules/@base-ui/utils/esm/reactVersion.js +8 -0
- package/dist/node_modules/@base-ui/utils/esm/safeReact.js +7 -0
- package/dist/node_modules/@base-ui/utils/esm/store/ReactStore.js +145 -0
- package/dist/node_modules/@base-ui/utils/esm/store/Store.js +86 -0
- package/dist/node_modules/@base-ui/utils/esm/store/createSelector.js +25 -0
- package/dist/node_modules/@base-ui/utils/esm/store/useStore.js +21 -0
- package/dist/node_modules/@base-ui/utils/esm/useAnimationFrame.js +68 -0
- package/dist/node_modules/@base-ui/utils/esm/useEnhancedClickHandler.js +19 -0
- package/dist/node_modules/@base-ui/utils/esm/useId.js +20 -0
- package/dist/node_modules/@base-ui/utils/esm/useIsoLayoutEffect.js +6 -0
- package/dist/node_modules/@base-ui/utils/esm/useMergedRefs.js +69 -0
- package/dist/node_modules/@base-ui/utils/esm/useOnFirstRender.js +8 -0
- package/dist/node_modules/@base-ui/utils/esm/useOnMount.js +8 -0
- package/dist/node_modules/@base-ui/utils/esm/useRefWithInit.js +9 -0
- package/dist/node_modules/@base-ui/utils/esm/useScrollLock.js +122 -0
- package/dist/node_modules/@base-ui/utils/esm/useStableCallback.js +32 -0
- package/dist/node_modules/@base-ui/utils/esm/useTimeout.js +32 -0
- package/dist/node_modules/@base-ui/utils/esm/useValueAsRef.js +19 -0
- package/dist/node_modules/@base-ui/utils/esm/visuallyHidden.js +18 -0
- package/dist/node_modules/@base-ui/utils/esm/warn.js +11 -0
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +494 -0
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +402 -0
- package/dist/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +203 -0
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +136 -0
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +128 -0
- package/dist/node_modules/i18next/dist/esm/i18next.js +45 -47
- package/dist/node_modules/reselect/dist/reselect.js +324 -0
- package/dist/node_modules/tabbable/dist/index.esm.js +210 -0
- package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js +58 -0
- package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.js +57 -0
- package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js +58 -0
- package/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js +46 -0
- package/dist/node_modules/use-sync-external-store/shim/index.js +10 -0
- package/dist/node_modules/use-sync-external-store/shim/with-selector.js +10 -0
- package/dist/package.json +2 -1
- package/dist/utils/icon-template.d.ts.map +1 -1
- package/package.json +2 -1
- package/dist/lib/Patterns/index.d.ts +0 -3
- package/dist/lib/Patterns/index.d.ts.map +0 -1
package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingFocusManager.js
ADDED
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
import * as E from "react";
|
|
2
|
+
import { tabbable as Ne, isTabbable as Se, focusable as je } from "../../../../../tabbable/dist/index.esm.js";
|
|
3
|
+
import { isHTMLElement as P, getNodeName as Be, getWindow as Ue } from "../../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
|
|
4
|
+
import { useMergedRefs as ve } from "../../../../utils/esm/useMergedRefs.js";
|
|
5
|
+
import { useValueAsRef as te } from "../../../../utils/esm/useValueAsRef.js";
|
|
6
|
+
import { useStableCallback as z } from "../../../../utils/esm/useStableCallback.js";
|
|
7
|
+
import { useIsoLayoutEffect as W } from "../../../../utils/esm/useIsoLayoutEffect.js";
|
|
8
|
+
import { useTimeout as Te } from "../../../../utils/esm/useTimeout.js";
|
|
9
|
+
import { isWebKit as $e } from "../../../../utils/esm/detectBrowser.js";
|
|
10
|
+
import { useAnimationFrame as ze } from "../../../../utils/esm/useAnimationFrame.js";
|
|
11
|
+
import { ownerDocument as N } from "../../../../utils/esm/owner.js";
|
|
12
|
+
import { FocusGuard as ye } from "../../utils/FocusGuard.js";
|
|
13
|
+
import { createChangeEventDetails as Je } from "../../utils/createBaseUIEventDetails.js";
|
|
14
|
+
import { createAttribute as Fe } from "../utils/createAttribute.js";
|
|
15
|
+
import { enqueueFocus as ne } from "../utils/enqueueFocus.js";
|
|
16
|
+
import { markOthers as xe } from "../utils/markOthers.js";
|
|
17
|
+
import { usePortalContext as Qe } from "./FloatingPortal.js";
|
|
18
|
+
import { useFloatingTree as Xe } from "./FloatingTree.js";
|
|
19
|
+
import { CLICK_TRIGGER_IDENTIFIER as Ye } from "../../utils/constants.js";
|
|
20
|
+
import { resolveRef as L } from "../../utils/resolveRef.js";
|
|
21
|
+
import { jsxs as Ze, jsx as Ie } from "react/jsx-runtime";
|
|
22
|
+
import { isTypeableCombobox as he, getFloatingFocusElement as ke, contains as d, activeElement as M, isTypeableElement as et, getTarget as re } from "../utils/element.js";
|
|
23
|
+
import { getTabbableOptions as se, isOutsideEvent as Le, getNextTabbable as tt, getPreviousTabbable as nt } from "../utils/tabbable.js";
|
|
24
|
+
import { getNodeAncestors as Ce, getNodeChildren as Oe } from "../utils/nodes.js";
|
|
25
|
+
import { isVirtualClick as rt, isVirtualPointerEvent as ot, stopEvent as st } from "../utils/event.js";
|
|
26
|
+
import { isElementVisible as ut } from "../utils/composite.js";
|
|
27
|
+
import { triggerHover as it, outsidePress as ct, focusOut as at } from "../../utils/reason-parts.js";
|
|
28
|
+
function ft(t, v) {
|
|
29
|
+
const h = Ue(t.target);
|
|
30
|
+
return t instanceof h.KeyboardEvent ? "keyboard" : t instanceof h.FocusEvent ? v || "keyboard" : "pointerType" in t ? t.pointerType || "keyboard" : "touches" in t ? "touch" : t instanceof h.MouseEvent ? v || (t.detail === 0 ? "keyboard" : "mouse") : "";
|
|
31
|
+
}
|
|
32
|
+
const we = 20;
|
|
33
|
+
let C = [];
|
|
34
|
+
function ue() {
|
|
35
|
+
C = C.filter((t) => t.deref()?.isConnected);
|
|
36
|
+
}
|
|
37
|
+
function lt(t) {
|
|
38
|
+
ue(), t && Be(t) !== "body" && (C.push(new WeakRef(t)), C.length > we && (C = C.slice(-we)));
|
|
39
|
+
}
|
|
40
|
+
function oe() {
|
|
41
|
+
return ue(), C[C.length - 1]?.deref();
|
|
42
|
+
}
|
|
43
|
+
function dt(t) {
|
|
44
|
+
if (!t)
|
|
45
|
+
return null;
|
|
46
|
+
const v = se();
|
|
47
|
+
return Se(t, v) ? t : Ne(t, v)[0] || t;
|
|
48
|
+
}
|
|
49
|
+
function bt(t) {
|
|
50
|
+
return !t || !t.isConnected ? !1 : typeof t.checkVisibility == "function" ? t.checkVisibility() : ut(t);
|
|
51
|
+
}
|
|
52
|
+
function Ae(t, v) {
|
|
53
|
+
if (!v.current.includes("floating") && !t.getAttribute("role")?.includes("dialog"))
|
|
54
|
+
return;
|
|
55
|
+
const h = se(), _ = je(t, h).filter((O) => {
|
|
56
|
+
const m = O.getAttribute("data-tabindex") || "";
|
|
57
|
+
return Se(O, h) || O.hasAttribute("data-tabindex") && !m.startsWith("-");
|
|
58
|
+
}), j = t.getAttribute("tabindex");
|
|
59
|
+
v.current.includes("floating") || _.length === 0 ? j !== "0" && t.setAttribute("tabindex", "0") : (j !== "-1" || t.hasAttribute("data-tabindex") && t.getAttribute("data-tabindex") !== "-1") && (t.setAttribute("tabindex", "-1"), t.setAttribute("data-tabindex", "-1"));
|
|
60
|
+
}
|
|
61
|
+
function Kt(t) {
|
|
62
|
+
const {
|
|
63
|
+
context: v,
|
|
64
|
+
children: h,
|
|
65
|
+
disabled: f = !1,
|
|
66
|
+
initialFocus: _ = !0,
|
|
67
|
+
returnFocus: j = !0,
|
|
68
|
+
restoreFocus: O = !1,
|
|
69
|
+
modal: m = !0,
|
|
70
|
+
closeOnFocusOut: G = !0,
|
|
71
|
+
openInteractionType: De = "",
|
|
72
|
+
nextFocusableElement: V,
|
|
73
|
+
previousFocusableElement: q,
|
|
74
|
+
beforeContentFocusGuardRef: Pe,
|
|
75
|
+
externalTree: Me,
|
|
76
|
+
getInsideElements: Ge
|
|
77
|
+
} = t, x = "rootStore" in v ? v.rootStore : v, T = x.useState("open"), a = x.useState("domReferenceElement"), i = x.useState("floatingElement"), {
|
|
78
|
+
events: J,
|
|
79
|
+
dataRef: w
|
|
80
|
+
} = x.context, S = z(() => w.current.floatingContext?.nodeId), ie = _ === !1, I = he(a) && ie, A = E.useRef(["content"]), ce = te(_), B = te(j), ae = te(De), y = Xe(Me), u = Qe(), F = E.useRef(!1), U = E.useRef(!1), Q = E.useRef(!1), fe = E.useRef(-1), le = E.useRef(""), X = E.useRef(""), Y = E.useRef(null), Z = E.useRef(null), Ve = ve(Y, Pe, u?.beforeInsideRef), qe = ve(Z, u?.afterInsideRef), de = Te(), be = Te(), me = ze(), Ke = u != null, s = ke(i), D = z((e = s) => e ? Ne(e, se()) : []), k = z(() => Ge?.().filter((e) => e != null) ?? []), K = z((e) => {
|
|
81
|
+
const c = D(e);
|
|
82
|
+
return A.current.map(() => c).filter(Boolean).flat();
|
|
83
|
+
});
|
|
84
|
+
E.useEffect(() => {
|
|
85
|
+
if (f || !m)
|
|
86
|
+
return;
|
|
87
|
+
function e(b) {
|
|
88
|
+
b.key === "Tab" && d(s, M(N(s))) && D().length === 0 && !I && st(b);
|
|
89
|
+
}
|
|
90
|
+
const c = N(s);
|
|
91
|
+
return c.addEventListener("keydown", e), () => {
|
|
92
|
+
c.removeEventListener("keydown", e);
|
|
93
|
+
};
|
|
94
|
+
}, [f, a, s, m, A, I, D, K]), E.useEffect(() => {
|
|
95
|
+
if (f || !T)
|
|
96
|
+
return;
|
|
97
|
+
const e = N(s);
|
|
98
|
+
function c() {
|
|
99
|
+
Q.current = !1;
|
|
100
|
+
}
|
|
101
|
+
function b(o) {
|
|
102
|
+
const r = re(o), g = k(), l = d(i, r) || d(a, r) || d(u?.portalNode, r) || g.some((n) => n === r || d(n, r));
|
|
103
|
+
Q.current = !l, X.current = o.pointerType || "keyboard", r?.closest(`[${Ye}]`) && (U.current = !0);
|
|
104
|
+
}
|
|
105
|
+
function p() {
|
|
106
|
+
X.current = "keyboard";
|
|
107
|
+
}
|
|
108
|
+
return e.addEventListener("pointerdown", b, !0), e.addEventListener("pointerup", c, !0), e.addEventListener("pointercancel", c, !0), e.addEventListener("keydown", p, !0), () => {
|
|
109
|
+
e.removeEventListener("pointerdown", b, !0), e.removeEventListener("pointerup", c, !0), e.removeEventListener("pointercancel", c, !0), e.removeEventListener("keydown", p, !0);
|
|
110
|
+
};
|
|
111
|
+
}, [f, i, a, s, T, u, k]), E.useEffect(() => {
|
|
112
|
+
if (f || !G)
|
|
113
|
+
return;
|
|
114
|
+
const e = N(s);
|
|
115
|
+
function c() {
|
|
116
|
+
U.current = !0, be.start(0, () => {
|
|
117
|
+
U.current = !1;
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
function b(l) {
|
|
121
|
+
const n = re(l), $ = D().indexOf(n);
|
|
122
|
+
$ !== -1 && (fe.current = $);
|
|
123
|
+
}
|
|
124
|
+
function p(l) {
|
|
125
|
+
const n = l.relatedTarget, H = l.currentTarget, $ = re(l);
|
|
126
|
+
queueMicrotask(() => {
|
|
127
|
+
const Ee = S(), ge = x.context.triggerElements, He = k(), We = n?.hasAttribute(Fe("focus-guard")) && [Y.current, Z.current, u?.beforeInsideRef.current, u?.afterInsideRef.current, u?.beforeOutsideRef.current, u?.afterOutsideRef.current, L(q), L(V)].includes(n), _e = !(d(a, n) || d(i, n) || d(n, i) || d(u?.portalNode, n) || He.some((R) => R === n || d(R, n)) || n != null && ge.hasElement(n) || ge.hasMatchingElement((R) => d(R, n)) || We || y && (Oe(y.nodesRef.current, Ee).find((R) => d(R.context?.elements.floating, n) || d(R.context?.elements.domReference, n)) || Ce(y.nodesRef.current, Ee).find((R) => [R.context?.elements.floating, ke(R.context?.elements.floating)].includes(n) || R.context?.elements.domReference === n)));
|
|
128
|
+
if (H === a && s && Ae(s, A), O && H !== a && !bt($) && M(e) === e.body) {
|
|
129
|
+
if (P(s) && (s.focus(), O === "popup")) {
|
|
130
|
+
me.request(() => {
|
|
131
|
+
s.focus();
|
|
132
|
+
});
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
const R = fe.current, ee = D(), Re = ee[R] || ee[ee.length - 1] || s;
|
|
136
|
+
P(Re) && Re.focus();
|
|
137
|
+
}
|
|
138
|
+
if (w.current.insideReactTree) {
|
|
139
|
+
w.current.insideReactTree = !1;
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
(I || !m) && n && _e && !U.current && // Fix React 18 Strict Mode returnFocus due to double rendering.
|
|
143
|
+
// For an "untrapped" typeable combobox (input role=combobox with
|
|
144
|
+
// initialFocus=false), re-opening the popup and tabbing out should still close it even
|
|
145
|
+
// when the previously focused element (e.g. the next tabbable outside the popup) is
|
|
146
|
+
// focused again. Otherwise, the popup remains open on the second Tab sequence:
|
|
147
|
+
// click input -> Tab (closes) -> click input -> Tab.
|
|
148
|
+
// Allow closing when `isUntrappedTypeableCombobox` regardless of the previously focused element.
|
|
149
|
+
(I || n !== oe()) && (F.current = !0, x.setOpen(!1, Je(at, l)));
|
|
150
|
+
});
|
|
151
|
+
}
|
|
152
|
+
function o() {
|
|
153
|
+
Q.current || (w.current.insideReactTree = !0, de.start(0, () => {
|
|
154
|
+
w.current.insideReactTree = !1;
|
|
155
|
+
}));
|
|
156
|
+
}
|
|
157
|
+
const r = P(a) ? a : null, g = [];
|
|
158
|
+
if (!(!i && !r))
|
|
159
|
+
return r && (r.addEventListener("focusout", p), r.addEventListener("pointerdown", c), g.push(() => {
|
|
160
|
+
r.removeEventListener("focusout", p), r.removeEventListener("pointerdown", c);
|
|
161
|
+
})), i && (i.addEventListener("focusin", b), i.addEventListener("focusout", p), u && (i.addEventListener("focusout", o, !0), g.push(() => {
|
|
162
|
+
i.removeEventListener("focusout", o, !0);
|
|
163
|
+
})), g.push(() => {
|
|
164
|
+
i.removeEventListener("focusin", b), i.removeEventListener("focusout", p);
|
|
165
|
+
})), () => {
|
|
166
|
+
g.forEach((l) => {
|
|
167
|
+
l();
|
|
168
|
+
});
|
|
169
|
+
};
|
|
170
|
+
}, [f, a, i, s, m, y, u, x, G, O, D, I, S, A, w, de, be, me, V, q, k]), E.useEffect(() => {
|
|
171
|
+
if (f || !i || !T)
|
|
172
|
+
return;
|
|
173
|
+
const e = Array.from(u?.portalNode?.querySelectorAll(`[${Fe("portal")}]`) || []), b = (y ? Ce(y.nodesRef.current, S()) : []).find((n) => he(n.context?.elements.domReference || null))?.context?.elements.domReference, o = [...[i, ...e, Y.current, Z.current, u?.beforeOutsideRef.current, u?.afterOutsideRef.current, ...k()], b, L(q), L(V), I ? a : null].filter((n) => n != null), r = xe(o, {
|
|
174
|
+
ariaHidden: m || I,
|
|
175
|
+
mark: !1
|
|
176
|
+
}), g = [i, ...e].filter((n) => n != null), l = xe(g);
|
|
177
|
+
return () => {
|
|
178
|
+
l(), r();
|
|
179
|
+
};
|
|
180
|
+
}, [T, f, a, i, m, A, u, I, y, S, V, q, k]), W(() => {
|
|
181
|
+
if (!T || f || !P(s))
|
|
182
|
+
return;
|
|
183
|
+
const e = N(s), c = M(e);
|
|
184
|
+
queueMicrotask(() => {
|
|
185
|
+
const b = K(s), p = ce.current, o = typeof p == "function" ? p(ae.current || "") : p;
|
|
186
|
+
if (o === void 0 || o === !1)
|
|
187
|
+
return;
|
|
188
|
+
let r;
|
|
189
|
+
o === !0 || o === null ? r = b[0] || s : r = L(o), r = r || b[0] || s, !d(s, c) && ne(r, {
|
|
190
|
+
preventScroll: r === s
|
|
191
|
+
});
|
|
192
|
+
});
|
|
193
|
+
}, [f, T, s, ie, K, ce, ae]), W(() => {
|
|
194
|
+
if (f || !s)
|
|
195
|
+
return;
|
|
196
|
+
const e = N(s), c = M(e);
|
|
197
|
+
lt(c);
|
|
198
|
+
function b(o) {
|
|
199
|
+
if (o.open || (le.current = ft(o.nativeEvent, X.current)), o.reason === it && o.nativeEvent.type === "mouseleave" && (F.current = !0), o.reason === ct)
|
|
200
|
+
if (o.nested)
|
|
201
|
+
F.current = !1;
|
|
202
|
+
else if (rt(o.nativeEvent) || ot(o.nativeEvent))
|
|
203
|
+
F.current = !1;
|
|
204
|
+
else {
|
|
205
|
+
let r = !1;
|
|
206
|
+
document.createElement("div").focus({
|
|
207
|
+
get preventScroll() {
|
|
208
|
+
return r = !0, !1;
|
|
209
|
+
}
|
|
210
|
+
}), r ? F.current = !1 : F.current = !0;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
J.on("openchange", b);
|
|
214
|
+
function p() {
|
|
215
|
+
const o = B.current;
|
|
216
|
+
let r = typeof o == "function" ? o(le.current) : o;
|
|
217
|
+
if (r === void 0 || r === !1)
|
|
218
|
+
return null;
|
|
219
|
+
if (r === null && (r = !0), typeof r == "boolean") {
|
|
220
|
+
const l = a || oe();
|
|
221
|
+
return l && l.isConnected ? l : null;
|
|
222
|
+
}
|
|
223
|
+
const g = a || oe();
|
|
224
|
+
return L(r) || g || null;
|
|
225
|
+
}
|
|
226
|
+
return () => {
|
|
227
|
+
J.off("openchange", b);
|
|
228
|
+
const o = M(e), r = k(), g = d(i, o) || r.some((n) => n === o || d(n, o)) || y && Oe(y.nodesRef.current, S(), !1).some((n) => d(n.context?.elements.floating, o)), l = p();
|
|
229
|
+
queueMicrotask(() => {
|
|
230
|
+
const n = dt(l), H = typeof B.current != "boolean";
|
|
231
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
232
|
+
B.current && !F.current && P(n) && // If the focus moved somewhere else after mount, avoid returning focus
|
|
233
|
+
// since it likely entered a different element which should be
|
|
234
|
+
// respected: https://github.com/floating-ui/floating-ui/issues/2607
|
|
235
|
+
(!(!H && n !== o && o !== e.body) || g) && n.focus({
|
|
236
|
+
preventScroll: !0
|
|
237
|
+
}), F.current = !1;
|
|
238
|
+
});
|
|
239
|
+
};
|
|
240
|
+
}, [f, i, s, B, w, J, y, a, S, k]), W(() => {
|
|
241
|
+
if (!$e || T || !i)
|
|
242
|
+
return;
|
|
243
|
+
const e = M(N(i));
|
|
244
|
+
!P(e) || !et(e) || d(i, e) && e.blur();
|
|
245
|
+
}, [T, i]), W(() => {
|
|
246
|
+
if (!(f || !u))
|
|
247
|
+
return u.setFocusManagerState({
|
|
248
|
+
modal: m,
|
|
249
|
+
closeOnFocusOut: G,
|
|
250
|
+
open: T,
|
|
251
|
+
onOpenChange: x.setOpen,
|
|
252
|
+
domReference: a
|
|
253
|
+
}), () => {
|
|
254
|
+
u.setFocusManagerState(null);
|
|
255
|
+
};
|
|
256
|
+
}, [f, u, m, T, x, G, a]), W(() => {
|
|
257
|
+
if (!(f || !s))
|
|
258
|
+
return Ae(s, A), () => {
|
|
259
|
+
queueMicrotask(ue);
|
|
260
|
+
};
|
|
261
|
+
}, [f, s, A]);
|
|
262
|
+
const pe = !f && (m ? !I : !0) && (Ke || m);
|
|
263
|
+
return /* @__PURE__ */ Ze(E.Fragment, {
|
|
264
|
+
children: [pe && /* @__PURE__ */ Ie(ye, {
|
|
265
|
+
"data-type": "inside",
|
|
266
|
+
ref: Ve,
|
|
267
|
+
onFocus: (e) => {
|
|
268
|
+
if (m) {
|
|
269
|
+
const c = K();
|
|
270
|
+
ne(c[c.length - 1]);
|
|
271
|
+
} else u?.portalNode && (F.current = !1, Le(e, u.portalNode) ? tt(a)?.focus() : L(q ?? u.beforeOutsideRef)?.focus());
|
|
272
|
+
}
|
|
273
|
+
}), h, pe && /* @__PURE__ */ Ie(ye, {
|
|
274
|
+
"data-type": "inside",
|
|
275
|
+
ref: qe,
|
|
276
|
+
onFocus: (e) => {
|
|
277
|
+
m ? ne(K()[0]) : u?.portalNode && (G && (F.current = !0), Le(e, u.portalNode) ? nt(a)?.focus() : L(V ?? u.afterOutsideRef)?.focus());
|
|
278
|
+
}
|
|
279
|
+
})]
|
|
280
|
+
});
|
|
281
|
+
}
|
|
282
|
+
export {
|
|
283
|
+
Kt as FloatingFocusManager
|
|
284
|
+
};
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import * as I from "react-dom";
|
|
3
|
+
import { isNode as M } from "../../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
|
|
4
|
+
import { useId as D } from "../../../../utils/esm/useId.js";
|
|
5
|
+
import { useIsoLayoutEffect as V } from "../../../../utils/esm/useIsoLayoutEffect.js";
|
|
6
|
+
import { useStableCallback as w } from "../../../../utils/esm/useStableCallback.js";
|
|
7
|
+
import { FocusGuard as y } from "../../utils/FocusGuard.js";
|
|
8
|
+
import { createChangeEventDetails as G } from "../../utils/createBaseUIEventDetails.js";
|
|
9
|
+
import { createAttribute as _ } from "../utils/createAttribute.js";
|
|
10
|
+
import { useRenderElement as j } from "../../utils/useRenderElement.js";
|
|
11
|
+
import { ownerVisuallyHidden as k } from "../../utils/constants.js";
|
|
12
|
+
import { jsxs as S, jsx as g } from "react/jsx-runtime";
|
|
13
|
+
import { enableFocusInside as T, isOutsideEvent as v, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "../utils/tabbable.js";
|
|
14
|
+
import { EMPTY_OBJECT as H } from "../../../../utils/esm/empty.js";
|
|
15
|
+
import { focusOut as J } from "../../utils/reason-parts.js";
|
|
16
|
+
const N = /* @__PURE__ */ t.createContext(null);
|
|
17
|
+
process.env.NODE_ENV !== "production" && (N.displayName = "PortalContext");
|
|
18
|
+
const Y = () => t.useContext(N), z = _("portal");
|
|
19
|
+
function K(F = {}) {
|
|
20
|
+
const {
|
|
21
|
+
ref: f,
|
|
22
|
+
container: u,
|
|
23
|
+
componentProps: b = H,
|
|
24
|
+
elementProps: E
|
|
25
|
+
} = F, d = D(), c = Y()?.portalNode, [m, e] = t.useState(null), [R, l] = t.useState(null), p = w((r) => {
|
|
26
|
+
r !== null && l(r);
|
|
27
|
+
}), n = t.useRef(null);
|
|
28
|
+
V(() => {
|
|
29
|
+
if (u === null) {
|
|
30
|
+
n.current && (n.current = null, l(null), e(null));
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
if (d == null)
|
|
34
|
+
return;
|
|
35
|
+
const r = (u && (M(u) ? u : u.current)) ?? c ?? document.body;
|
|
36
|
+
if (r == null) {
|
|
37
|
+
n.current && (n.current = null, l(null), e(null));
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
n.current !== r && (n.current = r, l(null), e(r));
|
|
41
|
+
}, [u, c, d]);
|
|
42
|
+
const i = j("div", b, {
|
|
43
|
+
ref: [f, p],
|
|
44
|
+
props: [{
|
|
45
|
+
id: d,
|
|
46
|
+
[z]: ""
|
|
47
|
+
}, E]
|
|
48
|
+
});
|
|
49
|
+
return {
|
|
50
|
+
portalNode: R,
|
|
51
|
+
portalSubtree: m && i ? /* @__PURE__ */ I.createPortal(i, m) : null
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
const Q = /* @__PURE__ */ t.forwardRef(function(f, u) {
|
|
55
|
+
const {
|
|
56
|
+
children: b,
|
|
57
|
+
container: E,
|
|
58
|
+
className: d,
|
|
59
|
+
render: h,
|
|
60
|
+
renderGuards: c,
|
|
61
|
+
...m
|
|
62
|
+
} = f, {
|
|
63
|
+
portalNode: e,
|
|
64
|
+
portalSubtree: R
|
|
65
|
+
} = K({
|
|
66
|
+
container: E,
|
|
67
|
+
ref: u,
|
|
68
|
+
componentProps: f,
|
|
69
|
+
elementProps: m
|
|
70
|
+
}), l = t.useRef(null), p = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, r] = t.useState(null), x = o?.modal, C = o?.open, P = typeof c == "boolean" ? c : !!o && !o.modal && o.open && !!e;
|
|
71
|
+
t.useEffect(() => {
|
|
72
|
+
if (!e || x)
|
|
73
|
+
return;
|
|
74
|
+
function s(a) {
|
|
75
|
+
e && a.relatedTarget && v(a) && (a.type === "focusin" ? T : B)(e);
|
|
76
|
+
}
|
|
77
|
+
return e.addEventListener("focusin", s, !0), e.addEventListener("focusout", s, !0), () => {
|
|
78
|
+
e.removeEventListener("focusin", s, !0), e.removeEventListener("focusout", s, !0);
|
|
79
|
+
};
|
|
80
|
+
}, [e, x]), t.useEffect(() => {
|
|
81
|
+
!e || C || T(e);
|
|
82
|
+
}, [C, e]);
|
|
83
|
+
const L = t.useMemo(() => ({
|
|
84
|
+
beforeOutsideRef: l,
|
|
85
|
+
afterOutsideRef: p,
|
|
86
|
+
beforeInsideRef: n,
|
|
87
|
+
afterInsideRef: i,
|
|
88
|
+
portalNode: e,
|
|
89
|
+
setFocusManagerState: r
|
|
90
|
+
}), [e]);
|
|
91
|
+
return /* @__PURE__ */ S(t.Fragment, {
|
|
92
|
+
children: [R, /* @__PURE__ */ S(N.Provider, {
|
|
93
|
+
value: L,
|
|
94
|
+
children: [P && e && /* @__PURE__ */ g(y, {
|
|
95
|
+
"data-type": "outside",
|
|
96
|
+
ref: l,
|
|
97
|
+
onFocus: (s) => {
|
|
98
|
+
if (v(s, e))
|
|
99
|
+
n.current?.focus();
|
|
100
|
+
else {
|
|
101
|
+
const a = o ? o.domReference : null;
|
|
102
|
+
q(a)?.focus();
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}), P && e && /* @__PURE__ */ g("span", {
|
|
106
|
+
"aria-owns": e.id,
|
|
107
|
+
style: k
|
|
108
|
+
}), e && /* @__PURE__ */ I.createPortal(b, e), P && e && /* @__PURE__ */ g(y, {
|
|
109
|
+
"data-type": "outside",
|
|
110
|
+
ref: p,
|
|
111
|
+
onFocus: (s) => {
|
|
112
|
+
if (v(s, e))
|
|
113
|
+
i.current?.focus();
|
|
114
|
+
else {
|
|
115
|
+
const a = o ? o.domReference : null;
|
|
116
|
+
A(a)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, G(J, s.nativeEvent));
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
})]
|
|
120
|
+
})]
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
process.env.NODE_ENV !== "production" && (Q.displayName = "FloatingPortal");
|
|
124
|
+
export {
|
|
125
|
+
Q as FloatingPortal,
|
|
126
|
+
K as useFloatingPortalNode,
|
|
127
|
+
Y as usePortalContext
|
|
128
|
+
};
|
package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingRootStore.js
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { createEventEmitter as s } from "../utils/createEventEmitter.js";
|
|
2
|
+
import { ReactStore as f } from "../../../../utils/esm/store/ReactStore.js";
|
|
3
|
+
import { createSelector as o } from "../../../../utils/esm/store/createSelector.js";
|
|
4
|
+
import { isClickLikeEvent as E } from "../utils/event.js";
|
|
5
|
+
const a = {
|
|
6
|
+
open: o((e) => e.open),
|
|
7
|
+
domReferenceElement: o((e) => e.domReferenceElement),
|
|
8
|
+
referenceElement: o((e) => e.positionReference ?? e.referenceElement),
|
|
9
|
+
floatingElement: o((e) => e.floatingElement),
|
|
10
|
+
floatingId: o((e) => e.floatingId)
|
|
11
|
+
};
|
|
12
|
+
class h extends f {
|
|
13
|
+
constructor(n) {
|
|
14
|
+
const {
|
|
15
|
+
nested: t,
|
|
16
|
+
noEmit: r,
|
|
17
|
+
onOpenChange: c,
|
|
18
|
+
triggerElements: m,
|
|
19
|
+
...i
|
|
20
|
+
} = n;
|
|
21
|
+
super({
|
|
22
|
+
...i,
|
|
23
|
+
positionReference: i.referenceElement,
|
|
24
|
+
domReferenceElement: i.referenceElement
|
|
25
|
+
}, {
|
|
26
|
+
onOpenChange: c,
|
|
27
|
+
dataRef: {
|
|
28
|
+
current: {}
|
|
29
|
+
},
|
|
30
|
+
events: s(),
|
|
31
|
+
nested: t,
|
|
32
|
+
noEmit: r,
|
|
33
|
+
triggerElements: m
|
|
34
|
+
}, a);
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.
|
|
38
|
+
*
|
|
39
|
+
* @param newOpen The new open state.
|
|
40
|
+
* @param eventDetails Details about the event that triggered the open state change.
|
|
41
|
+
*/
|
|
42
|
+
setOpen = (n, t) => {
|
|
43
|
+
if ((!n || !this.state.open || // Prevent a pending hover-open from overwriting a click-open event, while allowing
|
|
44
|
+
// click events to upgrade a hover-open.
|
|
45
|
+
E(t.event)) && (this.context.dataRef.current.openEvent = n ? t.event : void 0), !this.context.noEmit) {
|
|
46
|
+
const r = {
|
|
47
|
+
open: n,
|
|
48
|
+
reason: t.reason,
|
|
49
|
+
nativeEvent: t.event,
|
|
50
|
+
nested: this.context.nested,
|
|
51
|
+
triggerElement: t.trigger
|
|
52
|
+
};
|
|
53
|
+
this.context.events.emit("openchange", r);
|
|
54
|
+
}
|
|
55
|
+
this.context.onOpenChange?.(n, t);
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
export {
|
|
59
|
+
h as FloatingRootStore
|
|
60
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as r from "react";
|
|
2
|
+
import { useId as a } from "../../../../utils/esm/useId.js";
|
|
3
|
+
import { useIsoLayoutEffect as l } from "../../../../utils/esm/useIsoLayoutEffect.js";
|
|
4
|
+
import { useRefWithInit as f } from "../../../../utils/esm/useRefWithInit.js";
|
|
5
|
+
import { FloatingTreeStore as m } from "./FloatingTreeStore.js";
|
|
6
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
7
|
+
const i = /* @__PURE__ */ r.createContext(null);
|
|
8
|
+
process.env.NODE_ENV !== "production" && (i.displayName = "FloatingNodeContext");
|
|
9
|
+
const s = /* @__PURE__ */ r.createContext(null);
|
|
10
|
+
process.env.NODE_ENV !== "production" && (s.displayName = "FloatingTreeContext");
|
|
11
|
+
const u = () => r.useContext(i)?.id || null, p = (o) => {
|
|
12
|
+
const e = r.useContext(s);
|
|
13
|
+
return o ?? e;
|
|
14
|
+
};
|
|
15
|
+
function v(o) {
|
|
16
|
+
const e = a(), t = p(o), n = u();
|
|
17
|
+
return l(() => {
|
|
18
|
+
if (!e)
|
|
19
|
+
return;
|
|
20
|
+
const c = {
|
|
21
|
+
id: e,
|
|
22
|
+
parentId: n
|
|
23
|
+
};
|
|
24
|
+
return t?.addNode(c), () => {
|
|
25
|
+
t?.removeNode(c);
|
|
26
|
+
};
|
|
27
|
+
}, [t, e, n]), e;
|
|
28
|
+
}
|
|
29
|
+
function I(o) {
|
|
30
|
+
const {
|
|
31
|
+
children: e,
|
|
32
|
+
id: t
|
|
33
|
+
} = o, n = u();
|
|
34
|
+
return /* @__PURE__ */ d(i.Provider, {
|
|
35
|
+
value: r.useMemo(() => ({
|
|
36
|
+
id: t,
|
|
37
|
+
parentId: n
|
|
38
|
+
}), [t, n]),
|
|
39
|
+
children: e
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
function T(o) {
|
|
43
|
+
const {
|
|
44
|
+
children: e,
|
|
45
|
+
externalTree: t
|
|
46
|
+
} = o, n = f(() => t ?? new m()).current;
|
|
47
|
+
return /* @__PURE__ */ d(s.Provider, {
|
|
48
|
+
value: n,
|
|
49
|
+
children: e
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
export {
|
|
53
|
+
I as FloatingNode,
|
|
54
|
+
T as FloatingTree,
|
|
55
|
+
v as useFloatingNodeId,
|
|
56
|
+
u as useFloatingParentNodeId,
|
|
57
|
+
p as useFloatingTree
|
|
58
|
+
};
|
package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingTreeStore.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { createEventEmitter as n } from "../utils/createEventEmitter.js";
|
|
2
|
+
class d {
|
|
3
|
+
nodesRef = {
|
|
4
|
+
current: []
|
|
5
|
+
};
|
|
6
|
+
events = n();
|
|
7
|
+
addNode(e) {
|
|
8
|
+
this.nodesRef.current.push(e);
|
|
9
|
+
}
|
|
10
|
+
removeNode(e) {
|
|
11
|
+
const t = this.nodesRef.current.findIndex((r) => r === e);
|
|
12
|
+
t !== -1 && this.nodesRef.current.splice(t, 1);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
d as FloatingTreeStore
|
|
17
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import * as k from "react";
|
|
2
|
+
import { useAnimationFrame as P } from "../../../../utils/esm/useAnimationFrame.js";
|
|
3
|
+
import { useTimeout as b } from "../../../../utils/esm/useTimeout.js";
|
|
4
|
+
import { createChangeEventDetails as y } from "../../utils/createBaseUIEventDetails.js";
|
|
5
|
+
import { EMPTY_OBJECT as I } from "../../../../utils/esm/empty.js";
|
|
6
|
+
import { isMouseLikePointerType as w, isClickLikeEvent as x } from "../utils/event.js";
|
|
7
|
+
import { isTypeableElement as L } from "../utils/element.js";
|
|
8
|
+
import { triggerPress as S } from "../../utils/reason-parts.js";
|
|
9
|
+
function _(T, M = {}) {
|
|
10
|
+
const e = "rootStore" in T ? T.rootStore : T, g = e.context.dataRef, {
|
|
11
|
+
enabled: h = !0,
|
|
12
|
+
event: p = "click",
|
|
13
|
+
toggle: E = !0,
|
|
14
|
+
ignoreMouse: O = !1,
|
|
15
|
+
stickIfOpen: v = !0,
|
|
16
|
+
touchOpenDelay: n = 0,
|
|
17
|
+
reason: a = S
|
|
18
|
+
} = M, s = k.useRef(void 0), C = P(), m = b(), R = k.useMemo(() => ({
|
|
19
|
+
onPointerDown(t) {
|
|
20
|
+
s.current = t.pointerType;
|
|
21
|
+
},
|
|
22
|
+
onMouseDown(t) {
|
|
23
|
+
const r = s.current, o = t.nativeEvent, c = e.select("open");
|
|
24
|
+
if (t.button !== 0 || p === "click" || w(r, !0) && O)
|
|
25
|
+
return;
|
|
26
|
+
const f = g.current.openEvent, i = f?.type, l = e.select("domReferenceElement") !== t.currentTarget, d = c && l || !(c && E && (!(f && v) || i === "click" || i === "mousedown"));
|
|
27
|
+
if (L(o.target)) {
|
|
28
|
+
const u = y(a, o, o.target);
|
|
29
|
+
d && r === "touch" && n > 0 ? m.start(n, () => {
|
|
30
|
+
e.setOpen(!0, u);
|
|
31
|
+
}) : e.setOpen(d, u);
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const D = t.currentTarget;
|
|
35
|
+
C.request(() => {
|
|
36
|
+
const u = y(a, o, D);
|
|
37
|
+
d && r === "touch" && n > 0 ? m.start(n, () => {
|
|
38
|
+
e.setOpen(!0, u);
|
|
39
|
+
}) : e.setOpen(d, u);
|
|
40
|
+
});
|
|
41
|
+
},
|
|
42
|
+
onClick(t) {
|
|
43
|
+
if (p === "mousedown-only")
|
|
44
|
+
return;
|
|
45
|
+
const r = s.current;
|
|
46
|
+
if (p === "mousedown" && r) {
|
|
47
|
+
s.current = void 0;
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
if (w(r, !0) && O)
|
|
51
|
+
return;
|
|
52
|
+
const o = e.select("open"), c = g.current.openEvent, f = e.select("domReferenceElement") !== t.currentTarget, i = o && f || !(o && E && (!(c && v) || x(c))), l = y(a, t.nativeEvent, t.currentTarget);
|
|
53
|
+
i && r === "touch" && n > 0 ? m.start(n, () => {
|
|
54
|
+
e.setOpen(!0, l);
|
|
55
|
+
}) : e.setOpen(i, l);
|
|
56
|
+
},
|
|
57
|
+
onKeyDown() {
|
|
58
|
+
s.current = void 0;
|
|
59
|
+
}
|
|
60
|
+
}), [g, p, O, e, v, E, C, m, n, a]);
|
|
61
|
+
return k.useMemo(() => h ? {
|
|
62
|
+
reference: R
|
|
63
|
+
} : I, [h, R]);
|
|
64
|
+
}
|
|
65
|
+
export {
|
|
66
|
+
_ as useClick
|
|
67
|
+
};
|