@draftbit/core 50.6.4-b6cc35.2 → 50.6.4-e0ee73.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/ExpoImage.js +1 -1
- package/lib/typescript/src/components/ExpoImage.js +2 -43
- package/lib/typescript/src/components/ExpoImage.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/ExpoImage.js +2 -43
- package/src/components/ExpoImage.js.map +1 -1
- package/src/components/ExpoImage.tsx +2 -81
|
@@ -1 +1 @@
|
|
|
1
|
-
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{
|
|
1
|
+
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;
|
|
@@ -1,31 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { StyleSheet } from "react-native";
|
|
3
2
|
import { Image, } from "expo-image";
|
|
4
3
|
import Config from "./Config";
|
|
5
|
-
import AspectRatio from "./AspectRatio";
|
|
6
|
-
const generateDimensions = ({ aspectRatio, width, height, }) => {
|
|
7
|
-
if (aspectRatio && !width && !height) {
|
|
8
|
-
return {
|
|
9
|
-
aspectRatio,
|
|
10
|
-
width: "100%",
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
if (aspectRatio && height) {
|
|
14
|
-
return {
|
|
15
|
-
aspectRatio,
|
|
16
|
-
height,
|
|
17
|
-
width: aspectRatio * height,
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
if (aspectRatio && width) {
|
|
21
|
-
return {
|
|
22
|
-
aspectRatio,
|
|
23
|
-
width,
|
|
24
|
-
height: width / aspectRatio,
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
return { width, height };
|
|
28
|
-
};
|
|
29
4
|
const resizeModeToContentFit = (resizeMode) => {
|
|
30
5
|
var _a;
|
|
31
6
|
const mapping = {
|
|
@@ -38,11 +13,7 @@ const resizeModeToContentFit = (resizeMode) => {
|
|
|
38
13
|
return (_a = mapping[resizeMode]) !== null && _a !== void 0 ? _a : "cover";
|
|
39
14
|
};
|
|
40
15
|
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 }) => {
|
|
41
|
-
|
|
42
|
-
? Config.placeholderImageURL
|
|
43
|
-
: source;
|
|
44
|
-
const styles = StyleSheet.flatten(style || {});
|
|
45
|
-
const { aspectRatio, width, height } = generateDimensions(styles);
|
|
16
|
+
const imageSource = source !== null && source !== void 0 ? source : Config.placeholderImageURL;
|
|
46
17
|
const finalContentFit = resizeMode
|
|
47
18
|
? resizeModeToContentFit(resizeMode)
|
|
48
19
|
: contentFit;
|
|
@@ -51,19 +22,7 @@ const ExpoImage = ({ source, resizeMode = "cover", style, transitionDuration = 3
|
|
|
51
22
|
duration: transitionDuration,
|
|
52
23
|
effect: transitionEffect,
|
|
53
24
|
};
|
|
54
|
-
|
|
55
|
-
return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
|
|
56
|
-
React.createElement(Image, { ...props, source: imageSource, contentFit: finalContentFit, placeholder: {
|
|
57
|
-
blurhash,
|
|
58
|
-
}, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: [
|
|
59
|
-
style,
|
|
60
|
-
{
|
|
61
|
-
height: "100%",
|
|
62
|
-
width: "100%",
|
|
63
|
-
},
|
|
64
|
-
] })));
|
|
65
|
-
}
|
|
66
|
-
return (React.createElement(Image, { ...props, source: source, contentFit: finalContentFit, placeholder: {
|
|
25
|
+
return (React.createElement(Image, { ...props, source: imageSource, contentFit: finalContentFit, placeholder: {
|
|
67
26
|
blurhash,
|
|
68
27
|
}, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: style }));
|
|
69
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["../../../../src/components/ExpoImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"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"}
|