@pagopa/io-app-design-system 1.16.0 → 1.16.1

package/lib/commonjs/components/listitems/ListItemInfo.js

@@ -10,6 +10,7 @@ var _core = require("../../core");
 var _icons = require("../icons");
 var _typography = require("../typography");
 var _buttons = require("../buttons");
+var _badge = require("../badge");
 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); }
 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; }
 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); }
@@ -19,7 +20,7 @@ const ListItemInfo = _ref => {
     value,
     numberOfLines = 2,
     icon,
-    action,
+    endElement,
     accessibilityLabel,
     testID
   } = _ref;
@@ -27,43 +28,46 @@ const ListItemInfo = _ref => {
   const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
   const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
   const itemInfoTextComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    accessible: action === undefined ? true : false,
-    importantForAccessibility: action === undefined ? "yes" : "no-hide-descendants",
-    accessibilityElementsHidden: action !== undefined
+    accessible: endElement === undefined ? true : false,
+    importantForAccessibility: endElement === undefined || endElement.type === "badge" ? "yes" : "no-hide-descendants",
+    accessibilityElementsHidden: endElement !== undefined && endElement.type !== "badge"
   }, /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
   }, label), typeof value === "string" ? /*#__PURE__*/_react.default.createElement(_typography.H6, {
     color: theme["textBody-default"],
     numberOfLines: numberOfLines
-  }, value) : value), [label, value, numberOfLines, theme, action]);
+  }, value) : value), [label, value, numberOfLines, theme, endElement]);
   const listItemInfoAction = (0, _react.useCallback)(() => {
-    if (action) {
+    if (endElement) {
       const {
         type,
         componentProps
-      } = action;
-      const accessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+      } = endElement;
       switch (type) {
         case "buttonLink":
+          const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/_react.default.createElement(_buttons.ButtonLink, _extends({}, componentProps, {
-            accessibilityLabel: accessibilityLabel
+            accessibilityLabel: buttonLinkAccessibilityLabel
           }));
         case "iconButton":
+          const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/_react.default.createElement(_buttons.IconButton, _extends({}, componentProps, {
-            accessibilityLabel: accessibilityLabel
+            accessibilityLabel: iconButtonAccessibilityLabel
           }));
+        case "badge":
+          return /*#__PURE__*/_react.default.createElement(_badge.Badge, componentProps);
         default:
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
       }
     }
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }, [action, listItemAccessibilityLabel]);
+  }, [endElement, listItemAccessibilityLabel]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _core.IOListItemStyles.listItem,
     testID: testID,
-    accessible: action === undefined ? true : false,
-    accessibilityLabel: accessibilityLabel
+    accessible: endElement === undefined ? true : false,
+    accessibilityLabel: listItemAccessibilityLabel
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _core.IOListItemStyles.listItemInner
   }, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -76,7 +80,7 @@ const ListItemInfo = _ref => {
     size: _core.IOListItemVisualParams.iconSize
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _core.IOStyles.flex
-  }, itemInfoTextComponent), action && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, itemInfoTextComponent), endElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       marginLeft: _core.IOListItemVisualParams.actionMargin
     }

package/lib/commonjs/components/listitems/ListItemInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_icons","_typography","_buttons","_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","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","useIOTheme","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","createElement","View","accessible","undefined","importantForAccessibility","accessibilityElementsHidden","LabelSmall","weight","color","H6","listItemInfoAction","useCallback","type","componentProps","ButtonLink","IconButton","Fragment","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","actionMargin","Icon","name","size","iconSize","IOStyles","flex","marginLeft","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_icons","_typography","_buttons","_badge","_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","ListItemInfo","_ref","label","value","numberOfLines","icon","endElement","accessibilityLabel","testID","theme","useIOTheme","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","createElement","View","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","LabelSmall","weight","color","H6","listItemInfoAction","useCallback","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","actionMargin","Icon","name","size","iconSize","IOStyles","flex","marginLeft","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemInfo.js

@@ -5,13 +5,14 @@ import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "
 import { Icon } from "../icons";
 import { H6, LabelSmall } from "../typography";
 import { ButtonLink, IconButton } from "../buttons";
