@pagopa/io-app-design-system 5.0.6 → 5.0.7
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/listitems/ListItemRadioWithAmount.js +2 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -0
- package/lib/commonjs/components/tabs/TabItem.js +2 -6
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tabs/TabNavigation.js +3 -4
- package/lib/commonjs/components/tabs/TabNavigation.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +2 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -0
- package/lib/module/components/tabs/TabItem.js +2 -6
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tabs/TabNavigation.js +3 -4
- package/lib/module/components/tabs/TabNavigation.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts +0 -2
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabNavigation.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/listitems/ListItemRadioWithAmount.tsx +5 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -0
- package/src/components/tabs/TabItem.tsx +18 -27
- package/src/components/tabs/TabNavigation.tsx +2 -4
|
@@ -39,10 +39,11 @@ const ListItemRadioWithAmount = ({
|
|
|
39
39
|
};
|
|
40
40
|
const theme = (0, _core.useIOTheme)();
|
|
41
41
|
const suggestColor = "hanPurple-500";
|
|
42
|
+
const defaultAccessibilityLabel = `${label} ${formattedAmountString} ${suggestReason ?? ""}`;
|
|
42
43
|
return /*#__PURE__*/React.createElement(_PressableListItemBase.PressableListItemBase, {
|
|
43
44
|
onPress: pressHandler,
|
|
44
45
|
accessibilityRole: "radio",
|
|
45
|
-
accessibilityLabel: accessibilityLabel,
|
|
46
|
+
accessibilityLabel: accessibilityLabel ?? defaultAccessibilityLabel,
|
|
46
47
|
accessibilityState: {
|
|
47
48
|
checked: selected ?? toggleValue
|
|
48
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_core","_accessibility","_icons","_AnimatedRadio","_stack","_typography","_PressableListItemBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","useIOFontDynamicScale","toggleValue","setToggleValue","useState","pressHandler","RNReactNativeHapticFeedback","trigger","val","undefined","theme","useIOTheme","suggestColor","createElement","PressableListItemBase","onPress","accessibilityRole","accessibilityState","checked","View","style","flexShrink","H6","numberOfLines","color","HStack","space","alignItems","Icon","name","size","BodySmall","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedRadio","IOSelectionTickVisualParams","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,sBAAA,GAAAV,OAAA;AAAgE,SAAAG,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,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,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,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,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAkBzD,MAAMW,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC;AAC4B,CAAC,KAAK;EAClC,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,oCAAqB,EAAC,CAAC;EACpD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG9C,KAAK,CAAC+C,QAAQ,CAACV,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMW,YAAY,GAAGA,CAAA,KAAM;IACzBC,kCAA2B,CAACC,OAAO,CAAC,aAAa,CAAC;IAClDJ,cAAc,CAACK,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIf,aAAa,KAAKgB,SAAS,EAAE;MAC/BhB,aAAa,CAAC,CAACS,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMQ,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,YAAsB,GAAG,eAAe;EAE9C,
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_core","_accessibility","_icons","_AnimatedRadio","_stack","_typography","_PressableListItemBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","useIOFontDynamicScale","toggleValue","setToggleValue","useState","pressHandler","RNReactNativeHapticFeedback","trigger","val","undefined","theme","useIOTheme","suggestColor","defaultAccessibilityLabel","createElement","PressableListItemBase","onPress","accessibilityRole","accessibilityState","checked","View","style","flexShrink","H6","numberOfLines","color","HStack","space","alignItems","Icon","name","size","BodySmall","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedRadio","IOSelectionTickVisualParams","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"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"}
|
|
@@ -767,6 +767,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
767
767
|
|
|
768
768
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 1`] = `
|
|
769
769
|
<View
|
|
770
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
770
771
|
accessibilityRole="radio"
|
|
771
772
|
accessibilityState={
|
|
772
773
|
{
|
|
@@ -1140,6 +1141,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1140
1141
|
|
|
1141
1142
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 2`] = `
|
|
1142
1143
|
<View
|
|
1144
|
+
accessibilityLabel="label € 1.000,00 "
|
|
1143
1145
|
accessibilityRole="radio"
|
|
1144
1146
|
accessibilityState={
|
|
1145
1147
|
{
|
|
@@ -2343,6 +2345,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2343
2345
|
|
|
2344
2346
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
2345
2347
|
<View
|
|
2348
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
2346
2349
|
accessibilityRole="radio"
|
|
2347
2350
|
accessibilityState={
|
|
2348
2351
|
{
|
|
@@ -2716,6 +2719,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2716
2719
|
|
|
2717
2720
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
2718
2721
|
<View
|
|
2722
|
+
accessibilityLabel="label € 1.000,00 "
|
|
2719
2723
|
accessibilityRole="radio"
|
|
2720
2724
|
accessibilityState={
|
|
2721
2725
|
{
|
|
@@ -20,7 +20,6 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
20
20
|
label,
|
|
21
21
|
color = "light",
|
|
22
22
|
selected = false,
|
|
23
|
-
fullWidth = false,
|
|
24
23
|
accessibilityLabel,
|
|
25
24
|
accessibilityHint,
|
|
26
25
|
testID,
|
|
@@ -81,7 +80,7 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
81
80
|
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
82
81
|
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(selectedStateTransition.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.selected]),
|
|
83
82
|
borderColor: (0, _reactNativeReanimated.interpolateColor)(selectedStateTransition.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.selected])
|
|
84
|
-
})
|
|
83
|
+
}));
|
|
85
84
|
const activeIcon = selected ? iconSelected ?? icon : icon;
|
|
86
85
|
const handleOnPress = (0, _react.useCallback)(event => {
|
|
87
86
|
if (onPress) {
|
|
@@ -106,7 +105,7 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
106
105
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
107
106
|
style: [styles.container, {
|
|
108
107
|
columnGap: 4
|
|
109
|
-
}, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle,
|
|
108
|
+
}, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle, disabled && {
|
|
110
109
|
opacity: DISABLED_OPACITY
|
|
111
110
|
}]
|
|
112
111
|
}, activeIcon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
@@ -132,9 +131,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
132
131
|
borderCurve: "continuous",
|
|
133
132
|
justifyContent: "center",
|
|
134
133
|
alignSelf: "flex-start"
|
|
135
|
-
},
|
|
136
|
-
fullWidth: {
|
|
137
|
-
alignSelf: "auto"
|
|
138
134
|
}
|
|
139
135
|
});
|
|
140
136
|
//# sourceMappingURL=TabItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","TabItem","forwardRef","label","color","selected","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","TabItem","forwardRef","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","theme","useIOTheme","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","mapColorStates","useMemo","light","border","IOColors","hexToRgba","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","useDerivedValue","withSpring","IOSpringValues","selection","animatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","activeIcon","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","Icon","name","size","IOText","font","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
|
|
@@ -33,9 +33,7 @@ const TabNavigation = ({
|
|
|
33
33
|
const stretchItems = tabAlignment === "stretch";
|
|
34
34
|
const wrapChild = (child, index = 0) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
35
35
|
key: index,
|
|
36
|
-
style: [styles.item, {
|
|
37
|
-
marginEnd: index === _react.default.Children.count(children) - 1 ? 0 : 8
|
|
38
|
-
}, stretchItems && {
|
|
36
|
+
style: [styles.item, stretchItems && {
|
|
39
37
|
minWidth: itemMinWidth
|
|
40
38
|
}],
|
|
41
39
|
onLayout: handleItemOnLayout
|
|
@@ -56,7 +54,8 @@ const TabNavigation = ({
|
|
|
56
54
|
paddingHorizontal: _core.IOVisualCostants.appMarginDefault
|
|
57
55
|
} : {}, {
|
|
58
56
|
flexGrow: 1,
|
|
59
|
-
justifyContent: itemsJustify[tabAlignment]
|
|
57
|
+
justifyContent: itemsJustify[tabAlignment],
|
|
58
|
+
gap: 8
|
|
60
59
|
}]
|
|
61
60
|
}, Array.isArray(children) ? children.map(wrapChild) : wrapChild(children));
|
|
62
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_core","obj","__esModule","default","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","React","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","View","key","style","styles","item","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_core","obj","__esModule","default","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","React","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","View","key","style","styles","item","minWidth","onLayout","cloneElement","onPress","_child$props$onPress","_child$props","props","call","selected","ScrollView","horizontal","centerContent","showsHorizontalScrollIndicator","contentContainerStyle","paddingHorizontal","IOVisualCostants","appMarginDefault","flexGrow","justifyContent","gap","Array","isArray","map","exports","StyleSheet","create","flexShrink","flexBasis","alignItems"],"sourceRoot":"../../../../src","sources":["components/tabs/TabNavigation.tsx"],"mappings":"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"}
|
|
@@ -30,10 +30,11 @@ export const ListItemRadioWithAmount = ({
|
|
|
30
30
|
};
|
|
31
31
|
const theme = useIOTheme();
|
|
32
32
|
const suggestColor = "hanPurple-500";
|
|
33
|
+
const defaultAccessibilityLabel = `${label} ${formattedAmountString} ${suggestReason ?? ""}`;
|
|
33
34
|
return /*#__PURE__*/React.createElement(PressableListItemBase, {
|
|
34
35
|
onPress: pressHandler,
|
|
35
36
|
accessibilityRole: "radio",
|
|
36
|
-
accessibilityLabel: accessibilityLabel,
|
|
37
|
+
accessibilityLabel: accessibilityLabel ?? defaultAccessibilityLabel,
|
|
37
38
|
accessibilityState: {
|
|
38
39
|
checked: selected ?? toggleValue
|
|
39
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","IOSelectionTickVisualParams","useIOTheme","useIOFontDynamicScale","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,2BAA2B,EAAEC,UAAU,QAAQ,YAAY;AAC9E,SAASC,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,EAAEC,EAAE,QAAQ,eAAe;AAC7C,SAASC,qBAAqB,QAAQ,yBAAyB;AAkB/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC;AAC4B,CAAC,KAAK;EAClC,MAAM;IAAEC;EAAiB,CAAC,GAAGf,qBAAqB,CAAC,CAAC;EACpD,MAAM,CAACgB,WAAW,EAAEC,cAAc,CAAC,GAAGtB,KAAK,CAACuB,QAAQ,CAACT,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMU,YAAY,GAAGA,CAAA,KAAM;IACzBtB,2BAA2B,CAACuB,OAAO,CAAC,aAAa,CAAC;IAClDH,cAAc,CAACI,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIb,aAAa,KAAKc,SAAS,EAAE;MAC/Bd,aAAa,CAAC,CAACQ,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMO,KAAK,GAAGxB,UAAU,CAAC,CAAC;EAE1B,MAAMyB,YAAsB,GAAG,eAAe;EAE9C,
|
|
1
|
+
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","IOSelectionTickVisualParams","useIOTheme","useIOFontDynamicScale","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","defaultAccessibilityLabel","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"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"}
|
|
@@ -767,6 +767,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
767
767
|
|
|
768
768
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 1`] = `
|
|
769
769
|
<View
|
|
770
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
770
771
|
accessibilityRole="radio"
|
|
771
772
|
accessibilityState={
|
|
772
773
|
{
|
|
@@ -1140,6 +1141,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1140
1141
|
|
|
1141
1142
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 2`] = `
|
|
1142
1143
|
<View
|
|
1144
|
+
accessibilityLabel="label € 1.000,00 "
|
|
1143
1145
|
accessibilityRole="radio"
|
|
1144
1146
|
accessibilityState={
|
|
1145
1147
|
{
|
|
@@ -2343,6 +2345,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2343
2345
|
|
|
2344
2346
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
2345
2347
|
<View
|
|
2348
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
2346
2349
|
accessibilityRole="radio"
|
|
2347
2350
|
accessibilityState={
|
|
2348
2351
|
{
|
|
@@ -2716,6 +2719,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2716
2719
|
|
|
2717
2720
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
2718
2721
|
<View
|
|
2722
|
+
accessibilityLabel="label € 1.000,00 "
|
|
2719
2723
|
accessibilityRole="radio"
|
|
2720
2724
|
accessibilityState={
|
|
2721
2725
|
{
|
|
@@ -11,7 +11,6 @@ const TabItem = /*#__PURE__*/forwardRef(({
|
|
|
11
11
|
label,
|
|
12
12
|
color = "light",
|
|
13
13
|
selected = false,
|
|
14
|
-
fullWidth = false,
|
|
15
14
|
accessibilityLabel,
|
|
16
15
|
accessibilityHint,
|
|
17
16
|
testID,
|
|
@@ -72,7 +71,7 @@ const TabItem = /*#__PURE__*/forwardRef(({
|
|
|
72
71
|
const animatedStyle = useAnimatedStyle(() => ({
|
|
73
72
|
backgroundColor: interpolateColor(selectedStateTransition.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.selected]),
|
|
74
73
|
borderColor: interpolateColor(selectedStateTransition.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.selected])
|
|
75
|
-
})
|
|
74
|
+
}));
|
|
76
75
|
const activeIcon = selected ? iconSelected ?? icon : icon;
|
|
77
76
|
const handleOnPress = useCallback(event => {
|
|
78
77
|
if (onPress) {
|
|
@@ -97,7 +96,7 @@ const TabItem = /*#__PURE__*/forwardRef(({
|
|
|
97
96
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
98
97
|
style: [styles.container, {
|
|
99
98
|
columnGap: 4
|
|
100
|
-
}, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle,
|
|
99
|
+
}, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle, disabled && {
|
|
101
100
|
opacity: DISABLED_OPACITY
|
|
102
101
|
}]
|
|
103
102
|
}, activeIcon && /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -122,9 +121,6 @@ const styles = StyleSheet.create({
|
|
|
122
121
|
borderCurve: "continuous",
|
|
123
122
|
justifyContent: "center",
|
|
124
123
|
alignSelf: "flex-start"
|
|
125
|
-
},
|
|
126
|
-
fullWidth: {
|
|
127
|
-
alignSelf: "auto"
|
|
128
124
|
}
|
|
129
125
|
});
|
|
130
126
|
export { TabItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useMemo","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","withSpring","IOColors","IOSpringValues","hexToRgba","useIONewTypeface","useIOTheme","useScaleAnimation","Icon","IOText","DISABLED_OPACITY","TabItem","label","color","selected","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useMemo","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","withSpring","IOColors","IOSpringValues","hexToRgba","useIONewTypeface","useIOTheme","useScaleAnimation","Icon","IOText","DISABLED_OPACITY","TabItem","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","theme","reducedMotion","newTypefaceEnabled","mapColorStates","light","border","default","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","selection","animatedStyle","backgroundColor","value","borderColor","activeIcon","handleOnPress","event","trigger","createElement","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","name","size","font","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
|
|
@@ -26,9 +26,7 @@ const TabNavigation = ({
|
|
|
26
26
|
const stretchItems = tabAlignment === "stretch";
|
|
27
27
|
const wrapChild = (child, index = 0) => /*#__PURE__*/React.createElement(View, {
|
|
28
28
|
key: index,
|
|
29
|
-
style: [styles.item, {
|
|
30
|
-
marginEnd: index === React.Children.count(children) - 1 ? 0 : 8
|
|
31
|
-
}, stretchItems && {
|
|
29
|
+
style: [styles.item, stretchItems && {
|
|
32
30
|
minWidth: itemMinWidth
|
|
33
31
|
}],
|
|
34
32
|
onLayout: handleItemOnLayout
|
|
@@ -49,7 +47,8 @@ const TabNavigation = ({
|
|
|
49
47
|
paddingHorizontal: IOVisualCostants.appMarginDefault
|
|
50
48
|
} : {}, {
|
|
51
49
|
flexGrow: 1,
|
|
52
|
-
justifyContent: itemsJustify[tabAlignment]
|
|
50
|
+
justifyContent: itemsJustify[tabAlignment],
|
|
51
|
+
gap: 8
|
|
53
52
|
}]
|
|
54
53
|
}, Array.isArray(children) ? children.map(wrapChild) : wrapChild(children));
|
|
55
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","ScrollView","IOVisualCostants","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","key","style","styles","item","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","ScrollView","IOVisualCostants","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","key","style","styles","item","minWidth","onLayout","cloneElement","onPress","_child$props$onPress","_child$props","props","call","selected","horizontal","centerContent","showsHorizontalScrollIndicator","contentContainerStyle","paddingHorizontal","appMarginDefault","flexGrow","justifyContent","gap","Array","isArray","map","create","flexShrink","flexBasis","alignItems"],"sourceRoot":"../../../../src","sources":["components/tabs/TabNavigation.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAuCC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC7E,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,gBAAgB,QAAQ,YAAY;AA0B7C,MAAMC,YAA+D,GAAG;EACtEC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAC;EACrBC,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,YAAY,GAAG,QAAQ;EACvBC,WAAW;EACXC,QAAQ;EACRC,qBAAqB,GAAG;AACX,CAAC,KAAK;EACnB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAS,CAAC,CAAC;EAEjE,MAAMC,kBAAkB,GAAIC,KAAwB,IAAK;IACvD,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC1CN,eAAe,CAACO,OAAO,IAAIC,IAAI,CAACC,GAAG,CAACF,OAAO,EAAEH,KAAK,CAAC,CAAC;EACtD,CAAC;EAED,MAAMM,YAAY,GAAGf,YAAY,KAAK,SAAS;EAE/C,MAAMgB,SAAS,GAAGA,CAACC,KAAkC,EAAEC,KAAa,GAAG,CAAC,kBACtE/B,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IACH+B,GAAG,EAAEF,KAAM;IACXG,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACXR,YAAY,IAAI;MACdS,QAAQ,EAAEpB;IACZ,CAAC,CACD;IACFqB,QAAQ,EAAElB;EAAmB,gBAE5BpB,KAAK,CAACuC,YAAY,CAAUT,KAAK,EAAE;IAClCU,OAAO,EAAEnB,KAAK,IAAI;MAAA,IAAAoB,oBAAA,EAAAC,YAAA;MAChB,CAAAD,oBAAA,IAAAC,YAAA,GAAAZ,KAAK,CAACa,KAAK,EAACH,OAAO,cAAAC,oBAAA,eAAnBA,oBAAA,CAAAG,IAAA,CAAAF,YAAA,EAAsBrB,KAAK,CAAC;MAC5BP,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGiB,KAAK,CAAC;IACtB,CAAC;IACDc,QAAQ,EAAEjC,aAAa,KAAKmB,KAAK;IACjCpB;EACF,CAAC,CACG,CACP;EAED,oBACEX,KAAA,CAAAgC,aAAA,CAAC7B,UAAU;IACT2C,UAAU,EAAE,IAAK;IACjBC,aAAa,EAAE,IAAK;IACpBC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAE,CACrBjC,qBAAqB,GACjB;MAAEkC,iBAAiB,EAAE9C,gBAAgB,CAAC+C;IAAiB,CAAC,GACxD,CAAC,CAAC,EACN;MACEC,QAAQ,EAAE,CAAC;MACXC,cAAc,EAAEhD,YAAY,CAACQ,YAAY,CAAC;MAC1CyC,GAAG,EAAE;IACP,CAAC;EACD,GAEDC,KAAK,CAACC,OAAO,CAACzC,QAAQ,CAAC,GAAGA,QAAQ,CAAC0C,GAAG,CAAC5B,SAAS,CAAC,GAAGA,SAAS,CAACd,QAAQ,CAC7D,CAAC;AAEjB,CAAC;AAED,MAAMoB,MAAM,GAAGlC,UAAU,CAACyD,MAAM,CAAC;EAC/BtB,IAAI,EAAE;IACJgB,QAAQ,EAAE,CAAC;IACXO,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,GAAG;IACdC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,SAASnD,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,8GAQjC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,8GAQjC,4BAA4B,sBAyD9B,CAAC"}
|
|
@@ -7,7 +7,6 @@ export type TabItem = WithTestID<{
|
|
|
7
7
|
label: string;
|
|
8
8
|
color?: ColorMode;
|
|
9
9
|
selected?: boolean;
|
|
10
|
-
fullWidth?: boolean;
|
|
11
10
|
icon?: IOIcons;
|
|
12
11
|
iconSelected?: IOIcons;
|
|
13
12
|
accessibilityLabel: string;
|
|
@@ -19,7 +18,6 @@ declare const TabItem: React.ForwardRefExoticComponent<{
|
|
|
19
18
|
label: string;
|
|
20
19
|
color?: ColorMode | undefined;
|
|
21
20
|
selected?: boolean | undefined;
|
|
22
|
-
fullWidth?: boolean | undefined;
|
|
23
21
|
icon?: "code" | "option" | "change" | "search" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "light" | "lightFilled" | "theme" | "typeface" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
|
|
24
22
|
iconSelected?: "code" | "option" | "change" | "search" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "light" | "lightFilled" | "theme" | "typeface" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
|
|
25
23
|
accessibilityLabel: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,qBAAqB,EAGrB,IAAI,EACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,qBAAqB,EAGrB,IAAI,EACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAoBH,QAAA,MAAM,OAAO;WAhCJ,MAAM;;;;;wBAOO,MAAM;;uBAGR,qBAAqB,KAAK,IAAI;;mEAgLjD,CAAC;AAgBF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,OAAO,EACP,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CAC9E,CAAC;AAEF,KAAK,qBAAqB,GACtB,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAC3B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE3D,KAAK,aAAa,GAAG;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AASF,QAAA,MAAM,aAAa,yFAOhB,aAAa,
|
|
1
|
+
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,OAAO,EACP,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CAC9E,CAAC;AAEF,KAAK,qBAAqB,GACtB,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAC3B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE3D,KAAK,aAAa,GAAG;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AASF,QAAA,MAAM,aAAa,yFAOhB,aAAa,sBAmDf,CAAC;AAWF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -48,11 +48,15 @@ export const ListItemRadioWithAmount = ({
|
|
|
48
48
|
|
|
49
49
|
const suggestColor: IOColors = "hanPurple-500";
|
|
50
50
|
|
|
51
|
+
const defaultAccessibilityLabel = `${label} ${formattedAmountString} ${
|
|
52
|
+
suggestReason ?? ""
|
|
53
|
+
}`;
|
|
54
|
+
|
|
51
55
|
return (
|
|
52
56
|
<PressableListItemBase
|
|
53
57
|
onPress={pressHandler}
|
|
54
58
|
accessibilityRole="radio"
|
|
55
|
-
accessibilityLabel={accessibilityLabel}
|
|
59
|
+
accessibilityLabel={accessibilityLabel ?? defaultAccessibilityLabel}
|
|
56
60
|
accessibilityState={{
|
|
57
61
|
checked: selected ?? toggleValue
|
|
58
62
|
}}
|
|
@@ -767,6 +767,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
767
767
|
|
|
768
768
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 1`] = `
|
|
769
769
|
<View
|
|
770
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
770
771
|
accessibilityRole="radio"
|
|
771
772
|
accessibilityState={
|
|
772
773
|
{
|
|
@@ -1140,6 +1141,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1140
1141
|
|
|
1141
1142
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 2`] = `
|
|
1142
1143
|
<View
|
|
1144
|
+
accessibilityLabel="label € 1.000,00 "
|
|
1143
1145
|
accessibilityRole="radio"
|
|
1144
1146
|
accessibilityState={
|
|
1145
1147
|
{
|
|
@@ -2343,6 +2345,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2343
2345
|
|
|
2344
2346
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
2345
2347
|
<View
|
|
2348
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
2346
2349
|
accessibilityRole="radio"
|
|
2347
2350
|
accessibilityState={
|
|
2348
2351
|
{
|
|
@@ -2716,6 +2719,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2716
2719
|
|
|
2717
2720
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
2718
2721
|
<View
|
|
2722
|
+
accessibilityLabel="label € 1.000,00 "
|
|
2719
2723
|
accessibilityRole="radio"
|
|
2720
2724
|
accessibilityState={
|
|
2721
2725
|
{
|
|
@@ -33,7 +33,6 @@ export type TabItem = WithTestID<{
|
|
|
33
33
|
label: string;
|
|
34
34
|
color?: ColorMode;
|
|
35
35
|
selected?: boolean;
|
|
36
|
-
fullWidth?: boolean;
|
|
37
36
|
// Icons
|
|
38
37
|
icon?: IOIcons;
|
|
39
38
|
iconSelected?: IOIcons;
|
|
@@ -69,7 +68,6 @@ const TabItem = forwardRef(
|
|
|
69
68
|
label,
|
|
70
69
|
color = "light",
|
|
71
70
|
selected = false,
|
|
72
|
-
fullWidth = false,
|
|
73
71
|
accessibilityLabel,
|
|
74
72
|
accessibilityHint,
|
|
75
73
|
testID,
|
|
@@ -149,27 +147,24 @@ const TabItem = forwardRef(
|
|
|
149
147
|
);
|
|
150
148
|
|
|
151
149
|
// Interpolate animation values from `pressed` values
|
|
152
|
-
const animatedStyle = useAnimatedStyle(
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
[
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
[
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
}),
|
|
171
|
-
[selectedStateTransition]
|
|
172
|
-
);
|
|
150
|
+
const animatedStyle = useAnimatedStyle(() => ({
|
|
151
|
+
backgroundColor: interpolateColor(
|
|
152
|
+
selectedStateTransition.value,
|
|
153
|
+
[0, 1],
|
|
154
|
+
[
|
|
155
|
+
mapColorStates[color].background.default,
|
|
156
|
+
mapColorStates[color].background.selected
|
|
157
|
+
]
|
|
158
|
+
),
|
|
159
|
+
borderColor: interpolateColor(
|
|
160
|
+
selectedStateTransition.value,
|
|
161
|
+
[0, 1],
|
|
162
|
+
[
|
|
163
|
+
mapColorStates[color].border.default,
|
|
164
|
+
mapColorStates[color].border.selected
|
|
165
|
+
]
|
|
166
|
+
)
|
|
167
|
+
}));
|
|
173
168
|
|
|
174
169
|
const activeIcon = selected ? iconSelected ?? icon : icon;
|
|
175
170
|
|
|
@@ -203,7 +198,6 @@ const TabItem = forwardRef(
|
|
|
203
198
|
{ columnGap: 4 },
|
|
204
199
|
!disabled && !reducedMotion && scaleAnimatedStyle,
|
|
205
200
|
animatedStyle,
|
|
206
|
-
fullWidth && styles.fullWidth,
|
|
207
201
|
disabled && { opacity: DISABLED_OPACITY }
|
|
208
202
|
]}
|
|
209
203
|
>
|
|
@@ -235,9 +229,6 @@ const styles = StyleSheet.create({
|
|
|
235
229
|
borderCurve: "continuous",
|
|
236
230
|
justifyContent: "center",
|
|
237
231
|
alignSelf: "flex-start"
|
|
238
|
-
},
|
|
239
|
-
fullWidth: {
|
|
240
|
-
alignSelf: "auto"
|
|
241
232
|
}
|
|
242
233
|
});
|
|
243
234
|
|
|
@@ -56,9 +56,6 @@ const TabNavigation = ({
|
|
|
56
56
|
key={index}
|
|
57
57
|
style={[
|
|
58
58
|
styles.item,
|
|
59
|
-
{
|
|
60
|
-
marginEnd: index === React.Children.count(children) - 1 ? 0 : 8
|
|
61
|
-
},
|
|
62
59
|
stretchItems && {
|
|
63
60
|
minWidth: itemMinWidth
|
|
64
61
|
}
|
|
@@ -87,7 +84,8 @@ const TabNavigation = ({
|
|
|
87
84
|
: {},
|
|
88
85
|
{
|
|
89
86
|
flexGrow: 1,
|
|
90
|
-
justifyContent: itemsJustify[tabAlignment]
|
|
87
|
+
justifyContent: itemsJustify[tabAlignment],
|
|
88
|
+
gap: 8
|
|
91
89
|
}
|
|
92
90
|
]}
|
|
93
91
|
>
|