@evlop/native-components 1.0.123 → 1.0.124
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.
|
@@ -2,22 +2,30 @@ import { Theme } from '@evlop/commons';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Image as RNEImage, ImageProps as RNEImageProps } from 'react-native-elements';
|
|
4
4
|
import { BorderProps, SpaceProps } from 'styled-system';
|
|
5
|
-
declare const
|
|
5
|
+
declare const imageSizes: {
|
|
6
6
|
xxxs: number;
|
|
7
|
+
'3xs': number;
|
|
7
8
|
xxs: number;
|
|
9
|
+
'2xs': number;
|
|
8
10
|
xs: number;
|
|
9
11
|
sm: number;
|
|
10
12
|
md: number;
|
|
11
13
|
lg: number;
|
|
12
14
|
xl: number;
|
|
13
15
|
xxl: number;
|
|
16
|
+
'2xl': number;
|
|
14
17
|
xxxl: number;
|
|
18
|
+
'3xl': number;
|
|
15
19
|
fluid: string;
|
|
16
20
|
};
|
|
17
|
-
declare type ImageSize = keyof (typeof
|
|
21
|
+
declare type ImageSize = keyof (typeof imageSizes);
|
|
18
22
|
declare type NativeImageProps = RNEImageProps & BorderProps<Theme> & SpaceProps<Theme> & {
|
|
19
23
|
size?: ImageSize;
|
|
20
|
-
|
|
24
|
+
width?: string | number;
|
|
25
|
+
height?: string | number;
|
|
26
|
+
minHeight?: string | number;
|
|
27
|
+
minWidth?: string | number;
|
|
28
|
+
aspectRatio?: number | string;
|
|
21
29
|
};
|
|
22
30
|
export declare const BaseImage: React.ForwardRefExoticComponent<Partial<NativeImageProps> & {
|
|
23
31
|
src?: string;
|
|
@@ -31,7 +39,7 @@ export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWith
|
|
|
31
39
|
dataModel?: string;
|
|
32
40
|
configModel?: string;
|
|
33
41
|
action?: import("@evlop/commons").Action;
|
|
34
|
-
}>, "p" | "source" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "width" | "height" | "size" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "key" | keyof {
|
|
42
|
+
}>, "p" | "source" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "width" | "height" | "minWidth" | "minHeight" | "size" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "key" | keyof {
|
|
35
43
|
model?: string;
|
|
36
44
|
dataModel?: string;
|
|
37
45
|
configModel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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,EAAE,KAAK,IAAI,QAAQ,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEvF,OAAO,EAAU,WAAW,EAA8B,UAAU,EAAU,MAAM,eAAe,CAAC;AAEpG,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAef,CAAC;AAEF,aAAK,SAAS,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAE3C,aAAK,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B,CAAA;AA8BD,eAAO,MAAM,SAAS;UADoC,MAAM;kBAAgB,MAAM;kCAuBrF,CAAC;AASF,eAAO,MAAM,KAAK;UAhCwC,MAAM;kBAAgB,MAAM;;;;;;;;;;;6hBAqFzE,CAAC;AAEd,eAAe,KAAK,CAAC"}
|
package/dist/src/Image/index.js
CHANGED
|
@@ -39,34 +39,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.Image = exports.BaseImage = void 0;
|
|
41
41
|
const commons_1 = require("@evlop/commons");
|
|
42
|
+
const lodash_1 = require("lodash");
|
|
42
43
|
const react_1 = __importStar(require("react"));
|
|
43
44
|
const react_native_1 = require("react-native");
|
|
44
45
|
const react_native_elements_1 = require("react-native-elements");
|
|
45
46
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
46
47
|
const styled_system_1 = require("styled-system");
|
|
47
|
-
const
|
|
48
|
-
const sizes = {
|
|
48
|
+
const imageSizes = {
|
|
49
49
|
xxxs: 15,
|
|
50
|
+
'3xs': 15,
|
|
50
51
|
xxs: 35,
|
|
52
|
+
'2xs': 35,
|
|
51
53
|
xs: 50,
|
|
52
54
|
sm: 75,
|
|
53
55
|
md: 150,
|
|
54
56
|
lg: 275,
|
|
55
57
|
xl: 300,
|
|
56
58
|
xxl: 400,
|
|
59
|
+
'2xl': 400,
|
|
57
60
|
xxxl: 480,
|
|
61
|
+
'3xl': 480,
|
|
58
62
|
fluid: '100%',
|
|
59
63
|
};
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
})
|
|
64
|
+
const imageAdditionalStyles = (0, styled_system_1.system)({
|
|
65
|
+
aspectRatio: {
|
|
66
|
+
property: 'aspectRatio',
|
|
67
|
+
transform: (value) => String(value),
|
|
68
|
+
},
|
|
69
|
+
width: true,
|
|
70
|
+
height: true,
|
|
71
|
+
minHeight: true,
|
|
72
|
+
minWidth: true,
|
|
73
|
+
});
|
|
74
|
+
const NativeImage = (0, native_1.default)(react_native_elements_1.Image)({ minHeight: 15, minWidth: 15 }, styled_system_1.layout, styled_system_1.border, styled_system_1.space, imageAdditionalStyles);
|
|
75
|
+
NativeImage.defaultProps = {
|
|
76
|
+
resizeMode: 'contain',
|
|
77
|
+
aspectRatio: 1,
|
|
78
|
+
};
|
|
79
|
+
NativeImage.defaultProps["width"] = '100%';
|
|
70
80
|
exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
71
81
|
var { src, placeholder, source } = _a, props = __rest(_a, ["src", "placeholder", "source"]);
|
|
72
82
|
const template = (0, commons_1.useTemplate)();
|
|
@@ -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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"}
|