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

package/lib/components/modal/Modal.js

@@ -1,57 +1,35 @@
 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 ModalFooter from './footer/ModalFooter';
-import { ModalMarkup } from './ModalEnum';
-import ModalTitle from './title/ModalTitle';
-var idDescription = shortid.generate();
-var idTitle = shortid.generate();
+import { ButtonType } from '../../components/button';
+import { Title, TitleLevels, TitleMarkup } from '../../components/title';
+var modalGeneratedId = 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 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, title = _a.title, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "onOpen", "panel", "size", "hideCloseButton", "trigger", "unClosable", "title"]);
     var modal = useRef(null);
-    var _f = __read(useState(active || false), 2), display = _f[0], setDisplay = _f[1];
+    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 _g = __read(useState(0), 2), setIndexFocusable = _g[1];
+    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)) {
@@ -68,7 +46,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 && !disableHandlingClickOutside) {
+        if (display && !unClosable) {
             document.addEventListener('mousedown', handleClickOutside);
         }
         else {
@@ -77,12 +55,8 @@ var Modal = function (_a) {
         return function () {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [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]);
+    }, [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();
@@ -96,16 +70,6 @@ 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; });
@@ -121,26 +85,16 @@ var Modal = function (_a) {
             }
         }
     }, [refsActions.current.length, display]);
-    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) {
+    return (React.createElement("div", { onKeyDown: onKeyDown },
+        trigger && React.cloneElement(trigger, { ref: refBtnModal }),
+        React.createElement("div", __assign({ id: id, className: classes, role: "dialog", "aria-labelledby": modalGeneratedId, "aria-modal": true }, others),
+            React.createElement("div", { ref: modal, className: "modal-content" },
+                React.createElement("div", { className: 'modal-header' },
+                    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))),
-                    (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)))));
+                        }, 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))),
+                    React.createElement(Title, { id: modalGeneratedId, level: TitleLevels.THREE, markup: TitleMarkup.H1 }, title)),
+                children && children))));
 };
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsV0FBVyxFQUFxQixNQUFNLGFBQWEsQ0FBQTtBQUU1RCxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUzQyxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUE7QUFDeEMsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQTJCRjtJQTFCWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGlCQUFpQix1QkFBQSxFQUNqQiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxPQUFPLGFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFcEUsSUFBTSxnQkFBZ0IsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFlYTtJQWRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsMEJBQTRCLEVBQTVCLGtCQUFrQixtQkFBRyxPQUFPLEtBQUEsRUFDNUIsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLGtCQUFrQixFQUFsQixVQUFVLG1CQUFHLEtBQUssS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDRixNQUFNLGNBZFgsMEpBZUMsQ0FE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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 './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 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;

package/lib/components/modal/Modal.native.js

