@stackone/malachite 2.37.1 → 2.38.0

package/dist/components/useActionMenuPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionMenuPosition.js","sources":["../../src/components/useActionMenuPosition.ts"],"sourcesContent":["import {\n    type RefObject,\n    useCallback,\n    useInsertionEffect,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { ensureActionMenuStyles } from './actionMenuStyles';\nimport type { ActionMenuPlacement } from './actionMenuTypes';\nimport {\n    FLOATING_OFFSET_PX,\n    type FloatingOffset,\n    MENU_MAX_HEIGHT_PX,\n    type MenuGeometry,\n    computeFloatingGeometry,\n    fullPanelHeight,\n    measureContentWidth,\n    measureMenuGeometry,\n    rectSignature,\n} from './floatingMenuGeometry';\nimport { useTopLayer } from './topLayer';\n\ninterface PositionOptions {\n    minWidth?: number;\n    placement: ActionMenuPlacement;\n    offset?: FloatingOffset;\n}\n\nexport const useActionMenuPosition = (\n    open: boolean,\n    triggerRef: RefObject<HTMLElement | null>,\n    menuRef: RefObject<HTMLDivElement | null>,\n    { minWidth, placement, offset }: PositionOptions,\n): MenuGeometry | null => {\n    const [position, setPosition] = useState<MenuGeometry | null>(null);\n    const contentWidth = useRef<number | undefined>(undefined);\n    const contentDirty = useRef(true);\n\n    useTopLayer(menuRef, open);\n\n    useInsertionEffect(() => {\n        if (open) {\n            ensureActionMenuStyles();\n        }\n    }, [open]);\n\n    const update = useCallback(() => {\n        const trigger = triggerRef.current;\n        if (!trigger) {\n            return;\n        }\n        const menu = menuRef.current;\n        if (menu && contentDirty.current) {\n            const inlineWidth = menu.style.width;\n            menu.style.width = '';\n            contentWidth.current = measureContentWidth(menu) ?? contentWidth.current;\n            menu.style.width = inlineWidth;\n            contentDirty.current = false;\n        }\n        const triggerRect = trigger.getBoundingClientRect();\n        const geometry = measureMenuGeometry(menu, {\n            triggerRect,\n            preset: 'options',\n            minWidth,\n            contentWidth: contentWidth.current,\n            viewportWidth: window.innerWidth,\n            viewportHeight: window.innerHeight,\n        });\n        if ((placement === 'bottom-end' && offset === undefined) || !menu) {\n            setPosition(geometry);\n            return;\n        }\n        const floating = computeFloatingGeometry({\n            triggerRect,\n            placement,\n            panelWidth: geometry.width,\n            panelHeight: Math.min(fullPanelHeight(menu), MENU_MAX_HEIGHT_PX),\n            gap: FLOATING_OFFSET_PX[offset ?? 'small'],\n            viewportWidth: window.innerWidth,\n            viewportHeight: window.innerHeight,\n        });\n        setPosition({\n            ...geometry,\n            top: floating.top,\n            left: floating.left,\n            maxHeight: Math.min(MENU_MAX_HEIGHT_PX, floating.maxHeight),\n            openUp: floating.side === 'top',\n        });\n    }, [triggerRef, menuRef, minWidth, placement, offset]);\n\n    useLayoutEffect(() => {\n        if (!open) {\n            setPosition(null);\n            contentWidth.current = undefined;\n            contentDirty.current = true;\n            return;\n        }\n        contentDirty.current = true;\n        update();\n        let frame = 0;\n        let menuResized = false;\n        let lastRect = triggerRef.current\n            ? rectSignature(triggerRef.current.getBoundingClientRect())\n            : '';\n        const followTrigger = () => {\n            const trigger = triggerRef.current;\n            const signature = trigger ? rectSignature(trigger.getBoundingClientRect()) : '';\n            if (signature !== lastRect || menuResized) {\n                lastRect = signature;\n                menuResized = false;\n                update();\n            }\n            frame = requestAnimationFrame(followTrigger);\n        };\n        frame = requestAnimationFrame(followTrigger);\n        window.addEventListener('scroll', update, true);\n        window.addEventListener('resize', update);\n        const menu = menuRef.current;\n        const observer =\n            menu && typeof ResizeObserver !== 'undefined'\n                ? new ResizeObserver(() => {\n                      menuResized = true;\n                  })\n                : null;\n        const contentWatcher =\n            menu && typeof MutationObserver !== 'undefined'\n                ? new MutationObserver(() => {\n                      contentDirty.current = true;\n                      menuResized = true;\n                  })\n                : null;\n        if (menu) {\n            observer?.observe(menu);\n            contentWatcher?.observe(menu, { childList: true, subtree: true, characterData: true });\n        }\n        return () => {\n            cancelAnimationFrame(frame);\n            observer?.disconnect();\n            contentWatcher?.disconnect();\n            window.removeEventListener('scroll', update, true);\n            window.removeEventListener('resize', update);\n        };\n    }, [open, update, triggerRef, menuRef]);\n\n    return position;\n};\n"],"names":["useActionMenuPosition","open","triggerRef","menuRef","minWidth","placement","offset","position","setPosition","useState","contentWidth","useRef","contentDirty","useTopLayer","useInsertionEffect","ensureActionMenuStyles","update","useCallback","trigger","menu","inlineWidth","measureContentWidth","triggerRect","geometry","measureMenuGeometry","floating","computeFloatingGeometry","fullPanelHeight","MENU_MAX_HEIGHT_PX","FLOATING_OFFSET_PX","useLayoutEffect","frame","menuResized","lastRect","rectSignature","followTrigger","signature","observer","contentWatcher"],"mappings":";;;;AA6BO,MAAMA,IAAwB,CACjCC,GACAC,GACAC,GACA,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,QACD;AACtB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA8B,IAAI,GAC5DC,IAAeC,EAA2B,MAAS,GACnDC,IAAeD,EAAO,EAAI;AAEhC,EAAAE,EAAYV,GAASF,CAAI,GAEzBa,EAAmB,MAAM;AACrB,IAAIb,KACAc,EAAA;AAAA,EAER,GAAG,CAACd,CAAI,CAAC;AAET,QAAMe,IAASC,EAAY,MAAM;AAC7B,UAAMC,IAAUhB,EAAW;AAC3B,QAAI,CAACgB;AACD;AAEJ,UAAMC,IAAOhB,EAAQ;AACrB,QAAIgB,KAAQP,EAAa,SAAS;AAC9B,YAAMQ,IAAcD,EAAK,MAAM;AAC/B,MAAAA,EAAK,MAAM,QAAQ,IACnBT,EAAa,UAAUW,EAAoBF,CAAI,KAAKT,EAAa,SACjES,EAAK,MAAM,QAAQC,GACnBR,EAAa,UAAU;AAAA,IAC3B;AACA,UAAMU,IAAcJ,EAAQ,sBAAA,GACtBK,IAAWC,EAAoBL,GAAM;AAAA,MACvC,aAAAG;AAAA,MACA,QAAQ;AAAA,MACR,UAAAlB;AAAA,MACA,cAAcM,EAAa;AAAA,MAC3B,eAAe,OAAO;AAAA,MACtB,gBAAgB,OAAO;AAAA,IAAA,CAC1B;AACD,QAAKL,MAAc,gBAAgBC,MAAW,UAAc,CAACa,GAAM;AAC/D,MAAAX,EAAYe,CAAQ;AACpB;AAAA,IACJ;AACA,UAAME,IAAWC,EAAwB;AAAA,MACrC,aAAAJ;AAAA,MACA,WAAAjB;AAAA,MACA,YAAYkB,EAAS;AAAA,MACrB,aAAa,KAAK,IAAII,EAAgBR,CAAI,GAAGS,CAAkB;AAAA,MAC/D,KAAKC,EAAmBvB,KAAU,OAAO;AAAA,MACzC,eAAe,OAAO;AAAA,MACtB,gBAAgB,OAAO;AAAA,IAAA,CAC1B;AACD,IAAAE,EAAY;AAAA,MACR,GAAGe;AAAA,MACH,KAAKE,EAAS;AAAA,MACd,MAAMA,EAAS;AAAA,MACf,WAAW,KAAK,IAAIG,GAAoBH,EAAS,SAAS;AAAA,MAC1D,QAAQA,EAAS,SAAS;AAAA,IAAA,CAC7B;AAAA,EACL,GAAG,CAACvB,GAAYC,GAASC,GAAUC,GAAWC,CAAM,CAAC;AAErD,SAAAwB,EAAgB,MAAM;AAClB,QAAI,CAAC7B,GAAM;AACP,MAAAO,EAAY,IAAI,GAChBE,EAAa,UAAU,QACvBE,EAAa,UAAU;AACvB;AAAA,IACJ;AACA,IAAAA,EAAa,UAAU,IACvBI,EAAA;AACA,QAAIe,IAAQ,GACRC,IAAc,IACdC,IAAW/B,EAAW,UACpBgC,EAAchC,EAAW,QAAQ,sBAAA,CAAuB,IACxD;AACN,UAAMiC,IAAgB,MAAM;AACxB,YAAMjB,IAAUhB,EAAW,SACrBkC,IAAYlB,IAAUgB,EAAchB,EAAQ,sBAAA,CAAuB,IAAI;AAC7E,OAAIkB,MAAcH,KAAYD,OAC1BC,IAAWG,GACXJ,IAAc,IACdhB,EAAA,IAEJe,IAAQ,sBAAsBI,CAAa;AAAA,IAC/C;AACA,IAAAJ,IAAQ,sBAAsBI,CAAa,GAC3C,OAAO,iBAAiB,UAAUnB,GAAQ,EAAI,GAC9C,OAAO,iBAAiB,UAAUA,CAAM;AACxC,UAAMG,IAAOhB,EAAQ,SACfkC,IACFlB,KAAQ,OAAO,iBAAmB,MAC5B,IAAI,eAAe,MAAM;AACrB,MAAAa,IAAc;AAAA,IAClB,CAAC,IACD,MACJM,IACFnB,KAAQ,OAAO,mBAAqB,MAC9B,IAAI,iBAAiB,MAAM;AACvB,MAAAP,EAAa,UAAU,IACvBoB,IAAc;AAAA,IAClB,CAAC,IACD;AACV,WAAIb,MACAkB,KAAA,QAAAA,EAAU,QAAQlB,IAClBmB,KAAA,QAAAA,EAAgB,QAAQnB,GAAM,EAAE,WAAW,IAAM,SAAS,IAAM,eAAe,QAE5E,MAAM;AACT,2BAAqBY,CAAK,GAC1BM,KAAA,QAAAA,EAAU,cACVC,KAAA,QAAAA,EAAgB,cAChB,OAAO,oBAAoB,UAAUtB,GAAQ,EAAI,GACjD,OAAO,oBAAoB,UAAUA,CAAM;AAAA,IAC/C;AAAA,EACJ,GAAG,CAACf,GAAMe,GAAQd,GAAYC,CAAO,CAAC,GAE/BI;AACX;"}

package/dist/components/useHoverClose.js

@@ -0,0 +1,18 @@
+import { useRef as t, useCallback as f, useEffect as m } from "react";
+import { HOVER_CLOSE_DELAY_MS as C } from "./popoverTree.js";
+const T = ({ isOpenRef: c, heldByChildren: s, setOpen: n }) => {
+  const o = t(!1), u = t(!1), l = t(!1), e = t(null), r = f(() => {
+    e.current && (clearTimeout(e.current), e.current = null);
+  }, []), i = f(() => {
+    r(), e.current = setTimeout(() => {
+      e.current = null;
+      const a = s.current > 0 || o.current || u.current || l.current;
+      c.current && !a && n(!1);
+    }, C);
+  }, [r, n, c, s]);
+  return m(() => r, [r]), { pointerInside: o, focusInside: u, triggerFocused: l, cancelClose: r, scheduleClose: i };
+};
+export {
+  T as useHoverClose
+};
+//# sourceMappingURL=useHoverClose.js.map

package/dist/components/useHoverClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverClose.js","sources":["../../src/components/useHoverClose.ts"],"sourcesContent":["import { type MutableRefObject, useCallback, useEffect, useRef } from 'react';\nimport { HOVER_CLOSE_DELAY_MS } from './popoverTree';\n\ninterface HoverCloseOptions {\n    isOpenRef: MutableRefObject<boolean>;\n    heldByChildren: MutableRefObject<number>;\n    setOpen: (open: boolean) => void;\n}\n\nexport const useHoverClose = ({ isOpenRef, heldByChildren, setOpen }: HoverCloseOptions) => {\n    const pointerInside = useRef(false);\n    const focusInside = useRef(false);\n    const triggerFocused = useRef(false);\n    const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const cancelClose = useCallback(() => {\n        if (closeTimer.current) {\n            clearTimeout(closeTimer.current);\n            closeTimer.current = null;\n        }\n    }, []);\n\n    const scheduleClose = useCallback(() => {\n        cancelClose();\n        closeTimer.current = setTimeout(() => {\n            closeTimer.current = null;\n            const stillWanted =\n                heldByChildren.current > 0 ||\n                pointerInside.current ||\n                focusInside.current ||\n                triggerFocused.current;\n            if (isOpenRef.current && !stillWanted) {\n                setOpen(false);\n            }\n        }, HOVER_CLOSE_DELAY_MS);\n    }, [cancelClose, setOpen, isOpenRef, heldByChildren]);\n\n    useEffect(() => cancelClose, [cancelClose]);\n\n    return { pointerInside, focusInside, triggerFocused, cancelClose, scheduleClose };\n};\n"],"names":["useHoverClose","isOpenRef","heldByChildren","setOpen","pointerInside","useRef","focusInside","triggerFocused","closeTimer","cancelClose","useCallback","scheduleClose","stillWanted","HOVER_CLOSE_DELAY_MS","useEffect"],"mappings":";;AASO,MAAMA,IAAgB,CAAC,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,SAAAC,QAAiC;AACxF,QAAMC,IAAgBC,EAAO,EAAK,GAC5BC,IAAcD,EAAO,EAAK,GAC1BE,IAAiBF,EAAO,EAAK,GAC7BG,IAAaH,EAA6C,IAAI,GAE9DI,IAAcC,EAAY,MAAM;AAClC,IAAIF,EAAW,YACX,aAAaA,EAAW,OAAO,GAC/BA,EAAW,UAAU;AAAA,EAE7B,GAAG,CAAA,CAAE,GAECG,IAAgBD,EAAY,MAAM;AACpC,IAAAD,EAAA,GACAD,EAAW,UAAU,WAAW,MAAM;AAClC,MAAAA,EAAW,UAAU;AACrB,YAAMI,IACFV,EAAe,UAAU,KACzBE,EAAc,WACdE,EAAY,WACZC,EAAe;AACnB,MAAIN,EAAU,WAAW,CAACW,KACtBT,EAAQ,EAAK;AAAA,IAErB,GAAGU,CAAoB;AAAA,EAC3B,GAAG,CAACJ,GAAaN,GAASF,GAAWC,CAAc,CAAC;AAEpD,SAAAY,EAAU,MAAML,GAAa,CAACA,CAAW,CAAC,GAEnC,EAAE,eAAAL,GAAe,aAAAE,GAAa,gBAAAC,GAAgB,aAAAE,GAAa,eAAAE,EAAA;AACtE;"}

package/dist/components/useLatestRef.js

@@ -0,0 +1,11 @@
+import { useRef as r, useLayoutEffect as f } from "react";
+const s = (e) => {
+  const t = r(e);
+  return f(() => {
+    t.current = e;
+  }), t;
+};
+export {
+  s as useLatestRef
+};
+//# sourceMappingURL=useLatestRef.js.map

package/dist/components/useLatestRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatestRef.js","sources":["../../src/components/useLatestRef.ts"],"sourcesContent":["import { type MutableRefObject, useLayoutEffect, useRef } from 'react';\n\nexport const useLatestRef = <T>(value: T): MutableRefObject<T> => {\n    const ref = useRef(value);\n    useLayoutEffect(() => {\n        ref.current = value;\n    });\n    return ref;\n};\n"],"names":["useLatestRef","value","ref","useRef","useLayoutEffect"],"mappings":";AAEO,MAAMA,IAAe,CAAIC,MAAkC;AAC9D,QAAMC,IAAMC,EAAOF,CAAK;AACxB,SAAAG,EAAgB,MAAM;AAClB,IAAAF,EAAI,UAAUD;AAAA,EAClB,CAAC,GACMC;AACX;"}

package/dist/components/usePopoverPosition.js

@@ -0,0 +1,62 @@
+import { useState as F, useInsertionEffect as L, useCallback as H, useLayoutEffect as a, useEffect as h } from "react";
+import { computeFloatingGeometry as x, fullPanelHeight as z, FLOATING_OFFSET_PX as A, rectSignature as P } from "./floatingMenuGeometry.js";
+import { ensurePopoverStyles as W } from "./portalOverlay.js";
+import { useTopLayer as G } from "./topLayer.js";
+const S = (e, t) => e !== null && e.top === t.top && e.left === t.left && e.maxHeight === t.maxHeight && e.side === t.side, B = ({
+  isOpen: e,
+  panel: t,
+  hostRef: v,
+  triggerRef: c,
+  anchorRef: r,
+  placement: d,
+  width: m,
+  offset: w
+}) => {
+  const [E, g] = F(null);
+  G(v, e && t !== null), L(() => {
+    e && W();
+  }, [e]);
+  const o = H(() => {
+    const n = (r == null ? void 0 : r.current) ?? c.current;
+    if (!n || !t)
+      return;
+    const u = n.getBoundingClientRect(), s = m === "trigger" ? `${u.width}px` : "";
+    t.style.width !== s && (t.style.width = s);
+    const l = x({
+      triggerRect: u,
+      placement: d,
+      panelWidth: t.offsetWidth,
+      panelHeight: z(t),
+      gap: A[w],
+      viewportWidth: window.innerWidth,
+      viewportHeight: window.innerHeight
+    });
+    g((i) => S(i, l) ? i : l);
+  }, [t, d, m, r, c, w]);
+  return a(() => {
+    if (!e) {
+      g(null);
+      return;
+    }
+    o();
+  }, [e, o]), h(() => {
+    if (!e)
+      return;
+    let n = 0, u = "", s = !1;
+    const l = () => {
+      const f = (r == null ? void 0 : r.current) ?? c.current, y = f ? P(f.getBoundingClientRect()) : "";
+      (y !== u || s) && (u = y, s = !1, o()), n = requestAnimationFrame(l);
+    };
+    n = requestAnimationFrame(l), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o);
+    const i = t && typeof ResizeObserver < "u" ? new ResizeObserver(() => {
+      s = !0;
+    }) : null;
+    return t && (i == null || i.observe(t)), () => {
+      cancelAnimationFrame(n), window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o), i == null || i.disconnect();
+    };
+  }, [e, t, o, r, c]), E;
+};
+export {
+  B as usePopoverPosition
+};
+//# sourceMappingURL=usePopoverPosition.js.map

