orn-ui 0.1.1 → 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/README.md +9 -2
- package/lib/commonjs/atoms/PressableScale.js +9 -10
- package/lib/commonjs/atoms/PressableScale.js.map +1 -1
- package/lib/commonjs/atoms/Skeleton.js +96 -0
- package/lib/commonjs/atoms/Skeleton.js.map +1 -0
- package/lib/commonjs/atoms/Transition.js +171 -0
- package/lib/commonjs/atoms/Transition.js.map +1 -0
- package/lib/commonjs/atoms/index.js +20 -0
- package/lib/commonjs/atoms/index.js.map +1 -1
- package/lib/commonjs/molecules/OptionCard.js +55 -22
- package/lib/commonjs/molecules/OptionCard.js.map +1 -1
- package/lib/commonjs/molecules/{ThemeToggle.js → SegmentedControl.js} +36 -36
- package/lib/commonjs/molecules/SegmentedControl.js.map +1 -0
- package/lib/commonjs/molecules/Stepper.js +124 -47
- package/lib/commonjs/molecules/Stepper.js.map +1 -1
- package/lib/commonjs/molecules/index.js +9 -3
- package/lib/commonjs/molecules/index.js.map +1 -1
- package/lib/commonjs/organisms/AlertProvider.js +26 -0
- package/lib/commonjs/organisms/AlertProvider.js.map +1 -1
- package/lib/commonjs/organisms/BottomSheet.js +118 -39
- package/lib/commonjs/organisms/BottomSheet.js.map +1 -1
- package/lib/commonjs/organisms/List.js +66 -44
- package/lib/commonjs/organisms/List.js.map +1 -1
- package/lib/commonjs/organisms/Modal.js +42 -87
- package/lib/commonjs/organisms/Modal.js.map +1 -1
- package/lib/commonjs/organisms/NavigationBar.js +205 -0
- package/lib/commonjs/organisms/NavigationBar.js.map +1 -0
- package/lib/commonjs/organisms/Screen.js +9 -2
- package/lib/commonjs/organisms/Screen.js.map +1 -1
- package/lib/commonjs/organisms/SearchList.js +97 -28
- package/lib/commonjs/organisms/SearchList.js.map +1 -1
- package/lib/commonjs/organisms/Select.js +222 -50
- package/lib/commonjs/organisms/Select.js.map +1 -1
- package/lib/commonjs/organisms/ThemeToggle.js +52 -0
- package/lib/commonjs/organisms/ThemeToggle.js.map +1 -0
- package/lib/commonjs/organisms/Toast.js +8 -22
- package/lib/commonjs/organisms/Toast.js.map +1 -1
- package/lib/commonjs/organisms/ToastProvider.js +24 -0
- package/lib/commonjs/organisms/ToastProvider.js.map +1 -1
- package/lib/commonjs/organisms/Wizard.js +22 -2
- package/lib/commonjs/organisms/Wizard.js.map +1 -1
- package/lib/commonjs/organisms/imperativeBridge.js +28 -0
- package/lib/commonjs/organisms/imperativeBridge.js.map +1 -0
- package/lib/commonjs/organisms/index.js +50 -0
- package/lib/commonjs/organisms/index.js.map +1 -1
- package/lib/commonjs/theme/colors.js +207 -0
- package/lib/commonjs/theme/colors.js.map +1 -0
- package/lib/commonjs/theme/createTheme.js +25 -2
- package/lib/commonjs/theme/createTheme.js.map +1 -1
- package/lib/commonjs/theme/index.js +25 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/palettes.js +5 -2
- package/lib/commonjs/theme/palettes.js.map +1 -1
- package/lib/module/atoms/PressableScale.js +9 -10
- package/lib/module/atoms/PressableScale.js.map +1 -1
- package/lib/module/atoms/Skeleton.js +91 -0
- package/lib/module/atoms/Skeleton.js.map +1 -0
- package/lib/module/atoms/Transition.js +165 -0
- package/lib/module/atoms/Transition.js.map +1 -0
- package/lib/module/atoms/index.js +2 -0
- package/lib/module/atoms/index.js.map +1 -1
- package/lib/module/molecules/OptionCard.js +56 -23
- package/lib/module/molecules/OptionCard.js.map +1 -1
- package/lib/module/molecules/{ThemeToggle.js → SegmentedControl.js} +36 -36
- package/lib/module/molecules/SegmentedControl.js.map +1 -0
- package/lib/module/molecules/Stepper.js +125 -49
- package/lib/module/molecules/Stepper.js.map +1 -1
- package/lib/module/molecules/index.js +2 -2
- package/lib/module/molecules/index.js.map +1 -1
- package/lib/module/organisms/AlertProvider.js +24 -1
- package/lib/module/organisms/AlertProvider.js.map +1 -1
- package/lib/module/organisms/BottomSheet.js +120 -41
- package/lib/module/organisms/BottomSheet.js.map +1 -1
- package/lib/module/organisms/List.js +68 -46
- package/lib/module/organisms/List.js.map +1 -1
- package/lib/module/organisms/Modal.js +44 -89
- package/lib/module/organisms/Modal.js.map +1 -1
- package/lib/module/organisms/NavigationBar.js +200 -0
- package/lib/module/organisms/NavigationBar.js.map +1 -0
- package/lib/module/organisms/Screen.js +9 -2
- package/lib/module/organisms/Screen.js.map +1 -1
- package/lib/module/organisms/SearchList.js +98 -29
- package/lib/module/organisms/SearchList.js.map +1 -1
- package/lib/module/organisms/Select.js +224 -52
- package/lib/module/organisms/Select.js.map +1 -1
- package/lib/module/organisms/ThemeToggle.js +47 -0
- package/lib/module/organisms/ThemeToggle.js.map +1 -0
- package/lib/module/organisms/Toast.js +10 -24
- package/lib/module/organisms/Toast.js.map +1 -1
- package/lib/module/organisms/ToastProvider.js +21 -0
- package/lib/module/organisms/ToastProvider.js.map +1 -1
- package/lib/module/organisms/Wizard.js +23 -3
- package/lib/module/organisms/Wizard.js.map +1 -1
- package/lib/module/organisms/imperativeBridge.js +24 -0
- package/lib/module/organisms/imperativeBridge.js.map +1 -0
- package/lib/module/organisms/index.js +4 -2
- package/lib/module/organisms/index.js.map +1 -1
- package/lib/module/theme/colors.js +194 -0
- package/lib/module/theme/colors.js.map +1 -0
- package/lib/module/theme/createTheme.js +25 -2
- package/lib/module/theme/createTheme.js.map +1 -1
- package/lib/module/theme/index.js +1 -0
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/palettes.js +5 -2
- package/lib/module/theme/palettes.js.map +1 -1
- package/lib/typescript/atoms/PressableScale.d.ts +3 -2
- package/lib/typescript/atoms/PressableScale.d.ts.map +1 -1
- package/lib/typescript/atoms/Skeleton.d.ts +29 -0
- package/lib/typescript/atoms/Skeleton.d.ts.map +1 -0
- package/lib/typescript/atoms/Transition.d.ts +51 -0
- package/lib/typescript/atoms/Transition.d.ts.map +1 -0
- package/lib/typescript/atoms/index.d.ts +4 -0
- package/lib/typescript/atoms/index.d.ts.map +1 -1
- package/lib/typescript/molecules/OptionCard.d.ts +11 -6
- package/lib/typescript/molecules/OptionCard.d.ts.map +1 -1
- package/lib/typescript/molecules/SegmentedControl.d.ts +24 -0
- package/lib/typescript/molecules/SegmentedControl.d.ts.map +1 -0
- package/lib/typescript/molecules/Stepper.d.ts +35 -3
- package/lib/typescript/molecules/Stepper.d.ts.map +1 -1
- package/lib/typescript/molecules/index.d.ts +4 -4
- package/lib/typescript/molecules/index.d.ts.map +1 -1
- package/lib/typescript/organisms/AlertProvider.d.ts +9 -0
- package/lib/typescript/organisms/AlertProvider.d.ts.map +1 -1
- package/lib/typescript/organisms/BottomSheet.d.ts +26 -4
- package/lib/typescript/organisms/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/organisms/List.d.ts +9 -2
- package/lib/typescript/organisms/List.d.ts.map +1 -1
- package/lib/typescript/organisms/Modal.d.ts +3 -5
- package/lib/typescript/organisms/Modal.d.ts.map +1 -1
- package/lib/typescript/organisms/NavigationBar.d.ts +32 -0
- package/lib/typescript/organisms/NavigationBar.d.ts.map +1 -0
- package/lib/typescript/organisms/Screen.d.ts +2 -1
- package/lib/typescript/organisms/Screen.d.ts.map +1 -1
- package/lib/typescript/organisms/SearchList.d.ts +21 -5
- package/lib/typescript/organisms/SearchList.d.ts.map +1 -1
- package/lib/typescript/organisms/Select.d.ts +19 -4
- package/lib/typescript/organisms/Select.d.ts.map +1 -1
- package/lib/typescript/{molecules → organisms}/ThemeToggle.d.ts +4 -4
- package/lib/typescript/organisms/ThemeToggle.d.ts.map +1 -0
- package/lib/typescript/organisms/Toast.d.ts.map +1 -1
- package/lib/typescript/organisms/ToastProvider.d.ts +8 -0
- package/lib/typescript/organisms/ToastProvider.d.ts.map +1 -1
- package/lib/typescript/organisms/Wizard.d.ts +7 -1
- package/lib/typescript/organisms/Wizard.d.ts.map +1 -1
- package/lib/typescript/organisms/imperativeBridge.d.ts +12 -0
- package/lib/typescript/organisms/imperativeBridge.d.ts.map +1 -0
- package/lib/typescript/organisms/index.d.ts +7 -3
- package/lib/typescript/organisms/index.d.ts.map +1 -1
- package/lib/typescript/theme/colors.d.ts +44 -0
- package/lib/typescript/theme/colors.d.ts.map +1 -0
- package/lib/typescript/theme/createTheme.d.ts +3 -0
- package/lib/typescript/theme/createTheme.d.ts.map +1 -1
- package/lib/typescript/theme/index.d.ts +3 -1
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/palettes.d.ts.map +1 -1
- package/lib/typescript/theme/types.d.ts +9 -0
- package/lib/typescript/theme/types.d.ts.map +1 -1
- package/package.json +67 -6
- package/registry/alert-provider.json +9 -2
- package/registry/bottom-sheet.json +6 -2
- package/registry/core.json +8 -4
- package/registry/date-field.json +1 -0
- package/registry/index.json +96 -27
- package/registry/list.json +2 -1
- package/registry/manifest.json +44 -6
- package/registry/modal.json +3 -2
- package/registry/navigation-bar.json +18 -0
- package/registry/option-card.json +3 -2
- package/registry/pressable-scale.json +1 -1
- package/registry/screen.json +1 -1
- package/registry/search-list.json +2 -1
- package/registry/segmented-control.json +18 -0
- package/registry/select.json +1 -1
- package/registry/skeleton.json +18 -0
- package/registry/stepper.json +3 -2
- package/registry/theme-toggle.json +5 -4
- package/registry/toast-provider.json +11 -3
- package/registry/toast.json +3 -2
- package/registry/transition.json +19 -0
- package/registry/wizard.json +3 -2
- package/src/atoms/PressableScale.tsx +16 -6
- package/src/atoms/Skeleton.tsx +114 -0
- package/src/atoms/Transition.tsx +189 -0
- package/src/atoms/index.ts +4 -0
- package/src/molecules/OptionCard.tsx +62 -25
- package/src/molecules/SegmentedControl.tsx +84 -0
- package/src/molecules/Stepper.tsx +147 -32
- package/src/molecules/index.ts +4 -4
- package/src/organisms/AlertProvider.tsx +26 -1
- package/src/organisms/BottomSheet.tsx +214 -62
- package/src/organisms/List.tsx +73 -41
- package/src/organisms/Modal.tsx +49 -61
- package/src/organisms/NavigationBar.tsx +223 -0
- package/src/organisms/Screen.tsx +11 -3
- package/src/organisms/SearchList.tsx +132 -36
- package/src/organisms/Select.tsx +223 -45
- package/src/organisms/ThemeToggle.tsx +30 -0
- package/src/organisms/Toast.tsx +8 -21
- package/src/organisms/ToastProvider.tsx +24 -0
- package/src/organisms/Wizard.tsx +36 -3
- package/src/organisms/imperativeBridge.ts +28 -0
- package/src/organisms/index.ts +7 -3
- package/src/theme/colors.ts +175 -0
- package/src/theme/createTheme.ts +38 -4
- package/src/theme/index.ts +3 -1
- package/src/theme/palettes.ts +5 -2
- package/src/theme/types.ts +10 -0
- package/lib/commonjs/molecules/ThemeToggle.js.map +0 -1
- package/lib/module/molecules/ThemeToggle.js.map +0 -1
- package/lib/typescript/molecules/ThemeToggle.d.ts.map +0 -1
- package/src/molecules/ThemeToggle.tsx +0 -67
|
@@ -8,6 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _createStyles = require("../theme/createStyles");
|
|
10
10
|
var _UIProvider = require("../theme/UIProvider");
|
|
11
|
+
var _Text = require("../atoms/Text");
|
|
12
|
+
var _IconButton = require("../atoms/IconButton");
|
|
13
|
+
var _Transition = require("../atoms/Transition");
|
|
11
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
15
|
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); }
|
|
13
16
|
const {
|
|
@@ -26,7 +29,6 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
|
26
29
|
backgroundColor: theme.colors.surface,
|
|
27
30
|
borderTopLeftRadius: theme.tokens.radius.xxl,
|
|
28
31
|
borderTopRightRadius: theme.tokens.radius.xxl,
|
|
29
|
-
paddingHorizontal: theme.tokens.spacing.xl,
|
|
30
32
|
...theme.tokens.shadow.lg
|
|
31
33
|
},
|
|
32
34
|
handleArea: {
|
|
@@ -38,6 +40,36 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
|
38
40
|
height: 5,
|
|
39
41
|
borderRadius: 3,
|
|
40
42
|
backgroundColor: theme.colors.border
|
|
43
|
+
},
|
|
44
|
+
header: {
|
|
45
|
+
flexDirection: 'row',
|
|
46
|
+
alignItems: 'center',
|
|
47
|
+
gap: theme.tokens.spacing.md,
|
|
48
|
+
paddingHorizontal: theme.tokens.spacing.xl,
|
|
49
|
+
paddingBottom: theme.tokens.spacing.md
|
|
50
|
+
},
|
|
51
|
+
headerSpaced: {
|
|
52
|
+
paddingTop: theme.tokens.spacing.xl
|
|
53
|
+
},
|
|
54
|
+
title: {
|
|
55
|
+
flex: 1,
|
|
56
|
+
fontSize: theme.tokens.fontSize.xl,
|
|
57
|
+
fontWeight: theme.tokens.fontWeight.bold
|
|
58
|
+
},
|
|
59
|
+
content: {
|
|
60
|
+
paddingHorizontal: theme.tokens.spacing.xl
|
|
61
|
+
},
|
|
62
|
+
scroll: {
|
|
63
|
+
flexShrink: 1
|
|
64
|
+
},
|
|
65
|
+
footer: {
|
|
66
|
+
paddingHorizontal: theme.tokens.spacing.xl,
|
|
67
|
+
paddingTop: theme.tokens.spacing.md,
|
|
68
|
+
borderTopWidth: 1,
|
|
69
|
+
borderTopColor: theme.colors.border
|
|
70
|
+
},
|
|
71
|
+
footerInline: {
|
|
72
|
+
paddingTop: theme.tokens.spacing.xl
|
|
41
73
|
}
|
|
42
74
|
}));
|
|
43
75
|
const absoluteFill = {
|
|
@@ -50,37 +82,43 @@ const absoluteFill = {
|
|
|
50
82
|
|
|
51
83
|
/**
|
|
52
84
|
* BottomSheet
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
85
|
+
* Hoja que entra desde abajo, con arrastre para cerrar (PanResponder, no un
|
|
86
|
+
* gesture-handler externo: la librería es cero dependencias). Header, footer y
|
|
87
|
+
* scroll son opcionales, así que cubre tanto la hoja desnuda como el formulario
|
|
88
|
+
* completo.
|
|
56
89
|
*/
|
|
57
90
|
const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
|
|
58
91
|
visible,
|
|
59
92
|
onClose,
|
|
60
93
|
children,
|
|
61
|
-
|
|
94
|
+
title,
|
|
95
|
+
footer,
|
|
96
|
+
footerPlacement = 'fixed',
|
|
97
|
+
scrollable = true,
|
|
98
|
+
draggable = true,
|
|
99
|
+
maxHeight = 0.9,
|
|
100
|
+
closeAccessibilityLabel = 'Close',
|
|
101
|
+
containerStyle,
|
|
102
|
+
contentStyle,
|
|
103
|
+
testID
|
|
62
104
|
}) => {
|
|
63
105
|
const styles = useStyles();
|
|
106
|
+
const colors = (0, _UIProvider.useColors)();
|
|
64
107
|
const insets = (0, _UIProvider.useInsets)();
|
|
65
108
|
const [mounted, setMounted] = (0, _react.useState)(visible);
|
|
66
|
-
const
|
|
67
|
-
const
|
|
109
|
+
const [keyboardOpen, setKeyboardOpen] = (0, _react.useState)(false);
|
|
110
|
+
const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
68
111
|
(0, _react.useEffect)(() => {
|
|
69
112
|
if (visible) {
|
|
70
113
|
setMounted(true);
|
|
71
|
-
_reactNative.Animated.timing(
|
|
72
|
-
toValue: 0,
|
|
73
|
-
duration: 250,
|
|
74
|
-
useNativeDriver: true
|
|
75
|
-
}).start();
|
|
76
|
-
_reactNative.Animated.timing(backdropOpacity, {
|
|
114
|
+
_reactNative.Animated.timing(progress, {
|
|
77
115
|
toValue: 1,
|
|
78
116
|
duration: 250,
|
|
79
117
|
useNativeDriver: true
|
|
80
118
|
}).start();
|
|
81
119
|
} else {
|
|
82
|
-
_reactNative.Animated.timing(
|
|
83
|
-
toValue:
|
|
120
|
+
_reactNative.Animated.timing(progress, {
|
|
121
|
+
toValue: 0,
|
|
84
122
|
duration: 200,
|
|
85
123
|
useNativeDriver: true
|
|
86
124
|
}).start(({
|
|
@@ -88,24 +126,25 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
|
|
|
88
126
|
}) => {
|
|
89
127
|
if (finished) setMounted(false);
|
|
90
128
|
});
|
|
91
|
-
_reactNative.Animated.timing(backdropOpacity, {
|
|
92
|
-
toValue: 0,
|
|
93
|
-
duration: 200,
|
|
94
|
-
useNativeDriver: true
|
|
95
|
-
}).start();
|
|
96
129
|
}
|
|
97
|
-
}, [visible]);
|
|
130
|
+
}, [visible, progress]);
|
|
131
|
+
(0, _react.useEffect)(() => {
|
|
132
|
+
if (footerPlacement !== 'hide-with-keyboard') return;
|
|
133
|
+
const [show, hide] = _reactNative.Platform.OS === 'ios' ? ['keyboardWillShow', 'keyboardWillHide'] : ['keyboardDidShow', 'keyboardDidHide'];
|
|
134
|
+
const subs = [_reactNative.Keyboard.addListener(show, () => setKeyboardOpen(true)), _reactNative.Keyboard.addListener(hide, () => setKeyboardOpen(false))];
|
|
135
|
+
return () => subs.forEach(sub => sub.remove());
|
|
136
|
+
}, [footerPlacement]);
|
|
98
137
|
const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
|
|
99
138
|
onMoveShouldSetPanResponder: (_, gesture) => gesture.dy > 5 && Math.abs(gesture.dy) > Math.abs(gesture.dx),
|
|
100
139
|
onPanResponderMove: (_, gesture) => {
|
|
101
|
-
if (gesture.dy > 0)
|
|
140
|
+
if (gesture.dy > 0) progress.setValue(1 - Math.min(gesture.dy, SCREEN_HEIGHT) / SCREEN_HEIGHT);
|
|
102
141
|
},
|
|
103
142
|
onPanResponderRelease: (_, gesture) => {
|
|
104
143
|
if (gesture.dy > DISMISS_THRESHOLD) {
|
|
105
144
|
onClose();
|
|
106
145
|
} else {
|
|
107
|
-
_reactNative.Animated.timing(
|
|
108
|
-
toValue:
|
|
146
|
+
_reactNative.Animated.timing(progress, {
|
|
147
|
+
toValue: 1,
|
|
109
148
|
duration: 150,
|
|
110
149
|
useNativeDriver: true
|
|
111
150
|
}).start();
|
|
@@ -113,39 +152,79 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
|
|
|
113
152
|
}
|
|
114
153
|
})).current;
|
|
115
154
|
if (!mounted) return null;
|
|
155
|
+
|
|
156
|
+
// Porcentaje y no píxeles: se mide contra el contenedor, que con el teclado
|
|
157
|
+
// abierto es más bajo, así que la hoja entra siempre entera.
|
|
158
|
+
const resolvedMaxHeight = maxHeight <= 1 ? `${maxHeight * 100}%` : maxHeight;
|
|
159
|
+
const hasHeader = !!title;
|
|
160
|
+
const scrolledFooter = !!footer && footerPlacement === 'scroll' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
161
|
+
style: styles.footerInline,
|
|
162
|
+
children: footer
|
|
163
|
+
});
|
|
164
|
+
const pinnedFooter = !!footer && footerPlacement !== 'scroll' && !(footerPlacement === 'hide-with-keyboard' && keyboardOpen) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
165
|
+
style: styles.footer,
|
|
166
|
+
children: footer
|
|
167
|
+
}) : null;
|
|
168
|
+
const body = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
|
|
169
|
+
style: styles.scroll,
|
|
170
|
+
contentContainerStyle: [styles.content, contentStyle],
|
|
171
|
+
keyboardShouldPersistTaps: "handled",
|
|
172
|
+
showsVerticalScrollIndicator: false,
|
|
173
|
+
children: [children, scrolledFooter]
|
|
174
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
175
|
+
style: [styles.content, contentStyle],
|
|
176
|
+
children: [children, scrolledFooter]
|
|
177
|
+
});
|
|
116
178
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
117
179
|
visible: true,
|
|
118
180
|
transparent: true,
|
|
119
181
|
animationType: "none",
|
|
120
182
|
statusBarTranslucent: true,
|
|
121
183
|
onRequestClose: onClose,
|
|
122
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.
|
|
184
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
|
|
123
185
|
style: styles.container,
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
186
|
+
behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
|
|
187
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.Transition, {
|
|
188
|
+
value: progress,
|
|
189
|
+
preset: "fade",
|
|
190
|
+
style: [absoluteFill, styles.backdrop],
|
|
128
191
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
129
192
|
style: absoluteFill,
|
|
130
193
|
onPress: onClose,
|
|
131
|
-
|
|
132
|
-
|
|
194
|
+
testID: "bottom-sheet-backdrop",
|
|
195
|
+
accessibilityRole: hasHeader ? undefined : 'button',
|
|
196
|
+
accessibilityLabel: hasHeader ? undefined : closeAccessibilityLabel
|
|
133
197
|
})
|
|
134
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
198
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Transition.Transition, {
|
|
199
|
+
value: progress,
|
|
200
|
+
preset: "slide-up",
|
|
201
|
+
distance: SCREEN_HEIGHT,
|
|
202
|
+
testID: testID,
|
|
135
203
|
style: [styles.sheet, {
|
|
204
|
+
maxHeight: resolvedMaxHeight,
|
|
136
205
|
paddingBottom: Math.max(insets.bottom, 20)
|
|
137
|
-
},
|
|
138
|
-
|
|
139
|
-
translateY
|
|
140
|
-
}]
|
|
141
|
-
}],
|
|
142
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
206
|
+
}, containerStyle],
|
|
207
|
+
children: [draggable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
143
208
|
style: styles.handleArea,
|
|
209
|
+
testID: "bottom-sheet-handle",
|
|
144
210
|
...panResponder.panHandlers,
|
|
145
211
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
146
212
|
style: styles.handle
|
|
147
213
|
})
|
|
148
|
-
}),
|
|
214
|
+
}), hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
215
|
+
style: [styles.header, !draggable && styles.headerSpaced],
|
|
216
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Title, {
|
|
217
|
+
style: styles.title,
|
|
218
|
+
numberOfLines: 1,
|
|
219
|
+
children: title
|
|
220
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
|
|
221
|
+
iconName: "close",
|
|
222
|
+
size: 24,
|
|
223
|
+
color: colors.text,
|
|
224
|
+
onPress: onClose,
|
|
225
|
+
accessibilityLabel: closeAccessibilityLabel
|
|
226
|
+
})]
|
|
227
|
+
}), body, pinnedFooter]
|
|
149
228
|
})]
|
|
150
229
|
})
|
|
151
230
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","height","SCREEN_HEIGHT","Dimensions","DISMISS_THRESHOLD","useStyles","createStyles","theme","container","flex","justifyContent","backdrop","backgroundColor","colors","overlay","sheet","surface","borderTopLeftRadius","tokens","radius","xxl","borderTopRightRadius","paddingHorizontal","spacing","xl","shadow","lg","handleArea","paddingVertical","md","alignItems","handle","width","borderRadius","border","absoluteFill","position","top","left","right","bottom","BottomSheet","exports","memo","visible","onClose","children","closeAccessibilityLabel","styles","insets","useInsets","mounted","setMounted","useState","translateY","useRef","Animated","Value","current","backdropOpacity","useEffect","timing","toValue","duration","useNativeDriver","start","finished","panResponder","PanResponder","create","onMoveShouldSetPanResponder","_","gesture","dy","Math","abs","dx","onPanResponderMove","setValue","onPanResponderRelease","jsx","Modal","transparent","animationType","statusBarTranslucent","onRequestClose","jsxs","View","style","opacity","Pressable","onPress","accessibilityRole","accessibilityLabel","paddingBottom","max","transform","panHandlers","displayName"],"sourceRoot":"../../../src","sources":["organisms/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Text","_IconButton","_Transition","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","height","SCREEN_HEIGHT","Dimensions","DISMISS_THRESHOLD","useStyles","createStyles","theme","container","flex","justifyContent","backdrop","backgroundColor","colors","overlay","sheet","surface","borderTopLeftRadius","tokens","radius","xxl","borderTopRightRadius","shadow","lg","handleArea","paddingVertical","spacing","md","alignItems","handle","width","borderRadius","border","header","flexDirection","gap","paddingHorizontal","xl","paddingBottom","headerSpaced","paddingTop","title","fontSize","fontWeight","bold","content","scroll","flexShrink","footer","borderTopWidth","borderTopColor","footerInline","absoluteFill","position","top","left","right","bottom","BottomSheet","exports","memo","visible","onClose","children","footerPlacement","scrollable","draggable","maxHeight","closeAccessibilityLabel","containerStyle","contentStyle","testID","styles","useColors","insets","useInsets","mounted","setMounted","useState","keyboardOpen","setKeyboardOpen","progress","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","finished","show","hide","Platform","OS","subs","Keyboard","addListener","forEach","sub","remove","panResponder","PanResponder","create","onMoveShouldSetPanResponder","_","gesture","dy","Math","abs","dx","onPanResponderMove","setValue","min","onPanResponderRelease","resolvedMaxHeight","hasHeader","scrolledFooter","jsx","View","style","pinnedFooter","body","jsxs","ScrollView","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","Modal","transparent","animationType","statusBarTranslucent","onRequestClose","KeyboardAvoidingView","behavior","Transition","value","preset","Pressable","onPress","accessibilityRole","undefined","accessibilityLabel","distance","max","panHandlers","Title","numberOfLines","IconButton","iconName","size","color","text","displayName"],"sourceRoot":"../../../src","sources":["organisms/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _createStyles = require("../theme/createStyles");
|
|
10
10
|
var _UIProvider = require("../theme/UIProvider");
|
|
11
11
|
var _EmptyState = require("../atoms/EmptyState");
|
|
12
|
+
var _Skeleton = require("../atoms/Skeleton");
|
|
12
13
|
var _Spinner = require("../atoms/Spinner");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
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); }
|
|
@@ -17,29 +18,22 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
|
17
18
|
flex: 1,
|
|
18
19
|
backgroundColor: theme.colors.background
|
|
19
20
|
},
|
|
20
|
-
loadingOverlay: {
|
|
21
|
-
position: 'absolute',
|
|
22
|
-
top: 0,
|
|
23
|
-
left: 0,
|
|
24
|
-
right: 0,
|
|
25
|
-
bottom: 0,
|
|
26
|
-
backgroundColor: theme.colors.scrim,
|
|
27
|
-
zIndex: 10,
|
|
28
|
-
justifyContent: 'center',
|
|
29
|
-
alignItems: 'center'
|
|
30
|
-
},
|
|
31
|
-
loadingText: {
|
|
32
|
-
marginTop: theme.tokens.spacing.md,
|
|
33
|
-
color: theme.colors.textLight,
|
|
34
|
-
fontWeight: theme.tokens.fontWeight.medium
|
|
35
|
-
},
|
|
36
21
|
listContent: {
|
|
37
|
-
padding: theme.tokens.spacing.md
|
|
38
|
-
paddingBottom: _reactNative.Platform.OS === 'android' ? 100 : 80
|
|
22
|
+
padding: theme.tokens.spacing.md
|
|
39
23
|
},
|
|
40
24
|
footerLoader: {
|
|
41
25
|
paddingVertical: theme.tokens.spacing.xl,
|
|
42
26
|
alignItems: 'center'
|
|
27
|
+
},
|
|
28
|
+
skeletonRow: {
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
alignItems: 'center',
|
|
31
|
+
gap: theme.tokens.spacing.md,
|
|
32
|
+
padding: theme.tokens.spacing.md
|
|
33
|
+
},
|
|
34
|
+
skeletonText: {
|
|
35
|
+
flex: 1,
|
|
36
|
+
gap: theme.tokens.spacing.sm
|
|
43
37
|
}
|
|
44
38
|
}));
|
|
45
39
|
|
|
@@ -54,10 +48,13 @@ function List({
|
|
|
54
48
|
keyExtractor,
|
|
55
49
|
renderItem,
|
|
56
50
|
isLoading,
|
|
51
|
+
isRefreshing = false,
|
|
57
52
|
isLoadingMore = false,
|
|
58
53
|
isReady = true,
|
|
59
54
|
loadingText,
|
|
60
55
|
loadingMoreText,
|
|
56
|
+
skeletonCount = 6,
|
|
57
|
+
renderSkeletonItem,
|
|
61
58
|
onEndReached,
|
|
62
59
|
onEndReachedThreshold = 0.3,
|
|
63
60
|
onRefresh,
|
|
@@ -76,21 +73,27 @@ function List({
|
|
|
76
73
|
const labels = (0, _UIProvider.useLabels)();
|
|
77
74
|
const resolvedLoadingText = loadingText ?? labels.loading;
|
|
78
75
|
const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
|
|
76
|
+
const isInitialLoading = isLoading && data.length === 0;
|
|
77
|
+
|
|
78
|
+
// El footer propio y el loader de paginación conviven: antes el primero
|
|
79
|
+
// tapaba al segundo y la lista dejaba de avisar que estaba trayendo más.
|
|
79
80
|
const renderFooter = (0, _react.useCallback)(() => {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
})
|
|
81
|
+
const custom = typeof ListFooterComponent === 'function' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ListFooterComponent, {}) : ListFooterComponent ?? null;
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
83
|
+
children: [custom, isLoadingMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
84
|
+
style: styles.footerLoader,
|
|
85
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
|
|
86
|
+
text: resolvedLoadingMoreText,
|
|
87
|
+
fullscreen: false
|
|
88
|
+
})
|
|
89
|
+
})]
|
|
90
90
|
});
|
|
91
91
|
}, [isLoadingMore, resolvedLoadingMoreText, ListFooterComponent, styles.footerLoader]);
|
|
92
|
+
|
|
93
|
+
// Vacío sólo cuando ya se sabe que no hay nada: durante la carga inicial se
|
|
94
|
+
// muestran placeholders, no "sin resultados".
|
|
92
95
|
const renderEmpty = (0, _react.useCallback)(() => {
|
|
93
|
-
if (isLoading) return null;
|
|
96
|
+
if (isLoading || isRefreshing) return null;
|
|
94
97
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
95
98
|
title: emptyTitle,
|
|
96
99
|
description: emptyDescription,
|
|
@@ -99,7 +102,7 @@ function List({
|
|
|
99
102
|
marginTop: 50
|
|
100
103
|
}
|
|
101
104
|
});
|
|
102
|
-
}, [isLoading, emptyTitle, emptyDescription, emptyIconName]);
|
|
105
|
+
}, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName]);
|
|
103
106
|
if (!isReady) {
|
|
104
107
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
105
108
|
style: styles.container,
|
|
@@ -108,19 +111,38 @@ function List({
|
|
|
108
111
|
})
|
|
109
112
|
});
|
|
110
113
|
}
|
|
111
|
-
|
|
114
|
+
if (isInitialLoading) {
|
|
115
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
116
|
+
style: [styles.container, containerStyle],
|
|
117
|
+
testID: "list-skeleton",
|
|
118
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
119
|
+
style: [styles.listContent, contentContainerStyle],
|
|
120
|
+
children: Array.from({
|
|
121
|
+
length: skeletonCount
|
|
122
|
+
}, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
123
|
+
children: renderSkeletonItem?.() ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
124
|
+
style: styles.skeletonRow,
|
|
125
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
126
|
+
variant: "circle",
|
|
127
|
+
width: 40
|
|
128
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
129
|
+
style: styles.skeletonText,
|
|
130
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
131
|
+
width: "60%",
|
|
132
|
+
height: 14
|
|
133
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
134
|
+
width: "35%",
|
|
135
|
+
height: 12
|
|
136
|
+
})]
|
|
137
|
+
})]
|
|
138
|
+
})
|
|
139
|
+
}, i))
|
|
140
|
+
})
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
112
144
|
style: [styles.container, containerStyle],
|
|
113
|
-
children:
|
|
114
|
-
style: styles.loadingOverlay,
|
|
115
|
-
pointerEvents: "none",
|
|
116
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
117
|
-
size: "large",
|
|
118
|
-
color: colors.primary
|
|
119
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
120
|
-
style: styles.loadingText,
|
|
121
|
-
children: resolvedLoadingText
|
|
122
|
-
})]
|
|
123
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ListComponent, {
|
|
145
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListComponent, {
|
|
124
146
|
data: data,
|
|
125
147
|
keyExtractor: keyExtractor,
|
|
126
148
|
renderItem: renderItem,
|
|
@@ -131,13 +153,13 @@ function List({
|
|
|
131
153
|
ListFooterComponent: renderFooter,
|
|
132
154
|
ListEmptyComponent: renderEmpty,
|
|
133
155
|
refreshControl: onRefresh ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
|
|
134
|
-
refreshing:
|
|
156
|
+
refreshing: isRefreshing,
|
|
135
157
|
onRefresh: onRefresh,
|
|
136
158
|
colors: [colors.primary],
|
|
137
159
|
tintColor: colors.primary
|
|
138
160
|
}) : undefined,
|
|
139
161
|
...listProps
|
|
140
|
-
})
|
|
162
|
+
})
|
|
141
163
|
});
|
|
142
164
|
}
|
|
143
165
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_EmptyState","_Spinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flex","backgroundColor","colors","background","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_EmptyState","_Skeleton","_Spinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flex","backgroundColor","colors","background","listContent","padding","tokens","spacing","md","footerLoader","paddingVertical","xl","alignItems","skeletonRow","flexDirection","gap","skeletonText","sm","List","data","keyExtractor","renderItem","isLoading","isRefreshing","isLoadingMore","isReady","loadingText","loadingMoreText","skeletonCount","renderSkeletonItem","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","FlatList","listProps","useColors","styles","labels","useLabels","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","isInitialLoading","length","renderFooter","useCallback","custom","jsx","jsxs","Fragment","children","View","style","Spinner","text","fullscreen","renderEmpty","EmptyState","title","description","iconName","marginTop","testID","Array","from","_","Skeleton","variant","width","height","ListEmptyComponent","refreshControl","RefreshControl","refreshing","primary","tintColor","undefined"],"sourceRoot":"../../../src","sources":["organisms/List.tsx"],"mappings":"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","ignoreList":[]}
|