@evlop/native-components 1.0.158 → 1.0.160
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/Actionable.d.ts +2 -1
- package/dist/src/Actionable.d.ts.map +1 -1
- package/dist/src/Actionable.js.map +1 -1
- package/dist/src/Button.d.ts +21 -10
- package/dist/src/Button.d.ts.map +1 -1
- package/dist/src/Button.js +125 -54
- package/dist/src/Button.js.map +1 -1
- package/dist/src/Image/index.d.ts +1 -1
- package/package.json +2 -2
package/dist/src/Actionable.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { PressableProps } from 'react-native';
|
|
3
4
|
declare type EffectType = 'none' | 'scale' | 'opacity' | 'both' | 'elevation' | 'border' | 'color' | 'ripple' | 'spring';
|
|
4
5
|
declare type FeedbackType = 'none' | 'light' | 'medium' | 'heavy' | 'success' | 'error' | 'warning';
|
|
5
|
-
interface ActionableProps {
|
|
6
|
+
interface ActionableProps extends PressableProps {
|
|
6
7
|
effect?: EffectType;
|
|
7
8
|
feedback?: FeedbackType;
|
|
8
9
|
action: Action;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AAEjE,OAAO,KAAsB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AAEjE,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAgG,cAAc,EAAE,MAAM,cAAc,CAAC;AAI5I,aAAK,UAAU,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEf,aAAK,YAAY,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEhB,UAAU,eAAgB,SAAQ,cAAc;IAC5C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AA8ED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAoB/D,CAAA;;;;;;;AAED,wBAImB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiE;AACjE,mCAAiC;AACjC,+CAA2C;AAC3C,+
|
|
1
|
+
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/Button.d.ts
CHANGED
|
@@ -1,18 +1,29 @@
|
|
|
1
|
+
import { Theme } from '@evlop/commons';
|
|
1
2
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
3
|
+
import { TextStyle, ViewProps } from 'react-native';
|
|
4
|
+
import { BackgroundColorProps, BorderProps, FontSizeProps, FontWeightProps, LayoutProps, SpaceProps } from 'styled-system';
|
|
5
|
+
declare type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
6
|
+
interface ButtonProps extends ViewProps, FontWeightProps<Theme>, FontSizeProps<Theme>, LayoutProps<Theme>, SpaceProps<Theme>, BackgroundColorProps<Theme>, BorderProps<Theme> {
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
label?: string;
|
|
10
|
+
variant?: 'filled' | 'outlined' | 'dim-outlined' | 'dim-filled-outlined' | 'ghost';
|
|
11
|
+
size?: ButtonSize;
|
|
4
12
|
color?: string;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
13
|
+
textColor?: string;
|
|
14
|
+
textStyle?: TextStyle;
|
|
15
|
+
action?: () => Promise<any>;
|
|
16
|
+
icon?: string;
|
|
17
|
+
iconPosition?: 'left' | 'right';
|
|
18
|
+
}
|
|
19
|
+
export declare const BaseButton: React.FC<ButtonProps>;
|
|
20
|
+
declare const ButtonWithSettings: React.ForwardRefExoticComponent<ButtonProps & {
|
|
12
21
|
model?: string;
|
|
13
22
|
dataModel?: string;
|
|
14
23
|
configModel?: string;
|
|
15
24
|
action?: import("@evlop/commons").Action;
|
|
16
|
-
}
|
|
25
|
+
} & {
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
} & React.RefAttributes<any>>;
|
|
17
28
|
export default ButtonWithSettings;
|
|
18
29
|
//# sourceMappingURL=Button.d.ts.map
|
package/dist/src/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAC;AAExG,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,UAAU,WAAY,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IAC3K,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAkHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqD5C,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;6BAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
package/dist/src/Button.js
CHANGED
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -33,45 +10,139 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
10
|
}
|
|
34
11
|
return t;
|
|
35
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
36
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
17
|
exports.BaseButton = void 0;
|
|
38
|
-
const react_1 = __importStar(require("react"));
|
|
39
18
|
const commons_1 = require("@evlop/commons");
|
|
40
|
-
const
|
|
41
|
-
const
|
|
19
|
+
const native_components_1 = require("@evlop/native-components");
|
|
20
|
+
const polished_1 = require("polished");
|
|
21
|
+
const react_1 = __importDefault(require("react"));
|
|
22
|
+
const react_native_1 = require("react-native");
|
|
23
|
+
const native_1 = __importDefault(require("styled-components/native"));
|
|
24
|
+
const styled_system_1 = require("styled-system");
|
|
25
|
+
const Flexbox_1 = require("./Flexbox");
|
|
26
|
+
const Text_1 = require("./Text");
|
|
27
|
+
const Actionable_1 = require("./Actionable");
|
|
28
|
+
const buttonVariant = ({ variant, color, theme }) => {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
const _color = color ? ((_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a[color]) || color : ((_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) || '#000';
|
|
31
|
+
switch (variant) {
|
|
32
|
+
case 'filled':
|
|
33
|
+
return {
|
|
34
|
+
backgroundColor: _color,
|
|
35
|
+
borderWidth: 0,
|
|
36
|
+
};
|
|
37
|
+
case 'outlined':
|
|
38
|
+
return {
|
|
39
|
+
backgroundColor: 'transparent',
|
|
40
|
+
borderWidth: 2,
|
|
41
|
+
borderColor: _color,
|
|
42
|
+
};
|
|
43
|
+
case 'dim-outlined':
|
|
44
|
+
return {
|
|
45
|
+
backgroundColor: 'transparent',
|
|
46
|
+
borderWidth: 2,
|
|
47
|
+
borderColor: (0, polished_1.transparentize)(0.75, _color),
|
|
48
|
+
};
|
|
49
|
+
case 'dim-filled-outlined':
|
|
50
|
+
return {
|
|
51
|
+
backgroundColor: (0, polished_1.transparentize)(0.95, _color),
|
|
52
|
+
borderWidth: 2,
|
|
53
|
+
borderColor: (0, polished_1.transparentize)(0.95, _color),
|
|
54
|
+
};
|
|
55
|
+
case 'ghost':
|
|
56
|
+
return {
|
|
57
|
+
backgroundColor: 'transparent',
|
|
58
|
+
borderWidth: 0,
|
|
59
|
+
};
|
|
60
|
+
default:
|
|
61
|
+
return {};
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
const sizeVariant = (0, styled_system_1.variant)({
|
|
65
|
+
prop: 'size',
|
|
66
|
+
variants: {
|
|
67
|
+
sm: {
|
|
68
|
+
padding: 4,
|
|
69
|
+
},
|
|
70
|
+
md: {
|
|
71
|
+
padding: 8,
|
|
72
|
+
},
|
|
73
|
+
lg: {
|
|
74
|
+
padding: 16,
|
|
75
|
+
},
|
|
76
|
+
'xl': {
|
|
77
|
+
padding: 20,
|
|
78
|
+
},
|
|
79
|
+
'2xl': {
|
|
80
|
+
padding: 24,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
});
|
|
84
|
+
const StyledActivityIndicator = (0, native_1.default)(react_native_1.ActivityIndicator).attrs(({ color, theme }) => {
|
|
85
|
+
var _a;
|
|
86
|
+
return ({
|
|
87
|
+
color: ((_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a[color || '']) || color,
|
|
88
|
+
});
|
|
89
|
+
})({
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
zIndex: 1000,
|
|
92
|
+
});
|
|
93
|
+
const StyledButtonView = (0, native_1.default)(react_native_1.View)({
|
|
94
|
+
alignItems: 'center',
|
|
95
|
+
justifyContent: 'center',
|
|
96
|
+
borderRadius: 4,
|
|
97
|
+
}, sizeVariant, buttonVariant, styled_system_1.space, styled_system_1.layout, styled_system_1.backgroundColor, styled_system_1.border, props => ({
|
|
98
|
+
opacity: props.disabled ? 0.5 : 1
|
|
99
|
+
}));
|
|
100
|
+
const fontSizes = {
|
|
101
|
+
sm: 12,
|
|
102
|
+
md: 16,
|
|
103
|
+
lg: 20,
|
|
104
|
+
xl: 24,
|
|
105
|
+
'2xl': 28,
|
|
106
|
+
};
|
|
107
|
+
const fontWeights = {
|
|
108
|
+
sm: 'Regular',
|
|
109
|
+
md: 'Regular',
|
|
110
|
+
lg: 'Regular',
|
|
111
|
+
xl: 'Bold',
|
|
112
|
+
'2xl': 'Bold',
|
|
113
|
+
};
|
|
114
|
+
const iconSizes = {
|
|
115
|
+
sm: 16,
|
|
116
|
+
md: 24,
|
|
117
|
+
lg: 32,
|
|
118
|
+
xl: 40,
|
|
119
|
+
'2xl': 48,
|
|
120
|
+
};
|
|
121
|
+
const gapBetweenIconAndText = {
|
|
122
|
+
sm: 4,
|
|
123
|
+
md: 8,
|
|
124
|
+
lg: 12,
|
|
125
|
+
xl: 16,
|
|
126
|
+
'2xl': 20,
|
|
127
|
+
};
|
|
42
128
|
const BaseButton = (_a) => {
|
|
43
|
-
var { color = 'primary', action } = _a, props = __rest(_a, ["color", "action"]);
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
129
|
+
var { variant = 'filled', size = 'md', loading = false, disabled = false, color = 'primary', textColor, label, textStyle, action, icon, iconPosition = 'left', fontWeight, fontSize } = _a, props = __rest(_a, ["variant", "size", "loading", "disabled", "color", "textColor", "label", "textStyle", "action", "icon", "iconPosition", "fontWeight", "fontSize"]);
|
|
130
|
+
const [isProcessing, actionHandeller] = (0, commons_1.useAsyncAction)(action);
|
|
131
|
+
const textColorToUse = textColor || (variant === 'filled' ? 'white' : color);
|
|
132
|
+
const isDisabled = disabled || isProcessing;
|
|
133
|
+
const isLoading = loading || isProcessing;
|
|
134
|
+
return (react_1.default.createElement(Actionable_1.BaseActionable, { action: actionHandeller, disabled: isDisabled },
|
|
135
|
+
react_1.default.createElement(StyledButtonView, Object.assign({ disabled: isDisabled, variant: variant, size: size, color: color }, props),
|
|
136
|
+
isLoading && (react_1.default.createElement(StyledActivityIndicator, { color: textColorToUse })),
|
|
137
|
+
react_1.default.createElement(Flexbox_1.BaseFlexbox, { flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row', alignItems: "center", justifyContent: "center", gap: gapBetweenIconAndText[size], opacity: isLoading ? 0 : 1 },
|
|
138
|
+
icon && react_1.default.createElement(native_components_1.BaseIcon, { icon: icon, size: iconSizes[size], color: textColorToUse }),
|
|
139
|
+
react_1.default.createElement(Text_1.BaseText, { color: textColorToUse, fontWeight: fontWeight || fontWeights[size], fontSize: fontSize || fontSizes[size], style: textStyle }, label)))));
|
|
52
140
|
};
|
|
53
141
|
exports.BaseButton = BaseButton;
|
|
54
142
|
const ButtonWithSettings = (0, commons_1.withSettings)({
|
|
55
143
|
name: 'Button',
|
|
56
|
-
valueOptions: [
|
|
57
|
-
|
|
58
|
-
{ type: 'app-action', name: 'action', label: 'Action' },
|
|
59
|
-
],
|
|
60
|
-
configurationOptions: [
|
|
61
|
-
{ label: 'Color', name: 'color', type: 'color' },
|
|
62
|
-
{ label: 'Icon', name: 'icon', type: 'icon' },
|
|
63
|
-
{
|
|
64
|
-
type: 'select',
|
|
65
|
-
name: 'type',
|
|
66
|
-
label: 'Type',
|
|
67
|
-
options: [
|
|
68
|
-
{ label: 'Default', value: null },
|
|
69
|
-
{ label: 'Solid', value: 'solid' },
|
|
70
|
-
{ label: 'Outlined', value: 'outline' },
|
|
71
|
-
{ label: 'Clear', value: 'clear' },
|
|
72
|
-
],
|
|
73
|
-
},
|
|
74
|
-
],
|
|
144
|
+
valueOptions: [],
|
|
145
|
+
configurationOptions: [],
|
|
75
146
|
})(exports.BaseButton);
|
|
76
147
|
exports.default = ButtonWithSettings;
|
|
77
148
|
//# sourceMappingURL=Button.js.map
|
package/dist/src/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAqE;AACrE,gEAAoD;AACpD,uCAA0C;AAC1C,kDAA0B;AAC1B,+CAAwG;AACxG,sEAA8C;AAC9C,iDAAwL;AACxL,uCAAwC;AACxC,iCAAkC;AAClC,6CAA8C;AAwB9C,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAsB,EAAE,EAAE;;IACtE,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAG,KAAK,CAAC,KAAI,KAAK,CAAC,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,OAAO,KAAI,MAAM,CAAC;IAE1F,QAAQ,OAAO,EAAE;QACf,KAAK,QAAQ;YACX,OAAO;gBACL,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,CAAC;aACf,CAAC;QACJ,KAAK,UAAU;YACb,OAAO;gBACL,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM;aACpB,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO;gBACL,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,IAAA,yBAAc,EAAC,IAAI,EAAE,MAAM,CAAC;aAC1C,CAAC;QACJ,KAAK,qBAAqB;YACxB,OAAO;gBACL,eAAe,EAAE,IAAA,yBAAc,EAAC,IAAI,EAAE,MAAM,CAAC;gBAC7C,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,IAAA,yBAAc,EAAC,IAAI,EAAE,MAAM,CAAC;aAC1C,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,CAAC;aACf,CAAC;QACJ;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,uBAAO,EAAC;IAC1B,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,OAAO,EAAE,CAAC;SACX;QACD,EAAE,EAAE;YACF,OAAO,EAAE,CAAC;SACX;QACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE;SACZ;QACD,IAAI,EAAC;YACH,OAAO,EAAE,EAAE;SACZ;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAC,gCAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAgC,EAAE,EAAE;;IAAC,OAAA,CAAC;QAClH,KAAK,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAG,KAAK,IAAI,EAAE,CAAC,KAAI,KAAK;KAC7C,CAAC,CAAA;CAAA,CAAC,CAAC;IACF,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,IAAI;CACb,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,mBAAI,CAAC,CAAc;IACjD,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,CAAC;CAChB,EACD,WAAW,EACX,aAAa,EACb,qBAAK,EACL,sBAAM,EACN,+BAAe,EACf,sBAAM,EACN,KAAK,CAAC,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAClC,CAAC,CAAC,CAAC;AAEJ,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,WAAW,GAAqD;IACpE,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,qBAAqB,GAAG;IAC5B,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,UAAU,GAA0B,CAAC,EAejD,EAAE,EAAE;QAf6C,EAChD,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,UAAU,EACV,QAAQ,OAET,EADI,KAAK,cAdwC,kJAejD,CADS;IAER,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,wBAAc,EAAC,MAAM,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,SAAS,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAY,QAAQ,IAAK,YAAwB,CAAC;IAClE,MAAM,SAAS,GAAY,OAAO,IAAK,YAAwB,CAAC;IAEhE,OAAO,CACL,8BAAC,2BAAc,IAAC,MAAM,EAAE,eAAsB,EAAE,QAAQ,EAAE,UAAU;QAClE,8BAAC,gBAAgB,kBACf,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IACR,KAAK;YAER,SAAS,IAAI,CAAC,8BAAC,uBAAuB,IAAC,KAAK,EAAE,cAAc,GAAG,CAAC;YACjE,8BAAC,qBAAW,IACV,aAAa,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EAC/D,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAE,qBAAqB,CAAC,IAAI,CAAQ,EACvC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEzB,IAAI,IAAI,8BAAC,4BAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI;gBAC/E,8BAAC,eAAQ,IACP,KAAK,EAAE,cAAqB,EAC5B,UAAU,EAAE,UAAU,IAAI,WAAW,CAAC,IAAI,CAAC,EAC3C,QAAQ,EAAE,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAQ,EAC5C,KAAK,EAAE,SAAS,IAEf,KAAK,CACG,CACC,CACG,CACJ,CAClB,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,UAAU,cAqDrB;AAEF,MAAM,kBAAkB,GAAG,IAAA,sBAAY,EAAC;IACpC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CAC3B,CAAC,CAAC,kBAAU,CAAC,CAAC;AAEf,kBAAe,kBAAkB,CAAC"}
|
|
@@ -43,6 +43,6 @@ export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWith
|
|
|
43
43
|
dataModel?: string;
|
|
44
44
|
configModel?: string;
|
|
45
45
|
action?: import("@evlop/commons").Action;
|
|
46
|
-
} | "aspectRatio" | "blurRadius" | "transitionDuration" | "transition" | "onPress" | "onLongPress" | "
|
|
46
|
+
} | "aspectRatio" | "blurRadius" | "transitionDuration" | "transition" | "onPress" | "onLongPress" | "crossOrigin" | "onLoad" | "onError" | "onLoadStart" | "onProgress" | "placeholder" | "referrerPolicy" | "alt" | "src" | "srcSet" | "Component" | "ImageComponent" | "PlaceholderContent" | "containerStyle" | "placeholderStyle" | "onLoadEnd" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "loadingIndicatorSource" | "defaultSource" | "tintColor" | "capInsets" | "onPartialLoad" | "fadeDuration"> & React.RefAttributes<any>>;
|
|
47
47
|
export default Image;
|
|
48
48
|
//# sourceMappingURL=index.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evlop/native-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.160",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"scripts": {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"styled-system": "^5.1.5"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@evlop/commons": "^1.0.
|
|
33
|
+
"@evlop/commons": "^1.0.310",
|
|
34
34
|
"@types/lodash": "^4.14.178",
|
|
35
35
|
"@types/react-native": "^0.73.0",
|
|
36
36
|
"@types/react-redux": "^7.1.34",
|