@tamagui/animate-presence 1.0.0-beta.189 → 1.0.0-beta.200

package/dist/cjs/useEntering.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 useEntering_exports = {};
+__export(useEntering_exports, {
+  isEntering: () => isEntering,
+  useEntering: () => useEntering,
+  useIsEntering: () => useIsEntering
+});
+module.exports = __toCommonJS(useEntering_exports);
+var import_utils = require("@react-aria/utils");
+var import_react = require("react");
+var import_AnimatePresenceContext = require("./AnimatePresenceContext");
+function useEntering() {
+  const context = (0, import_react.useContext)(import_AnimatePresenceContext.AnimatePresenceContext);
+  if (context === null) {
+    return [void 0, void 0];
+  }
+  const { isEntering: isEntering2, onExitComplete, register } = context;
+  const id = (0, import_utils.useId)();
+  const safeToRemove = /* @__PURE__ */ __name(() => onExitComplete == null ? void 0 : onExitComplete(id), "safeToRemove");
+  (0, import_react.useEffect)(() => {
+    register(id);
+  }, []);
+  return isEntering2 === false ? [false, safeToRemove] : isEntering2 === true ? [true, safeToRemove] : [void 0, safeToRemove];
+}
+__name(useEntering, "useEntering");
+function useIsEntering() {
+  return isEntering((0, import_react.useContext)(import_AnimatePresenceContext.AnimatePresenceContext));
+}
+__name(useIsEntering, "useIsEntering");
+function isEntering(context) {
+  return context === null ? void 0 : context.isEntering;
+}
+__name(isEntering, "isEntering");
+//# sourceMappingURL=useEntering.js.map

package/dist/cjs/useEntering.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useEntering.ts"],
+  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useContext, useEffect } from 'react'\n\nimport { AnimatePresenceContext, AnimatePresenceContextProps } from './AnimatePresenceContext'\n\nexport type SafeToRemove = () => void\n\nexport function useEntering(): [boolean | undefined, undefined | (() => void)] {\n  const context = useContext(AnimatePresenceContext)\n\n  if (context === null) {\n    return [undefined, undefined]\n  }\n\n  const { isEntering, onExitComplete, register } = context\n  // Replace with useId when released in React\n  const id = useId()\n  const safeToRemove = () => onExitComplete?.(id)\n\n  // It's safe to call the following hooks conditionally (after an early return) because the context will always\n  // either be null or non-null for the lifespan of the component.\n\n  useEffect(() => {\n    register(id)\n  }, [])\n\n  return isEntering === false\n    ? [false, safeToRemove]\n    : isEntering === true\n    ? [true, safeToRemove]\n    : [undefined, safeToRemove]\n}\n\n/**\n * Similar to `useEntering`, except `useIsEntering` simply returns whether or not the component is present.\n * There is no `safeToRemove` function. ```\n */\nexport function useIsEntering() {\n  return isEntering(useContext(AnimatePresenceContext))\n}\n\nexport function isEntering(context: AnimatePresenceContextProps | null) {\n  return context === null ? undefined : context.isEntering\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,mBAAsC;AAEtC,oCAAoE;AAI7D,uBAAwE;AAC7E,QAAM,UAAU,6BAAW,oDAAsB;AAEjD,MAAI,YAAY,MAAM;AACpB,WAAO,CAAC,QAAW,MAAS;AAAA,EAC9B;AAEA,QAAM,EAAE,yBAAY,gBAAgB,aAAa;AAEjD,QAAM,KAAK,wBAAM;AACjB,QAAM,eAAe,6BAAM,iDAAiB,KAAvB;AAKrB,8BAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,SAAO,gBAAe,QAClB,CAAC,OAAO,YAAY,IACpB,gBAAe,OACf,CAAC,MAAM,YAAY,IACnB,CAAC,QAAW,YAAY;AAC9B;AAxBgB;AA8BT,yBAAyB;AAC9B,SAAO,WAAW,6BAAW,oDAAsB,CAAC;AACtD;AAFgB;AAIT,oBAAoB,SAA6C;AACtE,SAAO,YAAY,OAAO,SAAY,QAAQ;AAChD;AAFgB;",
+  "names": []
+}

