@draftbit/core 50.3.2-b57f9b.2 → 50.3.2

package/lib/commonjs/components/LottieAnimation.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["style","source","autoPlay","loop","resizeMode"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/LottieAnimation.tsx";import React,{forwardRef}from"react";import{View}from"react-native";import LottieView from"lottie-react-native";import{extractSizeStyles}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var LottieAnimation=forwardRef(function(_ref,ref){var style=_ref.style,source=_ref.source,_ref$autoPlay=_ref.autoPlay,autoPlay=_ref$autoPlay===void 0?true:_ref$autoPlay,_ref$loop=_ref.loop,loop=_ref$loop===void 0?true:_ref$loop,_ref$resizeMode=_ref.resizeMode,resizeMode=_ref$resizeMode===void 0?"cover":_ref$resizeMode,rest=_objectWithoutProperties(_ref,_excluded);var sizeStyles=extractSizeStyles(style);return _jsx(View,{style:style,children:_jsx(LottieView,Object.assign({ref:ref,source:source,autoPlay:autoPlay,loop:loop,resizeMode:resizeMode,style:sizeStyles},rest))});});export default LottieAnimation;
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["style","source","autoPlay","loop","resizeMode","speed"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/LottieAnimation.tsx";import React,{forwardRef}from"react";import{View}from"react-native";import LottieView from"lottie-react-native";import{jsx as _jsx}from"react/jsx-runtime";var LottieAnimation=forwardRef(function(_ref,ref){var style=_ref.style,source=_ref.source,_ref$autoPlay=_ref.autoPlay,autoPlay=_ref$autoPlay===void 0?true:_ref$autoPlay,_ref$loop=_ref.loop,loop=_ref$loop===void 0?true:_ref$loop,_ref$resizeMode=_ref.resizeMode,resizeMode=_ref$resizeMode===void 0?"cover":_ref$resizeMode,_ref$speed=_ref.speed,speed=_ref$speed===void 0?1:_ref$speed,rest=_objectWithoutProperties(_ref,_excluded);return _jsx(View,{style:style,children:_jsx(LottieView,Object.assign({ref:ref,source:source,autoPlay:autoPlay,loop:loop,resizeMode:resizeMode,speed:speed,style:{width:"100%",height:"100%"}},rest))});});export default LottieAnimation;

package/lib/typescript/src/components/LottieAnimation.d.ts

@@ -8,6 +8,7 @@ declare type Props = {
         uri: string;
     };
     autoPlay?: boolean;
+    speed?: number;
     loop?: boolean;
 };
 declare const LottieAnimation: React.ForwardRefExoticComponent<Props & React.RefAttributes<LottieView>>;

package/lib/typescript/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/lib/typescript/src/components/LottieAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"LottieAnimation.js","sourceRoot":"","sources":["../../../../src/components/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":["../../../../src/components/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"}