@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

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

@@ -6,9 +6,14 @@ 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, status, iconName }: ListItemProps): JSX.Element;
+    ({ children, customIcon, status, title, description, divider, action, deletable, }: ListItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ListItem;

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, 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 { 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, status = _a.status, iconName = _a.iconName;
+    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',
@@ -65,19 +73,46 @@ 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]);
+    }, [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;
+                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)));
 };
 ListItem.displayName = ComponentName.ListItem;
 export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQzdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHcEQ7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFlBQVksRUFBRSxDQUFDO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUM3QztRQUNELEtBQUssRUFBRTtZQUNMLGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUM1RSxPQUFPLFNBQVMsTUFBTSx3Q0FBd0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDN0QsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBR3ZEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBU0Y7UUFSZCxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLENBQUM7WUFDZixhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNw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

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

@@ -5,15 +5,20 @@ 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, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUEsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9

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/modal/CloseButtonPropsDefaults.js

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

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

@@ -4,15 +4,33 @@ 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, 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;

package/lib/components/modal/Modal.js

@@ -1,34 +1,57 @@
 import { __assign, __read, __rest } from "tslib";
+import { ButtonList, ButtonType } from '../../components/button';
+import { Text } from '../../components/text';
 import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { is } from '../../services';
 import clsx from 'clsx';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import shortid from 'shortid';
-import { ButtonType } from '../../components/button';
+import ModalFooter from './footer/ModalFooter';
+import { ModalMarkup } from './ModalEnum';
+import ModalTitle from './title/ModalTitle';
+var idDescription = shortid.generate();
 var idTitle = shortid.generate();
 /**
  * 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
  */
 var Modal = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'Close' : _b, active = _a.active, onClose = _a.onClose, onOpen = _a.onOpen, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "onOpen", "panel", "size", "hideCloseButton", "trigger", "unClosable"]);
+    var children = _a.children, className = _a.className, contentClassNames = _a.contentClassNames, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'Close' : _b, active = _a.active, title = _a.title, content = _a.content, triggerMarkup = _a.triggerMarkup, triggerContent = _a.triggerContent, _c = _a.triggerClassNames, triggerClassNames = _c === void 0 ? 'button is-primary' : _c, ctaContent = _a.ctaContent, _d = _a.ctaCancelContent, ctaCancelContent = _d === void 0 ? 'Close' : _d, ctaOnClick = _a.ctaOnClick, onClose = _a.onClose, onOpen = _a.onOpen, iconName = _a.iconName, ctaCancelOnClick = _a.ctaCancelOnClick, closeIcon = _a.closeIcon, iconColor = _a.iconColor, panel = _a.panel, footerClassNames = _a.footerClassNames, footer = _a.footer, fullwidth = _a.fullwidth, _e = _a.disableHandlingClickOutside, disableHandlingClickOutside = _e === void 0 ? false : _e, testId = _a.testId, others = __rest(_a, ["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"]);
     var modal = useRef(null);
-    var _e = __read(useState(active || false), 2), display = _e[0], setDisplay = _e[1];
+    var _f = __read(useState(active || false), 2), display = _f[0], setDisplay = _f[1];
     var styled = useTrilogyContext().styled;
     var refsActions = useRef([]);
     var refBtnModal = useRef(null);
