@pagopa/io-app-design-system 4.4.1 → 4.4.3
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/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 +0 -2
- package/lib/commonjs/components/listitems/ListItemNav.js +18 -9
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +1 -0
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -8
- 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 +0 -2
- package/lib/module/components/listitems/ListItemNav.js +19 -10
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +1 -0
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -8
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonSolid.tsx +18 -3
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +0 -2
- package/src/components/listitems/ListItemNav.tsx +44 -31
- package/src/components/listitems/ListItemTransaction.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -8
|
@@ -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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"}
|
|
@@ -300,7 +300,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
300
|
}
|
|
301
301
|
>
|
|
302
302
|
<View
|
|
303
|
-
entering={[Function]}
|
|
304
303
|
style={
|
|
305
304
|
[
|
|
306
305
|
{
|
|
@@ -1038,7 +1037,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1038
1037
|
}
|
|
1039
1038
|
>
|
|
1040
1039
|
<View
|
|
1041
|
-
entering={[Function]}
|
|
1042
1040
|
style={
|
|
1043
1041
|
[
|
|
1044
1042
|
{
|
|
@@ -43,7 +43,6 @@ const ListItemNav = ({
|
|
|
43
43
|
const theme = (0, _core.useIOTheme)();
|
|
44
44
|
const {
|
|
45
45
|
dynamicFontScale,
|
|
46
|
-
spacingScaleMultiplier,
|
|
47
46
|
hugeFontEnabled
|
|
48
47
|
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
49
48
|
const listItemNavContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, topElement && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, topElement.badgeProps && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -97,15 +96,16 @@ const ListItemNav = ({
|
|
|
97
96
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
98
97
|
style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
99
98
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
100
|
-
style: [_core.IOListItemStyles.listItemInner,
|
|
101
|
-
|
|
102
|
-
}, scaleAnimatedStyle]
|
|
103
|
-
}, icon && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
99
|
+
style: [_core.IOListItemStyles.listItemInner, scaleAnimatedStyle]
|
|
100
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
104
101
|
allowFontScaling: true,
|
|
105
102
|
name: icon,
|
|
106
103
|
color: iconColor,
|
|
107
104
|
size: _core.IOListItemVisualParams.iconSize
|
|
108
|
-
}),
|
|
105
|
+
}), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
106
|
+
allowScaleSpacing: true,
|
|
107
|
+
size: _core.IOVisualCostants.iconMargin
|
|
108
|
+
})), paymentLogoUri && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
109
109
|
accessibilityIgnoresInvertColors: true,
|
|
110
110
|
source: {
|
|
111
111
|
uri: paymentLogoUri
|
|
@@ -114,10 +114,19 @@ const ListItemNav = ({
|
|
|
114
114
|
width: _core.IOSelectionListItemVisualParams.iconSize * dynamicFontScale,
|
|
115
115
|
height: _core.IOSelectionListItemVisualParams.iconSize * dynamicFontScale
|
|
116
116
|
}
|
|
117
|
-
}),
|
|
117
|
+
}), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
118
|
+
allowScaleSpacing: true,
|
|
119
|
+
size: _core.IOVisualCostants.iconMargin
|
|
120
|
+
})), avatar && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_avatar.Avatar, _extends({
|
|
118
121
|
size: "small"
|
|
119
|
-
}, avatar)), /*#__PURE__*/_react.default.createElement(
|
|
120
|
-
|
|
122
|
+
}, avatar)), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
123
|
+
allowScaleSpacing: true,
|
|
124
|
+
size: _core.IOVisualCostants.iconMargin
|
|
125
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
126
|
+
style: {
|
|
127
|
+
flexGrow: 1,
|
|
128
|
+
flexShrink: 1
|
|
129
|
+
}
|
|
121
130
|
}, listItemNavContent), loading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
122
131
|
color: interactiveColor
|
|
123
132
|
}), !loading && !hideChevron && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_hooks","_accessibility","_avatar","_badge","_icons","_loadingSpinner","_spacer","_typography","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","theme","useIOTheme","dynamicFontScale","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_hooks","_accessibility","_avatar","_badge","_icons","_loadingSpinner","_spacer","_typography","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","theme","useIOTheme","dynamicFontScale","hugeFontEnabled","useIOFontDynamicScale","listItemNavContent","createElement","Fragment","badgeProps","View","style","alignSelf","Badge","VSpacer","size","dateValue","flexDirection","Icon","allowFontScaling","name","color","HSpacer","Caption","H6","BodySmall","weight","interactiveColor","handleOnPress","event","Pressable","onTouchEnd","accessible","accessibilityState","busy","accessibilityRole","IOListItemStyles","listItem","listItemInner","IOListItemVisualParams","iconSize","allowScaleSpacing","IOVisualCostants","iconMargin","Image","accessibilityIgnoresInvertColors","uri","width","IOSelectionListItemVisualParams","height","Avatar","flexGrow","flexShrink","LoadingSpinner","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_rnPlaceholder","_core","_url","_Avatar","_Badge","_LogoPaymentWithFallback","_icons","_spacer","_stack","_typography","_PressableListItemBase","obj","__esModule","default","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","isImageUri","createElement","Avatar","logoUri","size","React","isValidElement","Fragment","LogoPaymentWithFallback","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","useIOExperimentalDesign","theme","useIOTheme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","HStack","allowScaleSpacing","space","IOListItemLogoMargin","style","alignItems","flexShrink","View","width","H6","color","BodySmall","weight","Badge","variant","text","Icon","allowFontScaling","name","IOListItemVisualParams","chevronSize","PressableListItemBase","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports","marginRight","Box","animate","height","IOVisualCostants","avatarSizeSmall","radius","avatarRadiusSizeSmall","IOStyles","flex","VSpacer","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_rnPlaceholder","_core","_url","_Avatar","_Badge","_LogoPaymentWithFallback","_icons","_spacer","_stack","_typography","_PressableListItemBase","obj","__esModule","default","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","isImageUri","createElement","Avatar","logoUri","size","React","isValidElement","Fragment","LogoPaymentWithFallback","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","useIOExperimentalDesign","theme","useIOTheme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","HStack","allowScaleSpacing","space","IOListItemLogoMargin","style","alignItems","flexShrink","View","width","H6","color","BodySmall","weight","Badge","variant","text","Icon","allowFontScaling","name","IOListItemVisualParams","chevronSize","PressableListItemBase","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports","marginRight","Box","animate","height","IOVisualCostants","avatarSizeSmall","radius","avatarRadiusSizeSmall","IOStyles","flex","VSpacer","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
|
@@ -530,9 +530,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
530
530
|
"flexDirection": "row",
|
|
531
531
|
"justifyContent": "space-between",
|
|
532
532
|
},
|
|
533
|
-
{
|
|
534
|
-
"columnGap": 12,
|
|
535
|
-
},
|
|
536
533
|
{
|
|
537
534
|
"transform": [
|
|
538
535
|
{
|
|
@@ -546,7 +543,8 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
546
543
|
<View
|
|
547
544
|
style={
|
|
548
545
|
{
|
|
549
|
-
"
|
|
546
|
+
"flexGrow": 1,
|
|
547
|
+
"flexShrink": 1,
|
|
550
548
|
}
|
|
551
549
|
}
|
|
552
550
|
>
|
|
@@ -2202,9 +2200,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2202
2200
|
"flexDirection": "row",
|
|
2203
2201
|
"justifyContent": "space-between",
|
|
2204
2202
|
},
|
|
2205
|
-
{
|
|
2206
|
-
"columnGap": 12,
|
|
2207
|
-
},
|
|
2208
2203
|
{
|
|
2209
2204
|
"transform": [
|
|
2210
2205
|
{
|
|
@@ -2218,7 +2213,8 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2218
2213
|
<View
|
|
2219
2214
|
style={
|
|
2220
2215
|
{
|
|
2221
|
-
"
|
|
2216
|
+
"flexGrow": 1,
|
|
2217
|
+
"flexShrink": 1,
|
|
2222
2218
|
}
|
|
2223
2219
|
}
|
|
2224
2220
|
>
|
|
@@ -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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"}
|
|
@@ -300,7 +300,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
300
|
}
|
|
301
301
|
>
|
|
302
302
|
<View
|
|
303
|
-
entering={[Function]}
|
|
304
303
|
style={
|
|
305
304
|
[
|
|
306
305
|
{
|
|
@@ -1038,7 +1037,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1038
1037
|
}
|
|
1039
1038
|
>
|
|
1040
1039
|
<View
|
|
1041
|
-
entering={[Function]}
|
|
1042
1040
|
style={
|
|
1043
1041
|
[
|
|
1044
1042
|
{
|
|
@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Image, Pressable, View } from "react-native";
|
|
4
4
|
import Animated from "react-native-reanimated";
|
|
5
|
-
import { IOListItemStyles, IOListItemVisualParams, IOSelectionListItemVisualParams,
|
|
5
|
+
import { IOListItemStyles, IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
|
|
6
6
|
import { useListItemAnimation } from "../../hooks";
|
|
7
7
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
8
8
|
import { Avatar } from "../avatar";
|
|
@@ -36,7 +36,6 @@ export const ListItemNav = ({
|
|
|
36
36
|
const theme = useIOTheme();
|
|
37
37
|
const {
|
|
38
38
|
dynamicFontScale,
|
|
39
|
-
spacingScaleMultiplier,
|
|
40
39
|
hugeFontEnabled
|
|
41
40
|
} = useIOFontDynamicScale();
|
|
42
41
|
const listItemNavContent = /*#__PURE__*/React.createElement(React.Fragment, null, topElement && /*#__PURE__*/React.createElement(React.Fragment, null, topElement.badgeProps && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
@@ -90,15 +89,16 @@ export const ListItemNav = ({
|
|
|
90
89
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
91
90
|
style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
92
91
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
93
|
-
style: [IOListItemStyles.listItemInner,
|
|
94
|
-
|
|
95
|
-
}, scaleAnimatedStyle]
|
|
96
|
-
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
92
|
+
style: [IOListItemStyles.listItemInner, scaleAnimatedStyle]
|
|
93
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
97
94
|
allowFontScaling: true,
|
|
98
95
|
name: icon,
|
|
99
96
|
color: iconColor,
|
|
100
97
|
size: IOListItemVisualParams.iconSize
|
|
101
|
-
}),
|
|
98
|
+
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
99
|
+
allowScaleSpacing: true,
|
|
100
|
+
size: IOVisualCostants.iconMargin
|
|
101
|
+
})), paymentLogoUri && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Image, {
|
|
102
102
|
accessibilityIgnoresInvertColors: true,
|
|
103
103
|
source: {
|
|
104
104
|
uri: paymentLogoUri
|
|
@@ -107,10 +107,19 @@ export const ListItemNav = ({
|
|
|
107
107
|
width: IOSelectionListItemVisualParams.iconSize * dynamicFontScale,
|
|
108
108
|
height: IOSelectionListItemVisualParams.iconSize * dynamicFontScale
|
|
109
109
|
}
|
|
110
|
-
}),
|
|
110
|
+
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
111
|
+
allowScaleSpacing: true,
|
|
112
|
+
size: IOVisualCostants.iconMargin
|
|
113
|
+
})), avatar && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, _extends({
|
|
111
114
|
size: "small"
|
|
112
|
-
}, avatar)), /*#__PURE__*/React.createElement(
|
|
113
|
-
|
|
115
|
+
}, avatar)), /*#__PURE__*/React.createElement(HSpacer, {
|
|
116
|
+
allowScaleSpacing: true,
|
|
117
|
+
size: IOVisualCostants.iconMargin
|
|
118
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
119
|
+
style: {
|
|
120
|
+
flexGrow: 1,
|
|
121
|
+
flexShrink: 1
|
|
122
|
+
}
|
|
114
123
|
}, listItemNavContent), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
115
124
|
color: interactiveColor
|
|
116
125
|
}), !loading && !hideChevron && /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOSelectionListItemVisualParams","
|
|
1
|
+
{"version":3,"names":["React","Image","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","BodySmall","Caption","H6","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","dynamicFontScale","hugeFontEnabled","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","allowFontScaling","name","color","weight","interactiveColor","handleOnPress","event","onTouchEnd","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","iconSize","allowScaleSpacing","iconMargin","accessibilityIgnoresInvertColors","source","uri","width","height","_extends","flexGrow","flexShrink","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","allowScaleSpacing","space","style","alignItems","flexShrink","width","color","weight","variant","text","allowFontScaling","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","allowScaleSpacing","space","style","alignItems","flexShrink","width","color","weight","variant","text","allowFontScaling","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
|
@@ -530,9 +530,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
530
530
|
"flexDirection": "row",
|
|
531
531
|
"justifyContent": "space-between",
|
|
532
532
|
},
|
|
533
|
-
{
|
|
534
|
-
"columnGap": 12,
|
|
535
|
-
},
|
|
536
533
|
{
|
|
537
534
|
"transform": [
|
|
538
535
|
{
|
|
@@ -546,7 +543,8 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
546
543
|
<View
|
|
547
544
|
style={
|
|
548
545
|
{
|
|
549
|
-
"
|
|
546
|
+
"flexGrow": 1,
|
|
547
|
+
"flexShrink": 1,
|
|
550
548
|
}
|
|
551
549
|
}
|
|
552
550
|
>
|
|
@@ -2202,9 +2200,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2202
2200
|
"flexDirection": "row",
|
|
2203
2201
|
"justifyContent": "space-between",
|
|
2204
2202
|
},
|
|
2205
|
-
{
|
|
2206
|
-
"columnGap": 12,
|
|
2207
|
-
},
|
|
2208
2203
|
{
|
|
2209
2204
|
"transform": [
|
|
2210
2205
|
{
|
|
@@ -2218,7 +2213,8 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2218
2213
|
<View
|
|
2219
2214
|
style={
|
|
2220
2215
|
{
|
|
2221
|
-
"
|
|
2216
|
+
"flexGrow": 1,
|
|
2217
|
+
"flexShrink": 1,
|
|
2222
2218
|
}
|
|
2223
2219
|
}
|
|
2224
2220
|
>
|
|
@@ -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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAS,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE7E,OAAO,EACL,QAAQ,
|
|
1
|
+
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAS,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE7E,OAAO,EACL,QAAQ,EAOT,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CACvC;IACE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,oBAAoB,GAAG,mBAAmB,CAC3C,CACF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B;IACE,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE5E,eAAO,MAAM,WAAW,0LAerB,WAAW,sBAsJb,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -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
|
|
@@ -300,7 +300,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
300
300
|
}
|
|
301
301
|
>
|
|
302
302
|
<View
|
|
303
|
-
entering={[Function]}
|
|
304
303
|
style={
|
|
305
304
|
[
|
|
306
305
|
{
|
|
@@ -1038,7 +1037,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1038
1037
|
}
|
|
1039
1038
|
>
|
|
1040
1039
|
<View
|
|
1041
|
-
entering={[Function]}
|
|
1042
1040
|
style={
|
|
1043
1041
|
[
|
|
1044
1042
|
{
|
|
@@ -6,7 +6,8 @@ import {
|
|
|
6
6
|
IOListItemStyles,
|
|
7
7
|
IOListItemVisualParams,
|
|
8
8
|
IOSelectionListItemVisualParams,
|
|
9
|
-
|
|
9
|
+
IOSpacer,
|
|
10
|
+
IOVisualCostants,
|
|
10
11
|
useIOTheme
|
|
11
12
|
} from "../../core";
|
|
12
13
|
import { useListItemAnimation } from "../../hooks";
|
|
@@ -95,8 +96,7 @@ export const ListItemNav = ({
|
|
|
95
96
|
useListItemAnimation();
|
|
96
97
|
const theme = useIOTheme();
|
|
97
98
|
|
|
98
|
-
const { dynamicFontScale,
|
|
99
|
-
useIOFontDynamicScale();
|
|
99
|
+
const { dynamicFontScale, hugeFontEnabled } = useIOFontDynamicScale();
|
|
100
100
|
|
|
101
101
|
const listItemNavContent = (
|
|
102
102
|
<>
|
|
@@ -176,16 +176,7 @@ export const ListItemNav = ({
|
|
|
176
176
|
style={[IOListItemStyles.listItem, backgroundAnimatedStyle]}
|
|
177
177
|
>
|
|
178
178
|
<Animated.View
|
|
179
|
-
style={[
|
|
180
|
-
IOListItemStyles.listItemInner,
|
|
181
|
-
{
|
|
182
|
-
columnGap:
|
|
183
|
-
IOListItemVisualParams.iconMargin *
|
|
184
|
-
dynamicFontScale *
|
|
185
|
-
spacingScaleMultiplier
|
|
186
|
-
},
|
|
187
|
-
scaleAnimatedStyle
|
|
188
|
-
]}
|
|
179
|
+
style={[IOListItemStyles.listItemInner, scaleAnimatedStyle]}
|
|
189
180
|
>
|
|
190
181
|
{/* Possibile graphical assets
|
|
191
182
|
- Icon
|
|
@@ -193,28 +184,50 @@ export const ListItemNav = ({
|
|
|
193
184
|
- Avatar
|
|
194
185
|
*/}
|
|
195
186
|
{icon && !hugeFontEnabled && (
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
187
|
+
<>
|
|
188
|
+
<Icon
|
|
189
|
+
allowFontScaling
|
|
190
|
+
name={icon}
|
|
191
|
+
color={iconColor}
|
|
192
|
+
size={IOListItemVisualParams.iconSize}
|
|
193
|
+
/>
|
|
194
|
+
<HSpacer
|
|
195
|
+
allowScaleSpacing
|
|
196
|
+
size={IOVisualCostants.iconMargin as IOSpacer}
|
|
197
|
+
/>
|
|
198
|
+
</>
|
|
202
199
|
)}
|
|
203
200
|
{paymentLogoUri && (
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
201
|
+
<>
|
|
202
|
+
<Image
|
|
203
|
+
accessibilityIgnoresInvertColors
|
|
204
|
+
source={{ uri: paymentLogoUri }}
|
|
205
|
+
style={{
|
|
206
|
+
width:
|
|
207
|
+
IOSelectionListItemVisualParams.iconSize * dynamicFontScale,
|
|
208
|
+
height:
|
|
209
|
+
IOSelectionListItemVisualParams.iconSize * dynamicFontScale
|
|
210
|
+
}}
|
|
211
|
+
/>
|
|
212
|
+
<HSpacer
|
|
213
|
+
allowScaleSpacing
|
|
214
|
+
size={IOVisualCostants.iconMargin as IOSpacer}
|
|
215
|
+
/>
|
|
216
|
+
</>
|
|
217
|
+
)}
|
|
218
|
+
{avatar && (
|
|
219
|
+
<>
|
|
220
|
+
<Avatar size="small" {...avatar} />
|
|
221
|
+
<HSpacer
|
|
222
|
+
allowScaleSpacing
|
|
223
|
+
size={IOVisualCostants.iconMargin as IOSpacer}
|
|
224
|
+
/>
|
|
225
|
+
</>
|
|
214
226
|
)}
|
|
215
|
-
{avatar && <Avatar size="small" {...avatar} />}
|
|
216
227
|
|
|
217
|
-
<View style={
|
|
228
|
+
<View style={{ flexGrow: 1, flexShrink: 1 }}>
|
|
229
|
+
{listItemNavContent}
|
|
230
|
+
</View>
|
|
218
231
|
{loading && <LoadingSpinner color={interactiveColor} />}
|
|
219
232
|
{!loading && !hideChevron && (
|
|
220
233
|
<Icon
|
|
@@ -156,7 +156,7 @@ export const ListItemTransaction = ({
|
|
|
156
156
|
</BodySmall>
|
|
157
157
|
</View>
|
|
158
158
|
</HStack>
|
|
159
|
-
<HStack style={{ alignItems: "center" }}>
|
|
159
|
+
<HStack space={4} style={{ alignItems: "center" }}>
|
|
160
160
|
{badge ? (
|
|
161
161
|
<Badge variant={badge?.variant} text={badge?.text} />
|
|
162
162
|
) : (
|
|
@@ -530,9 +530,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
530
530
|
"flexDirection": "row",
|
|
531
531
|
"justifyContent": "space-between",
|
|
532
532
|
},
|
|
533
|
-
{
|
|
534
|
-
"columnGap": 12,
|
|
535
|
-
},
|
|
536
533
|
{
|
|
537
534
|
"transform": [
|
|
538
535
|
{
|
|
@@ -546,7 +543,8 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
546
543
|
<View
|
|
547
544
|
style={
|
|
548
545
|
{
|
|
549
|
-
"
|
|
546
|
+
"flexGrow": 1,
|
|
547
|
+
"flexShrink": 1,
|
|
550
548
|
}
|
|
551
549
|
}
|
|
552
550
|
>
|
|
@@ -2202,9 +2200,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2202
2200
|
"flexDirection": "row",
|
|
2203
2201
|
"justifyContent": "space-between",
|
|
2204
2202
|
},
|
|
2205
|
-
{
|
|
2206
|
-
"columnGap": 12,
|
|
2207
|
-
},
|
|
2208
2203
|
{
|
|
2209
2204
|
"transform": [
|
|
2210
2205
|
{
|
|
@@ -2218,7 +2213,8 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2218
2213
|
<View
|
|
2219
2214
|
style={
|
|
2220
2215
|
{
|
|
2221
|
-
"
|
|
2216
|
+
"flexGrow": 1,
|
|
2217
|
+
"flexShrink": 1,
|
|
2222
2218
|
}
|
|
2223
2219
|
}
|
|
2224
2220
|
>
|