@pagopa/io-app-design-system 2.1.0 → 2.1.2
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 +6 -4
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +6 -4
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +5 -3
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/listitems/ListItemInfo.tsx +7 -4
|
@@ -7,11 +7,11 @@ exports.default = exports.ListItemInfo = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
|
-
var _icons = require("../icons");
|
|
11
|
-
var _typography = require("../typography");
|
|
12
|
-
var _buttons = require("../buttons");
|
|
13
10
|
var _badge = require("../badge");
|
|
11
|
+
var _buttons = require("../buttons");
|
|
14
12
|
var _LogoPaymentWithFallback = require("../common/LogoPaymentWithFallback");
|
|
13
|
+
var _icons = require("../icons");
|
|
14
|
+
var _typography = require("../typography");
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -24,6 +24,7 @@ const ListItemInfo = ({
|
|
|
24
24
|
paymentLogoIcon,
|
|
25
25
|
endElement,
|
|
26
26
|
accessibilityLabel,
|
|
27
|
+
accessibilityRole,
|
|
27
28
|
testID
|
|
28
29
|
}) => {
|
|
29
30
|
const theme = (0, _core.useIOTheme)();
|
|
@@ -67,7 +68,8 @@ const ListItemInfo = ({
|
|
|
67
68
|
style: _core.IOListItemStyles.listItem,
|
|
68
69
|
testID: testID,
|
|
69
70
|
accessible: endElement === undefined ? true : false,
|
|
70
|
-
accessibilityLabel: listItemAccessibilityLabel
|
|
71
|
+
accessibilityLabel: listItemAccessibilityLabel,
|
|
72
|
+
accessibilityRole: accessibilityRole
|
|
71
73
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
72
74
|
style: _core.IOListItemStyles.listItemInner
|
|
73
75
|
}, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_buttons","_LogoPaymentWithFallback","_icons","_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","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","useIOTheme","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","createElement","View","accessible","Platform","OS","LabelSmall","weight","color","H6","listItemInfoAction","useCallback","type","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","style","IOListItemStyles","listItem","undefined","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","size","iconSize","LogoPaymentWithFallback","brand","IOStyles","flex","marginLeft","actionMargin","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import React, { useCallback, useMemo } from "react";
|
|
3
3
|
import { Platform, View } from "react-native";
|
|
4
4
|
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
5
|
-
import { Icon } from "../icons";
|
|
6
|
-
import { H6, LabelSmall } from "../typography";
|
|
7
|
-
import { ButtonLink, IconButton } from "../buttons";
|
|
8
5
|
import { Badge } from "../badge";
|
|
6
|
+
import { ButtonLink, IconButton } from "../buttons";
|
|
9
7
|
import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
|
|
8
|
+
import { Icon } from "../icons";
|
|
9
|
+
import { H6, LabelSmall } from "../typography";
|
|
10
10
|
const PAYMENT_LOGO_SIZE = 24;
|
|
11
11
|
export const ListItemInfo = ({
|
|
12
12
|
label,
|
|
@@ -16,6 +16,7 @@ export const ListItemInfo = ({
|
|
|
16
16
|
paymentLogoIcon,
|
|
17
17
|
endElement,
|
|
18
18
|
accessibilityLabel,
|
|
19
|
+
accessibilityRole,
|
|
19
20
|
testID
|
|
20
21
|
}) => {
|
|
21
22
|
const theme = useIOTheme();
|
|
@@ -59,7 +60,8 @@ export const ListItemInfo = ({
|
|
|
59
60
|
style: IOListItemStyles.listItem,
|
|
60
61
|
testID: testID,
|
|
61
62
|
accessible: endElement === undefined ? true : false,
|
|
62
|
-
accessibilityLabel: listItemAccessibilityLabel
|
|
63
|
+
accessibilityLabel: listItemAccessibilityLabel,
|
|
64
|
+
accessibilityRole: accessibilityRole
|
|
63
65
|
}, /*#__PURE__*/React.createElement(View, {
|
|
64
66
|
style: IOListItemStyles.listItemInner
|
|
65
67
|
}, icon && /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Platform","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Platform","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","H6","LabelSmall","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","undefined","listItemInner","marginRight","iconMargin","name","size","iconSize","brand","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { ComponentProps } from "react";
|
|
2
|
+
import { AccessibilityRole } from "react-native";
|
|
2
3
|
import { WithTestID } from "../../utils/types";
|
|
3
|
-
import { IOIcons } from "../icons";
|
|
4
|
-
import { ButtonLink, IconButton } from "../buttons";
|
|
5
4
|
import { Badge } from "../badge";
|
|
5
|
+
import { ButtonLink, IconButton } from "../buttons";
|
|
6
|
+
import { IOIcons } from "../icons";
|
|
6
7
|
import { IOLogoPaymentType } from "../logos";
|
|
7
8
|
type ButtonLinkActionProps = {
|
|
8
9
|
type: "buttonLink";
|
|
@@ -23,6 +24,7 @@ export type ListItemInfo = WithTestID<{
|
|
|
23
24
|
numberOfLines?: number;
|
|
24
25
|
endElement?: EndElementProps;
|
|
25
26
|
accessibilityLabel?: string;
|
|
27
|
+
accessibilityRole?: AccessibilityRole;
|
|
26
28
|
}> & ({
|
|
27
29
|
paymentLogoIcon?: IOLogoPaymentType;
|
|
28
30
|
icon?: never;
|
|
@@ -30,6 +32,6 @@ export type ListItemInfo = WithTestID<{
|
|
|
30
32
|
icon?: IOIcons;
|
|
31
33
|
paymentLogoIcon?: never;
|
|
32
34
|
});
|
|
33
|
-
export declare const ListItemInfo: ({ label, value, numberOfLines, icon, paymentLogoIcon, endElement, accessibilityLabel, testID }: ListItemInfo) => React.JSX.Element;
|
|
35
|
+
export declare const ListItemInfo: ({ label, value, numberOfLines, icon, paymentLogoIcon, endElement, accessibilityLabel, accessibilityRole, testID }: ListItemInfo) => React.JSX.Element;
|
|
34
36
|
export default ListItemInfo;
|
|
35
37
|
//# 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,EAAwB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAkB,MAAM,cAAc,CAAC;AAOjE,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,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC,GACA,CACI;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,CAAC;AAIJ,eAAO,MAAM,YAAY,sHAUtB,YAAY,sBAqGd,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentProps, useCallback, useMemo } from "react";
|
|
2
|
-
import { Platform, View } from "react-native";
|
|
2
|
+
import { AccessibilityRole, Platform, View } from "react-native";
|
|
3
3
|
import {
|
|
4
4
|
IOListItemStyles,
|
|
5
5
|
IOListItemVisualParams,
|
|
@@ -7,12 +7,12 @@ import {
|
|
|
7
7
|
useIOTheme
|
|
8
8
|
} from "../../core";
|
|
9
9
|
import { WithTestID } from "../../utils/types";
|
|
10
|
-
import { IOIconSizeScale, IOIcons, Icon } from "../icons";
|
|
11
|
-
import { H6, LabelSmall } from "../typography";
|
|
12
|
-
import { ButtonLink, IconButton } from "../buttons";
|
|
13
10
|
import { Badge } from "../badge";
|
|
11
|
+
import { ButtonLink, IconButton } from "../buttons";
|
|
14
12
|
import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
|
|
13
|
+
import { IOIconSizeScale, IOIcons, Icon } from "../icons";
|
|
15
14
|
import { IOLogoPaymentType } from "../logos";
|
|
15
|
+
import { H6, LabelSmall } from "../typography";
|
|
16
16
|
|
|
17
17
|
type ButtonLinkActionProps = {
|
|
18
18
|
type: "buttonLink";
|
|
@@ -41,6 +41,7 @@ export type ListItemInfo = WithTestID<{
|
|
|
41
41
|
endElement?: EndElementProps;
|
|
42
42
|
// Accessibility
|
|
43
43
|
accessibilityLabel?: string;
|
|
44
|
+
accessibilityRole?: AccessibilityRole;
|
|
44
45
|
}> &
|
|
45
46
|
(
|
|
46
47
|
| {
|
|
@@ -63,6 +64,7 @@ export const ListItemInfo = ({
|
|
|
63
64
|
paymentLogoIcon,
|
|
64
65
|
endElement,
|
|
65
66
|
accessibilityLabel,
|
|
67
|
+
accessibilityRole,
|
|
66
68
|
testID
|
|
67
69
|
}: ListItemInfo) => {
|
|
68
70
|
const theme = useIOTheme();
|
|
@@ -136,6 +138,7 @@ export const ListItemInfo = ({
|
|
|
136
138
|
testID={testID}
|
|
137
139
|
accessible={endElement === undefined ? true : false}
|
|
138
140
|
accessibilityLabel={listItemAccessibilityLabel}
|
|
141
|
+
accessibilityRole={accessibilityRole}
|
|
139
142
|
>
|
|
140
143
|
<View style={IOListItemStyles.listItemInner}>
|
|
141
144
|
{icon && (
|