@grupalia/rn-ui-kit 0.1.0 → 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 +18 -21
- package/lib/commonjs/components/BaseBadge.js.map +1 -1
- package/lib/commonjs/components/BaseButton.js +23 -24
- package/lib/commonjs/components/BaseButton.js.map +1 -1
- package/lib/commonjs/components/BaseIcon.js +15 -7
- package/lib/commonjs/components/BaseIcon.js.map +1 -1
- package/lib/commonjs/components/BaseStackedList.js +2 -2
- package/lib/commonjs/components/BaseStackedList.js.map +1 -1
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- 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 +5 -1
- 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 +18 -21
- package/lib/module/components/BaseBadge.js.map +1 -1
- package/lib/module/components/BaseButton.js +23 -24
- package/lib/module/components/BaseButton.js.map +1 -1
- package/lib/module/components/BaseIcon.js +14 -7
- package/lib/module/components/BaseIcon.js.map +1 -1
- package/lib/module/components/BaseStackedList.js +2 -2
- package/lib/module/components/BaseStackedList.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- 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 +5 -1
- 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 +2 -2
- package/lib/typescript/commonjs/components/BaseBadge.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseButton.d.ts +2 -2
- package/lib/typescript/commonjs/components/BaseIcon.d.ts +8 -4
- package/lib/typescript/commonjs/components/BaseIcon.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/index.d.ts +1 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- 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 +1 -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 +2 -2
- package/lib/typescript/module/components/BaseBadge.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseButton.d.ts +2 -2
- package/lib/typescript/module/components/BaseIcon.d.ts +8 -4
- package/lib/typescript/module/components/BaseIcon.d.ts.map +1 -1
- package/lib/typescript/module/components/index.d.ts +1 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- 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 +1 -2
- package/lib/typescript/module/types/heroicons.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/BaseAlert.tsx +175 -0
- package/src/components/BaseBadge.tsx +21 -23
- package/src/components/BaseButton.tsx +28 -28
- package/src/components/BaseIcon.tsx +26 -12
- package/src/components/BaseStackedList.tsx +2 -2
- package/src/components/index.ts +1 -0
- package/src/preset.ts +4 -0
- 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":[]}
|
|
@@ -8,7 +8,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
8
8
|
var _nativewind = require("nativewind");
|
|
9
9
|
var _hocComponents = require("../hoc-components");
|
|
10
10
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
11
|
-
var _utilityColors = _interopRequireDefault(require("../styles/utility-colors"));
|
|
12
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
13
|
function BaseBadge({
|
|
@@ -17,8 +16,8 @@ function BaseBadge({
|
|
|
17
16
|
text,
|
|
18
17
|
transparent = false,
|
|
19
18
|
squared = false,
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
leftIcon = null,
|
|
20
|
+
rightIcon = null,
|
|
22
21
|
...props
|
|
23
22
|
}) {
|
|
24
23
|
const variantStyles = {
|
|
@@ -108,39 +107,37 @@ function BaseBadge({
|
|
|
108
107
|
left: 'mr-1.5',
|
|
109
108
|
right: 'ml-1.5'
|
|
110
109
|
};
|
|
111
|
-
|
|
112
|
-
// @TODO handle dark mode
|
|
113
110
|
const iconColors = {
|
|
114
|
-
gray:
|
|
115
|
-
brand:
|
|
116
|
-
error:
|
|
117
|
-
warning:
|
|
118
|
-
success:
|
|
119
|
-
blue_gray:
|
|
120
|
-
blue_light:
|
|
121
|
-
blue:
|
|
122
|
-
indigo:
|
|
123
|
-
purple:
|
|
124
|
-
pink:
|
|
125
|
-
orange:
|
|
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'
|
|
126
123
|
};
|
|
127
124
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
128
125
|
className: containerStyles,
|
|
129
126
|
...props,
|
|
130
|
-
children: [
|
|
127
|
+
children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
131
128
|
className: iconSpacingStyles.left,
|
|
132
129
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
133
|
-
icon:
|
|
130
|
+
icon: leftIcon,
|
|
134
131
|
size: iconSizes[size],
|
|
135
132
|
color: iconColors[variant]
|
|
136
133
|
})
|
|
137
134
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
|
|
138
135
|
className: textStyles,
|
|
139
136
|
children: text
|
|
140
|
-
}),
|
|
137
|
+
}), rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
141
138
|
className: iconSpacingStyles.right,
|
|
142
139
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
143
|
-
icon:
|
|
140
|
+
icon: rightIcon,
|
|
144
141
|
size: iconSizes[size],
|
|
145
142
|
color: iconColors[variant]
|
|
146
143
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_hocComponents","_BaseIcon","
|
|
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":[]}
|
|
@@ -9,7 +9,6 @@ var _nativewind = require("nativewind");
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _hocComponents = require("../hoc-components");
|
|
11
11
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
12
|
-
var _textColors = _interopRequireDefault(require("../styles/text-colors"));
|
|
13
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
14
|
function BaseButton({
|
|
@@ -19,8 +18,8 @@ function BaseButton({
|
|
|
19
18
|
loading = false,
|
|
20
19
|
disabled = false,
|
|
21
20
|
destructive = false,
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
leftIcon = null,
|
|
22
|
+
rightIcon = null,
|
|
24
23
|
hitSlop = 6,
|
|
25
24
|
countdownSecs = 0,
|
|
26
25
|
...props
|
|
@@ -137,34 +136,34 @@ function BaseButton({
|
|
|
137
136
|
} else if (isDisabled) {
|
|
138
137
|
buttonState = 'disabled';
|
|
139
138
|
}
|
|
140
|
-
const isIconOnly = !text && (
|
|
141
|
-
const buttonStyles = (0, _clsx.default)('flex flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] :
|
|
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]);
|
|
142
141
|
const textStyles = (0, _clsx.default)('font-medium', textSizeClasses[size], textColorClasses[variant][buttonState]);
|
|
143
142
|
const iconColors = {
|
|
144
143
|
primary: {
|
|
145
|
-
default:
|
|
146
|
-
disabled:
|
|
147
|
-
loading:
|
|
144
|
+
default: 'fg-white',
|
|
145
|
+
disabled: 'fg-disabled',
|
|
146
|
+
loading: 'fg-white'
|
|
148
147
|
},
|
|
149
148
|
secondary: {
|
|
150
|
-
default:
|
|
151
|
-
disabled:
|
|
152
|
-
loading:
|
|
149
|
+
default: 'fg-secondary',
|
|
150
|
+
disabled: 'fg-disabled',
|
|
151
|
+
loading: 'fg-secondary'
|
|
153
152
|
},
|
|
154
153
|
tertiary: {
|
|
155
|
-
default:
|
|
156
|
-
disabled:
|
|
157
|
-
loading:
|
|
154
|
+
default: 'fg-tertiary',
|
|
155
|
+
disabled: 'fg-disabled',
|
|
156
|
+
loading: 'fg-tertiary'
|
|
158
157
|
},
|
|
159
158
|
'link-color': {
|
|
160
|
-
default:
|
|
161
|
-
disabled:
|
|
162
|
-
loading:
|
|
159
|
+
default: 'fg-brand-primary',
|
|
160
|
+
disabled: 'fg-disabled',
|
|
161
|
+
loading: 'fg-brand-primary'
|
|
163
162
|
},
|
|
164
163
|
'link-gray': {
|
|
165
|
-
default:
|
|
166
|
-
disabled:
|
|
167
|
-
loading:
|
|
164
|
+
default: 'fg-secondary',
|
|
165
|
+
disabled: 'fg-disabled',
|
|
166
|
+
loading: 'fg-secondary'
|
|
168
167
|
}
|
|
169
168
|
};
|
|
170
169
|
const spinnerColorMap = {
|
|
@@ -214,16 +213,16 @@ function BaseButton({
|
|
|
214
213
|
...props,
|
|
215
214
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
216
215
|
className: (0, _clsx.default)('flex flex-row items-center justify-center', loading && 'opacity-0'),
|
|
217
|
-
children: [
|
|
218
|
-
icon:
|
|
216
|
+
children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
217
|
+
icon: leftIcon,
|
|
219
218
|
size: iconSizes[size],
|
|
220
219
|
color: iconColors[variant][buttonState],
|
|
221
220
|
className: "mr-1.5"
|
|
222
221
|
}), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Text, {
|
|
223
222
|
className: textStyles,
|
|
224
223
|
children: [text, timer > 0 ? ` (${timer})` : '']
|
|
225
|
-
}),
|
|
226
|
-
icon:
|
|
224
|
+
}), rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
225
|
+
icon: rightIcon,
|
|
227
226
|
size: iconSizes[size],
|
|
228
227
|
color: iconColors[variant][buttonState],
|
|
229
228
|
className: "ml-1.5"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_hocComponents","_BaseIcon","
|
|
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":"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","ignoreList":[]}
|
|
@@ -5,18 +5,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _nativewind = require("nativewind");
|
|
8
|
-
var
|
|
8
|
+
var _foregroundColors = _interopRequireDefault(require("../styles/foreground-colors"));
|
|
9
|
+
var _utilityColors = _interopRequireDefault(require("../styles/utility-colors"));
|
|
9
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
|
+
}
|
|
10
15
|
function BaseIcon({
|
|
11
16
|
icon: Icon,
|
|
12
17
|
size = 20,
|
|
13
|
-
color
|
|
18
|
+
color = 'fg-primary',
|
|
19
|
+
strokeWidth = 1,
|
|
20
|
+
...props
|
|
14
21
|
}) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
|
20
28
|
});
|
|
21
29
|
}
|
|
22
30
|
var _default = exports.default = (0, _nativewind.styled)(BaseIcon);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_nativewind","require","
|
|
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":[]}
|
|
@@ -91,7 +91,7 @@ function BaseStackedList({
|
|
|
91
91
|
variant: "secondary",
|
|
92
92
|
onPress: onPrevPage,
|
|
93
93
|
disabled: !hasPrevPage,
|
|
94
|
-
|
|
94
|
+
leftIcon: _solid.ArrowLeftIcon
|
|
95
95
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Text, {
|
|
96
96
|
className: "text-sm font-medium text-secondary",
|
|
97
97
|
children: ["P\xE1gina", ' ', currentPage + 1, ' ', "de", ' ', totalPages]
|
|
@@ -99,7 +99,7 @@ function BaseStackedList({
|
|
|
99
99
|
variant: "secondary",
|
|
100
100
|
onPress: onNextPage,
|
|
101
101
|
disabled: !hasNextPage,
|
|
102
|
-
|
|
102
|
+
leftIcon: _solid.ArrowRightIcon
|
|
103
103
|
})]
|
|
104
104
|
})]
|
|
105
105
|
});
|
|
@@ -1 +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","
|
|
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":[]}
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "BaseAlert", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _BaseAlert.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "BaseBadge", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
@@ -38,5 +44,6 @@ var _BaseBadge = _interopRequireDefault(require("./BaseBadge"));
|
|
|
38
44
|
var _BaseSpinner = _interopRequireDefault(require("./BaseSpinner"));
|
|
39
45
|
var _BaseStackedList = _interopRequireDefault(require("./BaseStackedList"));
|
|
40
46
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
47
|
+
var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
|
|
41
48
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
42
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","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;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BREAKPOINTS = void 0;
|
|
7
|
+
exports.useBreakpoints = useBreakpoints;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
const BREAKPOINTS = exports.BREAKPOINTS = {
|
|
11
|
+
xs: 378,
|
|
12
|
+
sm: 436,
|
|
13
|
+
base: 494
|
|
14
|
+
};
|
|
15
|
+
function useBreakpoints() {
|
|
16
|
+
const {
|
|
17
|
+
width
|
|
18
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
19
|
+
return (0, _react.useMemo)(() => {
|
|
20
|
+
if (width < BREAKPOINTS.sm) return 'xs';
|
|
21
|
+
if (width < BREAKPOINTS.base) return 'sm';
|
|
22
|
+
return 'base';
|
|
23
|
+
}, [width]);
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=useBreakpoints.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","BREAKPOINTS","exports","xs","sm","base","useBreakpoints","width","useWindowDimensions","useMemo"],"sourceRoot":"../../../src","sources":["hooks/useBreakpoints.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACzBE,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE;AACR,CAAC;AAIM,SAASC,cAAcA,CAAA,EAAe;EAC3C,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEvC,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAIF,KAAK,GAAGN,WAAW,CAACG,EAAE,EAAE,OAAO,IAAI;IACvC,IAAIG,KAAK,GAAGN,WAAW,CAACI,IAAI,EAAE,OAAO,IAAI;IACzC,OAAO,MAAM;EACf,CAAC,EAAE,CAACE,KAAK,CAAC,CAAC;AACb","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useIsAboveBreakpoint = useIsAboveBreakpoint;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _useBreakpoints = require("./useBreakpoints");
|
|
9
|
+
function useIsAboveBreakpoint(minBreakpoint) {
|
|
10
|
+
const {
|
|
11
|
+
width
|
|
12
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
13
|
+
return width >= _useBreakpoints.BREAKPOINTS[minBreakpoint];
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=useIsAboveBreakpoint.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_useBreakpoints","useIsAboveBreakpoint","minBreakpoint","width","useWindowDimensions","BREAKPOINTS"],"sourceRoot":"../../../src","sources":["hooks/useIsAboveBreakpoint.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEO,SAASE,oBAAoBA,CAACC,aAAyB,EAAW;EACvE,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOD,KAAK,IAAIE,2BAAW,CAACH,aAAa,CAAC;AAC5C","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -4,14 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
var _exportNames = {
|
|
7
|
-
preset: true
|
|
7
|
+
preset: true,
|
|
8
|
+
foregroundColors: true,
|
|
9
|
+
utilityColors: true
|
|
8
10
|
};
|
|
11
|
+
Object.defineProperty(exports, "foregroundColors", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () {
|
|
14
|
+
return _foregroundColors.default;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
9
17
|
Object.defineProperty(exports, "preset", {
|
|
10
18
|
enumerable: true,
|
|
11
19
|
get: function () {
|
|
12
20
|
return _preset.default;
|
|
13
21
|
}
|
|
14
22
|
});
|
|
23
|
+
Object.defineProperty(exports, "utilityColors", {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function () {
|
|
26
|
+
return _utilityColors.default;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
15
29
|
var _components = require("./components");
|
|
16
30
|
Object.keys(_components).forEach(function (key) {
|
|
17
31
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -25,5 +39,7 @@ Object.keys(_components).forEach(function (key) {
|
|
|
25
39
|
});
|
|
26
40
|
});
|
|
27
41
|
var _preset = _interopRequireDefault(require("./preset"));
|
|
42
|
+
var _foregroundColors = _interopRequireDefault(require("./styles/foreground-colors"));
|
|
43
|
+
var _utilityColors = _interopRequireDefault(require("./styles/utility-colors"));
|
|
28
44
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
29
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_preset","_interopRequireDefault","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_components","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_preset","_interopRequireDefault","_foregroundColors","_utilityColors","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAC,sBAAA,CAAAd,OAAA;AACA,IAAAe,iBAAA,GAAAD,sBAAA,CAAAd,OAAA;AACA,IAAAgB,cAAA,GAAAF,sBAAA,CAAAd,OAAA;AAAmE,SAAAc,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|