@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-sc-2

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

@@ -1,17 +1,25 @@
 import React, { useMemo } from 'react';
-import { StyleSheet, View as ReactView, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
+import { Animated, StyleSheet, View } from 'react-native';
+import Swipeable from 'react-native-gesture-handler/Swipeable';
+import { Divider } from '../../../components/divider';
 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) {
-    var children = _a.children, status = _a.status, iconName = _a.iconName;
+var ListItem = React.forwardRef(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 styles = StyleSheet.create({
         item: {
             marginBottom: 4,
@@ -20,10 +28,10 @@ var ListItem = function (_a) {
             position: 'relative',
         },
         text: {
-            paddingHorizontal: iconName ? 16 : undefined,
+            paddingHorizontal: customIcon ? 16 : undefined,
         },
         title: {
-            paddingHorizontal: iconName ? 16 : undefined,
+            paddingHorizontal: customIcon ? 16 : undefined,
             marginBottom: children ? 8 : undefined,
         },
         container: {
@@ -38,7 +46,7 @@ var ListItem = function (_a) {
             alignItems: 'center',
             position: 'relative',
             paddingVertical: 8,
-            width: undefined,
+            width: action ? '85%' : undefined,
         },
         badge: {
             alignSelf: 'center',
@@ -63,21 +71,50 @@ var ListItem = function (_a) {
         },
     });
     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));
         }
-    }, [children]);
+        return React.createElement(React.Fragment, null);
+    }, [children, description]);
     var content = useMemo(function () {
-        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;
-};
+        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)));
+});
 ListItem.displayName = ComponentName.ListItem;
 export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQzdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHcEQ7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFlBQVksRUFBRSxDQUFDO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUM3QztRQUNELEtBQUssRUFBRTtZQUNMLGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxTQUFTLE1BQU0sd0NBQXdDLENBQUE7QUFFOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBRTdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUNFLEVBQStGLEVBQy9GLEdBQW9CO1FBRGxCLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFBO0lBRzlFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLENBQUM7WUFDZixhQUFhLEVBQUUsS0FBSztZQUNwQixV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

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

@@ -1,19 +1,22 @@
-/**
- * ListItem Interface
- */
-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';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { Dev } from '../../../objects/facets/Dev';
 export declare enum ListIconStatus {
     SUCCESS = "SUCCESS",
     ERROR = "ERROR"
 }
 export type ListIconStatusValues = `${ListIconStatus}`;
-export interface ListItemProps extends Accessibility, Dev, CommonProps {
+export interface ListItemProps extends Accessibility, Dev {
     children?: ReactNode;
-    iconName?: IconName | IconNameValues;
+    className?: string;
+    customIcon?: IconName | IconNameValues | ReactNode;
     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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0EsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9

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

@@ -13,56 +13,25 @@ export default {
       "ReactPortal"
     ]
   },
-  "iconName": {
-    "type": "enum",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "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"
+      "string"
+    ]
+  },
+  "customIcon": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
     ]
   },
   "status": {
@@ -75,28 +44,64 @@ export default {
       "ERROR"
     ]
   },
-  "accessibilityLabel": {
+  "title": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "description": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "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": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/list/item/description/ListItemDescription.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+import React from 'react';
+import { ListItemDescriptionProps } from '../../../../components/list/item/description/ListItemDescriptionProps';
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const ListItemDescription: ({ children, className, }: ListItemDescriptionProps) => JSX.Element;
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<HTMLElement>>;
 export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.js

@@ -1,17 +1,17 @@
-import * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../../helpers";
-import { useTrilogyContext } from "../../../../context";
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var ListItemDescription = function (_a) {
+var ListItemDescription = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className;
-    var styled = useTrilogyContext().styled;
-    return React.createElement("dd", { className: hashClass(styled, clsx(className)) }, children);
-};
+    return (React.createElement("dd", { className: hashClass(clsx(className)), ref: ref }, children));
+});
+ListItemDescription.displayName = ComponentName.ListItemDescription;
 export default ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7R0FLRztBQUNILElBQU0sbUJBQW1CLEdBQUcsVUFBQyxFQUdGO1FBRnpCLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sNEJBQUksU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFNLENBQUE7QUFDM0UsQ0FBQyxDQUFBO0FBRUQsZUFBZSxtQkFBbUIsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7R0FLRztBQUNILElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDMUMsVUFBQyxFQUFpRCxFQUFFLEdBQTJCO1FBQTVFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQTtJQUNwQixPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUNoRCxRQUFRLENBQ04sQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxtQkFBbUIsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFBO0FBQ25FLGVBQWUsbUJBQW1CLENBQUEifQ==