package/dist/esm/useEntering.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useId } from "@react-aria/utils";
+import { useContext, useEffect } from "react";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+function useEntering() {
+  const context = useContext(AnimatePresenceContext);
+  if (context === null) {
+    return [void 0, void 0];
+  }
+  const { isEntering: isEntering2, onExitComplete, register } = context;
+  const id = useId();
+  const safeToRemove = /* @__PURE__ */ __name(() => onExitComplete == null ? void 0 : onExitComplete(id), "safeToRemove");
+  useEffect(() => {
+    register(id);
+  }, []);
+  return isEntering2 === false ? [false, safeToRemove] : isEntering2 === true ? [true, safeToRemove] : [void 0, safeToRemove];
+}
+__name(useEntering, "useEntering");
+function useIsEntering() {
+  return isEntering(useContext(AnimatePresenceContext));
+}
+__name(useIsEntering, "useIsEntering");
+function isEntering(context) {
+  return context === null ? void 0 : context.isEntering;
+}
+__name(isEntering, "isEntering");
+export {
+  isEntering,
+  useEntering,
+  useIsEntering
+};
+//# sourceMappingURL=useEntering.js.map

package/dist/esm/useEntering.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useEntering.ts"],
+  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useContext, useEffect } from 'react'\n\nimport { AnimatePresenceContext, AnimatePresenceContextProps } from './AnimatePresenceContext'\n\nexport type SafeToRemove = () => void\n\nexport function useEntering(): [boolean | undefined, undefined | (() => void)] {\n  const context = useContext(AnimatePresenceContext)\n\n  if (context === null) {\n    return [undefined, undefined]\n  }\n\n  const { isEntering, onExitComplete, register } = context\n  // Replace with useId when released in React\n  const id = useId()\n  const safeToRemove = () => onExitComplete?.(id)\n\n  // It's safe to call the following hooks conditionally (after an early return) because the context will always\n  // either be null or non-null for the lifespan of the component.\n\n  useEffect(() => {\n    register(id)\n  }, [])\n\n  return isEntering === false\n    ? [false, safeToRemove]\n    : isEntering === true\n    ? [true, safeToRemove]\n    : [undefined, safeToRemove]\n}\n\n/**\n * Similar to `useEntering`, except `useIsEntering` simply returns whether or not the component is present.\n * There is no `safeToRemove` function. ```\n */\nexport function useIsEntering() {\n  return isEntering(useContext(AnimatePresenceContext))\n}\n\nexport function isEntering(context: AnimatePresenceContextProps | null) {\n  return context === null ? undefined : context.isEntering\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEA;AAIO,uBAAwE;AAC7E,QAAM,UAAU,WAAW,sBAAsB;AAEjD,MAAI,YAAY,MAAM;AACpB,WAAO,CAAC,QAAW,MAAS;AAAA,EAC9B;AAEA,QAAM,EAAE,yBAAY,gBAAgB,aAAa;AAEjD,QAAM,KAAK,MAAM;AACjB,QAAM,eAAe,6BAAM,iDAAiB,KAAvB;AAKrB,YAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,SAAO,gBAAe,QAClB,CAAC,OAAO,YAAY,IACpB,gBAAe,OACf,CAAC,MAAM,YAAY,IACnB,CAAC,QAAW,YAAY;AAC9B;AAxBgB;AA8BT,yBAAyB;AAC9B,SAAO,WAAW,WAAW,sBAAsB,CAAC;AACtD;AAFgB;AAIT,oBAAoB,SAA6C;AACtE,SAAO,YAAY,OAAO,SAAY,QAAQ;AAChD;AAFgB;",
+  "names": []
+}

package/dist/jsx/useEntering.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useId } from "@react-aria/utils";
+import { useContext, useEffect } from "react";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+function useEntering() {
+  const context = useContext(AnimatePresenceContext);
+  if (context === null) {
+    return [void 0, void 0];
+  }
+  const { isEntering: isEntering2, onExitComplete, register } = context;
+  const id = useId();
+  const safeToRemove = /* @__PURE__ */ __name(() => onExitComplete == null ? void 0 : onExitComplete(id), "safeToRemove");
+  useEffect(() => {
+    register(id);
+  }, []);
+  return isEntering2 === false ? [false, safeToRemove] : isEntering2 === true ? [true, safeToRemove] : [void 0, safeToRemove];
+}
+__name(useEntering, "useEntering");
+function useIsEntering() {
+  return isEntering(useContext(AnimatePresenceContext));
+}
+__name(useIsEntering, "useIsEntering");
+function isEntering(context) {
+  return context === null ? void 0 : context.isEntering;
+}
+__name(isEntering, "isEntering");
+export {
+  isEntering,
+  useEntering,
+  useIsEntering
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animate-presence",
-  "version": "1.0.0-beta.189+64107267",
+  "version": "1.0.0-beta.200+9591831d",
   "source": "src/index.ts",
   "license": "MIT",
   "typings": "types",
@@ -12,10 +12,10 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/core": "^1.0.0-beta.189+64107267"
+    "@tamagui/core": "^1.0.0-beta.200+9591831d"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.189+64107267"
+    "@tamagui/build": "^1.0.0-beta.200+9591831d"
   },
   "scripts": {
     "build": "tamagui-build",
@@ -26,5 +26,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6410726774260b4de48c270c81a17b168995a3b7"
+  "gitHead": "9591831d7d4a58cc4e01846e68a0d3324570b5c8"
 }

