@evlop/native-components 1.0.170 → 1.0.171
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/dist/src/Image/NativeImage.d.ts +4 -0
- package/dist/src/Image/NativeImage.d.ts.map +1 -0
- package/dist/src/Image/NativeImage.js +5 -0
- package/dist/src/Image/NativeImage.js.map +1 -0
- package/dist/src/Image/NativeImage.native.d.ts +4 -0
- package/dist/src/Image/NativeImage.native.d.ts.map +1 -0
- package/dist/src/Image/NativeImage.native.js +8 -0
- package/dist/src/Image/NativeImage.native.js.map +1 -0
- package/dist/src/Image/index.d.ts +2 -2
- package/dist/src/Image/index.d.ts.map +1 -1
- package/dist/src/Image/index.js +3 -9
- package/dist/src/Image/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeImage.d.ts","sourceRoot":"","sources":["../../../src/Image/NativeImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,oBAAY,gBAAgB,GAAG,UAAU,CAAC;AAE1C,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeImage.js","sourceRoot":"","sources":["../../../src/Image/NativeImage.ts"],"names":[],"mappings":";;AAAA,+CAAgE;AAIhE,kBAAe,oBAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeImage.native.d.ts","sourceRoot":"","sources":["../../../src/Image/NativeImage.native.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,EAAE,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEtE,oBAAY,gBAAgB,GAAG,cAAc,CAAC;AAE9C,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
|
|
7
|
+
exports.default = react_native_fast_image_1.default;
|
|
8
|
+
//# sourceMappingURL=NativeImage.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeImage.native.js","sourceRoot":"","sources":["../../../src/Image/NativeImage.native.ts"],"names":[],"mappings":";;;;;AAAA,sFAAsE;AAItE,kBAAe,iCAAW,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Theme } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { NativeImageProps } from './NativeImage';
|
|
4
4
|
import { BackgroundColorProps, BorderProps, SpaceProps } from 'styled-system';
|
|
5
5
|
declare const imageSizes: {
|
|
6
6
|
xxxs: 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 =
|
|
22
|
+
declare type StyledImageProps = NativeImageProps & 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,
|
|
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,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,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,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG;IAChH,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;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAqDzC,CAAC;AAEd,eAAe,KAAK,CAAC"}
|
package/dist/src/Image/index.js
CHANGED
|
@@ -41,8 +41,7 @@ exports.Image = exports.BaseImage = void 0;
|
|
|
41
41
|
const commons_1 = require("@evlop/commons");
|
|
42
42
|
const lodash_1 = require("lodash");
|
|
43
43
|
const react_1 = __importStar(require("react"));
|
|
44
|
-
const
|
|
45
|
-
const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
|
|
44
|
+
const NativeImage_1 = __importDefault(require("./NativeImage"));
|
|
46
45
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
47
46
|
const styled_system_1 = require("styled-system");
|
|
48
47
|
const imageSizes = {
|
|
@@ -92,7 +91,7 @@ const imageSize = (0, styled_system_1.system)({
|
|
|
92
91
|
scale: 'imageSizes',
|
|
93
92
|
},
|
|
94
93
|
});
|
|
95
|
-
const StyledImage = (0, native_1.default)(
|
|
94
|
+
const StyledImage = (0, native_1.default)(NativeImage_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
95
|
exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
97
96
|
var { src, placeholder, source, backgroundColor = "gray-100" } = _a, props = __rest(_a, ["src", "placeholder", "source", "backgroundColor"]);
|
|
98
97
|
const template = (0, commons_1.useTemplate)();
|
|
@@ -102,12 +101,7 @@ exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
102
101
|
return { uri: imageUri };
|
|
103
102
|
return source;
|
|
104
103
|
}, [imageUri, source]);
|
|
105
|
-
return (react_1.default.createElement(StyledImage, Object.assign({ ref: ref, resizeMode: "contain",
|
|
106
|
-
});
|
|
107
|
-
const styles = react_native_1.StyleSheet.create({
|
|
108
|
-
placeholder: {
|
|
109
|
-
backgroundColor: '#f0f0f0',
|
|
110
|
-
}
|
|
104
|
+
return (react_1.default.createElement(StyledImage, Object.assign({ ref: ref, resizeMode: "contain", source: imageSource, backgroundColor: backgroundColor }, props)));
|
|
111
105
|
});
|
|
112
106
|
exports.Image = (0, commons_1.withSettings)({
|
|
113
107
|
name: 'Image',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAkE;AAClE,mCAAoC;AACpC,+CAAmD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|