@tamagui/dismissable 1.14.1 → 1.14.3

package/dist/cjs/Dismissable.js

@@ -1,2 +1,286 @@
-"use strict";var Y=Object.create;var m=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Q=(e,n)=>{for(var t in n)m(e,t,{get:n[t],enumerable:!0})},x=(e,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of G(n))!K.call(e,s)&&s!==t&&m(e,s,{get:()=>n[s],enumerable:!(i=q(n,s))||i.enumerable});return e};var B=(e,n,t)=>(t=e!=null?Y(J(e)):{},x(n||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e)),V=e=>x(m({},"__esModule",{value:!0}),e);var ie={};Q(ie,{Dismissable:()=>P,DismissableBranch:()=>C,dispatchDiscreteCustomEvent:()=>N});module.exports=V(ie);var O=require("react/jsx-runtime"),W=require("@radix-ui/react-use-escape-keydown"),b=require("@tamagui/compose-refs"),p=require("@tamagui/core"),y=require("@tamagui/use-event"),o=B(require("react")),Z=B(require("react-dom"));function N(e,n){e&&Z.flushSync(()=>e.dispatchEvent(n))}const $="Dismissable",h="dismissable.update",j="dismissable.pointerDownOutside",ee="dismissable.focusOutside";let F;const H=o.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),P=o.forwardRef((e,n)=>{const{disableOutsidePointerEvents:t=!1,forceUnmount:i,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:l,onInteractOutside:E,onDismiss:u,...f}=e,a=o.useContext(H),[d,A]=o.useState(null),[,I]=o.useState({}),U=(0,b.useComposedRefs)(n,r=>A(r)),L=Array.from(a.layers),[_]=[...a.layersWithOutsidePointerEventsDisabled].slice(-1),k=L.indexOf(_),g=d?L.indexOf(d):-1,z=a.layersWithOutsidePointerEventsDisabled.size>0,w=g>=k,X=ne(r=>{const v=r.target,R=[...a.branches].some(D=>D.contains(v));!w||R||(c==null||c(r),E==null||E(r),r.defaultPrevented||u==null||u())}),T=se(r=>{const v=r.target;[...a.branches].some(D=>D.contains(v))||(l==null||l(r),E==null||E(r),r.defaultPrevented||u==null||u())});return(0,W.useEscapeKeydown)(r=>{g===a.layers.size-1&&(s==null||s(r),!r.defaultPrevented&&u&&(r.preventDefault(),u()))}),o.useEffect(()=>{if(d)return t&&(a.layersWithOutsidePointerEventsDisabled.size===0&&(F=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),a.layersWithOutsidePointerEventsDisabled.add(d)),a.layers.add(d),M(),()=>{t&&a.layersWithOutsidePointerEventsDisabled.size===1&&(document.body.style.pointerEvents=F)}},[d,t,a]),o.useEffect(()=>{if(!i)return()=>{d&&(a.layers.delete(d),a.layersWithOutsidePointerEventsDisabled.delete(d),M())}},[d,a,i]),o.useEffect(()=>{const r=()=>{I({})};return document.addEventListener(h,r),()=>document.removeEventListener(h,r)},[]),(0,O.jsx)("div",{...f,ref:U,style:{display:"contents",pointerEvents:z?w?"auto":"none":void 0,...e.style},onFocusCapture:(0,p.composeEventHandlers)(e.onFocusCapture,T.onFocusCapture),onBlurCapture:(0,p.composeEventHandlers)(e.onBlurCapture,T.onBlurCapture),onPointerDownCapture:(0,p.composeEventHandlers)(e.onPointerDownCapture,X.onPointerDownCapture)})});P.displayName=$;const te="DismissableBranch",C=o.forwardRef((e,n)=>{const t=o.useContext(H),i=o.useRef(null),s=(0,b.useComposedRefs)(n,i);return o.useEffect(()=>{const c=i.current;if(c)return t.branches.add(c),()=>{t.branches.delete(c)}},[t.branches]),(0,O.jsx)("div",{style:{display:"contents"},...e,ref:s})});C.displayName=te;function ne(e){const n=(0,y.useEvent)(e),t=o.useRef(!1),i=o.useRef(()=>{});return o.useEffect(()=>{const s=l=>{if(l.target&&!t.current){let f=function(){S(j,n,u,{discrete:!0})};var E=f;const u={originalEvent:l};l.pointerType==="touch"?(document.removeEventListener("click",i.current),i.current=f,document.addEventListener("click",i.current,{once:!0})):f()}t.current=!1},c=setTimeout(()=>{document.addEventListener("pointerdown",s)},0);return()=>{window.clearTimeout(c),document.removeEventListener("pointerdown",s),document.removeEventListener("click",i.current)}},[n]),{onPointerDownCapture:()=>t.current=!0}}function se(e){const n=(0,y.useEvent)(e),t=o.useRef(!1);return o.useEffect(()=>{const i=s=>{s.target&&!t.current&&S(ee,n,{originalEvent:s},{discrete:!1})};return document.addEventListener("focusin",i),()=>document.removeEventListener("focusin",i)},[n]),{onFocusCapture:()=>t.current=!0,onBlurCapture:()=>t.current=!1}}function M(){const e=new CustomEvent(h);document.dispatchEvent(e)}function S(e,n,t,{discrete:i}){const s=t.originalEvent.target,c=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:t});n&&s.addEventListener(e,n,{once:!0}),i?N(s,c):s.dispatchEvent(c)}0&&(module.exports={Dismissable,DismissableBranch,dispatchDiscreteCustomEvent});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dismissable_exports = {};
+__export(Dismissable_exports, {
+  Dismissable: () => Dismissable,
+  DismissableBranch: () => DismissableBranch,
+  dispatchDiscreteCustomEvent: () => dispatchDiscreteCustomEvent
+});
+module.exports = __toCommonJS(Dismissable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_use_escape_keydown = require("@radix-ui/react-use-escape-keydown");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_use_event = require("@tamagui/use-event");
+var React = __toESM(require("react"));
+var ReactDOM = __toESM(require("react-dom"));
+function dispatchDiscreteCustomEvent(target, event) {
+  if (target)
+    ReactDOM.flushSync(() => target.dispatchEvent(event));
+}
+const DISMISSABLE_LAYER_NAME = "Dismissable";
+const CONTEXT_UPDATE = "dismissable.update";
+const POINTER_DOWN_OUTSIDE = "dismissable.pointerDownOutside";
+const FOCUS_OUTSIDE = "dismissable.focusOutside";
+let originalBodyPointerEvents;
+const DismissableContext = React.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+});
+const Dismissable = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      disableOutsidePointerEvents = false,
+      forceUnmount,
+      onEscapeKeyDown,
+      onPointerDownOutside,
+      onFocusOutside,
+      onInteractOutside,
+      onDismiss,
+      ...layerProps
+    } = props;
+    const context = React.useContext(DismissableContext);
+    const [node, setNode] = React.useState(null);
+    const [, force] = React.useState({});
+    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node2) => setNode(node2));
+    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;
+      const isPointerDownOnBranch = [...context.branches].some(
+        (branch) => branch.contains(target)
+      );
+      if (!isPointerEventsEnabled || isPointerDownOnBranch)
+        return;
+      onPointerDownOutside == null ? void 0 : onPointerDownOutside(event);
+      onInteractOutside == null ? void 0 : onInteractOutside(event);
+      if (!event.defaultPrevented)
+        onDismiss == null ? void 0 : onDismiss();
+    });
+    const focusOutside = useFocusOutside((event) => {
+      const target = event.target;
+      const isFocusInBranch = [...context.branches].some(
+        (branch) => branch.contains(target)
+      );
+      if (isFocusInBranch)
+        return;
+      onFocusOutside == null ? void 0 : onFocusOutside(event);
+      onInteractOutside == null ? void 0 : onInteractOutside(event);
+      if (!event.defaultPrevented)
+        onDismiss == null ? void 0 : onDismiss();
+    });
+    (0, import_react_use_escape_keydown.useEscapeKeydown)((event) => {
+      const isHighestLayer = index === context.layers.size - 1;
+      if (!isHighestLayer)
+        return;
+      onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
+      if (!event.defaultPrevented && onDismiss) {
+        event.preventDefault();
+        onDismiss();
+      }
+    });
+    React.useEffect(() => {
+      if (!node)
+        return;
+      if (disableOutsidePointerEvents) {
+        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
+          originalBodyPointerEvents = document.body.style.pointerEvents;
+          document.body.style.pointerEvents = "none";
+        }
+        context.layersWithOutsidePointerEventsDisabled.add(node);
+      }
+      context.layers.add(node);
+      dispatchUpdate();
+      return () => {
+        if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
+          document.body.style.pointerEvents = originalBodyPointerEvents;
+        }
+      };
+    }, [node, disableOutsidePointerEvents, context]);
+    React.useEffect(() => {
+      if (forceUnmount)
+        return;
+      return () => {
+        if (!node)
+          return;
+        context.layers.delete(node);
+        context.layersWithOutsidePointerEventsDisabled.delete(node);
+        dispatchUpdate();
+      };
+    }, [node, context, forceUnmount]);
+    React.useEffect(() => {
+      const handleUpdate = () => {
+        force({});
+      };
+      document.addEventListener(CONTEXT_UPDATE, handleUpdate);
+      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...layerProps,
+        ref: composedRefs,
+        style: {
+          display: "contents",
+          pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
+          // @ts-ignore
+          ...props.style
+        },
+        onFocusCapture: (0, import_core.composeEventHandlers)(
+          // @ts-ignore
+          props.onFocusCapture,
+          focusOutside.onFocusCapture
+        ),
+        onBlurCapture: (0, import_core.composeEventHandlers)(
+          // @ts-ignore
+          props.onBlurCapture,
+          focusOutside.onBlurCapture
+        ),
+        onPointerDownCapture: (0, import_core.composeEventHandlers)(
+          // @ts-ignore
+          props.onPointerDownCapture,
+          pointerDownOutside.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Dismissable.displayName = DISMISSABLE_LAYER_NAME;
+const BRANCH_NAME = "DismissableBranch";
+const DismissableBranch = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = React.useContext(DismissableContext);
+    const ref = React.useRef(null);
+    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+    React.useEffect(() => {
+      const node = ref.current;
+      if (node) {
+        context.branches.add(node);
+        return () => {
+          context.branches.delete(node);
+        };
+      }
+    }, [context.branches]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "contents" }, ...props, ref: composedRefs });
+  }
+);
+DismissableBranch.displayName = BRANCH_NAME;
+function usePointerDownOutside(onPointerDownOutside) {
+  const handlePointerDownOutside = (0, import_use_event.useEvent)(onPointerDownOutside);
+  const isPointerInsideReactTreeRef = React.useRef(false);
+  const handleClickRef = React.useRef(() => {
+  });
+  React.useEffect(() => {
+    const handlePointerDown = (event) => {
+      if (event.target && !isPointerInsideReactTreeRef.current) {
+        let handleAndDispatchPointerDownOutsideEvent2 = function() {
+          handleAndDispatchCustomEvent(
+            POINTER_DOWN_OUTSIDE,
+            handlePointerDownOutside,
+            eventDetail,
+            { discrete: true }
+          );
+        };
+        var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;
+        const eventDetail = { originalEvent: event };
+        if (event.pointerType === "touch") {
+          document.removeEventListener("click", handleClickRef.current);
+          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
+          document.addEventListener("click", handleClickRef.current, { once: true });
+        } else {
+          handleAndDispatchPointerDownOutsideEvent2();
+        }
+      }
+      isPointerInsideReactTreeRef.current = false;
+    };
+    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
+  };
+}
+function useFocusOutside(onFocusOutside) {
+  const handleFocusOutside = (0, import_use_event.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);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dismissable,
+  DismissableBranch,
+  dispatchDiscreteCustomEvent
+});
 //# sourceMappingURL=Dismissable.js.map