package/dist/components/usePopoverPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverPosition.js","sources":["../../src/components/usePopoverPosition.ts"],"sourcesContent":["import {\n    type RefObject,\n    useCallback,\n    useEffect,\n    useInsertionEffect,\n    useLayoutEffect,\n    useState,\n} from 'react';\nimport {\n    FLOATING_OFFSET_PX,\n    type FloatingGeometry,\n    type FloatingOffset,\n    type FloatingPlacement,\n    computeFloatingGeometry,\n    fullPanelHeight,\n    rectSignature,\n} from './floatingMenuGeometry';\nimport { ensurePopoverStyles } from './portalOverlay';\nimport { useTopLayer } from './topLayer';\n\ninterface PopoverPositionOptions {\n    isOpen: boolean;\n    panel: HTMLDivElement | null;\n    hostRef: RefObject<HTMLDivElement | null>;\n    triggerRef: RefObject<HTMLElement | null>;\n    anchorRef?: RefObject<HTMLElement | null>;\n    placement: FloatingPlacement;\n    width: 'content' | 'trigger';\n    offset: FloatingOffset;\n}\n\nconst sameGeometry = (a: FloatingGeometry | null, b: FloatingGeometry): boolean =>\n    a !== null &&\n    a.top === b.top &&\n    a.left === b.left &&\n    a.maxHeight === b.maxHeight &&\n    a.side === b.side;\n\nexport const usePopoverPosition = ({\n    isOpen,\n    panel,\n    hostRef,\n    triggerRef,\n    anchorRef,\n    placement,\n    width,\n    offset,\n}: PopoverPositionOptions): FloatingGeometry | null => {\n    const [geometry, setGeometry] = useState<FloatingGeometry | null>(null);\n\n    useTopLayer(hostRef, isOpen && panel !== null);\n\n    useInsertionEffect(() => {\n        if (isOpen) {\n            ensurePopoverStyles();\n        }\n    }, [isOpen]);\n\n    const reposition = useCallback(() => {\n        const anchor = anchorRef?.current ?? triggerRef.current;\n        if (!anchor || !panel) {\n            return;\n        }\n        const rect = anchor.getBoundingClientRect();\n        const cssWidth = width === 'trigger' ? `${rect.width}px` : '';\n        if (panel.style.width !== cssWidth) {\n            panel.style.width = cssWidth;\n        }\n        const next = computeFloatingGeometry({\n            triggerRect: rect,\n            placement,\n            panelWidth: panel.offsetWidth,\n            panelHeight: fullPanelHeight(panel),\n            gap: FLOATING_OFFSET_PX[offset],\n            viewportWidth: window.innerWidth,\n            viewportHeight: window.innerHeight,\n        });\n        setGeometry((prev) => (sameGeometry(prev, next) ? prev : next));\n    }, [panel, placement, width, anchorRef, triggerRef, offset]);\n\n    useLayoutEffect(() => {\n        if (!isOpen) {\n            setGeometry(null);\n            return;\n        }\n        reposition();\n    }, [isOpen, reposition]);\n\n    useEffect(() => {\n        if (!isOpen) {\n            return;\n        }\n        let frame = 0;\n        let lastRect = '';\n        let panelResized = false;\n        const followAnchor = () => {\n            const anchor = anchorRef?.current ?? triggerRef.current;\n            const signature = anchor ? rectSignature(anchor.getBoundingClientRect()) : '';\n            if (signature !== lastRect || panelResized) {\n                lastRect = signature;\n                panelResized = false;\n                reposition();\n            }\n            frame = requestAnimationFrame(followAnchor);\n        };\n        frame = requestAnimationFrame(followAnchor);\n        window.addEventListener('scroll', reposition, true);\n        window.addEventListener('resize', reposition);\n        const observer =\n            panel && typeof ResizeObserver !== 'undefined'\n                ? new ResizeObserver(() => {\n                      panelResized = true;\n                  })\n                : null;\n        if (panel) {\n            observer?.observe(panel);\n        }\n        return () => {\n            cancelAnimationFrame(frame);\n            window.removeEventListener('scroll', reposition, true);\n            window.removeEventListener('resize', reposition);\n            observer?.disconnect();\n        };\n    }, [isOpen, panel, reposition, anchorRef, triggerRef]);\n\n    return geometry;\n};\n"],"names":["sameGeometry","a","b","usePopoverPosition","isOpen","panel","hostRef","triggerRef","anchorRef","placement","width","offset","geometry","setGeometry","useState","useTopLayer","useInsertionEffect","ensurePopoverStyles","reposition","useCallback","anchor","rect","cssWidth","next","computeFloatingGeometry","fullPanelHeight","FLOATING_OFFSET_PX","prev","useLayoutEffect","useEffect","frame","lastRect","panelResized","followAnchor","signature","rectSignature","observer"],"mappings":";;;;AA+BA,MAAMA,IAAe,CAACC,GAA4BC,MAC9CD,MAAM,QACNA,EAAE,QAAQC,EAAE,OACZD,EAAE,SAASC,EAAE,QACbD,EAAE,cAAcC,EAAE,aAClBD,EAAE,SAASC,EAAE,MAEJC,IAAqB,CAAC;AAAA,EAC/B,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACJ,MAAuD;AACnD,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAkC,IAAI;AAEtE,EAAAC,EAAYT,GAASF,KAAUC,MAAU,IAAI,GAE7CW,EAAmB,MAAM;AACrB,IAAIZ,KACAa,EAAA;AAAA,EAER,GAAG,CAACb,CAAM,CAAC;AAEX,QAAMc,IAAaC,EAAY,MAAM;AACjC,UAAMC,KAASZ,KAAA,gBAAAA,EAAW,YAAWD,EAAW;AAChD,QAAI,CAACa,KAAU,CAACf;AACZ;AAEJ,UAAMgB,IAAOD,EAAO,sBAAA,GACdE,IAAWZ,MAAU,YAAY,GAAGW,EAAK,KAAK,OAAO;AAC3D,IAAIhB,EAAM,MAAM,UAAUiB,MACtBjB,EAAM,MAAM,QAAQiB;AAExB,UAAMC,IAAOC,EAAwB;AAAA,MACjC,aAAaH;AAAA,MACb,WAAAZ;AAAA,MACA,YAAYJ,EAAM;AAAA,MAClB,aAAaoB,EAAgBpB,CAAK;AAAA,MAClC,KAAKqB,EAAmBf,CAAM;AAAA,MAC9B,eAAe,OAAO;AAAA,MACtB,gBAAgB,OAAO;AAAA,IAAA,CAC1B;AACD,IAAAE,EAAY,CAACc,MAAU3B,EAAa2B,GAAMJ,CAAI,IAAII,IAAOJ,CAAK;AAAA,EAClE,GAAG,CAAClB,GAAOI,GAAWC,GAAOF,GAAWD,GAAYI,CAAM,CAAC;AAE3D,SAAAiB,EAAgB,MAAM;AAClB,QAAI,CAACxB,GAAQ;AACT,MAAAS,EAAY,IAAI;AAChB;AAAA,IACJ;AACA,IAAAK,EAAA;AAAA,EACJ,GAAG,CAACd,GAAQc,CAAU,CAAC,GAEvBW,EAAU,MAAM;AACZ,QAAI,CAACzB;AACD;AAEJ,QAAI0B,IAAQ,GACRC,IAAW,IACXC,IAAe;AACnB,UAAMC,IAAe,MAAM;AACvB,YAAMb,KAASZ,KAAA,gBAAAA,EAAW,YAAWD,EAAW,SAC1C2B,IAAYd,IAASe,EAAcf,EAAO,sBAAA,CAAuB,IAAI;AAC3E,OAAIc,MAAcH,KAAYC,OAC1BD,IAAWG,GACXF,IAAe,IACfd,EAAA,IAEJY,IAAQ,sBAAsBG,CAAY;AAAA,IAC9C;AACA,IAAAH,IAAQ,sBAAsBG,CAAY,GAC1C,OAAO,iBAAiB,UAAUf,GAAY,EAAI,GAClD,OAAO,iBAAiB,UAAUA,CAAU;AAC5C,UAAMkB,IACF/B,KAAS,OAAO,iBAAmB,MAC7B,IAAI,eAAe,MAAM;AACrB,MAAA2B,IAAe;AAAA,IACnB,CAAC,IACD;AACV,WAAI3B,MACA+B,KAAA,QAAAA,EAAU,QAAQ/B,KAEf,MAAM;AACT,2BAAqByB,CAAK,GAC1B,OAAO,oBAAoB,UAAUZ,GAAY,EAAI,GACrD,OAAO,oBAAoB,UAAUA,CAAU,GAC/CkB,KAAA,QAAAA,EAAU;AAAA,IACd;AAAA,EACJ,GAAG,CAAChC,GAAQC,GAAOa,GAAYV,GAAWD,CAAU,CAAC,GAE9CK;AACX;"}

