@pagopa/io-app-design-system 5.11.12 → 5.11.13
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/lib/commonjs/components/banner/BannerErrorState.js +3 -2
- package/lib/commonjs/components/banner/BannerErrorState.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/button.test.js +13 -9
- package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/commonjs/components/buttons/index.js +0 -33
- package/lib/commonjs/components/buttons/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +2 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +2 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js +2 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +2 -0
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramPinSecurity.js +64 -0
- package/lib/commonjs/components/pictograms/svg/PictogramPinSecurity.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPinSecurity.svg +1 -0
- package/lib/module/components/banner/BannerErrorState.js +3 -2
- package/lib/module/components/banner/BannerErrorState.js.map +1 -1
- package/lib/module/components/buttons/__test__/button.test.js +13 -9
- package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/module/components/buttons/index.js +0 -3
- package/lib/module/components/buttons/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +3 -2
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +3 -2
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/modules/ModuleCheckout.js +3 -2
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/module/components/pictograms/Pictogram.js +2 -0
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramPinSecurity.js +59 -0
- package/lib/module/components/pictograms/svg/PictogramPinSecurity.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramPinSecurity.svg +1 -0
- package/lib/typescript/components/banner/BannerErrorState.d.ts.map +1 -1
- package/lib/typescript/components/buttons/index.d.ts +0 -3
- package/lib/typescript/components/buttons/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +1 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramPinSecurity.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramPinSecurity.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/banner/BannerErrorState.tsx +7 -2
- package/src/components/buttons/__test__/button.test.tsx +15 -13
- package/src/components/buttons/index.tsx +0 -3
- package/src/components/listitems/ListItemHeader.tsx +3 -3
- package/src/components/listitems/ListItemInfo.tsx +4 -3
- package/src/components/modules/ModuleCheckout.tsx +2 -2
- package/src/components/pictograms/Pictogram.tsx +2 -0
- package/src/components/pictograms/svg/PictogramPinSecurity.tsx +44 -0
- package/src/components/pictograms/svg/originals/PictogramPinSecurity.svg +1 -0
- package/lib/commonjs/components/buttons/ButtonLink.js +0 -157
- package/lib/commonjs/components/buttons/ButtonLink.js.map +0 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +0 -173
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +0 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +0 -194
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +0 -1
- package/lib/module/components/buttons/ButtonLink.js +0 -152
- package/lib/module/components/buttons/ButtonLink.js.map +0 -1
- package/lib/module/components/buttons/ButtonOutline.js +0 -168
- package/lib/module/components/buttons/ButtonOutline.js.map +0 -1
- package/lib/module/components/buttons/ButtonSolid.js +0 -188
- package/lib/module/components/buttons/ButtonSolid.js.map +0 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +0 -36
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +0 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +0 -26
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +0 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +0 -52
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +0 -1
- package/src/components/buttons/ButtonLink.tsx +0 -222
- package/src/components/buttons/ButtonOutline.tsx +0 -261
- package/src/components/buttons/ButtonSolid.tsx +0 -285
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ButtonSolid = 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 _context = require("../../context");
|
|
12
|
-
var _core = require("../../core");
|
|
13
|
-
var _hooks = require("../../hooks");
|
|
14
|
-
var _icons = require("../icons");
|
|
15
|
-
var _loadingSpinner = require("../loadingSpinner");
|
|
16
|
-
var _ButtonText = require("../typography/ButtonText");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
-
const ICON_MARGIN = 8;
|
|
21
|
-
const DISABLED_OPACITY = 0.5;
|
|
22
|
-
|
|
23
|
-
// Icon size
|
|
24
|
-
const iconSize = 20;
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated Use `Button` with variant `solid` instead
|
|
27
|
-
*/
|
|
28
|
-
const ButtonSolid = exports.ButtonSolid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
29
|
-
color = "primary",
|
|
30
|
-
label,
|
|
31
|
-
fullWidth = false,
|
|
32
|
-
disabled = false,
|
|
33
|
-
loading = false,
|
|
34
|
-
icon,
|
|
35
|
-
iconPosition = "start",
|
|
36
|
-
onPress,
|
|
37
|
-
accessibilityLabel,
|
|
38
|
-
accessibilityHint,
|
|
39
|
-
testID
|
|
40
|
-
}, ref) => {
|
|
41
|
-
const theme = (0, _context.useIOTheme)();
|
|
42
|
-
const {
|
|
43
|
-
progress,
|
|
44
|
-
onPressIn,
|
|
45
|
-
onPressOut,
|
|
46
|
-
scaleAnimatedStyle
|
|
47
|
-
} = (0, _hooks.useScaleAnimation)();
|
|
48
|
-
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
49
|
-
const mapColorStates = {
|
|
50
|
-
// Primary button
|
|
51
|
-
primary: {
|
|
52
|
-
background: {
|
|
53
|
-
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
54
|
-
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
55
|
-
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
56
|
-
},
|
|
57
|
-
foreground: {
|
|
58
|
-
default: theme["buttonText-default"],
|
|
59
|
-
disabled: theme["buttonText-disabled"]
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
// Danger button
|
|
63
|
-
danger: {
|
|
64
|
-
background: {
|
|
65
|
-
default: _core.IOColors["error-600"],
|
|
66
|
-
pressed: _core.IOColors["error-500"],
|
|
67
|
-
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
68
|
-
},
|
|
69
|
-
foreground: {
|
|
70
|
-
default: theme["buttonText-danger"],
|
|
71
|
-
disabled: theme["buttonText-disabled"]
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
// Contrast button
|
|
75
|
-
contrast: {
|
|
76
|
-
background: {
|
|
77
|
-
default: _core.IOColors.white,
|
|
78
|
-
pressed: _core.IOColors["blueIO-50"],
|
|
79
|
-
disabled: _core.IOColors["blueIO-50"]
|
|
80
|
-
},
|
|
81
|
-
foreground: {
|
|
82
|
-
default: "blueIO-500",
|
|
83
|
-
disabled: "blueIO-500"
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
/* Prevent the component from triggering the `isEntering' transition
|
|
89
|
-
on the on the first render. Solution from this discussion:
|
|
90
|
-
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
91
|
-
*/
|
|
92
|
-
const isMounted = (0, _react.useRef)(false);
|
|
93
|
-
(0, _react.useEffect)(() => {
|
|
94
|
-
// eslint-disable-next-line functional/immutable-data
|
|
95
|
-
isMounted.current = true;
|
|
96
|
-
}, []);
|
|
97
|
-
|
|
98
|
-
// Interpolate animation values from `isPressed` values
|
|
99
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
100
|
-
// Link color states to the pressed states
|
|
101
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
|
|
102
|
-
return {
|
|
103
|
-
backgroundColor
|
|
104
|
-
};
|
|
105
|
-
});
|
|
106
|
-
const handleOnPress = (0, _react.useCallback)(event => {
|
|
107
|
-
/* Don't call `onPress` if the button is
|
|
108
|
-
in loading state */
|
|
109
|
-
if (loading) {
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
113
|
-
onPress(event);
|
|
114
|
-
}, [loading, onPress]);
|
|
115
|
-
|
|
116
|
-
// Background
|
|
117
|
-
const backgroundColor = disabled ? mapColorStates[color]?.background?.disabled : mapColorStates[color]?.background?.default;
|
|
118
|
-
|
|
119
|
-
// Label & Icons colors
|
|
120
|
-
const foregroundColor = disabled ? mapColorStates[color]?.foreground?.disabled : mapColorStates[color]?.foreground?.default;
|
|
121
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
122
|
-
testID: testID,
|
|
123
|
-
ref: ref,
|
|
124
|
-
accessible: true
|
|
125
|
-
// Using || operator because empty string is not an accepted value
|
|
126
|
-
,
|
|
127
|
-
accessibilityLabel: accessibilityLabel || label,
|
|
128
|
-
accessibilityHint: accessibilityHint,
|
|
129
|
-
accessibilityState: {
|
|
130
|
-
busy: loading,
|
|
131
|
-
disabled: disabled || false
|
|
132
|
-
},
|
|
133
|
-
accessibilityRole: "button",
|
|
134
|
-
onPress: handleOnPress,
|
|
135
|
-
onPressIn: onPressIn,
|
|
136
|
-
onPressOut: onPressOut,
|
|
137
|
-
disabled: disabled,
|
|
138
|
-
style: fullWidth ? {
|
|
139
|
-
flexShrink: 0,
|
|
140
|
-
alignSelf: "stretch"
|
|
141
|
-
} : {
|
|
142
|
-
flexShrink: 1,
|
|
143
|
-
alignSelf: "auto"
|
|
144
|
-
},
|
|
145
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
146
|
-
style: [_core.IOButtonStyles.button, _core.IOButtonStyles.buttonSizeDefault, {
|
|
147
|
-
backgroundColor,
|
|
148
|
-
overflow: "hidden"
|
|
149
|
-
}, fullWidth && {
|
|
150
|
-
paddingHorizontal: 16
|
|
151
|
-
}, disabled ? {
|
|
152
|
-
opacity: DISABLED_OPACITY
|
|
153
|
-
} : {},
|
|
154
|
-
/* Prevent Reanimated from overriding background colors
|
|
155
|
-
if button is disabled */
|
|
156
|
-
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle],
|
|
157
|
-
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
158
|
-
style: _core.IOButtonStyles.buttonInner,
|
|
159
|
-
entering: isMounted.current ? _core.enterTransitionInnerContentSmall : undefined,
|
|
160
|
-
exiting: _core.exitTransitionInnerContent,
|
|
161
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loadingSpinner.LoadingSpinner, {
|
|
162
|
-
color: _core.IOColors[foregroundColor]
|
|
163
|
-
})
|
|
164
|
-
}), !loading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
165
|
-
style: [_core.IOButtonStyles.buttonInner, {
|
|
166
|
-
columnGap: ICON_MARGIN
|
|
167
|
-
},
|
|
168
|
-
/* If 'iconPosition' is set to 'end', we use
|
|
169
|
-
reverse flex property to invert the position */
|
|
170
|
-
iconPosition === "end" && {
|
|
171
|
-
flexDirection: "row-reverse"
|
|
172
|
-
}],
|
|
173
|
-
entering: isMounted.current ? _core.enterTransitionInnerContent : undefined,
|
|
174
|
-
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
|
|
175
|
-
allowFontScaling: true,
|
|
176
|
-
name: icon,
|
|
177
|
-
size: iconSize,
|
|
178
|
-
color: foregroundColor
|
|
179
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonText.ButtonText, {
|
|
180
|
-
color: foregroundColor,
|
|
181
|
-
style: _core.IOButtonStyles.label,
|
|
182
|
-
numberOfLines: 1,
|
|
183
|
-
ellipsizeMode: "tail",
|
|
184
|
-
accessible: false,
|
|
185
|
-
accessibilityElementsHidden: true,
|
|
186
|
-
importantForAccessibility: "no-hide-descendants",
|
|
187
|
-
children: label
|
|
188
|
-
})]
|
|
189
|
-
})]
|
|
190
|
-
})
|
|
191
|
-
});
|
|
192
|
-
});
|
|
193
|
-
var _default = exports.default = ButtonSolid;
|
|
194
|
-
//# sourceMappingURL=ButtonSolid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_context","_core","_hooks","_icons","_loadingSpinner","_ButtonText","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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":[]}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { forwardRef } from "react";
|
|
4
|
-
import { Pressable } from "react-native";
|
|
5
|
-
import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
6
|
-
import { useIONewTypeface, useIOTheme } from "../../context";
|
|
7
|
-
import { IOButtonStyles, IOColors, hexToRgba } from "../../core";
|
|
8
|
-
import { useScaleAnimation } from "../../hooks";
|
|
9
|
-
import { AnimatedIcon, AnimatedIconWithColorTransition } from "../icons";
|
|
10
|
-
import { IOText, buttonTextFontSize, buttonTextLineHeight } from "../typography";
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
const DISABLED_OPACITY = 0.5;
|
|
13
|
-
const ICON_MARGIN = 8;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* @deprecated Use `Button` with variant `link` instead
|
|
17
|
-
*/
|
|
18
|
-
export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
19
|
-
color = "primary",
|
|
20
|
-
label,
|
|
21
|
-
disabled = false,
|
|
22
|
-
icon,
|
|
23
|
-
iconPosition = "start",
|
|
24
|
-
onPress,
|
|
25
|
-
accessibilityLabel,
|
|
26
|
-
accessibilityRole = "button",
|
|
27
|
-
accessibilityHint,
|
|
28
|
-
numberOfLines = 1,
|
|
29
|
-
textAlign = "auto",
|
|
30
|
-
testID
|
|
31
|
-
}, ref) => {
|
|
32
|
-
const theme = useIOTheme();
|
|
33
|
-
const {
|
|
34
|
-
newTypefaceEnabled
|
|
35
|
-
} = useIONewTypeface();
|
|
36
|
-
const {
|
|
37
|
-
progress,
|
|
38
|
-
onPressIn,
|
|
39
|
-
onPressOut,
|
|
40
|
-
scaleAnimatedStyle
|
|
41
|
-
} = useScaleAnimation();
|
|
42
|
-
const reducedMotion = useReducedMotion();
|
|
43
|
-
const mapColorStates = {
|
|
44
|
-
// Primary button
|
|
45
|
-
primary: {
|
|
46
|
-
foreground: {
|
|
47
|
-
default: IOColors[theme["interactiveElem-default"]],
|
|
48
|
-
pressed: IOColors[theme["interactiveElem-pressed"]],
|
|
49
|
-
disabled: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.85)
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
contrast: {
|
|
53
|
-
foreground: {
|
|
54
|
-
default: IOColors.white,
|
|
55
|
-
pressed: hexToRgba(IOColors.white, 0.85),
|
|
56
|
-
disabled: hexToRgba(IOColors.white, 0.5)
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
const AnimatedIOText = Animated.createAnimatedComponent(IOText);
|
|
61
|
-
const pressedColorLabelAnimationStyle = useAnimatedStyle(() => {
|
|
62
|
-
// Link color states to the pressed states
|
|
63
|
-
|
|
64
|
-
const labelColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
|
|
65
|
-
return {
|
|
66
|
-
color: labelColor
|
|
67
|
-
};
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
// Animate the <Icon> color prop
|
|
71
|
-
const pressedColorIconAnimationStyle = useAnimatedProps(() => {
|
|
72
|
-
const iconColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
|
|
73
|
-
return {
|
|
74
|
-
color: iconColor
|
|
75
|
-
};
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
// Icon size
|
|
79
|
-
const iconSize = 24;
|
|
80
|
-
const iconMargin = 8;
|
|
81
|
-
return /*#__PURE__*/_jsx(Pressable, {
|
|
82
|
-
ref: ref,
|
|
83
|
-
accessibilityLabel: accessibilityLabel || label,
|
|
84
|
-
accessibilityHint: accessibilityHint,
|
|
85
|
-
accessibilityRole: accessibilityRole,
|
|
86
|
-
accessibilityState: {
|
|
87
|
-
disabled
|
|
88
|
-
},
|
|
89
|
-
testID: testID,
|
|
90
|
-
onPress: onPress,
|
|
91
|
-
onPressIn: onPressIn,
|
|
92
|
-
onPressOut: onPressOut,
|
|
93
|
-
onTouchEnd: onPressOut,
|
|
94
|
-
accessible: true,
|
|
95
|
-
disabled: disabled,
|
|
96
|
-
hitSlop: {
|
|
97
|
-
top: 14,
|
|
98
|
-
right: 24,
|
|
99
|
-
bottom: 14,
|
|
100
|
-
left: 24
|
|
101
|
-
},
|
|
102
|
-
style: {
|
|
103
|
-
alignSelf: "flex-start"
|
|
104
|
-
},
|
|
105
|
-
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
106
|
-
style: [IOButtonStyles.buttonLink, iconPosition === "end" && {
|
|
107
|
-
flexDirection: "row-reverse"
|
|
108
|
-
}, {
|
|
109
|
-
columnGap: iconMargin
|
|
110
|
-
}, disabled ? {
|
|
111
|
-
opacity: DISABLED_OPACITY
|
|
112
|
-
} : {}, {
|
|
113
|
-
columnGap: ICON_MARGIN
|
|
114
|
-
},
|
|
115
|
-
/* Prevent Reanimated from overriding background colors
|
|
116
|
-
if button is disabled */
|
|
117
|
-
!disabled && !reducedMotion && scaleAnimatedStyle],
|
|
118
|
-
children: [icon && (!disabled ? /*#__PURE__*/_jsx(AnimatedIconWithColorTransition, {
|
|
119
|
-
allowFontScaling: true,
|
|
120
|
-
name: icon,
|
|
121
|
-
animatedProps: pressedColorIconAnimationStyle,
|
|
122
|
-
color: mapColorStates[color]?.foreground?.default,
|
|
123
|
-
size: iconSize
|
|
124
|
-
}) : /*#__PURE__*/_jsx(AnimatedIcon, {
|
|
125
|
-
allowFontScaling: true,
|
|
126
|
-
name: icon,
|
|
127
|
-
color: mapColorStates[color]?.foreground?.disabled,
|
|
128
|
-
size: iconSize
|
|
129
|
-
})), /*#__PURE__*/_jsx(AnimatedIOText, {
|
|
130
|
-
accessible: false,
|
|
131
|
-
accessibilityElementsHidden: true,
|
|
132
|
-
importantForAccessibility: "no-hide-descendants",
|
|
133
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
134
|
-
weight: "Semibold",
|
|
135
|
-
size: buttonTextFontSize,
|
|
136
|
-
lineHeight: buttonTextLineHeight,
|
|
137
|
-
style: [disabled ? {
|
|
138
|
-
color: mapColorStates[color]?.foreground?.disabled
|
|
139
|
-
} : {
|
|
140
|
-
...pressedColorLabelAnimationStyle
|
|
141
|
-
}, {
|
|
142
|
-
textAlign
|
|
143
|
-
}],
|
|
144
|
-
numberOfLines: numberOfLines,
|
|
145
|
-
ellipsizeMode: "tail",
|
|
146
|
-
children: label
|
|
147
|
-
})]
|
|
148
|
-
})
|
|
149
|
-
});
|
|
150
|
-
});
|
|
151
|
-
export default ButtonLink;
|
|
152
|
-
//# sourceMappingURL=ButtonLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","useIONewTypeface","useIOTheme","IOButtonStyles","IOColors","hexToRgba","useScaleAnimation","AnimatedIcon","AnimatedIconWithColorTransition","IOText","buttonTextFontSize","buttonTextLineHeight","jsx","_jsx","jsxs","_jsxs","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","label","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityRole","accessibilityHint","numberOfLines","textAlign","testID","ref","theme","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","foreground","default","pressed","contrast","white","AnimatedIOText","createAnimatedComponent","pressedColorLabelAnimationStyle","labelColor","value","pressedColorIconAnimationStyle","iconColor","iconSize","iconMargin","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","alignSelf","children","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","lineHeight","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { forwardRef } from "react";
|
|
4
|
-
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
-
import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
6
|
-
import { useIONewTypeface, useIOTheme } from "../../context";
|
|
7
|
-
import { IOButtonStyles, IOColors, hexToRgba } from "../../core/";
|
|
8
|
-
import { useScaleAnimation } from "../../hooks";
|
|
9
|
-
import { AnimatedIcon, AnimatedIconWithColorTransition } from "../icons";
|
|
10
|
-
import { IOText, buttonTextFontSize } from "../typography";
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
// Icon size
|
|
13
|
-
const iconSize = 20;
|
|
14
|
-
const DISABLED_OPACITY = 0.5;
|
|
15
|
-
const ICON_MARGIN = 8;
|
|
16
|
-
const IOButtonStylesLocal = StyleSheet.create({
|
|
17
|
-
buttonWithBorder: {
|
|
18
|
-
borderWidth: 2
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* @deprecated Use `Button` with variant `outline` instead
|
|
24
|
-
*/
|
|
25
|
-
export const ButtonOutline = /*#__PURE__*/forwardRef(({
|
|
26
|
-
color = "primary",
|
|
27
|
-
label,
|
|
28
|
-
fullWidth = false,
|
|
29
|
-
disabled = false,
|
|
30
|
-
icon,
|
|
31
|
-
iconPosition = "start",
|
|
32
|
-
onPress,
|
|
33
|
-
accessibilityLabel,
|
|
34
|
-
accessibilityHint,
|
|
35
|
-
testID
|
|
36
|
-
}, ref) => {
|
|
37
|
-
const theme = useIOTheme();
|
|
38
|
-
const {
|
|
39
|
-
newTypefaceEnabled
|
|
40
|
-
} = useIONewTypeface();
|
|
41
|
-
const {
|
|
42
|
-
progress,
|
|
43
|
-
onPressIn,
|
|
44
|
-
onPressOut,
|
|
45
|
-
scaleAnimatedStyle
|
|
46
|
-
} = useScaleAnimation();
|
|
47
|
-
const reducedMotion = useReducedMotion();
|
|
48
|
-
const AnimatedIOText = Animated.createAnimatedComponent(IOText);
|
|
49
|
-
const mapColorStates = {
|
|
50
|
-
// Primary button
|
|
51
|
-
primary: {
|
|
52
|
-
background: {
|
|
53
|
-
default: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0),
|
|
54
|
-
pressed: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0.1),
|
|
55
|
-
disabled: "transparent"
|
|
56
|
-
},
|
|
57
|
-
foreground: {
|
|
58
|
-
default: IOColors[theme["interactiveElem-default"]],
|
|
59
|
-
pressed: IOColors[theme["interactiveElem-pressed"]],
|
|
60
|
-
disabled: IOColors[theme["interactiveOutline-disabled"]]
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
// Contrast button
|
|
64
|
-
contrast: {
|
|
65
|
-
background: {
|
|
66
|
-
default: hexToRgba(IOColors["blueIO-600"], 0),
|
|
67
|
-
pressed: hexToRgba(IOColors["blueIO-600"], 0.5),
|
|
68
|
-
disabled: "transparent"
|
|
69
|
-
},
|
|
70
|
-
foreground: {
|
|
71
|
-
default: IOColors.white,
|
|
72
|
-
pressed: IOColors.white,
|
|
73
|
-
disabled: IOColors["blueIO-200"]
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
// Interpolate animation values from `isPressed` values
|
|
79
|
-
const pressedAnimationStyle = useAnimatedStyle(() => {
|
|
80
|
-
// Link color states to the pressed states
|
|
81
|
-
const backgroundColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
|
|
82
|
-
const borderColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
|
|
83
|
-
return {
|
|
84
|
-
borderColor,
|
|
85
|
-
backgroundColor
|
|
86
|
-
};
|
|
87
|
-
});
|
|
88
|
-
const pressedColorLabelAnimationStyle = useAnimatedStyle(() => ({
|
|
89
|
-
color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
|
|
90
|
-
}));
|
|
91
|
-
|
|
92
|
-
// Animate the <Icon> color prop
|
|
93
|
-
const pressedColorIconAnimationStyle = useAnimatedProps(() => ({
|
|
94
|
-
color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
|
|
95
|
-
}));
|
|
96
|
-
return /*#__PURE__*/_jsx(Pressable, {
|
|
97
|
-
ref: ref,
|
|
98
|
-
accessible: true,
|
|
99
|
-
accessibilityLabel: accessibilityLabel || label,
|
|
100
|
-
accessibilityHint: accessibilityHint,
|
|
101
|
-
accessibilityRole: "button",
|
|
102
|
-
accessibilityState: {
|
|
103
|
-
disabled: disabled || false
|
|
104
|
-
},
|
|
105
|
-
onPress: onPress,
|
|
106
|
-
onPressIn: onPressIn,
|
|
107
|
-
onPressOut: onPressOut,
|
|
108
|
-
disabled: disabled,
|
|
109
|
-
style: fullWidth ? {
|
|
110
|
-
flexShrink: 0,
|
|
111
|
-
alignSelf: "stretch"
|
|
112
|
-
} : {
|
|
113
|
-
flexShrink: 1,
|
|
114
|
-
alignSelf: "auto"
|
|
115
|
-
},
|
|
116
|
-
testID: testID,
|
|
117
|
-
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
118
|
-
style: [IOButtonStyles.button, IOButtonStyles.buttonSizeDefault, IOButtonStylesLocal.buttonWithBorder, fullWidth && {
|
|
119
|
-
paddingHorizontal: 16
|
|
120
|
-
}, {
|
|
121
|
-
columnGap: ICON_MARGIN
|
|
122
|
-
}, iconPosition === "end" && {
|
|
123
|
-
flexDirection: "row-reverse"
|
|
124
|
-
}, disabled ? {
|
|
125
|
-
backgroundColor: mapColorStates[color]?.background?.disabled,
|
|
126
|
-
borderColor: mapColorStates[color]?.foreground?.disabled,
|
|
127
|
-
opacity: DISABLED_OPACITY
|
|
128
|
-
} : {
|
|
129
|
-
backgroundColor: mapColorStates[color]?.background?.default,
|
|
130
|
-
borderColor: mapColorStates[color]?.foreground.default
|
|
131
|
-
},
|
|
132
|
-
/* Prevent Reanimated from overriding background colors
|
|
133
|
-
if button is disabled */
|
|
134
|
-
!reducedMotion && !disabled && scaleAnimatedStyle, !disabled && pressedAnimationStyle],
|
|
135
|
-
children: [icon && (!disabled ? /*#__PURE__*/_jsx(AnimatedIconWithColorTransition, {
|
|
136
|
-
allowFontScaling: true,
|
|
137
|
-
name: icon,
|
|
138
|
-
animatedProps: pressedColorIconAnimationStyle,
|
|
139
|
-
color: mapColorStates[color]?.foreground?.default,
|
|
140
|
-
size: iconSize
|
|
141
|
-
}) : /*#__PURE__*/_jsx(AnimatedIcon, {
|
|
142
|
-
allowFontScaling: true,
|
|
143
|
-
name: icon,
|
|
144
|
-
color: mapColorStates[color]?.foreground?.disabled,
|
|
145
|
-
size: iconSize
|
|
146
|
-
})), /*#__PURE__*/_jsx(AnimatedIOText, {
|
|
147
|
-
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
148
|
-
weight: "Semibold",
|
|
149
|
-
size: buttonTextFontSize,
|
|
150
|
-
accessible: false,
|
|
151
|
-
accessibilityElementsHidden: true,
|
|
152
|
-
importantForAccessibility: "no-hide-descendants",
|
|
153
|
-
numberOfLines: 1,
|
|
154
|
-
ellipsizeMode: "tail",
|
|
155
|
-
style: [{
|
|
156
|
-
alignSelf: "center"
|
|
157
|
-
}, disabled ? {
|
|
158
|
-
color: mapColorStates[color]?.foreground?.disabled
|
|
159
|
-
} : {
|
|
160
|
-
...pressedColorLabelAnimationStyle
|
|
161
|
-
}],
|
|
162
|
-
children: label
|
|
163
|
-
})]
|
|
164
|
-
})
|
|
165
|
-
});
|
|
166
|
-
});
|
|
167
|
-
export default ButtonOutline;
|
|
168
|
-
//# sourceMappingURL=ButtonOutline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","useIONewTypeface","useIOTheme","IOButtonStyles","IOColors","hexToRgba","useScaleAnimation","AnimatedIcon","AnimatedIconWithColorTransition","IOText","buttonTextFontSize","jsx","_jsx","jsxs","_jsxs","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","create","buttonWithBorder","borderWidth","ButtonOutline","color","label","fullWidth","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","mapColorStates","primary","background","default","pressed","foreground","contrast","white","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","accessible","accessibilityRole","accessibilityState","style","flexShrink","alignSelf","children","View","button","buttonSizeDefault","paddingHorizontal","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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","ignoreList":[]}
|