package/lib/components/list/item/description/ListItemDescription.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import React from 'react';
+import { View } from 'react-native';
+import { ListItemDescriptionProps } from '../../../../components/list/item/description/ListItemDescriptionProps';
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
  */
-declare const ListItemDescription: {
-    ({ children, }: ListItemDescriptionProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<View>>;
 export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.native.js

@@ -1,18 +1,18 @@
-import * as React from "react";
-import { Text } from "../../../../components/text";
-import { View } from "../../../../components/view";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import React from 'react';
+import { View } from 'react-native';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { Text } from '../../../../components/text';
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
  */
-var ListItemDescription = function (_a) {
+var ListItemDescription = React.forwardRef(function (_a, ref) {
     var children = _a.children;
-    if (["string", "number"].includes(typeof children)) {
-        return React.createElement(Text, null, children);
+    if (['string', 'number'].includes(typeof children)) {
+        return React.createElement(Text, { ref: ref }, children);
     }
-    return React.createElement(View, null, children);
-};
+    return React.createElement(View, { ref: ref }, children);
+});
 ListItemDescription.displayName = ComponentName.ListItemDescription;
 export default ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBRUY7UUFEekIsUUFBUSxjQUFBO0lBRVIsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxRQUFRLENBQUMsRUFBRTtRQUNsRCxPQUFPLG9CQUFDLElBQUksUUFBRSxRQUFRLENBQVEsQ0FBQTtLQUMvQjtJQUVELE9BQU8sb0JBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBUSxDQUFBO0FBQ2hDLENBQUMsQ0FBQTtBQUVELG1CQUFtQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUE7QUFFbkUsZUFBZSxtQkFBbUIsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7O0dBR0c7QUFDSCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFDLFVBQUMsRUFBc0MsRUFBRSxHQUFvQjtRQUExRCxRQUFRLGNBQUE7SUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLFFBQVEsQ0FBQyxFQUFFO1FBQ2xELE9BQU8sb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLElBQUcsUUFBUSxDQUFRLENBQUE7S0FDekM7SUFFRCxPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FDRixDQUFBO0FBQ0QsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUNuRSxlQUFlLG1CQUFtQixDQUFBIn0=

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

@@ -1,3 +1,2 @@
-import ListItemDescription from './ListItemDescription';
-export * from './ListItemDescriptionProps';
-export { ListItemDescription };
+export { default as ListItemDescription } from '../../../../components/list/item/description/ListItemDescription';
+export * from '../../../../components/list/item/description/ListItemDescriptionProps';

package/lib/components/list/item/description/index.js

@@ -1,4 +1,3 @@
-import ListItemDescription from './ListItemDescription';
-export * from './ListItemDescriptionProps';
-export { ListItemDescription };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQixNQUFNLHVCQUF1QixDQUFBO0FBRXZELGNBQWMsNEJBQTRCLENBQUE7QUFFMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLENBQUEifQ==
+export { default as ListItemDescription } from '../../../../components/list/item/description/ListItemDescription';
+export * from '../../../../components/list/item/description/ListItemDescriptionProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLG1CQUFtQixFQUFFLE1BQU0sd0RBQXdELENBQUE7QUFDdkcsY0FBYyw2REFBNkQsQ0FBQSJ9

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

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

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

@@ -1,5 +1,4 @@
-import ListItem from './ListItem';
-export * from './description';
-export * from './ListItemProps';
-export { ListItem };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==
+export * from '../../../components/list/item/description';
+export { default as ListItem } from '../../../components/list/item/ListItem';
+export * from '../../../components/list/item/ListItemProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9DQUFvQyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxPQUFPLElBQUksUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFDckUsY0FBYyxzQ0FBc0MsQ0FBQSJ9

package/lib/components/modal/CloseButtonPropsDefaults.js

@@ -0,0 +1,9 @@
+export default {
+  "onCloseFunc": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  }
+};

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

@@ -1,18 +1,36 @@
 /// <reference types="react" />
-import { ModalProps } from './ModalProps';
+import { ModalProps } from '../../components/modal/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, id, accessibilityLabel, active, onClose, onOpen, panel, size, hideCloseButton, trigger, unClosable, ...others }: ModalProps) => JSX.Element;
+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;
 export default Modal;