-    var _f = __read(useState(0), 2), setIndexFocusable = _f[1];
+    var _g = __read(useState(0), 2), setIndexFocusable = _g[1];
     var handleClickOutside = function (e) {
         var _a;
         if ((_a = modal === null || modal === void 0 ? void 0 : modal.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
@@ -45,7 +68,7 @@ var Modal = function (_a) {
         display && refsActions.current[0] && refsActions.current[0].focus();
     }, [display, refsActions === null || refsActions === void 0 ? void 0 : refsActions.current.length]);
     useEffect(function () {
-        if (display && !unClosable) {
+        if (display && !disableHandlingClickOutside) {
             document.addEventListener('mousedown', handleClickOutside);
         }
         else {
@@ -54,8 +77,12 @@ var Modal = function (_a) {
         return function () {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [display, unClosable]);
-    var classes = React.useMemo(function () { return hashClass(styled, clsx('modal', display && is('active'), size && is(size), panel && is('panel'), className)); }, [display, panel, className, styled]);
+    }, [display, disableHandlingClickOutside]);
+    var classes = React.useMemo(function () {
+        return hashClass(styled, clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className));
+    }, [display, panel, className, styled]);
+    var contentClasses = React.useMemo(function () { return hashClass(styled, clsx('modal-content', contentClassNames)); }, [contentClassNames, styled]);
+    var footerClasses = React.useMemo(function () { return clsx('modal-footer', footerClassNames); }, [footerClassNames, styled]);
     function handleClose(onCloseFunc, e) {
         setDisplay(false);
         refBtnModal.current && refBtnModal.current.focus();
@@ -69,6 +96,16 @@ var Modal = function (_a) {
             onOpenFunc(e);
         }
     }
+    /**
+     * key in Enum works only in TS or with number enum for JS
+     * for string enum (as in this case) we need to use Object.values.includes for JS usage
+     * string enum aren't reverse mapped so the first solution doesn't work
+     */
+    var isCorrectMarkup = function (stringMarkup) {
+        if (stringMarkup in ModalMarkup || Object.values(ModalMarkup).includes(stringMarkup))
+            return true;
+    };
+    var TriggerTag = React.useMemo(function () { return (triggerMarkup && isCorrectMarkup(triggerMarkup) ? triggerMarkup : 'button'); }, [triggerMarkup]);
     var onKeyDown = useCallback(function (event) {
         if (display && refsActions.current) {
             var refs_1 = refsActions.current.filter(function (ref) { return ref; });
@@ -84,14 +121,26 @@ var Modal = function (_a) {
             }
         }
     }, [refsActions.current.length, display]);
-    return (React.createElement("div", { onKeyDown: onKeyDown },
-        trigger && React.cloneElement(trigger, { ref: refBtnModal }),
-        React.createElement("div", __assign({ id: id, className: classes, role: 'dialog', "aria-modal": display ? 'true' : undefined }, others),
-            React.createElement("div", { ref: modal, className: 'modal-content' },
-                hideCloseButton !== true && (React.createElement("button", { onClick: function (e) {
-                        handleClose(onClose, e);
-                    }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON, ref: function (el) { return el && (refsActions.current[0] = el); } }, accessibilityLabel && React.createElement("span", { className: 'sr-only' }, accessibilityLabel))),
-                children && children))));
+    return (React.createElement("div", { "data-testid": testId, onKeyDown: onKeyDown },
+        triggerContent && (React.createElement(TriggerTag, { "aria-haspopup": 'dialog', ref: refBtnModal, onClick: function (e) {
+                handleOpen(onOpen, e);
+            }, className: hashClass(styled, clsx(triggerClassNames)) }, triggerContent)),
+        React.createElement("div", __assign({ className: classes, role: 'dialog', "aria-modal": display ? 'true' : undefined, "aria-labelledby": title ? idTitle : undefined }, others),
+            React.createElement("div", { ref: modal, className: contentClasses },
+                (closeIcon || title || iconName) && (React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
+                    closeIcon && (React.createElement("button", { onClick: function (e) {
+                            handleClose(onClose, e);
+                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON, ref: function (el) { return el && (refsActions.current[0] = el); } }, accessibilityLabel && React.createElement("span", { className: 'sr-only' }, accessibilityLabel))),
+                    (title || iconName) && (React.createElement(ModalTitle, __assign({ iconColor: iconColor, iconName: iconName }, { textId: idTitle }), title)))),
+                (content || (children != null && children)) && (React.createElement("div", { className: hashClass(styled, clsx('modal-body')) },
+                    content && typeof content === 'string' ? React.createElement(Text, __assign({}, { id: idDescription }), content) : content,
+                    children != null && children)),
+                React.createElement(ModalFooter, { className: footerClasses }, ((ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
+                    ctaCancelOnClick && (React.createElement("button", { onClick: function (e) {
+                            handleClose(ctaCancelOnClick, e);
+                        }, className: hashClass(styled, clsx('button', is('secondary'))), ref: function (el) { return (refsActions.current[1] = el); } }, ctaCancelContent)),
+                    ctaOnClick && (React.createElement("button", { className: hashClass(styled, clsx('button', is('primary'))), title: ctaContent, ref: function (el) { return (refsActions.current[2] = el); }, onClick: ctaOnClick }, ctaContent))))) ||
+                    footer)))));
 };
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFaEQsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBY0Y7SUFiWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLDBCQUE0QixFQUE1QixrQkFBa0IsbUJBQUcsT0FBTyxLQUFBLEVBQzVCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDZixNQUFNLGNBYkksaUpBY2QsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDcEMsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsV0FBVyxFQUFxQixNQUFNLGFBQWEsQ0FBQTtBQUU1RCxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUzQyxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUE7QUFDeEMsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQTJCRjtJQTFCWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGlCQUFpQix1QkFBQSxFQUNqQiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxPQUFPLGFB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

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

@@ -1,18 +1,28 @@
 /// <reference types="react" />
-import { ModalProps } from './ModalProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { ModalProps } from "./ModalProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * 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 ctaOnClick {Function} On Click Event CTA
+ * @param ctaCancelOnClick function for cancel button (appear when set)
  * @param onClose {Function} Additionnal close custom function
  * @param onOpen {Function} Additionnal open custom function
+ * @param closeIcon {boolean} Display close icon for Modal
+ * @param bottom {boolean} Default true : Open modal from bottom
+ * @param ctaContent {string} Content cta
  * @param children {React.ReactNode}
+ * @param fullwidth {boolean} Fullwidth Modal
  * @param onModalHide {Function} Callback on Hide
- * @param unClosable {boolean} unClosable Native Modal
+ * @param swipable {boolean} Swipable Native Modal
  */
 declare const Modal: {
-    ({ children, active, onClose, onOpen, onModalHide, hideCloseButton, unClosable, ...others }: ModalProps): JSX.Element;
+    ({ children, active, title, content, iconName, triggerContent, ctaContent, ctaOnClick, ctaCancelOnClick, onClose, onOpen, closeIcon, bottom, fullwidth, onModalHide, swipable, ...others }: ModalProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Modal;