@@ -1,53 +1,39 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useRef, useState } from "react";
-import { Animated, Dimensions, ScrollView, StyleSheet, TouchableOpacity } from "react-native";
-import NativeModal from "react-native-modal";
-import { Text } from "../../components/text";
-import { Button, ButtonVariant } from "../../components/button";
-import { View } from "../../components/view";
-import { Icon, IconName, IconSize } from "../../components/icon";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
-import ModalTitle from "./title/ModalTitle";
-import ModalFooter from "./footer/ModalFooter";
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, Dimensions, ScrollView, StyleSheet, TouchableOpacity } from 'react-native';
+import NativeModal from 'react-native-modal';
+import { View } from '../../components/view';
+import { Icon, IconName, IconSize } from '../../components/icon';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+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 swipable {boolean} Swipable Native Modal
+ * @param unClosable {boolean} unClosable Native Modal
  */
 var Modal = function (_a) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, title = _a.title, content = _a.content, iconName = _a.iconName, triggerContent = _a.triggerContent, ctaContent = _a.ctaContent, ctaOnClick = _a.ctaOnClick, ctaCancelOnClick = _a.ctaCancelOnClick, onClose = _a.onClose, onOpen = _a.onOpen, closeIcon = _a.closeIcon, _c = _a.bottom, bottom = _c === void 0 ? true : _c, fullwidth = _a.fullwidth, onModalHide = _a.onModalHide, _d = _a.swipable, swipable = _d === void 0 ? true : _d, others = __rest(_a, ["children", "active", "title", "content", "iconName", "triggerContent", "ctaContent", "ctaOnClick", "ctaCancelOnClick", "onClose", "onOpen", "closeIcon", "bottom", "fullwidth", "onModalHide", "swipable"]);
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onOpen = _a.onOpen, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, others = __rest(_a, ["children", "active", "onClose", "onOpen", "onModalHide", "hideCloseButton", "unClosable"]);
     var styles = StyleSheet.create({
         centeredView: {
-            justifyContent: bottom ? "flex-end" : "center",
-            alignItems: "center",
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
         },
         iconCenter: {
-            alignSelf: "center",
+            alignSelf: 'center',
             marginBottom: 30,
         },
         modalView: {
-            margin: bottom ? 0 : 20,
+            margin: 0,
             backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
             borderRadius: 6,
-            padding: fullwidth ? 0 : 17,
-            shadowColor: "#000",
+            padding: 17,
+            shadowColor: '#000',
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -58,39 +44,39 @@ var Modal = function (_a) {
             flex: 1,
         },
         title: {
-            textAlign: "center",
+            textAlign: 'center',
             fontSize: 21,
-            fontWeight: "600",
+            fontWeight: '600',
         },
         content: {
-            textAlign: "center",
+            textAlign: 'center',
             fontSize: 15,
             paddingTop: 10,
         },
         overlay: {
-            flexDirection: "row",
-            width: "100%",
-            height: "100%",
+            flexDirection: 'row',
+            width: '100%',
+            height: '100%',
         },
         middleModal: {
-            justifyContent: "center",
+            justifyContent: 'center',
         },
         bottomModal: {
-            justifyContent: "flex-end",
+            justifyContent: 'flex-end',
         },
         childrenContainer: {
-            flexWrap: "wrap",
+            flexWrap: 'wrap',
             paddingTop: 10,
             borderRadius: 6,
             backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
-            width: "100%",
+            width: '100%',
         },
         horizontalMargin: {
             marginTop: 50,
-            marginBottom: bottom ? 0 : 50,
+            marginBottom: 0,
         },
     });
-    var defaultAnimPosition = Dimensions.get("window").height;
+    var defaultAnimPosition = Dimensions.get('window').height;
     var translateAnim = useRef(new Animated.Value(defaultAnimPosition)).current;
     var _e = __read(useState(active || false), 2), visible = _e[0], setVisible = _e[1];
     useEffect(function () {
@@ -114,13 +100,7 @@ var Modal = function (_a) {
             onClose(e);
         setVisible(false);
     };
-    var modalChildren = children !== null && children !== void 0 ? children : (React.createElement(View, { style: { padding: 17 } }, content && typeof content === "string" ? (React.createElement(Text, { style: styles.content }, content)) : (content)));
     return (React.createElement(React.Fragment, null,
-        triggerContent && (React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: function (e) {
-                if (onOpen)
-                    onOpen(e);
-                setVisible(true);
-            } }, triggerContent)),
         React.createElement(NativeModal
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         , __assign({ 
@@ -128,42 +108,28 @@ var Modal = function (_a) {
             onSwipeComplete: function (e) {
                 //          setVisible(!visible)
                 close(e);
-            }, onModalHide: onModalHide, swipeDirection: swipable ? "down" : undefined, isVisible: visible, statusBarTranslucent: true, style: { width: "100%", padding: 0, margin: 0 } }, others),
-            React.createElement(View, { style: [
-                    styles.overlay,
-                    bottom ? styles.bottomModal : styles.middleModal,
-                ] },
-                React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: bottom ? 0 : 20, height: "100%" }, onPress: close }),
+            }, onModalHide: onModalHide, swipeDirection: unClosable ? undefined : 'down', isVisible: visible, statusBarTranslucent: true, style: { width: '100%', padding: 0, margin: 0 } }, others),
+            React.createElement(View, { style: [styles.overlay, styles.bottomModal] },
+                React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: 0, height: '100%' }, onPress: close }),
                 React.createElement(View, { style: {
-                        display: "flex",
-                        flexDirection: "column",
-                        flex: fullwidth ? 0 : 1,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        flex: 1,
                     } },
-                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: "100%", minHeight: 50, flexGrow: 1 }, onPress: close }),
+                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: '100%', minHeight: 50, flexGrow: 1 }, onPress: close }),
                     React.createElement(View, { style: { flexShrink: 1 } },
-                        React.createElement(Animated.View, { style: [
-                                styles.childrenContainer,
-                                { transform: [{ translateY: translateAnim }], overflow: 'hidden' }
-                            ] },
-                            closeIcon && (React.createElement(View, { style: { width: "100%" } },
-                                React.createElement(TouchableOpacity, { style: { alignSelf: "flex-end", right: 20 }, onPress: close },
+                        React.createElement(Animated.View, { style: [styles.childrenContainer, { transform: [{ translateY: translateAnim }], overflow: 'hidden' }] },
+                            !hideCloseButton && (React.createElement(View, { style: { width: '100%' } },
+                                React.createElement(TouchableOpacity, { style: { alignSelf: 'flex-end', right: 20 }, onPress: close },
                                     React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL, color: TrilogyColor.NEUTRAL })))),
-                            (title || iconName) && React.createElement(ModalTitle, { iconName: iconName }, title),
-                            React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, modalChildren),
-                            (ctaContent || ctaCancelOnClick) && (React.createElement(ModalFooter, null,
-                                (ctaContent &&
-                                    React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: ctaOnClick }, ctaContent)),
-                                (ctaCancelOnClick &&
-                                    React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: function (e) {
-                                            ctaCancelOnClick(e);
-                                        } }, " Annuler ")))))),
+                            React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, children))),
                     React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
