@tamagui/animations-motion 1.0.1-beta.20 → 1.0.1-beta.201

package/dist/cjs/createAnimations.js

@@ -1,38 +1,2 @@
-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 createAnimations_exports = {};
-__export(createAnimations_exports, {
-  createAnimations: () => createAnimations
-});
-module.exports = __toCommonJS(createAnimations_exports);
-function createAnimations(animations) {
-  const useAnimations = /* @__PURE__ */ __name((props, extra) => {
-    const { style, hoverStyle, pressStyle, exitStyle, onDidAnimate, delay } = extra;
-  }, "useAnimations");
-  return {
-    useAnimations,
-    animations
-  };
-}
-__name(createAnimations, "createAnimations");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createAnimations
-});
+"use strict";
 //# sourceMappingURL=createAnimations.js.map

package/dist/cjs/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["export function createAnimations<A>(animations: A): {\n  useAnimations: any\n  animations: A\n  View?: any\n  Text?: any\n} {\n  const useAnimations = (props: Object, extra) => {\n    const { style, hoverStyle, pressStyle, exitStyle, onDidAnimate, delay } = extra\n  }\n  return {\n    useAnimations,\n    animations,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,0BAA6B,YAKlC;AACA,QAAM,gBAAgB,wBAAC,OAAe,UAAU;AAC9C,UAAM,EAAE,OAAO,YAAY,YAAY,WAAW,cAAc,UAAU;AAAA,EAC5E,GAFsB;AAGtB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAbgB;",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

package/dist/cjs/index.js

@@ -1,18 +1,2 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./createAnimations"), module.exports);
+"use strict";
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from './createAnimations'\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,+BAAd;",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

package/dist/esm/createAnimations.js

@@ -1,16 +1 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function createAnimations(animations) {
-  const useAnimations = /* @__PURE__ */ __name((props, extra) => {
-    const { style, hoverStyle, pressStyle, exitStyle, onDidAnimate, delay } = extra;
-  }, "useAnimations");
-  return {
-    useAnimations,
-    animations
-  };
-}
-__name(createAnimations, "createAnimations");
-export {
-  createAnimations
-};
 //# sourceMappingURL=createAnimations.js.map

package/dist/esm/createAnimations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/createAnimations.tsx"],
-  "sourcesContent": ["export function createAnimations<A>(animations: A): {\n  useAnimations: any\n  animations: A\n  View?: any\n  Text?: any\n} {\n  const useAnimations = (props: Object, extra) => {\n    const { style, hoverStyle, pressStyle, exitStyle, onDidAnimate, delay } = extra\n  }\n  return {\n    useAnimations,\n    animations,\n  }\n}\n"],
-  "mappings": ";;AAAO,0BAA6B,YAKlC;AACA,QAAM,gBAAgB,wBAAC,OAAe,UAAU;AAC9C,UAAM,EAAE,OAAO,YAAY,YAAY,WAAW,cAAc,UAAU;AAAA,EAC5E,GAFsB;AAGtB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAbgB;",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./createAnimations";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from './createAnimations'\n"],
-  "mappings": "AAAA;",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

package/dist/jsx/createAnimations.js

@@ -1,15 +1 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function createAnimations(animations) {
-  const useAnimations = /* @__PURE__ */ __name((props, extra) => {
-    const { style, hoverStyle, pressStyle, exitStyle, onDidAnimate, delay } = extra;
-  }, "useAnimations");
-  return {
-    useAnimations,
-    animations
-  };
-}
-__name(createAnimations, "createAnimations");
-export {
-  createAnimations
-};
+//# sourceMappingURL=createAnimations.js.map

package/dist/jsx/createAnimations.js.map

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

package/dist/jsx/index.js

@@ -1 +1 @@
-export * from "./createAnimations";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

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

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@tamagui/animations-motion",
-  "version": "1.0.1-beta.20",
+  "version": "1.0.1-beta.201",
   "source": "src/index.ts",
   "license": "MIT",