package/types/AnimatePresence.d.ts

@@ -1,10 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 export interface AnimatePresenceProps {
     initial?: boolean;
-    custom?: any;
+    exitVariant?: string | null;
+    enterVariant?: string | null;
     onExitComplete?: () => void;
     exitBeforeEnter?: boolean;
     presenceAffectsLayout?: boolean;
 }
-export declare const AnimatePresence: React.FunctionComponent<AnimatePresenceProps>;
+export declare const AnimatePresence: React.FunctionComponent<React.PropsWithChildren<AnimatePresenceProps>>;
 //# sourceMappingURL=AnimatePresence.d.ts.map

package/types/AnimatePresenceContext.d.ts

@@ -2,11 +2,12 @@
 import { VariantLabels } from './types';
 export interface AnimatePresenceContextProps {
     id: string;
-    isPresent: boolean;
+    isEntering: boolean | undefined;
     register: (id: string) => () => void;
     onExitComplete?: (id: string) => void;
     initial?: false | VariantLabels;
-    custom?: any;
+    exitVariant?: string | null;
+    enterVariant?: string | null;
 }
 export declare const AnimatePresenceContext: import("react").Context<AnimatePresenceContextProps | null>;
 //# sourceMappingURL=AnimatePresenceContext.d.ts.map

package/types/PresenceChild.d.ts

@@ -2,12 +2,13 @@ import * as React from 'react';
 import { VariantLabels } from './types';
 interface PresenceChildProps {
     children: React.ReactElement<any>;
-    isPresent: boolean;
+    isEntering: boolean | undefined;
     onExitComplete?: () => void;
     initial?: false | VariantLabels;
-    custom?: any;
+    exitVariant?: string | null;
+    enterVariant?: string | null;
     presenceAffectsLayout: boolean;
 }
-export declare const PresenceChild: ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, }: PresenceChildProps) => JSX.Element;
+export declare const PresenceChild: ({ children, initial, isEntering, onExitComplete, exitVariant, enterVariant, presenceAffectsLayout, }: PresenceChildProps) => JSX.Element;
 export {};
 //# sourceMappingURL=PresenceChild.d.ts.map

package/types/index.d.ts

@@ -1,4 +1,4 @@
 export * from './AnimatePresence';
-export * from './usePresence';
+export * from './useEntering';
 export { AnimatePresenceContext } from './AnimatePresenceContext';
 //# sourceMappingURL=index.d.ts.map

package/types/useEntering.d.ts

@@ -0,0 +1,6 @@
+import { AnimatePresenceContextProps } from './AnimatePresenceContext';
+export declare type SafeToRemove = () => void;
+export declare function useEntering(): [boolean | undefined, undefined | (() => void)];
+export declare function useIsEntering(): boolean | undefined;
+export declare function isEntering(context: AnimatePresenceContextProps | null): boolean | undefined;
+//# sourceMappingURL=useEntering.d.ts.map

package/types/useEntering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEntering.d.ts","sourceRoot":"","sources":["../src/useEntering.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE9F,oBAAY,YAAY,GAAG,MAAM,IAAI,CAAA;AAErC,wBAAgB,WAAW,IAAI,CAAC,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAwB7E;AAMD,wBAAgB,aAAa,wBAE5B;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI,uBAErE"}

package/types/usePresence.d.ts

@@ -1,10 +1,10 @@
 import { AnimatePresenceContextProps } from './AnimatePresenceContext';
 export declare type SafeToRemove = () => void;
-declare type AlwaysPresent = [true, null];
-declare type Present = [true];
-declare type NotPresent = [false, SafeToRemove];
-export declare function usePresence(): AlwaysPresent | Present | NotPresent;
-export declare function useIsPresent(): boolean;
-export declare function isPresent(context: AnimatePresenceContextProps | null): boolean;
+declare type AlreadyPresent = [undefined];
+declare type Entering = [true];
+declare type Leaving = [false, SafeToRemove];
+export declare function useEntering(): Entering | Leaving | AlreadyPresent;
+export declare function useIsEntering(): boolean | undefined;
+export declare function isEntering(context: AnimatePresenceContextProps | null): boolean | undefined;
 export {};
 //# sourceMappingURL=usePresence.d.ts.map