@pagopa/io-app-design-system 5.3.6 → 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/listitems/ListItemInfo.js +3 -3
- package/lib/commonjs/components/listitems/ListItemInfo.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/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/listitems/ListItemInfo.tsx +12 -6
|
@@ -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":[]}
|
|
@@ -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":"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","ignoreList":[]}
|
|
@@ -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
|
@@ -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}
|