@pagopa/io-app-design-system 1.28.0 → 1.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +6 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +13 -6
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +13 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +13 -7
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +14 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +68 -8
- package/lib/commonjs/components/radio/RadioButtonLabel.js +3 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +2 -1
- package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -8
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +15 -8
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +14 -4
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +14 -8
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +16 -16
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +68 -8
- package/lib/module/components/radio/RadioButtonLabel.js +3 -1
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/switch/SwitchLabel.js +3 -2
- package/lib/module/components/switch/SwitchLabel.js.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +4 -5
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts +6 -0
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/CheckboxLabel.tsx +4 -1
- package/src/components/layout/HeaderFirstLevel.tsx +11 -9
- package/src/components/layout/HeaderSecondLevel.tsx +10 -4
- package/src/components/listitems/ListItemCheckbox.tsx +2 -2
- package/src/components/listitems/ListItemNav.tsx +27 -10
- package/src/components/listitems/ListItemRadio.tsx +17 -6
- package/src/components/listitems/ListItemRadioWithAmount.tsx +10 -6
- package/src/components/listitems/ListItemSwitch.tsx +19 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +68 -8
- package/src/components/radio/RadioButtonLabel.tsx +4 -1
- package/src/components/switch/SwitchLabel.tsx +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","AnimatedCheckbox","Icon","HSpacer","VSpacer","H6","LabelSmall","DISABLED_OPACITY","ListItemCheckbox","_ref","_IOScaleValues$basicB","value","description","icon","selected","accessibilityLabel","disabled","onValueChange","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleCheckbox","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable, View } from "react-native";
|
|
2
|
+
import { Image, Pressable, StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
|
+
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
5
|
import { Badge } from "../badge";
|
|
6
6
|
import { Icon } from "../icons";
|
|
7
|
-
import { LogoPayment } from "../logos";
|
|
8
7
|
import { HSpacer, VSpacer } from "../spacer";
|
|
9
8
|
import { Caption, H6, LabelSmall } from "../typography";
|
|
10
9
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
10
|
+
const styles = StyleSheet.create({
|
|
11
|
+
paymentLogoSize: {
|
|
12
|
+
width: IOSelectionListItemVisualParams.iconSize,
|
|
13
|
+
height: IOSelectionListItemVisualParams.iconSize
|
|
14
|
+
}
|
|
15
|
+
});
|
|
11
16
|
export const ListItemNav = _ref => {
|
|
12
17
|
var _IOScaleValues$basicB;
|
|
13
18
|
let {
|
|
@@ -16,7 +21,7 @@ export const ListItemNav = _ref => {
|
|
|
16
21
|
onPress,
|
|
17
22
|
icon,
|
|
18
23
|
iconColor = "grey-450",
|
|
19
|
-
|
|
24
|
+
paymentLogoUri,
|
|
20
25
|
accessibilityLabel,
|
|
21
26
|
testID,
|
|
22
27
|
hideChevron = false,
|
|
@@ -114,13 +119,15 @@ export const ListItemNav = _ref => {
|
|
|
114
119
|
name: icon,
|
|
115
120
|
color: iconColor,
|
|
116
121
|
size: IOListItemVisualParams.iconSize
|
|
117
|
-
})),
|
|
122
|
+
})), paymentLogoUri && /*#__PURE__*/React.createElement(View, {
|
|
118
123
|
style: {
|
|
119
124
|
marginRight: IOListItemVisualParams.iconMargin
|
|
120
125
|
}
|
|
121
|
-
}, /*#__PURE__*/React.createElement(
|
|
122
|
-
|
|
123
|
-
|
|
126
|
+
}, /*#__PURE__*/React.createElement(Image, {
|
|
127
|
+
source: {
|
|
128
|
+
uri: paymentLogoUri
|
|
129
|
+
},
|
|
130
|
+
style: styles.paymentLogoSize
|
|
124
131
|
})), /*#__PURE__*/React.createElement(View, {
|
|
125
132
|
style: IOStyles.flex
|
|
126
133
|
}, listItemNavContent), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Badge","Icon","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Image","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Badge","Icon","HSpacer","VSpacer","Caption","H6","LabelSmall","LoadingSpinner","styles","create","paymentLogoSize","width","iconSize","height","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","paymentLogoUri","accessibilityLabel","testID","hideChevron","topElement","loading","isPressed","isExperimental","theme","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","name","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","handleOnPress","event","primaryColor","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","source","uri","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1,19 +1,26 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useCallback, useState } from "react";
|
|
3
|
-
import { Pressable, View } from "react-native";
|
|
3
|
+
import { Image, Pressable, StyleSheet, View } from "react-native";
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
5
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
6
6
|
import Placeholder from "rn-placeholder";
|
|
7
7
|
import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
8
8
|
import { Icon } from "../icons";
|
|
9
|
+
import { LogoPayment } from "../logos";
|
|
10
|
+
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
9
11
|
import { HSpacer, VSpacer } from "../spacer";
|
|
10
12
|
import { H6, LabelSmall } from "../typography";
|
|
11
|
-
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
12
|
-
import { LogoPayment } from "../logos";
|
|
13
13
|
const DISABLED_OPACITY = 0.5;
|
|
14
14
|
|
|
15
15
|
// disabled: the component is no longer touchable
|
|
16
16
|
// onPress:
|
|
17
|
+
const styles = StyleSheet.create({
|
|
18
|
+
imageSize: {
|
|
19
|
+
width: IOSelectionListItemVisualParams.iconSize,
|
|
20
|
+
height: IOSelectionListItemVisualParams.iconSize
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
|
|
17
24
|
/**
|
|
18
25
|
* `ListItemRadio` component with the automatic state management that uses a {@link AnimatedCheckBox}
|
|
19
26
|
* The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
|
|
@@ -162,11 +169,14 @@ export const ListItemRadio = _ref => {
|
|
|
162
169
|
name: startImage.icon,
|
|
163
170
|
color: "grey-300",
|
|
164
171
|
size: IOSelectionListItemVisualParams.iconSize
|
|
172
|
+
}), startImage.uri && /*#__PURE__*/React.createElement(Image, {
|
|
173
|
+
source: startImage,
|
|
174
|
+
style: styles.imageSize
|
|
165
175
|
}), startImage.paymentLogo && /*#__PURE__*/React.createElement(LogoPayment, {
|
|
166
176
|
name: startImage.paymentLogo,
|
|
167
177
|
size: IOSelectionListItemVisualParams.iconSize
|
|
168
178
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
169
|
-
color: "
|
|
179
|
+
color: theme["textBody-default"],
|
|
170
180
|
style: {
|
|
171
181
|
flexShrink: 1
|
|
172
182
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Image","Pressable","StyleSheet","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmall","DISABLED_OPACITY","styles","create","imageSize","width","iconSize","height","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","startImage","selected","disabled","onValueChange","loadingProps","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","Fragment","size","Box","animate","radius","SkeletonIcon","style","marginRight","iconMargin","SkeletonComponent","listItem","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","pointerEvents","checked","skeletonDescription","state","onPress","onPressIn","onPressOut","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","uri","source","paymentLogo","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../core";
|
|
5
5
|
import { Icon } from "../icons";
|
|
6
6
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
7
7
|
import { HSpacer, VSpacer } from "../spacer";
|
|
@@ -17,14 +17,18 @@ export const ListItemRadioWithAmount = props => {
|
|
|
17
17
|
props.onValueChange(!toggleValue);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
const
|
|
21
|
-
isExperimental
|
|
22
|
-
} = useIOExperimentalDesign();
|
|
23
|
-
const interactiveColor = isExperimental ? "blueIO-500" : "blue";
|
|
20
|
+
const theme = useIOTheme();
|
|
24
21
|
const suggestColor = "hanPurple-500";
|
|
25
22
|
return /*#__PURE__*/React.createElement(PressableListItemBase, {
|
|
26
23
|
onPress: pressHandler
|
|
27
|
-
}, /*#__PURE__*/React.createElement(View,
|
|
24
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
25
|
+
style: {
|
|
26
|
+
flexShrink: 1
|
|
27
|
+
}
|
|
28
|
+
}, /*#__PURE__*/React.createElement(LabelSmallAlt, {
|
|
29
|
+
numberOfLines: 1,
|
|
30
|
+
color: theme["textBody-default"]
|
|
31
|
+
}, props.label, " con nome molto molto lungo"), props.isSuggested && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
28
32
|
size: 4
|
|
29
33
|
}), /*#__PURE__*/React.createElement(View, {
|
|
30
34
|
style: styles.rowCenter
|
|
@@ -42,8 +46,10 @@ export const ListItemRadioWithAmount = props => {
|
|
|
42
46
|
style: {
|
|
43
47
|
flexDirection: "row"
|
|
44
48
|
}
|
|
45
|
-
}, /*#__PURE__*/React.createElement(
|
|
46
|
-
|
|
49
|
+
}, /*#__PURE__*/React.createElement(HSpacer, {
|
|
50
|
+
size: 8
|
|
51
|
+
}), /*#__PURE__*/React.createElement(H6, {
|
|
52
|
+
color: theme["interactiveElem-default"]
|
|
47
53
|
}, props.formattedAmountString), /*#__PURE__*/React.createElement(HSpacer, {
|
|
48
54
|
size: 8
|
|
49
55
|
}), /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmallAlt","LabelSmall","PressableListItemBase","ListItemRadioWithAmount","props","toggleValue","setToggleValue","useState","selected","pressHandler","trigger","val","onValueChange","undefined","theme","suggestColor","createElement","onPress","style","flexShrink","numberOfLines","color","label","isSuggested","Fragment","size","styles","rowCenter","name","weight","suggestReason","pointerEvents","flexDirection","formattedAmountString","checked","create","alignItems"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"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"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
import React, { useMemo } from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams,
|
|
3
|
+
import { Platform, View } from "react-native";
|
|
4
|
+
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, useIOTheme } from "../../core";
|
|
5
|
+
import { Badge } from "../badge";
|
|
4
6
|
import { Icon } from "../icons";
|
|
7
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
8
|
+
import { LogoPayment } from "../logos";
|
|
5
9
|
import { HSpacer, VSpacer } from "../spacer";
|
|
6
|
-
import { H6, LabelSmall, LabelLink } from "../typography";
|
|
7
10
|
import { NativeSwitch } from "../switch/NativeSwitch";
|
|
8
|
-
import {
|
|
9
|
-
import { LogoPayment } from "../logos";
|
|
10
|
-
import { LoadingSpinner } from "../loadingSpinner";
|
|
11
|
+
import { H6, LabelLink, LabelSmall } from "../typography";
|
|
11
12
|
const DISABLED_OPACITY = 0.5;
|
|
12
13
|
|
|
13
14
|
/* Estimated height of the native switch component,
|
|
@@ -26,15 +27,11 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
26
27
|
badge,
|
|
27
28
|
onSwitchValueChange
|
|
28
29
|
} = _ref;
|
|
29
|
-
const {
|
|
30
|
-
isExperimental
|
|
31
|
-
} = useIOExperimentalDesign();
|
|
32
30
|
const theme = useIOTheme();
|
|
33
31
|
|
|
34
32
|
// If we have a badge or we are loading, we can't render the switch
|
|
35
33
|
// this affects the accessibility tree and the rendering of the component
|
|
36
34
|
const canRenderSwitch = useMemo(() => !isLoading && !badge, [isLoading, badge]);
|
|
37
|
-
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
38
35
|
return /*#__PURE__*/React.createElement(View, {
|
|
39
36
|
testID: "ListItemSwitch",
|
|
40
37
|
style: [IOSelectionListItemStyles.listItem, {
|
|
@@ -48,15 +45,18 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
48
45
|
alignItems: "center"
|
|
49
46
|
}],
|
|
50
47
|
accessible: false
|
|
51
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
48
|
+
}, /*#__PURE__*/React.createElement(View, _extends({
|
|
52
49
|
style: {
|
|
53
50
|
flex: 1,
|
|
54
51
|
flexDirection: "row",
|
|
55
52
|
alignItems: "center"
|
|
56
53
|
},
|
|
57
|
-
accessible: !canRenderSwitch
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
accessible: !canRenderSwitch
|
|
55
|
+
}, Platform.select({
|
|
56
|
+
android: {
|
|
57
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
58
|
+
}
|
|
59
|
+
})), icon && /*#__PURE__*/React.createElement(View, {
|
|
60
60
|
style: {
|
|
61
61
|
marginRight: IOSelectionListItemVisualParams.iconMargin,
|
|
62
62
|
alignSelf: "flex-start"
|
|
@@ -74,7 +74,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
74
74
|
name: paymentLogo,
|
|
75
75
|
size: IOSelectionListItemVisualParams.iconSize
|
|
76
76
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
77
|
-
color: "
|
|
77
|
+
color: theme["textBody-default"],
|
|
78
78
|
style: {
|
|
79
79
|
flex: 1
|
|
80
80
|
},
|
|
@@ -94,7 +94,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
94
94
|
testID: badge.testID
|
|
95
95
|
}), isLoading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
96
96
|
size: 24,
|
|
97
|
-
color:
|
|
97
|
+
color: theme["interactiveElem-default"]
|
|
98
98
|
}), canRenderSwitch && /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
99
99
|
value: value,
|
|
100
100
|
accessibilityLabel: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Platform","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","useIOTheme","Badge","Icon","LoadingSpinner","LogoPayment","HSpacer","VSpacer","NativeSwitch","H6","LabelLink","LabelSmall","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","canRenderSwitch","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","_extends","flex","flexDirection","select","android","importantForAccessibility","marginRight","iconMargin","alignSelf","name","color","size","iconSize","justifyContent","minHeight","text","variant","accessibilityLabel","onValueChange","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
|
|
@@ -970,7 +970,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
970
970
|
]
|
|
971
971
|
}
|
|
972
972
|
>
|
|
973
|
-
<View
|
|
973
|
+
<View
|
|
974
|
+
style={
|
|
975
|
+
{
|
|
976
|
+
"flexShrink": 1,
|
|
977
|
+
}
|
|
978
|
+
}
|
|
979
|
+
>
|
|
974
980
|
<Text
|
|
975
981
|
allowFontScaling={false}
|
|
976
982
|
color="black"
|
|
@@ -983,6 +989,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
983
989
|
"lineHeight": 21,
|
|
984
990
|
}
|
|
985
991
|
}
|
|
992
|
+
numberOfLines={1}
|
|
986
993
|
style={
|
|
987
994
|
[
|
|
988
995
|
{
|
|
@@ -1000,6 +1007,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1000
1007
|
weight="Regular"
|
|
1001
1008
|
>
|
|
1002
1009
|
label
|
|
1010
|
+
con nome molto molto lungo
|
|
1003
1011
|
</Text>
|
|
1004
1012
|
<View
|
|
1005
1013
|
style={
|
|
@@ -1114,6 +1122,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1114
1122
|
}
|
|
1115
1123
|
}
|
|
1116
1124
|
>
|
|
1125
|
+
<View
|
|
1126
|
+
style={
|
|
1127
|
+
{
|
|
1128
|
+
"width": 8,
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
/>
|
|
1117
1132
|
<Text
|
|
1118
1133
|
allowFontScaling={false}
|
|
1119
1134
|
color="blueIO-500"
|
|
@@ -1354,7 +1369,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1354
1369
|
]
|
|
1355
1370
|
}
|
|
1356
1371
|
>
|
|
1357
|
-
<View
|
|
1372
|
+
<View
|
|
1373
|
+
style={
|
|
1374
|
+
{
|
|
1375
|
+
"flexShrink": 1,
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
>
|
|
1358
1379
|
<Text
|
|
1359
1380
|
allowFontScaling={false}
|
|
1360
1381
|
color="black"
|
|
@@ -1367,6 +1388,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1367
1388
|
"lineHeight": 21,
|
|
1368
1389
|
}
|
|
1369
1390
|
}
|
|
1391
|
+
numberOfLines={1}
|
|
1370
1392
|
style={
|
|
1371
1393
|
[
|
|
1372
1394
|
{
|
|
@@ -1384,6 +1406,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1384
1406
|
weight="Regular"
|
|
1385
1407
|
>
|
|
1386
1408
|
label
|
|
1409
|
+
con nome molto molto lungo
|
|
1387
1410
|
</Text>
|
|
1388
1411
|
</View>
|
|
1389
1412
|
<View
|
|
@@ -1394,6 +1417,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1394
1417
|
}
|
|
1395
1418
|
}
|
|
1396
1419
|
>
|
|
1420
|
+
<View
|
|
1421
|
+
style={
|
|
1422
|
+
{
|
|
1423
|
+
"width": 8,
|
|
1424
|
+
}
|
|
1425
|
+
}
|
|
1426
|
+
/>
|
|
1397
1427
|
<Text
|
|
1398
1428
|
allowFontScaling={false}
|
|
1399
1429
|
color="blueIO-500"
|
|
@@ -2702,7 +2732,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2702
2732
|
]
|
|
2703
2733
|
}
|
|
2704
2734
|
>
|
|
2705
|
-
<View
|
|
2735
|
+
<View
|
|
2736
|
+
style={
|
|
2737
|
+
{
|
|
2738
|
+
"flexShrink": 1,
|
|
2739
|
+
}
|
|
2740
|
+
}
|
|
2741
|
+
>
|
|
2706
2742
|
<Text
|
|
2707
2743
|
allowFontScaling={false}
|
|
2708
2744
|
color="black"
|
|
@@ -2715,6 +2751,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2715
2751
|
"lineHeight": 21,
|
|
2716
2752
|
}
|
|
2717
2753
|
}
|
|
2754
|
+
numberOfLines={1}
|
|
2718
2755
|
style={
|
|
2719
2756
|
[
|
|
2720
2757
|
{
|
|
@@ -2732,6 +2769,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2732
2769
|
weight="SemiBold"
|
|
2733
2770
|
>
|
|
2734
2771
|
label
|
|
2772
|
+
con nome molto molto lungo
|
|
2735
2773
|
</Text>
|
|
2736
2774
|
<View
|
|
2737
2775
|
style={
|
|
@@ -2846,9 +2884,16 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2846
2884
|
}
|
|
2847
2885
|
}
|
|
2848
2886
|
>
|
|
2887
|
+
<View
|
|
2888
|
+
style={
|
|
2889
|
+
{
|
|
2890
|
+
"width": 8,
|
|
2891
|
+
}
|
|
2892
|
+
}
|
|
2893
|
+
/>
|
|
2849
2894
|
<Text
|
|
2850
2895
|
allowFontScaling={false}
|
|
2851
|
-
color="
|
|
2896
|
+
color="blueIO-500"
|
|
2852
2897
|
defaultColor="black"
|
|
2853
2898
|
defaultWeight="SemiBold"
|
|
2854
2899
|
font="TitilliumWeb"
|
|
@@ -2865,7 +2910,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2865
2910
|
"lineHeight": 25,
|
|
2866
2911
|
},
|
|
2867
2912
|
{
|
|
2868
|
-
"color": "#
|
|
2913
|
+
"color": "#0B3EE3",
|
|
2869
2914
|
"fontFamily": "Titillium Web",
|
|
2870
2915
|
"fontStyle": "normal",
|
|
2871
2916
|
"fontWeight": "600",
|
|
@@ -3086,7 +3131,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3086
3131
|
]
|
|
3087
3132
|
}
|
|
3088
3133
|
>
|
|
3089
|
-
<View
|
|
3134
|
+
<View
|
|
3135
|
+
style={
|
|
3136
|
+
{
|
|
3137
|
+
"flexShrink": 1,
|
|
3138
|
+
}
|
|
3139
|
+
}
|
|
3140
|
+
>
|
|
3090
3141
|
<Text
|
|
3091
3142
|
allowFontScaling={false}
|
|
3092
3143
|
color="black"
|
|
@@ -3099,6 +3150,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3099
3150
|
"lineHeight": 21,
|
|
3100
3151
|
}
|
|
3101
3152
|
}
|
|
3153
|
+
numberOfLines={1}
|
|
3102
3154
|
style={
|
|
3103
3155
|
[
|
|
3104
3156
|
{
|
|
@@ -3116,6 +3168,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3116
3168
|
weight="SemiBold"
|
|
3117
3169
|
>
|
|
3118
3170
|
label
|
|
3171
|
+
con nome molto molto lungo
|
|
3119
3172
|
</Text>
|
|
3120
3173
|
</View>
|
|
3121
3174
|
<View
|
|
@@ -3126,9 +3179,16 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3126
3179
|
}
|
|
3127
3180
|
}
|
|
3128
3181
|
>
|
|
3182
|
+
<View
|
|
3183
|
+
style={
|
|
3184
|
+
{
|
|
3185
|
+
"width": 8,
|
|
3186
|
+
}
|
|
3187
|
+
}
|
|
3188
|
+
/>
|
|
3129
3189
|
<Text
|
|
3130
3190
|
allowFontScaling={false}
|
|
3131
|
-
color="
|
|
3191
|
+
color="blueIO-500"
|
|
3132
3192
|
defaultColor="black"
|
|
3133
3193
|
defaultWeight="SemiBold"
|
|
3134
3194
|
font="TitilliumWeb"
|
|
@@ -3145,7 +3205,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3145
3205
|
"lineHeight": 25,
|
|
3146
3206
|
},
|
|
3147
3207
|
{
|
|
3148
|
-
"color": "#
|
|
3208
|
+
"color": "#0B3EE3",
|
|
3149
3209
|
"fontFamily": "Titillium Web",
|
|
3150
3210
|
"fontStyle": "normal",
|
|
3151
3211
|
"fontWeight": "600",
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Pressable, View } from "react-native";
|
|
4
|
+
import { useIOTheme } from "../../core";
|
|
4
5
|
import { IOStyles } from "../../core/IOStyles";
|
|
5
6
|
import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
|
|
6
7
|
import { HSpacer } from "../spacer/Spacer";
|
|
@@ -24,6 +25,7 @@ export const RadioButtonLabel = _ref => {
|
|
|
24
25
|
disabled,
|
|
25
26
|
onValueChange
|
|
26
27
|
} = _ref;
|
|
28
|
+
const theme = useIOTheme();
|
|
27
29
|
const [toggleValue, setToggleValue] = useState(checked ?? false);
|
|
28
30
|
const toggleRadioButton = () => {
|
|
29
31
|
triggerHaptic("impactLight");
|
|
@@ -56,7 +58,7 @@ export const RadioButtonLabel = _ref => {
|
|
|
56
58
|
style: {
|
|
57
59
|
flexShrink: 1
|
|
58
60
|
},
|
|
59
|
-
color: "
|
|
61
|
+
color: theme["textBody-default"]
|
|
60
62
|
}, label)));
|
|
61
63
|
};
|
|
62
64
|
//# sourceMappingURL=RadioButtonLabel.js.map
|