@trilogy-ds/react 0.0.1-beta-sc-1 → 0.0.1-beta-146

package/lib/components/link/LinkPropsDefaults.js

@@ -20,28 +20,6 @@ export default {
       "string"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "removeLinkClass": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "title": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "href": {
     "type": "string",
     "values": [
@@ -49,13 +27,6 @@ export default {
       "string"
     ]
   },
-  "typo": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "routerLink": {
     "type": "function",
     "values": [
@@ -302,16 +273,6 @@ export default {
       "true"
     ]
   },
-  "level": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      1,
-      2,
-      3,
-      4
-    ]
-  },
   "inverted": {
     "type": "boolean",
     "values": [
@@ -328,11 +289,11 @@ export default {
       "true"
     ]
   },
-  "style": {
+  "title": {
     "type": "string",
     "values": [
       "undefined",
-      "Styles"
+      "string"
     ]
   },
   "accessibilityLabel": {
@@ -355,5 +316,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/link/index.d.ts

@@ -1 +1,2 @@
-export { default as Link } from '../../components/link/Link';
+import Link from './Link';
+export { Link };

package/lib/components/link/index.js

@@ -1,2 +1,3 @@
-export { default as Link } from '../../components/link/Link';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQSJ9
+import Link from './Link';
+export { Link };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/components/list/List.d.ts

@@ -1,4 +1,11 @@
-import React from 'react';
-import { ListProps } from '../../components/list/ListProps';
-declare const _default: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
-export default _default;
+import * as React from 'react';
+import { ListProps } from './ListProps';
+/**
+ * ListItem Component
+ * @param className {string} Additionnal CSS Classes
+ * @param children {React.ReactNode}
+ * @param hasIcon {boolean} If Have icon
+ * @param onDelete {() => void} OnDelete Event
+ */
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
+export default List;

package/lib/components/list/List.js

@@ -1,19 +1,21 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../helpers/hashClassesHelpers';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { has } from '../../services';
 /**
- * List Component
- * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * ListItem Component
  * @param className {string} Additionnal CSS Classes
+ * @param children {React.ReactNode}
  * @param hasIcon {boolean} If Have icon
- * @param testId {string} Test Id for Test Integration
+ * @param onDelete {() => void} OnDelete Event
  */
-var List = function (_a, ref) {
-    var className = _a.className, hasIcon = _a.hasIcon, children = _a.children, testId = _a.testId, others = __rest(_a, ["className", "hasIcon", "children", "testId"]);
-    var classes = hashClass(clsx(hasIcon ? 'icon-list' : 'list', className));
-    return (React.createElement("ul", __assign({ ref: ref, "data-testid": testId, className: classes }, others), children));
-};
-export default React.forwardRef(List);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQ7Ozs7Ozs7R0FPRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBOEQsRUFBRSxHQUFnQztJQUE5RixJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBakQsOENBQW1ELENBQUY7SUFDN0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDMUUsT0FBTyxDQUNMLHFDQUFJLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDOUQsUUFBUSxDQUNOLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQSJ9
+var List = React.forwardRef(function (props, ref) {
+    var className = props.className, id = props.id, children = props.children, testId = props.testId, divider = props.divider, others = __rest(props, ["className", "id", "children", "testId", "divider"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
+    return (React.createElement("ul", __assign({ id: id, ref: ref, "data-testid": testId, className: classes }, others), children));
+});
+export default List;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7OztHQU1HO0FBRUgsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWdCLEVBQUUsR0FBc0M7SUFDN0UsSUFBQSxTQUFTLEdBQStDLEtBQUssVUFBcEQsRUFBRSxFQUFFLEdBQTJDLEtBQUssR0FBaEQsRUFBRSxRQUFRLEdBQWlDLEtBQUssU0FBdEMsRUFBRSxNQUFNLEdBQXlCLEtBQUssT0FBOUIsRUFBRSxPQUFPLEdBQWdCLEtBQUssUUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUEvRCxvREFBdUQsQ0FBRixDQUFVO0lBQzdELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFckYsT0FBTyxDQUNMLHFDQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN0RSxRQUFRLENBQ04sQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLElBQUksQ0FBQSJ9

package/lib/components/list/List.native.d.ts

@@ -1,5 +1,12 @@
-import React from 'react';
-import type { View as ViewType } from 'react-native';
-import { ListProps } from '../../components/list/ListProps';
-declare const _default: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<ViewType>>;
-export default _default;
+/// <reference types="react" />
+import { ListProps } from "./ListProps";
+import { ComponentName } from "../../components/enumsComponentsName";
+/**
+ * List Component
+ * @param children {React.ReactNode}
+ */
+declare const List: {
+    ({ children, ...others }: ListProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default List;

package/lib/components/list/List.native.js

@@ -1,15 +1,15 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { View } from '../../components/view';
+import * as React from "react";
+import { View } from "../../components/view";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * List Component
  * @param children {React.ReactNode}
  */
-var List = function (_a, ref) {
+var List = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
-    return (React.createElement(View, __assign({ ref: ref }, others), children));
+    return React.createElement(View, __assign({}, others), children);
 };
 List.displayName = ComponentName.List;
-export default React.forwardRef(List);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7O0dBR0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQWtDLEVBQUUsR0FBd0I7SUFBMUQsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDakMsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDdkIsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUEifQ==
+export default List;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBa0M7SUFBaEMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDakMsT0FBTyxvQkFBQyxJQUFJLGVBQUssTUFBTSxHQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzVDLENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/list/ListProps.d.ts

@@ -1,10 +1,10 @@
 /**
  * ListItem Interface
  */
-import { Accessibility, Dev } from '../../objects';
 import { ReactNode } from 'react';
-export interface ListProps extends Accessibility, Dev {
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface ListProps extends Accessibility, Dev, CommonProps {
     children?: ReactNode;
-    className?: string;
-    hasIcon?: boolean;
+    divider?: boolean;
 }

package/lib/components/list/ListPropsDefaults.js

@@ -13,29 +13,36 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
+  "divider": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "hasIcon": {
-    "type": "boolean",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/list/index.d.ts

@@ -1,3 +1,4 @@
-export * from '../../components/list/item';
-export { default as List } from '../../components/list/List';
-export * from '../../components/list/ListProps';
+import List from './List';
+export * from './item';
+export * from './ListProps';
+export { List };

package/lib/components/list/index.js

@@ -1,4 +1,5 @@
-export * from '../../components/list/item';
-export { default as List } from '../../components/list/List';
-export * from '../../components/list/ListProps';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3hELGNBQWMsNkJBQTZCLENBQUEifQ==
+import List from './List';
+export * from './item';
+export * from './ListProps';
+export { List };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsYUFBYSxDQUFBO0FBRTNCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/components/list/item/ListItem.d.ts

@@ -1,4 +1,11 @@
-import React from 'react';
-import { ListItemProps } from '../../../components/list/item/ListItemProps';
-declare const _default: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
-export default _default;
+/// <reference types="react" />
+import { ListItemProps } from './ListItemProps';
+/**
+ * ListItem Component
+ * @param className {string} Additionnal CSS Classes
+ * @param children {React.ReactNode}
+ * @param customIcon {IconName | React.ReactNode } Icon name | children
+ * @param status {ListIconStatus} Status success|error
+ */
+declare const ListItem: ({ className, id, children, iconName, status, testId }: ListItemProps) => JSX.Element;
+export default ListItem;

package/lib/components/list/item/ListItem.js

@@ -1,39 +1,24 @@
 import clsx from 'clsx';
-import React from 'react';
-import { Divider } from '../../../components/divider';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getColorClassName, TrilogyColor } from '../../../objects';
+import { is } from '../../../services';
 import { Icon, IconSize } from '../../../components/icon';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { TrilogyColor, getColorClassName } from '../../../objects/facets/Color';
-import { has, is } from '../../../services/classify';
 /**
  * ListItem Component
+ * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
- * @param title {string} List item title
- * @param description {string} List item description
- * @param action {React.ReactNode} children
- * @param divider {boolean} Display divider
- * @param deletable {boolean}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
  */
-var ListItem = function (_a, ref) {
-    var className = _a.className, children = _a.children, customIcon = _a.customIcon, status = _a.status, title = _a.title, description = _a.description, testId = _a.testId, action = _a.action, divider = _a.divider, deletable = _a.deletable;
-    var classes = clsx(is(getColorClassName(status ? TrilogyColor[status] : TrilogyColor.BACKGROUND)), className);
-    return (React.createElement("li", { className: hashClass(clsx(classes, action && has('action'))), "data-testid": testId, ref: ref },
-        React.createElement("div", { className: hashClass(clsx('list-item_content')) },
-            customIcon && typeof customIcon === 'string' && (React.createElement("div", { className: hashClass(clsx('list-item_content_puce')) },
-                React.createElement(Icon, { className: classes, name: deletable ? 'tri-trash' : customIcon, size: IconSize.SMALL }))),
-            customIcon && typeof customIcon !== 'string' && (React.createElement("div", { className: hashClass(clsx('list-item_content_puce')) }, customIcon)),
-            React.createElement("div", null,
-                (title || description) && (React.createElement(React.Fragment, null,
-                    title && React.createElement("b", null, title),
-                    children || (description && React.createElement("p", null, children || description)))),
-                !title && !description && React.createElement("div", null, children))),
-        action && React.createElement("div", { className: hashClass(clsx('list-item_action')) }, action),
-        divider && React.createElement(Divider, null)));
+var ListItem = function (_a) {
+    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
+    return (React.createElement("li", { id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
+        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
 };
-export default React.forwardRef(ListItem);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU1RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3hFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQ2YsRUFBa0gsRUFDbEgsR0FBNkI7UUFEM0IsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUE7SUFHakcsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFFL0csT0FBTyxDQUNMLDRCQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWUsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHO1FBQzdGLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDakQsVUFBVSxJQUFJLE9BQU8sVUFBVSxLQUFLLFFBQVEsSUFBSSxDQUMvQyw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO2dCQUN2RCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLFVBQXVCLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDeEcsQ0FDUDtZQUVBLFVBQVUsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FDL0MsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxJQUFHLFVBQVUsQ0FBTyxDQUM5RTtZQUVEO2dCQUNHLENBQUMsS0FBSyxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQ3pCO29CQUNHLEtBQUssSUFBSSwrQkFBSSxLQUFLLENBQUs7b0JBQ3ZCLFFBQVEsSUFBSSxDQUFDLFdBQVcsSUFBSSwrQkFBSSxRQUFRLElBQUksV0FBVyxDQUFLLENBQUMsQ0FDN0QsQ0FDSjtnQkFDQSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxpQ0FBTSxRQUFRLENBQU8sQ0FDNUMsQ0FDRjtRQUNMLE1BQU0sSUFBSSw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLElBQUcsTUFBTSxDQUFPO1FBQzdFLE9BQU8sSUFBSSxvQkFBQyxPQUFPLE9BQUcsQ0FDcEIsQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFBIn0=
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/list/item/ListItem.native.d.ts

@@ -1,5 +1,14 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ListItemProps } from '../../../components/list/item/ListItemProps';
-declare const _default: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { ListItemProps } from './ListItemProps';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param customIcon {IconName | React.ReactNode } Icon name | children
+ * @param status {ListIconStatus} Status success|error
+ */
+declare const ListItem: {
+    ({ children, status, iconName }: ListItemProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ListItem;

package/lib/components/list/item/ListItem.native.js

@@ -1,25 +1,17 @@
 import React, { useMemo } from 'react';
-import { Animated, StyleSheet, View } from 'react-native';
-import Swipeable from 'react-native-gesture-handler/Swipeable';
-import { Divider } from '../../../components/divider';
+import { StyleSheet, View as ReactView, View } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../../objects';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconColor } from '../../../components/icon';
 import { Text, TextLevels } from '../../../components/text';
-import { Title, TitleLevels } from '../../../components/title';
-import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
 /**
  * ListItem Component
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
- * @param title {string} List item title
- * @param description {string} List item description
- * @param action {React.ReactNode} children
- * @param divider {boolean} Display divider
- * @param deletable {boolean}
  */
-var ListItem = function (_a, ref) {
-    var children = _a.children, customIcon = _a.customIcon, status = _a.status, title = _a.title, description = _a.description, divider = _a.divider, action = _a.action, deletable = _a.deletable;
+var ListItem = function (_a) {
+    var children = _a.children, status = _a.status, iconName = _a.iconName;
     var styles = StyleSheet.create({
         item: {
             marginBottom: 4,
@@ -28,10 +20,10 @@ var ListItem = function (_a, ref) {
             position: 'relative',
         },
         text: {
-            paddingHorizontal: customIcon ? 16 : undefined,
+            paddingHorizontal: iconName ? 16 : undefined,
         },
         title: {
-            paddingHorizontal: customIcon ? 16 : undefined,
+            paddingHorizontal: iconName ? 16 : undefined,
             marginBottom: children ? 8 : undefined,
         },
         container: {
@@ -46,7 +38,7 @@ var ListItem = function (_a, ref) {
             alignItems: 'center',
             position: 'relative',
             paddingVertical: 8,
-            width: action ? '85%' : undefined,
+            width: undefined,
         },
         badge: {
             alignSelf: 'center',
@@ -71,50 +63,21 @@ var ListItem = function (_a, ref) {
         },
     });
     var getComponent = useMemo(function () {
-        if (typeof children === 'object') {
+        if (typeof children === 'object')
             return React.createElement(View, { style: styles.text }, children);
-        }
-        if (typeof children === 'undefined' && description) {
-            return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, description));
-        }
         if (['string', 'number'].includes(typeof children)) {
             return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
         }
-        return React.createElement(React.Fragment, null);
-    }, [children, description]);
+    }, [children]);
     var content = useMemo(function () {
-        return (React.createElement(View, { style: styles.container, ref: ref },
-            React.createElement(View, { style: styles.content },
-                customIcon && typeof customIcon === 'string' && (React.createElement(View, null,
-                    React.createElement(Icon, { size: 'small', name: customIcon, color: status || IconColor.MAIN }))),
-                customIcon && typeof customIcon !== 'string' && React.createElement(View, null, customIcon),
-                React.createElement(View, null,
-                    title && (React.createElement(Title, { style: styles.title, level: TitleLevels.SIX }, title)),
-                    getComponent)),
-            action && deletable && (React.createElement(View, { style: { flexDirection: 'row', marginLeft: 'auto' } },
-                React.createElement(View, { style: styles.badge }),
-                React.createElement(View, { style: styles.swipeInfo }))),
-            action && !deletable && (React.createElement(View, { style: { marginLeft: 'auto' } },
-                React.createElement(View, null, action)))));
-    }, [customIcon, status, title, getComponent, action, deletable]);
-    if (action && deletable) {
-        var RightActions = function (_, dragX) {
-            var scale = dragX.interpolate({
-                inputRange: [-100, 0],
-                outputRange: [1.5, 0.9],
-                extrapolate: 'clamp',
-            });
-            return (React.createElement(View, null,
-                React.createElement(Animated.View, { style: [styles.rightAction, { transform: [{ scale: scale }] }] }, action)));
-        };
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Swipeable, { renderRightActions: RightActions }, content),
-            divider && React.createElement(Divider, null)));
-    }
-    return (React.createElement(React.Fragment, null,
-        content,
-        divider && React.createElement(Divider, null)));
+        return (React.createElement(View, { style: styles.container },
+            React.createElement(ReactView, { style: styles.content },
+                iconName && (React.createElement(ReactView, null,
+                    React.createElement(Icon, { size: 'small', name: iconName, color: status || IconColor.MAIN }))),
+                React.createElement(ReactView, null, getComponent))));
+    }, [iconName, status, getComponent]);
+    return content;
 };
 ListItem.displayName = ComponentName.ListItem;
-export default React.forwardRef(ListItem);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxTQUFTLE1BQU0sd0NBQXdDLENBQUE7QUFFOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBRTdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUNmLEVBQStGLEVBQy9GLEdBQW9CO1FBRGxCLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFBO0lBRzlFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLENBQUM7WUFDZixhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNwQixRQUFRLEVBQUUsVUFBVTtTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLGlCQUFpQixFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO1NBQy9DO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsaUJBQWlCLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDOUMsWUFBWSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1NBQ3ZDO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1NBQ3hEO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTO1NBQ2xDO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsU0FBUyxFQUFFLFFBQVE7WUFDbkIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFdBQVcsRUFBRSxDQUFDO1lBQ2QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO1lBQ2xELFlBQVksRUFBRSxFQUFFO1NBQ2pCO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsQ0FBQztTQUNoQjtRQUNELFdBQVcsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLElBQUksRUFBRSxDQUFDO1lBQ1AsVUFBVSxFQUFFLFVBQVU7WUFDdEIsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsQ0FBQztTQUNoQjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQztRQUMzQixJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVEsRUFBRTtZQUNoQyxPQUFPLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxRQUFRLENBQVEsQ0FBQTtTQUNuRDtRQUNELElBQUksT0FBTyxRQUFRLEtBQUssV0FBVyxJQUFJLFdBQVcsRUFBRTtZQUNsRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUM1QyxXQUFXLENBQ1AsQ0FDUixDQUFBO1NBQ0Y7UUFDRCxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLFFBQVEsQ0FBQyxFQUFFO1lBQ2xELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQzVDLFFBQVEsQ0FDSixDQUNSLENBQUE7U0FDRjtRQUNELE9BQU8seUNBQUssQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO0lBRTNCLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQztRQUN0QixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLEdBQUcsRUFBRSxHQUFHO1lBQ3JDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU87Z0JBQ3hCLFVBQVUsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FDL0Msb0JBQUMsSUFBSTtvQkFDSCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsVUFBc0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxJQUFJLFNBQVMsQ0FBQyxJQUFJLEdBQUksQ0FDL0UsQ0FDUjtnQkFFQSxVQUFVLElBQUksT0FBTyxVQUFVLEtBQUssUUFBUSxJQUFJLG9CQUFDLElBQUksUUFBRSxVQUFVLENBQVE7Z0JBRTFFLG9CQUFDLElBQUk7b0JBQ0YsS0FBSyxJQUFJLENBQ1Isb0JBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxXQUFXLENBQUMsR0FBRyxJQUMvQyxLQUFLLENBQ0EsQ0FDVDtvQkFDQSxZQUFZLENBQ1IsQ0FDRjtZQUVOLE1BQU0sSUFBSSxTQUFTLElBQUksQ0FDdEIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRTtnQkFDdkQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUFJO2dCQUM3QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEdBQUksQ0FDNUIsQ0FDUjtZQUNBLE1BQU0sSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUN2QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRTtnQkFDakMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBUSxDQUNoQixDQUNSLENBQ0ksQ0FDUixDQUFBO0lBQ0gsQ0FBQyxFQUFFLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWhFLElBQUksTUFBTSxJQUFJLFNBQVMsRUFBRTtRQUN2QixJQUFNLFlBQVksR0FBRyxVQUFDLENBQTZCLEVBQUUsS0FBaUM7WUFDcEYsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztnQkFDOUIsVUFBVSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO2dCQUNyQixXQUFXLEVBQUUsQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDO2dCQUN2QixXQUFXLEVBQUUsT0FBTzthQUNyQixDQUFDLENBQUE7WUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSTtnQkFDSCxvQkFBQyxRQUFRLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsRUFBRSxTQUFTLEVBQUUsQ0FBQyxFQUFFLEtBQUssT0FBQSxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUcsTUFBTSxDQUFpQixDQUMzRixDQUNSLENBQUE7UUFDSCxDQUFDLENBQUE7UUFFRCxPQUFPLENBQ0w7WUFDRSxvQkFBQyxTQUFTLElBQUMsa0JBQWtCLEVBQUUsWUFBWSxJQUFHLE9BQU8sQ0FBYTtZQUNqRSxPQUFPLElBQUksb0JBQUMsT0FBTyxPQUFHLENBQ3RCLENBQ0osQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMO1FBQ0csT0FBTztRQUNQLE9BQU8sSUFBSSxvQkFBQyxPQUFPLE9BQUcsQ0FDdEIsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQSJ9
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQzdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHcEQ7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFlBQVksRUFBRSxDQUFDO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUM3QztRQUNELEtBQUssRUFBRTtZQUNMLGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFD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

package/lib/components/list/item/ListItemProps.d.ts

@@ -1,22 +1,19 @@
+/**
+ * ListItem Interface
+ */
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
 import { ReactNode } from 'react';
 import { Animated } from 'react-native';
-import { IconName, IconNameValues } from '../../../components/icon';
-import { Accessibility } from '../../../objects/facets/Accessibility';
-import { Dev } from '../../../objects/facets/Dev';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 export declare enum ListIconStatus {
     SUCCESS = "SUCCESS",
     ERROR = "ERROR"
 }
 export type ListIconStatusValues = `${ListIconStatus}`;
-export interface ListItemProps extends Accessibility, Dev {
+export interface ListItemProps extends Accessibility, Dev, CommonProps {
     children?: ReactNode;
-    className?: string;
-    customIcon?: IconName | IconNameValues | ReactNode;
+    iconName?: IconName | IconNameValues;
     status?: ListIconStatus | ListIconStatusValues;
-    title?: string;
-    description?: string;
-    action?: ReactNode;
-    divider?: boolean;
-    deletable?: ReactNode;
 }
 export type AnimatedInterpolationProps = Animated.AnimatedInterpolation<number | string>;

package/lib/components/list/item/ListItemProps.js

@@ -3,4 +3,4 @@ export var ListIconStatus;
     ListIconStatus["SUCCESS"] = "SUCCESS";
     ListIconStatus["ERROR"] = "ERROR";
 })(ListIconStatus || (ListIconStatus = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0EsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9