@pagopa/io-app-design-system 4.3.1 → 4.3.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/ListItemHeader.js +9 -20
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +9 -20
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/listitems/ListItemHeader.tsx +9 -34
|
@@ -13,7 +13,6 @@ var _icons = require("../icons");
|
|
|
13
13
|
var _typography = require("../typography");
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
|
-
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); }
|
|
17
16
|
const iconMargin = 8;
|
|
18
17
|
const ListItemHeader = ({
|
|
19
18
|
label,
|
|
@@ -24,15 +23,14 @@ const ListItemHeader = ({
|
|
|
24
23
|
testID
|
|
25
24
|
}) => {
|
|
26
25
|
const theme = (0, _core.useIOTheme)();
|
|
27
|
-
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
28
26
|
const itemInfoTextComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
|
-
accessible:
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
accessible: true,
|
|
28
|
+
accessibilityRole: "header",
|
|
29
|
+
accessibilityLabel: accessibilityLabel ?? label
|
|
32
30
|
}, /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
33
31
|
role: "heading",
|
|
34
32
|
color: theme["textBody-tertiary"]
|
|
35
|
-
}, label)), [label,
|
|
33
|
+
}, label)), [label, accessibilityLabel, theme]);
|
|
36
34
|
const listItemAction = (0, _react.useCallback)(() => {
|
|
37
35
|
if (endElement) {
|
|
38
36
|
const {
|
|
@@ -41,15 +39,9 @@ const ListItemHeader = ({
|
|
|
41
39
|
} = endElement;
|
|
42
40
|
switch (type) {
|
|
43
41
|
case "buttonLink":
|
|
44
|
-
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(_buttons.ButtonLink, _extends({}, componentProps, {
|
|
46
|
-
accessibilityLabel: buttonLinkAccessibilityLabel
|
|
47
|
-
}));
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_buttons.ButtonLink, componentProps);
|
|
48
43
|
case "iconButton":
|
|
49
|
-
|
|
50
|
-
return /*#__PURE__*/_react.default.createElement(_buttons.IconButton, _extends({}, componentProps, {
|
|
51
|
-
accessibilityLabel: iconButtonAccessibilityLabel
|
|
52
|
-
}));
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_buttons.IconButton, componentProps);
|
|
53
45
|
case "badge":
|
|
54
46
|
return /*#__PURE__*/_react.default.createElement(_badge.Badge, componentProps);
|
|
55
47
|
default:
|
|
@@ -57,15 +49,12 @@ const ListItemHeader = ({
|
|
|
57
49
|
}
|
|
58
50
|
}
|
|
59
51
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
60
|
-
}, [endElement
|
|
52
|
+
}, [endElement]);
|
|
61
53
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
62
54
|
style: _core.IOListItemStyles.listItem,
|
|
63
|
-
testID: testID
|
|
64
|
-
accessible: endElement === undefined ? true : false,
|
|
65
|
-
accessibilityLabel: listItemAccessibilityLabel
|
|
55
|
+
testID: testID
|
|
66
56
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
67
|
-
style: _core.IOListItemStyles.listItemInner
|
|
68
|
-
importantForAccessibility: endElement ? "auto" : "no-hide-descendants"
|
|
57
|
+
style: _core.IOListItemStyles.listItemInner
|
|
69
58
|
}, iconName && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
70
59
|
style: {
|
|
71
60
|
marginRight: iconMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_buttons","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_badge","_buttons","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","useIOTheme","itemInfoTextComponent","useMemo","createElement","View","accessible","accessibilityRole","H6","role","color","listItemAction","useCallback","type","componentProps","ButtonLink","IconButton","Badge","Fragment","style","IOListItemStyles","listItem","listItemInner","marginRight","Icon","name","size","IOListItemVisualParams","iconSize","IOStyles","flex","marginLeft","actionMargin","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
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); }
|
|
2
1
|
import React, { useCallback, useMemo } from "react";
|
|
3
2
|
import { View } from "react-native";
|
|
4
3
|
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
@@ -16,15 +15,14 @@ export const ListItemHeader = ({
|
|
|
16
15
|
testID
|
|
17
16
|
}) => {
|
|
18
17
|
const theme = useIOTheme();
|
|
19
|
-
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
20
18
|
const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
|
|
21
|
-
accessible:
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
accessible: true,
|
|
20
|
+
accessibilityRole: "header",
|
|
21
|
+
accessibilityLabel: accessibilityLabel ?? label
|
|
24
22
|
}, /*#__PURE__*/React.createElement(H6, {
|
|
25
23
|
role: "heading",
|
|
26
24
|
color: theme["textBody-tertiary"]
|
|
27
|
-
}, label)), [label,
|
|
25
|
+
}, label)), [label, accessibilityLabel, theme]);
|
|
28
26
|
const listItemAction = useCallback(() => {
|
|
29
27
|
if (endElement) {
|
|
30
28
|
const {
|
|
@@ -33,15 +31,9 @@ export const ListItemHeader = ({
|
|
|
33
31
|
} = endElement;
|
|
34
32
|
switch (type) {
|
|
35
33
|
case "buttonLink":
|
|
36
|
-
|
|
37
|
-
return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, componentProps, {
|
|
38
|
-
accessibilityLabel: buttonLinkAccessibilityLabel
|
|
39
|
-
}));
|
|
34
|
+
return /*#__PURE__*/React.createElement(ButtonLink, componentProps);
|
|
40
35
|
case "iconButton":
|
|
41
|
-
|
|
42
|
-
return /*#__PURE__*/React.createElement(IconButton, _extends({}, componentProps, {
|
|
43
|
-
accessibilityLabel: iconButtonAccessibilityLabel
|
|
44
|
-
}));
|
|
36
|
+
return /*#__PURE__*/React.createElement(IconButton, componentProps);
|
|
45
37
|
case "badge":
|
|
46
38
|
return /*#__PURE__*/React.createElement(Badge, componentProps);
|
|
47
39
|
default:
|
|
@@ -49,15 +41,12 @@ export const ListItemHeader = ({
|
|
|
49
41
|
}
|
|
50
42
|
}
|
|
51
43
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
52
|
-
}, [endElement
|
|
44
|
+
}, [endElement]);
|
|
53
45
|
return /*#__PURE__*/React.createElement(View, {
|
|
54
46
|
style: IOListItemStyles.listItem,
|
|
55
|
-
testID: testID
|
|
56
|
-
accessible: endElement === undefined ? true : false,
|
|
57
|
-
accessibilityLabel: listItemAccessibilityLabel
|
|
47
|
+
testID: testID
|
|
58
48
|
}, /*#__PURE__*/React.createElement(View, {
|
|
59
|
-
style: IOListItemStyles.listItemInner
|
|
60
|
-
importantForAccessibility: endElement ? "auto" : "no-hide-descendants"
|
|
49
|
+
style: IOListItemStyles.listItemInner
|
|
61
50
|
}, iconName && /*#__PURE__*/React.createElement(View, {
|
|
62
51
|
style: {
|
|
63
52
|
marginRight: iconMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","itemInfoTextComponent","createElement","accessible","accessibilityRole","role","color","listItemAction","type","componentProps","Fragment","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnE,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EAEtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,UAAU,EAAEC,UAAU,QAAQ,YAAY;AACnD,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,QAAQ,eAAe;AAsClC,MAAMC,UAA0B,GAAG,CAAC;AAEpC,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,kBAAkB;EAClBC;AACc,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAE1B,MAAMe,qBAAqB,GAAGpB,OAAO,CACnC,mBACEF,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IACHqB,UAAU;IACVC,iBAAiB,EAAC,QAAQ;IAC1BN,kBAAkB,EAAEA,kBAAkB,IAAIJ;EAAM,gBAEhDf,KAAA,CAAAuB,aAAA,CAACX,EAAE;IAACc,IAAI,EAAC,SAAS;IAACC,KAAK,EAAEN,KAAK,CAAC,mBAAmB;EAAE,GAClDN,KACC,CACA,CACP,EACD,CAACA,KAAK,EAAEI,kBAAkB,EAAEE,KAAK,CACnC,CAAC;EAED,MAAMO,cAAc,GAAG3B,WAAW,CAAC,MAAM;IACvC,IAAIiB,UAAU,EAAE;MACd,MAAM;QAAEW,IAAI;QAAEC;MAAe,CAAC,GAAGZ,UAAU;MAE3C,QAAQW,IAAI;QACV,KAAK,YAAY;UACf,oBACE7B,KAAA,CAAAuB,aAAA,CAACd,UAAU,EAAKqB,cAAiB,CAAC;QAEtC,KAAK,YAAY;UACf,oBACE9B,KAAA,CAAAuB,aAAA,CAACb,UAAU,EAAKoB,cAAiB,CAAC;QAEtC,KAAK,OAAO;UACV,oBAAO9B,KAAA,CAAAuB,aAAA,CAACf,KAAK,EAAKsB,cAAiB,CAAC;QACtC;UACE,oBAAO9B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA+B,QAAA,MAAI,CAAC;MAChB;IACF;IACA,oBAAO/B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA+B,QAAA,MAAI,CAAC;EACd,CAAC,EAAE,CAACb,UAAU,CAAC,CAAC;EAEhB,oBACElB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IACH6B,KAAK,EAAE5B,gBAAgB,CAAC6B,QAAS;IACjCb,MAAM,EAAEA;EAAO,gBAEfpB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC6B,KAAK,EAAE5B,gBAAgB,CAAC8B;EAAc,GACzClB,QAAQ,iBACPhB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC6B,KAAK,EAAE;MAAEG,WAAW,EAAEtB;IAAW;EAAE,gBACvCb,KAAA,CAAAuB,aAAA,CAACZ,IAAI;IACHyB,IAAI,EAAEpB,QAAS;IACfW,KAAK,EAAEV,SAAS,IAAII,KAAK,CAAC,iBAAiB,CAAE;IAC7CgB,IAAI,EAAEhC,sBAAsB,CAACiC;EAAS,CACvC,CACG,CACP,eACDtC,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC6B,KAAK,EAAE1B,QAAQ,CAACiC;EAAK,GAAEjB,qBAA4B,CAAC,EACzDJ,UAAU,iBACTlB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC6B,KAAK,EAAE;MAAEQ,UAAU,EAAEnC,sBAAsB,CAACoC;IAAa;EAAE,GAC9Db,cAAc,CAAC,CACZ,CAEJ,CACF,CAAC;AAEX,CAAC;AAED,eAAed,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AASpE,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;AACpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGzC,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,SAAS,GACV;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,2EAOxB,cAAc,
|
|
1
|
+
{"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AASpE,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;AACpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGzC,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,SAAS,GACV;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,2EAOxB,cAAc,sBAgEhB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -61,30 +61,19 @@ export const ListItemHeader = ({
|
|
|
61
61
|
}: ListItemHeader) => {
|
|
62
62
|
const theme = useIOTheme();
|
|
63
63
|
|
|
64
|
-
const listItemAccessibilityLabel = useMemo(
|
|
65
|
-
() => (accessibilityLabel ? accessibilityLabel : `${label}`),
|
|
66
|
-
[label, accessibilityLabel]
|
|
67
|
-
);
|
|
68
|
-
|
|
69
64
|
const itemInfoTextComponent = useMemo(
|
|
70
65
|
() => (
|
|
71
66
|
<View
|
|
72
|
-
accessible
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
? "no-hide-descendants"
|
|
76
|
-
: "yes"
|
|
77
|
-
}
|
|
78
|
-
accessibilityElementsHidden={
|
|
79
|
-
endElement !== undefined && endElement.type !== "badge"
|
|
80
|
-
}
|
|
67
|
+
accessible
|
|
68
|
+
accessibilityRole="header"
|
|
69
|
+
accessibilityLabel={accessibilityLabel ?? label}
|
|
81
70
|
>
|
|
82
71
|
<H6 role="heading" color={theme["textBody-tertiary"]}>
|
|
83
72
|
{label}
|
|
84
73
|
</H6>
|
|
85
74
|
</View>
|
|
86
75
|
),
|
|
87
|
-
[label,
|
|
76
|
+
[label, accessibilityLabel, theme]
|
|
88
77
|
);
|
|
89
78
|
|
|
90
79
|
const listItemAction = useCallback(() => {
|
|
@@ -93,21 +82,12 @@ export const ListItemHeader = ({
|
|
|
93
82
|
|
|
94
83
|
switch (type) {
|
|
95
84
|
case "buttonLink":
|
|
96
|
-
const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
|
|
97
|
-
|
|
98
85
|
return (
|
|
99
|
-
<ButtonLink
|
|
100
|
-
{...componentProps}
|
|
101
|
-
accessibilityLabel={buttonLinkAccessibilityLabel}
|
|
102
|
-
/>
|
|
86
|
+
<ButtonLink {...componentProps} />
|
|
103
87
|
);
|
|
104
|
-
case "iconButton":
|
|
105
|
-
const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
|
|
88
|
+
case "iconButton":
|
|
106
89
|
return (
|
|
107
|
-
<IconButton
|
|
108
|
-
{...componentProps}
|
|
109
|
-
accessibilityLabel={iconButtonAccessibilityLabel}
|
|
110
|
-
/>
|
|
90
|
+
<IconButton {...componentProps} />
|
|
111
91
|
);
|
|
112
92
|
case "badge":
|
|
113
93
|
return <Badge {...componentProps} />;
|
|
@@ -116,19 +96,14 @@ export const ListItemHeader = ({
|
|
|
116
96
|
}
|
|
117
97
|
}
|
|
118
98
|
return <></>;
|
|
119
|
-
}, [endElement
|
|
99
|
+
}, [endElement]);
|
|
120
100
|
|
|
121
101
|
return (
|
|
122
102
|
<View
|
|
123
103
|
style={IOListItemStyles.listItem}
|
|
124
104
|
testID={testID}
|
|
125
|
-
accessible={endElement === undefined ? true : false}
|
|
126
|
-
accessibilityLabel={listItemAccessibilityLabel}
|
|
127
105
|
>
|
|
128
|
-
<View
|
|
129
|
-
style={IOListItemStyles.listItemInner}
|
|
130
|
-
importantForAccessibility={endElement ? "auto" : "no-hide-descendants"}
|
|
131
|
-
>
|
|
106
|
+
<View style={IOListItemStyles.listItemInner}>
|
|
132
107
|
{iconName && (
|
|
133
108
|
<View style={{ marginRight: iconMargin }}>
|
|
134
109
|
<Icon
|