@grupalia/rn-ui-kit 0.0.41 → 0.2.0
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/lib/commonjs/components/BaseAlert.js +149 -0
- package/lib/commonjs/components/BaseAlert.js.map +1 -0
- package/lib/commonjs/components/BaseBadge.js +40 -19
- package/lib/commonjs/components/BaseBadge.js.map +1 -1
- package/lib/commonjs/components/BaseButton.js +71 -38
- package/lib/commonjs/components/BaseButton.js.map +1 -1
- package/lib/commonjs/components/BaseIcon.js +31 -0
- package/lib/commonjs/components/BaseIcon.js.map +1 -0
- package/lib/commonjs/components/BaseSpinner.js +21 -0
- package/lib/commonjs/components/BaseSpinner.js.map +1 -0
- package/lib/commonjs/components/BaseStackedList.js +108 -0
- package/lib/commonjs/components/BaseStackedList.js.map +1 -0
- package/lib/commonjs/components/index.js +28 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/hoc-components.js +40 -0
- package/lib/commonjs/hoc-components.js.map +1 -0
- package/lib/commonjs/hooks/useBreakpoints.js +25 -0
- package/lib/commonjs/hooks/useBreakpoints.js.map +1 -0
- package/lib/commonjs/hooks/useIsAboveBreakpoint.js +15 -0
- package/lib/commonjs/hooks/useIsAboveBreakpoint.js.map +1 -0
- package/lib/commonjs/index.js +17 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/preset.js +6 -2
- package/lib/commonjs/preset.js.map +1 -1
- package/lib/commonjs/styles/background-colors.js +1 -1
- package/lib/commonjs/styles/background-colors.js.map +1 -1
- package/lib/commonjs/styles/border-colors.js +1 -1
- package/lib/commonjs/styles/border-colors.js.map +1 -1
- package/lib/commonjs/styles/foreground-colors.js +0 -12
- package/lib/commonjs/styles/foreground-colors.js.map +1 -1
- package/lib/commonjs/styles/text-colors.js +1 -1
- package/lib/commonjs/styles/text-colors.js.map +1 -1
- package/lib/commonjs/styles/utility-colors.js +124 -124
- package/lib/commonjs/styles/utility-colors.js.map +1 -1
- package/lib/module/components/BaseAlert.js +144 -0
- package/lib/module/components/BaseAlert.js.map +1 -0
- package/lib/module/components/BaseBadge.js +39 -18
- package/lib/module/components/BaseBadge.js.map +1 -1
- package/lib/module/components/BaseButton.js +68 -35
- package/lib/module/components/BaseButton.js.map +1 -1
- package/lib/module/components/BaseIcon.js +26 -0
- package/lib/module/components/BaseIcon.js.map +1 -0
- package/lib/module/components/BaseSpinner.js +16 -0
- package/lib/module/components/BaseSpinner.js.map +1 -0
- package/lib/module/components/BaseStackedList.js +102 -0
- package/lib/module/components/BaseStackedList.js.map +1 -0
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/hoc-components.js +37 -0
- package/lib/module/hoc-components.js.map +1 -0
- package/lib/module/hooks/useBreakpoints.js +20 -0
- package/lib/module/hooks/useBreakpoints.js.map +1 -0
- package/lib/module/hooks/useIsAboveBreakpoint.js +11 -0
- package/lib/module/hooks/useIsAboveBreakpoint.js.map +1 -0
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/preset.js +6 -2
- package/lib/module/preset.js.map +1 -1
- package/lib/module/styles/background-colors.js +1 -1
- package/lib/module/styles/background-colors.js.map +1 -1
- package/lib/module/styles/border-colors.js +1 -1
- package/lib/module/styles/border-colors.js.map +1 -1
- package/lib/module/styles/foreground-colors.js +0 -12
- package/lib/module/styles/foreground-colors.js.map +1 -1
- package/lib/module/styles/text-colors.js +1 -1
- package/lib/module/styles/text-colors.js.map +1 -1
- package/lib/module/styles/utility-colors.js +124 -124
- package/lib/module/styles/utility-colors.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseAlert.d.ts +11 -0
- package/lib/typescript/commonjs/components/BaseAlert.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseBadge.d.ts +11 -5
- package/lib/typescript/commonjs/components/BaseBadge.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseButton.d.ts +9 -4
- package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseIcon.d.ts +19 -0
- package/lib/typescript/commonjs/components/BaseIcon.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseSpinner.d.ts +8 -0
- package/lib/typescript/commonjs/components/BaseSpinner.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseStackedList.d.ts +23 -0
- package/lib/typescript/commonjs/components/BaseStackedList.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +4 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/hoc-components.d.ts +139 -0
- package/lib/typescript/commonjs/hoc-components.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useBreakpoints.d.ts +8 -0
- package/lib/typescript/commonjs/hooks/useBreakpoints.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useIsAboveBreakpoint.d.ts +3 -0
- package/lib/typescript/commonjs/hooks/useIsAboveBreakpoint.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +2 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/preset.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts +1 -12
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/utility-colors.d.ts +125 -124
- package/lib/typescript/commonjs/styles/utility-colors.d.ts.map +1 -1
- package/lib/typescript/commonjs/types/heroicons.d.ts +2 -2
- package/lib/typescript/commonjs/types/heroicons.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseAlert.d.ts +11 -0
- package/lib/typescript/module/components/BaseAlert.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseBadge.d.ts +11 -5
- package/lib/typescript/module/components/BaseBadge.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseButton.d.ts +9 -4
- package/lib/typescript/module/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseIcon.d.ts +19 -0
- package/lib/typescript/module/components/BaseIcon.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseSpinner.d.ts +8 -0
- package/lib/typescript/module/components/BaseSpinner.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseStackedList.d.ts +23 -0
- package/lib/typescript/module/components/BaseStackedList.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +4 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/hoc-components.d.ts +139 -0
- package/lib/typescript/module/hoc-components.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useBreakpoints.d.ts +8 -0
- package/lib/typescript/module/hooks/useBreakpoints.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useIsAboveBreakpoint.d.ts +3 -0
- package/lib/typescript/module/hooks/useIsAboveBreakpoint.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +2 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/preset.d.ts.map +1 -1
- package/lib/typescript/module/styles/foreground-colors.d.ts +1 -12
- package/lib/typescript/module/styles/foreground-colors.d.ts.map +1 -1
- package/lib/typescript/module/styles/utility-colors.d.ts +125 -124
- package/lib/typescript/module/styles/utility-colors.d.ts.map +1 -1
- package/lib/typescript/module/types/heroicons.d.ts +2 -2
- package/lib/typescript/module/types/heroicons.d.ts.map +1 -1
- package/package.json +8 -4
- package/src/components/BaseAlert.tsx +175 -0
- package/src/components/BaseBadge.tsx +191 -0
- package/src/components/BaseButton.tsx +288 -0
- package/src/components/BaseIcon.tsx +41 -0
- package/src/components/BaseSpinner.tsx +18 -0
- package/src/components/BaseStackedList.tsx +137 -0
- package/src/components/index.ts +6 -0
- package/src/preset.cjs +1 -1
- package/src/preset.ts +7 -1
- package/src/styles/background-colors.ts +1 -1
- package/src/styles/border-colors.ts +1 -1
- package/src/styles/foreground-colors.ts +19 -12
- package/src/styles/text-colors.ts +1 -1
- package/src/styles/utility-colors.ts +250 -124
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = AlertComponent;
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _outline = require("react-native-heroicons/outline");
|
|
9
|
+
var _solid = require("react-native-heroicons/solid");
|
|
10
|
+
var _hocComponents = require("../hoc-components");
|
|
11
|
+
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
12
|
+
var _useIsAboveBreakpoint = require("../hooks/useIsAboveBreakpoint");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function IconComponent({
|
|
16
|
+
type,
|
|
17
|
+
variant = 'primary'
|
|
18
|
+
}) {
|
|
19
|
+
const iconColors = {
|
|
20
|
+
error: {
|
|
21
|
+
primary: 'fg-error-primary',
|
|
22
|
+
secondary: 'fg-error-secondary'
|
|
23
|
+
},
|
|
24
|
+
success: {
|
|
25
|
+
primary: 'fg-success-primary',
|
|
26
|
+
secondary: 'fg-success-secondary'
|
|
27
|
+
},
|
|
28
|
+
alert: {
|
|
29
|
+
primary: 'fg-warning-primary',
|
|
30
|
+
secondary: 'fg-warning-secondary'
|
|
31
|
+
},
|
|
32
|
+
info: {
|
|
33
|
+
primary: 'utility-gray-500',
|
|
34
|
+
secondary: 'utility-gray-400'
|
|
35
|
+
},
|
|
36
|
+
notice: {
|
|
37
|
+
primary: 'utility-blue-500',
|
|
38
|
+
secondary: 'utility-blue-400'
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const icons = {
|
|
42
|
+
error: _solid.XCircleIcon,
|
|
43
|
+
success: _solid.CheckCircleIcon,
|
|
44
|
+
alert: _solid.ExclamationTriangleIcon,
|
|
45
|
+
info: _outline.InformationCircleIcon,
|
|
46
|
+
notice: _solid.InformationCircleIcon
|
|
47
|
+
};
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
49
|
+
icon: icons[type],
|
|
50
|
+
size: 20,
|
|
51
|
+
color: iconColors[type][variant]
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
function AlertComponent({
|
|
55
|
+
type,
|
|
56
|
+
message,
|
|
57
|
+
description,
|
|
58
|
+
variant = 'primary',
|
|
59
|
+
children,
|
|
60
|
+
...props
|
|
61
|
+
}) {
|
|
62
|
+
const largePhone = (0, _useIsAboveBreakpoint.useIsAboveBreakpoint)('xs');
|
|
63
|
+
const alertClasses = () => {
|
|
64
|
+
if (variant === 'secondary') {
|
|
65
|
+
return 'bg-white border';
|
|
66
|
+
}
|
|
67
|
+
switch (type) {
|
|
68
|
+
case 'error':
|
|
69
|
+
return 'bg-error-secondary';
|
|
70
|
+
case 'success':
|
|
71
|
+
return 'bg-success-secondary';
|
|
72
|
+
case 'alert':
|
|
73
|
+
return 'bg-yellow-50 border-yellow-400';
|
|
74
|
+
case 'info':
|
|
75
|
+
return 'bg-white border border-gray-300';
|
|
76
|
+
case 'notice':
|
|
77
|
+
default:
|
|
78
|
+
return 'bg-blue-100';
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const textColor = () => {
|
|
82
|
+
if (variant === 'secondary') {
|
|
83
|
+
switch (type) {
|
|
84
|
+
case 'error':
|
|
85
|
+
return 'text-red-500';
|
|
86
|
+
case 'success':
|
|
87
|
+
return 'text-green-500';
|
|
88
|
+
case 'alert':
|
|
89
|
+
return 'text-yellow-500';
|
|
90
|
+
case 'info':
|
|
91
|
+
case 'notice':
|
|
92
|
+
default:
|
|
93
|
+
return 'text-blue-500';
|
|
94
|
+
}
|
|
95
|
+
} else {
|
|
96
|
+
switch (type) {
|
|
97
|
+
case 'error':
|
|
98
|
+
return 'text-red-700';
|
|
99
|
+
case 'success':
|
|
100
|
+
return 'text-green-700';
|
|
101
|
+
case 'alert':
|
|
102
|
+
return 'text-yellow-700';
|
|
103
|
+
case 'info':
|
|
104
|
+
return 'text-gray-500';
|
|
105
|
+
case 'notice':
|
|
106
|
+
default:
|
|
107
|
+
return 'text-blue-700';
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
const borderColor = () => {
|
|
112
|
+
if (variant === 'secondary') {
|
|
113
|
+
switch (type) {
|
|
114
|
+
case 'error':
|
|
115
|
+
return 'border-red-300';
|
|
116
|
+
case 'success':
|
|
117
|
+
return 'border-green-300';
|
|
118
|
+
case 'alert':
|
|
119
|
+
return 'border-yellow-300';
|
|
120
|
+
case 'info':
|
|
121
|
+
case 'notice':
|
|
122
|
+
default:
|
|
123
|
+
return 'border-blue-300';
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
return '';
|
|
127
|
+
};
|
|
128
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
129
|
+
...props,
|
|
130
|
+
className: (0, _clsx.default)('flex flex-row rounded-lg', alertClasses(), borderColor(), largePhone ? 'px-2 py-4' : 'px-1 py-2'),
|
|
131
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
132
|
+
className: "shrink-0",
|
|
133
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
|
|
134
|
+
type: type,
|
|
135
|
+
variant: variant
|
|
136
|
+
})
|
|
137
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
138
|
+
className: (0, _clsx.default)('flex flex-1 flex-col', largePhone ? 'ml-3' : 'ml-1'),
|
|
139
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
140
|
+
className: (0, _clsx.default)('font-medium', textColor(), largePhone ? 'text-base' : 'text-xs'),
|
|
141
|
+
children: message
|
|
142
|
+
}), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
143
|
+
className: (0, _clsx.default)('text-xs text-gray-700', largePhone ? 'mt-3' : 'mt-1'),
|
|
144
|
+
children: description
|
|
145
|
+
}), children]
|
|
146
|
+
})]
|
|
147
|
+
});
|
|
148
|
+
}
|
|
149
|
+
//# sourceMappingURL=BaseAlert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_outline","_solid","_hocComponents","_BaseIcon","_useIsAboveBreakpoint","_jsxRuntime","e","__esModule","default","IconComponent","type","variant","iconColors","error","primary","secondary","success","alert","info","notice","icons","XCircleIcon","CheckCircleIcon","ExclamationTriangleIcon","OutlinedInformationCircleIcon","InformationCircleIcon","jsx","icon","size","color","AlertComponent","message","description","children","props","largePhone","useIsAboveBreakpoint","alertClasses","textColor","borderColor","jsxs","View","className","clsx","Text"],"sourceRoot":"../../../src","sources":["components/BaseAlert.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var
|
|
8
|
+
var _nativewind = require("nativewind");
|
|
9
|
+
var _hocComponents = require("../hoc-components");
|
|
10
|
+
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
9
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
13
|
function BaseBadge({
|
|
@@ -14,8 +16,8 @@ function BaseBadge({
|
|
|
14
16
|
text,
|
|
15
17
|
transparent = false,
|
|
16
18
|
squared = false,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
leftIcon = null,
|
|
20
|
+
rightIcon = null,
|
|
19
21
|
...props
|
|
20
22
|
}) {
|
|
21
23
|
const variantStyles = {
|
|
@@ -24,8 +26,8 @@ function BaseBadge({
|
|
|
24
26
|
text: 'text-utility-gray-700',
|
|
25
27
|
border: 'border-utility-gray-200'
|
|
26
28
|
},
|
|
27
|
-
|
|
28
|
-
bg: 'bg-brand-
|
|
29
|
+
brand: {
|
|
30
|
+
bg: 'bg-utility-brand-50',
|
|
29
31
|
text: 'text-utility-brand-700',
|
|
30
32
|
border: 'border-utility-brand-200'
|
|
31
33
|
},
|
|
@@ -82,7 +84,7 @@ function BaseBadge({
|
|
|
82
84
|
};
|
|
83
85
|
const sizeStyles = {
|
|
84
86
|
sm: {
|
|
85
|
-
container: 'px-1.5 py-
|
|
87
|
+
container: 'px-1.5 py-0.5',
|
|
86
88
|
text: 'text-xs'
|
|
87
89
|
},
|
|
88
90
|
md: {
|
|
@@ -105,23 +107,42 @@ function BaseBadge({
|
|
|
105
107
|
left: 'mr-1.5',
|
|
106
108
|
right: 'ml-1.5'
|
|
107
109
|
};
|
|
108
|
-
const
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
110
|
+
const iconColors = {
|
|
111
|
+
gray: 'utility-gray-500',
|
|
112
|
+
brand: 'utility-brand-500',
|
|
113
|
+
error: 'utility-error-500',
|
|
114
|
+
warning: 'utility-warning-500',
|
|
115
|
+
success: 'utility-success-500',
|
|
116
|
+
blue_gray: 'utility-gray_blue-500',
|
|
117
|
+
blue_light: 'utility-blue_light-500',
|
|
118
|
+
blue: 'utility-blue-500',
|
|
119
|
+
indigo: 'utility-indigo-500',
|
|
120
|
+
purple: 'utility-purple-500',
|
|
121
|
+
pink: 'utility-pink-500',
|
|
122
|
+
orange: 'utility-orange-500'
|
|
117
123
|
};
|
|
118
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
124
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
119
125
|
className: containerStyles,
|
|
120
126
|
...props,
|
|
121
|
-
children: [
|
|
127
|
+
children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
128
|
+
className: iconSpacingStyles.left,
|
|
129
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
130
|
+
icon: leftIcon,
|
|
131
|
+
size: iconSizes[size],
|
|
132
|
+
color: iconColors[variant]
|
|
133
|
+
})
|
|
134
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
122
135
|
className: textStyles,
|
|
123
136
|
children: text
|
|
124
|
-
}),
|
|
137
|
+
}), rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
138
|
+
className: iconSpacingStyles.right,
|
|
139
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
140
|
+
icon: rightIcon,
|
|
141
|
+
size: iconSizes[size],
|
|
142
|
+
color: iconColors[variant]
|
|
143
|
+
})
|
|
144
|
+
})]
|
|
125
145
|
});
|
|
126
146
|
}
|
|
147
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseBadge);
|
|
127
148
|
//# sourceMappingURL=BaseBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_hocComponents","_BaseIcon","_jsxRuntime","e","__esModule","default","BaseBadge","variant","size","text","transparent","squared","leftIcon","rightIcon","props","variantStyles","gray","bg","border","brand","error","warning","success","blue_gray","blue_light","blue","indigo","purple","pink","orange","sizeStyles","sm","container","md","lg","iconSizes","containerStyles","clsx","textStyles","iconSpacingStyles","left","right","iconColors","jsxs","View","className","children","jsx","icon","color","Text","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseBadge.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,10 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _nativewind = require("nativewind");
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
10
|
+
var _hocComponents = require("../hoc-components");
|
|
11
|
+
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
10
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
14
|
function BaseButton({
|
|
@@ -16,8 +18,8 @@ function BaseButton({
|
|
|
16
18
|
loading = false,
|
|
17
19
|
disabled = false,
|
|
18
20
|
destructive = false,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
+
leftIcon = null,
|
|
22
|
+
rightIcon = null,
|
|
21
23
|
hitSlop = 6,
|
|
22
24
|
countdownSecs = 0,
|
|
23
25
|
...props
|
|
@@ -47,28 +49,28 @@ function BaseButton({
|
|
|
47
49
|
};
|
|
48
50
|
}, [countdownSecs, disabled]);
|
|
49
51
|
const sizeClasses = {
|
|
50
|
-
xs: '
|
|
51
|
-
sm: '
|
|
52
|
-
md: '
|
|
53
|
-
lg: '
|
|
54
|
-
xl: '
|
|
52
|
+
xs: 'rounded-md h-7',
|
|
53
|
+
sm: 'rounded-md h-8',
|
|
54
|
+
md: 'rounded-lg h-9',
|
|
55
|
+
lg: 'rounded-lg h-10',
|
|
56
|
+
xl: 'rounded-lg h-11'
|
|
55
57
|
};
|
|
56
58
|
const iconOnlyClasses = {
|
|
57
|
-
xs: '
|
|
58
|
-
sm: '
|
|
59
|
-
md: '
|
|
60
|
-
lg: '
|
|
61
|
-
xl: '
|
|
59
|
+
xs: 'rounded-md h-8 w-8',
|
|
60
|
+
sm: 'rounded-md h-9 w-9',
|
|
61
|
+
md: 'rounded-lg h-10 w-10',
|
|
62
|
+
lg: 'rounded-lg h-11 w-11',
|
|
63
|
+
xl: 'rounded-lg h-12 w-12'
|
|
62
64
|
};
|
|
63
|
-
const
|
|
65
|
+
const containerClasses = {
|
|
64
66
|
primary: {
|
|
65
67
|
default: destructive ? 'bg-error-solid' : 'bg-brand-solid',
|
|
66
|
-
disabled: 'bg-disabled',
|
|
68
|
+
disabled: 'bg-disabled border border-disabled_subtle',
|
|
67
69
|
loading: destructive ? 'bg-error-solid' : 'bg-brand-solid_hover'
|
|
68
70
|
},
|
|
69
71
|
secondary: {
|
|
70
72
|
default: destructive ? 'bg-primary border border-error_subtle' : 'bg-primary border border-primary',
|
|
71
|
-
disabled: 'bg-primary border border-
|
|
73
|
+
disabled: 'bg-primary border border-disabled_subtle',
|
|
72
74
|
loading: destructive ? 'bg-error-primary border border-error_subtle' : 'bg-primary_hover border border-primary'
|
|
73
75
|
},
|
|
74
76
|
tertiary: {
|
|
@@ -96,12 +98,12 @@ function BaseButton({
|
|
|
96
98
|
secondary: {
|
|
97
99
|
default: destructive ? 'text-error' : 'text-secondary',
|
|
98
100
|
disabled: 'text-disabled',
|
|
99
|
-
loading: destructive ? 'text-
|
|
101
|
+
loading: destructive ? 'text-error-primary' : 'text-secondary'
|
|
100
102
|
},
|
|
101
103
|
tertiary: {
|
|
102
104
|
default: destructive ? 'text-error' : 'text-tertiary',
|
|
103
105
|
disabled: 'text-disabled',
|
|
104
|
-
loading: destructive ? 'text-
|
|
106
|
+
loading: destructive ? 'text-error-primary' : 'text-tertiary'
|
|
105
107
|
},
|
|
106
108
|
'link-color': {
|
|
107
109
|
default: destructive ? 'text-error' : 'text-brand-tertiary',
|
|
@@ -117,9 +119,9 @@ function BaseButton({
|
|
|
117
119
|
const textSizeClasses = {
|
|
118
120
|
xs: 'text-xs',
|
|
119
121
|
sm: 'text-sm',
|
|
120
|
-
md: 'text-
|
|
121
|
-
lg: 'text-
|
|
122
|
-
xl: 'text-
|
|
122
|
+
md: 'text-sm',
|
|
123
|
+
lg: 'text-sm',
|
|
124
|
+
xl: 'text-base'
|
|
123
125
|
};
|
|
124
126
|
const iconSizes = {
|
|
125
127
|
xs: 16,
|
|
@@ -134,9 +136,36 @@ function BaseButton({
|
|
|
134
136
|
} else if (isDisabled) {
|
|
135
137
|
buttonState = 'disabled';
|
|
136
138
|
}
|
|
137
|
-
const isIconOnly = !text && (
|
|
138
|
-
const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size],
|
|
139
|
-
const textStyles = (0, _clsx.default)('font-
|
|
139
|
+
const isIconOnly = !text && (leftIcon || rightIcon);
|
|
140
|
+
const buttonStyles = (0, _clsx.default)('flex flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], containerClasses[variant][buttonState]);
|
|
141
|
+
const textStyles = (0, _clsx.default)('font-medium', textSizeClasses[size], textColorClasses[variant][buttonState]);
|
|
142
|
+
const iconColors = {
|
|
143
|
+
primary: {
|
|
144
|
+
default: 'fg-white',
|
|
145
|
+
disabled: 'fg-disabled',
|
|
146
|
+
loading: 'fg-white'
|
|
147
|
+
},
|
|
148
|
+
secondary: {
|
|
149
|
+
default: 'fg-secondary',
|
|
150
|
+
disabled: 'fg-disabled',
|
|
151
|
+
loading: 'fg-secondary'
|
|
152
|
+
},
|
|
153
|
+
tertiary: {
|
|
154
|
+
default: 'fg-tertiary',
|
|
155
|
+
disabled: 'fg-disabled',
|
|
156
|
+
loading: 'fg-tertiary'
|
|
157
|
+
},
|
|
158
|
+
'link-color': {
|
|
159
|
+
default: 'fg-brand-primary',
|
|
160
|
+
disabled: 'fg-disabled',
|
|
161
|
+
loading: 'fg-brand-primary'
|
|
162
|
+
},
|
|
163
|
+
'link-gray': {
|
|
164
|
+
default: 'fg-secondary',
|
|
165
|
+
disabled: 'fg-disabled',
|
|
166
|
+
loading: 'fg-secondary'
|
|
167
|
+
}
|
|
168
|
+
};
|
|
140
169
|
const spinnerColorMap = {
|
|
141
170
|
primary: {
|
|
142
171
|
default: '#fff',
|
|
@@ -177,25 +206,28 @@ function BaseButton({
|
|
|
177
206
|
} else {
|
|
178
207
|
spinnerColor = spinnerColorMap[variant].default;
|
|
179
208
|
}
|
|
180
|
-
|
|
181
|
-
if (!IconComponent) return null;
|
|
182
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
|
|
183
|
-
size: iconSizes[size],
|
|
184
|
-
color: spinnerColor
|
|
185
|
-
});
|
|
186
|
-
};
|
|
187
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
209
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Pressable, {
|
|
188
210
|
disabled: isDisabled || loading,
|
|
189
211
|
className: buttonStyles,
|
|
190
212
|
hitSlop: hitSlop,
|
|
191
213
|
...props,
|
|
192
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
193
|
-
className: (0, _clsx.default)('flex flex-row items-center justify-center
|
|
194
|
-
children: [
|
|
214
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
215
|
+
className: (0, _clsx.default)('flex flex-row items-center justify-center', loading && 'opacity-0'),
|
|
216
|
+
children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
217
|
+
icon: leftIcon,
|
|
218
|
+
size: iconSizes[size],
|
|
219
|
+
color: iconColors[variant][buttonState],
|
|
220
|
+
className: "mr-1.5"
|
|
221
|
+
}), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Text, {
|
|
195
222
|
className: textStyles,
|
|
196
223
|
children: [text, timer > 0 ? ` (${timer})` : '']
|
|
197
|
-
}),
|
|
198
|
-
|
|
224
|
+
}), rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
225
|
+
icon: rightIcon,
|
|
226
|
+
size: iconSizes[size],
|
|
227
|
+
color: iconColors[variant][buttonState],
|
|
228
|
+
className: "ml-1.5"
|
|
229
|
+
})]
|
|
230
|
+
}), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.ActivityIndicator, {
|
|
199
231
|
size: "small",
|
|
200
232
|
color: spinnerColor,
|
|
201
233
|
style: {
|
|
@@ -210,4 +242,5 @@ function BaseButton({
|
|
|
210
242
|
})]
|
|
211
243
|
});
|
|
212
244
|
}
|
|
245
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseButton);
|
|
213
246
|
//# sourceMappingURL=BaseButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_react","
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_hocComponents","_BaseIcon","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","destructive","leftIcon","rightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","clsx","textStyles","iconColors","spinnerColorMap","spinnerColor","jsxs","Pressable","className","children","View","jsx","icon","color","Text","ActivityIndicator","style","position","top","left","right","bottom","justifyContent","alignItems","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBlC,SAASG,UAAUA,CAAC;EAClBC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAG,KAAK;EACnBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACL,aAAa,CAAC;EACvD,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAACV,QAAQ,IAAIK,aAAa,GAAG,CAAC,CAAC;EAEjFI,cAAK,CAACI,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIT,aAAa,GAAG,CAAC,EAAE;MACrBO,aAAa,CAAC,IAAI,CAAC;MACnBJ,QAAQ,CAACH,aAAa,CAAC;MACvBS,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BP,QAAQ,CAAEQ,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBF,aAAa,CAACM,OAAO,CAAClB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOgB,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLJ,aAAa,CAACM,OAAO,CAAClB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIc,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACT,aAAa,EAAEL,QAAQ,CAAC,CAAC;EAE7B,MAAMmB,WAAW,GAAG;IAClBC,EAAE,EAAE,gBAAgB;IACpBC,EAAE,EAAE,gBAAgB;IACpBC,EAAE,EAAE,gBAAgB;IACpBC,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE;EACN,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBL,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE;EACN,CAAC;EAED,MAAME,gBAAgB,GAAG;IACvBC,OAAO,EAAE;MACPjC,OAAO,EAAEO,WAAW,GAAG,gBAAgB,GAAG,gBAAgB;MAC1DD,QAAQ,EAAE,2CAA2C;MACrDD,OAAO,EAAEE,WAAW,GAAG,gBAAgB,GAAG;IAC5C,CAAC;IACD2B,SAAS,EAAE;MACTlC,OAAO,EAAEO,WAAW,GAAG,uCAAuC,GAAG,kCAAkC;MACnGD,QAAQ,EAAE,0CAA0C;MACpDD,OAAO,EAAEE,WAAW,GAAG,6CAA6C,GAAG;IACzE,CAAC;IACD4B,QAAQ,EAAE;MACRnC,OAAO,EAAE,gBAAgB;MACzBM,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAEE,WAAW,GAAG,kBAAkB,GAAG;IAC9C,CAAC;IACD,YAAY,EAAE;MACZP,OAAO,EAAE,gBAAgB;MACzBM,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAE;IACX,CAAC;IACD,WAAW,EAAE;MACXL,OAAO,EAAE,gBAAgB;MACzBM,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAE;IACX;EACF,CAAC;EAED,MAAM+B,gBAAgB,GAAG;IACvBH,OAAO,EAAE;MACPjC,OAAO,EAAE,YAAY;MACrBM,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTlC,OAAO,EAAEO,WAAW,GAAG,YAAY,GAAG,gBAAgB;MACtDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,oBAAoB,GAAG;IAChD,CAAC;IACD4B,QAAQ,EAAE;MACRnC,OAAO,EAAEO,WAAW,GAAG,YAAY,GAAG,eAAe;MACrDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,oBAAoB,GAAG;IAChD,CAAC;IACD,YAAY,EAAE;MACZP,OAAO,EAAEO,WAAW,GAAG,YAAY,GAAG,qBAAqB;MAC3DD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,YAAY,GAAG;IACxC,CAAC;IACD,WAAW,EAAE;MACXP,OAAO,EAAEO,WAAW,GAAG,YAAY,GAAG,eAAe;MACrDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,YAAY,GAAG;IACxC;EACF,CAAC;EAED,MAAM8B,eAAe,GAAG;IACtBX,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE;EACN,CAAC;EAED,MAAMQ,SAAS,GAAG;IAChBZ,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EAED,IAAIS,WAA+C,GAAG,SAAS;EAC/D,IAAIlC,OAAO,EAAE;IACXkC,WAAW,GAAG,SAAS;EACzB,CAAC,MAAM,IAAItB,UAAU,EAAE;IACrBsB,WAAW,GAAG,UAAU;EAC1B;EAEA,MAAMC,UAAU,GAAG,CAACpC,IAAI,KAAKI,QAAQ,IAAIC,SAAS,CAAC;EAEnD,MAAMgC,YAAY,GAAG,IAAAC,aAAI,EACvB,2CAA2C,EAC3CF,UAAU,GAAGT,eAAe,CAAC5B,IAAI,CAAC,GAAGsB,WAAW,CAACtB,IAAI,CAAC,EACtD6B,gBAAgB,CAAC9B,OAAO,CAAC,CAACqC,WAAW,CACvC,CAAC;EAED,MAAMI,UAAU,GAAG,IAAAD,aAAI,EACrB,aAAa,EACbL,eAAe,CAAClC,IAAI,CAAC,EACrBiC,gBAAgB,CAAClC,OAAO,CAAC,CAACqC,WAAW,CACvC,CAAC;EAED,MAAMK,UAAU,GAAG;IACjBX,OAAO,EAAE;MACPjC,OAAO,EAAE,UAAU;MACnBM,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTlC,OAAO,EAAE,cAAc;MACvBM,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD8B,QAAQ,EAAE;MACRnC,OAAO,EAAE,aAAa;MACtBM,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD,YAAY,EAAE;MACZL,OAAO,EAAE,kBAAkB;MAC3BM,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX,CAAC;IACD,WAAW,EAAE;MACXL,OAAO,EAAE,cAAc;MACvBM,QAAQ,EAAE,aAAa;MACvBD,OAAO,EAAE;IACX;EACF,CAAC;EAED,MAAMwC,eAAe,GAAG;IACtBZ,OAAO,EAAE;MACPjC,OAAO,EAAE,MAAM;MACfM,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTlC,OAAO,EAAEO,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD4B,QAAQ,EAAE;MACRnC,OAAO,EAAEO,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD,YAAY,EAAE;MACZP,OAAO,EAAEO,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD,WAAW,EAAE;MACXP,OAAO,EAAEO,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC;EACF,CAAC;EAED,IAAIuC,YAAY,GAAG,MAAM;EACzB,IAAIP,WAAW,KAAK,UAAU,EAAE;IAC9BO,YAAY,GAAGD,eAAe,CAAC3C,OAAO,CAAC,CAACI,QAAQ;EAClD,CAAC,MAAM,IAAIiC,WAAW,KAAK,SAAS,EAAE;IACpCO,YAAY,GAAGD,eAAe,CAAC3C,OAAO,CAAC,CAACG,OAAO;EACjD,CAAC,MAAM;IACLyC,YAAY,GAAGD,eAAe,CAAC3C,OAAO,CAAC,CAACF,OAAO;EACjD;EAEA,oBACE,IAAAH,WAAA,CAAAkD,IAAA,EAACpD,cAAA,CAAAqD,SAAS;IACR1C,QAAQ,EAAEW,UAAU,IAAIZ,OAAQ;IAChC4C,SAAS,EAAER,YAAa;IACxB/B,OAAO,EAAEA,OAAQ;IAAA,GACbE,KAAK;IAAAsC,QAAA,gBAET,IAAArD,WAAA,CAAAkD,IAAA,EAACpD,cAAA,CAAAwD,IAAI;MAACF,SAAS,EAAE,IAAAP,aAAI,EAAC,2CAA2C,EAAErC,OAAO,IAAI,WAAW,CAAE;MAAA6C,QAAA,GACxF1C,QAAQ,iBACP,IAAAX,WAAA,CAAAuD,GAAA,EAACxD,SAAA,CAAAI,OAAQ;QACPqD,IAAI,EAAE7C,QAAS;QACfL,IAAI,EAAEmC,SAAS,CAACnC,IAAI,CAAE;QACtBmD,KAAK,EAAEV,UAAU,CAAC1C,OAAO,CAAC,CAACqC,WAAW,CAAqB;QAC3DU,SAAS,EAAC;MAAQ,CACnB,CACF,EACA7C,IAAI,iBACH,IAAAP,WAAA,CAAAkD,IAAA,EAACpD,cAAA,CAAA4D,IAAI;QAACN,SAAS,EAAEN,UAAW;QAAAO,QAAA,GACzB9C,IAAI,EACJS,KAAK,GAAG,CAAC,GAAG,KAAKA,KAAK,GAAG,GAAG,EAAE;MAAA,CAC3B,CACP,EACAJ,SAAS,iBACR,IAAAZ,WAAA,CAAAuD,GAAA,EAACxD,SAAA,CAAAI,OAAQ;QACPqD,IAAI,EAAE5C,SAAU;QAChBN,IAAI,EAAEmC,SAAS,CAACnC,IAAI,CAAE;QACtBmD,KAAK,EAAEV,UAAU,CAAC1C,OAAO,CAAC,CAACqC,WAAW,CAAqB;QAC3DU,SAAS,EAAC;MAAQ,CACnB,CACF;IAAA,CACG,CAAC,EACN5C,OAAO,iBACN,IAAAR,WAAA,CAAAuD,GAAA,EAACzD,cAAA,CAAA6D,iBAAiB;MAChBrD,IAAI,EAAC,OAAO;MACZmD,KAAK,EAAER,YAAa;MACpBW,KAAK,EAAE;QACLC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE;MACd;IAAE,CACH,CACF;EAAA,CACQ,CAAC;AAEhB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlE,OAAA,GAEc,IAAAmE,kBAAM,EAAClE,UAAU,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _nativewind = require("nativewind");
|
|
8
|
+
var _foregroundColors = _interopRequireDefault(require("../styles/foreground-colors"));
|
|
9
|
+
var _utilityColors = _interopRequireDefault(require("../styles/utility-colors"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function isForegroundColor(color) {
|
|
13
|
+
return Object.keys(_foregroundColors.default).includes(color);
|
|
14
|
+
}
|
|
15
|
+
function BaseIcon({
|
|
16
|
+
icon: Icon,
|
|
17
|
+
size = 20,
|
|
18
|
+
color = 'fg-primary',
|
|
19
|
+
strokeWidth = 1,
|
|
20
|
+
...props
|
|
21
|
+
}) {
|
|
22
|
+
const colorValue = isForegroundColor(color) ? _foregroundColors.default[color].light : _utilityColors.default[color].light;
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
24
|
+
size: size,
|
|
25
|
+
color: colorValue,
|
|
26
|
+
strokeWidth: strokeWidth,
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseIcon);
|
|
31
|
+
//# sourceMappingURL=BaseIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_nativewind","require","_foregroundColors","_interopRequireDefault","_utilityColors","_jsxRuntime","e","__esModule","default","isForegroundColor","color","Object","keys","foregroundColors","includes","BaseIcon","icon","Icon","size","strokeWidth","props","colorValue","light","utilityColors","jsx","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAgF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYhF,SAASG,iBAAiBA,CAACC,KAAgB,EAA4B;EACrE,OAAOC,MAAM,CAACC,IAAI,CAACC,yBAAgB,CAAC,CAACC,QAAQ,CAACJ,KAAe,CAAC;AAChE;AAEA,SAASK,QAAQA,CAAC;EAChBC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,EAAE;EACTR,KAAK,GAAG,YAAY;EACpBS,WAAW,GAAG,CAAC;EACf,GAAGC;AACU,CAAC,EAAE;EAChB,MAAMC,UAAU,GAAGZ,iBAAiB,CAACC,KAAK,CAAC,GACvCG,yBAAgB,CAACH,KAAK,CAAC,CAACY,KAAK,GAC7BC,sBAAa,CAACb,KAAK,CAAiB,CAACY,KAAK;EAE9C,oBACE,IAAAjB,WAAA,CAAAmB,GAAA,EAACP,IAAI;IACHC,IAAI,EAAEA,IAAK;IACXR,KAAK,EAAEW,UAAW;IAClBF,WAAW,EAAEA,WAAY;IAAA,GACrBC;EAAK,CACV,CAAC;AAEN;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEc,IAAAmB,kBAAM,EAACZ,QAAQ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = BaseSpinner;
|
|
7
|
+
var _hocComponents = require("../hoc-components");
|
|
8
|
+
var _colors = _interopRequireDefault(require("../styles/colors"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function BaseSpinner({
|
|
12
|
+
size = 'large',
|
|
13
|
+
...props
|
|
14
|
+
}) {
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.ActivityIndicator, {
|
|
16
|
+
size: size,
|
|
17
|
+
color: _colors.default.brand[600],
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=BaseSpinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_hocComponents","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","BaseSpinner","size","props","jsx","ActivityIndicator","color","colors","brand"],"sourceRoot":"../../../src","sources":["components/BaseSpinner.tsx"],"mappings":";;;;;;AAEA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMvB,SAASG,WAAWA,CAAC;EAAEC,IAAI,GAAG,OAAO;EAAE,GAAGC;AAAwB,CAAC,EAAE;EAClF,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACX,cAAA,CAAAY,iBAAiB;IAChBH,IAAI,EAAEA,IAAK;IACXI,KAAK,EAAEC,eAAM,CAACC,KAAK,CAAC,GAAG,CAAE;IAAA,GACrBL;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
|