@grupalia/rn-ui-kit 0.0.41 → 0.1.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/BaseBadge.js +41 -17
- package/lib/commonjs/components/BaseBadge.js.map +1 -1
- package/lib/commonjs/components/BaseButton.js +69 -35
- package/lib/commonjs/components/BaseButton.js.map +1 -1
- package/lib/commonjs/components/BaseIcon.js +23 -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 +21 -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/preset.js +1 -1
- package/lib/commonjs/preset.js.map +1 -1
- package/lib/module/components/BaseBadge.js +40 -16
- package/lib/module/components/BaseBadge.js.map +1 -1
- package/lib/module/components/BaseButton.js +66 -32
- package/lib/module/components/BaseButton.js.map +1 -1
- package/lib/module/components/BaseIcon.js +19 -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 +3 -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/preset.js +1 -1
- package/lib/module/preset.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseBadge.d.ts +9 -3
- package/lib/typescript/commonjs/components/BaseBadge.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseButton.d.ts +7 -2
- package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseIcon.d.ts +15 -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 +3 -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/preset.d.ts.map +1 -1
- package/lib/typescript/commonjs/types/heroicons.d.ts +1 -0
- package/lib/typescript/commonjs/types/heroicons.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseBadge.d.ts +9 -3
- package/lib/typescript/module/components/BaseBadge.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseButton.d.ts +7 -2
- package/lib/typescript/module/components/BaseButton.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseIcon.d.ts +15 -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 +3 -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/preset.d.ts.map +1 -1
- package/lib/typescript/module/types/heroicons.d.ts +1 -0
- package/lib/typescript/module/types/heroicons.d.ts.map +1 -1
- package/package.json +7 -4
- package/src/components/BaseBadge.tsx +193 -0
- package/src/components/BaseButton.tsx +288 -0
- package/src/components/BaseIcon.tsx +27 -0
- package/src/components/BaseSpinner.tsx +18 -0
- package/src/components/BaseStackedList.tsx +137 -0
- package/src/components/index.ts +5 -0
- package/src/preset.cjs +1 -1
- package/src/preset.ts +3 -1
|
@@ -3,9 +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
|
|
8
|
+
var _nativewind = require("nativewind");
|
|
9
|
+
var _hocComponents = require("../hoc-components");
|
|
10
|
+
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
11
|
+
var _utilityColors = _interopRequireDefault(require("../styles/utility-colors"));
|
|
9
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
14
|
function BaseBadge({
|
|
@@ -24,8 +27,8 @@ function BaseBadge({
|
|
|
24
27
|
text: 'text-utility-gray-700',
|
|
25
28
|
border: 'border-utility-gray-200'
|
|
26
29
|
},
|
|
27
|
-
|
|
28
|
-
bg: 'bg-brand-
|
|
30
|
+
brand: {
|
|
31
|
+
bg: 'bg-utility-brand-50',
|
|
29
32
|
text: 'text-utility-brand-700',
|
|
30
33
|
border: 'border-utility-brand-200'
|
|
31
34
|
},
|
|
@@ -82,7 +85,7 @@ function BaseBadge({
|
|
|
82
85
|
};
|
|
83
86
|
const sizeStyles = {
|
|
84
87
|
sm: {
|
|
85
|
-
container: 'px-1.5 py-
|
|
88
|
+
container: 'px-1.5 py-0.5',
|
|
86
89
|
text: 'text-xs'
|
|
87
90
|
},
|
|
88
91
|
md: {
|
|
@@ -105,23 +108,44 @@ function BaseBadge({
|
|
|
105
108
|
left: 'mr-1.5',
|
|
106
109
|
right: 'ml-1.5'
|
|
107
110
|
};
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
111
|
+
|
|
112
|
+
// @TODO handle dark mode
|
|
113
|
+
const iconColors = {
|
|
114
|
+
gray: _utilityColors.default['gray-500'].light,
|
|
115
|
+
brand: _utilityColors.default['brand-500'].light,
|
|
116
|
+
error: _utilityColors.default['error-500'].light,
|
|
117
|
+
warning: _utilityColors.default['warning-500'].light,
|
|
118
|
+
success: _utilityColors.default['success-500'].light,
|
|
119
|
+
blue_gray: _utilityColors.default['gray_blue-500'].light,
|
|
120
|
+
blue_light: _utilityColors.default['blue_light-500'].light,
|
|
121
|
+
blue: _utilityColors.default['blue-500'].light,
|
|
122
|
+
indigo: _utilityColors.default['indigo-500'].light,
|
|
123
|
+
purple: _utilityColors.default['purple-500'].light,
|
|
124
|
+
pink: _utilityColors.default['pink-500'].light,
|
|
125
|
+
orange: _utilityColors.default['orange-500'].light
|
|
117
126
|
};
|
|
118
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
127
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
119
128
|
className: containerStyles,
|
|
120
129
|
...props,
|
|
121
|
-
children: [LeftIcon &&
|
|
130
|
+
children: [LeftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
131
|
+
className: iconSpacingStyles.left,
|
|
132
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
133
|
+
icon: LeftIcon,
|
|
134
|
+
size: iconSizes[size],
|
|
135
|
+
color: iconColors[variant]
|
|
136
|
+
})
|
|
137
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
122
138
|
className: textStyles,
|
|
123
139
|
children: text
|
|
124
|
-
}), RightIcon &&
|
|
140
|
+
}), RightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
141
|
+
className: iconSpacingStyles.right,
|
|
142
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
143
|
+
icon: RightIcon,
|
|
144
|
+
size: iconSizes[size],
|
|
145
|
+
color: iconColors[variant]
|
|
146
|
+
})
|
|
147
|
+
})]
|
|
125
148
|
});
|
|
126
149
|
}
|
|
150
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseBadge);
|
|
127
151
|
//# sourceMappingURL=BaseBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_hocComponents","_BaseIcon","_utilityColors","_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","utilityColors","light","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,13 @@
|
|
|
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"));
|
|
12
|
+
var _textColors = _interopRequireDefault(require("../styles/text-colors"));
|
|
10
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
15
|
function BaseButton({
|
|
@@ -47,28 +50,28 @@ function BaseButton({
|
|
|
47
50
|
};
|
|
48
51
|
}, [countdownSecs, disabled]);
|
|
49
52
|
const sizeClasses = {
|
|
50
|
-
xs: '
|
|
51
|
-
sm: '
|
|
52
|
-
md: '
|
|
53
|
-
lg: '
|
|
54
|
-
xl: '
|
|
53
|
+
xs: 'rounded-md h-7',
|
|
54
|
+
sm: 'rounded-md h-8',
|
|
55
|
+
md: 'rounded-lg h-9',
|
|
56
|
+
lg: 'rounded-lg h-10',
|
|
57
|
+
xl: 'rounded-lg h-11'
|
|
55
58
|
};
|
|
56
59
|
const iconOnlyClasses = {
|
|
57
|
-
xs: '
|
|
58
|
-
sm: '
|
|
59
|
-
md: '
|
|
60
|
-
lg: '
|
|
61
|
-
xl: '
|
|
60
|
+
xs: 'rounded-md h-8 w-8',
|
|
61
|
+
sm: 'rounded-md h-9 w-9',
|
|
62
|
+
md: 'rounded-lg h-10 w-10',
|
|
63
|
+
lg: 'rounded-lg h-11 w-11',
|
|
64
|
+
xl: 'rounded-lg h-12 w-12'
|
|
62
65
|
};
|
|
63
|
-
const
|
|
66
|
+
const containerClasses = {
|
|
64
67
|
primary: {
|
|
65
68
|
default: destructive ? 'bg-error-solid' : 'bg-brand-solid',
|
|
66
|
-
disabled: 'bg-disabled',
|
|
69
|
+
disabled: 'bg-disabled border border-disabled_subtle',
|
|
67
70
|
loading: destructive ? 'bg-error-solid' : 'bg-brand-solid_hover'
|
|
68
71
|
},
|
|
69
72
|
secondary: {
|
|
70
73
|
default: destructive ? 'bg-primary border border-error_subtle' : 'bg-primary border border-primary',
|
|
71
|
-
disabled: 'bg-primary border border-
|
|
74
|
+
disabled: 'bg-primary border border-disabled_subtle',
|
|
72
75
|
loading: destructive ? 'bg-error-primary border border-error_subtle' : 'bg-primary_hover border border-primary'
|
|
73
76
|
},
|
|
74
77
|
tertiary: {
|
|
@@ -96,12 +99,12 @@ function BaseButton({
|
|
|
96
99
|
secondary: {
|
|
97
100
|
default: destructive ? 'text-error' : 'text-secondary',
|
|
98
101
|
disabled: 'text-disabled',
|
|
99
|
-
loading: destructive ? 'text-
|
|
102
|
+
loading: destructive ? 'text-error-primary' : 'text-secondary'
|
|
100
103
|
},
|
|
101
104
|
tertiary: {
|
|
102
105
|
default: destructive ? 'text-error' : 'text-tertiary',
|
|
103
106
|
disabled: 'text-disabled',
|
|
104
|
-
loading: destructive ? 'text-
|
|
107
|
+
loading: destructive ? 'text-error-primary' : 'text-tertiary'
|
|
105
108
|
},
|
|
106
109
|
'link-color': {
|
|
107
110
|
default: destructive ? 'text-error' : 'text-brand-tertiary',
|
|
@@ -117,9 +120,9 @@ function BaseButton({
|
|
|
117
120
|
const textSizeClasses = {
|
|
118
121
|
xs: 'text-xs',
|
|
119
122
|
sm: 'text-sm',
|
|
120
|
-
md: 'text-
|
|
121
|
-
lg: 'text-
|
|
122
|
-
xl: 'text-
|
|
123
|
+
md: 'text-sm',
|
|
124
|
+
lg: 'text-sm',
|
|
125
|
+
xl: 'text-base'
|
|
123
126
|
};
|
|
124
127
|
const iconSizes = {
|
|
125
128
|
xs: 16,
|
|
@@ -135,8 +138,35 @@ function BaseButton({
|
|
|
135
138
|
buttonState = 'disabled';
|
|
136
139
|
}
|
|
137
140
|
const isIconOnly = !text && (LeftIcon || RightIcon);
|
|
138
|
-
const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size],
|
|
139
|
-
const textStyles = (0, _clsx.default)('font-
|
|
141
|
+
const buttonStyles = (0, _clsx.default)('flex flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : (0, _clsx.default)('w-full', sizeClasses[size]), containerClasses[variant][buttonState]);
|
|
142
|
+
const textStyles = (0, _clsx.default)('font-medium', textSizeClasses[size], textColorClasses[variant][buttonState]);
|
|
143
|
+
const iconColors = {
|
|
144
|
+
primary: {
|
|
145
|
+
default: _textColors.default['text-primary'].light,
|
|
146
|
+
disabled: _textColors.default['text-disabled'].light,
|
|
147
|
+
loading: _textColors.default['text-primary'].light
|
|
148
|
+
},
|
|
149
|
+
secondary: {
|
|
150
|
+
default: _textColors.default['text-secondary'].light,
|
|
151
|
+
disabled: _textColors.default['text-disabled'].light,
|
|
152
|
+
loading: _textColors.default['text-secondary'].light
|
|
153
|
+
},
|
|
154
|
+
tertiary: {
|
|
155
|
+
default: _textColors.default['text-tertiary'].light,
|
|
156
|
+
disabled: _textColors.default['text-disabled'].light,
|
|
157
|
+
loading: _textColors.default['text-tertiary'].light
|
|
158
|
+
},
|
|
159
|
+
'link-color': {
|
|
160
|
+
default: _textColors.default['text-brand-tertiary'].light,
|
|
161
|
+
disabled: _textColors.default['text-disabled'].light,
|
|
162
|
+
loading: _textColors.default['text-brand-tertiary'].light
|
|
163
|
+
},
|
|
164
|
+
'link-gray': {
|
|
165
|
+
default: _textColors.default['text-tertiary'].light,
|
|
166
|
+
disabled: _textColors.default['text-disabled'].light,
|
|
167
|
+
loading: _textColors.default['text-tertiary'].light
|
|
168
|
+
}
|
|
169
|
+
};
|
|
140
170
|
const spinnerColorMap = {
|
|
141
171
|
primary: {
|
|
142
172
|
default: '#fff',
|
|
@@ -177,25 +207,28 @@ function BaseButton({
|
|
|
177
207
|
} else {
|
|
178
208
|
spinnerColor = spinnerColorMap[variant].default;
|
|
179
209
|
}
|
|
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, {
|
|
210
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Pressable, {
|
|
188
211
|
disabled: isDisabled || loading,
|
|
189
212
|
className: buttonStyles,
|
|
190
213
|
hitSlop: hitSlop,
|
|
191
214
|
...props,
|
|
192
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
193
|
-
className: (0, _clsx.default)('flex flex-row items-center justify-center
|
|
194
|
-
children: [LeftIcon &&
|
|
215
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
216
|
+
className: (0, _clsx.default)('flex flex-row items-center justify-center', loading && 'opacity-0'),
|
|
217
|
+
children: [LeftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
218
|
+
icon: LeftIcon,
|
|
219
|
+
size: iconSizes[size],
|
|
220
|
+
color: iconColors[variant][buttonState],
|
|
221
|
+
className: "mr-1.5"
|
|
222
|
+
}), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Text, {
|
|
195
223
|
className: textStyles,
|
|
196
224
|
children: [text, timer > 0 ? ` (${timer})` : '']
|
|
197
|
-
}), RightIcon &&
|
|
198
|
-
|
|
225
|
+
}), RightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
226
|
+
icon: RightIcon,
|
|
227
|
+
size: iconSizes[size],
|
|
228
|
+
color: iconColors[variant][buttonState],
|
|
229
|
+
className: "ml-1.5"
|
|
230
|
+
})]
|
|
231
|
+
}), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.ActivityIndicator, {
|
|
199
232
|
size: "small",
|
|
200
233
|
color: spinnerColor,
|
|
201
234
|
style: {
|
|
@@ -210,4 +243,5 @@ function BaseButton({
|
|
|
210
243
|
})]
|
|
211
244
|
});
|
|
212
245
|
}
|
|
246
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseButton);
|
|
213
247
|
//# 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","_textColors","_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","textColors","light","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":"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","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
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 _hocComponents = require("../hoc-components");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function BaseIcon({
|
|
11
|
+
icon: Icon,
|
|
12
|
+
size = 20,
|
|
13
|
+
color
|
|
14
|
+
}) {
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
16
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
17
|
+
size: size,
|
|
18
|
+
color: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseIcon);
|
|
23
|
+
//# sourceMappingURL=BaseIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_nativewind","require","_hocComponents","_jsxRuntime","BaseIcon","icon","Icon","size","color","jsx","View","children","_default","exports","default","styled"],"sourceRoot":"../../../src","sources":["components/BaseIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AASzC,SAASG,QAAQA,CAAC;EAChBC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,EAAE;EACTC;AACa,CAAC,EAAE;EAChB,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,cAAA,CAAAQ,IAAI;IAAAC,QAAA,eACH,IAAAR,WAAA,CAAAM,GAAA,EAACH,IAAI;MACHC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA;IAAM,CACd;EAAC,CACE,CAAC;AAEX;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,kBAAM,EAACX,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":[]}
|
|
@@ -0,0 +1,108 @@
|
|
|
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 _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _outline = require("react-native-heroicons/outline");
|
|
10
|
+
var _solid = require("react-native-heroicons/solid");
|
|
11
|
+
var _hocComponents = require("../hoc-components");
|
|
12
|
+
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
13
|
+
var _BaseSpinner = _interopRequireDefault(require("./BaseSpinner"));
|
|
14
|
+
var _colors = _interopRequireDefault(require("../styles/colors"));
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
function EmptyState({
|
|
19
|
+
description
|
|
20
|
+
}) {
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
22
|
+
className: "flex flex-col justify-center px-4 py-8",
|
|
23
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
24
|
+
className: "h-12 w-12 items-center justify-center rounded-full bg-tertiary",
|
|
25
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_outline.InboxIcon, {
|
|
26
|
+
size: 24,
|
|
27
|
+
color: _colors.default.gray_light[500]
|
|
28
|
+
})
|
|
29
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
30
|
+
className: "mt-4 text-base font-medium text-primary",
|
|
31
|
+
children: "No hay nada que mostrar"
|
|
32
|
+
}), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
33
|
+
className: "mt-2 text-sm text-tertiary",
|
|
34
|
+
children: description
|
|
35
|
+
})]
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
function BaseStackedList({
|
|
39
|
+
itemsCount,
|
|
40
|
+
items,
|
|
41
|
+
renderItem,
|
|
42
|
+
onNextPage,
|
|
43
|
+
onPrevPage,
|
|
44
|
+
header,
|
|
45
|
+
pageSize,
|
|
46
|
+
loading,
|
|
47
|
+
currentPage = 0,
|
|
48
|
+
keyExtractor,
|
|
49
|
+
emptyStateDescription,
|
|
50
|
+
minHeight = 0
|
|
51
|
+
}) {
|
|
52
|
+
const totalPages = (0, _react.useMemo)(() => Math.ceil(itemsCount / pageSize), [itemsCount, pageSize]);
|
|
53
|
+
const hasNextPage = currentPage < totalPages - 1;
|
|
54
|
+
const hasPrevPage = currentPage > 0;
|
|
55
|
+
const currentPageItems = (0, _react.useMemo)(() => {
|
|
56
|
+
const startIndex = currentPage * pageSize;
|
|
57
|
+
const endIndex = startIndex + pageSize;
|
|
58
|
+
return items.slice(startIndex, endIndex);
|
|
59
|
+
}, [items, currentPage, pageSize]);
|
|
60
|
+
const isEmpty = items.length === 0 && !loading;
|
|
61
|
+
const hasItemsForCurrentPage = currentPageItems.length > pageSize * (currentPage + 1);
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
63
|
+
className: "flex flex-col rounded-xl border border-secondary bg-primary shadow-sm",
|
|
64
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
65
|
+
className: "border-b border-secondary p-4",
|
|
66
|
+
children: header
|
|
67
|
+
}), loading && !hasItemsForCurrentPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
68
|
+
className: "flex items-center justify-center py-12",
|
|
69
|
+
style: {
|
|
70
|
+
minHeight
|
|
71
|
+
},
|
|
72
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseSpinner.default, {})
|
|
73
|
+
}), !loading && isEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {
|
|
74
|
+
description: emptyStateDescription
|
|
75
|
+
}), !loading && !isEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
76
|
+
className: "flex flex-col",
|
|
77
|
+
style: {
|
|
78
|
+
minHeight
|
|
79
|
+
},
|
|
80
|
+
children: currentPageItems.map((item, index) => {
|
|
81
|
+
const itemKey = keyExtractor ? keyExtractor(item, index) : `item-${currentPage}-${index}`;
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
|
|
83
|
+
children: [index > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
84
|
+
className: "h-px w-full bg-gray-200"
|
|
85
|
+
}), renderItem(item, index + currentPage * pageSize)]
|
|
86
|
+
}, itemKey);
|
|
87
|
+
})
|
|
88
|
+
}), (hasNextPage || hasPrevPage) && items.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
89
|
+
className: "flex flex-row items-center justify-between border-t border-secondary p-4",
|
|
90
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
91
|
+
variant: "secondary",
|
|
92
|
+
onPress: onPrevPage,
|
|
93
|
+
disabled: !hasPrevPage,
|
|
94
|
+
LeftIcon: _solid.ArrowLeftIcon
|
|
95
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Text, {
|
|
96
|
+
className: "text-sm font-medium text-secondary",
|
|
97
|
+
children: ["P\xE1gina", ' ', currentPage + 1, ' ', "de", ' ', totalPages]
|
|
98
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
99
|
+
variant: "secondary",
|
|
100
|
+
onPress: onNextPage,
|
|
101
|
+
disabled: !hasNextPage,
|
|
102
|
+
LeftIcon: _solid.ArrowRightIcon
|
|
103
|
+
})]
|
|
104
|
+
})]
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseStackedList);
|
|
108
|
+
//# sourceMappingURL=BaseStackedList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_nativewind","require","_react","_interopRequireWildcard","_outline","_solid","_hocComponents","_BaseButton","_interopRequireDefault","_BaseSpinner","_colors","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EmptyState","description","jsxs","View","className","children","jsx","InboxIcon","size","color","colors","gray_light","Text","BaseStackedList","itemsCount","items","renderItem","onNextPage","onPrevPage","header","pageSize","loading","currentPage","keyExtractor","emptyStateDescription","minHeight","totalPages","useMemo","Math","ceil","hasNextPage","hasPrevPage","currentPageItems","startIndex","endIndex","slice","isEmpty","length","hasItemsForCurrentPage","style","map","item","index","itemKey","Fragment","variant","onPress","disabled","LeftIcon","ArrowLeftIcon","ArrowRightIcon","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseStackedList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,7 +15,28 @@ Object.defineProperty(exports, "BaseButton", {
|
|
|
15
15
|
return _BaseButton.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "BaseIcon", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _BaseIcon.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "BaseSpinner", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _BaseSpinner.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "BaseStackedList", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _BaseStackedList.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
18
36
|
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
19
37
|
var _BaseBadge = _interopRequireDefault(require("./BaseBadge"));
|
|
38
|
+
var _BaseSpinner = _interopRequireDefault(require("./BaseSpinner"));
|
|
39
|
+
var _BaseStackedList = _interopRequireDefault(require("./BaseStackedList"));
|
|
40
|
+
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
20
41
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.VirtualizedList = exports.View = exports.TouchableWithoutFeedback = exports.TouchableOpacity = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.TextInput = exports.Text = exports.Switch = exports.SectionList = exports.ScrollView = exports.SafeAreaView = exports.RefreshControl = exports.Pressable = exports.Modal = exports.KeyboardAvoidingView = exports.InputAccessoryView = exports.ImageBackground = exports.Image = exports.FlatList = exports.DrawerLayoutAndroid = exports.ActivityIndicator = void 0;
|
|
7
|
+
var _nativewind = require("nativewind");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
/**
|
|
10
|
+
* Hello!
|
|
11
|
+
*
|
|
12
|
+
* These are styled version of the React Native components.
|
|
13
|
+
*
|
|
14
|
+
* We need to use these instead of the original components to ensure that
|
|
15
|
+
* the styles are applied correctly. Unlike a standard React Native app,
|
|
16
|
+
* we are not using a custom Babel plugin to handle the className -> style transforms.
|
|
17
|
+
*/
|
|
18
|
+
const ActivityIndicator = exports.ActivityIndicator = (0, _nativewind.styled)(_reactNative.ActivityIndicator);
|
|
19
|
+
const FlatList = exports.FlatList = (0, _nativewind.styled)(_reactNative.FlatList);
|
|
20
|
+
const Image = exports.Image = (0, _nativewind.styled)(_reactNative.Image);
|
|
21
|
+
const ImageBackground = exports.ImageBackground = (0, _nativewind.styled)(_reactNative.ImageBackground);
|
|
22
|
+
const KeyboardAvoidingView = exports.KeyboardAvoidingView = (0, _nativewind.styled)(_reactNative.KeyboardAvoidingView);
|
|
23
|
+
const Modal = exports.Modal = (0, _nativewind.styled)(_reactNative.Modal);
|
|
24
|
+
const Pressable = exports.Pressable = (0, _nativewind.styled)(_reactNative.Pressable);
|
|
25
|
+
const RefreshControl = exports.RefreshControl = (0, _nativewind.styled)(_reactNative.RefreshControl);
|
|
26
|
+
const ScrollView = exports.ScrollView = (0, _nativewind.styled)(_reactNative.ScrollView);
|
|
27
|
+
const SectionList = exports.SectionList = (0, _nativewind.styled)(_reactNative.SectionList);
|
|
28
|
+
const Switch = exports.Switch = (0, _nativewind.styled)(_reactNative.Switch);
|
|
29
|
+
const Text = exports.Text = (0, _nativewind.styled)(_reactNative.Text);
|
|
30
|
+
const TextInput = exports.TextInput = (0, _nativewind.styled)(_reactNative.TextInput);
|
|
31
|
+
const TouchableHighlight = exports.TouchableHighlight = (0, _nativewind.styled)(_reactNative.TouchableHighlight);
|
|
32
|
+
const TouchableOpacity = exports.TouchableOpacity = (0, _nativewind.styled)(_reactNative.TouchableOpacity);
|
|
33
|
+
const TouchableWithoutFeedback = exports.TouchableWithoutFeedback = (0, _nativewind.styled)(_reactNative.TouchableWithoutFeedback);
|
|
34
|
+
const View = exports.View = (0, _nativewind.styled)(_reactNative.View);
|
|
35
|
+
const VirtualizedList = exports.VirtualizedList = (0, _nativewind.styled)(_reactNative.VirtualizedList);
|
|
36
|
+
const DrawerLayoutAndroid = exports.DrawerLayoutAndroid = (0, _nativewind.styled)(_reactNative.DrawerLayoutAndroid);
|
|
37
|
+
const TouchableNativeFeedback = exports.TouchableNativeFeedback = (0, _nativewind.styled)(_reactNative.TouchableNativeFeedback);
|
|
38
|
+
const InputAccessoryView = exports.InputAccessoryView = (0, _nativewind.styled)(_reactNative.InputAccessoryView);
|
|
39
|
+
const SafeAreaView = exports.SafeAreaView = (0, _nativewind.styled)(_reactNative.SafeAreaView);
|
|
40
|
+
//# sourceMappingURL=hoc-components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_nativewind","require","_reactNative","ActivityIndicator","exports","styled","RNActivityIndicator","FlatList","RNFlatList","Image","RNImage","ImageBackground","RNImageBackground","KeyboardAvoidingView","RNKeyboardAvoidingView","Modal","RNModal","Pressable","RNPressable","RefreshControl","RNRefreshControl","ScrollView","RNScrollView","SectionList","RNSectionList","Switch","RNSwitch","Text","RNText","TextInput","RNTextInput","TouchableHighlight","RNTouchableHighlight","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","View","RNView","VirtualizedList","RNVirtualizedList","DrawerLayoutAndroid","RNDrawerLayoutAndroid","TouchableNativeFeedback","RNTouchableNativeFeedback","InputAccessoryView","RNInputAccessoryView","SafeAreaView","RNSafeAreaView"],"sourceRoot":"../../src","sources":["hoc-components.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,kBAAM,EAACC,8BAAmB,CAAC;AACrD,MAAMC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAG,IAAAF,kBAAM,EAACG,qBAAU,CAAC;AACnC,MAAMC,KAAK,GAAAL,OAAA,CAAAK,KAAA,GAAG,IAAAJ,kBAAM,EAACK,kBAAO,CAAC;AAC7B,MAAMC,eAAe,GAAAP,OAAA,CAAAO,eAAA,GAAG,IAAAN,kBAAM,EAACO,4BAAiB,CAAC;AACjD,MAAMC,oBAAoB,GAAAT,OAAA,CAAAS,oBAAA,GAAG,IAAAR,kBAAM,EAACS,iCAAsB,CAAC;AAC3D,MAAMC,KAAK,GAAAX,OAAA,CAAAW,KAAA,GAAG,IAAAV,kBAAM,EAACW,kBAAO,CAAC;AAC7B,MAAMC,SAAS,GAAAb,OAAA,CAAAa,SAAA,GAAG,IAAAZ,kBAAM,EAACa,sBAAW,CAAC;AACrC,MAAMC,cAAc,GAAAf,OAAA,CAAAe,cAAA,GAAG,IAAAd,kBAAM,EAACe,2BAAgB,CAAC;AAC/C,MAAMC,UAAU,GAAAjB,OAAA,CAAAiB,UAAA,GAAG,IAAAhB,kBAAM,EAACiB,uBAAY,CAAC;AACvC,MAAMC,WAAW,GAAAnB,OAAA,CAAAmB,WAAA,GAAG,IAAAlB,kBAAM,EAACmB,wBAAa,CAAC;AACzC,MAAMC,MAAM,GAAArB,OAAA,CAAAqB,MAAA,GAAG,IAAApB,kBAAM,EAACqB,mBAAQ,CAAC;AAC/B,MAAMC,IAAI,GAAAvB,OAAA,CAAAuB,IAAA,GAAG,IAAAtB,kBAAM,EAACuB,iBAAM,CAAC;AAC3B,MAAMC,SAAS,GAAAzB,OAAA,CAAAyB,SAAA,GAAG,IAAAxB,kBAAM,EAACyB,sBAAW,CAAC;AACrC,MAAMC,kBAAkB,GAAA3B,OAAA,CAAA2B,kBAAA,GAAG,IAAA1B,kBAAM,EAAC2B,+BAAoB,CAAC;AACvD,MAAMC,gBAAgB,GAAA7B,OAAA,CAAA6B,gBAAA,GAAG,IAAA5B,kBAAM,EAAC6B,6BAAkB,CAAC;AACnD,MAAMC,wBAAwB,GAAA/B,OAAA,CAAA+B,wBAAA,GAAG,IAAA9B,kBAAM,EAAC+B,qCAA0B,CAAC;AACnE,MAAMC,IAAI,GAAAjC,OAAA,CAAAiC,IAAA,GAAG,IAAAhC,kBAAM,EAACiC,iBAAM,CAAC;AAC3B,MAAMC,eAAe,GAAAnC,OAAA,CAAAmC,eAAA,GAAG,IAAAlC,kBAAM,EAACmC,4BAAiB,CAAC;AACjD,MAAMC,mBAAmB,GAAArC,OAAA,CAAAqC,mBAAA,GAAG,IAAApC,kBAAM,EAACqC,gCAAqB,CAAC;AACzD,MAAMC,uBAAuB,GAAAvC,OAAA,CAAAuC,uBAAA,GAAG,IAAAtC,kBAAM,EAACuC,oCAAyB,CAAC;AACjE,MAAMC,kBAAkB,GAAAzC,OAAA,CAAAyC,kBAAA,GAAG,IAAAxC,kBAAM,EAACyC,+BAAoB,CAAC;AACvD,MAAMC,YAAY,GAAA3C,OAAA,CAAA2C,YAAA,GAAG,IAAA1C,kBAAM,EAAC2C,yBAAc,CAAC","ignoreList":[]}
|
package/lib/commonjs/preset.js
CHANGED
|
@@ -16,7 +16,7 @@ function mapLightColors(semanticObject, prefix) {
|
|
|
16
16
|
}, {});
|
|
17
17
|
}
|
|
18
18
|
const preset = {
|
|
19
|
-
content: [],
|
|
19
|
+
content: ['./node_modules/@grupalia/rn-ui-kit/lib/module/components/**'],
|
|
20
20
|
theme: {
|
|
21
21
|
extend: {
|
|
22
22
|
backgroundColor: mapLightColors(_backgroundColors.default, 'bg'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_backgroundColors","_interopRequireDefault","require","_borderColors","_textColors","e","__esModule","default","mapLightColors","semanticObject","prefix","Object","entries","reduce","acc","key","value","name","replace","light","preset","content","theme","extend","backgroundColor","backgroundColors","textColor","textColors","borderColor","borderColors","plugins","_default","exports"],"sourceRoot":"../../src","sources":["preset.ts"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI9C,SAASG,cAAcA,CACrBC,cAAmC,EACnCC,MAAc,EACU;EACxB,OAAOC,MAAM,CAACC,OAAO,CAACH,cAAc,CAAC,CAACI,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAClE,MAAMC,IAAI,GAAGF,GAAG,CAACG,OAAO,CAAC,GAAGR,MAAM,GAAG,EAAE,EAAE,CAAC;IAC1CI,GAAG,CAACG,IAAI,CAAC,GAAGD,KAAK,CAACG,KAAK;IACvB,OAAOL,GAAG;EACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;AAClC;AAEA,MAAMM,MAAc,GAAG;EACrBC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"names":["_backgroundColors","_interopRequireDefault","require","_borderColors","_textColors","e","__esModule","default","mapLightColors","semanticObject","prefix","Object","entries","reduce","acc","key","value","name","replace","light","preset","content","theme","extend","backgroundColor","backgroundColors","textColor","textColors","borderColor","borderColors","plugins","_default","exports"],"sourceRoot":"../../src","sources":["preset.ts"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI9C,SAASG,cAAcA,CACrBC,cAAmC,EACnCC,MAAc,EACU;EACxB,OAAOC,MAAM,CAACC,OAAO,CAACH,cAAc,CAAC,CAACI,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAClE,MAAMC,IAAI,GAAGF,GAAG,CAACG,OAAO,CAAC,GAAGR,MAAM,GAAG,EAAE,EAAE,CAAC;IAC1CI,GAAG,CAACG,IAAI,CAAC,GAAGD,KAAK,CAACG,KAAK;IACvB,OAAOL,GAAG;EACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;AAClC;AAEA,MAAMM,MAAc,GAAG;EACrBC,OAAO,EAAE,CACP,6DAA6D,CAC9D;EACDC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,eAAe,EAAEhB,cAAc,CAACiB,yBAAgB,EAAE,IAAI,CAAC;MACvDC,SAAS,EAAElB,cAAc,CAACmB,mBAAU,EAAE,MAAM,CAAC;MAC7CC,WAAW,EAAEpB,cAAc,CAACqB,qBAAY,EAAE,QAAQ;IACpD;EACF,CAAC;EACDC,OAAO,EAAE;AACX,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaa,MAAM","ignoreList":[]}
|