@draftbit/core 50.6.4-d8eff0.2 → 50.6.4-e0ee73.2

package/lib/commonjs/components/ExpoImage.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["source","resizeMode","style","transition","contentFit","contentPosition","cachePolicy","allowDownscaling","blurRadius","blurhash"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/ExpoImage.tsx";import React from"react";import{StyleSheet}from"react-native";import{Image}from"expo-image";import Config from"./Config";import AspectRatio from"./AspectRatio";import{jsx as _jsx}from"react/jsx-runtime";var generateDimensions=function generateDimensions(_ref){var aspectRatio=_ref.aspectRatio,width=_ref.width,height=_ref.height;if(aspectRatio&&!width&&!height){return{aspectRatio:aspectRatio,width:"100%"};}if(aspectRatio&&height){return{aspectRatio:aspectRatio,height:height,width:aspectRatio*height};}if(aspectRatio&&width){return{aspectRatio:aspectRatio,width:width,height:width/aspectRatio};}return{width:width,height:height};};var resizeModeToContentFit=function resizeModeToContentFit(resizeMode){var _mapping$resizeMode;var mapping={cover:"cover",contain:"contain",stretch:"fill",repeat:"none",center:"scale-down"};return(_mapping$resizeMode=mapping[resizeMode])!=null?_mapping$resizeMode:"cover";};var ExpoImage=function ExpoImage(_ref2){var source=_ref2.source,_ref2$resizeMode=_ref2.resizeMode,resizeMode=_ref2$resizeMode===void 0?"cover":_ref2$resizeMode,style=_ref2.style,_ref2$transition=_ref2.transition,transition=_ref2$transition===void 0?300:_ref2$transition,_ref2$contentFit=_ref2.contentFit,contentFit=_ref2$contentFit===void 0?"cover":_ref2$contentFit,_ref2$contentPosition=_ref2.contentPosition,contentPosition=_ref2$contentPosition===void 0?"center":_ref2$contentPosition,_ref2$cachePolicy=_ref2.cachePolicy,cachePolicy=_ref2$cachePolicy===void 0?"memory-disk":_ref2$cachePolicy,_ref2$allowDownscalin=_ref2.allowDownscaling,allowDownscaling=_ref2$allowDownscalin===void 0?true:_ref2$allowDownscalin,blurRadius=_ref2.blurRadius,blurhash=_ref2.blurhash,props=_objectWithoutProperties(_ref2,_excluded);var imageSource=source===null||source===undefined?Config.placeholderImageURL:source;var styles=StyleSheet.flatten(style||{});var _generateDimensions=generateDimensions(styles),aspectRatio=_generateDimensions.aspectRatio,width=_generateDimensions.width,height=_generateDimensions.height;var finalContentFit=resizeMode?resizeModeToContentFit(resizeMode):contentFit;if(aspectRatio){return _jsx(AspectRatio,{style:[style,{width:width,height:height,aspectRatio:aspectRatio}],children:_jsx(Image,Object.assign({},props,{source:imageSource,contentFit:finalContentFit,placeholder:{blurhash:blurhash},transition:transition,contentPosition:contentPosition,cachePolicy:cachePolicy,allowDownscaling:allowDownscaling,blurRadius:blurRadius,style:[style,{height:"100%",width:"100%"}]}))});}return _jsx(Image,Object.assign({},props,{source:source,contentFit:finalContentFit,placeholder:{blurhash:blurhash},transition:transition,contentPosition:contentPosition,cachePolicy:cachePolicy,allowDownscaling:allowDownscaling,blurRadius:blurRadius,style:style}));};export default ExpoImage;
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["source","resizeMode","style","transitionDuration","transitionEffect","transitionTiming","contentFit","contentPosition","cachePolicy","allowDownscaling","blurRadius","blurhash"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/ExpoImage.tsx";import React from"react";import{Image}from"expo-image";import Config from"./Config";import{jsx as _jsx}from"react/jsx-runtime";var resizeModeToContentFit=function resizeModeToContentFit(resizeMode){var _mapping$resizeMode;var mapping={cover:"cover",contain:"contain",stretch:"fill",repeat:"none",center:"scale-down"};return(_mapping$resizeMode=mapping[resizeMode])!=null?_mapping$resizeMode:"cover";};var ExpoImage=function ExpoImage(_ref){var source=_ref.source,_ref$resizeMode=_ref.resizeMode,resizeMode=_ref$resizeMode===void 0?"cover":_ref$resizeMode,style=_ref.style,_ref$transitionDurati=_ref.transitionDuration,transitionDuration=_ref$transitionDurati===void 0?300:_ref$transitionDurati,_ref$transitionEffect=_ref.transitionEffect,transitionEffect=_ref$transitionEffect===void 0?"cross-dissolve":_ref$transitionEffect,_ref$transitionTiming=_ref.transitionTiming,transitionTiming=_ref$transitionTiming===void 0?"ease-in-out":_ref$transitionTiming,_ref$contentFit=_ref.contentFit,contentFit=_ref$contentFit===void 0?"cover":_ref$contentFit,_ref$contentPosition=_ref.contentPosition,contentPosition=_ref$contentPosition===void 0?"center":_ref$contentPosition,_ref$cachePolicy=_ref.cachePolicy,cachePolicy=_ref$cachePolicy===void 0?"memory-disk":_ref$cachePolicy,_ref$allowDownscaling=_ref.allowDownscaling,allowDownscaling=_ref$allowDownscaling===void 0?true:_ref$allowDownscaling,blurRadius=_ref.blurRadius,blurhash=_ref.blurhash,props=_objectWithoutProperties(_ref,_excluded);var imageSource=source!=null?source:Config.placeholderImageURL;var finalContentFit=resizeMode?resizeModeToContentFit(resizeMode):contentFit;var transition={timing:transitionTiming,duration:transitionDuration,effect:transitionEffect};return _jsx(Image,Object.assign({},props,{source:imageSource,contentFit:finalContentFit,placeholder:{blurhash:blurhash},transition:transition,contentPosition:contentPosition,cachePolicy:cachePolicy,allowDownscaling:allowDownscaling,blurRadius:blurRadius,style:style}));};export default ExpoImage;

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

@@ -1,11 +1,9 @@
 import React from "react";
 import { ImageContentPosition, ImageProps as ExpoImageProps } from "expo-image";
 interface ExtendedImageProps extends ExpoImageProps {
-    transition?: number | {
-        duration?: number;
-        effect?: "cross-dissolve" | "flip-from-top" | "flip-from-right" | "flip-from-bottom" | "flip-from-left" | "curl-up" | "curl-down";
-        timing?: "ease-in-out" | "ease-in" | "ease-out" | "linear";
-    };
+    transitionDuration?: number;
+    transitionEffect?: "cross-dissolve" | "flip-from-top" | "flip-from-right" | "flip-from-bottom" | "flip-from-left" | "curl-up" | "curl-down";
+    transitionTiming?: "ease-in-out" | "ease-in" | "ease-out" | "linear";
     contentFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
     contentPosition?: ImageContentPosition;
     cachePolicy?: "none" | "disk" | "memory" | "memory-disk";

package/lib/typescript/src/components/ExpoImage.js

@@ -1,31 +1,6 @@
 import React from "react";
-import { StyleSheet } from "react-native";
 import { Image, } from "expo-image";
 import Config from "./Config";
-import AspectRatio from "./AspectRatio";
-const generateDimensions = ({ aspectRatio, width, height, }) => {
-    if (aspectRatio && !width && !height) {
-        return {
-            aspectRatio,
-            width: "100%",
-        };
-    }
-    if (aspectRatio && height) {
-        return {
-            aspectRatio,
-            height,
-            width: aspectRatio * height,
-        };
-    }
-    if (aspectRatio && width) {
-        return {
-            aspectRatio,
-            width,
-            height: width / aspectRatio,
-        };
-    }
-    return { width, height };
-};
 const resizeModeToContentFit = (resizeMode) => {
     var _a;
     const mapping = {
@@ -37,28 +12,17 @@ const resizeModeToContentFit = (resizeMode) => {
     };
     return (_a = mapping[resizeMode]) !== null && _a !== void 0 ? _a : "cover";
 };
-const ExpoImage = ({ source, resizeMode = "cover", style, transition = 300, contentFit = "cover", contentPosition = "center", cachePolicy = "memory-disk", allowDownscaling = true, blurRadius, blurhash, ...props }) => {
-    let imageSource = source === null || source === undefined
-        ? Config.placeholderImageURL
-        : source;
-    const styles = StyleSheet.flatten(style || {});
-    const { aspectRatio, width, height } = generateDimensions(styles);
+const ExpoImage = ({ source, resizeMode = "cover", style, transitionDuration = 300, transitionEffect = "cross-dissolve", transitionTiming = "ease-in-out", contentFit = "cover", contentPosition = "center", cachePolicy = "memory-disk", allowDownscaling = true, blurRadius, blurhash, ...props }) => {
+    const imageSource = source !== null && source !== void 0 ? source : Config.placeholderImageURL;
     const finalContentFit = resizeMode
         ? resizeModeToContentFit(resizeMode)
         : contentFit;
-    if (aspectRatio) {
-        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
-            React.createElement(Image, { ...props, source: imageSource, contentFit: finalContentFit, placeholder: {
-                    blurhash,
-                }, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: [
-                    style,
-                    {
-                        height: "100%",
-                        width: "100%",
-                    },
-                ] })));
-    }
-    return (React.createElement(Image, { ...props, source: source, contentFit: finalContentFit, placeholder: {
+    const transition = {
+        timing: transitionTiming,
+        duration: transitionDuration,
+        effect: transitionEffect,
+    };
+    return (React.createElement(Image, { ...props, source: imageSource, contentFit: finalContentFit, placeholder: {
             blurhash,
         }, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: style }));
 };

package/lib/typescript/src/components/ExpoImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["../../../../src/components/ExpoImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAuC,MAAM,cAAc,CAAC;AAC/E,OAAO,EACL,KAAK,GAIN,MAAM,YAAY,CAAC;AACpB,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,WAAW,MAAM,eAAe,CAAC;AA+BxC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,WAAW,EACX,KAAK,EACL,MAAM,GACS,EAIf,EAAE;IACF,IAAI,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;QACpC,OAAO;YACL,WAAW;YACX,KAAK,EAAE,MAAM;SACd,CAAC;KACH;IAED,IAAI,WAAW,IAAI,MAAM,EAAE;QACzB,OAAO;YACL,WAAW;YACX,MAAM;YACN,KAAK,EAAE,WAAW,GAAG,MAAM;SAC5B,CAAC;KACH;IAED,IAAI,WAAW,IAAI,KAAK,EAAE;QACxB,OAAO;YACL,WAAW;YACX,KAAK;YACL,MAAM,EAAE,KAAK,GAAG,WAAW;SAC5B,CAAC;KACH;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAC7B,UAAiE,EAChD,EAAE;;IACnB,MAAM,OAAO,GAA+C;QAC1D,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,YAAY;KACZ,CAAC;IACX,OAAO,MAAA,OAAO,CAAC,UAAU,CAAC,mCAAI,OAAO,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAiC,CAAC,EAC/C,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,QAAQ,EAC1B,WAAW,GAAG,aAAa,EAC3B,gBAAgB,GAAG,IAAI,EACvB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,WAAW,GACb,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS;QACrC,CAAC,CAAC,MAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,MAAM,CAAC;IAEb,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,kBAAkB,CACvD,MAAwB,CACzB,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,UAAU,CAAC;IAEf,IAAI,WAAW,EAAE;QACf,OAAO,CACL,oBAAC,WAAW,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;YACzD,oBAAC,KAAK,OACA,KAAK,EACT,MAAM,EAAE,WAAkC,EAC1C,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE;oBACX,QAAQ;iBACT,EACD,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE;oBACL,KAAK;oBACL;wBACE,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;qBACd;iBACF,GACD,CACU,CACf,CAAC;KACH;IAED,OAAO,CACL,oBAAC,KAAK,OACA,KAAK,EACT,MAAM,EAAE,MAA6B,EACrC,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE;YACX,QAAQ;SACT,EACD,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["../../../../src/components/ExpoImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,GAIN,MAAM,YAAY,CAAC;AACpB,OAAO,MAAM,MAAM,UAAU,CAAC;AAqB9B,MAAM,sBAAsB,GAAG,CAC7B,UAAiE,EAChD,EAAE;;IACnB,MAAM,OAAO,GAA+C;QAC1D,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,YAAY;KACZ,CAAC;IACX,OAAO,MAAA,OAAO,CAAC,UAAU,CAAC,mCAAI,OAAO,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAiC,CAAC,EAC/C,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,kBAAkB,GAAG,GAAG,EACxB,gBAAgB,GAAG,gBAAgB,EACnC,gBAAgB,GAAG,aAAa,EAChC,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,QAAQ,EAC1B,WAAW,GAAG,aAAa,EAC3B,gBAAgB,GAAG,IAAI,EACvB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM,CAAC,mBAAmB,CAAC;IACzD,MAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,UAAU,CAAC;IAEf,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,gBAAgB;KACzB,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,OACA,KAAK,EACT,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE;YACX,QAAQ;SACT,EACD,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}