@evlop/native-components 1.0.169 → 1.0.170
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Theme } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { FastImageProps } from 'react-native-fast-image';
|
|
4
|
-
import { BorderProps, SpaceProps } from 'styled-system';
|
|
4
|
+
import { BackgroundColorProps, BorderProps, SpaceProps } from 'styled-system';
|
|
5
5
|
declare const imageSizes: {
|
|
6
6
|
xxxs: number;
|
|
7
7
|
'3xs': number;
|
|
@@ -19,7 +19,7 @@ declare const imageSizes: {
|
|
|
19
19
|
fluid: string;
|
|
20
20
|
};
|
|
21
21
|
declare type ImageSize = keyof (typeof imageSizes);
|
|
22
|
-
declare type StyledImageProps = FastImageProps & BorderProps<Theme> & SpaceProps<Theme> & {
|
|
22
|
+
declare type StyledImageProps = FastImageProps & BorderProps<Theme> & SpaceProps<Theme> & BackgroundColorProps<Theme> & {
|
|
23
23
|
width?: ImageSize | number;
|
|
24
24
|
height?: ImageSize | number;
|
|
25
25
|
minHeight?: ImageSize | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA6B,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAU,WAAW,EAA8B,UAAU,EAAU,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA6B,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAA8B,UAAU,EAAU,MAAM,eAAe,CAAC;AAE3I,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAef,CAAC;AAEF,aAAK,SAAS,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAE3C,aAAK,gBAAgB,GAAG,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG;IAC9G,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAClC,CAAA;AA4CD,aAAK,cAAc,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACxF,eAAO,MAAM,SAAS;UADoC,MAAM;kBAAgB,MAAM;6BAsBrF,CAAC;AAQF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAqDzC,CAAC;AAEd,eAAe,KAAK,CAAC"}
|
package/dist/src/Image/index.js
CHANGED
|
@@ -92,9 +92,9 @@ const imageSize = (0, styled_system_1.system)({
|
|
|
92
92
|
scale: 'imageSizes',
|
|
93
93
|
},
|
|
94
94
|
});
|
|
95
|
-
const StyledImage = (0, native_1.default)(react_native_fast_image_1.default)({ minHeight: 15, minWidth: 15, width: '100%', aspectRatio: "1" }, styled_system_1.layout, styled_system_1.border, styled_system_1.space, imageSize);
|
|
95
|
+
const StyledImage = (0, native_1.default)(react_native_fast_image_1.default)({ minHeight: 15, minWidth: 15, width: '100%', aspectRatio: "1" }, styled_system_1.layout, styled_system_1.border, styled_system_1.space, imageSize, styled_system_1.backgroundColor);
|
|
96
96
|
exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
97
|
-
var { src, placeholder, source } = _a, props = __rest(_a, ["src", "placeholder", "source"]);
|
|
97
|
+
var { src, placeholder, source, backgroundColor = "gray-100" } = _a, props = __rest(_a, ["src", "placeholder", "source", "backgroundColor"]);
|
|
98
98
|
const template = (0, commons_1.useTemplate)();
|
|
99
99
|
const imageUri = (0, react_1.useMemo)(() => (0, lodash_1.trim)(template(src)) || (0, lodash_1.trim)(template(placeholder)), [template, placeholder, src]);
|
|
100
100
|
const imageSource = (0, react_1.useMemo)(() => {
|
|
@@ -102,9 +102,7 @@ exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
102
102
|
return { uri: imageUri };
|
|
103
103
|
return source;
|
|
104
104
|
}, [imageUri, source]);
|
|
105
|
-
return (react_1.default.createElement(StyledImage, Object.assign({ ref: ref, resizeMode: "contain",
|
|
106
|
-
// placeholderStyle={styles.placeholder}
|
|
107
|
-
source: imageSource }, props)));
|
|
105
|
+
return (react_1.default.createElement(StyledImage, Object.assign({ ref: ref, resizeMode: "contain", backgroundColor: backgroundColor, source: imageSource }, props)));
|
|
108
106
|
});
|
|
109
107
|
const styles = react_native_1.StyleSheet.create({
|
|
110
108
|
placeholder: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAkE;AAClE,mCAAoC;AACpC,+CAAmD;AACnD,+CAA0C;AAC1C,sFAAoE;AACpE,sEAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|