@tamagui/animate-presence 1.74.2 → 1.74.4

package/dist/esm/AnimatePresence.native.js

@@ -0,0 +1,130 @@
+import { useForceUpdate } from "@tamagui/use-force-update";
+import { useDidFinishSSR, useIsomorphicLayoutEffect } from "@tamagui/web";
+import React, {
+  Children,
+  cloneElement,
+  isValidElement,
+  useContext,
+  useEffect,
+  useRef
+} from "react";
+import { LayoutGroupContext } from "./LayoutGroupContext";
+import { PresenceChild } from "./PresenceChild";
+import { Fragment, jsx } from "react/jsx-runtime";
+const getChildKey = (child) => child.key || "", isDev = process.env.NODE_ENV !== "production";
+function updateChildLookup(children, allChildren) {
+  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
+  children.forEach((child) => {
+    const key = getChildKey(child);
+    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 = [];
+  return Children.forEach(children, (child, index) => {
+    isValidElement(child) && (!child.key && Children.count(children) > 1 ? (process.env.NODE_ENV === "development" && console.warn("No key given to AnimatePresence child, assigning index as key"), filtered.push(
+      React.cloneElement(child, {
+        key: index
+      })
+    )) : filtered.push(child));
+  }), filtered;
+}
+const AnimatePresence = ({
+  children,
+  enterVariant,
+  exitVariant,
+  enterExitVariant,
+  initial = !0,
+  onExitComplete,
+  exitBeforeEnter,
+  presenceAffectsLayout = !0
+}) => {
+  let forceRender = useForceUpdate();
+  const isClientMounted = useDidFinishSSR(), forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender;
+  forceRenderLayoutGroup && (forceRender = forceRenderLayoutGroup);
+  const isMounted = useRef(!1), filteredChildren = onlyElements(children);
+  let childrenToRender = filteredChildren;
+  const exiting = /* @__PURE__ */ new Set(), presentChildren = useRef(childrenToRender), allChildren = useRef(/* @__PURE__ */ new Map()).current, isInitialRender = useRef(!0);
+  useEffect(() => (isMounted.current = !0, () => {
+    isMounted.current = !1, isInitialRender.current = !0, allChildren.clear(), exiting.clear();
+  }), []), useIsomorphicLayoutEffect(() => {
+    isInitialRender.current = !1, updateChildLookup(filteredChildren, allChildren), presentChildren.current = childrenToRender;
+  });
+  const hasWarned = process.env.NODE_ENV === "development" ? useRef(!1) : null;
+  if (isInitialRender.current)
+    return /* @__PURE__ */ jsx(Fragment, { children: childrenToRender.map((child) => /* @__PURE__ */ jsx(
+      PresenceChild,
+      {
+        isPresent: !!(isClientMounted || isMounted.current),
+        enterExitVariant,
+        exitVariant,
+        enterVariant,
+        initial: initial ? void 0 : !1,
+        presenceAffectsLayout,
+        children: child
+      },
+      getChildKey(child)
+    )) });
+  childrenToRender = [...childrenToRender];
+  const presentKeys = presentChildren.current.map(getChildKey), targetKeys = filteredChildren.map(getChildKey), numPresent = presentKeys.length;
+  for (let i = 0; i < numPresent; i++) {
+    const key = presentKeys[i];
+    targetKeys.indexOf(key) === -1 && exiting.add(key);
+  }
+  return 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: !1,
+          onExitComplete: () => {
+            allChildren.delete(key), exiting.delete(key);
+            const removeIndex = presentChildren.current.findIndex(
+              (presentChild) => presentChild.key === key
+            );
+            if (presentChildren.current.splice(removeIndex, 1), !exiting.size) {
+              if (presentChildren.current = filteredChildren, isMounted.current === !1)
+                return;
+              forceRender(), onExitComplete?.();
+            }
+          },
+          exitVariant,
+          enterVariant,
+          enterExitVariant,
+          presenceAffectsLayout,
+          children: child
+        },
+        getChildKey(child)
+      )
+    );
+  }), childrenToRender = childrenToRender.map((child) => {
+    const key = child.key;
+    return exiting.has(key) ? child : /* @__PURE__ */ jsx(
+      PresenceChild,
+      {
+        isPresent: !0,
+        exitVariant,
+        enterVariant,
+        enterExitVariant,
+        presenceAffectsLayout,
+        children: child
+      },
+      getChildKey(child)
+    );
+  }), /* @__PURE__ */ jsx(Fragment, { children: exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child)) });
+};
+AnimatePresence.displayName = "AnimatePresence";
+export {
+  AnimatePresence
+};
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/esm/AnimatePresence.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresence.tsx"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB,iCAAiC;AAC3D,OAAO;AAAA,EACL;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAkJxB,mBAEI,WAFJ;AA7IN,MAAM,cAAc,CAAC,UAA2C,MAAM,OAAO,IAEvE,QAAQ,QAAQ,IAAI,aAAa;AAEvC,SAAS,kBACP,UACA,aACA;AACA,QAAM,eAAe,QAAQ,oBAAI,IAAkB,IAAI;AAEvD,WAAS,QAAQ,CAAC,UAAU;AAC1B,UAAM,MAAM,YAAY,KAAK;AAE7B,IAAI,SAAS,gBAAgB,aAAa,IAAI,GAAG,MAC/C,QAAQ;AAAA,MACN,qDAAqD,GAAG;AAAA,IAC1D,GAEA,aAAa,IAAI,GAAG,IAGtB,YAAY,IAAI,KAAK,KAAK;AAAA,EAC5B,CAAC;AACH;AAEA,SAAS,aAAa,UAA0C;AAC9D,QAAM,WAAgC,CAAC;AAGvC,kBAAS,QAAQ,UAAU,CAAC,OAAO,UAAU;AAC3C,IAAI,eAAe,KAAK,MAClB,CAAC,MAAM,OAAO,SAAS,MAAM,QAAQ,IAAI,KACvC,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAE9E,SAAS;AAAA,MACP,MAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,MACP,CAAC;AAAA,IACH,KAEA,SAAS,KAAK,KAAK;AAAA,EAGzB,CAAC,GAEM;AACT;AAmCO,MAAM,kBAET,CAAC;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,wBAAwB;AAC1B,MAAM;AAGJ,MAAI,cAAc,eAAe;AACjC,QAAM,kBAAkB,gBAAgB,GAClC,yBAAyB,WAAW,kBAAkB,EAAE;AAC9D,EAAI,2BAAwB,cAAc;AAE1C,QAAM,YAAY,OAAO,EAAK,GAGxB,mBAAmB,aAAa,QAAQ;AAC9C,MAAI,mBAAmB;AAEvB,QAAM,UAAU,oBAAI,IAAkB,GAIhC,kBAAkB,OAAO,gBAAgB,GAGzC,cAAc,OAAO,oBAAI,IAAqC,CAAC,EAAE,SAIjE,kBAAkB,OAAO,EAAI;AAEnC,YAAU,OACR,UAAU,UAAU,IACb,MAAM;AACX,cAAU,UAAU,IACpB,gBAAgB,UAAU,IAC1B,YAAY,MAAM,GAClB,QAAQ,MAAM;AAAA,EAChB,IAEC,CAAC,CAAC,GAEL,0BAA0B,MAAM;AAC9B,oBAAgB,UAAU,IAC1B,kBAAkB,kBAAkB,WAAW,GAC/C,gBAAgB,UAAU;AAAA,EAC5B,CAAC;AAED,QAAM,YAAY,QAAQ,IAAI,aAAa,gBAAgB,OAAO,EAAK,IAAI;AAE3E,MAAI,gBAAgB;AAClB,WACE,gCACG,2BAAiB,IAAI,CAAC,UACrB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,GAAQ,mBAAyB,UAAU;AAAA,QACtD;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,UAAU,SAAY;AAAA,QAC/B;AAAA,QAEC;AAAA;AAAA,MARI,YAAY,KAAK;AAAA,IASxB,CACD,GACH;AAKJ,qBAAmB,CAAC,GAAG,gBAAgB;AAIvC,QAAM,cAAc,gBAAgB,QAAQ,IAAI,WAAW,GACrD,aAAa,iBAAiB,IAAI,WAAW,GAG7C,aAAa,YAAY;AAC/B,WAAS,IAAI,GAAG,IAAI,YAAY,KAAK;AACnC,UAAM,MAAM,YAAY,CAAC;AACzB,IAAI,WAAW,QAAQ,GAAG,MAAM,MAC9B,QAAQ,IAAI,GAAG;AAAA,EAEnB;AAIA,SAAI,mBAAmB,QAAQ,SAC7B,mBAAmB,CAAC,IAKtB,QAAQ,QAAQ,CAAC,QAAQ;AAEvB,QAAI,WAAW,QAAQ,GAAG,MAAM;AAAI;AAEpC,UAAM,QAAQ,YAAY,IAAI,GAAG;AACjC,QAAI,CAAC;AAAO;AAEZ,UAAM,iBAAiB,YAAY,QAAQ,GAAG;AAE9C,qBAAiB;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW;AAAA,UACX,gBAAgB,MAAM;AACpB,wBAAY,OAAO,GAAG,GACtB,QAAQ,OAAO,GAAG;AAGlB,kBAAM,cAAc,gBAAgB,QAAQ;AAAA,cAC1C,CAAC,iBAAiB,aAAa,QAAQ;AAAA,YACzC;AAIA,gBAHA,gBAAgB,QAAQ,OAAO,aAAa,CAAC,GAGzC,CAAC,QAAQ,MAAM;AAGjB,kBAFA,gBAAgB,UAAU,kBAEtB,UAAU,YAAY;AAAO;AAEjC,0BAAY,GACZ,iBAAiB;AAAA,YACnB;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,QA3BI,YAAY,KAAK;AAAA,MA4BxB;AAAA,IACF;AAAA,EACF,CAAC,GAID,mBAAmB,iBAAiB,IAAI,CAAC,UAAU;AACjD,UAAM,MAAM,MAAM;AAClB,WAAO,QAAQ,IAAI,GAAG,IACpB,QAEA;AAAA,MAAC;AAAA;AAAA,QAEC,WAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,MAPI,YAAY,KAAK;AAAA,IAQxB;AAAA,EAEJ,CAAC,GAGC,gCACG,kBAAQ,OACL,mBACA,iBAAiB,IAAI,CAAC,UAAU,aAAa,KAAK,CAAC,GACzD;AAEJ;AAEA,gBAAgB,cAAc;",
+  "names": []
+}

