@pagopa/io-app-design-system 5.3.8 → 5.4.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 +3 -2
- package/lib/commonjs/components/buttons/ButtonLink.js +5 -2
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +20 -15
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +4 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IOButton/IOButton.js +230 -0
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/IOButton.test.js +43 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/IOButton.test.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/lib/commonjs/components/buttons/IOButton/index.js +17 -0
- package/lib/commonjs/components/buttons/IOButton/index.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/styles.js +166 -0
- package/lib/commonjs/components/buttons/IOButton/styles.js.map +1 -0
- package/lib/commonjs/components/buttons/IconButton.js +1 -2
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +1 -2
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/lib/commonjs/components/buttons/__test__/button.test.js +0 -24
- package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/commonjs/components/buttons/index.js +11 -0
- package/lib/commonjs/components/buttons/index.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/lib/commonjs/components/contentWrapper/ContentWrapper.js +6 -2
- package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +11 -9
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +10 -9
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActionsInline.js +8 -8
- package/lib/commonjs/components/layout/FooterActionsInline.js.map +1 -1
- package/lib/commonjs/components/layout/GradientBottomActions.js +8 -8
- package/lib/commonjs/components/layout/GradientBottomActions.js.map +1 -1
- package/lib/commonjs/components/layout/GradientScrollView.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +6 -6
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +15 -2
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +9 -6
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/lib/commonjs/components/typography/IOText.js +4 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +2 -17
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +6 -3
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +21 -16
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +4 -1
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +223 -0
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -0
- package/lib/module/components/buttons/IOButton/__test__/IOButton.test.js +40 -0
- package/lib/module/components/buttons/IOButton/__test__/IOButton.test.js.map +1 -0
- package/lib/module/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/lib/module/components/buttons/IOButton/index.js +4 -0
- package/lib/module/components/buttons/IOButton/index.js.map +1 -0
- package/lib/module/components/buttons/IOButton/styles.js +160 -0
- package/lib/module/components/buttons/IOButton/styles.js.map +1 -0
- package/lib/module/components/buttons/IconButton.js +2 -3
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +2 -3
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/lib/module/components/buttons/__test__/button.test.js +0 -24
- package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/module/components/buttons/index.js +1 -0
- package/lib/module/components/buttons/index.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/lib/module/components/contentWrapper/ContentWrapper.js +6 -2
- package/lib/module/components/contentWrapper/ContentWrapper.js.map +1 -1
- package/lib/module/components/icons/Icon.js +10 -7
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js +11 -10
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/layout/FooterActionsInline.js +9 -9
- package/lib/module/components/layout/FooterActionsInline.js.map +1 -1
- package/lib/module/components/layout/GradientBottomActions.js +9 -9
- package/lib/module/components/layout/GradientBottomActions.js.map +1 -1
- package/lib/module/components/layout/GradientScrollView.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +2 -2
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +6 -6
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +16 -3
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +10 -7
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/lib/module/components/typography/IOText.js +2 -0
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/core/IOStyles.js +1 -16
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts +57 -0
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/__test__/IOButton.test.d.ts +2 -0
- package/lib/typescript/components/buttons/IOButton/__test__/IOButton.test.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/index.d.ts +2 -0
- package/lib/typescript/components/buttons/IOButton/index.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/styles.d.ts +35 -0
- package/lib/typescript/components/buttons/IOButton/styles.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/index.d.ts +1 -0
- package/lib/typescript/components/buttons/index.d.ts.map +1 -1
- package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts +6 -4
- package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +1 -4
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/types.d.ts +3 -2
- package/lib/typescript/components/icons/types.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts +10 -8
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActionsInline.d.ts +5 -4
- package/lib/typescript/components/layout/FooterActionsInline.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientBottomActions.d.ts +12 -6
- package/lib/typescript/components/layout/GradientBottomActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientScrollView.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts +2 -2
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts +11 -0
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberPad.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +1 -0
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +0 -14
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonLink.tsx +6 -6
- package/src/components/buttons/ButtonOutline.tsx +21 -21
- package/src/components/buttons/ButtonSolid.tsx +4 -1
- package/src/components/buttons/IOButton/IOButton.tsx +363 -0
- package/src/components/buttons/IOButton/__test__/IOButton.test.tsx +46 -0
- package/src/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/src/components/buttons/IOButton/index.tsx +1 -0
- package/src/components/buttons/IOButton/styles.tsx +228 -0
- package/src/components/buttons/IconButton.tsx +3 -6
- package/src/components/buttons/IconButtonContained.tsx +3 -6
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/src/components/buttons/__test__/button.test.tsx +1 -33
- package/src/components/buttons/index.tsx +1 -0
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/src/components/contentWrapper/ContentWrapper.tsx +18 -8
- package/src/components/icons/Icon.tsx +12 -3
- package/src/components/icons/types.ts +3 -2
- package/src/components/layout/FooterActions.tsx +26 -14
- package/src/components/layout/FooterActionsInline.tsx +19 -12
- package/src/components/layout/GradientBottomActions.tsx +17 -18
- package/src/components/layout/GradientScrollView.tsx +2 -1
- package/src/components/listitems/ListItemNav.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/src/components/loadingSpinner/LoadingSpinner.tsx +8 -8
- package/src/components/numberpad/NumberButton.tsx +18 -11
- package/src/components/numberpad/NumberPad.tsx +8 -10
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/src/components/typography/IOText.tsx +3 -0
- package/src/core/IOStyles.ts +1 -18
package/README.md
CHANGED
|
@@ -67,13 +67,14 @@ yarn storybook
|
|
|
67
67
|
To try a component, just import it:
|
|
68
68
|
|
|
69
69
|
```tsx
|
|
70
|
-
import {
|
|
70
|
+
import { IOButton } from '@pagopa/io-app-design-system';
|
|
71
71
|
|
|
72
72
|
// [...]
|
|
73
73
|
|
|
74
74
|
const MainScreen = () => (
|
|
75
75
|
<View>
|
|
76
|
-
<
|
|
76
|
+
<IOButton
|
|
77
|
+
variant="solid"
|
|
77
78
|
accessibilityLabel="Tap to trigger test alert"
|
|
78
79
|
label="Hello world"
|
|
79
80
|
onPress={() => Alert.alert("Alert", "Action triggered")}
|
|
@@ -16,6 +16,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const DISABLED_OPACITY = 0.5;
|
|
18
18
|
const ICON_MARGIN = 8;
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated Use `Button` with variant `link` instead
|
|
22
|
+
*/
|
|
19
23
|
const ButtonLink = exports.ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
20
24
|
color = "primary",
|
|
21
25
|
label,
|
|
@@ -75,7 +79,6 @@ const ButtonLink = exports.ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
75
79
|
color: iconColor
|
|
76
80
|
};
|
|
77
81
|
});
|
|
78
|
-
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
79
82
|
|
|
80
83
|
// Icon size
|
|
81
84
|
const iconSize = 24;
|
|
@@ -117,7 +120,7 @@ const ButtonLink = exports.ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
117
120
|
/* Prevent Reanimated from overriding background colors
|
|
118
121
|
if button is disabled */
|
|
119
122
|
!disabled && !reducedMotion && scaleAnimatedStyle],
|
|
120
|
-
children: [icon && (!disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
123
|
+
children: [icon && (!disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIconWithColorTransition, {
|
|
121
124
|
allowFontScaling: true,
|
|
122
125
|
name: icon,
|
|
123
126
|
animatedProps: pressedColorIconAnimationStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","exports","forwardRef","color","label","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityRole","accessibilityHint","numberOfLines","textAlign","testID","ref","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","foreground","IOColors","pressed","hexToRgba","contrast","white","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorLabelAnimationStyle","useAnimatedStyle","labelColor","interpolateColor","value","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","exports","forwardRef","color","label","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityRole","accessibilityHint","numberOfLines","textAlign","testID","ref","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","foreground","IOColors","pressed","hexToRgba","contrast","white","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorLabelAnimationStyle","useAnimatedStyle","labelColor","interpolateColor","value","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","iconSize","iconMargin","jsx","Pressable","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","alignSelf","children","jsxs","View","IOButtonStyles","buttonLink","flexDirection","columnGap","opacity","AnimatedIconWithColorTransition","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","ellipsizeMode","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -23,6 +23,10 @@ const IOButtonStylesLocal = _reactNative.StyleSheet.create({
|
|
|
23
23
|
borderWidth: 2
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated Use `Button` with variant `outline` instead
|
|
29
|
+
*/
|
|
26
30
|
const ButtonOutline = exports.ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
27
31
|
color = "primary",
|
|
28
32
|
label,
|
|
@@ -50,28 +54,28 @@ const ButtonOutline = exports.ButtonOutline = /*#__PURE__*/(0, _react.forwardRef
|
|
|
50
54
|
const mapColorStates = {
|
|
51
55
|
// Primary button
|
|
52
56
|
primary: {
|
|
53
|
-
foreground: {
|
|
54
|
-
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
55
|
-
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
56
|
-
disabled: _core.IOColors[theme["interactiveOutline-disabled"]]
|
|
57
|
-
},
|
|
58
57
|
background: {
|
|
59
58
|
default: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-pressed"]], 0),
|
|
60
59
|
pressed: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-pressed"]], 0.1),
|
|
61
60
|
disabled: "transparent"
|
|
61
|
+
},
|
|
62
|
+
foreground: {
|
|
63
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
64
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
65
|
+
disabled: _core.IOColors[theme["interactiveOutline-disabled"]]
|
|
62
66
|
}
|
|
63
67
|
},
|
|
64
68
|
// Contrast button
|
|
65
69
|
contrast: {
|
|
66
|
-
foreground: {
|
|
67
|
-
default: _core.IOColors.white,
|
|
68
|
-
pressed: _core.IOColors.white,
|
|
69
|
-
disabled: _core.IOColors["blueIO-200"]
|
|
70
|
-
},
|
|
71
70
|
background: {
|
|
72
71
|
default: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0),
|
|
73
72
|
pressed: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0.5),
|
|
74
73
|
disabled: "transparent"
|
|
74
|
+
},
|
|
75
|
+
foreground: {
|
|
76
|
+
default: _core.IOColors.white,
|
|
77
|
+
pressed: _core.IOColors.white,
|
|
78
|
+
disabled: _core.IOColors["blueIO-200"]
|
|
75
79
|
}
|
|
76
80
|
}
|
|
77
81
|
};
|
|
@@ -94,20 +98,18 @@ const ButtonOutline = exports.ButtonOutline = /*#__PURE__*/(0, _react.forwardRef
|
|
|
94
98
|
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
95
99
|
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
|
|
96
100
|
}));
|
|
97
|
-
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
98
101
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
99
102
|
ref: ref,
|
|
103
|
+
accessible: true,
|
|
100
104
|
accessibilityLabel: accessibilityLabel || label,
|
|
101
105
|
accessibilityHint: accessibilityHint,
|
|
102
106
|
accessibilityRole: "button",
|
|
103
107
|
accessibilityState: {
|
|
104
108
|
disabled: disabled || false
|
|
105
109
|
},
|
|
106
|
-
testID: testID,
|
|
107
110
|
onPress: onPress,
|
|
108
111
|
onPressIn: onPressIn,
|
|
109
112
|
onPressOut: onPressOut,
|
|
110
|
-
accessible: true,
|
|
111
113
|
disabled: disabled,
|
|
112
114
|
style: fullWidth ? {
|
|
113
115
|
flexShrink: 0,
|
|
@@ -116,6 +118,7 @@ const ButtonOutline = exports.ButtonOutline = /*#__PURE__*/(0, _react.forwardRef
|
|
|
116
118
|
flexShrink: 1,
|
|
117
119
|
alignSelf: "auto"
|
|
118
120
|
},
|
|
121
|
+
testID: testID,
|
|
119
122
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
120
123
|
style: [_core.IOButtonStyles.button, _core.IOButtonStyles.buttonSizeDefault, IOButtonStylesLocal.buttonWithBorder, fullWidth && {
|
|
121
124
|
paddingHorizontal: 16
|
|
@@ -134,7 +137,7 @@ const ButtonOutline = exports.ButtonOutline = /*#__PURE__*/(0, _react.forwardRef
|
|
|
134
137
|
/* Prevent Reanimated from overriding background colors
|
|
135
138
|
if button is disabled */
|
|
136
139
|
!reducedMotion && !disabled && scaleAnimatedStyle, !disabled && pressedAnimationStyle],
|
|
137
|
-
children: [icon && (!disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
140
|
+
children: [icon && (!disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIconWithColorTransition, {
|
|
138
141
|
allowFontScaling: true,
|
|
139
142
|
name: icon,
|
|
140
143
|
animatedProps: pressedColorIconAnimationStyle,
|
|
@@ -154,7 +157,9 @@ const ButtonOutline = exports.ButtonOutline = /*#__PURE__*/(0, _react.forwardRef
|
|
|
154
157
|
importantForAccessibility: "no-hide-descendants",
|
|
155
158
|
numberOfLines: 1,
|
|
156
159
|
ellipsizeMode: "tail",
|
|
157
|
-
style: [
|
|
160
|
+
style: [{
|
|
161
|
+
alignSelf: "center"
|
|
162
|
+
}, disabled ? {
|
|
158
163
|
color: mapColorStates[color]?.foreground?.disabled
|
|
159
164
|
} : {
|
|
160
165
|
...pressedColorLabelAnimationStyle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","ButtonOutline","exports","forwardRef","color","label","fullWidth","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","mapColorStates","primary","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","ButtonOutline","exports","forwardRef","color","label","fullWidth","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","mapColorStates","primary","background","hexToRgba","IOColors","pressed","foreground","contrast","white","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","useAnimatedProps","jsx","Pressable","accessible","accessibilityRole","accessibilityState","style","flexShrink","alignSelf","children","jsxs","View","IOButtonStyles","button","buttonSizeDefault","paddingHorizontal","columnGap","flexDirection","opacity","AnimatedIconWithColorTransition","allowFontScaling","name","animatedProps","size","AnimatedIcon","font","weight","buttonTextFontSize","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,6 +22,9 @@ const DISABLED_OPACITY = 0.5;
|
|
|
22
22
|
|
|
23
23
|
// Icon size
|
|
24
24
|
const iconSize = 20;
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated Use `Button` with variant `solid` instead
|
|
27
|
+
*/
|
|
25
28
|
const ButtonSolid = exports.ButtonSolid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
26
29
|
color = "primary",
|
|
27
30
|
label,
|
|
@@ -156,7 +159,7 @@ const ButtonSolid = exports.ButtonSolid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
156
159
|
entering: isMounted.current ? _core.enterTransitionInnerContentSmall : undefined,
|
|
157
160
|
exiting: _core.exitTransitionInnerContent,
|
|
158
161
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loadingSpinner.LoadingSpinner, {
|
|
159
|
-
color: foregroundColor
|
|
162
|
+
color: _core.IOColors[foregroundColor]
|
|
160
163
|
})
|
|
161
164
|
}), !loading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
162
165
|
style: [_core.IOButtonStyles.buttonInner, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","exports","forwardRef","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","background","IOColors","pressed","foreground","danger","contrast","white","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","jsx","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","flexShrink","alignSelf","children","jsxs","View","IOButtonStyles","button","buttonSizeDefault","overflow","paddingHorizontal","opacity","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,uBAAA,CAAAC,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AAQA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAsD,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAG,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAgBtD,MAAMW,WAAW,GAAG,CAAC;AACrB,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","exports","forwardRef","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","background","IOColors","pressed","foreground","danger","contrast","white","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","jsx","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","flexShrink","alignSelf","children","jsxs","View","IOButtonStyles","button","buttonSizeDefault","overflow","paddingHorizontal","opacity","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.IOButton = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _core = require("../../../core");
|
|
12
|
+
var _hooks = require("../../../hooks");
|
|
13
|
+
var _icons = require("../../icons");
|
|
14
|
+
var _loadingSpinner = require("../../loadingSpinner");
|
|
15
|
+
var _typography = require("../../typography");
|
|
16
|
+
var _ButtonText = require("../../typography/ButtonText");
|
|
17
|
+
var _styles = require("./styles");
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
+
const IOButton = exports.IOButton = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
23
|
+
variant = "solid",
|
|
24
|
+
color = "primary",
|
|
25
|
+
label,
|
|
26
|
+
fullWidth = false,
|
|
27
|
+
disabled = false,
|
|
28
|
+
loading = false,
|
|
29
|
+
numberOfLines = 1,
|
|
30
|
+
textAlign = "auto",
|
|
31
|
+
icon,
|
|
32
|
+
iconPosition = "start",
|
|
33
|
+
onPress,
|
|
34
|
+
accessibilityLabel,
|
|
35
|
+
accessibilityHint,
|
|
36
|
+
accessibilityRole = "button",
|
|
37
|
+
testID
|
|
38
|
+
}, ref) => {
|
|
39
|
+
const mapColorStates = (0, _styles.useButtonColorMap)(variant);
|
|
40
|
+
const {
|
|
41
|
+
progress,
|
|
42
|
+
onPressIn,
|
|
43
|
+
onPressOut,
|
|
44
|
+
scaleAnimatedStyle
|
|
45
|
+
} = (0, _hooks.useScaleAnimation)();
|
|
46
|
+
const {
|
|
47
|
+
buttonAnimatedStyle,
|
|
48
|
+
labelAnimatedStyle,
|
|
49
|
+
iconColorAnimatedStyle
|
|
50
|
+
} = (0, _styles.useButtonAnimatedStyles)(variant, color, progress);
|
|
51
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
52
|
+
const {
|
|
53
|
+
newTypefaceEnabled
|
|
54
|
+
} = (0, _core.useIONewTypeface)();
|
|
55
|
+
const isLinkButton = variant === "link";
|
|
56
|
+
|
|
57
|
+
// ---------------------------------------
|
|
58
|
+
// VISUAL ATTRIBUTES
|
|
59
|
+
// ---------------------------------------
|
|
60
|
+
const btnIconSizeMap = {
|
|
61
|
+
solid: 20,
|
|
62
|
+
outline: 20,
|
|
63
|
+
link: 24
|
|
64
|
+
};
|
|
65
|
+
const btnBorderWidthMap = {
|
|
66
|
+
solid: 0,
|
|
67
|
+
outline: 2,
|
|
68
|
+
link: 0
|
|
69
|
+
};
|
|
70
|
+
const btnPaddingHorizontalMap = {
|
|
71
|
+
default: 24,
|
|
72
|
+
fullWidth: 16,
|
|
73
|
+
link: 0
|
|
74
|
+
};
|
|
75
|
+
const btnLinkHitSlop = {
|
|
76
|
+
top: 14,
|
|
77
|
+
right: 24,
|
|
78
|
+
bottom: 14,
|
|
79
|
+
left: 24
|
|
80
|
+
};
|
|
81
|
+
const btnIconSize = btnIconSizeMap[variant];
|
|
82
|
+
const btnBorderWidth = btnBorderWidthMap[variant];
|
|
83
|
+
const btnBorderRadius = 8;
|
|
84
|
+
const btnSizeDefault = 48;
|
|
85
|
+
const ICON_MARGIN = 8;
|
|
86
|
+
const DISABLED_OPACITY = 0.5;
|
|
87
|
+
|
|
88
|
+
// Background color
|
|
89
|
+
const backgroundColor = disabled ? mapColorStates[color].background.disabled : mapColorStates[color].background.default;
|
|
90
|
+
|
|
91
|
+
// Label & Icons colors
|
|
92
|
+
const foregroundColor = disabled ? mapColorStates[color]?.foreground?.disabled : mapColorStates[color]?.foreground?.default;
|
|
93
|
+
|
|
94
|
+
// ---------------------------------------
|
|
95
|
+
// BUTTON INNER LOGIC
|
|
96
|
+
// ---------------------------------------
|
|
97
|
+
|
|
98
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
99
|
+
on the on the first render. Solution from this discussion:
|
|
100
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
101
|
+
*/
|
|
102
|
+
const isMounted = (0, _react.useRef)(false);
|
|
103
|
+
(0, _react.useEffect)(() => {
|
|
104
|
+
// eslint-disable-next-line functional/immutable-data
|
|
105
|
+
isMounted.current = true;
|
|
106
|
+
}, []);
|
|
107
|
+
const handleOnPress = (0, _react.useCallback)(event => {
|
|
108
|
+
/* Don't call `onPress` if the button is
|
|
109
|
+
in loading state */
|
|
110
|
+
if (loading) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
114
|
+
onPress(event);
|
|
115
|
+
}, [loading, onPress]);
|
|
116
|
+
|
|
117
|
+
// ---------------------------------------
|
|
118
|
+
// BUTTON INNER CONTENT
|
|
119
|
+
// ---------------------------------------
|
|
120
|
+
const renderButtonContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
121
|
+
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
122
|
+
style: styles.buttonInner,
|
|
123
|
+
entering: isMounted.current ? _core.enterTransitionInnerContentSmall : undefined,
|
|
124
|
+
exiting: _core.exitTransitionInnerContent,
|
|
125
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loadingSpinner.LoadingSpinner, {
|
|
126
|
+
color: foregroundColor
|
|
127
|
+
})
|
|
128
|
+
}), !loading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
129
|
+
style: [styles.buttonInner, {
|
|
130
|
+
columnGap: ICON_MARGIN
|
|
131
|
+
}, iconPosition === "end" && {
|
|
132
|
+
flexDirection: "row-reverse"
|
|
133
|
+
}],
|
|
134
|
+
entering: isMounted.current ? _core.enterTransitionInnerContent : undefined,
|
|
135
|
+
children: [icon && (!disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIconWithColorTransition, {
|
|
136
|
+
allowFontScaling: true,
|
|
137
|
+
name: icon,
|
|
138
|
+
animatedProps: iconColorAnimatedStyle,
|
|
139
|
+
size: btnIconSize
|
|
140
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIcon, {
|
|
141
|
+
allowFontScaling: true,
|
|
142
|
+
name: icon,
|
|
143
|
+
color: mapColorStates[color]?.foreground?.disabled,
|
|
144
|
+
size: btnIconSize
|
|
145
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.AnimatedIOText, {
|
|
146
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
147
|
+
weight: "Semibold",
|
|
148
|
+
size: _ButtonText.buttonTextFontSize,
|
|
149
|
+
lineHeight: isLinkButton ? _ButtonText.buttonTextLineHeight : undefined,
|
|
150
|
+
accessible: false,
|
|
151
|
+
accessibilityElementsHidden: true,
|
|
152
|
+
importantForAccessibility: "no-hide-descendants",
|
|
153
|
+
numberOfLines: numberOfLines,
|
|
154
|
+
ellipsizeMode: "tail",
|
|
155
|
+
style: [{
|
|
156
|
+
textAlign
|
|
157
|
+
}, disabled ? {
|
|
158
|
+
color: mapColorStates[color]?.foreground?.disabled
|
|
159
|
+
} : {
|
|
160
|
+
...labelAnimatedStyle
|
|
161
|
+
}],
|
|
162
|
+
children: label
|
|
163
|
+
})]
|
|
164
|
+
})]
|
|
165
|
+
});
|
|
166
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
167
|
+
ref: ref,
|
|
168
|
+
accessible: true
|
|
169
|
+
// Using || operator because empty string is not an accepted value
|
|
170
|
+
,
|
|
171
|
+
accessibilityLabel: accessibilityLabel || label,
|
|
172
|
+
accessibilityHint: accessibilityHint,
|
|
173
|
+
accessibilityRole: accessibilityRole,
|
|
174
|
+
accessibilityState: {
|
|
175
|
+
busy: loading,
|
|
176
|
+
disabled: disabled || false
|
|
177
|
+
},
|
|
178
|
+
onPress: handleOnPress,
|
|
179
|
+
onPressIn: onPressIn,
|
|
180
|
+
onPressOut: onPressOut,
|
|
181
|
+
disabled: disabled,
|
|
182
|
+
hitSlop: isLinkButton ? btnLinkHitSlop : undefined,
|
|
183
|
+
style: isLinkButton ? {
|
|
184
|
+
alignSelf: "flex-start"
|
|
185
|
+
} : fullWidth ? {
|
|
186
|
+
flexShrink: 0,
|
|
187
|
+
alignSelf: "stretch"
|
|
188
|
+
} : {
|
|
189
|
+
flexShrink: 1,
|
|
190
|
+
alignSelf: "auto"
|
|
191
|
+
},
|
|
192
|
+
testID: testID,
|
|
193
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
194
|
+
style: [styles.button, {
|
|
195
|
+
paddingHorizontal: isLinkButton ? btnPaddingHorizontalMap.link : fullWidth ? btnPaddingHorizontalMap.fullWidth : btnPaddingHorizontalMap.default
|
|
196
|
+
}, {
|
|
197
|
+
height: isLinkButton ? undefined : btnSizeDefault,
|
|
198
|
+
backgroundColor,
|
|
199
|
+
borderWidth: btnBorderWidth,
|
|
200
|
+
borderRadius: btnBorderRadius,
|
|
201
|
+
borderColor: foregroundColor
|
|
202
|
+
}, disabled ? {
|
|
203
|
+
opacity: DISABLED_OPACITY
|
|
204
|
+
} : {},
|
|
205
|
+
/* Prevent Reanimated from overriding background colors
|
|
206
|
+
if button is disabled */
|
|
207
|
+
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && buttonAnimatedStyle],
|
|
208
|
+
children: renderButtonContent()
|
|
209
|
+
})
|
|
210
|
+
});
|
|
211
|
+
});
|
|
212
|
+
const styles = _reactNative.StyleSheet.create({
|
|
213
|
+
button: {
|
|
214
|
+
flexDirection: "row",
|
|
215
|
+
alignItems: "center",
|
|
216
|
+
justifyContent: "center",
|
|
217
|
+
textAlignVertical: "center",
|
|
218
|
+
// Prop supported on Android only
|
|
219
|
+
borderCurve: "continuous",
|
|
220
|
+
overflow: "hidden",
|
|
221
|
+
elevation: 0
|
|
222
|
+
},
|
|
223
|
+
buttonInner: {
|
|
224
|
+
flexDirection: "row",
|
|
225
|
+
alignItems: "center",
|
|
226
|
+
justifyContent: "center"
|
|
227
|
+
}
|
|
228
|
+
});
|
|
229
|
+
var _default = exports.default = IOButton;
|
|
230
|
+
//# sourceMappingURL=IOButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_typography","_ButtonText","_styles","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IOButton","exports","forwardRef","variant","color","label","fullWidth","disabled","loading","numberOfLines","textAlign","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","accessibilityRole","testID","ref","mapColorStates","useButtonColorMap","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","buttonAnimatedStyle","labelAnimatedStyle","iconColorAnimatedStyle","useButtonAnimatedStyles","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","isLinkButton","btnIconSizeMap","solid","outline","link","btnBorderWidthMap","btnPaddingHorizontalMap","btnLinkHitSlop","top","right","bottom","left","btnIconSize","btnBorderWidth","btnBorderRadius","btnSizeDefault","ICON_MARGIN","DISABLED_OPACITY","backgroundColor","background","foregroundColor","foreground","isMounted","useRef","useEffect","current","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","renderButtonContent","jsxs","Fragment","children","jsx","View","style","styles","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","AnimatedIconWithColorTransition","allowFontScaling","name","animatedProps","size","AnimatedIcon","AnimatedIOText","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","accessible","accessibilityElementsHidden","importantForAccessibility","ellipsizeMode","Pressable","accessibilityState","busy","hitSlop","alignSelf","flexShrink","button","paddingHorizontal","height","borderWidth","borderRadius","borderColor","opacity","StyleSheet","create","alignItems","justifyContent","textAlignVertical","borderCurve","overflow","elevation","_default"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/IOButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _reactNative = require("react-native");
|
|
5
|
+
var TestRenderer = _interopRequireWildcard(require("react-test-renderer"));
|
|
6
|
+
var _IOButton = _interopRequireDefault(require("../IOButton"));
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
const onButtonPress = () => {
|
|
12
|
+
_reactNative.Alert.alert("Alert", "Action triggered");
|
|
13
|
+
};
|
|
14
|
+
describe("Test Buttons Components", () => {
|
|
15
|
+
it("IOButton Snapshot · Solid variant", () => {
|
|
16
|
+
const buttonSolid = TestRenderer.create(/*#__PURE__*/(0, _jsxRuntime.jsx)(_IOButton.default, {
|
|
17
|
+
variant: "solid",
|
|
18
|
+
label: "label",
|
|
19
|
+
accessibilityLabel: "accessibilityLabel",
|
|
20
|
+
onPress: onButtonPress
|
|
21
|
+
})).toJSON();
|
|
22
|
+
expect(buttonSolid).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
it("IOButton Snapshot · Link variant", () => {
|
|
25
|
+
const buttonLink = TestRenderer.create(/*#__PURE__*/(0, _jsxRuntime.jsx)(_IOButton.default, {
|
|
26
|
+
variant: "link",
|
|
27
|
+
label: "label",
|
|
28
|
+
accessibilityLabel: "accessibilityLabel",
|
|
29
|
+
onPress: onButtonPress
|
|
30
|
+
})).toJSON();
|
|
31
|
+
expect(buttonLink).toMatchSnapshot();
|
|
32
|
+
});
|
|
33
|
+
it("IOButton Snapshot · Outline variant", () => {
|
|
34
|
+
const buttonOutline = TestRenderer.create(/*#__PURE__*/(0, _jsxRuntime.jsx)(_IOButton.default, {
|
|
35
|
+
variant: "outline",
|
|
36
|
+
label: "label",
|
|
37
|
+
accessibilityLabel: "accessibilityLabel",
|
|
38
|
+
onPress: onButtonPress
|
|
39
|
+
})).toJSON();
|
|
40
|
+
expect(buttonOutline).toMatchSnapshot();
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=IOButton.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","TestRenderer","_interopRequireWildcard","_IOButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","onButtonPress","Alert","alert","describe","it","buttonSolid","create","jsx","variant","label","accessibilityLabel","onPress","toJSON","expect","toMatchSnapshot","buttonLink","buttonOutline"],"sourceRoot":"../../../../../../src","sources":["components/buttons/IOButton/__test__/IOButton.test.tsx"],"mappings":"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","ignoreList":[]}
|