+import { Badge } from "../badge";
 export const ListItemInfo = _ref => {
   let {
     label,
     value,
     numberOfLines = 2,
     icon,
-    action,
+    endElement,
     accessibilityLabel,
     testID
   } = _ref;
@@ -19,43 +20,46 @@ export const ListItemInfo = _ref => {
   const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
   const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
   const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
-    accessible: action === undefined ? true : false,
-    importantForAccessibility: action === undefined ? "yes" : "no-hide-descendants",
-    accessibilityElementsHidden: action !== undefined
+    accessible: endElement === undefined ? true : false,
+    importantForAccessibility: endElement === undefined || endElement.type === "badge" ? "yes" : "no-hide-descendants",
+    accessibilityElementsHidden: endElement !== undefined && endElement.type !== "badge"
   }, /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
   }, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"],
     numberOfLines: numberOfLines
-  }, value) : value), [label, value, numberOfLines, theme, action]);
+  }, value) : value), [label, value, numberOfLines, theme, endElement]);
   const listItemInfoAction = useCallback(() => {
-    if (action) {
+    if (endElement) {
       const {
         type,
         componentProps
-      } = action;
-      const accessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+      } = endElement;
       switch (type) {
         case "buttonLink":
+          const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, componentProps, {
-            accessibilityLabel: accessibilityLabel
+            accessibilityLabel: buttonLinkAccessibilityLabel
           }));
         case "iconButton":
+          const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/React.createElement(IconButton, _extends({}, componentProps, {
-            accessibilityLabel: accessibilityLabel
+            accessibilityLabel: iconButtonAccessibilityLabel
           }));
+        case "badge":
+          return /*#__PURE__*/React.createElement(Badge, componentProps);
         default:
           return /*#__PURE__*/React.createElement(React.Fragment, null);
       }
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [action, listItemAccessibilityLabel]);
+  }, [endElement, listItemAccessibilityLabel]);
   return /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItem,
     testID: testID,
-    accessible: action === undefined ? true : false,
-    accessibilityLabel: accessibilityLabel
+    accessible: endElement === undefined ? true : false,
+    accessibilityLabel: listItemAccessibilityLabel
   }, /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItemInner
   }, icon && /*#__PURE__*/React.createElement(View, {
@@ -68,7 +72,7 @@ export const ListItemInfo = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, itemInfoTextComponent), action && /*#__PURE__*/React.createElement(View, {
+  }, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.actionMargin
     }

package/lib/module/components/listitems/ListItemInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ButtonLink","IconButton","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","accessibilityElementsHidden","weight","color","listItemInfoAction","type","componentProps","_extends","Fragment","style","listItem","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ButtonLink","IconButton","Badge","ListItemInfo","_ref","label","value","numberOfLines","icon","endElement","accessibilityLabel","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","weight","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}

package/lib/typescript/components/listitems/ListItemInfo.d.ts

@@ -2,6 +2,7 @@ import React, { ComponentProps } from "react";
 import { WithTestID } from "../../utils/types";
 import { IOIcons } from "../icons";
 import { ButtonLink, IconButton } from "../buttons";
