@pagopa/io-app-design-system 5.10.2 → 5.11.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/listitems/ListItemInfo.js +13 -2
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +13 -2
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +3 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/listitems/ListItemInfo.tsx +12 -1
|
@@ -16,6 +16,7 @@ var _buttons = require("../buttons");
|
|
|
16
16
|
var _LogoPaymentWithFallback = require("../common/LogoPaymentWithFallback");
|
|
17
17
|
var _icons = require("../icons");
|
|
18
18
|
var _typography = require("../typography");
|
|
19
|
+
var _layout = require("../layout");
|
|
19
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
@@ -28,6 +29,7 @@ const ListItemInfo = ({
|
|
|
28
29
|
icon,
|
|
29
30
|
paymentLogoIcon,
|
|
30
31
|
endElement,
|
|
32
|
+
topElement,
|
|
31
33
|
accessibilityLabel,
|
|
32
34
|
accessibilityRole,
|
|
33
35
|
accessibilityActions,
|
|
@@ -54,7 +56,16 @@ const ListItemInfo = ({
|
|
|
54
56
|
style: {
|
|
55
57
|
flexDirection: reversed ? "column-reverse" : "column"
|
|
56
58
|
},
|
|
57
|
-
children: [
|
|
59
|
+
children: [topElement?.type === "badge" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
60
|
+
style: {
|
|
61
|
+
alignSelf: "flex-start"
|
|
62
|
+
},
|
|
63
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.Badge, {
|
|
64
|
+
...topElement.componentProps
|
|
65
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_layout.VSpacer, {
|
|
66
|
+
size: 4
|
|
67
|
+
})]
|
|
68
|
+
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.BodySmall, {
|
|
58
69
|
weight: "Regular",
|
|
59
70
|
color: theme["textBody-tertiary"],
|
|
60
71
|
children: label
|
|
@@ -63,7 +74,7 @@ const ListItemInfo = ({
|
|
|
63
74
|
numberOfLines: numberOfLines,
|
|
64
75
|
children: value
|
|
65
76
|
}) : value]
|
|
66
|
-
}), [label, value, numberOfLines, theme, reversed]);
|
|
77
|
+
}), [label, value, numberOfLines, theme, reversed, topElement]);
|
|
67
78
|
const listItemInfoAction = (0, _react.useCallback)(() => {
|
|
68
79
|
if (endElement) {
|
|
69
80
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_context","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_context","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","_layout","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PAYMENT_LOGO_SIZE","ListItemInfo","value","label","numberOfLines","reversed","icon","paymentLogoIcon","endElement","topElement","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","type","alignSelf","jsx","Badge","componentProps","VSpacer","size","BodySmall","weight","color","H6","listItemInfoAction","useCallback","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Fragment","ListItemInfoContent","Icon","allowFontScaling","name","IOListItemVisualParams","iconSize","LogoPaymentWithFallback","brand","flex","Pressable","onTouchEnd","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,6 +12,7 @@ import { ButtonLink, IconButton } from "../buttons";
|
|
|
12
12
|
import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
|
|
13
13
|
import { Icon } from "../icons";
|
|
14
14
|
import { BodySmall, H6 } from "../typography";
|
|
15
|
+
import { VSpacer } from "../layout";
|
|
15
16
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
17
|
const PAYMENT_LOGO_SIZE = 24;
|
|
17
18
|
export const ListItemInfo = ({
|
|
@@ -22,6 +23,7 @@ export const ListItemInfo = ({
|
|
|
22
23
|
icon,
|
|
23
24
|
paymentLogoIcon,
|
|
24
25
|
endElement,
|
|
26
|
+
topElement,
|
|
25
27
|
accessibilityLabel,
|
|
26
28
|
accessibilityRole,
|
|
27
29
|
accessibilityActions,
|
|
@@ -48,7 +50,16 @@ export const ListItemInfo = ({
|
|
|
48
50
|
style: {
|
|
49
51
|
flexDirection: reversed ? "column-reverse" : "column"
|
|
50
52
|
},
|
|
51
|
-
children: [
|
|
53
|
+
children: [topElement?.type === "badge" && /*#__PURE__*/_jsxs(View, {
|
|
54
|
+
style: {
|
|
55
|
+
alignSelf: "flex-start"
|
|
56
|
+
},
|
|
57
|
+
children: [/*#__PURE__*/_jsx(Badge, {
|
|
58
|
+
...topElement.componentProps
|
|
59
|
+
}), /*#__PURE__*/_jsx(VSpacer, {
|
|
60
|
+
size: 4
|
|
61
|
+
})]
|
|
62
|
+
}), label && /*#__PURE__*/_jsx(BodySmall, {
|
|
52
63
|
weight: "Regular",
|
|
53
64
|
color: theme["textBody-tertiary"],
|
|
54
65
|
children: label
|
|
@@ -57,7 +68,7 @@ export const ListItemInfo = ({
|
|
|
57
68
|
numberOfLines: numberOfLines,
|
|
58
69
|
children: value
|
|
59
70
|
}) : value]
|
|
60
|
-
}), [label, value, numberOfLines, theme, reversed]);
|
|
71
|
+
}), [label, value, numberOfLines, theme, reversed, topElement]);
|
|
61
72
|
const listItemInfoAction = useCallback(() => {
|
|
62
73
|
if (endElement) {
|
|
63
74
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Platform","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","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","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Platform","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","BodySmall","H6","VSpacer","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PAYMENT_LOGO_SIZE","ListItemInfo","value","label","numberOfLines","reversed","icon","paymentLogoIcon","endElement","topElement","accessibilityLabel","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","accessible","OS","style","flexDirection","children","type","alignSelf","componentProps","size","weight","color","listItemInfoAction","buttonLinkAccessibilityLabel","iconButtonAccessibilityLabel","ListItemInfoContent","allowFontScaling","name","iconSize","brand","flex","onTouchEnd","listItem","listItemInner","columnGap","iconMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,6 +18,7 @@ type BadgeProps = {
|
|
|
18
18
|
componentProps: ComponentProps<typeof Badge>;
|
|
19
19
|
};
|
|
20
20
|
type EndElementProps = ButtonLinkActionProps | IconButtonActionProps | BadgeProps;
|
|
21
|
+
type TopElementProps = BadgeProps;
|
|
21
22
|
type GraphicProps = {
|
|
22
23
|
paymentLogoIcon?: IOLogoPaymentType;
|
|
23
24
|
icon?: never;
|
|
@@ -31,10 +32,11 @@ export type ListItemInfo = WithTestID<{
|
|
|
31
32
|
label?: string;
|
|
32
33
|
numberOfLines?: number;
|
|
33
34
|
endElement?: EndElementProps;
|
|
35
|
+
topElement?: TopElementProps;
|
|
34
36
|
accessibilityLabel?: string;
|
|
35
37
|
accessibilityRole?: AccessibilityRole;
|
|
36
38
|
reversed?: boolean;
|
|
37
39
|
}> & GraphicProps & InteractiveProps;
|
|
38
|
-
export declare const ListItemInfo: ({ value, label, numberOfLines, reversed, icon, paymentLogoIcon, endElement, accessibilityLabel, accessibilityRole, accessibilityActions, onAccessibilityAction, onLongPress, testID }: ListItemInfo) => React.JSX.Element;
|
|
40
|
+
export declare const ListItemInfo: ({ value, label, numberOfLines, reversed, icon, paymentLogoIcon, endElement, topElement, accessibilityLabel, accessibilityRole, accessibilityActions, onAccessibilityAction, onLongPress, testID }: ListItemInfo) => React.JSX.Element;
|
|
39
41
|
export default ListItemInfo;
|
|
40
42
|
//# 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;AAM5E,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;
|
|
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;AAM5E,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;AAI7C,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,eAAe,GAAG,UAAU,CAAC;AAElC,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;IAC7B,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,mMAe1B,YAAY,sBAoKd,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -12,6 +12,7 @@ import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
|
|
|
12
12
|
import { IOIconSizeScale, IOIcons, Icon } from "../icons";
|
|
13
13
|
import { IOLogoPaymentType } from "../logos";
|
|
14
14
|
import { BodySmall, H6 } from "../typography";
|
|
15
|
+
import { VSpacer } from "../layout";
|
|
15
16
|
|
|
16
17
|
type ButtonLinkActionProps = {
|
|
17
18
|
type: "buttonLink";
|
|
@@ -33,6 +34,8 @@ type EndElementProps =
|
|
|
33
34
|
| IconButtonActionProps
|
|
34
35
|
| BadgeProps;
|
|
35
36
|
|
|
37
|
+
type TopElementProps = BadgeProps;
|
|
38
|
+
|
|
36
39
|
type GraphicProps =
|
|
37
40
|
| {
|
|
38
41
|
paymentLogoIcon?: IOLogoPaymentType;
|
|
@@ -53,6 +56,7 @@ export type ListItemInfo = WithTestID<{
|
|
|
53
56
|
label?: string;
|
|
54
57
|
numberOfLines?: number;
|
|
55
58
|
endElement?: EndElementProps;
|
|
59
|
+
topElement?: TopElementProps;
|
|
56
60
|
// Accessibility
|
|
57
61
|
accessibilityLabel?: string;
|
|
58
62
|
accessibilityRole?: AccessibilityRole;
|
|
@@ -71,6 +75,7 @@ export const ListItemInfo = ({
|
|
|
71
75
|
icon,
|
|
72
76
|
paymentLogoIcon,
|
|
73
77
|
endElement,
|
|
78
|
+
topElement,
|
|
74
79
|
accessibilityLabel,
|
|
75
80
|
accessibilityRole,
|
|
76
81
|
accessibilityActions,
|
|
@@ -105,6 +110,12 @@ export const ListItemInfo = ({
|
|
|
105
110
|
accessible={Platform.OS === "ios"}
|
|
106
111
|
style={{ flexDirection: reversed ? "column-reverse" : "column" }}
|
|
107
112
|
>
|
|
113
|
+
{topElement?.type === "badge" && (
|
|
114
|
+
<View style={{ alignSelf: "flex-start" }}>
|
|
115
|
+
<Badge {...topElement.componentProps} />
|
|
116
|
+
<VSpacer size={4} />
|
|
117
|
+
</View>
|
|
118
|
+
)}
|
|
108
119
|
{label && (
|
|
109
120
|
<BodySmall weight="Regular" color={theme["textBody-tertiary"]}>
|
|
110
121
|
{label}
|
|
@@ -119,7 +130,7 @@ export const ListItemInfo = ({
|
|
|
119
130
|
)}
|
|
120
131
|
</View>
|
|
121
132
|
),
|
|
122
|
-
[label, value, numberOfLines, theme, reversed]
|
|
133
|
+
[label, value, numberOfLines, theme, reversed, topElement]
|
|
123
134
|
);
|
|
124
135
|
|
|
125
136
|
const listItemInfoAction = useCallback(() => {
|