@tamagui/animate-presence 1.26.0 → 1.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animate-presence",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "source": "src/index.ts",
   "sideEffects": false,
   "license": "MIT",
@@ -14,11 +14,11 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/use-presence": "1.26.0",
-    "@tamagui/web": "1.26.0"
+    "@tamagui/use-presence": "1.27.0",
+    "@tamagui/web": "1.27.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.26.0"
+    "@tamagui/build": "1.27.0"
   },
   "scripts": {
     "build": "tamagui-build",

package/dist/esm/AnimatePresence.mjs

@@ -1,178 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { useDidFinishSSR, useForceUpdate, useIsomorphicLayoutEffect } from "@tamagui/web";
-import React, {
-  Children,
-  cloneElement,
-  isValidElement,
-  useContext,
-  useEffect,
-  useRef
-} from "react";
-import { LayoutGroupContext } from "./LayoutGroupContext";
-import { PresenceChild } from "./PresenceChild";
-const getChildKey = (child) => child.key || "";
-const isDev = process.env.NODE_ENV !== "production";
-function updateChildLookup(children, allChildren) {
-  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
-  children.forEach((child) => {
-    const key = getChildKey(child);
-    if (isDev && seenChildren && seenChildren.has(key)) {
-      console.warn(
-        `Children of AnimatePresence require unique keys. "${key}" is a duplicate.`
-      );
-      seenChildren.add(key);
-    }
-    allChildren.set(key, child);
-  });
-}
-function onlyElements(children) {
-  const filtered = [];
-  Children.forEach(children, (child, index) => {
-    if (isValidElement(child)) {
-      if (!child.key) {
-        if (process.env.NODE_ENV === "development") {
-          console.warn("No key given to AnimatePresence child, assigning index as key");
-        }
-        filtered.push(
-          React.cloneElement(child, {
-            key: index
-          })
-        );
-      } else {
-        filtered.push(child);
-      }
-    }
-  });
-  return filtered;
-}
-const AnimatePresence = ({
-  children,
-  enterVariant,
-  exitVariant,
-  initial = true,
-  onExitComplete,
-  exitBeforeEnter,
-  presenceAffectsLayout = true
-}) => {
-  let forceRender = useForceUpdate();
-  const isClientMounted = useDidFinishSSR();
-  const forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender;
-  if (forceRenderLayoutGroup)
-    forceRender = forceRenderLayoutGroup;
-  const isMounted = useRef(false);
-  const filteredChildren = onlyElements(children);
-  let childrenToRender = filteredChildren;
-  const exiting = /* @__PURE__ */ new Set();
-  const presentChildren = useRef(childrenToRender);
-  const allChildren = useRef(/* @__PURE__ */ new Map()).current;
-  const isInitialRender = useRef(true);
-  useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-      isInitialRender.current = true;
-      allChildren.clear();
-      exiting.clear();
-    };
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    isInitialRender.current = false;
-    updateChildLookup(filteredChildren, allChildren);
-    presentChildren.current = childrenToRender;
-  });
-  const hasWarned = process.env.NODE_ENV === "development" ? useRef(false) : null;
-  if (isInitialRender.current) {
-    return /* @__PURE__ */ jsx(Fragment, { children: childrenToRender.map((child) => /* @__PURE__ */ jsx(
-      PresenceChild,
-      {
-        isPresent: Boolean(isClientMounted ? true : isMounted.current),
-        exitVariant,
-        enterVariant,
-        initial: initial ? void 0 : false,
-        presenceAffectsLayout,
-        children: child
-      },
-      getChildKey(child)
-    )) });
-  }
-  childrenToRender = [...childrenToRender];
-  const presentKeys = presentChildren.current.map(getChildKey);
-  const targetKeys = filteredChildren.map(getChildKey);
-  const numPresent = presentKeys.length;
-  for (let i = 0; i < numPresent; i++) {
-    const key = presentKeys[i];
-    if (targetKeys.indexOf(key) === -1) {
-      exiting.add(key);
-    }
-  }
-  if (exitBeforeEnter && exiting.size) {
-    childrenToRender = [];
-  }
-  exiting.forEach((key) => {
-    if (targetKeys.indexOf(key) !== -1)
-      return;
-    const child = allChildren.get(key);
-    if (!child)
-      return;
-    const insertionIndex = presentKeys.indexOf(key);
-    childrenToRender.splice(
-      insertionIndex,
-      0,
-      /* @__PURE__ */ jsx(
-        PresenceChild,
-        {
-          isPresent: false,
-          onExitComplete: () => {
-            allChildren.delete(key);
-            exiting.delete(key);
-            const removeIndex = presentChildren.current.findIndex(
-              (presentChild) => presentChild.key === key
-            );
-            presentChildren.current.splice(removeIndex, 1);
-            if (!exiting.size) {
-              presentChildren.current = filteredChildren;
-              if (isMounted.current === false)
-                return;
-              forceRender();
-              onExitComplete == null ? void 0 : onExitComplete();
-            }
-          },
-          exitVariant,
-          enterVariant,
-          presenceAffectsLayout,
-          children: child
-        },
-        getChildKey(child)
-      )
-    );
-  });
-  childrenToRender = childrenToRender.map((child) => {
-    const key = child.key;
-    return exiting.has(key) ? child : /* @__PURE__ */ jsx(
-      PresenceChild,
-      {
-        isPresent: true,
-        exitVariant,
-        enterVariant,
-        presenceAffectsLayout,
-        children: child
-      },
-      getChildKey(child)
-    );
-  });
-  if (process.env.NODE_ENV === "development") {
-    const shouldWarn = exitBeforeEnter && childrenToRender.length > 1;
-    if (shouldWarn && hasWarned && !hasWarned.current) {
-      hasWarned.current = true;
-      console.log(
-        `You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This can lead to odd visual behaviour.`
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child)) });
-};
-AnimatePresence.displayName = "AnimatePresence";
-export {
-  AnimatePresence
-};
-//# sourceMappingURL=AnimatePresence.mjs.map