package/dist/esm/LayoutGroupContext.native.js

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

package/dist/esm/LayoutGroupContext.native.js.map

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

package/dist/esm/PresenceChild.native.js

@@ -0,0 +1,53 @@
+import { PresenceContext } from "@tamagui/use-presence";
+import { useIsomorphicLayoutEffect } from "@tamagui/web";
+import * as React from "react";
+import { useId } from "react";
+import { jsx } from "react/jsx-runtime";
+const PresenceChild = ({
+  children,
+  initial,
+  isPresent,
+  onExitComplete,
+  exitVariant,
+  enterVariant,
+  enterExitVariant,
+  presenceAffectsLayout
+}) => {
+  const presenceChildren = React.useMemo(newChildrenMap, []), id = useId() || "", context = React.useMemo(
+    () => ({
+      id,
+      initial,
+      isPresent,
+      exitVariant,
+      enterVariant,
+      enterExitVariant,
+      onExitComplete: (id2) => {
+        presenceChildren.set(id2, !0);
+        for (const isComplete of presenceChildren.values())
+          if (!isComplete)
+            return;
+        onExitComplete?.();
+      },
+      register: (id2) => (presenceChildren.set(id2, !1), () => 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]
+  );
+  return React.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, !1));
+  }, [isPresent]), useIsomorphicLayoutEffect(() => {
+    !(isPresent || presenceChildren.size) && onExitComplete?.();
+  }, [isPresent]), /* @__PURE__ */ jsx(PresenceContext.Provider, { value: context, children });
+};
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
+export {
+  PresenceChild
+};
+//# sourceMappingURL=PresenceChild.js.map

