@pagopa/io-app-design-system 1.13.1 → 1.15.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/avatar/Avatar.js +22 -6
- package/lib/commonjs/components/avatar/Avatar.js.map +1 -1
- package/lib/commonjs/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap +17 -4
- package/lib/commonjs/components/avatar/__test__/avatar.test.js +3 -8
- package/lib/commonjs/components/avatar/__test__/avatar.test.js.map +1 -1
- package/lib/commonjs/components/avatar/index.js +0 -11
- package/lib/commonjs/components/avatar/index.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +46 -5
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +9 -8
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/lib/commonjs/components/icons/svg/IconInstitution.js +3 -3
- package/lib/commonjs/components/icons/svg/IconInstitution.js.map +1 -1
- package/lib/commonjs/components/icons/svg/originals/IconInstitution.svg +2 -7
- package/lib/commonjs/components/listitems/ListItemNav.js +9 -0
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +28 -10
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +1 -1
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +3 -3
- package/lib/commonjs/components/modules/ModuleIDP.js +6 -49
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/modules/ModulePaymentNotice.js +15 -51
- package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +44 -0
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -0
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +41 -0
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +1 -0
- package/lib/commonjs/components/modules/index.js +11 -0
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +5 -3
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +6 -5
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +1 -0
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +18 -2
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/stories/ModuleIDP.stories.js +45 -0
- package/lib/commonjs/stories/ModuleIDP.stories.js.map +1 -0
- package/lib/commonjs/utils/textInput/index.js +2 -1
- package/lib/commonjs/utils/textInput/index.js.map +1 -1
- package/lib/module/components/avatar/Avatar.js +24 -8
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap +17 -4
- package/lib/module/components/avatar/__test__/avatar.test.js +3 -8
- package/lib/module/components/avatar/__test__/avatar.test.js.map +1 -1
- package/lib/module/components/avatar/index.js +0 -1
- package/lib/module/components/avatar/index.js.map +1 -1
- package/lib/module/components/badge/Badge.js +44 -4
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +9 -8
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/lib/module/components/icons/svg/IconInstitution.js +3 -3
- package/lib/module/components/icons/svg/IconInstitution.js.map +1 -1
- package/lib/module/components/icons/svg/originals/IconInstitution.svg +2 -7
- package/lib/module/components/listitems/ListItemNav.js +9 -0
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +28 -11
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +1 -1
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +3 -3
- package/lib/module/components/modules/ModuleIDP.js +8 -52
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/modules/ModulePaymentNotice.js +17 -54
- package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +34 -0
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -0
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +34 -0
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +1 -0
- package/lib/module/components/modules/index.js +1 -0
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +5 -3
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +6 -5
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/core/IOColors.js +1 -0
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOStyles.js +15 -0
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/stories/ModuleIDP.stories.js +37 -0
- package/lib/module/stories/ModuleIDP.stories.js.map +1 -0
- package/lib/module/utils/textInput/index.js +2 -1
- package/lib/module/utils/textInput/index.js.map +1 -1
- package/lib/typescript/components/avatar/Avatar.d.ts +2 -2
- package/lib/typescript/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/avatar/index.d.ts +0 -1
- package/lib/typescript/components/avatar/index.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts +2 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +14 -3
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.d.ts +5 -7
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts +10 -0
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -0
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +10 -0
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +1 -0
- package/lib/typescript/components/modules/index.d.ts +1 -0
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts +2 -2
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts +5 -5
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +1 -0
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +13 -0
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/stories/ModuleIDP.stories.d.ts +24 -0
- package/lib/typescript/stories/ModuleIDP.stories.d.ts.map +1 -0
- package/lib/typescript/utils/textInput/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/avatar/Avatar.tsx +63 -24
- package/src/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap +17 -4
- package/src/components/avatar/__test__/avatar.test.tsx +1 -8
- package/src/components/avatar/index.tsx +0 -1
- package/src/components/badge/Badge.tsx +63 -7
- package/src/components/banner/Banner.tsx +9 -6
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/src/components/icons/svg/IconInstitution.tsx +2 -2
- package/src/components/icons/svg/originals/IconInstitution.svg +2 -7
- package/src/components/listitems/ListItemNav.tsx +19 -5
- package/src/components/listitems/ListItemSwitch.tsx +37 -12
- package/src/components/listitems/ListItemTransaction.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +1 -1
- package/src/components/loadingSpinner/LoadingSpinner.tsx +3 -3
- package/src/components/modules/ModuleIDP.tsx +16 -86
- package/src/components/modules/ModulePaymentNotice.tsx +14 -77
- package/src/components/modules/PressableModuleBase.tsx +45 -0
- package/src/components/modules/hooks/useModuleSpringAnimation.ts +49 -0
- package/src/components/modules/index.tsx +1 -0
- package/src/components/switch/NativeSwitch.tsx +10 -2
- package/src/components/textInput/TextInputBase.tsx +16 -9
- package/src/core/IOColors.ts +2 -0
- package/src/core/IOStyles.ts +22 -1
- package/src/stories/ModuleIDP.stories.tsx +44 -0
- package/src/utils/textInput/index.ts +2 -1
- package/lib/commonjs/components/avatar/MultiImage.js +0 -47
- package/lib/commonjs/components/avatar/MultiImage.js.map +0 -1
- package/lib/module/components/avatar/MultiImage.js +0 -39
- package/lib/module/components/avatar/MultiImage.js.map +0 -1
- package/lib/typescript/components/avatar/MultiImage.d.ts +0 -22
- package/lib/typescript/components/avatar/MultiImage.d.ts.map +0 -1
- package/src/components/avatar/MultiImage.tsx +0 -57
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import { Platform, StyleSheet, Text, View } from "react-native";
|
|
3
3
|
import { IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIOExperimentalDesign } from "../../core";
|
|
4
4
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
@@ -44,6 +44,38 @@ const mapVariants = {
|
|
|
44
44
|
background: "white"
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
+
const mapOutlineVariants = {
|
|
48
|
+
default: {
|
|
49
|
+
foreground: "grey-700"
|
|
50
|
+
},
|
|
51
|
+
info: {
|
|
52
|
+
foreground: "info-850"
|
|
53
|
+
},
|
|
54
|
+
warning: {
|
|
55
|
+
foreground: "warning-850"
|
|
56
|
+
},
|
|
57
|
+
success: {
|
|
58
|
+
foreground: "success-850"
|
|
59
|
+
},
|
|
60
|
+
error: {
|
|
61
|
+
foreground: "error-850"
|
|
62
|
+
},
|
|
63
|
+
purple: {
|
|
64
|
+
foreground: "hanPurple-850"
|
|
65
|
+
},
|
|
66
|
+
lightBlue: {
|
|
67
|
+
foreground: "blueIO-850"
|
|
68
|
+
},
|
|
69
|
+
blue: {
|
|
70
|
+
foreground: "blueIO-500"
|
|
71
|
+
},
|
|
72
|
+
turquoise: {
|
|
73
|
+
foreground: "turquoise-850"
|
|
74
|
+
},
|
|
75
|
+
contrast: {
|
|
76
|
+
foreground: "grey-850"
|
|
77
|
+
}
|
|
78
|
+
};
|
|
47
79
|
const styles = StyleSheet.create({
|
|
48
80
|
badge: {
|
|
49
81
|
flexDirection: "row",
|
|
@@ -80,22 +112,30 @@ const styles = StyleSheet.create({
|
|
|
80
112
|
export const Badge = _ref => {
|
|
81
113
|
let {
|
|
82
114
|
text,
|
|
115
|
+
outline = false,
|
|
83
116
|
variant,
|
|
84
117
|
testID
|
|
85
118
|
} = _ref;
|
|
86
119
|
const {
|
|
87
120
|
isExperimental
|
|
88
121
|
} = useIOExperimentalDesign();
|
|
122
|
+
const {
|
|
123
|
+
background,
|
|
124
|
+
foreground
|
|
125
|
+
} = useMemo(() => (outline ? mapOutlineVariants : mapVariants)[variant], [outline, variant]);
|
|
89
126
|
return /*#__PURE__*/React.createElement(View, {
|
|
90
127
|
testID: testID,
|
|
91
|
-
style: [styles.badge, {
|
|
92
|
-
|
|
128
|
+
style: [styles.badge, outline ? {
|
|
129
|
+
borderWidth: 1,
|
|
130
|
+
borderColor: IOColors[foreground]
|
|
131
|
+
} : {
|
|
132
|
+
backgroundColor: background ? IOColors[background] : undefined
|
|
93
133
|
}]
|
|
94
134
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
95
135
|
numberOfLines: 1,
|
|
96
136
|
ellipsizeMode: "tail",
|
|
97
137
|
style: [styles.label, isExperimental ? styles.labelFont : styles.legacyLabelFont, {
|
|
98
|
-
color: IOColors[
|
|
138
|
+
color: IOColors[foreground]
|
|
99
139
|
}]
|
|
100
140
|
}, text));
|
|
101
141
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","Text","View","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","makeFontStyleObject","mapVariants","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderRadius","paddingHorizontal","paddingVertical","label","fontSize","lineHeight","alignSelf","textTransform","flexShrink","labelFont","legacyLabelFont","Badge","_ref","text","variant","testID","isExperimental","createElement","style","backgroundColor","numberOfLines","ellipsizeMode","color"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"AAAA,OAAOA,KAAK,
|
|
1
|
+
{"version":3,"names":["React","useMemo","Platform","StyleSheet","Text","View","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","makeFontStyleObject","mapVariants","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","mapOutlineVariants","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderRadius","paddingHorizontal","paddingVertical","label","fontSize","lineHeight","alignSelf","textTransform","flexShrink","labelFont","legacyLabelFont","Badge","_ref","text","outline","variant","testID","isExperimental","createElement","style","borderWidth","borderColor","backgroundColor","undefined","numberOfLines","ellipsizeMode","color"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
|
|
@@ -107,7 +107,13 @@ export const Banner = _ref => {
|
|
|
107
107
|
isPressed.value = 0;
|
|
108
108
|
}, [isPressed]);
|
|
109
109
|
const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
110
|
-
style: [IOStyles.flex, IOStyles.selfCenter]
|
|
110
|
+
style: [IOStyles.flex, IOStyles.selfCenter],
|
|
111
|
+
accessible: true
|
|
112
|
+
// A11y related props
|
|
113
|
+
,
|
|
114
|
+
accessibilityLabel: accessibilityLabel,
|
|
115
|
+
accessibilityHint: accessibilityHint,
|
|
116
|
+
accessibilityRole: action !== undefined ? "button" : undefined
|
|
111
117
|
}, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
|
|
112
118
|
color: colorTitle
|
|
113
119
|
}, title), /*#__PURE__*/React.createElement(VSpacer, {
|
|
@@ -148,13 +154,8 @@ export const Banner = _ref => {
|
|
|
148
154
|
testID: testID,
|
|
149
155
|
onPress: onPress,
|
|
150
156
|
onPressIn: onPressIn,
|
|
151
|
-
onPressOut: onPressOut
|
|
152
|
-
|
|
153
|
-
,
|
|
154
|
-
accessible: true,
|
|
155
|
-
accessibilityLabel: accessibilityLabel,
|
|
156
|
-
accessibilityHint: accessibilityHint,
|
|
157
|
-
accessibilityRole: "button"
|
|
157
|
+
onPressOut: onPressOut,
|
|
158
|
+
accessible: false
|
|
158
159
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
159
160
|
style: [styles.container, dynamicContainerStyles(size, color), pressedAnimationStyle]
|
|
160
161
|
}, renderMainBlock()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","IOColors","ButtonLink","IconButton","PictogramBleed","VSpacer","H6","LabelSmall","colorTitle","colorContent","colorCloseButton","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","dynamicContainerStyles","size","color","backgroundColor","mapBackgroundColor","paddingVertical","paddingHorizontal","bannerBackgroundColours","neutral","turquoise","Banner","_ref","_IOScaleValues$magnif","viewRef","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","isPressed","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","renderMainBlock","createElement","Fragment","style","flex","selfCenter","weight","pointerEvents","label","pictogramStyle","name","icon","PressableButton","ref","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","IOColors","ButtonLink","IconButton","PictogramBleed","VSpacer","H6","LabelSmall","colorTitle","colorContent","colorCloseButton","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","dynamicContainerStyles","size","color","backgroundColor","mapBackgroundColor","paddingVertical","paddingHorizontal","bannerBackgroundColours","neutral","turquoise","Banner","_ref","_IOScaleValues$magnif","viewRef","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","isPressed","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","label","pictogramStyle","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
4
4
|
<View
|
|
5
|
-
accessibilityRole="button"
|
|
6
5
|
accessibilityState={
|
|
7
6
|
{
|
|
8
7
|
"busy": undefined,
|
|
@@ -20,7 +19,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
20
19
|
"text": undefined,
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
|
-
accessible={
|
|
22
|
+
accessible={false}
|
|
24
23
|
collapsable={false}
|
|
25
24
|
focusable={true}
|
|
26
25
|
onBlur={[Function]}
|
|
@@ -58,6 +57,8 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
58
57
|
}
|
|
59
58
|
>
|
|
60
59
|
<View
|
|
60
|
+
accessibilityRole="button"
|
|
61
|
+
accessible={true}
|
|
61
62
|
style={
|
|
62
63
|
[
|
|
63
64
|
{
|
|
@@ -13,10 +13,10 @@ const IconInstitution = _ref => {
|
|
|
13
13
|
viewBox: "0 0 24 24",
|
|
14
14
|
style: style
|
|
15
15
|
}, props), /*#__PURE__*/React.createElement(Path, {
|
|
16
|
+
fill: "currentColor",
|
|
16
17
|
fillRule: "evenodd",
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
fill: "currentColor"
|
|
18
|
+
d: "M10.402 2.685a2.997 2.997 0 0 1 3.219 0l7.918 5.04a.999.999 0 0 1 .463.842l-.023 1.423H1.999l.022-1.423c0-.342.174-.66.463-.843l7.918-5.039ZM14.693.999A4.995 4.995 0 0 0 9.33 1L1.41 6.04A2.997 2.997 0 0 0 .024 8.566L0 10.989a1 1 0 0 0 .999 1h1v9.99h-1a.999.999 0 1 0 0 1.998H22.978a1 1 0 0 0 0-1.998h-.999v-9.99h1a1 1 0 0 0 .998-1L24 8.567a2.997 2.997 0 0 0-1.388-2.529L14.693 1ZM5.994 21.98H3.996v-9.99h1.998v9.99Zm9.99-9.99v9.99H7.993v-9.99h7.993Zm3.997 9.99h-1.998v-9.99h1.998v9.99ZM13.51 6.471a1.499 1.499 0 1 1-2.997 0 1.499 1.499 0 0 1 2.997 0Z",
|
|
19
|
+
clipRule: "evenodd"
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
22
22
|
export default IconInstitution;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Path","IconInstitution","_ref","size","style","props","createElement","_extends","width","height","viewBox","
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","IconInstitution","_ref","size","style","props","createElement","_extends","width","height","viewBox","fill","fillRule","d","clipRule"],"sourceRoot":"../../../../../src","sources":["components/icons/svg/IconInstitution.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAG5C,MAAMC,eAAe,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAoB,CAAC,GAAAH,IAAA;EAAA,oBAC9DJ,KAAA,CAAAQ,aAAA,CAACP,GAAG,EAAAQ,QAAA;IAACC,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACN,KAAK,EAAEA;EAAM,GAAKC,KAAK,gBACzEP,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHW,IAAI,EAAC,cAAc;IACnBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,wiBAAwiB;IAC1iBC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CACP;AAED,eAAeb,eAAe"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
<svg fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
2
|
-
|
|
3
|
-
fill-rule="evenodd"
|
|
4
|
-
clip-rule="evenodd"
|
|
5
|
-
d="M10.4023 2.68517c.9818-.62476 2.2365-.62476 3.2182 0l7.9187 5.03918a.999.999 0 0 1 .4627.84286l-.0229 1.42337H1.99809l.02288-1.42337a.99903.99903 0 0 1 .46269-.84286l7.91864-5.03918Zm4.291-1.68572c-1.6363-1.04126-3.7274-1.04126-5.36368 0L1.41093 6.03864C.54641 6.58878.02288 7.54248.02288 8.56721L0 10.9896c0 .5518.44729.9991.99905.9991h.99904v9.9905H.99905c-.55176 0-.99905.4473-.99905.999 0 .5518.44729.9991.99905.9991H22.9781c.5517 0 .999-.4473.999-.9991 0-.5517-.4473-.999-.999-.999h-.9991v-9.9905h.9991c.5517 0 .999-.4473.999-.9991L24 8.56721c0-1.02473-.5235-1.97843-1.388-2.52858L14.6933.99945ZM5.99428 21.9792H3.99619v-9.9905h1.99809v9.9905Zm9.99042-9.9905v9.9905H7.99237v-9.9905h7.99233Zm3.9962 9.9905h-1.9981v-9.9905h1.9981v9.9905ZM13.51 6.47125c0 .82764-.6709 1.49857-1.4986 1.49857-.8276 0-1.4985-.67093-1.4985-1.49857 0-.82764.6709-1.49858 1.4985-1.49858.8277 0 1.4986.67094 1.4986 1.49858Z"
|
|
6
|
-
fill="#0E0F13"
|
|
7
|
-
/>
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4023 2.68497C11.3841 2.06021 12.6388 2.06021 13.6205 2.68497L21.5392 7.72414C21.8274 7.90752 22.0019 8.22542 22.0019 8.56699L21.979 9.99037H1.99809L2.02097 8.56699C2.02097 8.22542 2.19548 7.90752 2.48366 7.72414L10.4023 2.68497ZM14.6933 0.999255C13.057 -0.0420089 10.9659 -0.0420063 9.32962 0.999256L1.41093 6.03842C0.54641 6.58857 0.0228809 7.54227 0.0228809 8.56699L0 10.9894C0 11.5412 0.447288 11.9885 0.999047 11.9885H1.99809V21.979H0.999047C0.447288 21.979 0 22.4262 0 22.978C0 23.5298 0.447288 23.9771 0.999047 23.9771H2.99714H6.99333H16.9838H20.98H22.9781C23.5298 23.9771 23.9771 23.5298 23.9771 22.978C23.9771 22.4262 23.5298 21.979 22.9781 21.979H21.979V11.9885H22.9781C23.5298 11.9885 23.9771 11.5412 23.9771 10.9894L24 8.56699C24 7.54227 23.4765 6.58857 22.612 6.03842L14.6933 0.999255ZM5.99428 21.979H3.99619V11.9885H5.99428V21.979ZM15.9847 11.9885V21.979H7.99237V11.9885H15.9847ZM19.9809 21.979H17.9828V11.9885H19.9809V21.979ZM13.51 6.47104C13.51 7.29868 12.8391 7.96961 12.0114 7.96961C11.1838 7.96961 10.5129 7.29868 10.5129 6.47104C10.5129 5.6434 11.1838 4.97247 12.0114 4.97247C12.8391 4.97247 13.51 5.6434 13.51 6.47104Z" fill="#2B2E38"/>
|
|
8
3
|
</svg>
|
|
@@ -5,6 +5,7 @@ import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSp
|
|
|
5
5
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
6
|
import { Icon } from "../icons";
|
|
7
7
|
import { Body, H6, LabelSmall } from "../typography";
|
|
8
|
+
import { LogoPayment } from "../logos";
|
|
8
9
|
|
|
9
10
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
10
11
|
const legacyStyles = StyleSheet.create({
|
|
@@ -22,6 +23,7 @@ export const ListItemNav = _ref => {
|
|
|
22
23
|
description,
|
|
23
24
|
onPress,
|
|
24
25
|
icon,
|
|
26
|
+
paymentLogo,
|
|
25
27
|
accessibilityLabel,
|
|
26
28
|
testID
|
|
27
29
|
} = _ref;
|
|
@@ -97,6 +99,13 @@ export const ListItemNav = _ref => {
|
|
|
97
99
|
name: icon,
|
|
98
100
|
color: "grey-450",
|
|
99
101
|
size: IOListItemVisualParams.iconSize
|
|
102
|
+
})), paymentLogo && /*#__PURE__*/React.createElement(View, {
|
|
103
|
+
style: {
|
|
104
|
+
marginRight: IOListItemVisualParams.iconMargin
|
|
105
|
+
}
|
|
106
|
+
}, /*#__PURE__*/React.createElement(LogoPayment, {
|
|
107
|
+
name: paymentLogo,
|
|
108
|
+
size: IOListItemVisualParams.iconSize
|
|
100
109
|
})), /*#__PURE__*/React.createElement(View, {
|
|
101
110
|
style: IOStyles.flex
|
|
102
111
|
}, navTextComponent), /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","color","bluegreyDark","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyNavText","createElement","Fragment","style","weight","navText","navTextComponent","mapBackgroundStates","default","pressed","iconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAEEC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,IAAI,QACC,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AACnB,SAASC,mBAAmB,QAAQ,mBAAmB;AAEvD,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,IAAI,EAAEC,EAAE,EAAEC,UAAU,QAAQ,eAAe;;
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","LogoPayment","legacyStyles","create","textValue","fontSize","lineHeight","color","bluegreyDark","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","paymentLogo","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyNavText","createElement","Fragment","style","weight","navText","navTextComponent","mapBackgroundStates","default","pressed","iconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, useIOTheme } from "../../core";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
4
|
import { Icon } from "../icons";
|
|
5
5
|
import { HSpacer, VSpacer } from "../spacer";
|
|
6
6
|
import { H6, LabelSmall, LabelLink } from "../typography";
|
|
7
7
|
import { NativeSwitch } from "../switch/NativeSwitch";
|
|
8
8
|
import { Badge } from "../badge";
|
|
9
9
|
import { LogoPayment } from "../logos";
|
|
10
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
10
11
|
const DISABLED_OPACITY = 0.5;
|
|
11
12
|
|
|
12
13
|
/* Estimated height of the native switch component,
|
|
@@ -18,31 +19,43 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
18
19
|
description,
|
|
19
20
|
icon,
|
|
20
21
|
paymentLogo,
|
|
21
|
-
value,
|
|
22
|
+
value = false,
|
|
22
23
|
disabled,
|
|
23
24
|
action,
|
|
24
25
|
isLoading,
|
|
25
26
|
badge,
|
|
26
27
|
onSwitchValueChange
|
|
27
28
|
} = _ref;
|
|
29
|
+
const {
|
|
30
|
+
isExperimental
|
|
31
|
+
} = useIOExperimentalDesign();
|
|
28
32
|
const theme = useIOTheme();
|
|
33
|
+
|
|
34
|
+
// If we have a badge or we are loading, we can't render the switch
|
|
35
|
+
// this affects the accessibility tree and the rendering of the component
|
|
36
|
+
const canRenderSwitch = useMemo(() => !isLoading && !badge, [isLoading, badge]);
|
|
37
|
+
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
29
38
|
return /*#__PURE__*/React.createElement(View, {
|
|
30
39
|
testID: "ListItemSwitch",
|
|
31
40
|
style: [IOSelectionListItemStyles.listItem, {
|
|
32
41
|
opacity: disabled ? DISABLED_OPACITY : 1
|
|
33
42
|
}],
|
|
34
43
|
pointerEvents: disabled ? "none" : "auto",
|
|
35
|
-
needsOffscreenAlphaCompositing: true
|
|
44
|
+
needsOffscreenAlphaCompositing: true,
|
|
45
|
+
accessible: false
|
|
36
46
|
}, /*#__PURE__*/React.createElement(View, {
|
|
37
47
|
style: [IOSelectionListItemStyles.listItemInner, {
|
|
38
48
|
alignItems: "center"
|
|
39
|
-
}]
|
|
49
|
+
}],
|
|
50
|
+
accessible: false
|
|
40
51
|
}, /*#__PURE__*/React.createElement(View, {
|
|
41
52
|
style: {
|
|
42
53
|
flex: 1,
|
|
43
54
|
flexDirection: "row",
|
|
44
55
|
alignItems: "center"
|
|
45
|
-
}
|
|
56
|
+
},
|
|
57
|
+
accessible: !canRenderSwitch,
|
|
58
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
46
59
|
}, icon && /*#__PURE__*/React.createElement(View, {
|
|
47
60
|
style: {
|
|
48
61
|
marginRight: IOSelectionListItemVisualParams.iconMargin,
|
|
@@ -64,7 +77,9 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
64
77
|
color: "black",
|
|
65
78
|
style: {
|
|
66
79
|
flex: 1
|
|
67
|
-
}
|
|
80
|
+
},
|
|
81
|
+
accessible: !canRenderSwitch,
|
|
82
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
68
83
|
}, label)), /*#__PURE__*/React.createElement(HSpacer, {
|
|
69
84
|
size: 8
|
|
70
85
|
}), /*#__PURE__*/React.createElement(View, {
|
|
@@ -77,10 +92,12 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
77
92
|
text: badge.text,
|
|
78
93
|
variant: badge.variant,
|
|
79
94
|
testID: badge.testID
|
|
80
|
-
}), isLoading && /*#__PURE__*/React.createElement(
|
|
81
|
-
|
|
82
|
-
|
|
95
|
+
}), isLoading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
96
|
+
size: 24,
|
|
97
|
+
color: primaryColor
|
|
98
|
+
}), canRenderSwitch && /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
83
99
|
value: value,
|
|
100
|
+
accessibilityLabel: label,
|
|
84
101
|
onValueChange: onSwitchValueChange
|
|
85
102
|
}))), description && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
86
103
|
size: IOSelectionListItemVisualParams.descriptionMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","useIOExperimentalDesign","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","LabelLink","NativeSwitch","Badge","LogoPayment","LoadingSpinner","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","isExperimental","theme","canRenderSwitch","primaryColor","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","flex","flexDirection","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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","getAccessibleAmountText","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"AAAA,OAAO,KAAKA,CAAC,MAAM,kBAAkB;AACrC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/D,OAAOC,WAAW,MAAM,gBAAgB;AAExC,SAEEC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,QACL,YAAY;AAEnB,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,uBAAuB,QAAQ,mCAAmC;AAC3E,SAA0BC,IAAI,QAAQ,UAAU;AAEhD,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAC9C,SAEEC,qBAAqB,QAChB,0BAA0B;AAwDjC,MAAMC,cAA+B,GAAG,EAAE;AAC1C,MAAMC,sBAAsB,GAAG,EAAE;AACjC;AACA;AACA;;AAEA,MAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EACrD,IAAIZ,UAAU,CAACa,QAAQ,CAAC,EAAE;IACxB,oBAAOxB,KAAA,CAAAyB,aAAA,CAACb,MAAM;MAACc,OAAO,
|
|
1
|
+
{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","getAccessibleAmountText","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
|
@@ -10,8 +10,8 @@ import { IOColors } from "../../core";
|
|
|
10
10
|
|
|
11
11
|
const strokeMap = {
|
|
12
12
|
24: 3,
|
|
13
|
-
48:
|
|
14
|
-
76:
|
|
13
|
+
48: 5,
|
|
14
|
+
76: 7
|
|
15
15
|
};
|
|
16
16
|
const startRotationAnimation = (durationMs, rotationDegree) => {
|
|
17
17
|
Animated.loop(Animated.timing(rotationDegree, {
|
|
@@ -25,7 +25,7 @@ export const LoadingSpinner = _ref => {
|
|
|
25
25
|
let {
|
|
26
26
|
color = "blueIO-500",
|
|
27
27
|
size = 24,
|
|
28
|
-
durationMs =
|
|
28
|
+
durationMs = 850,
|
|
29
29
|
accessibilityHint,
|
|
30
30
|
accessibilityLabel,
|
|
31
31
|
testID = "LoadingSpinnerTestID"
|
|
@@ -1,22 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
5
|
-
import { IOColors, IOModuleIDPHSpacing, IOModuleIDPRadius, IOModuleIDPSavedVSpacing, IOModuleIDPVSpacing, IOListItemLogoMargin, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
|
|
2
|
+
import { Image, Platform, StyleSheet, Text } from "react-native";
|
|
3
|
+
import { IOColors, IOListItemLogoMargin, useIOExperimentalDesign } from "../../core";
|
|
6
4
|
import { toAndroidCacheTimestamp } from "../../utils/dates";
|
|
7
5
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
|
+
import { PressableModuleBase } from "./PressableModuleBase";
|
|
8
7
|
const styles = StyleSheet.create({
|
|
9
|
-
button: {
|
|
10
|
-
borderWidth: 1,
|
|
11
|
-
borderColor: IOColors["grey-100"],
|
|
12
|
-
borderRadius: IOModuleIDPRadius,
|
|
13
|
-
backgroundColor: IOColors.white,
|
|
14
|
-
flexDirection: "row",
|
|
15
|
-
justifyContent: "space-between",
|
|
16
|
-
alignItems: "center",
|
|
17
|
-
paddingVertical: IOModuleIDPVSpacing,
|
|
18
|
-
paddingHorizontal: IOModuleIDPHSpacing
|
|
19
|
-
},
|
|
20
8
|
idpName: {
|
|
21
9
|
color: IOColors["grey-700"],
|
|
22
10
|
fontSize: 12,
|
|
@@ -44,64 +32,32 @@ const styles = StyleSheet.create({
|
|
|
44
32
|
// the `ts` query parameter as DDMMYYYY to simulate a 24h TTL.
|
|
45
33
|
const androidIdpLogoForcedRefreshed = () => Platform.OS === "android" ? `?ts=${toAndroidCacheTimestamp()}` : "";
|
|
46
34
|
export const ModuleIDP = _ref => {
|
|
47
|
-
var _IOScaleValues$magnif;
|
|
48
35
|
let {
|
|
49
36
|
name,
|
|
50
37
|
localLogo,
|
|
51
38
|
logo,
|
|
52
|
-
|
|
39
|
+
withLooseSpacing = false,
|
|
53
40
|
onPress,
|
|
54
41
|
testID
|
|
55
42
|
} = _ref;
|
|
56
|
-
const isPressed = useSharedValue(0);
|
|
57
43
|
const {
|
|
58
44
|
isExperimental
|
|
59
45
|
} = useIOExperimentalDesign();
|
|
60
|
-
// Scaling transformation applied when the button is pressed
|
|
61
|
-
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
62
|
-
const scaleTraversed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
63
|
-
|
|
64
|
-
// Interpolate animation values from `isPressed` values
|
|
65
|
-
const animatedStyle = useAnimatedStyle(() => {
|
|
66
|
-
const scale = interpolate(scaleTraversed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
|
|
67
|
-
return {
|
|
68
|
-
transform: [{
|
|
69
|
-
scale
|
|
70
|
-
}]
|
|
71
|
-
};
|
|
72
|
-
});
|
|
73
|
-
const handlePressIn = useCallback(() => {
|
|
74
|
-
// eslint-disable-next-line functional/immutable-data
|
|
75
|
-
isPressed.value = 1;
|
|
76
|
-
}, [isPressed]);
|
|
77
|
-
const handlePressOut = useCallback(() => {
|
|
78
|
-
// eslint-disable-next-line functional/immutable-data
|
|
79
|
-
isPressed.value = 0;
|
|
80
|
-
}, [isPressed]);
|
|
81
46
|
|
|
82
47
|
// eslint-disable-next-line no-console
|
|
83
48
|
const urlLogoIDP = localLogo ? localLogo : {
|
|
84
49
|
uri: `${logo}${androidIdpLogoForcedRefreshed()}`
|
|
85
50
|
};
|
|
86
|
-
return /*#__PURE__*/React.createElement(
|
|
51
|
+
return /*#__PURE__*/React.createElement(PressableModuleBase, {
|
|
87
52
|
onPress: onPress,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
onTouchEnd: handlePressOut,
|
|
91
|
-
accessible: true,
|
|
92
|
-
accessibilityRole: "button",
|
|
93
|
-
accessibilityLabel: name,
|
|
94
|
-
testID: testID
|
|
95
|
-
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
96
|
-
style: [styles.button, saved && {
|
|
97
|
-
paddingVertical: IOModuleIDPSavedVSpacing
|
|
98
|
-
}, animatedStyle]
|
|
53
|
+
testID: testID,
|
|
54
|
+
withLooseSpacing: withLooseSpacing
|
|
99
55
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
100
56
|
style: [styles.idpName, isExperimental ? styles.idpNameFont : styles.idpLegacyNameFont]
|
|
101
57
|
}, name), /*#__PURE__*/React.createElement(Image, {
|
|
102
58
|
source: urlLogoIDP,
|
|
103
59
|
style: styles.idpLogo
|
|
104
|
-
}))
|
|
60
|
+
}));
|
|
105
61
|
};
|
|
106
62
|
export default ModuleIDP;
|
|
107
63
|
//# sourceMappingURL=ModuleIDP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","Image","Platform","StyleSheet","Text","IOColors","IOListItemLogoMargin","useIOExperimentalDesign","toAndroidCacheTimestamp","makeFontStyleObject","PressableModuleBase","styles","create","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","idpLegacyNameFont","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","isExperimental","urlLogoIDP","uri","createElement","style","source"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SACEC,QAAQ,EACRC,oBAAoB,EACpBC,uBAAuB,QAClB,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SACEC,mBAAmB,QAEd,uBAAuB;AAQ9B,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,KAAK,EAAET,QAAQ,CAAC,UAAU,CAAC;IAC3BU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACX,GAAGX,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDY,iBAAiB,EAAE;IACjB,GAAGZ,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D,CAAC;EACDa,OAAO,EAAE;IACPC,WAAW,EAAEjB,oBAAoB;IACjCkB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCzB,QAAQ,CAAC0B,EAAE,KAAK,SAAS,GAAI,OAAMpB,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMqB,SAAS,GAAGC,IAAA,IAOR;EAAA,IAPS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC;EACS,CAAC,GAAAN,IAAA;EACV,MAAM;IAAEO;EAAe,CAAC,GAAG9B,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAM+B,UAAU,GAAGN,SAAS,GACxBA,SAAS,GACT;IACEO,GAAG,EAAG,GAAEN,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACE3B,KAAA,CAAAwC,aAAA,CAAC9B,mBAAmB;IAClByB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnClC,KAAA,CAAAwC,aAAA,CAACpC,IAAI;IACHqC,KAAK,EAAE,CACL9B,MAAM,CAACE,OAAO,EACdwB,cAAc,GAAG1B,MAAM,CAACS,WAAW,GAAGT,MAAM,CAACU,iBAAiB;EAC9D,GAEDU,IACG,CAAC,eACP/B,KAAA,CAAAwC,aAAA,CAACvC,KAAK;IAACyC,MAAM,EAAEJ,UAAW;IAACG,KAAK,EAAE9B,MAAM,CAACW;EAAQ,CAAE,CAChC,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}
|