@pagopa/io-app-design-system 5.3.5 → 5.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +2 -0
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +3 -3
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +2 -0
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +3 -3
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts +2 -2
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +4 -1
- package/src/components/listitems/ListItemInfo.tsx +12 -6
|
@@ -38,6 +38,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
38
38
|
* list item (Select mode that enables related actions)
|
|
39
39
|
*/
|
|
40
40
|
const AnimatedMessageCheckbox = ({
|
|
41
|
+
accessible,
|
|
41
42
|
checked,
|
|
42
43
|
onPress
|
|
43
44
|
}) => {
|
|
@@ -66,6 +67,7 @@ const AnimatedMessageCheckbox = ({
|
|
|
66
67
|
};
|
|
67
68
|
});
|
|
68
69
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
70
|
+
accessible: accessible,
|
|
69
71
|
accessibilityRole: "checkbox",
|
|
70
72
|
accessibilityState: {
|
|
71
73
|
checked
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","internalSpacing","styles","StyleSheet","create","checkBoxWrapper","width","IOVisualCostants","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","checked","onPress","theme","useIOTheme","isChecked","shapeAnimationProgress","useSharedValue","tickAnimationProgress","backgroundColor","IOColors","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","out","cubic","animatedCheckboxShape","useAnimatedStyle","scale","interpolate","opacity","transform","jsxs","Pressable","accessibilityRole","accessibilityState","testID","style","children","jsx","View","AnimatedTick","progress","strokeWidth","stroke","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAQA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAAsD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","internalSpacing","styles","StyleSheet","create","checkBoxWrapper","width","IOVisualCostants","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","accessible","checked","onPress","theme","useIOTheme","isChecked","shapeAnimationProgress","useSharedValue","tickAnimationProgress","backgroundColor","IOColors","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","out","cubic","animatedCheckboxShape","useAnimatedStyle","scale","interpolate","opacity","transform","jsxs","Pressable","accessibilityRole","accessibilityState","testID","style","children","jsx","View","AnimatedTick","progress","strokeWidth","stroke","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -21,8 +21,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
22
|
const PAYMENT_LOGO_SIZE = 24;
|
|
23
23
|
const ListItemInfo = ({
|
|
24
|
-
label,
|
|
25
24
|
value,
|
|
25
|
+
label,
|
|
26
26
|
numberOfLines = 2,
|
|
27
27
|
reversed = false,
|
|
28
28
|
icon,
|
|
@@ -48,13 +48,13 @@ const ListItemInfo = ({
|
|
|
48
48
|
backgroundAnimatedStyle
|
|
49
49
|
} = (0, _hooks.useListItemAnimation)();
|
|
50
50
|
const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
|
|
51
|
-
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ?? `${label}; ${componentValueToAccessibility}
|
|
51
|
+
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ?? (label ? `${label}; ${componentValueToAccessibility}` : componentValueToAccessibility), [label, componentValueToAccessibility, accessibilityLabel]);
|
|
52
52
|
const itemInfoTextComponent = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
53
53
|
accessible: _reactNative.Platform.OS === "ios",
|
|
54
54
|
style: {
|
|
55
55
|
flexDirection: reversed ? "column-reverse" : "column"
|
|
56
56
|
},
|
|
57
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.BodySmall, {
|
|
57
|
+
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.BodySmall, {
|
|
58
58
|
weight: "Regular",
|
|
59
59
|
color: theme["textBody-tertiary"],
|
|
60
60
|
children: label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PAYMENT_LOGO_SIZE","ListItemInfo","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PAYMENT_LOGO_SIZE","ListItemInfo","value","label","numberOfLines","reversed","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","theme","useIOTheme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","jsxs","View","accessible","Platform","OS","style","flexDirection","children","jsx","BodySmall","weight","color","H6","listItemInfoAction","useCallback","type","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","ListItemInfoContent","Icon","allowFontScaling","name","size","IOListItemVisualParams","iconSize","LogoPaymentWithFallback","brand","IOStyles","flex","Pressable","onTouchEnd","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -32,6 +32,7 @@ const styles = StyleSheet.create({
|
|
|
32
32
|
* list item (Select mode that enables related actions)
|
|
33
33
|
*/
|
|
34
34
|
export const AnimatedMessageCheckbox = ({
|
|
35
|
+
accessible,
|
|
35
36
|
checked,
|
|
36
37
|
onPress
|
|
37
38
|
}) => {
|
|
@@ -60,6 +61,7 @@ export const AnimatedMessageCheckbox = ({
|
|
|
60
61
|
};
|
|
61
62
|
});
|
|
62
63
|
return /*#__PURE__*/_jsxs(Pressable, {
|
|
64
|
+
accessible: accessible,
|
|
63
65
|
accessibilityRole: "checkbox",
|
|
64
66
|
accessibilityState: {
|
|
65
67
|
checked
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOTheme","IOSpringValues","IOColors","IOVisualCostants","AnimatedTick","jsx","_jsx","jsxs","_jsxs","internalSpacing","styles","create","checkBoxWrapper","width","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","checked","onPress","theme","isChecked","shapeAnimationProgress","tickAnimationProgress","backgroundColor","value","selection","duration","easing","out","cubic","animatedCheckboxShape","scale","opacity","transform","accessibilityRole","accessibilityState","testID","style","children","View","progress","strokeWidth","stroke"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,EAAkBC,UAAU,QAAQ,cAAc;AACpE,OAAOC,QAAQ,IACbC,MAAM,EACNC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,YAAY,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["React","useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOTheme","IOSpringValues","IOColors","IOVisualCostants","AnimatedTick","jsx","_jsx","jsxs","_jsxs","internalSpacing","styles","create","checkBoxWrapper","width","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","accessible","checked","onPress","theme","isChecked","shapeAnimationProgress","tickAnimationProgress","backgroundColor","value","selection","duration","easing","out","cubic","animatedCheckboxShape","scale","opacity","transform","accessibilityRole","accessibilityState","testID","style","children","View","progress","strokeWidth","stroke"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,8 +14,8 @@ import { BodySmall, H6 } from "../typography";
|
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
15
15
|
const PAYMENT_LOGO_SIZE = 24;
|
|
16
16
|
export const ListItemInfo = ({
|
|
17
|
-
label,
|
|
18
17
|
value,
|
|
18
|
+
label,
|
|
19
19
|
numberOfLines = 2,
|
|
20
20
|
reversed = false,
|
|
21
21
|
icon,
|
|
@@ -41,13 +41,13 @@ export const ListItemInfo = ({
|
|
|
41
41
|
backgroundAnimatedStyle
|
|
42
42
|
} = useListItemAnimation();
|
|
43
43
|
const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
|
|
44
|
-
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ?? `${label}; ${componentValueToAccessibility}
|
|
44
|
+
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ?? (label ? `${label}; ${componentValueToAccessibility}` : componentValueToAccessibility), [label, componentValueToAccessibility, accessibilityLabel]);
|
|
45
45
|
const itemInfoTextComponent = useMemo(() => /*#__PURE__*/_jsxs(View, {
|
|
46
46
|
accessible: Platform.OS === "ios",
|
|
47
47
|
style: {
|
|
48
48
|
flexDirection: reversed ? "column-reverse" : "column"
|
|
49
49
|
},
|
|
50
|
-
children: [/*#__PURE__*/_jsx(BodySmall, {
|
|
50
|
+
children: [label && /*#__PURE__*/_jsx(BodySmall, {
|
|
51
51
|
weight: "Regular",
|
|
52
52
|
color: theme["textBody-tertiary"],
|
|
53
53
|
children: label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Platform","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","BodySmall","H6","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PAYMENT_LOGO_SIZE","ListItemInfo","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Platform","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","BodySmall","H6","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PAYMENT_LOGO_SIZE","ListItemInfo","value","label","numberOfLines","reversed","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","accessible","OS","style","flexDirection","children","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","iconButtonAccessibilityLabel","ListItemInfoContent","allowFontScaling","name","size","iconSize","brand","flex","onTouchEnd","listItem","listItemInner","columnGap","iconMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAA+BC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC9E,SAA4BC,QAAQ,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC3E,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AACnB,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,qBAAqB,QAAQ,2BAA2B;AAEjE,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,UAAU,EAAEC,UAAU,QAAQ,YAAY;AACnD,SAASC,uBAAuB,QAAQ,mCAAmC;AAC3E,SAAmCC,IAAI,QAAQ,UAAU;AAEzD,SAASC,SAAS,EAAEC,EAAE,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAkD9C,MAAMC,iBAAkC,GAAG,EAAE;AAE7C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,KAAK;EACLC,aAAa,GAAG,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC,eAAe;EACfC,UAAU;EACVC,kBAAkB;EAClBC,iBAAiB;EACjBC,oBAAoB;EACpBC,qBAAqB;EACrBC,WAAW;EACXC;AACY,CAAC,KAAK;EAClB,MAAMC,KAAK,GAAG/B,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEgC,gBAAgB;IAAEC,sBAAsB;IAAEC;EAAgB,CAAC,GACjEhC,qBAAqB,CAAC,CAAC;EAEzB,MAAM;IAAEiC,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GAC1ErC,oBAAoB,CAAC,CAAC;EAExB,MAAMsC,6BAA6B,GAAG/C,OAAO,CAC3C,MAAO,OAAO0B,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAG,EAC9C,CAACA,KAAK,CACR,CAAC;EAED,MAAMsB,0BAA0B,GAAGhD,OAAO,CACxC,MACEiC,kBAAkB,KACjBN,KAAK,GACF,GAAGA,KAAK,KAAKoB,6BAA6B,EAAE,GAC5CA,6BAA6B,CAAC,EACpC,CAACpB,KAAK,EAAEoB,6BAA6B,EAAEd,kBAAkB,CAC3D,CAAC;EAED,MAAMgB,qBAAqB,GAAGjD,OAAO,CACnC,mBACEqB,KAAA,CAAClB,IAAI;IACH+C,UAAU,EAAEjD,QAAQ,CAACkD,EAAE,KAAK,KAAM;IAClCC,KAAK,EAAE;MAAEC,aAAa,EAAExB,QAAQ,GAAG,gBAAgB,GAAG;IAAS,CAAE;IAAAyB,QAAA,GAEhE3B,KAAK,iBACJR,IAAA,CAACH,SAAS;MAACuC,MAAM,EAAC,SAAS;MAACC,KAAK,EAAEjB,KAAK,CAAC,mBAAmB,CAAE;MAAAe,QAAA,EAC3D3B;IAAK,CACG,CACZ,EACA,OAAOD,KAAK,KAAK,QAAQ,gBACxBP,IAAA,CAACF,EAAE;MAACuC,KAAK,EAAEjB,KAAK,CAAC,kBAAkB,CAAE;MAACX,aAAa,EAAEA,aAAc;MAAA0B,QAAA,EAChE5B;IAAK,CACJ,CAAC,GAELA,KACD;EAAA,CACG,CACP,EACD,CAACC,KAAK,EAAED,KAAK,EAAEE,aAAa,EAAEW,KAAK,EAAEV,QAAQ,CAC/C,CAAC;EAED,MAAM4B,kBAAkB,GAAG1D,WAAW,CAAC,MAAM;IAC3C,IAAIiC,UAAU,EAAE;MACd,MAAM;QAAE0B,IAAI;QAAEC;MAAe,CAAC,GAAG3B,UAAU;MAE3C,QAAQ0B,IAAI;QACV,KAAK,YAAY;UACf,MAAME,4BAA4B,GAAG,GACnCD,cAAc,CAAC1B,kBAAkB,IAAI0B,cAAc,CAAChC,KAAK,EACzD;UAEF,oBACER,IAAA,CAACP,UAAU;YAAA,GACL+C,cAAc;YAClB1B,kBAAkB,EAAE2B;UAA6B,CAClD,CAAC;QAEN,KAAK,YAAY;UACf,MAAMC,4BAA4B,GAAG,GAAGF,cAAc,CAAC1B,kBAAkB,EAAE;UAC3E,oBACEd,IAAA,CAACN,UAAU;YAAA,GACL8C,cAAc;YAClB1B,kBAAkB,EAAE4B;UAA6B,CAClD,CAAC;QAEN,KAAK,OAAO;UACV,oBAAO1C,IAAA,CAACR,KAAK;YAAA,GAAKgD;UAAc,CAAG,CAAC;QACtC;UACE,oBAAOxC,IAAA,CAAAI,SAAA,IAAI,CAAC;MAChB;IACF;IACA,oBAAOJ,IAAA,CAAAI,SAAA,IAAI,CAAC;EACd,CAAC,EAAE,CAACS,UAAU,CAAC,CAAC;EAEhB,MAAM8B,mBAAmB,GAAGA,CAAA,kBAC1BzC,KAAA,CAAAE,SAAA;IAAA+B,QAAA,GACGxB,IAAI,IAAI,CAACY,eAAe,iBACvBvB,IAAA,CAACJ,IAAI;MACHgD,gBAAgB;MAChBC,IAAI,EAAElC,IAAK;MACX0B,KAAK,EAAEjB,KAAK,CAAC,iBAAiB,CAAE;MAChC0B,IAAI,EAAE3D,sBAAsB,CAAC4D;IAAS,CACvC,CACF,EACAnC,eAAe,iBACdZ,IAAA,CAACL,uBAAuB;MACtBqD,KAAK,EAAEpC,eAAgB;MACvBkC,IAAI,EAAEzC;IAAkB,CACzB,CACF,eACDL,IAAA,CAAChB,IAAI;MAACiD,KAAK,EAAE7C,QAAQ,CAAC6D,IAAK;MAAAd,QAAA,EAAEL;IAAqB,CAAO,CAAC,EACzDjB,UAAU,iBAAIb,IAAA,CAAChB,IAAI;MAAAmD,QAAA,EAAEG,kBAAkB,CAAC;IAAC,CAAO,CAAC;EAAA,CAClD,CACH;EAED,IAAIpB,WAAW,EAAE;IACf,oBACElB,IAAA,CAACjB,SAAS;MACRmC,WAAW,EAAEA,WAAY;MACzBC,MAAM,EAAEA,MAAO;MACfY,UAAU,EAAE,CAAClB,UAAW;MACxBW,SAAS,EAAEA,SAAU;MACrBC,UAAU,EAAEA,UAAW;MACvByB,UAAU,EAAEzB,UAAW;MACvBV,iBAAiB,EAAE,QAAS;MAC5BD,kBAAkB,EAAEe,0BAA2B;MAC/Cb,oBAAoB,EAAEA,oBAAqB;MAC3CC,qBAAqB,EAAEA,qBAAsB;MAAAkB,QAAA,eAE7CnC,IAAA,CAACf,QAAQ,CAACD,IAAI;QACZiD,KAAK,EAAE,CAAC/C,gBAAgB,CAACiE,QAAQ,EAAExB,uBAAuB,CAAE;QAAAQ,QAAA,eAE5DnC,IAAA,CAACf,QAAQ,CAACD,IAAI;UACZiD,KAAK,EAAE,CACL/C,gBAAgB,CAACkE,aAAa,EAC9B;YACEC,SAAS,EACPlE,sBAAsB,CAACmE,UAAU,GACjCjC,gBAAgB,GAChBC;UACJ,CAAC,EACDI,kBAAkB,CAClB;UAAAS,QAAA,eAEFnC,IAAA,CAAC2C,mBAAmB,IAAE;QAAC,CACV;MAAC,CACH;IAAC,CACP,CAAC;EAEhB,CAAC,MAAM;IACL,oBACE3C,IAAA,CAAChB,IAAI;MACHiD,KAAK,EAAE/C,gBAAgB,CAACiE,QAAS;MACjChC,MAAM,EAAEA,MAAO;MACfY,UAAU,EAAE,CAAClB,UAAW;MACxBC,kBAAkB,EAAEe,0BAA2B;MAC/Cd,iBAAiB,EAAEA,iBAAkB;MAAAoB,QAAA,eAErCnC,IAAA,CAAChB,IAAI;QACHiD,KAAK,EAAE,CACL/C,gBAAgB,CAACkE,aAAa,EAC9B;UACEC,SAAS,EACPlE,sBAAsB,CAACmE,UAAU,GACjCjC,gBAAgB,GAChBC;QACJ,CAAC,CACD;QAAAa,QAAA,eAEFnC,IAAA,CAAC2C,mBAAmB,IAAE;MAAC,CACnB;IAAC,CACH,CAAC;EAEX;AACF,CAAC;AAED,eAAerC,YAAY","ignoreList":[]}
|
|
@@ -3,11 +3,11 @@ import { PressableProps } from "react-native";
|
|
|
3
3
|
type Props = {
|
|
4
4
|
checked?: boolean;
|
|
5
5
|
};
|
|
6
|
-
type AnimatedMessageCheckbox = Props & Pick<PressableProps, "onPress">;
|
|
6
|
+
type AnimatedMessageCheckbox = Props & Pick<PressableProps, "accessible" | "onPress">;
|
|
7
7
|
/**
|
|
8
8
|
* Animated message checkbox used for the specific message
|
|
9
9
|
* list item (Select mode that enables related actions)
|
|
10
10
|
*/
|
|
11
|
-
export declare const AnimatedMessageCheckbox: ({ checked, onPress }: AnimatedMessageCheckbox) => React.JSX.Element;
|
|
11
|
+
export declare const AnimatedMessageCheckbox: ({ accessible, checked, onPress }: AnimatedMessageCheckbox) => React.JSX.Element;
|
|
12
12
|
export {};
|
|
13
13
|
//# sourceMappingURL=AnimatedMessageCheckbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedMessageCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/AnimatedMessageCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAa,cAAc,EAAc,MAAM,cAAc,CAAC;AAgBrE,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,uBAAuB,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"AnimatedMessageCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/AnimatedMessageCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAa,cAAc,EAAc,MAAM,cAAc,CAAC;AAgBrE,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,uBAAuB,GAAG,KAAK,GAClC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;AAqBjD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,kCAIrC,uBAAuB,sBAyDzB,CAAC"}
|
|
@@ -27,14 +27,14 @@ type GraphicProps = {
|
|
|
27
27
|
};
|
|
28
28
|
type InteractiveProps = Pick<ComponentProps<typeof Pressable>, "onLongPress" | "accessibilityActions" | "onAccessibilityAction">;
|
|
29
29
|
export type ListItemInfo = WithTestID<{
|
|
30
|
-
label: string;
|
|
31
30
|
value: string | ReactNode;
|
|
31
|
+
label?: string;
|
|
32
32
|
numberOfLines?: number;
|
|
33
33
|
endElement?: EndElementProps;
|
|
34
34
|
accessibilityLabel?: string;
|
|
35
35
|
accessibilityRole?: AccessibilityRole;
|
|
36
36
|
reversed?: boolean;
|
|
37
37
|
}> & GraphicProps & InteractiveProps;
|
|
38
|
-
export declare const ListItemInfo: ({
|
|
38
|
+
export declare const ListItemInfo: ({ value, label, numberOfLines, reversed, icon, paymentLogoIcon, endElement, accessibilityLabel, accessibilityRole, accessibilityActions, onAccessibilityAction, onLongPress, testID }: ListItemInfo) => React.JSX.Element;
|
|
39
39
|
export default ListItemInfo;
|
|
40
40
|
//# sourceMappingURL=ListItemInfo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAY,SAAS,EAAQ,MAAM,cAAc,CAAC;AAU5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,KAAK,YAAY,GACb;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,aAAa,GAAG,sBAAsB,GAAG,uBAAuB,CACjE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAY,SAAS,EAAQ,MAAM,cAAc,CAAC;AAU5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,KAAK,YAAY,GACb;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,aAAa,GAAG,sBAAsB,GAAG,uBAAuB,CACjE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACA,YAAY,GACZ,gBAAgB,CAAC;AAInB,eAAO,MAAM,YAAY,GAAI,uLAc1B,YAAY,sBA8Jd,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -19,7 +19,8 @@ type Props = {
|
|
|
19
19
|
checked?: boolean;
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
type AnimatedMessageCheckbox = Props &
|
|
22
|
+
type AnimatedMessageCheckbox = Props &
|
|
23
|
+
Pick<PressableProps, "accessible" | "onPress">;
|
|
23
24
|
|
|
24
25
|
const internalSpacing: IOSpacingScale = 4;
|
|
25
26
|
|
|
@@ -45,6 +46,7 @@ const styles = StyleSheet.create({
|
|
|
45
46
|
* list item (Select mode that enables related actions)
|
|
46
47
|
*/
|
|
47
48
|
export const AnimatedMessageCheckbox = ({
|
|
49
|
+
accessible,
|
|
48
50
|
checked,
|
|
49
51
|
onPress
|
|
50
52
|
}: AnimatedMessageCheckbox) => {
|
|
@@ -81,6 +83,7 @@ export const AnimatedMessageCheckbox = ({
|
|
|
81
83
|
|
|
82
84
|
return (
|
|
83
85
|
<Pressable
|
|
86
|
+
accessible={accessible}
|
|
84
87
|
accessibilityRole="checkbox"
|
|
85
88
|
accessibilityState={{ checked }}
|
|
86
89
|
testID="AnimatedMessageCheckboxInput"
|
|
@@ -53,8 +53,8 @@ type InteractiveProps = Pick<
|
|
|
53
53
|
>;
|
|
54
54
|
|
|
55
55
|
export type ListItemInfo = WithTestID<{
|
|
56
|
-
label: string;
|
|
57
56
|
value: string | ReactNode;
|
|
57
|
+
label?: string;
|
|
58
58
|
numberOfLines?: number;
|
|
59
59
|
endElement?: EndElementProps;
|
|
60
60
|
// Accessibility
|
|
@@ -68,8 +68,8 @@ export type ListItemInfo = WithTestID<{
|
|
|
68
68
|
const PAYMENT_LOGO_SIZE: IOIconSizeScale = 24;
|
|
69
69
|
|
|
70
70
|
export const ListItemInfo = ({
|
|
71
|
-
label,
|
|
72
71
|
value,
|
|
72
|
+
label,
|
|
73
73
|
numberOfLines = 2,
|
|
74
74
|
reversed = false,
|
|
75
75
|
icon,
|
|
@@ -95,7 +95,11 @@ export const ListItemInfo = ({
|
|
|
95
95
|
);
|
|
96
96
|
|
|
97
97
|
const listItemAccessibilityLabel = useMemo(
|
|
98
|
-
() =>
|
|
98
|
+
() =>
|
|
99
|
+
accessibilityLabel ??
|
|
100
|
+
(label
|
|
101
|
+
? `${label}; ${componentValueToAccessibility}`
|
|
102
|
+
: componentValueToAccessibility),
|
|
99
103
|
[label, componentValueToAccessibility, accessibilityLabel]
|
|
100
104
|
);
|
|
101
105
|
|
|
@@ -105,9 +109,11 @@ export const ListItemInfo = ({
|
|
|
105
109
|
accessible={Platform.OS === "ios"}
|
|
106
110
|
style={{ flexDirection: reversed ? "column-reverse" : "column" }}
|
|
107
111
|
>
|
|
108
|
-
|
|
109
|
-
{
|
|
110
|
-
|
|
112
|
+
{label && (
|
|
113
|
+
<BodySmall weight="Regular" color={theme["textBody-tertiary"]}>
|
|
114
|
+
{label}
|
|
115
|
+
</BodySmall>
|
|
116
|
+
)}
|
|
111
117
|
{typeof value === "string" ? (
|
|
112
118
|
<H6 color={theme["textBody-default"]} numberOfLines={numberOfLines}>
|
|
113
119
|
{value}
|