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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","alignItems","marginBottom","tokens","spacing","xl","avatar","width","height","borderRadius","backgroundColor","colors","
|
|
1
|
+
{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","alignItems","marginBottom","tokens","spacing","xl","avatar","width","height","borderRadius","backgroundColor","colors","primarySoft","justifyContent","md","initials","fontSize","xxl","fontWeight","bold","color","primaryText","title","textAlign","text","xs","subtitle","textLight","AvatarHeader","iconName","iconColor","style","styles","allowFontScaling","children","name","size","primary","displayName"],"sourceRoot":"../../../src","sources":["molecules/AvatarHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { memo } from 'react';
|
|
4
|
-
import { Text,
|
|
4
|
+
import { Text, View } from 'react-native';
|
|
5
5
|
import { createStyles } from '../theme/createStyles';
|
|
6
6
|
import { useAllowFontScaling, useColors } from '../theme/UIProvider';
|
|
7
7
|
import { Icon } from '../icons/Icon';
|
|
8
|
+
import { PressableScale } from '../atoms/PressableScale';
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
const useStyles = createStyles(theme => ({
|
|
10
11
|
card: {
|
|
12
|
+
// Las tarjetas se reparten la fila que las contenga, sean dos o cinco.
|
|
13
|
+
flex: 1,
|
|
11
14
|
alignItems: 'center',
|
|
12
15
|
justifyContent: 'center',
|
|
13
16
|
backgroundColor: theme.colors.surface,
|
|
@@ -17,24 +20,31 @@ const useStyles = createStyles(theme => ({
|
|
|
17
20
|
...theme.tokens.shadow.sm
|
|
18
21
|
},
|
|
19
22
|
cardHorizontal: {
|
|
20
|
-
flex: 1,
|
|
21
23
|
flexDirection: 'row',
|
|
22
24
|
padding: theme.tokens.spacing.md - 2,
|
|
23
25
|
gap: theme.tokens.spacing.sm
|
|
24
26
|
},
|
|
25
27
|
cardVertical: {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
gap: 5,
|
|
28
|
+
padding: theme.tokens.spacing.md - 2,
|
|
29
|
+
gap: 6,
|
|
29
30
|
minHeight: 100
|
|
30
31
|
},
|
|
31
32
|
cardSelected: {
|
|
32
33
|
borderColor: theme.colors.primary,
|
|
33
|
-
backgroundColor: theme.colors.
|
|
34
|
+
backgroundColor: theme.colors.primarySoft,
|
|
34
35
|
borderWidth: 1.5,
|
|
35
36
|
elevation: 0,
|
|
36
37
|
shadowOpacity: 0
|
|
37
38
|
},
|
|
39
|
+
cardDisabled: {
|
|
40
|
+
opacity: 0.5
|
|
41
|
+
},
|
|
42
|
+
text: {
|
|
43
|
+
flexShrink: 1
|
|
44
|
+
},
|
|
45
|
+
textVertical: {
|
|
46
|
+
alignItems: 'center'
|
|
47
|
+
},
|
|
38
48
|
label: {
|
|
39
49
|
color: theme.colors.textLight,
|
|
40
50
|
fontWeight: theme.tokens.fontWeight.medium
|
|
@@ -44,48 +54,71 @@ const useStyles = createStyles(theme => ({
|
|
|
44
54
|
textAlign: 'center'
|
|
45
55
|
},
|
|
46
56
|
labelSelected: {
|
|
47
|
-
color: theme.colors.
|
|
57
|
+
color: theme.colors.primaryText
|
|
58
|
+
},
|
|
59
|
+
description: {
|
|
60
|
+
fontSize: theme.tokens.fontSize.xs,
|
|
61
|
+
color: theme.colors.textLight,
|
|
62
|
+
marginTop: 2
|
|
63
|
+
},
|
|
64
|
+
descriptionVertical: {
|
|
65
|
+
textAlign: 'center'
|
|
48
66
|
}
|
|
49
67
|
}));
|
|
50
68
|
|
|
51
69
|
/**
|
|
52
70
|
* OptionCard
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
* de
|
|
71
|
+
* Opción excluyente con ícono y label que resalta cuando `isSelected`. Es un
|
|
72
|
+
* radio con cara de tarjeta, así que se anuncia como tal: envolver el grupo en
|
|
73
|
+
* una View con `accessibilityRole="radiogroup"` para que el lector de pantalla
|
|
74
|
+
* lea "1 de 3".
|
|
56
75
|
*/
|
|
57
76
|
export const OptionCard = /*#__PURE__*/memo(({
|
|
58
77
|
label,
|
|
78
|
+
description,
|
|
59
79
|
iconName,
|
|
60
80
|
isSelected,
|
|
61
81
|
onPress,
|
|
82
|
+
disabled = false,
|
|
62
83
|
layout = 'horizontal',
|
|
63
|
-
style
|
|
84
|
+
style,
|
|
85
|
+
testID
|
|
64
86
|
}) => {
|
|
65
87
|
const colors = useColors();
|
|
66
88
|
const styles = useStyles();
|
|
67
89
|
const allowFontScaling = useAllowFontScaling();
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
//
|
|
71
|
-
// sombra como un borde oscuro
|
|
72
|
-
, {
|
|
73
|
-
|
|
74
|
-
style: [styles.card, layout === 'vertical' ? styles.cardVertical : styles.cardHorizontal, isSelected && styles.cardSelected, style],
|
|
90
|
+
const isVertical = layout === 'vertical';
|
|
91
|
+
|
|
92
|
+
// Feedback por transform y no por opacity: con elevation, animar la opacity
|
|
93
|
+
// dispara un bug de Android que redibuja la sombra como un borde oscuro.
|
|
94
|
+
return /*#__PURE__*/_jsxs(PressableScale, {
|
|
95
|
+
style: [styles.card, isVertical ? styles.cardVertical : styles.cardHorizontal, isSelected && styles.cardSelected, disabled && styles.cardDisabled, style],
|
|
75
96
|
onPress: onPress,
|
|
76
|
-
|
|
97
|
+
disabled: disabled,
|
|
98
|
+
accessibilityRole: "radio",
|
|
77
99
|
accessibilityState: {
|
|
78
|
-
selected: isSelected
|
|
100
|
+
selected: isSelected,
|
|
101
|
+
checked: isSelected,
|
|
102
|
+
disabled
|
|
79
103
|
},
|
|
80
104
|
accessibilityLabel: label,
|
|
81
|
-
|
|
105
|
+
accessibilityHint: description,
|
|
106
|
+
testID: testID,
|
|
107
|
+
children: [!!iconName && /*#__PURE__*/_jsx(Icon, {
|
|
82
108
|
name: iconName,
|
|
83
109
|
size: 24,
|
|
84
110
|
color: isSelected ? colors.primary : colors.textLight
|
|
85
|
-
}), /*#__PURE__*/
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
111
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
112
|
+
style: [styles.text, isVertical && styles.textVertical],
|
|
113
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
114
|
+
allowFontScaling: allowFontScaling,
|
|
115
|
+
style: [styles.label, isVertical && styles.labelVertical, isSelected && styles.labelSelected],
|
|
116
|
+
children: label
|
|
117
|
+
}), !!description && /*#__PURE__*/_jsx(Text, {
|
|
118
|
+
allowFontScaling: allowFontScaling,
|
|
119
|
+
style: [styles.description, isVertical && styles.descriptionVertical],
|
|
120
|
+
children: description
|
|
121
|
+
})]
|
|
89
122
|
})]
|
|
90
123
|
});
|
|
91
124
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","Text","
|
|
1
|
+
{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","useColors","Icon","PressableScale","jsx","_jsx","jsxs","_jsxs","useStyles","theme","card","flex","alignItems","justifyContent","backgroundColor","colors","surface","borderRadius","tokens","radius","md","borderWidth","borderColor","border","shadow","sm","cardHorizontal","flexDirection","padding","spacing","gap","cardVertical","minHeight","cardSelected","primary","primarySoft","elevation","shadowOpacity","cardDisabled","opacity","text","flexShrink","textVertical","label","color","textLight","fontWeight","medium","labelVertical","fontSize","xs","textAlign","labelSelected","primaryText","description","marginTop","descriptionVertical","OptionCard","iconName","isSelected","onPress","disabled","layout","style","testID","styles","allowFontScaling","isVertical","accessibilityRole","accessibilityState","selected","checked","accessibilityLabel","accessibilityHint","children","name","size","displayName"],"sourceRoot":"../../../src","sources":["molecules/OptionCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,14 +3,8 @@
|
|
|
3
3
|
import React, { memo } from 'react';
|
|
4
4
|
import { Text, TouchableOpacity, View } from 'react-native';
|
|
5
5
|
import { createStyles } from '../theme/createStyles';
|
|
6
|
-
import { useAllowFontScaling
|
|
6
|
+
import { useAllowFontScaling } from '../theme/UIProvider';
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
const MODES = ['system', 'light', 'dark'];
|
|
9
|
-
const DEFAULT_LABELS = {
|
|
10
|
-
system: 'Auto',
|
|
11
|
-
light: 'Light',
|
|
12
|
-
dark: 'Dark'
|
|
13
|
-
};
|
|
14
8
|
const useStyles = createStyles(theme => ({
|
|
15
9
|
track: {
|
|
16
10
|
flexDirection: 'row',
|
|
@@ -28,59 +22,65 @@ const useStyles = createStyles(theme => ({
|
|
|
28
22
|
backgroundColor: theme.colors.surface,
|
|
29
23
|
...theme.tokens.shadow.sm
|
|
30
24
|
},
|
|
25
|
+
segmentDisabled: {
|
|
26
|
+
opacity: 0.5
|
|
27
|
+
},
|
|
31
28
|
label: {
|
|
32
29
|
fontSize: theme.tokens.fontSize.sm,
|
|
33
30
|
fontWeight: theme.tokens.fontWeight.medium,
|
|
34
31
|
color: theme.colors.textLight
|
|
35
32
|
},
|
|
36
33
|
labelActive: {
|
|
37
|
-
color: theme.colors.
|
|
34
|
+
color: theme.colors.primaryText,
|
|
38
35
|
fontWeight: theme.tokens.fontWeight.semibold
|
|
39
36
|
}
|
|
40
37
|
}));
|
|
41
38
|
|
|
42
39
|
/**
|
|
43
|
-
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
* onModeChange en <UIProvider>.
|
|
40
|
+
* SegmentedControl
|
|
41
|
+
* Elige una opción entre pocas, todas visibles. No conoce ningún estado
|
|
42
|
+
* global: recibe `value` y avisa por `onChange`.
|
|
47
43
|
*/
|
|
48
|
-
|
|
44
|
+
function SegmentedControlInner({
|
|
45
|
+
options,
|
|
46
|
+
value,
|
|
47
|
+
onChange,
|
|
48
|
+
disabled = false,
|
|
49
49
|
style,
|
|
50
|
-
|
|
51
|
-
})
|
|
52
|
-
const {
|
|
53
|
-
mode,
|
|
54
|
-
setMode
|
|
55
|
-
} = useThemeMode();
|
|
56
|
-
const colors = useColors();
|
|
50
|
+
testID
|
|
51
|
+
}) {
|
|
57
52
|
const styles = useStyles();
|
|
58
53
|
const allowFontScaling = useAllowFontScaling();
|
|
59
|
-
const labels = {
|
|
60
|
-
...DEFAULT_LABELS,
|
|
61
|
-
...labelOverrides
|
|
62
|
-
};
|
|
63
54
|
return /*#__PURE__*/_jsx(View, {
|
|
64
55
|
style: [styles.track, style],
|
|
65
|
-
accessibilityRole: "
|
|
66
|
-
|
|
67
|
-
|
|
56
|
+
accessibilityRole: "radiogroup",
|
|
57
|
+
testID: testID,
|
|
58
|
+
children: options.map(option => {
|
|
59
|
+
const active = option.value === value;
|
|
60
|
+
const isDisabled = disabled || !!option.disabled;
|
|
68
61
|
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
69
|
-
style: [styles.segment, active && styles.segmentActive],
|
|
70
|
-
onPress: () =>
|
|
71
|
-
|
|
62
|
+
style: [styles.segment, active && styles.segmentActive, isDisabled && styles.segmentDisabled],
|
|
63
|
+
onPress: () => onChange(option.value),
|
|
64
|
+
disabled: isDisabled,
|
|
65
|
+
accessibilityRole: "radio",
|
|
72
66
|
accessibilityState: {
|
|
73
|
-
selected: active
|
|
67
|
+
selected: active,
|
|
68
|
+
checked: active,
|
|
69
|
+
disabled: isDisabled
|
|
74
70
|
},
|
|
75
|
-
accessibilityLabel:
|
|
71
|
+
accessibilityLabel: option.label,
|
|
72
|
+
testID: testID && `${testID}-${option.value}`,
|
|
76
73
|
children: /*#__PURE__*/_jsx(Text, {
|
|
77
74
|
allowFontScaling: allowFontScaling,
|
|
78
75
|
style: [styles.label, active && styles.labelActive],
|
|
79
|
-
children:
|
|
76
|
+
children: option.label
|
|
80
77
|
})
|
|
81
|
-
},
|
|
78
|
+
}, option.value);
|
|
82
79
|
})
|
|
83
80
|
});
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
// memo() pierde los genéricos al envolver: el cast los devuelve para que
|
|
84
|
+
// `value` y `onChange` sigan atados al union de `options`.
|
|
85
|
+
export const SegmentedControl = /*#__PURE__*/memo(SegmentedControlInner);
|
|
86
|
+
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","jsx","_jsx","useStyles","theme","track","flexDirection","backgroundColor","colors","inputBackground","borderRadius","tokens","radius","md","padding","segment","flex","paddingVertical","spacing","sm","alignItems","segmentActive","surface","shadow","segmentDisabled","opacity","label","fontSize","fontWeight","medium","color","textLight","labelActive","primaryText","semibold","SegmentedControlInner","options","value","onChange","disabled","style","testID","styles","allowFontScaling","accessibilityRole","children","map","option","active","isDisabled","onPress","accessibilityState","selected","checked","accessibilityLabel","SegmentedControl"],"sourceRoot":"../../../src","sources":["molecules/SegmentedControl.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAwC,cAAc;AAC3F,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiB1D,MAAMC,SAAS,GAAGJ,YAAY,CAAEK,KAAK,KAAM;EACzCC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,eAAe;IAC7CC,YAAY,EAAEN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,EAAE;IACpCC,OAAO,EAAE;EACX,CAAC;EACDC,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEb,KAAK,CAACO,MAAM,CAACO,OAAO,CAACC,EAAE;IACxCT,YAAY,EAAEN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACO,EAAE;IACpCC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IAAEd,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACc,OAAO;IAAE,GAAGlB,KAAK,CAACO,MAAM,CAACY,MAAM,CAACJ;EAAG,CAAC;EACnFK,eAAe,EAAE;IAAEC,OAAO,EAAE;EAAI,CAAC;EACjCC,KAAK,EAAE;IAAEC,QAAQ,EAAEvB,KAAK,CAACO,MAAM,CAACgB,QAAQ,CAACR,EAAE;IAAES,UAAU,EAAExB,KAAK,CAACO,MAAM,CAACiB,UAAU,CAACC,MAAM;IAAEC,KAAK,EAAE1B,KAAK,CAACI,MAAM,CAACuB;EAAU,CAAC;EACxHC,WAAW,EAAE;IAAEF,KAAK,EAAE1B,KAAK,CAACI,MAAM,CAACyB,WAAW;IAAEL,UAAU,EAAExB,KAAK,CAACO,MAAM,CAACiB,UAAU,CAACM;EAAS;AAC/F,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA,SAASC,qBAAqBA,CAAmB;EAC/CC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACwB,CAAC,EAAE;EAC3B,MAAMC,MAAM,GAAGvC,SAAS,CAAC,CAAC;EAC1B,MAAMwC,gBAAgB,GAAG3C,mBAAmB,CAAC,CAAC;EAE9C,oBACEE,IAAA,CAACJ,IAAI;IAAC0C,KAAK,EAAE,CAACE,MAAM,CAACrC,KAAK,EAAEmC,KAAK,CAAE;IAACI,iBAAiB,EAAC,YAAY;IAACH,MAAM,EAAEA,MAAO;IAAAI,QAAA,EAC/ET,OAAO,CAACU,GAAG,CAAEC,MAAM,IAAK;MACvB,MAAMC,MAAM,GAAGD,MAAM,CAACV,KAAK,KAAKA,KAAK;MACrC,MAAMY,UAAU,GAAGV,QAAQ,IAAI,CAAC,CAACQ,MAAM,CAACR,QAAQ;MAChD,oBACErC,IAAA,CAACL,gBAAgB;QAEf2C,KAAK,EAAE,CAACE,MAAM,CAAC3B,OAAO,EAAEiC,MAAM,IAAIN,MAAM,CAACrB,aAAa,EAAE4B,UAAU,IAAIP,MAAM,CAAClB,eAAe,CAAE;QAC9F0B,OAAO,EAAEA,CAAA,KAAMZ,QAAQ,CAACS,MAAM,CAACV,KAAK,CAAE;QACtCE,QAAQ,EAAEU,UAAW;QACrBL,iBAAiB,EAAC,OAAO;QACzBO,kBAAkB,EAAE;UAAEC,QAAQ,EAAEJ,MAAM;UAAEK,OAAO,EAAEL,MAAM;UAAET,QAAQ,EAAEU;QAAW,CAAE;QAChFK,kBAAkB,EAAEP,MAAM,CAACrB,KAAM;QACjCe,MAAM,EAAEA,MAAM,IAAI,GAAGA,MAAM,IAAIM,MAAM,CAACV,KAAK,EAAG;QAAAQ,QAAA,eAE9C3C,IAAA,CAACN,IAAI;UAAC+C,gBAAgB,EAAEA,gBAAiB;UAACH,KAAK,EAAE,CAACE,MAAM,CAAChB,KAAK,EAAEsB,MAAM,IAAIN,MAAM,CAACV,WAAW,CAAE;UAAAa,QAAA,EAC3FE,MAAM,CAACrB;QAAK,CACT;MAAC,GAXFqB,MAAM,CAACV,KAYI,CAAC;IAEvB,CAAC;EAAC,CACE,CAAC;AAEX;;AAEA;AACA;AACA,OAAO,MAAMkB,gBAAgB,gBAAG5D,IAAI,CAACwC,qBAAqB,CAAiC","ignoreList":[]}
|
|
@@ -1,98 +1,174 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { memo } from 'react';
|
|
3
|
+
import React, { memo, useState } from 'react';
|
|
4
4
|
import { TextInput, TouchableOpacity, View } from 'react-native';
|
|
5
5
|
import { createStyles } from '../theme/createStyles';
|
|
6
|
-
import { useAllowFontScaling, useColors } from '../theme/UIProvider';
|
|
6
|
+
import { useAllowFontScaling, useColors, useTheme } from '../theme/UIProvider';
|
|
7
7
|
import { Icon } from '../icons/Icon';
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const SIZES = {
|
|
10
|
+
sm: {
|
|
11
|
+
height: 36,
|
|
12
|
+
icon: 18,
|
|
13
|
+
inputWidth: 48
|
|
14
|
+
},
|
|
15
|
+
md: {
|
|
16
|
+
height: 44,
|
|
17
|
+
icon: 20,
|
|
18
|
+
inputWidth: 56
|
|
19
|
+
},
|
|
20
|
+
lg: {
|
|
21
|
+
height: 52,
|
|
22
|
+
icon: 22,
|
|
23
|
+
inputWidth: 64
|
|
24
|
+
}
|
|
25
|
+
};
|
|
9
26
|
const useStyles = createStyles(theme => ({
|
|
10
27
|
control: {
|
|
11
28
|
flexDirection: 'row',
|
|
12
29
|
alignItems: 'center',
|
|
30
|
+
alignSelf: 'flex-start',
|
|
13
31
|
borderWidth: 1,
|
|
14
32
|
borderColor: theme.colors.border,
|
|
15
33
|
borderRadius: theme.tokens.radius.md
|
|
16
34
|
},
|
|
35
|
+
controlBlock: {
|
|
36
|
+
alignSelf: 'stretch'
|
|
37
|
+
},
|
|
17
38
|
btn: {
|
|
18
39
|
height: '100%',
|
|
19
40
|
justifyContent: 'center',
|
|
20
|
-
alignItems: 'center'
|
|
21
|
-
backgroundColor: theme.colors.inputBackground
|
|
22
|
-
},
|
|
23
|
-
btnSm: {
|
|
24
|
-
backgroundColor: 'transparent'
|
|
41
|
+
alignItems: 'center'
|
|
25
42
|
},
|
|
26
43
|
input: {
|
|
27
|
-
flex: 1,
|
|
28
44
|
textAlign: 'center',
|
|
29
|
-
|
|
45
|
+
height: '100%',
|
|
30
46
|
color: theme.colors.text,
|
|
31
|
-
height: '100%'
|
|
32
|
-
},
|
|
33
|
-
inputSm: {
|
|
34
|
-
flex: 0,
|
|
35
|
-
width: 50,
|
|
36
47
|
borderLeftWidth: 1,
|
|
37
48
|
borderRightWidth: 1,
|
|
38
49
|
borderColor: theme.colors.border
|
|
50
|
+
},
|
|
51
|
+
// El fondo distingue el campo de un valor de sólo lectura: es la única
|
|
52
|
+
// señal de que ahí se puede tipear antes de tocarlo.
|
|
53
|
+
editable: {
|
|
54
|
+
backgroundColor: theme.colors.inputBackground
|
|
39
55
|
}
|
|
40
56
|
}));
|
|
41
57
|
|
|
42
|
-
/**
|
|
58
|
+
/** Deja sólo lo que puede formar parte del número permitido por el rango. */
|
|
59
|
+
export function sanitizeNumeric(text, {
|
|
60
|
+
allowDecimals = false,
|
|
61
|
+
allowNegative = false
|
|
62
|
+
} = {}) {
|
|
63
|
+
const normalized = allowDecimals ? text.replace(',', '.') : text;
|
|
64
|
+
const negative = allowNegative && normalized.trimStart().startsWith('-');
|
|
65
|
+
const digits = normalized.replace(allowDecimals ? /[^0-9.]/g : /[^0-9]/g, '');
|
|
66
|
+
const [whole = '', ...decimals] = digits.split('.');
|
|
67
|
+
const body = decimals.length > 0 ? `${whole}.${decimals.join('')}` : whole;
|
|
68
|
+
return negative ? `-${body}` : body;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Stepper
|
|
73
|
+
* Botón "-" + input numérico editable + botón "+". `size` controla sólo la
|
|
74
|
+
* escala y `block` sólo el ancho, así que los dos ejes se combinan libremente.
|
|
75
|
+
*
|
|
76
|
+
* El componente no hace la aritmética de los botones —eso vive en
|
|
77
|
+
* `onIncrement`/`onDecrement`—, pero sí limpia lo que se tipea y avisa cuándo
|
|
78
|
+
* el valor llegó a un extremo del rango deshabilitando el botón que lo pasaría.
|
|
79
|
+
*/
|
|
43
80
|
export const Stepper = /*#__PURE__*/memo(({
|
|
44
81
|
value,
|
|
45
82
|
onChangeText,
|
|
46
83
|
onIncrement,
|
|
47
84
|
onDecrement,
|
|
48
85
|
size = 'md',
|
|
86
|
+
block = false,
|
|
87
|
+
editable = true,
|
|
88
|
+
min,
|
|
89
|
+
max,
|
|
90
|
+
allowDecimals = false,
|
|
49
91
|
style,
|
|
50
92
|
incrementAccessibilityLabel = 'Increment',
|
|
51
|
-
decrementAccessibilityLabel = 'Decrement'
|
|
93
|
+
decrementAccessibilityLabel = 'Decrement',
|
|
94
|
+
testID
|
|
52
95
|
}) => {
|
|
96
|
+
const theme = useTheme();
|
|
53
97
|
const colors = useColors();
|
|
54
98
|
const styles = useStyles();
|
|
55
99
|
const allowFontScaling = useAllowFontScaling();
|
|
56
|
-
const
|
|
57
|
-
const
|
|
58
|
-
|
|
100
|
+
const [focused, setFocused] = useState(false);
|
|
101
|
+
const {
|
|
102
|
+
height,
|
|
103
|
+
icon,
|
|
104
|
+
inputWidth
|
|
105
|
+
} = SIZES[size];
|
|
106
|
+
const fontSize = size === 'sm' ? theme.tokens.fontSize.md : size === 'md' ? theme.tokens.fontSize.lg : theme.tokens.fontSize.xl;
|
|
107
|
+
const allowNegative = min !== undefined && min < 0;
|
|
108
|
+
const numeric = Number(value);
|
|
109
|
+
const isNumber = value.trim() !== '' && Number.isFinite(numeric);
|
|
110
|
+
const atMin = isNumber && min !== undefined && numeric <= min;
|
|
111
|
+
const atMax = isNumber && max !== undefined && numeric >= max;
|
|
112
|
+
const handleChangeText = text => {
|
|
113
|
+
onChangeText(sanitizeNumeric(text, {
|
|
114
|
+
allowDecimals,
|
|
115
|
+
allowNegative
|
|
116
|
+
}));
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
// El recorte al rango espera al blur: hacerlo mientras se tipea impide
|
|
120
|
+
// llegar a "12" cuando el mínimo es 5, porque el "1" ya se corregiría.
|
|
121
|
+
const handleBlur = () => {
|
|
122
|
+
setFocused(false);
|
|
123
|
+
if (!isNumber) return;
|
|
124
|
+
const clamped = Math.min(max ?? numeric, Math.max(min ?? numeric, numeric));
|
|
125
|
+
if (clamped !== numeric) onChangeText(String(clamped));
|
|
126
|
+
};
|
|
127
|
+
const stepButton = (direction, onPress, disabled, label) => /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
128
|
+
onPress: onPress,
|
|
129
|
+
disabled: disabled,
|
|
130
|
+
style: [styles.btn, {
|
|
131
|
+
width: height
|
|
132
|
+
}],
|
|
133
|
+
accessibilityRole: "button",
|
|
134
|
+
accessibilityLabel: label,
|
|
135
|
+
accessibilityState: {
|
|
136
|
+
disabled
|
|
137
|
+
},
|
|
138
|
+
testID: testID && `${testID}-${direction}`,
|
|
139
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
140
|
+
name: direction === 'increment' ? 'plus' : 'minus',
|
|
141
|
+
size: icon,
|
|
142
|
+
color: disabled ? colors.textLight : colors.primary
|
|
143
|
+
})
|
|
144
|
+
});
|
|
59
145
|
return /*#__PURE__*/_jsxs(View, {
|
|
146
|
+
testID: testID,
|
|
60
147
|
style: [styles.control, {
|
|
61
|
-
height
|
|
148
|
+
height
|
|
149
|
+
}, block && styles.controlBlock, focused && {
|
|
150
|
+
borderColor: colors.primary
|
|
62
151
|
}, style],
|
|
63
|
-
children: [/*#__PURE__*/_jsx(
|
|
64
|
-
onPress: onDecrement,
|
|
65
|
-
style: [styles.btn, {
|
|
66
|
-
width: btnSize
|
|
67
|
-
}, isSmall && styles.btnSm],
|
|
68
|
-
accessibilityRole: "button",
|
|
69
|
-
accessibilityLabel: decrementAccessibilityLabel,
|
|
70
|
-
children: /*#__PURE__*/_jsx(Icon, {
|
|
71
|
-
name: "minus",
|
|
72
|
-
size: iconSize,
|
|
73
|
-
color: colors.primary
|
|
74
|
-
})
|
|
75
|
-
}), /*#__PURE__*/_jsx(TextInput, {
|
|
152
|
+
children: [stepButton('decrement', onDecrement, atMin, decrementAccessibilityLabel), /*#__PURE__*/_jsx(TextInput, {
|
|
76
153
|
allowFontScaling: allowFontScaling,
|
|
77
|
-
style: [styles.input,
|
|
154
|
+
style: [styles.input, {
|
|
155
|
+
fontSize
|
|
156
|
+
}, editable && styles.editable, focused && {
|
|
157
|
+
borderColor: colors.primary
|
|
158
|
+
}, block ? {
|
|
159
|
+
flex: 1
|
|
160
|
+
} : {
|
|
161
|
+
width: inputWidth
|
|
162
|
+
}],
|
|
78
163
|
value: value,
|
|
79
|
-
onChangeText:
|
|
80
|
-
|
|
164
|
+
onChangeText: handleChangeText,
|
|
165
|
+
onFocus: () => setFocused(true),
|
|
166
|
+
onBlur: handleBlur,
|
|
167
|
+
editable: editable,
|
|
168
|
+
keyboardType: allowDecimals ? 'decimal-pad' : 'number-pad',
|
|
81
169
|
selectTextOnFocus: true,
|
|
82
170
|
accessibilityLabel: "Quantity"
|
|
83
|
-
}),
|
|
84
|
-
onPress: onIncrement,
|
|
85
|
-
style: [styles.btn, {
|
|
86
|
-
width: btnSize
|
|
87
|
-
}, isSmall && styles.btnSm],
|
|
88
|
-
accessibilityRole: "button",
|
|
89
|
-
accessibilityLabel: incrementAccessibilityLabel,
|
|
90
|
-
children: /*#__PURE__*/_jsx(Icon, {
|
|
91
|
-
name: "plus",
|
|
92
|
-
size: iconSize,
|
|
93
|
-
color: colors.primary
|
|
94
|
-
})
|
|
95
|
-
})]
|
|
171
|
+
}), stepButton('increment', onIncrement, atMax, incrementAccessibilityLabel)]
|
|
96
172
|
});
|
|
97
173
|
});
|
|
98
174
|
Stepper.displayName = 'Stepper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","control","flexDirection","alignItems","borderWidth","borderColor","colors","border","borderRadius","tokens","radius","
|
|
1
|
+
{"version":3,"names":["React","memo","useState","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","useTheme","Icon","jsx","_jsx","jsxs","_jsxs","SIZES","sm","height","icon","inputWidth","md","lg","useStyles","theme","control","flexDirection","alignItems","alignSelf","borderWidth","borderColor","colors","border","borderRadius","tokens","radius","controlBlock","btn","justifyContent","input","textAlign","color","text","borderLeftWidth","borderRightWidth","editable","backgroundColor","inputBackground","sanitizeNumeric","allowDecimals","allowNegative","normalized","replace","negative","trimStart","startsWith","digits","whole","decimals","split","body","length","join","Stepper","value","onChangeText","onIncrement","onDecrement","size","block","min","max","style","incrementAccessibilityLabel","decrementAccessibilityLabel","testID","styles","allowFontScaling","focused","setFocused","fontSize","xl","undefined","numeric","Number","isNumber","trim","isFinite","atMin","atMax","handleChangeText","handleBlur","clamped","Math","String","stepButton","direction","onPress","disabled","label","width","accessibilityRole","accessibilityLabel","accessibilityState","children","name","textLight","primary","flex","onFocus","onBlur","keyboardType","selectTextOnFocus","displayName"],"sourceRoot":"../../../src","sources":["molecules/Stepper.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -109,12 +109,12 @@ export const Steps = /*#__PURE__*/memo(({
|
|
|
109
109
|
if (status === 'completed') return {
|
|
110
110
|
bg: colors.primary,
|
|
111
111
|
border: colors.primary,
|
|
112
|
-
fg: colors.
|
|
112
|
+
fg: colors.onPrimary
|
|
113
113
|
};
|
|
114
114
|
if (status === 'current') return {
|
|
115
115
|
bg: 'transparent',
|
|
116
116
|
border: colors.primary,
|
|
117
|
-
fg: colors.
|
|
117
|
+
fg: colors.primaryText
|
|
118
118
|
};
|
|
119
119
|
return {
|
|
120
120
|
bg: 'transparent',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","CIRCLE","useStyles","theme","rowContainer","flexDirection","alignItems","columnContainer","hStep","flex","gap","tokens","spacing","sm","hLabels","paddingHorizontal","hConnector","height","marginTop","vStep","md","vIndicatorColumn","vConnector","width","minHeight","marginVertical","vLabels","paddingBottom","lg","circle","borderRadius","borderWidth","justifyContent","circleNumber","fontSize","fontWeight","semibold","label","color","colors","text","labelCentered","textAlign","description","textLight","descriptionCentered","statusOf","index","current","Steps","steps","orientation","completedIndicator","onStepPress","style","styles","allowFontScaling","isVertical","colorsFor","status","bg","primary","border","fg","
|
|
1
|
+
{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","CIRCLE","useStyles","theme","rowContainer","flexDirection","alignItems","columnContainer","hStep","flex","gap","tokens","spacing","sm","hLabels","paddingHorizontal","hConnector","height","marginTop","vStep","md","vIndicatorColumn","vConnector","width","minHeight","marginVertical","vLabels","paddingBottom","lg","circle","borderRadius","borderWidth","justifyContent","circleNumber","fontSize","fontWeight","semibold","label","color","colors","text","labelCentered","textAlign","description","textLight","descriptionCentered","statusOf","index","current","Steps","steps","orientation","completedIndicator","onStepPress","style","styles","allowFontScaling","isVertical","colorsFor","status","bg","primary","border","fg","onPrimary","primaryText","renderCircle","c","showCheck","backgroundColor","borderColor","children","name","size","renderLabels","step","centered","stepAccessibility","accessibilityRole","accessibilityLabel","accessibilityState","selected","disabled","map","isLast","length","Wrapper","onPress","undefined","activeOpacity","Fragment","displayName"],"sourceRoot":"../../../src","sources":["molecules/Steps.tsx"],"mappings":"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","ignoreList":[]}
|