@evlop/native-components 1.0.183 → 1.0.185
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
|
-
import { NativeImageProps } from './NativeImage';
|
|
4
3
|
import { BorderProps, SpaceProps } from 'styled-system';
|
|
4
|
+
import { NativeImageProps } from './NativeImage';
|
|
5
5
|
declare const imageSizes: {
|
|
6
6
|
xxxs: number;
|
|
7
7
|
'3xs': number;
|
|
@@ -28,10 +28,12 @@ declare type StyledImageProps = NativeImageProps & BorderProps<Theme> & SpacePro
|
|
|
28
28
|
};
|
|
29
29
|
declare type BaseImageProps = Partial<StyledImageProps> & {
|
|
30
30
|
src?: string;
|
|
31
|
+
loadingIndicatorSrc?: string;
|
|
31
32
|
placeholder?: string;
|
|
32
33
|
};
|
|
33
34
|
export declare const BaseImage: React.ForwardRefExoticComponent<Partial<StyledImageProps> & {
|
|
34
35
|
src?: string;
|
|
36
|
+
loadingIndicatorSrc?: string;
|
|
35
37
|
placeholder?: string;
|
|
36
38
|
} & React.RefAttributes<any>>;
|
|
37
39
|
export declare const Image: React.ComponentType<BaseImageProps>;
|
|
@@ -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,OAAO,EAAU,WAAW,EAAiB,UAAU,EAAU,MAAM,eAAe,CAAC;AAEvF,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,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;IAClF,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,MAAM,GAAG,MAAM,CAAC;CAC/B,CAAA;AA2CD,aAAK,cAAc,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACtH,eAAO,MAAM,SAAS;UADoC,MAAM;0BAAwB,MAAM;kBAAgB,MAAM;6BA+BnH,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,9 +41,10 @@ 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 NativeImage_1 = __importDefault(require("./NativeImage"));
|
|
45
44
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
46
45
|
const styled_system_1 = require("styled-system");
|
|
46
|
+
const loading_indicator_png_1 = __importDefault(require("./loading-indicator.png"));
|
|
47
|
+
const NativeImage_1 = __importDefault(require("./NativeImage"));
|
|
47
48
|
const imageSizes = {
|
|
48
49
|
xxxs: 15,
|
|
49
50
|
'3xs': 15,
|
|
@@ -93,7 +94,7 @@ const imageSize = (0, styled_system_1.system)({
|
|
|
93
94
|
});
|
|
94
95
|
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);
|
|
95
96
|
exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
96
|
-
var { src, placeholder, source } = _a, props = __rest(_a, ["src", "placeholder", "source"]);
|
|
97
|
+
var { src, loadingIndicatorSrc, placeholder, source } = _a, props = __rest(_a, ["src", "loadingIndicatorSrc", "placeholder", "source"]);
|
|
97
98
|
const template = (0, commons_1.useTemplate)();
|
|
98
99
|
const imageUri = (0, react_1.useMemo)(() => (0, lodash_1.trim)(template(src)) || (0, lodash_1.trim)(template(placeholder)), [template, placeholder, src]);
|
|
99
100
|
const imageSource = (0, react_1.useMemo)(() => {
|
|
@@ -101,7 +102,16 @@ exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
101
102
|
return { uri: imageUri };
|
|
102
103
|
return source;
|
|
103
104
|
}, [imageUri, source]);
|
|
104
|
-
|
|
105
|
+
const loadingIndicatorUri = (0, react_1.useMemo)(() => {
|
|
106
|
+
if (loadingIndicatorSrc)
|
|
107
|
+
return (0, lodash_1.trim)(template(loadingIndicatorSrc));
|
|
108
|
+
}, [loadingIndicatorSrc]);
|
|
109
|
+
const loadingIndicatorSource = (0, react_1.useMemo)(() => {
|
|
110
|
+
if (loadingIndicatorUri)
|
|
111
|
+
return { uri: loadingIndicatorUri };
|
|
112
|
+
return loading_indicator_png_1.default;
|
|
113
|
+
}, [loadingIndicatorUri]);
|
|
114
|
+
return (react_1.default.createElement(StyledImage, Object.assign({ ref: ref, resizeMode: "contain", source: imageSource, loadingIndicatorSource: loadingIndicatorSource }, props)));
|
|
105
115
|
});
|
|
106
116
|
exports.Image = (0, commons_1.withSettings)({
|
|
107
117
|
name: 'Image',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evlop/native-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.185",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"prepack": "rm -rf dist && npm run build",
|
|
8
8
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
9
|
-
"build": "tsc"
|
|
9
|
+
"build": "tsc && npm run copy-assets",
|
|
10
|
+
"copy-assets": "copyfiles -u 0 \"src/**/*.{png,jpg,jpeg,gif,svg,json}\" dist/"
|
|
10
11
|
},
|
|
11
12
|
"files": [
|
|
12
13
|
"dist/*"
|
|
@@ -38,6 +39,7 @@
|
|
|
38
39
|
"@types/recompose": "^0.30.10",
|
|
39
40
|
"@types/styled-components-react-native": "^5.1.3",
|
|
40
41
|
"@types/styled-system": "^5.1.15",
|
|
42
|
+
"copyfiles": "^2.4.1",
|
|
41
43
|
"i18next": "^21.8.9",
|
|
42
44
|
"lodash": "^4.17.15",
|
|
43
45
|
"polished": "^4.3.1",
|