package/dist/esm/AnimatePresence.mjs.map

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

package/dist/esm/LayoutGroupContext.mjs

@@ -1,6 +0,0 @@
-import { createContext } from "react";
-const LayoutGroupContext = createContext({});
-export {
-  LayoutGroupContext
-};
-//# sourceMappingURL=LayoutGroupContext.mjs.map

package/dist/esm/LayoutGroupContext.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/LayoutGroupContext.tsx"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAOvB,MAAM,qBAAqB,cAAuC,CAAC,CAAC;",
-  "names": []
-}

package/dist/esm/PresenceChild.mjs

@@ -1,61 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { PresenceContext } from "@tamagui/use-presence";
-import * as React from "react";
-import { useId } from "react";
-const PresenceChild = ({
-  children,
-  initial,
-  isPresent,
-  onExitComplete,
-  exitVariant,
-  enterVariant,
-  presenceAffectsLayout
-}) => {
-  const presenceChildren = React.useMemo(newChildrenMap, []);
-  const id = useId() || "";
-  const context = React.useMemo(
-    () => {
-      return {
-        id,
-        initial,
-        isPresent,
-        exitVariant,
-        enterVariant,
-        onExitComplete: (id2) => {
-          presenceChildren.set(id2, true);
-          for (const isComplete of presenceChildren.values()) {
-            if (!isComplete) {
-              return;
-            }
-          }
-          onExitComplete == null ? void 0 : onExitComplete();
-        },
-        register: (id2) => {
-          presenceChildren.set(id2, false);
-          return () => presenceChildren.delete(id2);
-        }
-      };
-    },
-    /**
-     * If the presence of a child affects the layout of the components around it,
-     * we want to make a new context value to ensure they get re-rendered
-     * so they can detect that layout change.
-     */
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    presenceAffectsLayout ? void 0 : [isPresent, exitVariant, enterVariant]
-  );
-  React.useMemo(() => {
-    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
-  }, [isPresent]);
-  React.useEffect(() => {
-    !(isPresent || presenceChildren.size) && (onExitComplete == null ? void 0 : onExitComplete());
-  }, [isPresent]);
-  return /* @__PURE__ */ jsx(PresenceContext.Provider, { value: context, children });
-};
-function newChildrenMap() {
-  return /* @__PURE__ */ new Map();
-}
-export {
-  PresenceChild
-};
-//# sourceMappingURL=PresenceChild.mjs.map

package/dist/esm/PresenceChild.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PresenceChild.tsx"],
-  "mappings": "AA4ES;AA5ET,SAAS,uBAAuB;AAEhC,YAAY,WAAW;AACvB,SAAS,aAAa;AAef,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,MAAM,QAAQ,gBAAgB,CAAC,CAAC;AACzD,QAAM,KAAK,MAAM,KAAK;AAEtB,QAAM,UAAU,MAAM;AAAA,IACpB,MAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,CAACA,QAAe;AAC9B,2BAAiB,IAAIA,KAAI,IAAI;AAC7B,qBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,gBAAI,CAAC,YAAY;AACf;AAAA,YACF;AAAA,UACF;AACA;AAAA,QACF;AAAA,QACA,UAAU,CAACA,QAAe;AACxB,2BAAiB,IAAIA,KAAI,KAAK;AAC9B,iBAAO,MAAM,iBAAiB,OAAOA,GAAE;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,wBAAwB,SAAY,CAAC,WAAW,aAAa,YAAY;AAAA,EAC3E;AAEA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EAEvE,GAAG,CAAC,SAAS,CAAC;AAMd,QAAM,UAAU,MAAM;AACpB,MAAE,aAAa,iBAAiB,UAAS;AAAA,EAE3C,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAU,UAAS;AAC7D;AAEA,SAAS,iBAAuC;AAC9C,SAAO,oBAAI,IAAI;AACjB;",
-  "names": ["id"]
-}

package/dist/esm/index.mjs

@@ -1,3 +0,0 @@
-export * from "./AnimatePresence";
-export * from "@tamagui/use-presence";
-//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

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

package/dist/esm/types.mjs

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

package/dist/esm/types.mjs.map

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