@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-131

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

@@ -3,8 +3,8 @@
  */
 import { ReactNode } from 'react';
 import { Accessibility, Dev } from '../../objects';
-export interface ListProps extends Accessibility, Dev {
+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/item/ListItem.d.ts

@@ -2,17 +2,10 @@
 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
- * @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
  */
-declare const ListItem: ({ className, children, customIcon, status, title, description, testId, action, divider, deletable, }: ListItemProps) => JSX.Element;
+declare const ListItem: ({ className, id, children, iconName, status, testId }: ListItemProps) => JSX.Element;
 export default ListItem;

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

@@ -2,40 +2,23 @@ import clsx from 'clsx';
 import * as React from 'react';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers';
-import { TrilogyColor, getColorClassName } from '../../../objects';
-import { has, is } from '../../../services';
-import { Divider } from '../../../components/divider';
+import { getColorClassName, TrilogyColor } from '../../../objects';
+import { is } from '../../../services';
 import { Icon, IconSize } from '../../../components/icon';
 /**
  * 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) {
-    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 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(is(getColorClassName(status ? TrilogyColor[status] : TrilogyColor.BACKGROUND)), className);
-    return (React.createElement("li", { className: hashClass(styled, clsx(classes, action && has('action'))), "data-testid": testId },
-        React.createElement("div", { className: hashClass(styled, clsx('list-item_content')) },
-            customIcon && typeof customIcon === 'string' && (React.createElement("div", { className: hashClass(styled, 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(styled, 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(styled, clsx('list-item_action')) }, action),
-        divider && React.createElement(Divider, null)));
+    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 ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHNUQ7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFXRjtRQVZkLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUNsQixFQUFFLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUM5RSxTQUFTLENBQ1YsQ0FBQTtJQUVELE9BQU8sQ0FDTCw0QkFBSSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQzNGLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBQ3pELFVBQVUsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FDL0MsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUM7Z0JBQy9ELG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLFVBQXVCLEVBQ3hELElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUNwQixDQUNFLENBQ1A7WUFFQSxVQUFVLElBQUksT0FBTyxVQUFVLEtBQUssUUFBUSxJQUFJLENBQy9DLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLElBQUcsVUFBVSxDQUFPLENBQ3RGO1lBRUQ7Z0JBQ0csQ0FBQyxLQUFLLElBQUksV0FBVyxDQUFDLElBQUksQ0FDekI7b0JBQ0csS0FBSyxJQUFJLCtCQUFJLEtBQUssQ0FBSztvQkFDdkIsUUFBUSxJQUFJLENBQUMsV0FBVyxJQUFJLCtCQUFJLFFBQVEsSUFBSSxXQUFXLENBQUssQ0FBQyxDQUM3RCxDQUNKO2dCQUNBLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxJQUFJLGlDQUFNLFFBQVEsQ0FBTyxDQUM1QyxDQUNGO1FBQ0wsTUFBTSxJQUFJLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLElBQUcsTUFBTSxDQUFPO1FBQ3JGLE9BQU8sSUFBSSxvQkFBQyxPQUFPLE9BQUcsQ0FDcEIsQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9

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

@@ -6,14 +6,9 @@ import { ListItemProps } from './ListItemProps';
  * @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}
  */
 declare const ListItem: {
-    ({ children, customIcon, status, title, description, divider, action, deletable, }: ListItemProps): JSX.Element;
+    ({ 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, View as ReactView, StyleSheet, View } from 'react-native';
-import Swipeable from 'react-native-gesture-handler/Swipeable';
-import { TrilogyColor, getColorStyle } from '../../../objects';
-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';
 /**
  * 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) {
-    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 children = _a.children, status = _a.status, iconName = _a.iconName;
     var styles = StyleSheet.create({
         item: {
             marginBottom: 4,
@@ -28,10 +20,10 @@ var ListItem = function (_a) {
             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) {
             alignItems: 'center',
             position: 'relative',
             paddingVertical: 8,
-            width: action ? '85%' : undefined,
+            width: undefined,
         },
         badge: {
             alignSelf: 'center',
@@ -73,46 +65,19 @@ var ListItem = function (_a) {
     var getComponent = useMemo(function () {
         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));
         }
-    }, [children, description]);
+    }, [children]);
     var content = useMemo(function () {
         return (React.createElement(View, { style: styles.container },
             React.createElement(ReactView, { style: styles.content },
-                customIcon && typeof customIcon === 'string' && (React.createElement(ReactView, null,
-                    React.createElement(Icon, { size: 'small', name: customIcon, color: status || IconColor.MAIN }))),
-                customIcon && typeof customIcon !== 'string' && React.createElement(ReactView, null, customIcon),
-                React.createElement(ReactView, null,
-                    title && (React.createElement(Title, { style: styles.title, level: TitleLevels.SIX }, title)),
-                    getComponent)),
-            action && deletable && (React.createElement(ReactView, { style: { flexDirection: 'row', marginLeft: 'auto' } },
-                React.createElement(View, { style: styles.badge }),
-                React.createElement(View, { style: styles.swipeInfo }))),
-            action && !deletable && (React.createElement(ReactView, { 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)));
+                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 ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUM1RSxPQUFPLFNBQVMsTUFBTSx3Q0FBd0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDN0QsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBR3ZEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBU0Y7UUFSZCxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLENBQUM7WUFDZixhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNw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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQzdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHcEQ7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFlBQVksRUFBRSxDQUFDO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUM3QztRQUNELEtBQUssRUFBRTtZQUNMLGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUN2QztRQUNELFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztTQUN4RDtRQUNELE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLEtBQUssRUFBRSxTQUFTO1NBQ2pCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsU0FBUyxFQUFFLFFBQVE7WUFDbkIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFdBQVcsRUFBRSxDQUFDO1lBQ2QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO1lBQ2xELFlBQVksRUFBRSxFQUFFO1NBQ2pCO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsQ0FBQztTQUNoQjtRQUNELFdBQVcsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLElBQUksRUFBRSxDQUFDO1lBQ1AsVUFBVSxFQUFFLFVBQVU7WUFDdEIsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsQ0FBQztTQUNoQjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQztRQUMzQixJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVE7WUFBRSxPQUFPLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxRQUFRLENBQVEsQ0FBQTtRQUNwRixJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLFFBQVEsQ0FBQyxFQUFFO1lBQ2xELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQzVDLFFBQVEsQ0FDSixDQUNSLENBQUE7U0FDRjtJQUNILENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxJQUFNLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFDdEIsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVM7WUFDM0Isb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTztnQkFDN0IsUUFBUSxJQUFJLENBQ1gsb0JBQUMsU0FBUztvQkFDUixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBb0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxJQUFJLFNBQVMsQ0FBQyxJQUFJLEdBQUksQ0FDeEUsQ0FDYjtnQkFDRCxvQkFBQyxTQUFTLFFBQUUsWUFBWSxDQUFhLENBQzNCLENBQ1AsQ0FDUixDQUFBO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxZQUFZLENBQUMsQ0FBQyxDQUFBO0lBRXBDLE9BQU8sT0FBTyxDQUFBO0FBQ2hCLENBQUMsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUU3QyxlQUFlLFFBQVEsQ0FBQSJ9

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

@@ -5,20 +5,15 @@ import { IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility, Dev } from '../../../objects';
 import { ReactNode } from 'react';
 import { Animated } from 'react-native';
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUEsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9

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

@@ -13,25 +13,56 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
-    "type": "string",
+  "iconName": {
+    "type": "enum",
     "values": [
       "undefined",
-      "string"
-    ]
-  },
-  "customIcon": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
     ]
   },
   "status": {
@@ -44,64 +75,28 @@ export default {
       "ERROR"
     ]
   },
-  "title": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "description": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "action": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "divider": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "deletable": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/modal/Modal.d.ts

@@ -4,33 +4,15 @@ import { ModalProps } from './ModalProps';
  * Modal Component
  * @param active {boolean} Activated Modal
  * @param title {string} Title Modal
- * @param content {string} Content text for modal
- * @param triggerContent {string} Trigger custom element
- * @param iconName IconName for icon title
- * @param iconColor IconColor for icon title
- * @param ctaCancelOnClick {Function} function for cancel button (appear when set)
- * @param ctaOnClick {Function} On Click Event CTA
  * @param onClose {Function} Additionnal close custom function
  * @param onOpen {Function} Additionnal open custom function
- * @param closeIcon {boolean} Display close icon for Modal
  * @param children {React.ReactNode}
- * @param ctaContent {string} Content cta
- * @param fullwidth {boolean} Fullwidth Modal
  * @param disableHandlingClickOutside {boolean} Disable the handling on outside click event
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param contentClassNames {string} Additionnal CSS Classes for modal content
- * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
- * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
  * @param panel {boolean} Panel Side Modal
  * @param accessibilityLabel {string} Accessibility label
- * @param testId {string} Test id
- * @param ctaCancelContent {string} content of button close
- * @param footer {React.ReactNode}
- * @param footerClassNames {string} Additionnal CSS Classes for footer
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param bottom {boolean} If bottom
- * @param swipable {boolean} Swipable Native Modal
  */
-declare const Modal: ({ children, className, contentClassNames, accessibilityLabel, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaCancelContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ...others }: ModalProps) => JSX.Element;
+declare const Modal: ({ children, className, id, accessibilityLabel, active, onClose, onOpen, panel, size, hideCloseButton, trigger, disableHandlingClickOutside, ...others }: ModalProps) => JSX.Element;
 export default Modal;