package/dist/esm/PresenceChild.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/PresenceChild.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAA+B,iCAAiC;AAChE,YAAY,WAAW;AACvB,SAAS,aAAa;AA4Eb;AA5DF,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,MAAM,QAAQ,gBAAgB,CAAC,CAAC,GACnD,KAAK,MAAM,KAAK,IAEhB,UAAU,MAAM;AAAA,IACpB,OACS;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,CAACA,QAAe;AAC9B,yBAAiB,IAAIA,KAAI,EAAI;AAC7B,mBAAW,cAAc,iBAAiB,OAAO;AAC/C,cAAI,CAAC;AACH;AAGJ,yBAAiB;AAAA,MACnB;AAAA,MACA,UAAU,CAACA,SACT,iBAAiB,IAAIA,KAAI,EAAK,GACvB,MAAM,iBAAiB,OAAOA,GAAE;AAAA,IAE3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQF,wBAAwB,SAAY,CAAC,WAAW,aAAa,YAAY;AAAA,EAC3E;AAEA,eAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,EAAK,CAAC;AAAA,EAEvE,GAAG,CAAC,SAAS,CAAC,GAMd,0BAA0B,MAAM;AAC9B,MAAE,aAAa,iBAAiB,SAAS,iBAAiB;AAAA,EAE5D,GAAG,CAAC,SAAS,CAAC,GAEP,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAU,UAAS;AAC7D;AAEA,SAAS,iBAAuC;AAC9C,SAAO,oBAAI,IAAI;AACjB;",
+  "names": ["id"]
+}

package/dist/esm/index.native.js

@@ -0,0 +1,5 @@
+export * from "./AnimatePresence";
+export * from "@tamagui/use-presence";
+export * from "./types";
+export * from "./PresenceChild";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

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

package/dist/esm/types.native.js

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

package/dist/esm/types.native.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animate-presence",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "source": "src/index.ts",
   "sideEffects": false,
   "license": "MIT",
@@ -13,12 +13,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/use-force-update": "1.74.2",
-    "@tamagui/use-presence": "1.74.2",
-    "@tamagui/web": "1.74.2"
+    "@tamagui/use-force-update": "1.74.4",
+    "@tamagui/use-presence": "1.74.4",
+    "@tamagui/web": "1.74.4"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.2"
+    "@tamagui/build": "1.74.4"
   },
   "scripts": {
     "build": "tamagui-build",