@evlop/native-components 1.0.160 → 1.0.161
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/Button.d.ts +6 -6
- package/dist/src/Button.d.ts.map +1 -1
- package/dist/src/Button.js +5 -4
- package/dist/src/Button.js.map +1 -1
- package/package.json +1 -1
package/dist/src/Button.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Theme } from '@evlop/commons';
|
|
1
|
+
import { Action, Color, IconIdentifier, Theme } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TextStyle, ViewProps } from 'react-native';
|
|
4
4
|
import { BackgroundColorProps, BorderProps, FontSizeProps, FontWeightProps, LayoutProps, SpaceProps } from 'styled-system';
|
|
@@ -9,11 +9,11 @@ interface ButtonProps extends ViewProps, FontWeightProps<Theme>, FontSizeProps<T
|
|
|
9
9
|
label?: string;
|
|
10
10
|
variant?: 'filled' | 'outlined' | 'dim-outlined' | 'dim-filled-outlined' | 'ghost';
|
|
11
11
|
size?: ButtonSize;
|
|
12
|
-
color?:
|
|
13
|
-
textColor?:
|
|
12
|
+
color?: Color;
|
|
13
|
+
textColor?: Color;
|
|
14
14
|
textStyle?: TextStyle;
|
|
15
|
-
action?:
|
|
16
|
-
icon?:
|
|
15
|
+
action?: Action;
|
|
16
|
+
icon?: IconIdentifier;
|
|
17
17
|
iconPosition?: 'left' | 'right';
|
|
18
18
|
}
|
|
19
19
|
export declare const BaseButton: React.FC<ButtonProps>;
|
|
@@ -21,7 +21,7 @@ declare const ButtonWithSettings: React.ForwardRefExoticComponent<ButtonProps &
|
|
|
21
21
|
model?: string;
|
|
22
22
|
dataModel?: string;
|
|
23
23
|
configModel?: string;
|
|
24
|
-
action?:
|
|
24
|
+
action?: Action;
|
|
25
25
|
} & {
|
|
26
26
|
children?: React.ReactNode;
|
|
27
27
|
} & React.RefAttributes<any>>;
|
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,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAGpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAUxL,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,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAkHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsD5C,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;6BAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
package/dist/src/Button.js
CHANGED
|
@@ -24,7 +24,6 @@ const native_1 = __importDefault(require("styled-components/native"));
|
|
|
24
24
|
const styled_system_1 = require("styled-system");
|
|
25
25
|
const Flexbox_1 = require("./Flexbox");
|
|
26
26
|
const Text_1 = require("./Text");
|
|
27
|
-
const Actionable_1 = require("./Actionable");
|
|
28
27
|
const buttonVariant = ({ variant, color, theme }) => {
|
|
29
28
|
var _a, _b;
|
|
30
29
|
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';
|
|
@@ -126,12 +125,14 @@ const gapBetweenIconAndText = {
|
|
|
126
125
|
'2xl': 20,
|
|
127
126
|
};
|
|
128
127
|
const BaseButton = (_a) => {
|
|
129
|
-
var { variant = 'filled', size = 'md', loading = false, disabled = false, color = 'primary', textColor, label, textStyle, action
|
|
130
|
-
|
|
128
|
+
var { variant = 'filled', size = 'md', loading = false, disabled = false, color = 'primary', textColor, label, textStyle, action: __action,
|
|
129
|
+
// @ts-ignore
|
|
130
|
+
icon, iconPosition = 'left', fontWeight, fontSize } = _a, props = __rest(_a, ["variant", "size", "loading", "disabled", "color", "textColor", "label", "textStyle", "action", "icon", "iconPosition", "fontWeight", "fontSize"]);
|
|
131
|
+
const [isProcessing, actionHandeller] = (0, commons_1.useAsyncAction)(__action);
|
|
131
132
|
const textColorToUse = textColor || (variant === 'filled' ? 'white' : color);
|
|
132
133
|
const isDisabled = disabled || isProcessing;
|
|
133
134
|
const isLoading = loading || isProcessing;
|
|
134
|
-
return (react_1.default.createElement(
|
|
135
|
+
return (react_1.default.createElement(react_native_1.Pressable, { onPress: actionHandeller, disabled: isDisabled },
|
|
135
136
|
react_1.default.createElement(StyledButtonView, Object.assign({ disabled: isDisabled, variant: variant, size: size, color: color }, props),
|
|
136
137
|
isLoading && (react_1.default.createElement(StyledActivityIndicator, { color: textColorToUse })),
|
|
137
138
|
react_1.default.createElement(Flexbox_1.BaseFlexbox, { flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row', alignItems: "center", justifyContent: "center", gap: gapBetweenIconAndText[size], opacity: isLoading ? 0 : 1 },
|
package/dist/src/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"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"}
|