package/dist/components/usePopoverTree.js

@@ -0,0 +1,34 @@
+import { useRef as g, useMemo as v, useEffect as x } from "react";
+const M = ({
+  parent: r,
+  isOpen: c,
+  openOn: f,
+  isOpenRef: m,
+  heldByChildren: t,
+  cancelClose: s,
+  scheduleClose: w
+}) => {
+  const u = g(/* @__PURE__ */ new Set()), S = v(
+    () => ({
+      register: (o) => {
+        u.current.add(o);
+        const e = r == null ? void 0 : r.register(o);
+        return () => {
+          u.current.delete(o), e == null || e();
+        };
+      },
+      hold: () => (t.current += 1, s(), () => {
+        t.current -= 1, f === "hover" && t.current === 0 && m.current && w();
+      })
+    }),
+    [s, w, f, r, m, t]
+  );
+  return x(() => {
+    if (!(!c || !r))
+      return r.hold();
+  }, [c, r]), { tree: S, ownedSources: u };
+};
+export {
+  M as usePopoverTree
+};
+//# sourceMappingURL=usePopoverTree.js.map

package/dist/components/usePopoverTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverTree.js","sources":["../../src/components/usePopoverTree.ts"],"sourcesContent":["import { type MutableRefObject, useEffect, useMemo, useRef } from 'react';\nimport type { OverlaySource, PopoverTree } from './popoverTree';\n\ninterface PopoverTreeOptions {\n    parent: PopoverTree | null;\n    isOpen: boolean;\n    openOn: 'click' | 'hover';\n    isOpenRef: MutableRefObject<boolean>;\n    heldByChildren: MutableRefObject<number>;\n    cancelClose: () => void;\n    scheduleClose: () => void;\n}\n\nexport const usePopoverTree = ({\n    parent,\n    isOpen,\n    openOn,\n    isOpenRef,\n    heldByChildren,\n    cancelClose,\n    scheduleClose,\n}: PopoverTreeOptions) => {\n    const ownedSources = useRef(new Set<OverlaySource>());\n\n    const tree = useMemo<PopoverTree>(\n        () => ({\n            register: (source) => {\n                ownedSources.current.add(source);\n                const unregisterAbove = parent?.register(source);\n                return () => {\n                    ownedSources.current.delete(source);\n                    unregisterAbove?.();\n                };\n            },\n            hold: () => {\n                heldByChildren.current += 1;\n                cancelClose();\n                return () => {\n                    heldByChildren.current -= 1;\n                    if (openOn === 'hover' && heldByChildren.current === 0 && isOpenRef.current) {\n                        scheduleClose();\n                    }\n                };\n            },\n        }),\n        [cancelClose, scheduleClose, openOn, parent, isOpenRef, heldByChildren],\n    );\n\n    useEffect(() => {\n        if (!isOpen || !parent) {\n            return;\n        }\n        return parent.hold();\n    }, [isOpen, parent]);\n\n    return { tree, ownedSources };\n};\n"],"names":["usePopoverTree","parent","isOpen","openOn","isOpenRef","heldByChildren","cancelClose","scheduleClose","ownedSources","useRef","tree","useMemo","source","unregisterAbove","useEffect"],"mappings":";AAaO,MAAMA,IAAiB,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACJ,MAA0B;AACtB,QAAMC,IAAeC,EAAO,oBAAI,KAAoB,GAE9CC,IAAOC;AAAA,IACT,OAAO;AAAA,MACH,UAAU,CAACC,MAAW;AAClB,QAAAJ,EAAa,QAAQ,IAAII,CAAM;AAC/B,cAAMC,IAAkBZ,KAAA,gBAAAA,EAAQ,SAASW;AACzC,eAAO,MAAM;AACT,UAAAJ,EAAa,QAAQ,OAAOI,CAAM,GAClCC,KAAA,QAAAA;AAAA,QACJ;AAAA,MACJ;AAAA,MACA,MAAM,OACFR,EAAe,WAAW,GAC1BC,EAAA,GACO,MAAM;AACT,QAAAD,EAAe,WAAW,GACtBF,MAAW,WAAWE,EAAe,YAAY,KAAKD,EAAU,WAChEG,EAAA;AAAA,MAER;AAAA,IACJ;AAAA,IAEJ,CAACD,GAAaC,GAAeJ,GAAQF,GAAQG,GAAWC,CAAc;AAAA,EAAA;AAG1E,SAAAS,EAAU,MAAM;AACZ,QAAI,GAACZ,KAAU,CAACD;AAGhB,aAAOA,EAAO,KAAA;AAAA,EAClB,GAAG,CAACC,GAAQD,CAAM,CAAC,GAEZ,EAAE,MAAAS,GAAM,cAAAF,EAAA;AACnB;"}