-  "typings": "types",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.20"
+    "@tamagui/core": "^1.0.1-beta.201"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.20"
+    "@tamagui/build": "^1.0.1-beta.201"
   },
   "scripts": {
     "build": "tamagui-build",

package/src/createAnimations.tsx

@@ -0,0 +1,143 @@
+// import { PresenceContext, usePresence } from '@tamagui/animate-presence'
+// import {
+//   AnimatedNumberStrategy,
+//   AnimationConfigType,
+//   AnimationDriver,
+//   AnimationProp,
+//   UniversalAnimatedNumber,
+//   isWeb,
+//   useEvent,
+//   useIsomorphicLayoutEffect,
+// } from '@tamagui/core'
+// import { AnimationControls, animate } from 'motion'
+// import { useContext, useEffect, useMemo, useRef } from 'react'
+// import { Text, View } from 'react-native'
+
+// export const AnimatedView = View
+// export const AnimatedText = Text
+
+// export function useAnimatedNumber(
+//   initial: number
+// ): UniversalAnimatedNumber<AnimationControls | null> {
+//   const state = useRef(
+//     null as any as {
+//       val: number
+//       controls: AnimationControls | null
+//     }
+//   )
+//   if (!state.current) {
+//     state.current = {
+//       val: initial,
+//       controls: null,
+//     }
+//   }
+//   return {
+//     getInstance() {
+//       return state.current.controls
+//     },
+//     getValue() {
+//       return state.current.val
+//     },
+//     stop() {
+//       state.current.controls?.stop()
+//     },
+//     setValue(next: number, { type, ...config } = { type: 'spring' }) {
+//       // const val = state.current.val
+//       // if (type === 'direct') {
+//       //   val.setValue(next)
+//       // } else if (type === 'spring') {
+//       //   state.current.composite?.stop()
+//       //   const composite = Animated.spring(val, {
+//       //     ...config,
+//       //     toValue: next,
+//       //     useNativeDriver: !isWeb,
+//       //   })
+//       //   composite.start()
+//       //   state.current.composite = composite
+//       // } else {
+//       //   state.current.composite?.stop()
+//       //   const composite = Animated.timing(val, {
+//       //     ...config,
+//       //     toValue: next,
+//       //     useNativeDriver: !isWeb,
+//       //   })
+//       //   composite.start()
+//       //   state.current.composite = composite
+//       // }
+//     },
+//   }
+// }
+
+// export function useAnimatedNumberReaction(
+//   value: UniversalAnimatedNumber<any>,
+//   cb: (current: number) => void
+// ) {
+//   // const onChange = useEvent((current) => {
+//   //   cb(current.value)
+//   // })
+//   // useEffect(() => {
+//   //   const id = value.getInstance().addListener(onChange)
+//   //   return () => {
+//   //     value.getInstance().removeListener(id)
+//   //   }
+//   // }, [value, onChange])
+// }
+
+// export function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<any>>(
+//   value: V,
+//   getStyle: (value: any) => any
+// ) {
+//   return getStyle(value.getInstance())
+// }
+
+// // @ts-ignore
+// export function createAnimations<A extends AnimationConfigType>(animations: A): AnimationDriver<A> {
+//   AnimatedView['displayName'] = 'AnimatedView'
+//   AnimatedText['displayName'] = 'AnimatedText'
+
+//   return {
+//     animations,
+//     View: AnimatedView,
+//     Text: AnimatedText,
+//     useAnimatedNumber,
+//     useAnimatedNumberReaction,
+//     useAnimatedNumberStyle,
+//     useAnimations: (props, helpers) => {
+//       const { onDidAnimate, delay, getStyle, state } = helpers
+//       const [isPresent, sendExitComplete] = usePresence()
+//       const presence = useContext(PresenceContext)
+
+//       const isExiting = isPresent === false
+//       const isEntering = !state.mounted
+
+//       const all = getStyle({
+//         isExiting,
+//         isEntering,
+//         exitVariant: presence?.exitVariant,
+//         enterVariant: presence?.enterVariant,
+//       })
+
+//       const args = [
+//         JSON.stringify(all),
+//         state.mounted,
+//         state.hover,
+//         state.press,
+//         state.pressIn,
+//         state.focus,
+//         delay,
+//         isPresent,
+//         onDidAnimate,
+//         presence?.exitVariant,
+//         presence?.enterVariant,
+//       ]
+
+//       // return useMemo(() => {
+//       //   return {
+//       //     style: [nonAnimatedStyle, animatedStyle],
+//       //   }
+//       //   // eslint-disable-next-line react-hooks/exhaustive-deps
+//       // }, args)
+//       return {}
+//     },
+//   }
+// }

package/src/index.tsx

@@ -0,0 +1 @@
+// export * from './createAnimations'

package/types/createAnimations.d.ts

@@ -1,7 +1 @@
-export declare function createAnimations<A>(animations: A): {
-    useAnimations: any;
-    animations: A;
-    View?: any;
-    Text?: any;
-};
 //# sourceMappingURL=createAnimations.d.ts.map

package/types/index.d.ts

@@ -1,2 +1 @@
-export * from './createAnimations';
 //# sourceMappingURL=index.d.ts.map

package/types/createAnimations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createAnimations.d.ts","sourceRoot":"","sources":["../src/createAnimations.tsx"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG;IAClD,aAAa,EAAE,GAAG,CAAA;IAClB,UAAU,EAAE,CAAC,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,IAAI,CAAC,EAAE,GAAG,CAAA;CACX,CAQA"}

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}