package/dist/cjs/Dismissable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Dismissable.tsx"],
   "sourcesContent": ["// forked from radix-ui\n// https://github.com/radix-ui/primitives/blob/cfd8dcba5fa6a0e751486af418d05a7b88a7f541/packages/react/dismissable-layer/src/DismissableLayer.tsx#L324\n\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { composeEventHandlers } from '@tamagui/core'\nimport { useEvent } from '@tamagui/use-event'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\n\nimport { DismissableBranchProps, DismissableProps } from './DismissableProps'\n\nexport function dispatchDiscreteCustomEvent<E extends CustomEvent>(\n  target: E['target'],\n  event: E\n) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event))\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dismissable\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'Dismissable'\nconst CONTEXT_UPDATE = 'dismissable.update'\nconst POINTER_DOWN_OUTSIDE = 'dismissable.pointerDownOutside'\nconst FOCUS_OUTSIDE = 'dismissable.focusOutside'\n\nlet originalBodyPointerEvents: string\n\nconst DismissableContext = React.createContext({\n  layers: new Set<HTMLDivElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<HTMLDivElement>(),\n  branches: new Set<HTMLDivElement>(),\n})\n\nconst Dismissable = React.forwardRef<HTMLDivElement, DismissableProps>(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      forceUnmount,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props\n    const context = React.useContext(DismissableContext)\n    const [node, setNode] = React.useState<HTMLDivElement | null>(null)\n    const [, force] = React.useState({})\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node))\n    const layers = Array.from(context.layers)\n\n    const [highestLayerWithOutsidePointerEventsDisabled] = [\n      ...context.layersWithOutsidePointerEventsDisabled,\n    ].slice(-1)\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(\n      highestLayerWithOutsidePointerEventsDisabled\n    )\n\n    const index = node ? layers.indexOf(node) : -1\n    const isBodyPointerEventsDisabled =\n      context.layersWithOutsidePointerEventsDisabled.size > 0\n    const isPointerEventsEnabled =\n      index >= highestLayerWithOutsidePointerEventsDisabledIndex\n\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target as HTMLDivElement\n      const isPointerDownOnBranch = [...context.branches].some((branch) =>\n        branch.contains(target)\n      )\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return\n      onPointerDownOutside?.(event)\n      onInteractOutside?.(event)\n      if (!event.defaultPrevented) onDismiss?.()\n    })\n\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target as HTMLDivElement\n      const isFocusInBranch = [...context.branches].some((branch) =>\n        branch.contains(target)\n      )\n      if (isFocusInBranch) return\n      onFocusOutside?.(event)\n      onInteractOutside?.(event)\n      if (!event.defaultPrevented) onDismiss?.()\n    })\n\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1\n      if (!isHighestLayer) return\n      onEscapeKeyDown?.(event)\n      if (!event.defaultPrevented && onDismiss) {\n        event.preventDefault()\n        onDismiss()\n      }\n    })\n\n    React.useEffect(() => {\n      if (!node) return\n      if (disableOutsidePointerEvents) {\n        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n          originalBodyPointerEvents = document.body.style.pointerEvents\n          document.body.style.pointerEvents = 'none'\n        }\n        context.layersWithOutsidePointerEventsDisabled.add(node)\n      }\n      context.layers.add(node)\n      dispatchUpdate()\n      return () => {\n        if (\n          disableOutsidePointerEvents &&\n          context.layersWithOutsidePointerEventsDisabled.size === 1\n        ) {\n          document.body.style.pointerEvents = originalBodyPointerEvents\n        }\n      }\n    }, [node, disableOutsidePointerEvents, context])\n\n    /**\n     * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n     * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n     * and add it to the end again so the layering order wouldn't be _creation order_.\n     * We only want them to be removed from context stacks when unmounted.\n     */\n    React.useEffect(() => {\n      if (forceUnmount) return\n      return () => {\n        if (!node) return\n        context.layers.delete(node)\n        context.layersWithOutsidePointerEventsDisabled.delete(node)\n        dispatchUpdate()\n      }\n    }, [node, context, forceUnmount])\n\n    React.useEffect(() => {\n      const handleUpdate = () => {\n        force({})\n      }\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate)\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate)\n    }, [])\n\n    return (\n      <div\n        {...layerProps}\n        // @ts-ignore\n        ref={composedRefs}\n        style={{\n          display: 'contents',\n          pointerEvents: isBodyPointerEventsDisabled\n            ? isPointerEventsEnabled\n              ? 'auto'\n              : 'none'\n            : undefined,\n          // @ts-ignore\n          ...props.style,\n        }}\n        onFocusCapture={composeEventHandlers(\n          // @ts-ignore\n          props.onFocusCapture,\n          focusOutside.onFocusCapture\n        )}\n        onBlurCapture={composeEventHandlers(\n          // @ts-ignore\n          props.onBlurCapture,\n          focusOutside.onBlurCapture\n        )}\n        // @ts-ignore\n        onPointerDownCapture={composeEventHandlers(\n          // @ts-ignore\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )}\n      />\n    )\n  }\n)\n\nDismissable.displayName = DISMISSABLE_LAYER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableBranch'\n\nconst DismissableBranch = React.forwardRef<HTMLDivElement, DismissableBranchProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(DismissableContext)\n    const ref = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n\n    React.useEffect(() => {\n      const node = ref.current\n      if (node) {\n        context.branches.add(node)\n        return () => {\n          context.branches.delete(node)\n        }\n      }\n    }, [context.branches])\n\n    return <div style={{ display: 'contents' }} {...props} ref={composedRefs} />\n  }\n)\n\nDismissableBranch.displayName = BRANCH_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport type PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>\nexport type FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n) {\n  const handlePointerDownOutside = useEvent(onPointerDownOutside) as EventListener\n  const isPointerInsideReactTreeRef = React.useRef(false)\n  const handleClickRef = React.useRef(() => {})\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event }\n\n        function handleAndDispatchPointerDownOutsideEvent() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          )\n        }\n\n        /**\n         * On touch devices, we need to wait for a click event because browsers implement\n         * a ~350ms delay between the time the user stops touching the display and when the\n         * browser executres events. We need to ensure we don't reactivate pointer-events within\n         * this timeframe otherwise the browser may execute events that should have been prevented.\n         *\n         * Additionally, this also lets us deal automatically with cancellations when a click event\n         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n         *\n         * This is why we also continuously remove the previous listener, because we cannot be\n         * certain that it was raised, and therefore cleaned-up.\n         */\n        if (event.pointerType === 'touch') {\n          document.removeEventListener('click', handleClickRef.current)\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent\n          document.addEventListener('click', handleClickRef.current, { once: true })\n        } else {\n          handleAndDispatchPointerDownOutsideEvent()\n        }\n      }\n      isPointerInsideReactTreeRef.current = false\n    }\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown)\n    }, 0)\n    return () => {\n      window.clearTimeout(timerId)\n      document.removeEventListener('pointerdown', handlePointerDown)\n      document.removeEventListener('click', handleClickRef.current)\n    }\n  }, [handlePointerDownOutside])\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  }\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useEvent(onFocusOutside) as EventListener\n  const isFocusInsideReactTreeRef = React.useRef(false)\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event }\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        })\n      }\n    }\n    document.addEventListener('focusin', handleFocus)\n    return () => document.removeEventListener('focusin', handleFocus)\n  }, [handleFocusOutside])\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  }\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE)\n  document.dispatchEvent(event)\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail })\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true })\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event)\n  } else {\n    target.dispatchEvent(event)\n  }\n}\n\nexport { Dismissable, DismissableBranch }\n\nexport type { DismissableProps }\n"],
