orn-ui 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/README.md +9 -2
- package/lib/commonjs/atoms/Avatar.js +1 -1
- package/lib/commonjs/atoms/Avatar.js.map +1 -1
- package/lib/commonjs/atoms/Badge.js +10 -8
- package/lib/commonjs/atoms/Badge.js.map +1 -1
- package/lib/commonjs/atoms/Button.js +8 -6
- package/lib/commonjs/atoms/Button.js.map +1 -1
- package/lib/commonjs/atoms/Checkbox.js +4 -1
- package/lib/commonjs/atoms/Checkbox.js.map +1 -1
- package/lib/commonjs/atoms/Fab.js +1 -1
- package/lib/commonjs/atoms/Fab.js.map +1 -1
- package/lib/commonjs/atoms/Image.js +2 -2
- package/lib/commonjs/atoms/Image.js.map +1 -1
- package/lib/commonjs/atoms/Input.js +2 -2
- package/lib/commonjs/atoms/Input.js.map +1 -1
- 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/AvatarHeader.js +2 -2
- package/lib/commonjs/molecules/AvatarHeader.js.map +1 -1
- package/lib/commonjs/molecules/OptionCard.js +57 -24
- package/lib/commonjs/molecules/OptionCard.js.map +1 -1
- package/lib/commonjs/molecules/{ThemeToggle.js → SegmentedControl.js} +37 -37
- 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/Steps.js +2 -2
- package/lib/commonjs/molecules/Steps.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/Alert.js +6 -5
- package/lib/commonjs/organisms/Alert.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/DateField.js +2 -2
- package/lib/commonjs/organisms/DateField.js.map +1 -1
- package/lib/commonjs/organisms/DatePicker.js +3 -3
- package/lib/commonjs/organisms/DatePicker.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 +99 -30
- package/lib/commonjs/organisms/SearchList.js.map +1 -1
- package/lib/commonjs/organisms/Select.js +226 -54
- 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 +20 -25
- 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/safe-area/SafeAreaUIProvider.js +65 -0
- package/lib/commonjs/safe-area/SafeAreaUIProvider.js.map +1 -0
- package/lib/commonjs/safe-area/index.js +13 -0
- package/lib/commonjs/safe-area/index.js.map +1 -0
- package/lib/commonjs/theme/UIProvider.js +11 -0
- package/lib/commonjs/theme/UIProvider.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 +73 -11
- package/lib/commonjs/theme/palettes.js.map +1 -1
- package/lib/module/atoms/Avatar.js +1 -1
- package/lib/module/atoms/Avatar.js.map +1 -1
- package/lib/module/atoms/Badge.js +10 -8
- package/lib/module/atoms/Badge.js.map +1 -1
- package/lib/module/atoms/Button.js +8 -6
- package/lib/module/atoms/Button.js.map +1 -1
- package/lib/module/atoms/Checkbox.js +4 -1
- package/lib/module/atoms/Checkbox.js.map +1 -1
- package/lib/module/atoms/Fab.js +1 -1
- package/lib/module/atoms/Fab.js.map +1 -1
- package/lib/module/atoms/Image.js +2 -2
- package/lib/module/atoms/Image.js.map +1 -1
- package/lib/module/atoms/Input.js +2 -2
- package/lib/module/atoms/Input.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/AvatarHeader.js +2 -2
- package/lib/module/molecules/AvatarHeader.js.map +1 -1
- package/lib/module/molecules/OptionCard.js +58 -25
- package/lib/module/molecules/OptionCard.js.map +1 -1
- package/lib/module/molecules/{ThemeToggle.js → SegmentedControl.js} +37 -37
- 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/Steps.js +2 -2
- package/lib/module/molecules/Steps.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/Alert.js +6 -5
- package/lib/module/organisms/Alert.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/DateField.js +2 -2
- package/lib/module/organisms/DateField.js.map +1 -1
- package/lib/module/organisms/DatePicker.js +3 -3
- package/lib/module/organisms/DatePicker.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 +100 -31
- package/lib/module/organisms/SearchList.js.map +1 -1
- package/lib/module/organisms/Select.js +228 -56
- 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 +22 -27
- 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/safe-area/SafeAreaUIProvider.js +60 -0
- package/lib/module/safe-area/SafeAreaUIProvider.js.map +1 -0
- package/lib/module/safe-area/index.js +4 -0
- package/lib/module/safe-area/index.js.map +1 -0
- package/lib/module/theme/UIProvider.js +11 -0
- package/lib/module/theme/UIProvider.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 +73 -11
- package/lib/module/theme/palettes.js.map +1 -1
- package/lib/typescript/atoms/Badge.d.ts.map +1 -1
- package/lib/typescript/atoms/Button.d.ts.map +1 -1
- package/lib/typescript/atoms/Checkbox.d.ts.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/Alert.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/safe-area/SafeAreaUIProvider.d.ts +46 -0
- package/lib/typescript/safe-area/SafeAreaUIProvider.d.ts.map +1 -0
- package/lib/typescript/safe-area/index.d.ts +3 -0
- package/lib/typescript/safe-area/index.d.ts.map +1 -0
- package/lib/typescript/theme/UIProvider.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 +41 -3
- 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 +101 -18
- package/registry/alert-provider.json +9 -2
- package/registry/alert.json +1 -1
- package/registry/avatar-header.json +1 -1
- package/registry/avatar.json +1 -1
- package/registry/badge.json +1 -1
- package/registry/bottom-sheet.json +6 -2
- package/registry/button.json +1 -1
- package/registry/checkbox.json +1 -1
- package/registry/core.json +9 -5
- package/registry/date-field.json +2 -1
- package/registry/date-picker.json +1 -1
- package/registry/fab.json +1 -1
- package/registry/image.json +1 -1
- package/registry/index.json +108 -39
- package/registry/input.json +1 -1
- 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/steps.json +1 -1
- 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/Avatar.tsx +1 -1
- package/src/atoms/Badge.tsx +6 -4
- package/src/atoms/Button.tsx +8 -6
- package/src/atoms/Checkbox.tsx +4 -1
- package/src/atoms/Fab.tsx +1 -1
- package/src/atoms/Image.tsx +2 -2
- package/src/atoms/Input.tsx +2 -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/AvatarHeader.tsx +2 -2
- package/src/molecules/OptionCard.tsx +64 -27
- package/src/molecules/SegmentedControl.tsx +84 -0
- package/src/molecules/Stepper.tsx +147 -32
- package/src/molecules/Steps.tsx +2 -2
- package/src/molecules/index.ts +4 -4
- package/src/organisms/Alert.tsx +6 -5
- package/src/organisms/AlertProvider.tsx +26 -1
- package/src/organisms/BottomSheet.tsx +214 -62
- package/src/organisms/DateField.tsx +2 -2
- package/src/organisms/DatePicker.tsx +3 -3
- 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 +134 -38
- package/src/organisms/Select.tsx +227 -49
- package/src/organisms/ThemeToggle.tsx +30 -0
- package/src/organisms/Toast.tsx +19 -24
- 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/safe-area/SafeAreaUIProvider.tsx +67 -0
- package/src/safe-area/index.ts +2 -0
- package/src/theme/UIProvider.tsx +15 -0
- 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 +108 -11
- 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
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useState } from 'react';
|
|
4
|
-
import { ActivityIndicator, Pressable, Text, View } from 'react-native';
|
|
3
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { ActivityIndicator, Keyboard, Modal, Platform, Pressable, ScrollView, Text, TextInput, View, useWindowDimensions } from 'react-native';
|
|
5
5
|
import { createStyles } from '../theme/createStyles';
|
|
6
6
|
import { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';
|
|
7
7
|
import { Icon } from '../icons/Icon';
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
/** Aire entre el campo y el desplegable. */
|
|
10
|
+
const GAP = 8;
|
|
11
|
+
/** Por debajo de esto el desplegable no muestra ni dos filas. */
|
|
12
|
+
const MIN_HEIGHT = 120;
|
|
9
13
|
const useStyles = createStyles(theme => ({
|
|
10
14
|
container: {
|
|
11
15
|
gap: theme.tokens.spacing.sm
|
|
12
16
|
},
|
|
13
|
-
containerOpen: {
|
|
14
|
-
zIndex: 20,
|
|
15
|
-
elevation: 20
|
|
16
|
-
},
|
|
17
17
|
label: {
|
|
18
18
|
fontWeight: theme.tokens.fontWeight.bold,
|
|
19
19
|
fontSize: theme.tokens.fontSize.md,
|
|
20
20
|
color: theme.colors.text
|
|
21
21
|
},
|
|
22
22
|
required: {
|
|
23
|
-
color: theme.colors.
|
|
23
|
+
color: theme.colors.errorText
|
|
24
24
|
},
|
|
25
25
|
field: {
|
|
26
26
|
flexDirection: 'row',
|
|
@@ -33,28 +33,46 @@ const useStyles = createStyles(theme => ({
|
|
|
33
33
|
minHeight: 50,
|
|
34
34
|
paddingHorizontal: theme.tokens.spacing.lg
|
|
35
35
|
},
|
|
36
|
+
fieldOpen: {
|
|
37
|
+
borderColor: theme.colors.primary
|
|
38
|
+
},
|
|
39
|
+
fieldDisabled: {
|
|
40
|
+
opacity: 0.5
|
|
41
|
+
},
|
|
42
|
+
fieldValue: {
|
|
43
|
+
flexDirection: 'row',
|
|
44
|
+
alignItems: 'center',
|
|
45
|
+
gap: theme.tokens.spacing.sm,
|
|
46
|
+
flexShrink: 1
|
|
47
|
+
},
|
|
36
48
|
fieldText: {
|
|
37
49
|
fontSize: theme.tokens.fontSize.lg,
|
|
38
|
-
color: theme.colors.text
|
|
50
|
+
color: theme.colors.text,
|
|
51
|
+
flexShrink: 1
|
|
39
52
|
},
|
|
40
53
|
fieldPlaceholder: {
|
|
41
54
|
color: theme.colors.textLight
|
|
42
55
|
},
|
|
43
|
-
|
|
56
|
+
backdrop: {
|
|
57
|
+
flex: 1
|
|
58
|
+
},
|
|
59
|
+
sheet: {
|
|
44
60
|
position: 'absolute',
|
|
45
|
-
top: '100%',
|
|
46
|
-
left: 0,
|
|
47
|
-
right: 0,
|
|
48
|
-
marginTop: theme.tokens.spacing.sm,
|
|
49
61
|
borderWidth: 2,
|
|
50
62
|
borderColor: theme.colors.border,
|
|
51
63
|
borderRadius: theme.tokens.radius.lg,
|
|
52
64
|
backgroundColor: theme.colors.surface,
|
|
53
65
|
overflow: 'hidden',
|
|
54
|
-
zIndex: 20,
|
|
55
|
-
elevation: 20,
|
|
56
66
|
...theme.tokens.shadow.md
|
|
57
67
|
},
|
|
68
|
+
search: {
|
|
69
|
+
fontSize: theme.tokens.fontSize.md,
|
|
70
|
+
color: theme.colors.text,
|
|
71
|
+
paddingHorizontal: theme.tokens.spacing.lg,
|
|
72
|
+
paddingVertical: theme.tokens.spacing.md,
|
|
73
|
+
borderBottomWidth: 1,
|
|
74
|
+
borderBottomColor: theme.colors.border
|
|
75
|
+
},
|
|
58
76
|
optionRow: {
|
|
59
77
|
flexDirection: 'row',
|
|
60
78
|
alignItems: 'center',
|
|
@@ -68,7 +86,16 @@ const useStyles = createStyles(theme => ({
|
|
|
68
86
|
borderBottomWidth: 0
|
|
69
87
|
},
|
|
70
88
|
optionRowSelected: {
|
|
71
|
-
backgroundColor: theme.colors.
|
|
89
|
+
backgroundColor: theme.colors.primarySoft
|
|
90
|
+
},
|
|
91
|
+
optionRowDisabled: {
|
|
92
|
+
opacity: 0.4
|
|
93
|
+
},
|
|
94
|
+
optionLabel: {
|
|
95
|
+
flexDirection: 'row',
|
|
96
|
+
alignItems: 'center',
|
|
97
|
+
gap: theme.tokens.spacing.sm,
|
|
98
|
+
flexShrink: 1
|
|
72
99
|
},
|
|
73
100
|
optionText: {
|
|
74
101
|
fontSize: theme.tokens.fontSize.lg - 1,
|
|
@@ -76,19 +103,28 @@ const useStyles = createStyles(theme => ({
|
|
|
76
103
|
},
|
|
77
104
|
optionTextSelected: {
|
|
78
105
|
fontWeight: theme.tokens.fontWeight.semibold,
|
|
79
|
-
color: theme.colors.
|
|
106
|
+
color: theme.colors.primaryText
|
|
107
|
+
},
|
|
108
|
+
emoji: {
|
|
109
|
+
fontSize: theme.tokens.fontSize.lg
|
|
110
|
+
},
|
|
111
|
+
empty: {
|
|
112
|
+
padding: theme.tokens.spacing.lg,
|
|
113
|
+
textAlign: 'center',
|
|
114
|
+
color: theme.colors.textLight,
|
|
115
|
+
fontSize: theme.tokens.fontSize.md
|
|
80
116
|
},
|
|
81
117
|
errorText: {
|
|
82
118
|
fontSize: theme.tokens.fontSize.sm,
|
|
83
|
-
color: theme.colors.
|
|
119
|
+
color: theme.colors.errorText
|
|
84
120
|
}
|
|
85
121
|
}));
|
|
86
|
-
|
|
87
122
|
/**
|
|
88
123
|
* Select
|
|
89
|
-
* Dropdown
|
|
90
|
-
*
|
|
91
|
-
*
|
|
124
|
+
* Dropdown de una sola opción. La lista se mide contra la ventana y se dibuja
|
|
125
|
+
* dentro de un Modal, no en el árbol del campo: así ningún `overflow: hidden`
|
|
126
|
+
* la recorta, no depende del zIndex (poco confiable en Android) y el fondo del
|
|
127
|
+
* Modal resuelve cerrar tocando afuera y con el botón atrás.
|
|
92
128
|
*/
|
|
93
129
|
export function Select({
|
|
94
130
|
label,
|
|
@@ -99,16 +135,105 @@ export function Select({
|
|
|
99
135
|
placeholder,
|
|
100
136
|
error,
|
|
101
137
|
isLoading = false,
|
|
102
|
-
|
|
138
|
+
disabled = false,
|
|
139
|
+
searchable = false,
|
|
140
|
+
searchPlaceholder,
|
|
141
|
+
maxHeight = 280,
|
|
142
|
+
onOpenChange,
|
|
143
|
+
containerStyle,
|
|
144
|
+
testID
|
|
103
145
|
}) {
|
|
104
146
|
const colors = useColors();
|
|
105
147
|
const styles = useStyles();
|
|
106
148
|
const labels = useLabels();
|
|
107
149
|
const allowFontScaling = useAllowFontScaling();
|
|
150
|
+
const {
|
|
151
|
+
height: windowHeight
|
|
152
|
+
} = useWindowDimensions();
|
|
153
|
+
const fieldRef = useRef(null);
|
|
108
154
|
const [open, setOpen] = useState(false);
|
|
155
|
+
const [anchor, setAnchor] = useState(null);
|
|
156
|
+
const [query, setQuery] = useState('');
|
|
157
|
+
const [keyboardHeight, setKeyboardHeight] = useState(0);
|
|
158
|
+
const isDisabled = disabled || isLoading;
|
|
109
159
|
const selectedOption = options.find(o => o.value === selectedValue);
|
|
160
|
+
const close = useCallback(() => {
|
|
161
|
+
setOpen(false);
|
|
162
|
+
setAnchor(null);
|
|
163
|
+
setQuery('');
|
|
164
|
+
onOpenChange?.(false);
|
|
165
|
+
}, [onOpenChange]);
|
|
166
|
+
|
|
167
|
+
// Abrir no espera a la medición: si `measureInWindow` no responde, la lista
|
|
168
|
+
// igual aparece (centrada) en vez de que el campo deje de funcionar.
|
|
169
|
+
const openList = () => {
|
|
170
|
+
fieldRef.current?.measureInWindow((x, y, width, height) => setAnchor({
|
|
171
|
+
x,
|
|
172
|
+
y,
|
|
173
|
+
width,
|
|
174
|
+
height
|
|
175
|
+
}));
|
|
176
|
+
setOpen(true);
|
|
177
|
+
onOpenChange?.(true);
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
// El buscador abre el teclado encima del desplegable: sin descontarlo, la
|
|
181
|
+
// lista se dibuja donde ya no se ve.
|
|
182
|
+
useEffect(() => {
|
|
183
|
+
if (!open) return;
|
|
184
|
+
setKeyboardHeight(Keyboard.metrics()?.height ?? 0);
|
|
185
|
+
const [show, hide] = Platform.OS === 'ios' ? ['keyboardWillShow', 'keyboardWillHide'] : ['keyboardDidShow', 'keyboardDidHide'];
|
|
186
|
+
const subs = [Keyboard.addListener(show, e => setKeyboardHeight(e.endCoordinates.height)), Keyboard.addListener(hide, () => setKeyboardHeight(0))];
|
|
187
|
+
return () => subs.forEach(sub => sub.remove());
|
|
188
|
+
}, [open]);
|
|
189
|
+
const visibleOptions = useMemo(() => {
|
|
190
|
+
if (!searchable || query.trim() === '') return options;
|
|
191
|
+
const needle = query.trim().toLowerCase();
|
|
192
|
+
return options.filter(option => option.label.toLowerCase().includes(needle));
|
|
193
|
+
}, [options, query, searchable]);
|
|
194
|
+
|
|
195
|
+
// Se abre hacia donde haya más aire: contra el borde inferior de la pantalla,
|
|
196
|
+
// hacia arriba es la única forma de que entre.
|
|
197
|
+
const placement = useMemo(() => {
|
|
198
|
+
if (!anchor) return {
|
|
199
|
+
left: GAP * 2,
|
|
200
|
+
right: GAP * 2,
|
|
201
|
+
top: windowHeight * 0.25,
|
|
202
|
+
maxHeight
|
|
203
|
+
};
|
|
204
|
+
const usableHeight = windowHeight - keyboardHeight;
|
|
205
|
+
const below = usableHeight - (anchor.y + anchor.height) - GAP * 2;
|
|
206
|
+
const above = anchor.y - GAP * 2;
|
|
207
|
+
const downwards = below >= Math.min(maxHeight, above);
|
|
208
|
+
return {
|
|
209
|
+
left: anchor.x,
|
|
210
|
+
width: anchor.width,
|
|
211
|
+
maxHeight: Math.max(Math.min(maxHeight, downwards ? below : above), MIN_HEIGHT),
|
|
212
|
+
...(downwards ? {
|
|
213
|
+
top: anchor.y + anchor.height + GAP
|
|
214
|
+
} : {
|
|
215
|
+
bottom: windowHeight - anchor.y + GAP
|
|
216
|
+
})
|
|
217
|
+
};
|
|
218
|
+
}, [anchor, keyboardHeight, maxHeight, windowHeight]);
|
|
219
|
+
const renderLeading = (option, color) => {
|
|
220
|
+
if (!option) return null;
|
|
221
|
+
if (option.emoji) {
|
|
222
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
223
|
+
allowFontScaling: allowFontScaling,
|
|
224
|
+
style: styles.emoji,
|
|
225
|
+
children: option.emoji
|
|
226
|
+
});
|
|
227
|
+
}
|
|
228
|
+
return option.iconName ? /*#__PURE__*/_jsx(Icon, {
|
|
229
|
+
name: option.iconName,
|
|
230
|
+
size: 20,
|
|
231
|
+
color: color
|
|
232
|
+
}) : null;
|
|
233
|
+
};
|
|
110
234
|
return /*#__PURE__*/_jsxs(View, {
|
|
111
|
-
style: [styles.container,
|
|
235
|
+
style: [styles.container, containerStyle],
|
|
236
|
+
testID: testID,
|
|
112
237
|
children: [label && /*#__PURE__*/_jsxs(Text, {
|
|
113
238
|
allowFontScaling: allowFontScaling,
|
|
114
239
|
style: styles.label,
|
|
@@ -117,19 +242,27 @@ export function Select({
|
|
|
117
242
|
children: " *"
|
|
118
243
|
})]
|
|
119
244
|
}), /*#__PURE__*/_jsxs(Pressable, {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
245
|
+
ref: fieldRef,
|
|
246
|
+
style: [styles.field, open && styles.fieldOpen, isDisabled && styles.fieldDisabled],
|
|
247
|
+
onPress: openList,
|
|
248
|
+
disabled: isDisabled,
|
|
249
|
+
accessibilityRole: "combobox",
|
|
124
250
|
accessibilityLabel: label ?? placeholder ?? labels.selectPlaceholder,
|
|
251
|
+
accessibilityValue: {
|
|
252
|
+
text: selectedOption?.label ?? ''
|
|
253
|
+
},
|
|
125
254
|
accessibilityState: {
|
|
126
255
|
expanded: open,
|
|
127
|
-
disabled:
|
|
256
|
+
disabled: isDisabled
|
|
128
257
|
},
|
|
129
|
-
children: [/*#__PURE__*/
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
258
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
259
|
+
style: styles.fieldValue,
|
|
260
|
+
children: [renderLeading(selectedOption, colors.textLight), /*#__PURE__*/_jsx(Text, {
|
|
261
|
+
allowFontScaling: allowFontScaling,
|
|
262
|
+
numberOfLines: 1,
|
|
263
|
+
style: [styles.fieldText, !selectedOption && styles.fieldPlaceholder],
|
|
264
|
+
children: selectedOption?.label || placeholder || labels.selectPlaceholder
|
|
265
|
+
})]
|
|
133
266
|
}), isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
134
267
|
size: "small",
|
|
135
268
|
color: colors.primary
|
|
@@ -138,31 +271,70 @@ export function Select({
|
|
|
138
271
|
size: 20,
|
|
139
272
|
color: colors.textLight
|
|
140
273
|
})]
|
|
141
|
-
}), open &&
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
274
|
+
}), open && /*#__PURE__*/_jsxs(Modal, {
|
|
275
|
+
visible: true,
|
|
276
|
+
transparent: true,
|
|
277
|
+
animationType: "fade",
|
|
278
|
+
statusBarTranslucent: true,
|
|
279
|
+
onRequestClose: close,
|
|
280
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
281
|
+
style: styles.backdrop,
|
|
282
|
+
onPress: close,
|
|
283
|
+
testID: "select-backdrop"
|
|
284
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
285
|
+
style: [styles.sheet, placement],
|
|
286
|
+
accessibilityRole: "radiogroup",
|
|
287
|
+
testID: "select-list",
|
|
288
|
+
children: [searchable && /*#__PURE__*/_jsx(TextInput, {
|
|
289
|
+
allowFontScaling: allowFontScaling,
|
|
290
|
+
style: styles.search,
|
|
291
|
+
value: query,
|
|
292
|
+
onChangeText: setQuery,
|
|
293
|
+
placeholder: searchPlaceholder ?? labels.search,
|
|
294
|
+
placeholderTextColor: colors.textLight,
|
|
295
|
+
autoFocus: true,
|
|
296
|
+
accessibilityLabel: searchPlaceholder ?? labels.search
|
|
297
|
+
}), /*#__PURE__*/_jsxs(ScrollView, {
|
|
298
|
+
keyboardShouldPersistTaps: "handled",
|
|
299
|
+
showsVerticalScrollIndicator: false,
|
|
300
|
+
bounces: false,
|
|
301
|
+
children: [visibleOptions.map((option, index) => {
|
|
302
|
+
const isSelected = option.value === selectedValue;
|
|
303
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
304
|
+
style: [styles.optionRow, index === visibleOptions.length - 1 && styles.optionRowLast, isSelected && styles.optionRowSelected, option.disabled && styles.optionRowDisabled],
|
|
305
|
+
onPress: () => {
|
|
306
|
+
onSelect(option.value);
|
|
307
|
+
close();
|
|
308
|
+
},
|
|
309
|
+
disabled: option.disabled,
|
|
310
|
+
accessibilityRole: "radio",
|
|
311
|
+
accessibilityLabel: option.label,
|
|
312
|
+
accessibilityState: {
|
|
313
|
+
selected: isSelected,
|
|
314
|
+
checked: isSelected,
|
|
315
|
+
disabled: !!option.disabled
|
|
316
|
+
},
|
|
317
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
318
|
+
style: styles.optionLabel,
|
|
319
|
+
children: [renderLeading(option, isSelected ? colors.primary : colors.textLight), /*#__PURE__*/_jsx(Text, {
|
|
320
|
+
allowFontScaling: allowFontScaling,
|
|
321
|
+
numberOfLines: 1,
|
|
322
|
+
style: [styles.optionText, isSelected && styles.optionTextSelected],
|
|
323
|
+
children: option.label
|
|
324
|
+
})]
|
|
325
|
+
}), isSelected && /*#__PURE__*/_jsx(Icon, {
|
|
326
|
+
name: "check",
|
|
327
|
+
size: 18,
|
|
328
|
+
color: colors.primary
|
|
329
|
+
})]
|
|
330
|
+
}, String(option.value));
|
|
331
|
+
}), visibleOptions.length === 0 && /*#__PURE__*/_jsx(Text, {
|
|
156
332
|
allowFontScaling: allowFontScaling,
|
|
157
|
-
style:
|
|
158
|
-
children:
|
|
159
|
-
}), isSelected && /*#__PURE__*/_jsx(Icon, {
|
|
160
|
-
name: "check",
|
|
161
|
-
size: 18,
|
|
162
|
-
color: colors.primary
|
|
333
|
+
style: styles.empty,
|
|
334
|
+
children: labels.noResultsTitle
|
|
163
335
|
})]
|
|
164
|
-
}
|
|
165
|
-
})
|
|
336
|
+
})]
|
|
337
|
+
})]
|
|
166
338
|
}), !!error && /*#__PURE__*/_jsx(Text, {
|
|
167
339
|
allowFontScaling: allowFontScaling,
|
|
168
340
|
style: styles.errorText,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","ActivityIndicator","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","useLabels","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","gap","tokens","spacing","sm","containerOpen","zIndex","elevation","label","fontWeight","bold","fontSize","md","color","colors","text","required","error","field","flexDirection","alignItems","justifyContent","borderWidth","borderColor","border","borderRadius","radius","lg","backgroundColor","inputBackground","minHeight","paddingHorizontal","fieldText","fieldPlaceholder","textLight","optionsList","position","top","left","right","marginTop","surface","overflow","shadow","optionRow","paddingVertical","borderBottomWidth","borderBottomColor","optionRowLast","optionRowSelected","primary","optionText","optionTextSelected","semibold","errorText","Select","options","selectedValue","onSelect","placeholder","isLoading","containerStyle","styles","labels","allowFontScaling","open","setOpen","selectedOption","find","o","value","style","children","onPress","disabled","accessibilityRole","accessibilityLabel","selectPlaceholder","accessibilityState","expanded","size","name","map","option","index","isSelected","length","selected","String"],"sourceRoot":"../../../src","sources":["organisms/Select.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","ActivityIndicator","Keyboard","Modal","Platform","Pressable","ScrollView","Text","TextInput","View","useWindowDimensions","createStyles","useAllowFontScaling","useColors","useLabels","Icon","jsx","_jsx","jsxs","_jsxs","GAP","MIN_HEIGHT","useStyles","theme","container","gap","tokens","spacing","sm","label","fontWeight","bold","fontSize","md","color","colors","text","required","errorText","field","flexDirection","alignItems","justifyContent","borderWidth","borderColor","border","borderRadius","radius","lg","backgroundColor","inputBackground","minHeight","paddingHorizontal","fieldOpen","primary","fieldDisabled","opacity","fieldValue","flexShrink","fieldText","fieldPlaceholder","textLight","backdrop","flex","sheet","position","surface","overflow","shadow","search","paddingVertical","borderBottomWidth","borderBottomColor","optionRow","optionRowLast","optionRowSelected","primarySoft","optionRowDisabled","optionLabel","optionText","optionTextSelected","semibold","primaryText","emoji","empty","padding","textAlign","Select","options","selectedValue","onSelect","placeholder","error","isLoading","disabled","searchable","searchPlaceholder","maxHeight","onOpenChange","containerStyle","testID","styles","labels","allowFontScaling","height","windowHeight","fieldRef","open","setOpen","anchor","setAnchor","query","setQuery","keyboardHeight","setKeyboardHeight","isDisabled","selectedOption","find","o","value","close","openList","current","measureInWindow","x","y","width","metrics","show","hide","OS","subs","addListener","e","endCoordinates","forEach","sub","remove","visibleOptions","trim","needle","toLowerCase","filter","option","includes","placement","left","right","top","usableHeight","below","above","downwards","Math","min","max","bottom","renderLeading","style","children","iconName","name","size","ref","onPress","accessibilityRole","accessibilityLabel","selectPlaceholder","accessibilityValue","accessibilityState","expanded","numberOfLines","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onChangeText","placeholderTextColor","autoFocus","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","map","index","isSelected","length","selected","checked","String","noResultsTitle"],"sourceRoot":"../../../src","sources":["organisms/Select.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo, useMemo } from 'react';
|
|
4
|
+
import { useThemeMode } from '../theme/UIProvider';
|
|
5
|
+
import { SegmentedControl } from '../molecules/SegmentedControl';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const MODES = ['system', 'light', 'dark'];
|
|
8
|
+
const DEFAULT_LABELS = {
|
|
9
|
+
system: 'Auto',
|
|
10
|
+
light: 'Light',
|
|
11
|
+
dark: 'Dark'
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* ThemeToggle
|
|
16
|
+
* Conecta un SegmentedControl con UIProvider.setMode. Sin persistencia — el
|
|
17
|
+
* consumidor la resuelve vía onModeChange en <UIProvider>.
|
|
18
|
+
*/
|
|
19
|
+
export const ThemeToggle = /*#__PURE__*/memo(({
|
|
20
|
+
style,
|
|
21
|
+
labels: labelOverrides,
|
|
22
|
+
testID
|
|
23
|
+
}) => {
|
|
24
|
+
const {
|
|
25
|
+
mode,
|
|
26
|
+
setMode
|
|
27
|
+
} = useThemeMode();
|
|
28
|
+
const options = useMemo(() => {
|
|
29
|
+
const labels = {
|
|
30
|
+
...DEFAULT_LABELS,
|
|
31
|
+
...labelOverrides
|
|
32
|
+
};
|
|
33
|
+
return MODES.map(value => ({
|
|
34
|
+
value,
|
|
35
|
+
label: labels[value]
|
|
36
|
+
}));
|
|
37
|
+
}, [labelOverrides]);
|
|
38
|
+
return /*#__PURE__*/_jsx(SegmentedControl, {
|
|
39
|
+
options: options,
|
|
40
|
+
value: mode,
|
|
41
|
+
onChange: setMode,
|
|
42
|
+
style: style,
|
|
43
|
+
testID: testID
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
ThemeToggle.displayName = 'ThemeToggle';
|
|
47
|
+
//# sourceMappingURL=ThemeToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","useMemo","useThemeMode","SegmentedControl","jsx","_jsx","MODES","DEFAULT_LABELS","system","light","dark","ThemeToggle","style","labels","labelOverrides","testID","mode","setMode","options","map","value","label","onChange","displayName"],"sourceRoot":"../../../src","sources":["organisms/ThemeToggle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,YAAY,QAAwB,qBAAqB;AAClE,SAASC,gBAAgB,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQjE,MAAMC,KAAkB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;AACtD,MAAMC,cAAyC,GAAG;EAAEC,MAAM,EAAE,MAAM;EAAEC,KAAK,EAAE,OAAO;EAAEC,IAAI,EAAE;AAAO,CAAC;;AAElG;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,gBAAGX,IAAI,CAAC,CAAC;EAAEY,KAAK;EAAEC,MAAM,EAAEC,cAAc;EAAEC;AAAyB,CAAC,KAAK;EAC/F,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGf,YAAY,CAAC,CAAC;EAExC,MAAMgB,OAAO,GAAGjB,OAAO,CAAC,MAAM;IAC5B,MAAMY,MAAM,GAAG;MAAE,GAAGN,cAAc;MAAE,GAAGO;IAAe,CAAC;IACvD,OAAOR,KAAK,CAACa,GAAG,CAAEC,KAAK,KAAM;MAAEA,KAAK;MAAEC,KAAK,EAAER,MAAM,CAACO,KAAK;IAAE,CAAC,CAAC,CAAC;EAChE,CAAC,EAAE,CAACN,cAAc,CAAC,CAAC;EAEpB,oBAAOT,IAAA,CAACF,gBAAgB;IAACe,OAAO,EAAEA,OAAQ;IAACE,KAAK,EAAEJ,IAAK;IAACM,QAAQ,EAAEL,OAAQ;IAACL,KAAK,EAAEA,KAAM;IAACG,MAAM,EAAEA;EAAO,CAAE,CAAC;AAC7G,CAAC,CAAC;AACFJ,WAAW,CAACY,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { memo
|
|
4
|
-
import {
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { Pressable, Text, View } from 'react-native';
|
|
5
5
|
import { createStyles } from '../theme/createStyles';
|
|
6
6
|
import { useAllowFontScaling, useColors } from '../theme/UIProvider';
|
|
7
|
+
import { Transition } from '../atoms/Transition';
|
|
7
8
|
import { Icon } from '../icons/Icon';
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
const ICON_BY_VARIANT = {
|
|
@@ -69,24 +70,33 @@ export const Toast = /*#__PURE__*/memo(({
|
|
|
69
70
|
const colors = useColors();
|
|
70
71
|
const styles = useStyles();
|
|
71
72
|
const allowFontScaling = useAllowFontScaling();
|
|
72
|
-
|
|
73
|
+
|
|
74
|
+
// La barra lateral es relleno (acento pleno); el ícono es contenido
|
|
75
|
+
// sobre la superficie del toast y necesita el rol `*Text`.
|
|
76
|
+
const barColor = {
|
|
73
77
|
success: colors.success,
|
|
74
78
|
error: colors.error,
|
|
75
79
|
warning: colors.warning,
|
|
76
80
|
info: colors.secondary
|
|
77
81
|
};
|
|
82
|
+
const iconColor = {
|
|
83
|
+
success: colors.successText,
|
|
84
|
+
error: colors.errorText,
|
|
85
|
+
warning: colors.warningText,
|
|
86
|
+
info: colors.secondaryText
|
|
87
|
+
};
|
|
78
88
|
const body = /*#__PURE__*/_jsxs(View, {
|
|
79
89
|
style: [styles.container, style],
|
|
80
90
|
testID: testID,
|
|
81
91
|
accessibilityRole: "alert",
|
|
82
92
|
children: [/*#__PURE__*/_jsx(View, {
|
|
83
93
|
style: [styles.accent, {
|
|
84
|
-
backgroundColor:
|
|
94
|
+
backgroundColor: barColor[variant]
|
|
85
95
|
}]
|
|
86
96
|
}), /*#__PURE__*/_jsx(Icon, {
|
|
87
97
|
name: ICON_BY_VARIANT[variant],
|
|
88
98
|
size: 22,
|
|
89
|
-
color:
|
|
99
|
+
color: iconColor[variant]
|
|
90
100
|
}), /*#__PURE__*/_jsxs(View, {
|
|
91
101
|
style: styles.text,
|
|
92
102
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
@@ -124,29 +134,14 @@ Toast.displayName = 'Toast';
|
|
|
124
134
|
export const AnimatedToast = /*#__PURE__*/memo(({
|
|
125
135
|
children,
|
|
126
136
|
onHeight
|
|
127
|
-
}) => {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
useNativeDriver: true,
|
|
133
|
-
speed: 14,
|
|
134
|
-
bounciness: 4
|
|
135
|
-
}).start();
|
|
136
|
-
}, [progress]);
|
|
137
|
-
return /*#__PURE__*/_jsx(Animated.View, {
|
|
137
|
+
}) => /*#__PURE__*/_jsx(Transition, {
|
|
138
|
+
preset: ['fade', 'slide-down'],
|
|
139
|
+
distance: 16,
|
|
140
|
+
spring: true,
|
|
141
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
138
142
|
onLayout: e => onHeight?.(e.nativeEvent.layout.height),
|
|
139
|
-
style: {
|
|
140
|
-
opacity: progress,
|
|
141
|
-
transform: [{
|
|
142
|
-
translateY: progress.interpolate({
|
|
143
|
-
inputRange: [0, 1],
|
|
144
|
-
outputRange: [-16, 0]
|
|
145
|
-
})
|
|
146
|
-
}]
|
|
147
|
-
},
|
|
148
143
|
children: children
|
|
149
|
-
})
|
|
150
|
-
});
|
|
144
|
+
})
|
|
145
|
+
}));
|
|
151
146
|
AnimatedToast.displayName = 'AnimatedToast';
|
|
152
147
|
//# sourceMappingURL=Toast.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","
|
|
1
|
+
{"version":3,"names":["React","memo","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","Transition","Icon","jsx","_jsx","jsxs","_jsxs","ICON_BY_VARIANT","success","error","warning","info","useStyles","theme","container","flexDirection","alignItems","gap","tokens","spacing","md","backgroundColor","colors","surface","borderRadius","radius","lg","borderWidth","borderColor","border","paddingVertical","paddingHorizontal","shadow","accent","position","left","top","bottom","width","borderTopLeftRadius","borderBottomLeftRadius","text","flex","title","fontSize","fontWeight","semibold","color","message","sm","textLight","lineHeight","Toast","variant","onPress","onDismiss","hideCloseButton","style","testID","styles","allowFontScaling","barColor","secondary","iconColor","successText","errorText","warningText","secondaryText","body","accessibilityRole","children","name","size","accessibilityLabel","hitSlop","displayName","AnimatedToast","onHeight","preset","distance","spring","onLayout","e","nativeEvent","layout","height"],"sourceRoot":"../../../src","sources":["organisms/Toast.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,8 +5,25 @@ import { View } from 'react-native';
|
|
|
5
5
|
import { AnimatedToast, Toast } from './Toast';
|
|
6
6
|
import { useInsets } from '../theme/UIProvider';
|
|
7
7
|
import { createStyles } from '../theme/createStyles';
|
|
8
|
+
import { createImperativeBridge } from './imperativeBridge';
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
const ToastContext = /*#__PURE__*/createContext(undefined);
|
|
11
|
+
const bridge = createImperativeBridge('ToastProvider');
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Muestra un toast desde fuera del árbol de React —un servicio, un
|
|
15
|
+
* interceptor— sin pasar por el hook. Devuelve el id, o '' si no hay
|
|
16
|
+
* <ToastProvider> montado.
|
|
17
|
+
*/
|
|
18
|
+
export function showToast(options) {
|
|
19
|
+
return bridge.get()?.show(options) ?? '';
|
|
20
|
+
}
|
|
21
|
+
export function hideToast(id) {
|
|
22
|
+
bridge.get()?.hide(id);
|
|
23
|
+
}
|
|
24
|
+
export function hideAllToasts() {
|
|
25
|
+
bridge.get()?.hideAll();
|
|
26
|
+
}
|
|
10
27
|
const useStyles = createStyles(theme => ({
|
|
11
28
|
host: {
|
|
12
29
|
position: 'absolute',
|
|
@@ -87,6 +104,10 @@ export function ToastProvider({
|
|
|
87
104
|
hide,
|
|
88
105
|
hideAll
|
|
89
106
|
}), [show, hide, hideAll]);
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
bridge.set(value);
|
|
109
|
+
return () => bridge.set(null);
|
|
110
|
+
}, [value]);
|
|
90
111
|
const hostPosition = position === 'top' ? {
|
|
91
112
|
top: insets.top + 8
|
|
92
113
|
} : {
|