@tamagui/animate-presence 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/AnimatePresence.cjs

@@ -1,29 +1,26 @@
+
 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimatePresence_exports = {};
-__export(AnimatePresence_exports, {
-  AnimatePresence: () => AnimatePresence
-});
+__export(AnimatePresence_exports, { AnimatePresence: () => AnimatePresence });
 module.exports = __toCommonJS(AnimatePresence_exports);
 var import_react = require("react");
 var import_use_constant = require("@tamagui/use-constant");
@@ -32,118 +29,95 @@ var import_react2 = require("react");
 var import_LayoutGroupContext = require("./LayoutGroupContext.cjs");
 var import_PresenceChild = require("./PresenceChild.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const getChildKey = child => {
-  return child.key || (() => {
-    const ct = child.type;
-    const defaultName = ct["displayName"] || ct["name"] || "";
-    if (ct && typeof ct === "object" && "staticConfig" in ct) {
-      return ct.staticConfig.componentName || defaultName;
-    }
-    return defaultName;
-  })();
+const getChildKey = (child) => {
+	return child.key ?? "";
 };
 function onlyElements(children) {
-  const filtered = [];
-  import_react2.Children.forEach(children, child => {
-    if ((0, import_react2.isValidElement)(child)) filtered.push(child);
-  });
-  return filtered;
+	const filtered = [];
+	import_react2.Children.forEach(children, (child) => {
+		if ((0, import_react2.isValidElement)(child)) filtered.push(child);
+	});
+	return filtered;
 }
-const AnimatePresence = ({
-  children,
-  enterVariant,
-  exitVariant,
-  enterExitVariant,
-  initial = true,
-  onExitComplete,
-  exitBeforeEnter,
-  mode,
-  presenceAffectsLayout = true,
-  custom,
-  passThrough
-}) => {
-  const effectiveMode = mode ?? (exitBeforeEnter ? "wait" : "sync");
-  const presentChildren = (0, import_react2.useMemo)(() => onlyElements(children), [children]);
-  const presentKeys = presentChildren.map(getChildKey);
-  const isInitialRender = (0, import_react2.useRef)(true);
-  const frozenCustomRef = (0, import_react2.useRef)(/* @__PURE__ */new Map());
-  const pendingPresentChildren = (0, import_react2.useRef)(presentChildren);
-  const exitComplete = (0, import_use_constant.useConstant)(() => /* @__PURE__ */new Map());
-  const [diffedChildren, setDiffedChildren] = (0, import_react2.useState)(presentChildren);
-  const [renderedChildren, setRenderedChildren] = (0, import_react2.useState)(presentChildren);
-  const forceRender = (0, import_react2.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender ?? (0, import_use_force_update.useForceUpdate)();
-  if (passThrough) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children
-    });
-  }
-  (0, import_react.useInsertionEffect)(() => {
-    isInitialRender.current = false;
-    pendingPresentChildren.current = presentChildren;
-    for (let i = 0; i < renderedChildren.length; i++) {
-      const key = getChildKey(renderedChildren[i]);
-      if (!presentKeys.includes(key)) {
-        if (exitComplete.get(key) !== true) {
-          exitComplete.set(key, false);
-        }
-      } else {
-        exitComplete.delete(key);
-        frozenCustomRef.current.delete(key);
-      }
-    }
-  }, [renderedChildren, presentKeys.length, presentKeys.join("-")]);
-  if (presentChildren !== diffedChildren) {
-    let nextChildren = [...presentChildren];
-    for (let i = 0; i < renderedChildren.length; i++) {
-      const child = renderedChildren[i];
-      const key = getChildKey(child);
-      if (!presentKeys.includes(key)) {
-        nextChildren.splice(i, 0, child);
-        if (!frozenCustomRef.current.has(key)) {
-          frozenCustomRef.current.set(key, custom);
-        }
-      }
-    }
-    const exitingChildren = renderedChildren.filter(child => !presentKeys.includes(getChildKey(child)));
-    if (effectiveMode === "wait" && exitingChildren.length) {
-      nextChildren = exitingChildren;
-    }
-    setRenderedChildren(onlyElements(nextChildren));
-    setDiffedChildren(presentChildren);
-    return null;
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: renderedChildren.map(child => {
-      const key = getChildKey(child);
-      const isPresent = presentChildren === renderedChildren || presentKeys.includes(key);
-      const onExit = () => {
-        if (exitComplete.has(key)) {
-          exitComplete.set(key, true);
-        } else {
-          return;
-        }
-        let isEveryExitComplete = true;
-        exitComplete.forEach(isExitComplete => {
-          if (!isExitComplete) isEveryExitComplete = false;
-        });
-        if (isEveryExitComplete) {
-          forceRender?.();
-          setRenderedChildren(pendingPresentChildren.current);
-          onExitComplete?.();
-        }
-      };
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PresenceChild.PresenceChild, {
-        isPresent,
-        initial: !isInitialRender.current || initial ? void 0 : false,
-        custom: isPresent ? custom : frozenCustomRef.current.get(key) ?? custom,
-        presenceAffectsLayout,
-        enterExitVariant,
-        enterVariant,
-        exitVariant,
-        onExitComplete: isPresent ? void 0 : onExit,
-        children: child
-      }, key);
-    })
-  });
+const AnimatePresence = ({ children, initial = true, onExitComplete, mode = "sync", presenceAffectsLayout = true, custom, passThrough }) => {
+	const presentChildren = (0, import_react2.useMemo)(() => onlyElements(children), [children]);
+	const presentKeys = presentChildren.map(getChildKey);
+	const isInitialRender = (0, import_react2.useRef)(true);
+	const frozenCustomRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
+	const pendingPresentChildren = (0, import_react2.useRef)(presentChildren);
+	const exitComplete = (0, import_use_constant.useConstant)(() => /* @__PURE__ */ new Map());
+	const [diffedChildren, setDiffedChildren] = (0, import_react2.useState)(presentChildren);
+	const [renderedChildren, setRenderedChildren] = (0, import_react2.useState)(presentChildren);
+	const forceRender = (0, import_react2.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender ?? (0, import_use_force_update.useForceUpdate)();
+	if (passThrough) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	}
+	(0, import_react.useInsertionEffect)(() => {
+		isInitialRender.current = false;
+		pendingPresentChildren.current = presentChildren;
+		for (let i = 0; i < renderedChildren.length; i++) {
+			const key = getChildKey(renderedChildren[i]);
+			if (!presentKeys.includes(key)) {
+				if (exitComplete.get(key) !== true) {
+					exitComplete.set(key, false);
+				}
+			} else {
+				exitComplete.delete(key);
+				frozenCustomRef.current.delete(key);
+			}
+		}
+	}, [
+		renderedChildren,
+		presentKeys.length,
+		presentKeys.join("-")
+	]);
+	if (presentChildren !== diffedChildren) {
+		let nextChildren = [...presentChildren];
+		for (let i = 0; i < renderedChildren.length; i++) {
+			const child = renderedChildren[i];
+			const key = getChildKey(child);
+			if (!presentKeys.includes(key)) {
+				nextChildren.splice(i, 0, child);
+				if (!frozenCustomRef.current.has(key)) {
+					frozenCustomRef.current.set(key, custom);
+				}
+			}
+		}
+		const exitingChildren = renderedChildren.filter((child) => !presentKeys.includes(getChildKey(child)));
+		if (mode === "wait" && exitingChildren.length) {
+			nextChildren = exitingChildren;
+		}
+		setRenderedChildren(onlyElements(nextChildren));
+		setDiffedChildren(presentChildren);
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderedChildren.map((child) => {
+		const key = getChildKey(child);
+		const isPresent = presentChildren === renderedChildren || presentKeys.includes(key);
+		const onExit = () => {
+			if (exitComplete.has(key)) {
+				exitComplete.set(key, true);
+			} else {
+				return;
+			}
+			let isEveryExitComplete = true;
+			exitComplete.forEach((isExitComplete) => {
+				if (!isExitComplete) isEveryExitComplete = false;
+			});
+			if (isEveryExitComplete) {
+				forceRender?.();
+				setRenderedChildren(pendingPresentChildren.current);
+				onExitComplete?.();
+			}
+		};
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PresenceChild.PresenceChild, {
+			isPresent,
+			initial: !isInitialRender.current || initial ? void 0 : false,
+			custom: isPresent ? custom : frozenCustomRef.current.get(key) ?? custom,
+			presenceAffectsLayout,
+			onExitComplete: isPresent ? void 0 : onExit,
+			children: child
+		}, key);
+	}) });
 };
