@draftbit/core 51.0.1-e67e91.2 → 51.0.1
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
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _expoImage=require("expo-image");var _Config=_interopRequireDefault(require("./Config"));var _jsxRuntime=require("react/jsx-runtime");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";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=(0,_objectWithoutProperties2.default)(_ref,_excluded);var imageSource=source!=null?source:_Config.default.placeholderImageURL;var finalContentFit=resizeMode?resizeModeToContentFit(resizeMode):contentFit;var transition={timing:transitionTiming,duration:transitionDuration,effect:transitionEffect};return(0,_jsxRuntime.jsx)(_expoImage.Image,Object.assign({},props,{source:imageSource,contentFit:finalContentFit,placeholder:{blurhash:blurhash},transition:transition,contentPosition:contentPosition,cachePolicy:cachePolicy,allowDownscaling:allowDownscaling,blurRadius:blurRadius,style:style}));};var _default=exports.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
|
-
const imageSource = source
|
|
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"}
|