@pagopa/io-app-design-system 1.36.6 → 1.36.8
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/ListItemSwitch.js +3 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +49 -33
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +3 -1
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/tag/Tag.js +49 -33
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +2 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts +14 -1
- package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/listitems/ListItemSwitch.tsx +3 -0
- package/src/components/tag/Tag.tsx +83 -51
|
@@ -34,6 +34,7 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
34
34
|
isLoading,
|
|
35
35
|
badge,
|
|
36
36
|
onSwitchValueChange,
|
|
37
|
+
switchTestID,
|
|
37
38
|
testID
|
|
38
39
|
} = _ref;
|
|
39
40
|
const theme = (0, _core.useIOTheme)();
|
|
@@ -111,7 +112,8 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
111
112
|
}), canRenderSwitch && /*#__PURE__*/_react.default.createElement(_NativeSwitch.NativeSwitch, {
|
|
112
113
|
value: value,
|
|
113
114
|
accessibilityLabel: label,
|
|
114
|
-
onValueChange: onSwitchValueChange
|
|
115
|
+
onValueChange: onSwitchValueChange,
|
|
116
|
+
testID: switchTestID
|
|
115
117
|
}))), description && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
116
118
|
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
117
119
|
}), /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_icons","_loadingSpinner","_logos","_spacer","_NativeSwitch","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","React","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","testID","theme","useIOTheme","canRenderSwitch","useMemo","createElement","View","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","flex","flexDirection","Platform","select","android","importantForAccessibility","accessibilityState","marginRight","IOSelectionListItemVisualParams","iconMargin","alignSelf","Icon","name","color","size","iconSize","LogoPayment","H6","HSpacer","justifyContent","minHeight","Badge","text","variant","LoadingSpinner","NativeSwitch","accessibilityLabel","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA0D,SAAAU,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,SAAAZ,wBAAAgB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_icons","_loadingSpinner","_logos","_spacer","_NativeSwitch","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","React","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","switchTestID","testID","theme","useIOTheme","canRenderSwitch","useMemo","createElement","View","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","flex","flexDirection","Platform","select","android","importantForAccessibility","accessibilityState","marginRight","IOSelectionListItemVisualParams","iconMargin","alignSelf","Icon","name","color","size","iconSize","LogoPayment","H6","HSpacer","justifyContent","minHeight","Badge","text","variant","LoadingSpinner","NativeSwitch","accessibilityLabel","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
|
|
@@ -15,37 +15,6 @@ var _icons = require("../icons");
|
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
const mapVariants = {
|
|
19
|
-
qrCode: {
|
|
20
|
-
iconColor: "blueIO-500",
|
|
21
|
-
iconName: "qrCode"
|
|
22
|
-
},
|
|
23
|
-
attachment: {
|
|
24
|
-
iconColor: "grey-700",
|
|
25
|
-
iconName: "attachment"
|
|
26
|
-
},
|
|
27
|
-
legalMessage: {
|
|
28
|
-
iconColor: "blueIO-500",
|
|
29
|
-
iconName: "legalValue"
|
|
30
|
-
},
|
|
31
|
-
info: {
|
|
32
|
-
iconColor: "info-700",
|
|
33
|
-
iconName: "info"
|
|
34
|
-
},
|
|
35
|
-
warning: {
|
|
36
|
-
iconColor: "warning-700",
|
|
37
|
-
iconName: "warningFilled"
|
|
38
|
-
},
|
|
39
|
-
error: {
|
|
40
|
-
iconColor: "error-600",
|
|
41
|
-
iconName: "errorFilled"
|
|
42
|
-
},
|
|
43
|
-
success: {
|
|
44
|
-
iconColor: "success-700",
|
|
45
|
-
iconName: "success"
|
|
46
|
-
},
|
|
47
|
-
noIcon: undefined
|
|
48
|
-
};
|
|
49
18
|
const IOTagIconMargin = 6;
|
|
50
19
|
const IOTagIconSize = 16;
|
|
51
20
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -89,6 +58,51 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
89
58
|
...(0, _fonts.makeFontStyleObject)("SemiBold", false, "TitilliumWeb")
|
|
90
59
|
}
|
|
91
60
|
});
|
|
61
|
+
const getVariantProps = (variant, customIconProps) => {
|
|
62
|
+
switch (variant) {
|
|
63
|
+
case "customIcon":
|
|
64
|
+
return customIconProps;
|
|
65
|
+
case "qrCode":
|
|
66
|
+
return {
|
|
67
|
+
iconColor: "blueIO-500",
|
|
68
|
+
iconName: "qrCode"
|
|
69
|
+
};
|
|
70
|
+
case "attachment":
|
|
71
|
+
return {
|
|
72
|
+
iconColor: "grey-700",
|
|
73
|
+
iconName: "attachment"
|
|
74
|
+
};
|
|
75
|
+
case "legalMessage":
|
|
76
|
+
return {
|
|
77
|
+
iconColor: "blueIO-500",
|
|
78
|
+
iconName: "legalValue"
|
|
79
|
+
};
|
|
80
|
+
case "info":
|
|
81
|
+
return {
|
|
82
|
+
iconColor: "info-700",
|
|
83
|
+
iconName: "info"
|
|
84
|
+
};
|
|
85
|
+
case "warning":
|
|
86
|
+
return {
|
|
87
|
+
iconColor: "warning-700",
|
|
88
|
+
iconName: "warningFilled"
|
|
89
|
+
};
|
|
90
|
+
case "error":
|
|
91
|
+
return {
|
|
92
|
+
iconColor: "error-600",
|
|
93
|
+
iconName: "errorFilled"
|
|
94
|
+
};
|
|
95
|
+
case "success":
|
|
96
|
+
return {
|
|
97
|
+
iconColor: "success-700",
|
|
98
|
+
iconName: "success"
|
|
99
|
+
};
|
|
100
|
+
case "noIcon":
|
|
101
|
+
return undefined;
|
|
102
|
+
default:
|
|
103
|
+
return undefined;
|
|
104
|
+
}
|
|
105
|
+
};
|
|
92
106
|
|
|
93
107
|
/**
|
|
94
108
|
* Tag component, used mainly for message list and details
|
|
@@ -98,15 +112,17 @@ const Tag = _ref => {
|
|
|
98
112
|
text,
|
|
99
113
|
variant,
|
|
100
114
|
testID,
|
|
115
|
+
customIconProps,
|
|
101
116
|
iconAccessibilityLabel
|
|
102
117
|
} = _ref;
|
|
103
118
|
const {
|
|
104
119
|
isExperimental
|
|
105
120
|
} = (0, _core.useIOExperimentalDesign)();
|
|
121
|
+
const variantProps = getVariantProps(variant, customIconProps);
|
|
106
122
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
107
123
|
testID: testID,
|
|
108
124
|
style: styles.tag
|
|
109
|
-
}, (0, _function.pipe)(
|
|
125
|
+
}, (0, _function.pipe)(variantProps, O.fromNullable, O.fold(() => null, _ref2 => {
|
|
110
126
|
let {
|
|
111
127
|
iconColor,
|
|
112
128
|
iconName
|
|
@@ -120,7 +136,7 @@ const Tag = _ref => {
|
|
|
120
136
|
accessible: !!iconAccessibilityLabel,
|
|
121
137
|
accessibilityLabel: iconAccessibilityLabel
|
|
122
138
|
}));
|
|
123
|
-
})),
|
|
139
|
+
})), variantProps && text && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
124
140
|
style: styles.spacer
|
|
125
141
|
}), text && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
126
142
|
numberOfLines: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["O","_interopRequireWildcard","require","_function","_react","_interopRequireDefault","_reactNative","_core","_IOSpacing","_fonts","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["O","_interopRequireWildcard","require","_function","_react","_interopRequireDefault","_reactNative","_core","_IOSpacing","_fonts","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IOTagIconMargin","IOTagIconSize","styles","StyleSheet","create","tag","alignSelf","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","backgroundColor","IOColors","white","borderWidth","borderColor","borderRadius","IOTagRadius","borderCurve","paddingHorizontal","IOTagHSpacing","paddingVertical","IOTagVSpacing","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","labelFont","makeFontStyleObject","legacyLabelFont","getVariantProps","variant","customIconProps","iconColor","iconName","undefined","Tag","_ref","text","testID","iconAccessibilityLabel","isExperimental","useIOExperimentalDesign","variantProps","createElement","View","style","pipe","fromNullable","fold","_ref2","Icon","name","size","accessible","accessibilityLabel","Text","numberOfLines","ellipsizeMode","exports"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
|
|
@@ -26,6 +26,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
26
26
|
isLoading,
|
|
27
27
|
badge,
|
|
28
28
|
onSwitchValueChange,
|
|
29
|
+
switchTestID,
|
|
29
30
|
testID
|
|
30
31
|
} = _ref;
|
|
31
32
|
const theme = useIOTheme();
|
|
@@ -103,7 +104,8 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
103
104
|
}), canRenderSwitch && /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
104
105
|
value: value,
|
|
105
106
|
accessibilityLabel: label,
|
|
106
|
-
onValueChange: onSwitchValueChange
|
|
107
|
+
onValueChange: onSwitchValueChange,
|
|
108
|
+
testID: switchTestID
|
|
107
109
|
}))), description && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
108
110
|
size: IOSelectionListItemVisualParams.descriptionMargin
|
|
109
111
|
}), /*#__PURE__*/React.createElement(LabelSmall, {
|
|
@@ -1 +1 @@
|
|
|
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","testID","theme","canRenderSwitch","createElement","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","_extends","flex","flexDirection","select","android","importantForAccessibility","accessibilityState","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":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAAgCC,QAAQ,EAAUC,IAAI,QAAQ,cAAc;AAE5E,SACEC,yBAAyB,EACzBC,+BAA+B,EAC/BC,UAAU,QACL,YAAY;AACnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAA4BC,WAAW,QAAQ,UAAU;AACzD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,EAAE,EAAEC,SAAS,EAAEC,UAAU,QAAQ,eAAe;
|
|
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","switchTestID","testID","theme","canRenderSwitch","createElement","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","_extends","flex","flexDirection","select","android","importantForAccessibility","accessibilityState","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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"}
|
|
@@ -6,37 +6,6 @@ import { IOColors, IOTagRadius, useIOExperimentalDesign } from "../../core";
|
|
|
6
6
|
import { IOTagHSpacing, IOTagVSpacing } from "../../core/IOSpacing";
|
|
7
7
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
8
8
|
import { Icon } from "../icons";
|
|
9
|
-
const mapVariants = {
|
|
10
|
-
qrCode: {
|
|
11
|
-
iconColor: "blueIO-500",
|
|
12
|
-
iconName: "qrCode"
|
|
13
|
-
},
|
|
14
|
-
attachment: {
|
|
15
|
-
iconColor: "grey-700",
|
|
16
|
-
iconName: "attachment"
|
|
17
|
-
},
|
|
18
|
-
legalMessage: {
|
|
19
|
-
iconColor: "blueIO-500",
|
|
20
|
-
iconName: "legalValue"
|
|
21
|
-
},
|
|
22
|
-
info: {
|
|
23
|
-
iconColor: "info-700",
|
|
24
|
-
iconName: "info"
|
|
25
|
-
},
|
|
26
|
-
warning: {
|
|
27
|
-
iconColor: "warning-700",
|
|
28
|
-
iconName: "warningFilled"
|
|
29
|
-
},
|
|
30
|
-
error: {
|
|
31
|
-
iconColor: "error-600",
|
|
32
|
-
iconName: "errorFilled"
|
|
33
|
-
},
|
|
34
|
-
success: {
|
|
35
|
-
iconColor: "success-700",
|
|
36
|
-
iconName: "success"
|
|
37
|
-
},
|
|
38
|
-
noIcon: undefined
|
|
39
|
-
};
|
|
40
9
|
const IOTagIconMargin = 6;
|
|
41
10
|
const IOTagIconSize = 16;
|
|
42
11
|
const styles = StyleSheet.create({
|
|
@@ -80,6 +49,51 @@ const styles = StyleSheet.create({
|
|
|
80
49
|
...makeFontStyleObject("SemiBold", false, "TitilliumWeb")
|
|
81
50
|
}
|
|
82
51
|
});
|
|
52
|
+
const getVariantProps = (variant, customIconProps) => {
|
|
53
|
+
switch (variant) {
|
|
54
|
+
case "customIcon":
|
|
55
|
+
return customIconProps;
|
|
56
|
+
case "qrCode":
|
|
57
|
+
return {
|
|
58
|
+
iconColor: "blueIO-500",
|
|
59
|
+
iconName: "qrCode"
|
|
60
|
+
};
|
|
61
|
+
case "attachment":
|
|
62
|
+
return {
|
|
63
|
+
iconColor: "grey-700",
|
|
64
|
+
iconName: "attachment"
|
|
65
|
+
};
|
|
66
|
+
case "legalMessage":
|
|
67
|
+
return {
|
|
68
|
+
iconColor: "blueIO-500",
|
|
69
|
+
iconName: "legalValue"
|
|
70
|
+
};
|
|
71
|
+
case "info":
|
|
72
|
+
return {
|
|
73
|
+
iconColor: "info-700",
|
|
74
|
+
iconName: "info"
|
|
75
|
+
};
|
|
76
|
+
case "warning":
|
|
77
|
+
return {
|
|
78
|
+
iconColor: "warning-700",
|
|
79
|
+
iconName: "warningFilled"
|
|
80
|
+
};
|
|
81
|
+
case "error":
|
|
82
|
+
return {
|
|
83
|
+
iconColor: "error-600",
|
|
84
|
+
iconName: "errorFilled"
|
|
85
|
+
};
|
|
86
|
+
case "success":
|
|
87
|
+
return {
|
|
88
|
+
iconColor: "success-700",
|
|
89
|
+
iconName: "success"
|
|
90
|
+
};
|
|
91
|
+
case "noIcon":
|
|
92
|
+
return undefined;
|
|
93
|
+
default:
|
|
94
|
+
return undefined;
|
|
95
|
+
}
|
|
96
|
+
};
|
|
83
97
|
|
|
84
98
|
/**
|
|
85
99
|
* Tag component, used mainly for message list and details
|
|
@@ -89,15 +103,17 @@ export const Tag = _ref => {
|
|
|
89
103
|
text,
|
|
90
104
|
variant,
|
|
91
105
|
testID,
|
|
106
|
+
customIconProps,
|
|
92
107
|
iconAccessibilityLabel
|
|
93
108
|
} = _ref;
|
|
94
109
|
const {
|
|
95
110
|
isExperimental
|
|
96
111
|
} = useIOExperimentalDesign();
|
|
112
|
+
const variantProps = getVariantProps(variant, customIconProps);
|
|
97
113
|
return /*#__PURE__*/React.createElement(View, {
|
|
98
114
|
testID: testID,
|
|
99
115
|
style: styles.tag
|
|
100
|
-
}, pipe(
|
|
116
|
+
}, pipe(variantProps, O.fromNullable, O.fold(() => null, _ref2 => {
|
|
101
117
|
let {
|
|
102
118
|
iconColor,
|
|
103
119
|
iconName
|
|
@@ -111,7 +127,7 @@ export const Tag = _ref => {
|
|
|
111
127
|
accessible: !!iconAccessibilityLabel,
|
|
112
128
|
accessibilityLabel: iconAccessibilityLabel
|
|
113
129
|
}));
|
|
114
|
-
})),
|
|
130
|
+
})), variantProps && text && /*#__PURE__*/React.createElement(View, {
|
|
115
131
|
style: styles.spacer
|
|
116
132
|
}), text && /*#__PURE__*/React.createElement(Text, {
|
|
117
133
|
numberOfLines: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["O","pipe","React","Platform","StyleSheet","Text","View","IOColors","IOTagRadius","useIOExperimentalDesign","IOTagHSpacing","IOTagVSpacing","makeFontStyleObject","Icon","
|
|
1
|
+
{"version":3,"names":["O","pipe","React","Platform","StyleSheet","Text","View","IOColors","IOTagRadius","useIOExperimentalDesign","IOTagHSpacing","IOTagVSpacing","makeFontStyleObject","Icon","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","backgroundColor","white","borderWidth","borderColor","borderRadius","borderCurve","paddingHorizontal","paddingVertical","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","labelFont","legacyLabelFont","getVariantProps","variant","customIconProps","iconColor","iconName","undefined","Tag","_ref","text","testID","iconAccessibilityLabel","isExperimental","variantProps","createElement","style","fromNullable","fold","_ref2","name","size","accessible","accessibilityLabel","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ type PartialProps = WithTestID<{
|
|
|
11
11
|
action?: SwitchAction;
|
|
12
12
|
isLoading?: boolean;
|
|
13
13
|
badge?: Badge;
|
|
14
|
+
switchTestID?: string;
|
|
14
15
|
}>;
|
|
15
16
|
export type SwitchAction = {
|
|
16
17
|
label: string;
|
|
@@ -27,6 +28,6 @@ export type ListItemSwitchGraphicProps = {
|
|
|
27
28
|
paymentLogo?: never;
|
|
28
29
|
};
|
|
29
30
|
export type ListItemSwitchProps = PartialProps & ListItemSwitchGraphicProps & Pick<React.ComponentProps<typeof Switch>, "value" | "disabled">;
|
|
30
|
-
export declare const ListItemSwitch: React.MemoExoticComponent<({ label, description, icon, paymentLogo, value, disabled, action, isLoading, badge, onSwitchValueChange, testID }: ListItemSwitchProps) => React.JSX.Element>;
|
|
31
|
+
export declare const ListItemSwitch: React.MemoExoticComponent<({ label, description, icon, paymentLogo, value, disabled, action, isLoading, badge, onSwitchValueChange, switchTestID, testID }: ListItemSwitchProps) => React.JSX.Element>;
|
|
31
32
|
export {};
|
|
32
33
|
//# sourceMappingURL=ListItemSwitch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,8JActB,mBAAmB,uBAuIvB,CAAC"}
|
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { IOColors } from "../../core";
|
|
2
3
|
import { WithTestID } from "../../utils/types";
|
|
4
|
+
import { IOIcons } from "../icons";
|
|
3
5
|
export type Tag = WithTestID<{
|
|
4
6
|
text?: string;
|
|
5
7
|
variant: "qrCode" | "legalMessage" | "info" | "warning" | "error" | "success" | "attachment" | "noIcon";
|
|
6
8
|
iconAccessibilityLabel?: string;
|
|
9
|
+
customIconProps?: never;
|
|
10
|
+
} | {
|
|
11
|
+
text?: string;
|
|
12
|
+
variant: "customIcon";
|
|
13
|
+
customIconProps: VariantProps;
|
|
14
|
+
iconAccessibilityLabel?: string;
|
|
7
15
|
}>;
|
|
16
|
+
type VariantProps = {
|
|
17
|
+
iconColor: IOColors;
|
|
18
|
+
iconName: IOIcons;
|
|
19
|
+
};
|
|
8
20
|
/**
|
|
9
21
|
* Tag component, used mainly for message list and details
|
|
10
22
|
*/
|
|
11
|
-
export declare const Tag: ({ text, variant, testID, iconAccessibilityLabel }: Tag) => React.JSX.Element;
|
|
23
|
+
export declare const Tag: ({ text, variant, testID, customIconProps, iconAccessibilityLabel }: Tag) => React.JSX.Element;
|
|
24
|
+
export {};
|
|
12
25
|
//# sourceMappingURL=Tag.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAwC,MAAM,YAAY,CAAC;AAO5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAE1D,MAAM,MAAM,GAAG,GAAG,UAAU,CACxB;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,YAAY,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CACJ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAgGF;;GAEG;AACH,eAAO,MAAM,GAAG,uEAMb,GAAG,sBAwCL,CAAC"}
|
package/package.json
CHANGED
|
@@ -21,6 +21,7 @@ type PartialProps = WithTestID<{
|
|
|
21
21
|
action?: SwitchAction;
|
|
22
22
|
isLoading?: boolean;
|
|
23
23
|
badge?: Badge;
|
|
24
|
+
switchTestID?: string;
|
|
24
25
|
}>;
|
|
25
26
|
|
|
26
27
|
export type SwitchAction = {
|
|
@@ -55,6 +56,7 @@ export const ListItemSwitch = React.memo(
|
|
|
55
56
|
isLoading,
|
|
56
57
|
badge,
|
|
57
58
|
onSwitchValueChange,
|
|
59
|
+
switchTestID,
|
|
58
60
|
testID
|
|
59
61
|
}: ListItemSwitchProps) => {
|
|
60
62
|
const theme = useIOTheme();
|
|
@@ -167,6 +169,7 @@ export const ListItemSwitch = React.memo(
|
|
|
167
169
|
value={value}
|
|
168
170
|
accessibilityLabel={label}
|
|
169
171
|
onValueChange={onSwitchValueChange}
|
|
172
|
+
testID={switchTestID}
|
|
170
173
|
/>
|
|
171
174
|
)}
|
|
172
175
|
</View>
|
|
@@ -12,60 +12,34 @@ import { makeFontStyleObject } from "../../utils/fonts";
|
|
|
12
12
|
import { WithTestID } from "../../utils/types";
|
|
13
13
|
import { IOIconSizeScale, IOIcons, Icon } from "../icons";
|
|
14
14
|
|
|
15
|
-
export type Tag = WithTestID<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
15
|
+
export type Tag = WithTestID<
|
|
16
|
+
| {
|
|
17
|
+
text?: string;
|
|
18
|
+
variant:
|
|
19
|
+
| "qrCode"
|
|
20
|
+
| "legalMessage"
|
|
21
|
+
| "info"
|
|
22
|
+
| "warning"
|
|
23
|
+
| "error"
|
|
24
|
+
| "success"
|
|
25
|
+
| "attachment"
|
|
26
|
+
| "noIcon";
|
|
27
|
+
iconAccessibilityLabel?: string;
|
|
28
|
+
customIconProps?: never;
|
|
29
|
+
}
|
|
30
|
+
| {
|
|
31
|
+
text?: string;
|
|
32
|
+
variant: "customIcon";
|
|
33
|
+
customIconProps: VariantProps;
|
|
34
|
+
iconAccessibilityLabel?: string;
|
|
35
|
+
}
|
|
36
|
+
>;
|
|
28
37
|
|
|
29
38
|
type VariantProps = {
|
|
30
39
|
iconColor: IOColors;
|
|
31
40
|
iconName: IOIcons;
|
|
32
41
|
};
|
|
33
42
|
|
|
34
|
-
const mapVariants: Record<
|
|
35
|
-
NonNullable<Tag["variant"]>,
|
|
36
|
-
VariantProps | undefined
|
|
37
|
-
> = {
|
|
38
|
-
qrCode: {
|
|
39
|
-
iconColor: "blueIO-500",
|
|
40
|
-
iconName: "qrCode"
|
|
41
|
-
},
|
|
42
|
-
attachment: {
|
|
43
|
-
iconColor: "grey-700",
|
|
44
|
-
iconName: "attachment"
|
|
45
|
-
},
|
|
46
|
-
legalMessage: {
|
|
47
|
-
iconColor: "blueIO-500",
|
|
48
|
-
iconName: "legalValue"
|
|
49
|
-
},
|
|
50
|
-
info: {
|
|
51
|
-
iconColor: "info-700",
|
|
52
|
-
iconName: "info"
|
|
53
|
-
},
|
|
54
|
-
warning: {
|
|
55
|
-
iconColor: "warning-700",
|
|
56
|
-
iconName: "warningFilled"
|
|
57
|
-
},
|
|
58
|
-
error: {
|
|
59
|
-
iconColor: "error-600",
|
|
60
|
-
iconName: "errorFilled"
|
|
61
|
-
},
|
|
62
|
-
success: {
|
|
63
|
-
iconColor: "success-700",
|
|
64
|
-
iconName: "success"
|
|
65
|
-
},
|
|
66
|
-
noIcon: undefined
|
|
67
|
-
};
|
|
68
|
-
|
|
69
43
|
const IOTagIconMargin: IOSpacingScale = 6;
|
|
70
44
|
const IOTagIconSize: IOIconSizeScale = 16;
|
|
71
45
|
|
|
@@ -111,15 +85,73 @@ const styles = StyleSheet.create({
|
|
|
111
85
|
}
|
|
112
86
|
});
|
|
113
87
|
|
|
88
|
+
const getVariantProps = (
|
|
89
|
+
variant: NonNullable<Tag["variant"]>,
|
|
90
|
+
customIconProps?: VariantProps
|
|
91
|
+
): VariantProps | undefined => {
|
|
92
|
+
switch (variant) {
|
|
93
|
+
case "customIcon":
|
|
94
|
+
return customIconProps;
|
|
95
|
+
case "qrCode":
|
|
96
|
+
return {
|
|
97
|
+
iconColor: "blueIO-500",
|
|
98
|
+
iconName: "qrCode"
|
|
99
|
+
};
|
|
100
|
+
case "attachment":
|
|
101
|
+
return {
|
|
102
|
+
iconColor: "grey-700",
|
|
103
|
+
iconName: "attachment"
|
|
104
|
+
};
|
|
105
|
+
case "legalMessage":
|
|
106
|
+
return {
|
|
107
|
+
iconColor: "blueIO-500",
|
|
108
|
+
iconName: "legalValue"
|
|
109
|
+
};
|
|
110
|
+
case "info":
|
|
111
|
+
return {
|
|
112
|
+
iconColor: "info-700",
|
|
113
|
+
iconName: "info"
|
|
114
|
+
};
|
|
115
|
+
case "warning":
|
|
116
|
+
return {
|
|
117
|
+
iconColor: "warning-700",
|
|
118
|
+
iconName: "warningFilled"
|
|
119
|
+
};
|
|
120
|
+
case "error":
|
|
121
|
+
return {
|
|
122
|
+
iconColor: "error-600",
|
|
123
|
+
iconName: "errorFilled"
|
|
124
|
+
};
|
|
125
|
+
case "success":
|
|
126
|
+
return {
|
|
127
|
+
iconColor: "success-700",
|
|
128
|
+
iconName: "success"
|
|
129
|
+
};
|
|
130
|
+
case "noIcon":
|
|
131
|
+
return undefined;
|
|
132
|
+
default:
|
|
133
|
+
return undefined;
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
|
|
114
137
|
/**
|
|
115
138
|
* Tag component, used mainly for message list and details
|
|
116
139
|
*/
|
|
117
|
-
export const Tag = ({
|
|
140
|
+
export const Tag = ({
|
|
141
|
+
text,
|
|
142
|
+
variant,
|
|
143
|
+
testID,
|
|
144
|
+
customIconProps,
|
|
145
|
+
iconAccessibilityLabel
|
|
146
|
+
}: Tag) => {
|
|
118
147
|
const { isExperimental } = useIOExperimentalDesign();
|
|
148
|
+
|
|
149
|
+
const variantProps = getVariantProps(variant, customIconProps);
|
|
150
|
+
|
|
119
151
|
return (
|
|
120
152
|
<View testID={testID} style={styles.tag}>
|
|
121
153
|
{pipe(
|
|
122
|
-
|
|
154
|
+
variantProps,
|
|
123
155
|
O.fromNullable,
|
|
124
156
|
O.fold(
|
|
125
157
|
() => null,
|
|
@@ -136,7 +168,7 @@ export const Tag = ({ text, variant, testID, iconAccessibilityLabel }: Tag) => {
|
|
|
136
168
|
)
|
|
137
169
|
)
|
|
138
170
|
)}
|
|
139
|
-
{
|
|
171
|
+
{variantProps && text && <View style={styles.spacer} />}
|
|
140
172
|
{text && (
|
|
141
173
|
<Text
|
|
142
174
|
numberOfLines={1}
|