@pagopa/io-app-design-system 4.4.2 → 4.4.4
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/buttons/ButtonLink.js +8 -3
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +12 -2
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +18 -10
- package/lib/commonjs/components/typography/ButtonText.js +5 -3
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +9 -4
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +13 -3
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +18 -10
- package/lib/module/components/typography/ButtonText.js +2 -1
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +5 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -0
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonLink.tsx +21 -6
- package/src/components/buttons/ButtonSolid.tsx +18 -3
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +18 -10
- package/src/components/typography/ButtonText.tsx +2 -1
|
@@ -60,6 +60,8 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
60
60
|
onPress,
|
|
61
61
|
accessibilityLabel,
|
|
62
62
|
accessibilityHint,
|
|
63
|
+
numberOfLines = 1,
|
|
64
|
+
textAlign = "auto",
|
|
63
65
|
testID
|
|
64
66
|
}, ref) => {
|
|
65
67
|
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
@@ -136,12 +138,15 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
136
138
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
137
139
|
weight: "Semibold",
|
|
138
140
|
size: _typography.buttonTextFontSize,
|
|
139
|
-
|
|
141
|
+
lineHeight: _typography.buttonTextLineHeight,
|
|
142
|
+
style: [disabled ? {
|
|
140
143
|
color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
|
|
141
144
|
} : {
|
|
142
145
|
...pressedColorAnimationStyle
|
|
143
|
-
},
|
|
144
|
-
|
|
146
|
+
}, {
|
|
147
|
+
textAlign
|
|
148
|
+
}],
|
|
149
|
+
numberOfLines: numberOfLines,
|
|
145
150
|
ellipsizeMode: "tail"
|
|
146
151
|
}, label)));
|
|
147
152
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorAnimationStyle","useAnimatedStyle","interpolateColor","value","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorAnimationStyle","useAnimatedStyle","interpolateColor","value","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
|
|
@@ -123,6 +123,16 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
123
123
|
const colorMap = _react.default.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
124
124
|
const buttonStyles = _react.default.useMemo(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
125
125
|
|
|
126
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
127
|
+
on the on the first render. Solution from this discussion:
|
|
128
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
129
|
+
*/
|
|
130
|
+
const isMounted = (0, _react.useRef)(false);
|
|
131
|
+
(0, _react.useEffect)(() => {
|
|
132
|
+
// eslint-disable-next-line functional/immutable-data
|
|
133
|
+
isMounted.current = true;
|
|
134
|
+
}, []);
|
|
135
|
+
|
|
126
136
|
// Interpolate animation values from `isPressed` values
|
|
127
137
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
128
138
|
// Link color states to the pressed states
|
|
@@ -174,7 +184,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
174
184
|
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
175
185
|
}, loading && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
176
186
|
style: buttonStyles.buttonInner,
|
|
177
|
-
entering: _core.enterTransitionInnerContentSmall,
|
|
187
|
+
entering: isMounted.current ? _core.enterTransitionInnerContentSmall : undefined,
|
|
178
188
|
exiting: _core.exitTransitionInnerContent
|
|
179
189
|
}, /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
180
190
|
color: foregroundColor
|
|
@@ -187,7 +197,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
187
197
|
iconPosition === "end" && {
|
|
188
198
|
flexDirection: "row-reverse"
|
|
189
199
|
}],
|
|
190
|
-
entering: _core.enterTransitionInnerContent
|
|
200
|
+
entering: isMounted.current ? _core.enterTransitionInnerContent : undefined
|
|
191
201
|
}, icon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
192
202
|
allowFontScaling: true,
|
|
193
203
|
name: icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","pressedAnimationStyle","useAnimatedStyle","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","enterTransitionInnerContentSmall","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
93
93
|
"fontSize": 16,
|
|
94
94
|
"fontStyle": "normal",
|
|
95
95
|
"fontWeight": "600",
|
|
96
|
-
"lineHeight":
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"color": undefined,
|
|
96
|
+
"lineHeight": 20,
|
|
100
97
|
},
|
|
98
|
+
[
|
|
99
|
+
{
|
|
100
|
+
"color": undefined,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"textAlign": "auto",
|
|
104
|
+
},
|
|
105
|
+
],
|
|
101
106
|
]
|
|
102
107
|
}
|
|
103
108
|
>
|
|
@@ -300,7 +305,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
305
|
}
|
|
301
306
|
>
|
|
302
307
|
<View
|
|
303
|
-
entering={[Function]}
|
|
304
308
|
style={
|
|
305
309
|
[
|
|
306
310
|
{
|
|
@@ -833,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
833
837
|
"fontSize": 16,
|
|
834
838
|
"fontStyle": "normal",
|
|
835
839
|
"fontWeight": "600",
|
|
836
|
-
"lineHeight":
|
|
837
|
-
},
|
|
838
|
-
{
|
|
839
|
-
"color": undefined,
|
|
840
|
+
"lineHeight": 20,
|
|
840
841
|
},
|
|
842
|
+
[
|
|
843
|
+
{
|
|
844
|
+
"color": undefined,
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"textAlign": "auto",
|
|
848
|
+
},
|
|
849
|
+
],
|
|
841
850
|
]
|
|
842
851
|
}
|
|
843
852
|
>
|
|
@@ -1038,7 +1047,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1038
1047
|
}
|
|
1039
1048
|
>
|
|
1040
1049
|
<View
|
|
1041
|
-
entering={[Function]}
|
|
1042
1050
|
style={
|
|
1043
1051
|
[
|
|
1044
1052
|
{
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.buttonTextFontSize = exports.ButtonText = void 0;
|
|
6
|
+
exports.buttonTextLineHeight = exports.buttonTextFontSize = exports.ButtonText = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _core = require("../../core");
|
|
9
9
|
var _IOText = require("./IOText");
|
|
@@ -11,9 +11,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
11
11
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
13
|
const buttonTextFontSize = 16;
|
|
14
|
+
exports.buttonTextFontSize = buttonTextFontSize;
|
|
15
|
+
const buttonTextLineHeight = 20;
|
|
14
16
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
15
17
|
`AnimatedText` for color transition through Reanimated */
|
|
16
|
-
exports.
|
|
18
|
+
exports.buttonTextLineHeight = buttonTextLineHeight;
|
|
17
19
|
const defaultColor = "white";
|
|
18
20
|
const fontName = "Titillio";
|
|
19
21
|
|
|
@@ -35,7 +37,7 @@ const ButtonText = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
35
37
|
font: isExperimental ? fontName : legacyFontName,
|
|
36
38
|
weight: "Semibold",
|
|
37
39
|
size: buttonTextFontSize,
|
|
38
|
-
lineHeight:
|
|
40
|
+
lineHeight: buttonTextLineHeight,
|
|
39
41
|
color: customColor ?? defaultColor
|
|
40
42
|
};
|
|
41
43
|
return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","buttonTextFontSize","exports","defaultColor","fontName","legacyFontName","ButtonText","forwardRef","color","customColor","props","ref","isExperimental","useIOExperimentalDesign","ButtonTextProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAAsE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAE/D,MAAMI,kBAA8B,GAAG,EAAE;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","buttonTextFontSize","exports","buttonTextLineHeight","defaultColor","fontName","legacyFontName","ButtonText","forwardRef","color","customColor","props","ref","isExperimental","useIOExperimentalDesign","ButtonTextProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "
|
|
|
4
4
|
import { IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core";
|
|
5
5
|
import { useScaleAnimation } from "../../hooks";
|
|
6
6
|
import { AnimatedIcon, IconClassComponent } from "../icons";
|
|
7
|
-
import { IOText, buttonTextFontSize } from "../typography";
|
|
7
|
+
import { IOText, buttonTextFontSize, buttonTextLineHeight } from "../typography";
|
|
8
8
|
const mapColorStates = {
|
|
9
9
|
// Primary button
|
|
10
10
|
primary: {
|
|
@@ -52,6 +52,8 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
52
52
|
onPress,
|
|
53
53
|
accessibilityLabel,
|
|
54
54
|
accessibilityHint,
|
|
55
|
+
numberOfLines = 1,
|
|
56
|
+
textAlign = "auto",
|
|
55
57
|
testID
|
|
56
58
|
}, ref) => {
|
|
57
59
|
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
@@ -128,12 +130,15 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
128
130
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
129
131
|
weight: "Semibold",
|
|
130
132
|
size: buttonTextFontSize,
|
|
131
|
-
|
|
133
|
+
lineHeight: buttonTextLineHeight,
|
|
134
|
+
style: [disabled ? {
|
|
132
135
|
color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
|
|
133
136
|
} : {
|
|
134
137
|
...pressedColorAnimationStyle
|
|
135
|
-
},
|
|
136
|
-
|
|
138
|
+
}, {
|
|
139
|
+
textAlign
|
|
140
|
+
}],
|
|
141
|
+
numberOfLines: numberOfLines,
|
|
137
142
|
ellipsizeMode: "tail"
|
|
138
143
|
}, label)));
|
|
139
144
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","buttonTextLineHeight","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","lineHeight","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAEEC,SAAS,QAGJ,cAAc;AACrB,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EAERC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SACEC,YAAY,EAGZC,kBAAkB,QACb,UAAU;AACjB,SACEC,MAAM,EACNC,kBAAkB,EAClBC,oBAAoB,QACf,eAAe;AA4BtB,MAAMC,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,KAAK,EAAE;MACLC,OAAO,EAAEZ,QAAQ,CAAC,YAAY,CAAC;MAC/Ba,OAAO,EAAEb,QAAQ,CAAC,YAAY,CAAC;MAC/Bc,QAAQ,EAAEd,QAAQ,CAAC,UAAU;IAC/B;EACF,CAAC;EACDe,QAAQ,EAAE;IACRJ,KAAK,EAAE;MACLC,OAAO,EAAEZ,QAAQ,CAACgB,KAAK;MACvBH,OAAO,EAAEZ,SAAS,CAACD,QAAQ,CAACgB,KAAK,EAAE,IAAI,CAAC;MACxCF,QAAQ,EAAEb,SAAS,CAACD,QAAQ,CAACgB,KAAK,EAAE,GAAG;IACzC;EACF;AACF,CAAC;;AAED;AACA,MAAMC,oBAGL,GAAG;EACF;EACAP,OAAO,EAAE;IACPC,KAAK,EAAE;MACLC,OAAO,EAAEZ,QAAQ,CAACkB,IAAI;MACtBL,OAAO,EAAEb,QAAQ,CAAC,UAAU,CAAC;MAC7Bc,QAAQ,EAAEd,QAAQ,CAAC,UAAU;IAC/B;EACF,CAAC;EACDe,QAAQ,EAAE;IACRJ,KAAK,EAAE;MACLC,OAAO,EAAEZ,QAAQ,CAACgB,KAAK;MACvBH,OAAO,EAAEZ,SAAS,CAACD,QAAQ,CAACgB,KAAK,EAAE,IAAI,CAAC;MACxCF,QAAQ,EAAEb,SAAS,CAACD,QAAQ,CAACgB,KAAK,EAAE,GAAG;IACzC;EACF;AACF,CAAC;AAED,MAAMG,gBAAgB,GAAG,GAAG;AAC5B,MAAMC,WAAW,GAAG,CAAC;AAErB,OAAO,MAAMC,UAAU,gBAAG7B,UAAU,CAClC,CACE;EACE8B,KAAK,GAAG,SAAS;EACjBX,KAAK;EACLG,QAAQ,GAAG,KAAK;EAChBS,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC,aAAa,GAAG,CAAC;EACjBC,SAAS,GAAG,MAAM;EAClBC;AACF,CAAC,EACDC,GAAG,KACA;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;EACH,MAAM;IAAEC;EAAe,CAAC,GAAGjC,uBAAuB,CAAC,CAAC;EACpD,MAAM;IAAEkC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3DpC,iBAAiB,CAAC,CAAC;EACrB,MAAMqC,aAAa,GAAG1C,gBAAgB,CAAC,CAAC;EAExC,MAAM2C,QAAQ,GAAGhD,OAAO,CACtB,MAAO0C,cAAc,GAAG1B,cAAc,GAAGQ,oBAAqB,EAC9D,CAACkB,cAAc,CACjB,CAAC;EAED,MAAMO,cAAc,GAAG/C,QAAQ,CAACgD,uBAAuB,CAACrC,MAAM,CAAC;EAE/D,MAAMsC,0BAA0B,GAAG/C,gBAAgB,CAAC,OAAO;IACzDyB,KAAK,EAAE1B,gBAAgB,CACrBwC,QAAQ,CAACS,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACJ,QAAQ,CAACnB,KAAK,CAAC,CAACX,KAAK,CAACC,OAAO,EAAE6B,QAAQ,CAACnB,KAAK,CAAC,CAACX,KAAK,CAACE,OAAO,CAC/D;EACF,CAAC,CAAC,CAAC;EAEH,MAAMiC,0BAA0B,GAC9BnD,QAAQ,CAACgD,uBAAuB,CAACtC,kBAAkB,CAAC;;EAEtD;EACA,MAAM0C,QAAyB,GAAG,EAAE;EACpC,MAAMC,UAA0B,GAAG,CAAC;EAEpC,oBACEzD,KAAA,CAAA0D,aAAA,CAACvD,SAAS;IACRqC,GAAG,EAAEA,GAAI;IACTL,kBAAkB,EAAEA,kBAAkB,IAAIf,KAAM;IAChDgB,iBAAiB,EAAEA,iBAAkB;IACrCuB,iBAAiB,EAAE,QAAS;IAC5BC,kBAAkB,EAAE;MAAErC;IAAS,CAAE;IACjCgB,MAAM,EAAEA,MAAO;IACfL,OAAO,EAAEA,OAAQ;IACjBY,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBc,UAAU,EAAEd,UAAW;IACvBe,UAAU,EAAE,IAAK;IACjBvC,QAAQ,EAAEA,QAAS;IACnBwC,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAE;IACtDC,KAAK,EAAE5D,cAAc,CAAC6D;EAAkB,gBAExCrE,KAAA,CAAA0D,aAAA,CAACtD,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE,CACL5D,cAAc,CAAC+D,UAAU,EACzBtC,YAAY,KAAK,KAAK,IAAI;MAAEuC,aAAa,EAAE;IAAc,CAAC,EAC1D;MAAEC,SAAS,EAAEhB;IAAW,CAAC,EACzBlC,QAAQ,GAAG;MAAEmD,OAAO,EAAE9C;IAAiB,CAAC,GAAG,CAAC,CAAC,EAC7C;MAAE6C,SAAS,EAAE5C;IAAY,CAAC;IAC1B;AACZ;IACY,CAACN,QAAQ,IAAI,CAAC0B,aAAa,IAAID,kBAAkB;EACjD,GAEDhB,IAAI,KACF,CAACT,QAAQ,gBACRvB,KAAA,CAAA0D,aAAA,CAACH,0BAA0B;IACzBoB,gBAAgB;IAChBC,IAAI,EAAE5C,IAAK;IACX6C,aAAa,EAAExB,0BAA2B;IAC1CtB,KAAK,GAAAU,eAAA,GAAES,QAAQ,CAACnB,KAAK,CAAC,cAAAU,eAAA,gBAAAA,eAAA,GAAfA,eAAA,CAAiBrB,KAAK,cAAAqB,eAAA,uBAAtBA,eAAA,CAAwBpB,OAAQ;IACvCyD,IAAI,EAAEtB;EAAS,CAChB,CAAC,gBAEFxD,KAAA,CAAA0D,aAAA,CAAC7C,YAAY;IACX8D,gBAAgB;IAChBC,IAAI,EAAE5C,IAAK;IACXD,KAAK,GAAAW,gBAAA,GAAEQ,QAAQ,CAACnB,KAAK,CAAC,cAAAW,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBtB,KAAK,cAAAsB,gBAAA,uBAAtBA,gBAAA,CAAwBnB,QAAS;IACxCuD,IAAI,EAAEtB;EAAS,CAChB,CACF,CAAC,eACJxD,KAAA,CAAA0D,aAAA,CAACP,cAAc;IACbW,UAAU,EAAE,KAAM;IAClBiB,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/CC,IAAI,EAAErC,cAAc,GAAG,UAAU,GAAG,kBAAmB;IACvDsC,MAAM,EAAE,UAAW;IACnBJ,IAAI,EAAE9D,kBAAmB;IACzBmE,UAAU,EAAElE,oBAAqB;IACjCmD,KAAK,EAAE,CACL7C,QAAQ,GACJ;MAAEQ,KAAK,GAAAY,gBAAA,GAAEO,QAAQ,CAACnB,KAAK,CAAC,cAAAY,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBvB,KAAK,cAAAuB,gBAAA,uBAAtBA,gBAAA,CAAwBpB;IAAS,CAAC,GAC3C;MAAE,GAAG8B;IAA2B,CAAC,EACrC;MAAEf;IAAU,CAAC,CACb;IACFD,aAAa,EAAEA,aAAc;IAC7B+C,aAAa,EAAC;EAAM,GAEnBhE,KACa,CACH,CACN,CAAC;AAEhB,CACF,CAAC;AAED,eAAeU,UAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
1
|
+
import React, { useCallback, useEffect, useRef } from "react";
|
|
2
2
|
import { Pressable, StyleSheet } from "react-native";
|
|
3
3
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
4
|
import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
@@ -114,6 +114,16 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
|
|
|
114
114
|
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
115
115
|
const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
|
|
116
116
|
|
|
117
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
118
|
+
on the on the first render. Solution from this discussion:
|
|
119
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
120
|
+
*/
|
|
121
|
+
const isMounted = useRef(false);
|
|
122
|
+
useEffect(() => {
|
|
123
|
+
// eslint-disable-next-line functional/immutable-data
|
|
124
|
+
isMounted.current = true;
|
|
125
|
+
}, []);
|
|
126
|
+
|
|
117
127
|
// Interpolate animation values from `isPressed` values
|
|
118
128
|
const pressedAnimationStyle = useAnimatedStyle(() => {
|
|
119
129
|
// Link color states to the pressed states
|
|
@@ -165,7 +175,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
|
|
|
165
175
|
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
166
176
|
}, loading && /*#__PURE__*/React.createElement(Animated.View, {
|
|
167
177
|
style: buttonStyles.buttonInner,
|
|
168
|
-
entering: enterTransitionInnerContentSmall,
|
|
178
|
+
entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
|
|
169
179
|
exiting: exitTransitionInnerContent
|
|
170
180
|
}, /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
171
181
|
color: foregroundColor
|
|
@@ -178,7 +188,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
|
|
|
178
188
|
iconPosition === "end" && {
|
|
179
189
|
flexDirection: "row-reverse"
|
|
180
190
|
}],
|
|
181
|
-
entering: enterTransitionInnerContent
|
|
191
|
+
entering: isMounted.current ? enterTransitionInnerContent : undefined
|
|
182
192
|
}, icon && /*#__PURE__*/React.createElement(Icon, {
|
|
183
193
|
allowFontScaling: true,
|
|
184
194
|
name: icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","buttonStyles","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","buttonStyles","isMounted","current","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
93
93
|
"fontSize": 16,
|
|
94
94
|
"fontStyle": "normal",
|
|
95
95
|
"fontWeight": "600",
|
|
96
|
-
"lineHeight":
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"color": undefined,
|
|
96
|
+
"lineHeight": 20,
|
|
100
97
|
},
|
|
98
|
+
[
|
|
99
|
+
{
|
|
100
|
+
"color": undefined,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"textAlign": "auto",
|
|
104
|
+
},
|
|
105
|
+
],
|
|
101
106
|
]
|
|
102
107
|
}
|
|
103
108
|
>
|
|
@@ -300,7 +305,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
305
|
}
|
|
301
306
|
>
|
|
302
307
|
<View
|
|
303
|
-
entering={[Function]}
|
|
304
308
|
style={
|
|
305
309
|
[
|
|
306
310
|
{
|
|
@@ -833,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
833
837
|
"fontSize": 16,
|
|
834
838
|
"fontStyle": "normal",
|
|
835
839
|
"fontWeight": "600",
|
|
836
|
-
"lineHeight":
|
|
837
|
-
},
|
|
838
|
-
{
|
|
839
|
-
"color": undefined,
|
|
840
|
+
"lineHeight": 20,
|
|
840
841
|
},
|
|
842
|
+
[
|
|
843
|
+
{
|
|
844
|
+
"color": undefined,
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"textAlign": "auto",
|
|
848
|
+
},
|
|
849
|
+
],
|
|
841
850
|
]
|
|
842
851
|
}
|
|
843
852
|
>
|
|
@@ -1038,7 +1047,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1038
1047
|
}
|
|
1039
1048
|
>
|
|
1040
1049
|
<View
|
|
1041
|
-
entering={[Function]}
|
|
1042
1050
|
style={
|
|
1043
1051
|
[
|
|
1044
1052
|
{
|
|
@@ -3,6 +3,7 @@ import React, { forwardRef } from "react";
|
|
|
3
3
|
import { useIOExperimentalDesign } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
5
|
export const buttonTextFontSize = 16;
|
|
6
|
+
export const buttonTextLineHeight = 20;
|
|
6
7
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
7
8
|
`AnimatedText` for color transition through Reanimated */
|
|
8
9
|
const defaultColor = "white";
|
|
@@ -26,7 +27,7 @@ export const ButtonText = /*#__PURE__*/forwardRef(({
|
|
|
26
27
|
font: isExperimental ? fontName : legacyFontName,
|
|
27
28
|
weight: "Semibold",
|
|
28
29
|
size: buttonTextFontSize,
|
|
29
|
-
lineHeight:
|
|
30
|
+
lineHeight: buttonTextLineHeight,
|
|
30
31
|
color: customColor ?? defaultColor
|
|
31
32
|
};
|
|
32
33
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","IOText","buttonTextFontSize","defaultColor","fontName","legacyFontName","ButtonText","color","customColor","props","ref","isExperimental","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD;AACA;AACA,MAAMC,YAAsB,GAAG,OAAO;AACtC,MAAMC,QAAsB,GAAG,UAAU;;AAEzC;AACA,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","IOText","buttonTextFontSize","buttonTextLineHeight","defaultColor","fontName","legacyFontName","ButtonText","color","customColor","props","ref","isExperimental","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC;AACA;AACA,MAAMC,YAAsB,GAAG,OAAO;AACtC,MAAMC,QAAsB,GAAG,UAAU;;AAEzC;AACA,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGR,UAAU,CAClC,CAAC;EAAES,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,MAAMa,eAA4B,GAAG;IACnC,GAAGH,KAAK;IACRI,IAAI,EAAEF,cAAc,GAAGP,QAAQ,GAAGC,cAAc;IAChDS,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEd,kBAAkB;IACxBe,UAAU,EAAEd,oBAAoB;IAChCK,KAAK,EAAEC,WAAW,IAAIL;EACxB,CAAC;EAED,oBACEN,KAAA,CAAAoB,aAAA,CAACjB,MAAM,EAAAkB,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKE,eAAe,GAClCH,KAAK,CAACU,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { GestureResponderEvent, View } from "react-native";
|
|
2
|
+
import { GestureResponderEvent, View, TextStyle } from "react-native";
|
|
3
3
|
import { WithTestID } from "../../utils/types";
|
|
4
4
|
import { IOIcons } from "../icons";
|
|
5
5
|
export type ColorButtonLink = "primary" | "contrast";
|
|
@@ -11,6 +11,8 @@ export type ButtonLinkProps = WithTestID<{
|
|
|
11
11
|
iconPosition?: "start" | "end";
|
|
12
12
|
accessibilityLabel?: string;
|
|
13
13
|
accessibilityHint?: string;
|
|
14
|
+
numberOfLines?: number;
|
|
15
|
+
textAlign?: TextStyle["textAlign"];
|
|
14
16
|
onPress: (event: GestureResponderEvent) => void;
|
|
15
17
|
}>;
|
|
16
18
|
export declare const ButtonLink: React.ForwardRefExoticComponent<{
|
|
@@ -21,6 +23,8 @@ export declare const ButtonLink: React.ForwardRefExoticComponent<{
|
|
|
21
23
|
iconPosition?: "end" | "start" | undefined;
|
|
22
24
|
accessibilityLabel?: string | undefined;
|
|
23
25
|
accessibilityHint?: string | undefined;
|
|
26
|
+
numberOfLines?: number | undefined;
|
|
27
|
+
textAlign?: TextStyle["textAlign"];
|
|
24
28
|
onPress: (event: GestureResponderEvent) => void;
|
|
25
29
|
} & import("../../utils/types").TestID & React.RefAttributes<View>>;
|
|
26
30
|
export default ButtonLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,qBAAqB,EAErB,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AActB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAOlB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEnC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAwDH,eAAO,MAAM,UAAU;;WApEd,MAAM;;;;;;;gBASD,SAAS,CAAC,WAAW,CAAC;aAEzB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;mEA0KhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAC9E,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAkCjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAqEF,eAAO,MAAM,WAAW;IA5FpB;;OAEG;;WAEI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;;IAGH;;OAEG;;aAEM,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMAyOlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { View } from "react-native";
|
|
|
3
3
|
import { IOFontSize } from "../../utils/fonts";
|
|
4
4
|
import { IOTextProps } from "./IOText";
|
|
5
5
|
export declare const buttonTextFontSize: IOFontSize;
|
|
6
|
+
export declare const buttonTextLineHeight = 20;
|
|
6
7
|
/**
|
|
7
8
|
* `ButtonText` typographic style
|
|
8
9
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;AACjD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AASvC;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;8BAmBtB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import React, { forwardRef, useMemo } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
GestureResponderEvent,
|
|
4
|
+
Pressable,
|
|
5
|
+
View,
|
|
6
|
+
TextStyle
|
|
7
|
+
} from "react-native";
|
|
3
8
|
import Animated, {
|
|
4
9
|
interpolateColor,
|
|
5
10
|
useAnimatedStyle,
|
|
@@ -20,7 +25,11 @@ import {
|
|
|
20
25
|
IOIcons,
|
|
21
26
|
IconClassComponent
|
|
22
27
|
} from "../icons";
|
|
23
|
-
import {
|
|
28
|
+
import {
|
|
29
|
+
IOText,
|
|
30
|
+
buttonTextFontSize,
|
|
31
|
+
buttonTextLineHeight
|
|
32
|
+
} from "../typography";
|
|
24
33
|
|
|
25
34
|
export type ColorButtonLink = "primary" | "contrast";
|
|
26
35
|
|
|
@@ -34,6 +43,8 @@ export type ButtonLinkProps = WithTestID<{
|
|
|
34
43
|
// Accessibility
|
|
35
44
|
accessibilityLabel?: string;
|
|
36
45
|
accessibilityHint?: string;
|
|
46
|
+
numberOfLines?: number;
|
|
47
|
+
textAlign?: TextStyle["textAlign"];
|
|
37
48
|
// Events
|
|
38
49
|
onPress: (event: GestureResponderEvent) => void;
|
|
39
50
|
}>;
|
|
@@ -103,6 +114,8 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
|
|
|
103
114
|
onPress,
|
|
104
115
|
accessibilityLabel,
|
|
105
116
|
accessibilityHint,
|
|
117
|
+
numberOfLines = 1,
|
|
118
|
+
textAlign = "auto",
|
|
106
119
|
testID
|
|
107
120
|
},
|
|
108
121
|
ref
|
|
@@ -187,12 +200,14 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
|
|
|
187
200
|
font={isExperimental ? "Titillio" : "TitilliumSansPro"}
|
|
188
201
|
weight={"Semibold"}
|
|
189
202
|
size={buttonTextFontSize}
|
|
190
|
-
|
|
203
|
+
lineHeight={buttonTextLineHeight}
|
|
204
|
+
style={[
|
|
191
205
|
disabled
|
|
192
206
|
? { color: colorMap[color]?.label?.disabled }
|
|
193
|
-
: { ...pressedColorAnimationStyle }
|
|
194
|
-
|
|
195
|
-
|
|
207
|
+
: { ...pressedColorAnimationStyle },
|
|
208
|
+
{ textAlign }
|
|
209
|
+
]}
|
|
210
|
+
numberOfLines={numberOfLines}
|
|
196
211
|
ellipsizeMode="tail"
|
|
197
212
|
>
|
|
198
213
|
{label}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentProps, useCallback } from "react";
|
|
1
|
+
import React, { ComponentProps, useCallback, useEffect, useRef } from "react";
|
|
2
2
|
import {
|
|
3
3
|
GestureResponderEvent,
|
|
4
4
|
Pressable,
|
|
@@ -186,6 +186,17 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
|
|
|
186
186
|
[isExperimental]
|
|
187
187
|
);
|
|
188
188
|
|
|
189
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
190
|
+
on the on the first render. Solution from this discussion:
|
|
191
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
192
|
+
*/
|
|
193
|
+
const isMounted = useRef(false);
|
|
194
|
+
|
|
195
|
+
useEffect(() => {
|
|
196
|
+
// eslint-disable-next-line functional/immutable-data
|
|
197
|
+
isMounted.current = true;
|
|
198
|
+
}, []);
|
|
199
|
+
|
|
189
200
|
// Interpolate animation values from `isPressed` values
|
|
190
201
|
const pressedAnimationStyle = useAnimatedStyle(() => {
|
|
191
202
|
// Link color states to the pressed states
|
|
@@ -255,7 +266,9 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
|
|
|
255
266
|
{loading && (
|
|
256
267
|
<Animated.View
|
|
257
268
|
style={buttonStyles.buttonInner}
|
|
258
|
-
entering={
|
|
269
|
+
entering={
|
|
270
|
+
isMounted.current ? enterTransitionInnerContentSmall : undefined
|
|
271
|
+
}
|
|
259
272
|
exiting={exitTransitionInnerContent}
|
|
260
273
|
>
|
|
261
274
|
<LoadingSpinner color={foregroundColor} />
|
|
@@ -271,7 +284,9 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
|
|
|
271
284
|
reverse flex property to invert the position */
|
|
272
285
|
iconPosition === "end" && { flexDirection: "row-reverse" }
|
|
273
286
|
]}
|
|
274
|
-
entering={
|
|
287
|
+
entering={
|
|
288
|
+
isMounted.current ? enterTransitionInnerContent : undefined
|
|
289
|
+
}
|
|
275
290
|
>
|
|
276
291
|
{icon && (
|
|
277
292
|
<Icon
|
|
@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
93
93
|
"fontSize": 16,
|
|
94
94
|
"fontStyle": "normal",
|
|
95
95
|
"fontWeight": "600",
|
|
96
|
-
"lineHeight":
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"color": undefined,
|
|
96
|
+
"lineHeight": 20,
|
|
100
97
|
},
|
|
98
|
+
[
|
|
99
|
+
{
|
|
100
|
+
"color": undefined,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"textAlign": "auto",
|
|
104
|
+
},
|
|
105
|
+
],
|
|
101
106
|
]
|
|
102
107
|
}
|
|
103
108
|
>
|
|
@@ -300,7 +305,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
305
|
}
|
|
301
306
|
>
|
|
302
307
|
<View
|
|
303
|
-
entering={[Function]}
|
|
304
308
|
style={
|
|
305
309
|
[
|
|
306
310
|
{
|
|
@@ -833,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
833
837
|
"fontSize": 16,
|
|
834
838
|
"fontStyle": "normal",
|
|
835
839
|
"fontWeight": "600",
|
|
836
|
-
"lineHeight":
|
|
837
|
-
},
|
|
838
|
-
{
|
|
839
|
-
"color": undefined,
|
|
840
|
+
"lineHeight": 20,
|
|
840
841
|
},
|
|
842
|
+
[
|
|
843
|
+
{
|
|
844
|
+
"color": undefined,
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"textAlign": "auto",
|
|
848
|
+
},
|
|
849
|
+
],
|
|
841
850
|
]
|
|
842
851
|
}
|
|
843
852
|
>
|
|
@@ -1038,7 +1047,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1038
1047
|
}
|
|
1039
1048
|
>
|
|
1040
1049
|
<View
|
|
1041
|
-
entering={[Function]}
|
|
1042
1050
|
style={
|
|
1043
1051
|
[
|
|
1044
1052
|
{
|
|
@@ -6,6 +6,7 @@ import { IOFontFamily, IOFontSize } from "../../utils/fonts";
|
|
|
6
6
|
import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
|
|
7
7
|
|
|
8
8
|
export const buttonTextFontSize: IOFontSize = 16;
|
|
9
|
+
export const buttonTextLineHeight = 20;
|
|
9
10
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
10
11
|
`AnimatedText` for color transition through Reanimated */
|
|
11
12
|
const defaultColor: IOColors = "white";
|
|
@@ -26,7 +27,7 @@ export const ButtonText = forwardRef<View, TypographicStyleProps>(
|
|
|
26
27
|
font: isExperimental ? fontName : legacyFontName,
|
|
27
28
|
weight: "Semibold",
|
|
28
29
|
size: buttonTextFontSize,
|
|
29
|
-
lineHeight:
|
|
30
|
+
lineHeight: buttonTextLineHeight,
|
|
30
31
|
color: customColor ?? defaultColor
|
|
31
32
|
};
|
|
32
33
|
|