-AnimatePresence.displayName = "AnimatePresence";
+AnimatePresence.displayName = "AnimatePresence";

package/dist/cjs/AnimatePresence.native.cjs

@@ -0,0 +1,135 @@
+"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 AnimatePresence_exports = {};
+__export(AnimatePresence_exports, { AnimatePresence: () => AnimatePresence });
+module.exports = __toCommonJS(AnimatePresence_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_use_constant = require("@tamagui/use-constant");
+var import_use_force_update = require("@tamagui/use-force-update");
+var import_react2 = require("react");
+var import_LayoutGroupContext = require("./LayoutGroupContext.native.js");
+var import_PresenceChild = require("./PresenceChild.native.js");
+var getChildKey = function(child) {
+	var _child_key;
+	return (_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : "";
+};
+function onlyElements(children) {
+	var filtered = [];
+	import_react2.Children.forEach(children, function(child) {
+		if (/* @__PURE__ */ (0, import_react2.isValidElement)(child)) filtered.push(child);
+	});
+	return filtered;
+}
+var AnimatePresence = function(param) {
+	var { children, initial = true, onExitComplete, mode = "sync", presenceAffectsLayout = true, custom, passThrough } = param;
+	var presentChildren = (0, import_react2.useMemo)(function() {
+		return onlyElements(children);
+	}, [children]);
+	var presentKeys = presentChildren.map(getChildKey);
+	var isInitialRender = (0, import_react2.useRef)(true);
+	var frozenCustomRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
+	var pendingPresentChildren = (0, import_react2.useRef)(presentChildren);
+	var exitComplete = (0, import_use_constant.useConstant)(function() {
+		return /* @__PURE__ */ new Map();
+	});
+	var [diffedChildren, setDiffedChildren] = (0, import_react2.useState)(presentChildren);
+	var [renderedChildren, setRenderedChildren] = (0, import_react2.useState)(presentChildren);
+	var _useContext_forceRender;
+	var forceRender = (_useContext_forceRender = (0, import_react2.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender) !== null && _useContext_forceRender !== void 0 ? _useContext_forceRender : (0, import_use_force_update.useForceUpdate)();
+	if (passThrough) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	}
+	(0, import_react.useInsertionEffect)(function() {
+		isInitialRender.current = false;
+		pendingPresentChildren.current = presentChildren;
+		for (var i2 = 0; i2 < renderedChildren.length; i2++) {
+			var key2 = getChildKey(renderedChildren[i2]);
+			if (!presentKeys.includes(key2)) {
+				if (exitComplete.get(key2) !== true) {
+					exitComplete.set(key2, false);
+				}
+			} else {
+				exitComplete.delete(key2);
+				frozenCustomRef.current.delete(key2);
+			}
+		}
+	}, [
+		renderedChildren,
+		presentKeys.length,
+		presentKeys.join("-")
+	]);
+	if (presentChildren !== diffedChildren) {
+		var nextChildren = [...presentChildren];
+		for (var i = 0; i < renderedChildren.length; i++) {
+			var child = renderedChildren[i];
+			var key = getChildKey(child);
+			if (!presentKeys.includes(key)) {
+				nextChildren.splice(i, 0, child);
+				if (!frozenCustomRef.current.has(key)) {
+					frozenCustomRef.current.set(key, custom);
+				}
+			}
+		}
+		var exitingChildren = renderedChildren.filter(function(child2) {
+			return !presentKeys.includes(getChildKey(child2));
+		});
+		if (mode === "wait" && exitingChildren.length) {
+			nextChildren = exitingChildren;
+		}
+		setRenderedChildren(onlyElements(nextChildren));
+		setDiffedChildren(presentChildren);
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderedChildren.map(function(child2) {
+		var key2 = getChildKey(child2);
+		var isPresent = presentChildren === renderedChildren || presentKeys.includes(key2);
+		var onExit = function() {
+			if (exitComplete.has(key2)) {
+				exitComplete.set(key2, true);
+			} else {
+				return;
+			}
+			var isEveryExitComplete = true;
+			exitComplete.forEach(function(isExitComplete) {
+				if (!isExitComplete) isEveryExitComplete = false;
+			});
+			if (isEveryExitComplete) {
+				forceRender === null || forceRender === void 0 ? void 0 : forceRender();
+				setRenderedChildren(pendingPresentChildren.current);
+				onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete();
+			}
+		};
+		var _frozenCustomRef_current_get;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PresenceChild.PresenceChild, {
+			isPresent,
+			initial: !isInitialRender.current || initial ? void 0 : false,
+			custom: isPresent ? custom : (_frozenCustomRef_current_get = frozenCustomRef.current.get(key2)) !== null && _frozenCustomRef_current_get !== void 0 ? _frozenCustomRef_current_get : custom,
+			presenceAffectsLayout,
+			onExitComplete: isPresent ? void 0 : onExit,
+			children: child2
+		}, key2);
+	}) });
+};
+AnimatePresence.displayName = "AnimatePresence";