@hanzogui/dismissable 8.3.0 → 8.3.2

package/dist/cjs/Dismissable.js

@@ -0,0 +1,413 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DismissableBranch = exports.Dismissable = void 0;
+exports.dispatchDiscreteCustomEvent = dispatchDiscreteCustomEvent;
+exports.getDismissableLayerCount = getDismissableLayerCount;
+exports.debugDismissableLayers = debugDismissableLayers;
+exports.useHasDismissableLayers = useHasDismissableLayers;
+exports.useIsInsideDismissable = useIsInsideDismissable;
+exports.useDismissableLayersAbove = useDismissableLayersAbove;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// forked from radix-ui
+// https://github.com/radix-ui/primitives/blob/cfd8dcba5fa6a0e751486af418d05a7b88a7f541/packages/react/dismissable-layer/src/DismissableLayer.tsx#L324
+const compose_refs_1 = require("@hanzogui/compose-refs");
+const core_1 = require("@hanzogui/core");
+const use_escape_keydown_1 = require("@hanzogui/use-escape-keydown");
+const use_event_1 = require("@hanzogui/use-event");
+const React = tslib_1.__importStar(require("react"));
+const ReactDOM = tslib_1.__importStar(require("react-dom"));
+function dispatchDiscreteCustomEvent(target, event) {
+    if (target)
+        ReactDOM.flushSync(() => target.dispatchEvent(event));
+}
+/* -------------------------------------------------------------------------------------------------
+ * Dismissable
+ * -----------------------------------------------------------------------------------------------*/
+const DISMISSABLE_LAYER_NAME = 'Dismissable';
+const CONTEXT_UPDATE = 'dismissable.update';
+const POINTER_DOWN_OUTSIDE = 'dismissable.pointerDownOutside';
+const FOCUS_OUTSIDE = 'dismissable.focusOutside';
+let originalBodyPointerEvents;
+// global layer tracking
+const globalLayers = new Set();
+const layerChangeListeners = new Set();
+// track if any layer has disableOutsidePointerEvents - only then do we need position updates
+let layersWithPointerEventsDisabledCount = 0;
+function notifyLayerChange() {
+    for (const listener of layerChangeListeners) {
+        listener();
+    }
+}
+/**
+ * returns the number of active dismissable layers
+ * useful for non-React contexts (e.g. escape key handlers)
+ */
+function getDismissableLayerCount() {
+    return globalLayers.size;
+}
+/**
+ * debug helper - logs what elements are registered as dismissable layers
+ */
+function debugDismissableLayers() {
+    const layers = Array.from(globalLayers);
+    console.log('[Dismissable] Active layers:', layers.length, layers);
+    return layers;
+}
+/**
+ * hook that returns true when any dismissable layer is active
+ * re-renders when the state changes
+ * uses module-level globals, not React context, so works anywhere in tree
+ */
+function useHasDismissableLayers() {
+    const [count, setCount] = React.useState(() => globalLayers.size);
+    React.useEffect(() => {
+        setCount(globalLayers.size);
+        const update = () => setCount(globalLayers.size);
+        layerChangeListeners.add(update);
+        return () => {
+            layerChangeListeners.delete(update);
+        };
+    }, []);
+    return count > 0;
+}
+const DismissableContext = React.createContext({
+    layers: new Set(),
+    layersWithOutsidePointerEventsDisabled: new Set(),
+    branches: new Set(),
+});
+/**
+ * hook to check if a DOM element is inside an active dismissable layer
+ * useful for custom escape handling - if inside a dismissable, you may want to defer
+ */
+function useIsInsideDismissable(ref) {
+    const context = React.useContext(DismissableContext);
+    const [isInside, setIsInside] = React.useState(false);
+    React.useEffect(() => {
+        const check = () => {
+            const el = ref.current;
+            if (!el) {
+                setIsInside(false);
+                return;
+            }
+            for (const layer of context.layers) {
+                if (layer.contains(el)) {
+                    setIsInside(true);
+                    return;
+                }
+            }
+            setIsInside(false);
+        };
+        check();
+        document.addEventListener(CONTEXT_UPDATE, check);
+        return () => document.removeEventListener(CONTEXT_UPDATE, check);
+    }, [context.layers, ref]);
+    return isInside;
+}
+/**
+ * hook to check if there are dismissable layers above a given element
+ * returns the count of layers that are ancestors of the element
+ */
+function useDismissableLayersAbove(ref) {
+    const context = React.useContext(DismissableContext);
+    const [count, setCount] = React.useState(0);
+    React.useEffect(() => {
+        const check = () => {
+            const el = ref.current;
+            if (!el) {
+                setCount(0);
+                return;
+            }
+            let above = 0;
+            for (const layer of context.layers) {
+                if (layer.contains(el)) {
+                    above++;
+                }
+            }
+            setCount(above);
+        };
+        check();
+        document.addEventListener(CONTEXT_UPDATE, check);
+        return () => document.removeEventListener(CONTEXT_UPDATE, check);
+    }, [context.layers, ref]);
+    return count;
+}
+const Dismissable = React.forwardRef((props, forwardedRef) => {
+    const { disableOutsidePointerEvents = false, forceUnmount, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, asChild, children, branches: branchesProp, ...layerProps } = props;
+    const Comp = asChild ? core_1.Slot : core_1.View;
+    const context = React.useContext(DismissableContext);
+    const [node, setNode] = React.useState(null);
+    const [, force] = React.useState({});
+    const composedRefs = (0, compose_refs_1.useComposedRefs)(forwardedRef, (node) => setNode(node));
+    const layers = Array.from(context.layers);
+    const [highestLayerWithOutsidePointerEventsDisabled] = [
+        ...context.layersWithOutsidePointerEventsDisabled,
+    ].slice(-1);
+    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
+    const index = node ? layers.indexOf(node) : -1;
+    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
+    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
+    const pointerDownOutside = usePointerDownOutside((event) => {
+        const target = event.target;
+        // check prop-based branches first (scoped to this dismissable), then global branches
+        const branches = branchesProp || context.branches;
+        const isPointerDownOnBranch = [...branches].some((branch) => branch.contains(target));
+        if (!isPointerEventsEnabled || isPointerDownOnBranch)
+            return;
+        onPointerDownOutside?.(event);
+        onInteractOutside?.(event);
+        if (!event.defaultPrevented)
+            onDismiss?.();
+    });
+    const focusOutside = useFocusOutside((event) => {
+        const target = event.target;
+        // check prop-based branches first (scoped to this dismissable), then global branches
+        const branches = branchesProp || context.branches;
+        const isFocusInBranch = [...branches].some((branch) => branch.contains(target));
+        if (isFocusInBranch)
+            return;
+        onFocusOutside?.(event);
+        onInteractOutside?.(event);
+        if (!event.defaultPrevented)
+            onDismiss?.();
+    });
+    // track forceUnmount in a ref so escape handler can check it
+    const forceUnmountRef = React.useRef(forceUnmount);
+    React.useEffect(() => {
+        forceUnmountRef.current = forceUnmount;
+    }, [forceUnmount]);
+    (0, use_escape_keydown_1.useEscapeKeydown)((event) => {
+        // skip if this layer is force-unmounted (e.g. dialog closed but still mounted)
+        if (forceUnmountRef.current)
+            return;
+        // Check layers at callback time, not render time, to avoid stale closures
+        const currentLayers = Array.from(context.layers);
+        const currentIndex = node ? currentLayers.indexOf(node) : -1;
+        const isHighestLayer = currentIndex === currentLayers.length - 1;
+        if (!isHighestLayer)
+            return;
+        onEscapeKeyDown?.(event);
+        if (!event.defaultPrevented && onDismiss) {
+            event.preventDefault();
+            onDismiss();
+        }
+    });
+    React.useEffect(() => {
+        if (!node)
+            return;
+        // don't add to layers when force-unmounted (dialog closed but still mounted)
+        if (forceUnmount)
+            return;
+        if (disableOutsidePointerEvents) {
+            if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
+                originalBodyPointerEvents = document.body.style.pointerEvents;
+                document.body.style.pointerEvents = 'none';
+            }
+            context.layersWithOutsidePointerEventsDisabled.add(node);
+            layersWithPointerEventsDisabledCount++;
+        }
+        context.layers.add(node);
+        globalLayers.add(node);
+        // only dispatch position update when pointer-events tracking is active
+        if (disableOutsidePointerEvents || layersWithPointerEventsDisabledCount > 0) {
+            dispatchUpdate();
+        }
+        notifyLayerChange();
+        return () => {
+            if (disableOutsidePointerEvents) {
+                if (context.layersWithOutsidePointerEventsDisabled.size === 1) {
+                    document.body.style.pointerEvents = originalBodyPointerEvents;
+                }
+                // decrement AFTER dispatch so other layers still re-render
+            }
+        };
+    }, [node, disableOutsidePointerEvents, forceUnmount, context]);
+    /**
+     * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect
+     * because a change to `disableOutsidePointerEvents` would remove this layer from the stack
+     * and add it to the end again so the layering order wouldn't be _creation order_.
+     * We only want them to be removed from context stacks when unmounted.
+     */
+    React.useEffect(() => {
+        if (forceUnmount)
+            return;
+        return () => {
+            if (!node)
+                return;
+            const hadPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.has(node);
+            context.layers.delete(node);
+            context.layersWithOutsidePointerEventsDisabled.delete(node);
+            globalLayers.delete(node);
+            // only dispatch position update when pointer-events tracking is active
+            if (layersWithPointerEventsDisabledCount > 0) {
+                dispatchUpdate();
+            }
+            notifyLayerChange();
+            // decrement count AFTER dispatch so other layers see count > 0 and re-render
+            if (hadPointerEventsDisabled) {
+                layersWithPointerEventsDisabledCount--;
+            }
+        };
+    }, [node, context, forceUnmount]);
+    React.useEffect(() => {
+        const handleUpdate = () => {
+            // only force re-render if we need to track layer positions for pointer-events
+            // this avoids N^2 re-renders when multiple dismissables mount/unmount
+            if (layersWithPointerEventsDisabledCount > 0) {
+                force({});
+            }
+        };
+        document.addEventListener(CONTEXT_UPDATE, handleUpdate);
+        return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(Comp, { ...layerProps, 
+        // @ts-ignore
+        ref: composedRefs, ...(!asChild && {
+            display: 'contents',
+        }), pointerEvents: isBodyPointerEventsDisabled
+            ? isPointerEventsEnabled
+                ? 'auto'
+                : 'none'
+            : undefined, onFocusCapture: (0, core_1.composeEventHandlers)(props.onFocusCapture, focusOutside.onFocusCapture), onBlurCapture: (0, core_1.composeEventHandlers)(props.onBlurCapture, focusOutside.onBlurCapture), onPointerDownCapture: (0, core_1.composeEventHandlers)(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture), children: children }));
+});
+exports.Dismissable = Dismissable;
+Dismissable.displayName = DISMISSABLE_LAYER_NAME;
+/* -------------------------------------------------------------------------------------------------
+ * DismissableBranch
+ * -----------------------------------------------------------------------------------------------*/
+const BRANCH_NAME = 'DismissableBranch';
+const DismissableBranch = React.forwardRef((props, forwardedRef) => {
+    const { branches: branchesProp, ...rest } = props;
+    const context = React.useContext(DismissableContext);
+    const ref = React.useRef(null);
+    const composedRefs = (0, compose_refs_1.useComposedRefs)(forwardedRef, ref);
+    React.useEffect(() => {
+        const node = ref.current;
+        if (!(node instanceof HTMLElement))
+            return;
+        // use prop-based branches if provided, otherwise fall back to global context
+        const branches = branchesProp || context.branches;
+        if (node && branches) {
+            branches.add(node);
+            return () => {
+                branches.delete(node);
+            };
+        }
+    }, [branchesProp, context.branches]);
+    return (0, jsx_runtime_1.jsx)(core_1.View, { asChild: "except-style", ...rest, ref: composedRefs });
+});
+exports.DismissableBranch = DismissableBranch;
+DismissableBranch.displayName = BRANCH_NAME;
+/**
+ * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`
+ * to mimic layer dismissing behaviour present in OS.
+ * Returns props to pass to the node we want to check for outside events.
+ */
+function usePointerDownOutside(onPointerDownOutside) {
+    const handlePointerDownOutside = (0, use_event_1.useEvent)(onPointerDownOutside);
+    const isPointerInsideReactTreeRef = React.useRef(false);
+    const handleClickRef = React.useRef(() => { });
+    React.useEffect(() => {
+        const handlePointerDown = (event) => {
+            if (event.target && !isPointerInsideReactTreeRef.current) {
+                const eventDetail = { originalEvent: event };
+                function handleAndDispatchPointerDownOutsideEvent() {
+                    handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
+                }
+                /**
+                 * On touch devices, we need to wait for a click event because browsers implement
+                 * a ~350ms delay between the time the user stops touching the display and when the
+                 * browser executres events. We need to ensure we don't reactivate pointer-events within
+                 * this timeframe otherwise the browser may execute events that should have been prevented.
+                 *
+                 * Additionally, this also lets us deal automatically with cancellations when a click event
+                 * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.
+                 *
+                 * This is why we also continuously remove the previous listener, because we cannot be
+                 * certain that it was raised, and therefore cleaned-up.
+                 */
+                if (event.pointerType === 'touch') {
+                    document.removeEventListener('click', handleClickRef.current);
+                    handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+                    document.addEventListener('click', handleClickRef.current, { once: true });
+                }
+                else {
+                    handleAndDispatchPointerDownOutsideEvent();
+                }
+            }
+            isPointerInsideReactTreeRef.current = false;
+        };
+        /**
+         * if this hook executes in a component that mounts via a `pointerdown` event, the event
+         * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid
+         * this by delaying the event listener registration on the document.
+         * This is not React specific, but rather how the DOM works, ie:
+         * ```
+         * button.addEventListener('pointerdown', () => {
+         *   console.log('I will log');
+         *   document.addEventListener('pointerdown', () => {
+         *     console.log('I will also log');
+         *   })
+         * });
+         */
+        const timerId = setTimeout(() => {
+            document.addEventListener('pointerdown', handlePointerDown);
+        }, 0);
+        return () => {
+            window.clearTimeout(timerId);
+            document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('click', handleClickRef.current);
+        };
+    }, [handlePointerDownOutside]);
+    return {
+        // ensures we check React component tree (not just DOM tree)
+        onPointerDownCapture: () => {
+            isPointerInsideReactTreeRef.current = true;
+        },
+    };
+}
+/**
+ * Listens for when focus happens outside a react subtree.
+ * Returns props to pass to the root (node) of the subtree we want to check.
+ */
+function useFocusOutside(onFocusOutside) {
+    const handleFocusOutside = (0, use_event_1.useEvent)(onFocusOutside);
+    const isFocusInsideReactTreeRef = React.useRef(false);
+    React.useEffect(() => {
+        const handleFocus = (event) => {
+            if (event.target && !isFocusInsideReactTreeRef.current) {
+                const eventDetail = { originalEvent: event };
+                handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
+                    discrete: false,
+                });
+            }
+        };
+        document.addEventListener('focusin', handleFocus);
+        return () => document.removeEventListener('focusin', handleFocus);
+    }, [handleFocusOutside]);
+    return {
+        onFocusCapture: () => {
+            isFocusInsideReactTreeRef.current = true;
+        },
+        onBlurCapture: () => {
+            isFocusInsideReactTreeRef.current = false;
+        },
+    };
+}
+function dispatchUpdate() {
+    const event = new CustomEvent(CONTEXT_UPDATE);
+    document.dispatchEvent(event);
+}
+function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
+    const target = detail.originalEvent.target;
+    const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
+    if (handler)
+        target.addEventListener(name, handler, { once: true });
+    if (discrete) {
+        dispatchDiscreteCustomEvent(target, event);
+    }
+    else {
+        target.dispatchEvent(event);
+    }
+}
+//# sourceMappingURL=Dismissable.js.map

package/dist/cjs/Dismissable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dismissable.js","sourceRoot":"","sources":["../../src/Dismissable.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/DismissableProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=DismissableProps.js.map

package/dist/cjs/DismissableProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissableProps.js","sourceRoot":"","sources":["../../src/DismissableProps.tsx"],"names":[],"mappings":""}

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Dismissable.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }