@tamagui/dismissable 1.46.2 → 1.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/dismissable",
-  "version": "1.46.2",
+  "version": "1.47.0",
   "sideEffects": true,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -29,16 +29,16 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.46.2",
-    "@tamagui/core": "1.46.2",
-    "@tamagui/use-escape-keydown": "1.46.2",
-    "@tamagui/use-event": "1.46.2"
+    "@tamagui/compose-refs": "1.47.0",
+    "@tamagui/core": "1.47.0",
+    "@tamagui/use-escape-keydown": "1.47.0",
+    "@tamagui/use-event": "1.47.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.46.2",
+    "@tamagui/build": "1.47.0",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/dist/jsx/Dismissable.mjs

@@ -1,252 +0,0 @@
-import { useEscapeKeydown } from "@tamagui/use-escape-keydown";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { composeEventHandlers } from "@tamagui/core";
-import { useEvent } from "@tamagui/use-event";
-import * as React from "react";
-import * as ReactDOM from "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 = 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?.(event);
-      onInteractOutside?.(event);
-      if (!event.defaultPrevented)
-        onDismiss?.();
-    });
-    const focusOutside = useFocusOutside((event) => {
-      const target = event.target;
-      const isFocusInBranch = [...context.branches].some(
-        (branch) => branch.contains(target)
-      );
-      if (isFocusInBranch)
-        return;
-      onFocusOutside?.(event);
-      onInteractOutside?.(event);
-      if (!event.defaultPrevented)
-        onDismiss?.();
-    });
-    useEscapeKeydown((event) => {
-      const isHighestLayer = index === context.layers.size - 1;
-      if (!isHighestLayer)
-        return;
-      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 <div
-      {...layerProps}
-      ref={composedRefs}
-      style={{
-        display: "contents",
-        pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
-        // @ts-ignore
-        ...props.style
-      }}
-      onFocusCapture={composeEventHandlers(
-        // @ts-ignore
-        props.onFocusCapture,
-        focusOutside.onFocusCapture
-      )}
-      onBlurCapture={composeEventHandlers(
-        // @ts-ignore
-        props.onBlurCapture,
-        focusOutside.onBlurCapture
-      )}
-      onPointerDownCapture={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 = useComposedRefs(forwardedRef, ref);
-    React.useEffect(() => {
-      const node = ref.current;
-      if (node) {
-        context.branches.add(node);
-        return () => {
-          context.branches.delete(node);
-        };
-      }
-    }, [context.branches]);
-    return <div style={{ display: "contents" }} {...props} ref={composedRefs} />;
-  }
-);
-DismissableBranch.displayName = BRANCH_NAME;
-function usePointerDownOutside(onPointerDownOutside) {
-  const handlePointerDownOutside = 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 = 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);
-  }
-}
-export {
-  Dismissable,
-  DismissableBranch,
-  dispatchDiscreteCustomEvent
-};
-//# sourceMappingURL=Dismissable.mjs.map

package/dist/jsx/Dismissable.mjs.map

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

package/dist/jsx/Dismissable.native.mjs

@@ -1,14 +0,0 @@
-import { forwardRef } from "react";
-const Dismissable = forwardRef((props, _ref) => {
-  return props.children;
-});
-const DismissableBranch = forwardRef(
-  (props, _ref) => {
-    return props.children;
-  }
-);
-export {
-  Dismissable,
-  DismissableBranch
-};
-//# sourceMappingURL=Dismissable.native.mjs.map

package/dist/jsx/Dismissable.native.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Dismissable.native.tsx"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAIpB,MAAM,cAAc,WAAW,CAAC,OAAyB,SAAS;AACvE,SAAO,MAAM;AACf,CAAC;AAEM,MAAM,oBAAoB;AAAA,EAC/B,CAAC,OAA+B,SAAS;AACvC,WAAO,MAAM;AAAA,EACf;AACF;",
-  "names": []
-}

package/dist/jsx/DismissableProps.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=DismissableProps.mjs.map

package/dist/jsx/DismissableProps.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "mappings": "",
-  "names": []
-}

package/dist/jsx/index.mjs

@@ -1,2 +0,0 @@
-export * from "./Dismissable";
-//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}