-                            width: "100%",
-                            minHeight: bottom ? 0 : 50,
-                            flexGrow: bottom ? 0 : 1,
+                            width: '100%',
+                            minHeight: 0,
+                            flexGrow: 0,
                         }, onPress: close })),
-                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: bottom ? 0 : 20, height: "100%" } })))));
+                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: 0, height: '100%' } })))));
 };
 Modal.displayName = ComponentName.Modal;
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzNELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMzQyxPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFrQmE7SUFqQlgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7SUFSWCxJQUFBLFFBQVEsY0FBQSxFQUNSLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFdBQVcsaUJBQUEsRUFDWCx1QkFBdUIsRUFBdkIsZUFBZSxtQkFBRyxLQUFLLEtBQUEsRUFDdkIsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2YsTUFBTSxjQVJJLDJGQVNkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFlBQVksRUFBRTtZQUNaLGNBQWMsRUFBRSxVQUFVO1lBQzFCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGVBQWUsRUFBRSxvQkFBb0I7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

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

@@ -21,3 +21,8 @@ export declare enum ModalCtaMarkup {
     A = "a"
 }
 export type ModalCtaMarkupValues = `${ModalCtaMarkup}`;
+export declare enum ModalSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}

package/lib/components/modal/ModalEnum.js

@@ -21,4 +21,10 @@ export var ModalCtaMarkup;
     ModalCtaMarkup["DIV"] = "div";
     ModalCtaMarkup["A"] = "a";
 })(ModalCtaMarkup || (ModalCtaMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQVlYO0FBWkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtJQUNYLGdDQUFpQixDQUFBO0lBQ2pCLHNCQUFPLENBQUE7QUFDVCxDQUFDLEVBWlcsV0FBVyxLQUFYLFdBQVcsUUFZdEI7QUFJRCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLG1DQUFpQixDQUFBO0lBQ2pCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCIn0=
+export var ModalSize;
+(function (ModalSize) {
+    ModalSize["SMALL"] = "small";
+    ModalSize["MEDIUM"] = "medium";
+    ModalSize["LARGE"] = "large";
+})(ModalSize || (ModalSize = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQVlYO0FBWkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtJQUNYLGdDQUFpQixDQUFBO0lBQ2pCLHNCQUFPLENBQUE7QUFDVCxDQUFDLEVBWlcsV0FBVyxLQUFYLFdBQVcsUUFZdEI7QUFJRCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLG1DQUFpQixDQUFBO0lBQ2pCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCO0FBSUQsTUFBTSxDQUFOLElBQVksU0FJWDtBQUpELFdBQVksU0FBUztJQUNuQiw0QkFBZSxDQUFBO0lBQ2YsOEJBQWlCLENBQUE7SUFDakIsNEJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsU0FBUyxLQUFULFNBQVMsUUFJcEIifQ==

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

@@ -1,41 +1,21 @@
-/// <reference types="react" />
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable, Clipped, Dev, Fullwidth } from '../../objects';
-import { ModalMarkup, ModalMarkupValues } from './ModalEnum';
-export interface ModalContentButtonProps extends Clickable {
-    children?: string;
-}
-export interface CloseButtonProps {
-    onCloseFunc?: ClickEvent;
-}
+import { Accessibility, Dev } from '../../objects';
+import { ReactNode } from 'react';
+import { ModalSize } from '../../components/modal/ModalEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Modal Interface
  */
-export interface ModalProps extends Clipped, Fullwidth, Accessibility, Dev {
+export interface ModalProps extends Accessibility, Dev, CommonProps {
     children?: React.ReactNode;
     active?: boolean;
-    title?: string;
-    content?: string | React.ReactNode;
-    footer?: string | React.ReactNode;
-    className?: string;
-    contentClassNames?: string;
-    footerClassNames?: string;
-    iconName?: IconName | IconNameValues;
-    iconColor?: IconColor | IconColorValues;
-    triggerContent?: string;
-    triggerClassNames?: string;
-    triggerMarkup?: ModalMarkup | ModalMarkupValues;
-    ctaContent?: string;
-    ctaCancelContent?: string;
-    closeIcon?: boolean;
-    ctaOnClick?: ClickEvent;
-    ctaCancelOnClick?: ClickEvent;
+    trigger?: ReactNode;
+    hideCloseButton?: boolean;
     onClose?: ClickEvent;
     onOpen?: ClickEvent;
-    bottom?: boolean;
     panel?: boolean;
     onModalHide?: () => void;
-    disableHandlingClickOutside?: boolean;
-    swipable?: boolean;
+    unClosable?: boolean;
+    size?: ModalSize;
+    title: string;
 }