+import { Badge } from "../badge";
 type ButtonLinkActionProps = {
     type: "buttonLink";
     componentProps: ComponentProps<typeof ButtonLink>;
@@ -10,15 +11,19 @@ type IconButtonActionProps = {
     type: "iconButton";
     componentProps: ComponentProps<typeof IconButton>;
 };
-type ActionProps = ButtonLinkActionProps | IconButtonActionProps;
+type BadgeProps = {
+    type: "badge";
+    componentProps: ComponentProps<typeof Badge>;
+};
+type EndElementProps = ButtonLinkActionProps | IconButtonActionProps | BadgeProps;
 export type ListItemInfo = WithTestID<{
     label: string;
     value: string | React.ReactNode;
     numberOfLines?: number;
     icon?: IOIcons;
-    action?: ActionProps;
+    endElement?: EndElementProps;
     accessibilityLabel?: string;
 }>;
-export declare const ListItemInfo: ({ label, value, numberOfLines, icon, action, accessibilityLabel, testID }: ListItemInfo) => React.JSX.Element;
+export declare const ListItemInfo: ({ label, value, numberOfLines, icon, endElement, accessibilityLabel, testID }: ListItemInfo) => React.JSX.Element;
 export default ListItemInfo;
 //# sourceMappingURL=ListItemInfo.d.ts.map

package/lib/typescript/components/listitems/ListItemInfo.d.ts.map

@@ -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;AAQpE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,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,WAAW,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAEjE,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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,8EAQtB,YAAY,sBA4Fd,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"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;AAQpE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,kFAQtB,YAAY,sBAoGd,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.16.0",
+  "version": "1.16.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/listitems/ListItemInfo.tsx

@@ -10,6 +10,7 @@ import { WithTestID } from "../../utils/types";
 import { IOIcons, Icon } from "../icons";
 import { H6, LabelSmall } from "../typography";
 import { ButtonLink, IconButton } from "../buttons";
+import { Badge } from "../badge";
 
 type ButtonLinkActionProps = {
   type: "buttonLink";
@@ -21,14 +22,22 @@ type IconButtonActionProps = {
   componentProps: ComponentProps<typeof IconButton>;
 };
 
-type ActionProps = ButtonLinkActionProps | IconButtonActionProps;
+type BadgeProps = {
+  type: "badge";
+  componentProps: ComponentProps<typeof Badge>;
+};
+
+type EndElementProps =
+  | ButtonLinkActionProps
+  | IconButtonActionProps
+  | BadgeProps;
 
 export type ListItemInfo = WithTestID<{
   label: string;
   value: string | React.ReactNode;
   numberOfLines?: number;
   icon?: IOIcons;
-  action?: ActionProps;
+  endElement?: EndElementProps;
   // Accessibility
   accessibilityLabel?: string;
 }>;
@@ -38,7 +47,7 @@ export const ListItemInfo = ({
   value,
   numberOfLines = 2,
   icon,
-  action,
+  endElement,
   accessibilityLabel,
   testID
 }: ListItemInfo) => {
@@ -59,11 +68,15 @@ export const ListItemInfo = ({
   const itemInfoTextComponent = useMemo(
     () => (
       <View
-        accessible={action === undefined ? true : false}
+        accessible={endElement === undefined ? true : false}
         importantForAccessibility={
-          action === undefined ? "yes" : "no-hide-descendants"
+          endElement === undefined || endElement.type === "badge"
+            ? "yes"
+            : "no-hide-descendants"
+        }
+        accessibilityElementsHidden={
+          endElement !== undefined && endElement.type !== "badge"
         }
-        accessibilityElementsHidden={action !== undefined}
       >
         <LabelSmall weight="Regular" color={theme["textBody-tertiary"]}>
           {label}
@@ -77,42 +90,46 @@ export const ListItemInfo = ({
         )}
       </View>
     ),
-    [label, value, numberOfLines, theme, action]
+    [label, value, numberOfLines, theme, endElement]
   );
 
   const listItemInfoAction = useCallback(() => {
-    if (action) {
-      const { type, componentProps } = action;
+    if (endElement) {
+      const { type, componentProps } = endElement;
 
-      const accessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
       switch (type) {
         case "buttonLink":
+          const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+
           return (
             <ButtonLink
               {...componentProps}
-              accessibilityLabel={accessibilityLabel}
+              accessibilityLabel={buttonLinkAccessibilityLabel}
             />
           );
         case "iconButton":
+          const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return (
             <IconButton
               {...componentProps}
-              accessibilityLabel={accessibilityLabel}
+              accessibilityLabel={iconButtonAccessibilityLabel}
             />
           );
+        case "badge":
+          return <Badge {...componentProps} />;
         default:
           return <></>;
       }
     }
     return <></>;
-  }, [action, listItemAccessibilityLabel]);
+  }, [endElement, listItemAccessibilityLabel]);
 
   return (
     <View
       style={IOListItemStyles.listItem}
       testID={testID}
-      accessible={action === undefined ? true : false}
-      accessibilityLabel={accessibilityLabel}
+      accessible={endElement === undefined ? true : false}
+      accessibilityLabel={listItemAccessibilityLabel}
     >
       <View style={IOListItemStyles.listItemInner}>
         {icon && (
@@ -125,7 +142,7 @@ export const ListItemInfo = ({
           </View>
         )}
         <View style={IOStyles.flex}>{itemInfoTextComponent}</View>
-        {action && (
+        {endElement && (
           <View style={{ marginLeft: IOListItemVisualParams.actionMargin }}>
             {listItemInfoAction()}
           </View>