@draftbit/core 50.3.2-b57f9b.2 → 50.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "50.3.2-b57f9b.2+b57f9ba",
+  "version": "50.3.2",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -40,9 +40,9 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
-    "@dotlottie/react-player": "^1.6.1",
+    "@dotlottie/react-player": "1.6.1",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "^50.3.2-b57f9b.2+b57f9ba",
+    "@draftbit/theme": "50.3.2",
     "@expo/vector-icons": "^14.0.0",
     "@gorhom/bottom-sheet": "5.0.0-alpha.7",
     "@lottiefiles/react-lottie-player": "3.5.3",
@@ -59,7 +59,7 @@
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
-    "lottie-react-native": "^6.5.1",
+    "lottie-react-native": "6.5.1",
     "react-native-animated-spinkit": "1.5.2",
     "react-native-confirmation-code-field": "^7.3.1",
     "react-native-deck-swiper": "^2.0.12",
@@ -121,5 +121,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "b57f9ba50e719747c75b28d0cb271147b8dcf7ca"
+  "gitHead": "d5556d77e2d2adc146c028eb81586863a395d3c7"
 }

package/src/components/LottieAnimation.js

@@ -1,14 +1,12 @@
 import React, { forwardRef } from "react";
 import { View } from "react-native";
 import LottieView from "lottie-react-native";
-import { extractSizeStyles } from "../utilities";
-const LottieAnimation = forwardRef(({ style, source, autoPlay = true, loop = true, resizeMode = "cover", ...rest }, ref) => {
-    const sizeStyles = extractSizeStyles(style);
+const LottieAnimation = forwardRef(({ style, source, autoPlay = true, loop = true, resizeMode = "cover", speed = 1, ...rest }, ref) => {
     return (React.createElement(View, { style: style },
-        React.createElement(LottieView, { ref: ref, source: source, autoPlay: autoPlay, loop: loop, resizeMode: resizeMode, 
-            // This is because a specific size is required on mobile, but not on web.
-            // This will help keep both platforms consistent during preview.
-            style: sizeStyles, ...rest })));
+        React.createElement(LottieView, { ref: ref, source: source, autoPlay: autoPlay, loop: loop, resizeMode: resizeMode, speed: speed, 
+            // A specific size is required on mobile, but not on web.
+            // This ensures consistent behavior across platforms during preview.
+            style: { width: "100%", height: "100%" }, ...rest })));
 });
 export default LottieAnimation;
 //# sourceMappingURL=LottieAnimation.js.map

package/src/components/LottieAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"LottieAnimation.js","sourceRoot":"","sources":["LottieAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,UAA+B,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAUjD,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,OAAO,EACpB,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;QAChB,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU;YACtB,yEAAyE;YACzE,gEAAgE;YAChE,KAAK,EAAE,UAAU,KACb,IAAI,GACR,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"LottieAnimation.js","sourceRoot":"","sources":["LottieAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,UAA+B,MAAM,qBAAqB,CAAC;AAWlE,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,OAAO,EACpB,KAAK,GAAG,CAAC,EACT,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;QAChB,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK;YACZ,yDAAyD;YACzD,oEAAoE;YACpE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KACpC,IAAI,GACR,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/components/LottieAnimation.tsx

@@ -1,13 +1,13 @@
 import React, { forwardRef } from "react";
 import { View, StyleProp, ViewStyle } from "react-native";
 import LottieView, { AnimationObject } from "lottie-react-native";
-import { extractSizeStyles } from "../utilities";
 
 type Props = {
   style?: StyleProp<ViewStyle>;
   resizeMode?: "cover" | "contain" | "center";
   source: string | AnimationObject | { uri: string };
   autoPlay?: boolean;
+  speed?: number;
   loop?: boolean;
 };
 
@@ -19,11 +19,11 @@ const LottieAnimation = forwardRef<LottieView, Props>(
       autoPlay = true,
       loop = true,
       resizeMode = "cover",
+      speed = 1,
       ...rest
     },
     ref
   ) => {
-    const sizeStyles = extractSizeStyles(style);
     return (
       <View style={style}>
         <LottieView
@@ -32,9 +32,10 @@ const LottieAnimation = forwardRef<LottieView, Props>(
           autoPlay={autoPlay}
           loop={loop}
           resizeMode={resizeMode}
-          // This is because a specific size is required on mobile, but not on web.
-          // This will help keep both platforms consistent during preview.
-          style={sizeStyles}
+          speed={speed}
+          // A specific size is required on mobile, but not on web.
+          // This ensures consistent behavior across platforms during preview.
+          style={{ width: "100%", height: "100%" }}
           {...rest}
         />
       </View>