-  "mappings": "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",
-  "names": ["Dismissable_exports", "__export", "Dismissable", "DismissableBranch", "dispatchDiscreteCustomEvent", "__toCommonJS", "import_jsx_runtime", "import_react_use_escape_keydown", "import_compose_refs", "import_core", "import_use_event", "React", "ReactDOM", "target", "event", "DISMISSABLE_LAYER_NAME", "CONTEXT_UPDATE", "POINTER_DOWN_OUTSIDE", "FOCUS_OUTSIDE", "originalBodyPointerEvents", "DismissableContext", "props", "forwardedRef", "disableOutsidePointerEvents", "forceUnmount", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "onDismiss", "layerProps", "context", "node", "setNode", "force", "composedRefs", "layers", "highestLayerWithOutsidePointerEventsDisabled", "highestLayerWithOutsidePointerEventsDisabledIndex", "index", "isBodyPointerEventsDisabled", "isPointerEventsEnabled", "pointerDownOutside", "usePointerDownOutside", "isPointerDownOnBranch", "branch", "focusOutside", "useFocusOutside", "dispatchUpdate", "handleUpdate", "BRANCH_NAME", "ref", "handlePointerDownOutside", "isPointerInsideReactTreeRef", "handleClickRef", "handlePointerDown", "handleAndDispatchPointerDownOutsideEvent", "handleAndDispatchCustomEvent", "eventDetail", "timerId", "handleFocusOutside", "isFocusInsideReactTreeRef", "handleFocus", "name", "handler", "detail", "discrete"]
+  "mappings": "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",
+  "names": ["node", "handleAndDispatchPointerDownOutsideEvent"]
 }

package/dist/cjs/Dismissable.native.js

@@ -1,2 +1,39 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var t=(s,r)=>{for(var e in r)a(s,e,{get:r[e],enumerable:!0})},c=(s,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of l(r))!p.call(s,i)&&i!==e&&a(s,i,{get:()=>r[i],enumerable:!(n=m(r,i))||n.enumerable});return s};var b=s=>c(a({},"__esModule",{value:!0}),s);var h={};t(h,{Dismissable:()=>f,DismissableBranch:()=>D});module.exports=b(h);var o=require("react");const f=(0,o.forwardRef)((s,r)=>s.children),D=(0,o.forwardRef)((s,r)=>s.children);0&&(module.exports={Dismissable,DismissableBranch});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dismissable_native_exports = {};
+__export(Dismissable_native_exports, {
+  Dismissable: () => Dismissable,
+  DismissableBranch: () => DismissableBranch
+});
+module.exports = __toCommonJS(Dismissable_native_exports);
+var import_react = require("react");
+const Dismissable = (0, import_react.forwardRef)((props, _ref) => {
+  return props.children;
+});
+const DismissableBranch = (0, import_react.forwardRef)(
+  (props, _ref) => {
+    return props.children;
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dismissable,
+  DismissableBranch
+});
 //# sourceMappingURL=Dismissable.native.js.map

package/dist/cjs/Dismissable.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Dismissable.native.tsx"],
   "sourcesContent": ["import { forwardRef } from 'react'\n\nimport { DismissableBranchProps, DismissableProps } from './DismissableProps'\n\nexport const Dismissable = forwardRef((props: DismissableProps, _ref) => {\n  return props.children as any\n})\n\nexport const DismissableBranch = forwardRef(\n  (props: DismissableBranchProps, _ref) => {\n    return props.children as any\n  },\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,sBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA2B,iBAIpB,MAAMH,KAAc,cAAW,CAACI,EAAyBC,IACvDD,EAAM,QACd,EAEYH,KAAoB,cAC/B,CAACG,EAA+BC,IACvBD,EAAM,QAEjB",
-  "names": ["Dismissable_native_exports", "__export", "Dismissable", "DismissableBranch", "__toCommonJS", "import_react", "props", "_ref"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAIpB,MAAM,kBAAc,yBAAW,CAAC,OAAyB,SAAS;AACvE,SAAO,MAAM;AACf,CAAC;AAEM,MAAM,wBAAoB;AAAA,EAC/B,CAAC,OAA+B,SAAS;AACvC,WAAO,MAAM;AAAA,EACf;AACF;",
+  "names": []
 }

package/dist/cjs/DismissableProps.js

@@ -1,2 +1,17 @@
-"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var v=(o,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of r(e))!c.call(o,t)&&t!==s&&i(o,t,{get:()=>e[t],enumerable:!(n=d(e,t))||n.enumerable});return o};var a=o=>v(i({},"__esModule",{value:!0}),o);var u={};module.exports=a(u);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DismissableProps_exports = {};
+module.exports = __toCommonJS(DismissableProps_exports);
 //# sourceMappingURL=DismissableProps.js.map

package/dist/cjs/DismissableProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DismissableProps.tsx"],
   "sourcesContent": ["import React from 'react'\n\nimport { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable'\n\nexport interface DismissableProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `Dismissable`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `Dismissable`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Dismissable`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Event handler called when the focus moves outside of the `Dismissable`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Event handler called when an interaction happens outside the `Dismissable`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void\n  /**\n   * Handler called when the `Dismissable` should be dismissed\n   */\n  onDismiss?: () => void\n\n  /**\n   * When using animations on exit, may want to simualte force unmount early\n   */\n  forceUnmount?: boolean\n\n  children?: React.ReactNode\n}\n\nexport interface DismissableBranchProps {\n  children?: React.ReactNode\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["DismissableProps_exports", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Dismissable"),module.exports);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Dismissable"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './Dismissable'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,yBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
+  "names": []
 }