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

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/list/item/description/ListItemDescription.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
-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
+import ListItem from './ListItem';
+export * from './description';
+export * from './ListItemProps';
+export { ListItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

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

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

package/lib/components/modal/Modal.js

@@ -1,92 +1,97 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ButtonList, ButtonType } from '../../components/button';
-import ModalFooter from '../../components/modal/footer/ModalFooter';
-import { useModal } from '../../components/modal/hook/useModal';
-import { ModalMarkup } from '../../components/modal/ModalEnum';
-import ModalTitle from '../../components/modal/title/ModalTitle';
-import { Text } from '../../components/text';
+import { __assign, __read, __rest } from "tslib";
+import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+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';
+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, 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 idDescription = React.useId();
-    var idTitle = React.useId();
-    var _f = useModal({
-        active: active,
-        onClose: onClose,
-        disableHandlingClickOutside: disableHandlingClickOutside,
-    }), onKeyDown = _f.onKeyDown, display = _f.display, refBtnModal = _f.refBtnModal, modal = _f.modal, refsActions = _f.refsActions, handleClose = _f.handleClose, handleOpen = _f.handleOpen;
-    var classes = hashClass(clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className));
-    /**
-     * 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 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 modal = useRef(null);
+    var _e = __read(useState(active || false), 2), display = _e[0], setDisplay = _e[1];
+    var styled = useTrilogyContext().styled;
+    var refsActions = useRef([]);
+    var refBtnModal = useRef(null);
+    var _f = __read(useState(0), 2), setIndexFocusable = _f[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)) {
+            return;
+        }
+        else {
+            handleClose(onClose, e);
+        }
     };
-    var TriggerTag = React.useMemo(function () { return (triggerMarkup && isCorrectMarkup(triggerMarkup) ? triggerMarkup : 'button'); }, [triggerMarkup]);
-    return (React.createElement("div", { "data-testid": testId, onKeyDown: onKeyDown },
-        triggerContent && (React.createElement(TriggerTag, { "aria-haspopup": 'dialog', ref: refBtnModal, onClick: handleOpen
-                ? function (e) {
-                    handleOpen(onOpen, e);
-                }
-                : undefined, className: hashClass(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: hashClass(clsx('modal-content', contentClassNames)) },
-                (closeIcon || title || iconName) && (React.createElement("div", { className: hashClass(clsx('modal-header')) },
-                    closeIcon && (React.createElement("button", { onClick: handleClose
-                            ? function (e) {
-                                handleClose(onClose, e);
-                            }
-                            : undefined, className: hashClass(clsx('modal-close', is('large'))), type: ButtonType.BUTTON, ref: refsActions ? function (el) { return el && (refsActions.current[0] = el); } : undefined }, 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(clsx('modal-body')) },
-                    content && typeof content === 'string' ? React.createElement(Text, __assign({}, { id: idDescription }), content) : content,
-                    children != null && children)),
-                React.createElement(ModalFooter, { className: clsx('modal-footer', footerClassNames) }, ((ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
-                    ctaCancelOnClick && (React.createElement("button", { onClick: handleClose
-                            ? function (e) {
-                                handleClose(ctaCancelOnClick, e);
-                            }
-                            : undefined, className: hashClass(clsx('button', is('secondary'))), ref: refsActions ? function (el) { return (refsActions.current[1] = el); } : undefined }, ctaCancelContent)),
-                    ctaOnClick && (React.createElement("button", { className: hashClass(clsx('button', is('primary'))), title: ctaContent, ref: refsActions ? function (el) { return (refsActions.current[2] = el); } : undefined, onClick: ctaOnClick }, ctaContent))))) ||
-                    footer)))));
+    useEffect(function () {
+        setDisplay(active || false);
+    }, [active]);
+    useEffect(function () {
+        display && refsActions.current[0] && refsActions.current[0].focus();
+    }, [display, refsActions === null || refsActions === void 0 ? void 0 : refsActions.current.length]);
+    useEffect(function () {
+        if (display && !unClosable) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        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]);
+    function handleClose(onCloseFunc, e) {
+        setDisplay(false);
+        refBtnModal.current && refBtnModal.current.focus();
+        if (onCloseFunc) {
+            onCloseFunc(e);
+        }
+    }
+    function handleOpen(onOpenFunc, e) {
+        setDisplay(true);
+        if (onOpenFunc) {
+            onOpenFunc(e);
+        }
+    }
+    var onKeyDown = useCallback(function (event) {
+        if (display && refsActions.current) {
+            var refs_1 = refsActions.current.filter(function (ref) { return ref; });
+            var key = event.key;
+            if (key === 'Tab') {
+                event.preventDefault();
+                setIndexFocusable(function (prev) {
+                    var _a;
+                    var nextIndex = (prev + 1) % refs_1.length;
+                    refs_1[nextIndex] && ((_a = refs_1[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus());
+                    return nextIndex;
+                });
+            }
+        }
+    }, [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))));
 };
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVELE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsV0FBVyxFQUFxQixNQUFNLDhCQUE4QixDQUFBO0FBRTdFLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQTJCRjtJQTFCWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGlCQUFpQix1QkFBQSxFQUNqQiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLHlCQUF1QyxFQUF2QyxpQkFBaUIsbUJBQUcsbUJBQW1CLEtBQUEsRUFDdkMsVUFBVSxnQkFBQSxFQUNWLHdCQUEwQixFQUExQixnQkFBZ0IsbUJBQUcsT0FBTyxLQUFBLEVBQzFCLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixnQkFBZ0Isc0JBQUEsRUFDaEIsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0wsZ0JBQWdCLHNCQUFBLEVBQ2hCLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQSxFQUNULG1DQUFtQyxFQUFuQywyQkFBMkIsbUJBQUcsS0FBSyxLQUFBLEVBQ25DLE1BQU0sWUFBQSxFQUNILE1BQU0sY0ExQkksc1hBMkJkLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDbkMsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRXZCLElBQUEsS0FBbUYsUUFBUSxDQUFDO1FBQ2hHLE1BQU0sUUFBQTtRQUNOLE9BQU8sU0FBQTtRQUNQLDJCQUEyQiw2QkFBQTtLQUM1QixDQUFDLEVBSk0sU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsVUFBVSxnQkFJbEYsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDdEcsQ0FBQTtJQUVEOzs7O09BSUc7SUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTZDO1FBQ3BFLElBQUksWUFBWSxJQUFJLFdBQVcsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEyQixDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7SUFDbEgsQ0FBQyxDQUFBO0lBQ0QsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDOUIsY0FBTSxPQUFBLENBQUMsYUFBYSxJQUFJLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFBNUUsQ0FBNEUsRUFDbEYsQ0FBQyxhQUFhLENBQUMsQ0FDaEIsQ0FBQTtJQUVELE9BQU8sQ0FDTCw0Q0FBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTO1FBQzNDLGNBQWMsSUFBSSxDQUNqQixvQkFBQyxVQUFVLHFCQUNLLFFBQVEsRUFDdEIsR0FBRyxFQUFFLFdBQVcsRUFDaEIsT0FBTyxFQUNMLFVBQVU7Z0JBQ1IsQ0FBQyxDQUFDLFVBQUMsQ0FBbUI7b0JBQ2xCLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUE7Z0JBQ3ZCLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLFNBQVMsRUFFZixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLElBRTVDLGNBQWMsQ0FDSixDQUNkO1FBQ0Qsc0NBQ0UsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLFFBQVEsZ0JBQ0QsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMscUJBQ3ZCLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3hDLE1BQU07WUFFViw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO2dCQUM1RSxDQUFDLFNBQVMsSUFBSSxLQUFLLElBQUksUUFBUSxDQUFDLElBQUksQ0FDbkMsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7b0JBQzVDLFNBQVMsSUFBSSxDQUNaLGdDQUNFLE9BQU8sRUFDTCxXQUFXOzRCQUNULENBQUMsQ0FBQyxVQUFDLENBQW1CO2dDQUNsQixXQUFXLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFBOzRCQUN6QixDQUFDOzRCQUNILENBQUMsQ0FBQyxTQUFTLEVBRWYsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQ3RELElBQUksRUFBRSxVQUFVLENBQUMsTUFBTSxFQUN2QixHQUFHLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxVQUFDLEVBQUUsSUFBSyxPQUFBLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQW5DLENBQW1DLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFekUsa0JBQWtCLElBQUksOEJBQU0sU0FBUyxFQUFDLFNBQVMsSUFBRSxrQkFBa0IsQ0FBUSxDQUNyRSxDQUNWO29CQUNBLENBQUMsS0FBSyxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQ3RCLG9CQUFDLFVBQVUsYUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQzFFLEtBQUssQ0FDSyxDQUNkLENBQ0csQ0FDUDtnQkFDQSxDQUFDLE9BQU8sSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLElBQUksUUFBUSxDQUFDLENBQUMsSUFBSSxDQUM5Qyw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztvQkFDMUMsT0FBTyxJQUFJLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxlQUFLLEVBQUUsRUFBRSxFQUFFLGFBQWEsRUFBRSxHQUFHLE9BQU8sQ0FBUSxDQUFDLENBQUMsQ0FBQyxPQUFPO29CQUNwRyxRQUFRLElBQUksSUFBSSxJQUFJLFFBQVEsQ0FDekIsQ0FDUDtnQkFDRCxvQkFBQyxXQUFXLElBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsZ0JBQWdCLENBQUMsSUFDM0QsQ0FBQyxDQUFDLFVBQVUsSUFBSSxJQUFJLElBQUksZ0JBQWdCLElBQUksSUFBSSxDQUFDLElBQUksQ0FDcEQsb0JBQUMsVUFBVSxJQUFDLFFBQVEsUUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQztvQkFDdkMsZ0JBQWdCLElBQUksQ0FDbkIsZ0NBQ0UsT0FBTyxFQUNMLFdBQVc7NEJBQ1QsQ0FBQyxDQUFDLFVBQUMsQ0FBQztnQ0FDQSxXQUFXLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUE7NEJBQ2xDLENBQUM7NEJBQ0gsQ0FBQyxDQUFDLFNBQVMsRUFFZixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFDckQsR0FBRyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBQyxFQUFFLElBQUssT0FBQSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQTdCLENBQTZCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFbkUsZ0JBQWdCLENBQ1YsQ0FDVjtvQkFDQSxVQUFVLElBQUksQ0FDYixnQ0FDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFDbkQsS0FBSyxFQUFFLFVBQVUsRUFDakIsR0FBRyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBQyxFQUFFLElBQUssT0FBQSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQTdCLENBQTZCLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDcEUsT0FBTyxFQUFFLFVBQVUsSUFFbEIsVUFBVSxDQUNKLENBQ1YsQ0FDVSxDQUNkLENBQUM7b0JBQ0EsTUFBTSxDQUNJLENBQ1YsQ0FDRixDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFaEQsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBY0Y7SUFiWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLDBCQUE0QixFQUE1QixrQkFBa0IsbUJBQUcsT0FBTyxLQUFBLEVBQzVCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDZixNQUFNLGNBYkksaUpBY2QsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDcEMsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxN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

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

@@ -1,28 +1,18 @@
 /// <reference types="react" />
+import { ModalProps } from './ModalProps';
 import { ComponentName } from '../../components/enumsComponentsName';
-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 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 swipable {boolean} Swipable Native Modal
+ * @param unClosable {boolean} unClosable Native Modal
  */
 declare const Modal: {
-    ({ children, active, title, content, iconName, triggerContent, ctaContent, ctaOnClick, ctaCancelOnClick, onClose, onOpen, closeIcon, bottom, fullwidth, onModalHide, swipable, ...others }: ModalProps): JSX.Element;
+    ({ children, active, onClose, onOpen, onModalHide, hideCloseButton, unClosable, ...others }: ModalProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Modal;