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
|
@@ -71,41 +71,43 @@ function resolveColors(variant, disabled, colors) {
|
|
|
71
71
|
};
|
|
72
72
|
}
|
|
73
73
|
switch (variant) {
|
|
74
|
+
// Las variantes sin relleno pintan texto sobre el fondo de la pantalla:
|
|
75
|
+
// van con el rol `*Text`. Las rellenas van con `on*` sobre el acento.
|
|
74
76
|
case 'outline':
|
|
75
77
|
return {
|
|
76
78
|
background: 'transparent',
|
|
77
|
-
text: colors.
|
|
79
|
+
text: colors.primaryText,
|
|
78
80
|
border: colors.primary
|
|
79
81
|
};
|
|
80
82
|
case 'ghost':
|
|
81
83
|
return {
|
|
82
84
|
background: 'transparent',
|
|
83
|
-
text: colors.
|
|
85
|
+
text: colors.primaryText,
|
|
84
86
|
border: 'transparent'
|
|
85
87
|
};
|
|
86
88
|
case 'link':
|
|
87
89
|
return {
|
|
88
90
|
background: 'transparent',
|
|
89
|
-
text: colors.
|
|
91
|
+
text: colors.primaryText,
|
|
90
92
|
border: 'transparent'
|
|
91
93
|
};
|
|
92
94
|
case 'secondary':
|
|
93
95
|
return {
|
|
94
96
|
background: colors.secondary,
|
|
95
|
-
text: colors.
|
|
97
|
+
text: colors.onSecondary,
|
|
96
98
|
border: 'transparent'
|
|
97
99
|
};
|
|
98
100
|
case 'destructive':
|
|
99
101
|
return {
|
|
100
102
|
background: colors.error,
|
|
101
|
-
text: colors.
|
|
103
|
+
text: colors.onError,
|
|
102
104
|
border: 'transparent'
|
|
103
105
|
};
|
|
104
106
|
case 'primary':
|
|
105
107
|
default:
|
|
106
108
|
return {
|
|
107
109
|
background: colors.primary,
|
|
108
|
-
text: colors.
|
|
110
|
+
text: colors.onPrimary,
|
|
109
111
|
border: 'transparent'
|
|
110
112
|
};
|
|
111
113
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useRef","ActivityIndicator","Animated","Pressable","Text","createStyles","useAllowFontScaling","useColors","useTheme","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","useStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","shadowColor","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","resolveColors","variant","disabled","colors","background","inputBackground","textLight","border","primary","secondary","
|
|
1
|
+
{"version":3,"names":["React","memo","useRef","ActivityIndicator","Animated","Pressable","Text","createStyles","useAllowFontScaling","useColors","useTheme","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","useStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","shadowColor","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","resolveColors","variant","disabled","colors","background","inputBackground","textLight","border","primaryText","primary","secondary","onSecondary","error","onError","onPrimary","Button","title","onPress","size","loading","style","textStyle","leftIcon","rightIcon","leftIconName","rightIconName","iconColor","testID","accessibilityLabel","styles","allowFontScaling","scale","Value","current","isDisabled","isFilled","resolved","effectiveIconColor","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","containerStyle","borderColor","backgroundColor","opacity","labelStyle","color","iconSize","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","transform","children","name","displayName"],"sourceRoot":"../../../src","sources":["atoms/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -38,6 +38,9 @@ export const Checkbox = /*#__PURE__*/memo(({
|
|
|
38
38
|
const styles = useStyles();
|
|
39
39
|
const allowFontScaling = useAllowFontScaling();
|
|
40
40
|
const activeColor = color || colors.primary;
|
|
41
|
+
// El check va encima del relleno: con `color` propio no sabemos qué tono
|
|
42
|
+
// contrasta, así que ahí seguimos con blanco (decisión del consumidor).
|
|
43
|
+
const checkColor = color ? colors.white : colors.onPrimary;
|
|
41
44
|
const progress = useRef(new Animated.Value(value ? 1 : 0)).current;
|
|
42
45
|
const checkScale = useRef(new Animated.Value(value ? 1 : 0)).current;
|
|
43
46
|
useEffect(() => {
|
|
@@ -88,7 +91,7 @@ export const Checkbox = /*#__PURE__*/memo(({
|
|
|
88
91
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
89
92
|
name: "check",
|
|
90
93
|
size: 16,
|
|
91
|
-
color:
|
|
94
|
+
color: checkColor
|
|
92
95
|
})
|
|
93
96
|
})
|
|
94
97
|
}), label && /*#__PURE__*/_jsx(Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useEffect","useRef","Animated","Text","TouchableOpacity","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flexDirection","alignItems","marginBottom","tokens","spacing","sm","box","width","height","borderRadius","radius","borderWidth","justifyContent","marginRight","label","fontSize","md","color","colors","text","Checkbox","value","onValueChange","disabled","testID","styles","allowFontScaling","activeColor","primary","progress","Value","current","checkScale","timing","toValue","duration","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","children","View","opacity","transform","scale","name","size","
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useRef","Animated","Text","TouchableOpacity","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flexDirection","alignItems","marginBottom","tokens","spacing","sm","box","width","height","borderRadius","radius","borderWidth","justifyContent","marginRight","label","fontSize","md","color","colors","text","Checkbox","value","onValueChange","disabled","testID","styles","allowFontScaling","activeColor","primary","checkColor","white","onPrimary","progress","Value","current","checkScale","timing","toValue","duration","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","children","View","opacity","transform","scale","name","size","displayName"],"sourceRoot":"../../../src","sources":["atoms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/atoms/Fab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","PressableScale","Icon","createStyles","useColors","jsx","_jsx","useStyles","theme","fab","position","justifyContent","alignItems","tokens","shadow","lg","Fab","onPress","iconName","icon","size","bottom","right","color","style","accessibilityLabel","styles","colors","width","height","borderRadius","backgroundColor","primary","accessibilityRole","children","name","
|
|
1
|
+
{"version":3,"names":["React","memo","PressableScale","Icon","createStyles","useColors","jsx","_jsx","useStyles","theme","fab","position","justifyContent","alignItems","tokens","shadow","lg","Fab","onPress","iconName","icon","size","bottom","right","color","style","accessibilityLabel","styles","colors","width","height","borderRadius","backgroundColor","primary","accessibilityRole","children","name","onPrimary","displayName"],"sourceRoot":"../../../src","sources":["atoms/Fab.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAchD,MAAMC,SAAS,GAAGJ,YAAY,CAAEK,KAAK,KAAM;EACzCC,GAAG,EAAE;IACHC,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpB,GAAGJ,KAAK,CAACK,MAAM,CAACC,MAAM,CAACC;EACzB;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,gBAAGhB,IAAI,CACrB,CAAC;EAAEiB,OAAO;EAAEC,QAAQ,GAAG,MAAM;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,MAAM,GAAG,EAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EACxH,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1B,MAAMoB,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1B,oBACEE,IAAA,CAACL,cAAc;IACbgB,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CACLE,MAAM,CAACjB,GAAG,EACV;MACEmB,KAAK,EAAER,IAAI;MACXS,MAAM,EAAET,IAAI;MACZU,YAAY,EAAEV,IAAI,GAAG,CAAC;MACtBC,MAAM;MACNC,KAAK;MACLS,eAAe,EAAER,KAAK,IAAII,MAAM,CAACK;IACnC,CAAC,EACDR,KAAK,CACL;IACFS,iBAAiB,EAAC,QAAQ;IAC1BR,kBAAkB,EAAEA,kBAAmB;IAAAS,QAAA,EAEtCf,IAAI,iBAAIb,IAAA,CAACJ,IAAI;MAACiC,IAAI,EAAEjB,QAAS;MAACE,IAAI,EAAEA,IAAI,GAAG,GAAI;MAACG,KAAK,EAAEI,MAAM,CAACS;IAAU,CAAE;EAAC,CAC9D,CAAC;AAErB,CACF,CAAC;AACDpB,GAAG,CAACqB,WAAW,GAAG,KAAK","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
const useStyles = createStyles(theme => ({
|
|
9
9
|
container: {
|
|
10
10
|
overflow: 'hidden',
|
|
11
|
-
backgroundColor: theme.colors.
|
|
11
|
+
backgroundColor: theme.colors.skeleton
|
|
12
12
|
},
|
|
13
13
|
overlay: {
|
|
14
14
|
alignItems: 'center',
|
|
@@ -16,7 +16,7 @@ const useStyles = createStyles(theme => ({
|
|
|
16
16
|
},
|
|
17
17
|
fallback: {
|
|
18
18
|
flex: 1,
|
|
19
|
-
backgroundColor: theme.colors.
|
|
19
|
+
backgroundColor: theme.colors.skeleton
|
|
20
20
|
}
|
|
21
21
|
}));
|
|
22
22
|
function sourceUri(source) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useCallback","useEffect","useState","Image","RNImage","Platform","StyleSheet","View","createStyles","Spinner","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","overflow","backgroundColor","colors","
|
|
1
|
+
{"version":3,"names":["React","memo","useCallback","useEffect","useState","Image","RNImage","Platform","StyleSheet","View","createStyles","Spinner","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","overflow","backgroundColor","colors","skeleton","overlay","alignItems","justifyContent","fallback","flex","sourceUri","source","uri","undefined","width","height","resizeMode","radius","loading","priority","style","onLoadEnd","onError","testID","styles","status","setStatus","prefetch","catch","handleError","e","handleLoadEnd","borderRadius","children","absoluteFill","fadeDuration","OS","cache","size","fullscreen","displayName","prefetchImage"],"sourceRoot":"../../../src","sources":["atoms/Image.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,7 +18,7 @@ const useStyles = createStyles(theme => ({
|
|
|
18
18
|
color: theme.colors.text
|
|
19
19
|
},
|
|
20
20
|
required: {
|
|
21
|
-
color: theme.colors.
|
|
21
|
+
color: theme.colors.errorText
|
|
22
22
|
},
|
|
23
23
|
inputWrapper: {
|
|
24
24
|
flexDirection: 'row',
|
|
@@ -46,7 +46,7 @@ const useStyles = createStyles(theme => ({
|
|
|
46
46
|
errorText: {
|
|
47
47
|
marginTop: theme.tokens.spacing.xs,
|
|
48
48
|
fontSize: theme.tokens.fontSize.sm,
|
|
49
|
-
color: theme.colors.
|
|
49
|
+
color: theme.colors.errorText
|
|
50
50
|
}
|
|
51
51
|
}));
|
|
52
52
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useRef","useState","ActivityIndicator","Animated","Text","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","marginBottom","tokens","spacing","lg","width","label","sm","fontSize","md","fontWeight","medium","color","colors","text","required","
|
|
1
|
+
{"version":3,"names":["React","memo","useRef","useState","ActivityIndicator","Animated","Text","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","marginBottom","tokens","spacing","lg","width","label","sm","fontSize","md","fontWeight","medium","color","colors","text","required","errorText","inputWrapper","flexDirection","alignItems","backgroundColor","inputBackground","borderRadius","radius","borderWidth","minHeight","input","flex","paddingVertical","paddingHorizontal","leftIcon","marginLeft","marginRight","xs","rightIcon","padding","marginTop","Input","error","containerStyle","leftIconName","rightIconName","onRightIconPress","isPassword","isLoading","style","onFocus","onBlur","testID","props","styles","allowFontScaling","isFocused","setIsFocused","showPassword","setShowPassword","focusProgress","Value","current","handleFocus","e","timing","toValue","duration","useNativeDriver","start","handleBlur","borderColor","interpolate","outputRange","border","primary","inputRange","children","name","size","textLight","placeholderTextColor","secureTextEntry","textAlignVertical","accessibilityLabel","placeholder","onPress","v","accessibilityRole","disabled","displayName"],"sourceRoot":"../../../src","sources":["atoms/Input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
import React, { memo, useRef } from 'react';
|
|
4
4
|
import { Animated, Pressable } from 'react-native';
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
7
|
+
|
|
6
8
|
/**
|
|
7
9
|
* PressableScale
|
|
8
10
|
* Feedback táctil de "achicarse" al presionar, con Animated.spring de RN
|
|
@@ -35,20 +37,17 @@ export const PressableScale = /*#__PURE__*/memo(({
|
|
|
35
37
|
if (!disabled) animateTo(1);
|
|
36
38
|
onPressOut?.(e);
|
|
37
39
|
};
|
|
38
|
-
return /*#__PURE__*/_jsx(
|
|
40
|
+
return /*#__PURE__*/_jsx(AnimatedPressable, {
|
|
39
41
|
...props,
|
|
40
42
|
disabled: disabled,
|
|
41
43
|
onPressIn: handlePressIn,
|
|
42
44
|
onPressOut: handlePressOut,
|
|
43
|
-
style: style,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
},
|
|
50
|
-
children: children
|
|
51
|
-
})
|
|
45
|
+
style: [style, {
|
|
46
|
+
transform: [{
|
|
47
|
+
scale
|
|
48
|
+
}]
|
|
49
|
+
}],
|
|
50
|
+
children: children
|
|
52
51
|
});
|
|
53
52
|
});
|
|
54
53
|
PressableScale.displayName = 'PressableScale';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useRef","Animated","Pressable","jsx","_jsx","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","e","handlePressOut","
|
|
1
|
+
{"version":3,"names":["React","memo","useRef","Animated","Pressable","jsx","_jsx","AnimatedPressable","createAnimatedComponent","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","e","handlePressOut","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SACEC,QAAQ,EACRC,SAAS,QAKJ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAStB,MAAMC,iBAAiB,GAAGJ,QAAQ,CAACK,uBAAuB,CAACJ,SAAS,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,cAAc,gBAAGR,IAAI,CAChC,CAAC;EAAES,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACvG,MAAMC,KAAK,GAAGf,MAAM,CAAC,IAAIC,QAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnClB,QAAQ,CAACmB,MAAM,CAACL,KAAK,EAAE;MACrBM,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAACV,OAAO,CAAC;IACjCG,SAAS,GAAGgB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMC,cAAc,GAAID,CAAwB,IAAK;IACnD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAAC,CAAC,CAAC;IAC3BN,UAAU,GAAGe,CAAC,CAAC;EACjB,CAAC;EAED,oBACEvB,IAAA,CAACC,iBAAiB;IAAA,GACZS,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEe,aAAc;IACzBd,UAAU,EAAEgB,cAAe;IAC3BnB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEoB,SAAS,EAAE,CAAC;QAAEd;MAAM,CAAC;IAAE,CAAC,CAAE;IAAAL,QAAA,EAE1CA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AACDH,cAAc,CAACuB,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo, useEffect, useRef } from 'react';
|
|
4
|
+
import { Animated, Easing, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useTheme } from '../theme/UIProvider';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const useStyles = createStyles(theme => ({
|
|
9
|
+
block: {
|
|
10
|
+
backgroundColor: theme.colors.skeleton
|
|
11
|
+
},
|
|
12
|
+
lines: {
|
|
13
|
+
gap: theme.tokens.spacing.sm
|
|
14
|
+
}
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Skeleton
|
|
19
|
+
* Placeholder que late mientras llega el contenido real. Reserva el espacio
|
|
20
|
+
* exacto de lo que reemplaza, así la pantalla no salta cuando aparecen los
|
|
21
|
+
* datos — que es justamente lo que un Spinner centrado no puede hacer.
|
|
22
|
+
*/
|
|
23
|
+
export const Skeleton = /*#__PURE__*/memo(({
|
|
24
|
+
width = '100%',
|
|
25
|
+
height = 16,
|
|
26
|
+
variant = 'rect',
|
|
27
|
+
radius,
|
|
28
|
+
lines = 1,
|
|
29
|
+
lastLineWidth = '60%',
|
|
30
|
+
animated = true,
|
|
31
|
+
style,
|
|
32
|
+
testID
|
|
33
|
+
}) => {
|
|
34
|
+
const theme = useTheme();
|
|
35
|
+
const styles = useStyles();
|
|
36
|
+
const pulse = useRef(new Animated.Value(0)).current;
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
if (!animated) return;
|
|
39
|
+
const loop = Animated.loop(Animated.sequence([Animated.timing(pulse, {
|
|
40
|
+
toValue: 1,
|
|
41
|
+
duration: 700,
|
|
42
|
+
useNativeDriver: true,
|
|
43
|
+
easing: Easing.inOut(Easing.quad)
|
|
44
|
+
}), Animated.timing(pulse, {
|
|
45
|
+
toValue: 0,
|
|
46
|
+
duration: 700,
|
|
47
|
+
useNativeDriver: true,
|
|
48
|
+
easing: Easing.inOut(Easing.quad)
|
|
49
|
+
})]));
|
|
50
|
+
loop.start();
|
|
51
|
+
return () => loop.stop();
|
|
52
|
+
}, [animated, pulse]);
|
|
53
|
+
const isCircle = variant === 'circle';
|
|
54
|
+
const isText = variant === 'text';
|
|
55
|
+
const opacity = animated ? pulse.interpolate({
|
|
56
|
+
inputRange: [0, 1],
|
|
57
|
+
outputRange: [1, 0.4]
|
|
58
|
+
}) : 1;
|
|
59
|
+
const resolvedHeight = isCircle ? width : isText ? theme.tokens.fontSize.md : height;
|
|
60
|
+
const resolvedRadius = radius ?? (isCircle ? theme.tokens.radius.full : isText ? theme.tokens.radius.xs : theme.tokens.radius.sm);
|
|
61
|
+
const barStyle = barWidth => [styles.block, {
|
|
62
|
+
width: barWidth,
|
|
63
|
+
height: resolvedHeight,
|
|
64
|
+
borderRadius: resolvedRadius,
|
|
65
|
+
opacity
|
|
66
|
+
}];
|
|
67
|
+
const a11y = {
|
|
68
|
+
accessibilityElementsHidden: true,
|
|
69
|
+
importantForAccessibility: 'no-hide-descendants'
|
|
70
|
+
};
|
|
71
|
+
if (isText && lines > 1) {
|
|
72
|
+
return /*#__PURE__*/_jsx(View, {
|
|
73
|
+
style: [styles.lines, style],
|
|
74
|
+
testID: testID,
|
|
75
|
+
...a11y,
|
|
76
|
+
children: Array.from({
|
|
77
|
+
length: lines
|
|
78
|
+
}, (_, i) => /*#__PURE__*/_jsx(Animated.View, {
|
|
79
|
+
testID: testID && `${testID}-${i}`,
|
|
80
|
+
style: barStyle(i === lines - 1 ? lastLineWidth : width)
|
|
81
|
+
}, i))
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
85
|
+
style: [barStyle(width), style],
|
|
86
|
+
testID: testID,
|
|
87
|
+
...a11y
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
Skeleton.displayName = 'Skeleton';
|
|
91
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useRef","Animated","Easing","View","createStyles","useTheme","jsx","_jsx","useStyles","theme","block","backgroundColor","colors","skeleton","lines","gap","tokens","spacing","sm","Skeleton","width","height","variant","radius","lastLineWidth","animated","style","testID","styles","pulse","Value","current","loop","sequence","timing","toValue","duration","useNativeDriver","easing","inOut","quad","start","stop","isCircle","isText","opacity","interpolate","inputRange","outputRange","resolvedHeight","fontSize","md","resolvedRadius","full","xs","barStyle","barWidth","borderRadius","a11y","accessibilityElementsHidden","importantForAccessibility","children","Array","from","length","_","i","displayName"],"sourceRoot":"../../../src","sources":["atoms/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { AccessibilityInfo, Animated, Easing } from 'react-native';
|
|
5
|
+
import { useTheme } from '../theme/UIProvider';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const SCALE_FROM = {
|
|
8
|
+
scale: 0.92,
|
|
9
|
+
pop: 0.8
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Sigue el ajuste de "reducir movimiento" del sistema: con él activo las
|
|
14
|
+
* animaciones saltan al estado final en vez de desactivarse, así que los
|
|
15
|
+
* callbacks y el desmontaje siguen ocurriendo igual.
|
|
16
|
+
*/
|
|
17
|
+
export function useReduceMotion() {
|
|
18
|
+
const [reduceMotion, setReduceMotion] = useState(false);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
let alive = true;
|
|
21
|
+
// Sólo se actualiza el estado si el ajuste está activo: el valor inicial ya
|
|
22
|
+
// es `false` y un setState de false a false costaría un render por montaje.
|
|
23
|
+
AccessibilityInfo.isReduceMotionEnabled().then(enabled => {
|
|
24
|
+
if (alive && enabled) setReduceMotion(true);
|
|
25
|
+
});
|
|
26
|
+
const sub = AccessibilityInfo.addEventListener('reduceMotionChanged', setReduceMotion);
|
|
27
|
+
return () => {
|
|
28
|
+
alive = false;
|
|
29
|
+
sub.remove();
|
|
30
|
+
};
|
|
31
|
+
}, []);
|
|
32
|
+
return reduceMotion;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* Transition
|
|
37
|
+
* Envuelve cualquier árbol y lo anima al entrar y al salir. Todos los presets
|
|
38
|
+
* se reducen a `opacity` y `transform` sobre un único Animated.Value, que es
|
|
39
|
+
* lo que `useNativeDriver` sabe mandar al hilo nativo: la animación corre ahí
|
|
40
|
+
* y el hilo de JS no participa de ningún frame — por eso no hay presets de
|
|
41
|
+
* alto, ancho o color, que obligarían a volver a JS en cada frame.
|
|
42
|
+
*
|
|
43
|
+
* El nodo se mantiene montado hasta que termina la animación de salida, y el
|
|
44
|
+
* comportamiento es idéntico en iOS y Android: no hay ninguna rama por
|
|
45
|
+
* plataforma.
|
|
46
|
+
*/
|
|
47
|
+
export const Transition = /*#__PURE__*/memo(({
|
|
48
|
+
children,
|
|
49
|
+
visible = true,
|
|
50
|
+
preset = 'fade',
|
|
51
|
+
duration,
|
|
52
|
+
delay = 0,
|
|
53
|
+
distance = 24,
|
|
54
|
+
spring,
|
|
55
|
+
appear = true,
|
|
56
|
+
keepMounted = false,
|
|
57
|
+
value,
|
|
58
|
+
onEntered,
|
|
59
|
+
onExited,
|
|
60
|
+
style,
|
|
61
|
+
testID
|
|
62
|
+
}) => {
|
|
63
|
+
const theme = useTheme();
|
|
64
|
+
const reduceMotion = useReduceMotion();
|
|
65
|
+
const internal = useRef(new Animated.Value(visible && !appear ? 1 : 0)).current;
|
|
66
|
+
const progress = value ?? internal;
|
|
67
|
+
const driven = value === undefined;
|
|
68
|
+
const [mounted, setMounted] = useState(visible || keepMounted);
|
|
69
|
+
|
|
70
|
+
// Los callbacks viven en un ref: pasados inline cambian de identidad en
|
|
71
|
+
// cada render y, como dependencias del efecto, reiniciarían la animación.
|
|
72
|
+
const callbacks = useRef({
|
|
73
|
+
onEntered,
|
|
74
|
+
onExited
|
|
75
|
+
});
|
|
76
|
+
useEffect(() => {
|
|
77
|
+
callbacks.current = {
|
|
78
|
+
onEntered,
|
|
79
|
+
onExited
|
|
80
|
+
};
|
|
81
|
+
});
|
|
82
|
+
const presetKey = Array.isArray(preset) ? preset.join(' ') : preset;
|
|
83
|
+
const presets = useMemo(() => presetKey.split(' '), [presetKey]);
|
|
84
|
+
useEffect(() => {
|
|
85
|
+
if (visible) setMounted(true);
|
|
86
|
+
}, [visible]);
|
|
87
|
+
useEffect(() => {
|
|
88
|
+
if (!driven) return;
|
|
89
|
+
const toValue = visible ? 1 : 0;
|
|
90
|
+
const useSpring = spring ?? presets.includes('pop');
|
|
91
|
+
const animation = reduceMotion ? Animated.timing(progress, {
|
|
92
|
+
toValue,
|
|
93
|
+
duration: 0,
|
|
94
|
+
delay,
|
|
95
|
+
useNativeDriver: true
|
|
96
|
+
}) : useSpring ? Animated.spring(progress, {
|
|
97
|
+
toValue,
|
|
98
|
+
delay,
|
|
99
|
+
friction: 9,
|
|
100
|
+
tension: 90,
|
|
101
|
+
useNativeDriver: true
|
|
102
|
+
}) : Animated.timing(progress, {
|
|
103
|
+
toValue,
|
|
104
|
+
delay,
|
|
105
|
+
duration: duration ?? theme.tokens.duration.base,
|
|
106
|
+
easing: visible ? Easing.out(Easing.cubic) : Easing.in(Easing.cubic),
|
|
107
|
+
useNativeDriver: true
|
|
108
|
+
});
|
|
109
|
+
animation.start(({
|
|
110
|
+
finished
|
|
111
|
+
}) => {
|
|
112
|
+
if (!finished) return;
|
|
113
|
+
if (visible) {
|
|
114
|
+
callbacks.current.onEntered?.();
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
callbacks.current.onExited?.();
|
|
118
|
+
if (!keepMounted) setMounted(false);
|
|
119
|
+
});
|
|
120
|
+
return () => animation.stop();
|
|
121
|
+
}, [visible, driven, reduceMotion, spring, delay, duration, keepMounted, presets, progress, theme]);
|
|
122
|
+
const animatedStyle = useMemo(() => {
|
|
123
|
+
const transform = [];
|
|
124
|
+
let opacity;
|
|
125
|
+
for (const item of presets) {
|
|
126
|
+
if (item === 'fade') {
|
|
127
|
+
opacity = progress;
|
|
128
|
+
continue;
|
|
129
|
+
}
|
|
130
|
+
if (item === 'scale' || item === 'pop') {
|
|
131
|
+
transform.push({
|
|
132
|
+
scale: progress.interpolate({
|
|
133
|
+
inputRange: [0, 1],
|
|
134
|
+
outputRange: [SCALE_FROM[item], 1]
|
|
135
|
+
})
|
|
136
|
+
});
|
|
137
|
+
continue;
|
|
138
|
+
}
|
|
139
|
+
const vertical = item === 'slide-up' || item === 'slide-down';
|
|
140
|
+
const from = item === 'slide-up' || item === 'slide-left' ? distance : -distance;
|
|
141
|
+
const offset = progress.interpolate({
|
|
142
|
+
inputRange: [0, 1],
|
|
143
|
+
outputRange: [from, 0]
|
|
144
|
+
});
|
|
145
|
+
transform.push(vertical ? {
|
|
146
|
+
translateY: offset
|
|
147
|
+
} : {
|
|
148
|
+
translateX: offset
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
return {
|
|
152
|
+
opacity,
|
|
153
|
+
transform
|
|
154
|
+
};
|
|
155
|
+
}, [presets, progress, distance]);
|
|
156
|
+
if (!mounted) return null;
|
|
157
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
158
|
+
testID: testID,
|
|
159
|
+
pointerEvents: visible ? undefined : 'none',
|
|
160
|
+
style: [style, animatedStyle],
|
|
161
|
+
children: children
|
|
162
|
+
});
|
|
163
|
+
});
|
|
164
|
+
Transition.displayName = 'Transition';
|
|
165
|
+
//# sourceMappingURL=Transition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useMemo","useRef","useState","AccessibilityInfo","Animated","Easing","useTheme","jsx","_jsx","SCALE_FROM","scale","pop","useReduceMotion","reduceMotion","setReduceMotion","alive","isReduceMotionEnabled","then","enabled","sub","addEventListener","remove","Transition","children","visible","preset","duration","delay","distance","spring","appear","keepMounted","value","onEntered","onExited","style","testID","theme","internal","Value","current","progress","driven","undefined","mounted","setMounted","callbacks","presetKey","Array","isArray","join","presets","split","toValue","useSpring","includes","animation","timing","useNativeDriver","friction","tension","tokens","base","easing","out","cubic","in","start","finished","stop","animatedStyle","transform","opacity","item","push","interpolate","inputRange","outputRange","vertical","from","offset","translateY","translateX","View","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Transition.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,6 +11,8 @@ export { Divider } from './Divider';
|
|
|
11
11
|
export { Avatar } from './Avatar';
|
|
12
12
|
export { Image, prefetchImage } from './Image';
|
|
13
13
|
export { Spinner } from './Spinner';
|
|
14
|
+
export { Skeleton } from './Skeleton';
|
|
15
|
+
export { Transition, useReduceMotion } from './Transition';
|
|
14
16
|
export { EmptyState } from './EmptyState';
|
|
15
17
|
export { KeyValueRow } from './KeyValueRow';
|
|
16
18
|
export { Fab } from './Fab';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Title","Subtitle","Body","Caption","Button","IconButton","Input","Checkbox","Badge","Card","Divider","Avatar","Image","prefetchImage","Spinner","EmptyState","KeyValueRow","Fab","PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,QAAQ;AAEvD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,EAAEC,aAAa,QAAQ,SAAS;AAE9C,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Title","Subtitle","Body","Caption","Button","IconButton","Input","Checkbox","Badge","Card","Divider","Avatar","Image","prefetchImage","Spinner","Skeleton","Transition","useReduceMotion","EmptyState","KeyValueRow","Fab","PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,QAAQ;AAEvD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,EAAEC,aAAa,QAAQ,SAAS;AAE9C,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,UAAU,EAAEC,eAAe,QAAQ,cAAc;AAE1D,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}
|
|
@@ -15,7 +15,7 @@ const useStyles = createStyles(theme => ({
|
|
|
15
15
|
width: 80,
|
|
16
16
|
height: 80,
|
|
17
17
|
borderRadius: 40,
|
|
18
|
-
backgroundColor: theme.colors.
|
|
18
|
+
backgroundColor: theme.colors.primarySoft,
|
|
19
19
|
justifyContent: 'center',
|
|
20
20
|
alignItems: 'center',
|
|
21
21
|
marginBottom: theme.tokens.spacing.md
|
|
@@ -23,7 +23,7 @@ const useStyles = createStyles(theme => ({
|
|
|
23
23
|
initials: {
|
|
24
24
|
fontSize: theme.tokens.fontSize.xxl,
|
|
25
25
|
fontWeight: theme.tokens.fontWeight.bold,
|
|
26
|
-
color: theme.colors.
|
|
26
|
+
color: theme.colors.primaryText
|
|
27
27
|
},
|
|
28
28
|
title: {
|
|
29
29
|
fontSize: theme.tokens.fontSize.xl,
|