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

package/lib/components/modal/Modal.js

@@ -1,97 +1,92 @@
-import { __assign, __read, __rest } from "tslib";
-import { useTrilogyContext } from '../../context/index';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services';
+import { __assign, __rest } from "tslib";
 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();
+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 { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * 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 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 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;
     };
-    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))));
+    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)))));
 };
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFaEQsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBY0Y7SUFiWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLDBCQUE0QixFQUE1QixrQkFBa0IsbUJBQUcsT0FBTyxLQUFBLEVBQzVCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDZixNQUFNLGNBYkksaUpBY2QsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDcEMsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVELE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsV0FBVyxFQUFxQixNQUFNLDhCQUE4QixDQUFBO0FBRTdFLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQTJCRjtJQTFCWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGlCQUFpQix1QkFBQSxFQUNqQiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLHlCQUF1QyxFQUF2QyxpQkFBaUIsbUJBQUcsbUJBQW1CLEtBQUEsRUFDdkMsVUFBVSxnQkFBQSxFQUNWLHdCQUEwQixFQUExQixnQkFBZ0IsbUJBQUcsT0FBTyxLQUFBLEVBQzFCLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFD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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 '../../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 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;

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

@@ -2,25 +2,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 { View } from '../../components/view';
+import { Button, ButtonVariant } from '../../components/button';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon, IconName, IconSize } from '../../components/icon';
+import ModalFooter from '../../components/modal/footer/ModalFooter';
+import ModalTitle from '../../components/modal/title/ModalTitle';
+import { Text } from '../../components/text';
+import { View } from '../../components/view';
 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 unClosable {boolean} unClosable Native Modal
+ * @param swipable {boolean} Swipable Native Modal
  */
 var Modal = function (_a) {
-    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 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 styles = StyleSheet.create({
         centeredView: {
-            justifyContent: 'flex-end',
+            justifyContent: bottom ? 'flex-end' : 'center',
             alignItems: 'center',
             backgroundColor: 'rgba(0, 0, 0, 0.5)',
         },
@@ -29,10 +43,10 @@ var Modal = function (_a) {
             marginBottom: 30,
         },
         modalView: {
-            margin: 0,
+            margin: bottom ? 0 : 20,
             backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
             borderRadius: 6,
-            padding: 17,
+            padding: fullwidth ? 0 : 17,
             shadowColor: '#000',
             shadowOffset: {
                 width: 0,
@@ -73,7 +87,7 @@ var Modal = function (_a) {
         },
         horizontalMargin: {
             marginTop: 50,
-            marginBottom: 0,
+            marginBottom: bottom ? 0 : 50,
         },
     });
     var defaultAnimPosition = Dimensions.get('window').height;
@@ -100,7 +114,13 @@ 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({ 
@@ -108,28 +128,37 @@ var Modal = function (_a) {
             onSwipeComplete: function (e) {
                 //          setVisible(!visible)
                 close(e);
-            }, 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 }),
+            }, 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 }),
                 React.createElement(View, { style: {
                         display: 'flex',
                         flexDirection: 'column',
-                        flex: 1,
+                        flex: fullwidth ? 0 : 1,
                     } },
                     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' }] },
-                            !hideCloseButton && (React.createElement(View, { style: { width: '100%' } },
+                            closeIcon && (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 })))),
-                            React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, children))),
+                            (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(TouchableOpacity, { activeOpacity: 1, style: {
                             width: '100%',
-                            minHeight: 0,
-                            flexGrow: 0,
+                            minHeight: bottom ? 0 : 50,
+                            flexGrow: bottom ? 0 : 1,
                         }, onPress: close })),
-                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: 0, height: '100%' } })))));
+                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: bottom ? 0 : 20, height: '100%' } })))));
 };
 Modal.displayName = ComponentName.Modal;
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7SUFSWCxJQUFBLFFBQVEsY0FBQSxFQUNSLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFdBQVcsaUJBQUEsRUFDWCx1QkFBdUIsRUFBdkIsZUFBZSxtQkFBRyxLQUFLLEtBQUEsRUFDdkIsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2YsTUFBTSxjQVJJLDJGQVNkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFlBQVksRUFBRTtZQUNaLGNBQWMsRUFBRSxVQUFVO1lBQzFCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGVBQWUsRUFBRSxvQkFBb0I7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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBRS9ELE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFrQkY7SUFqQlgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFD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

package/lib/components/modal/ModalContentButtonPropsDefaults.js

@@ -0,0 +1,16 @@
+export default {
+  "children": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  }
+};

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

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

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

@@ -1,20 +1,41 @@
+/// <reference types="react" />
+import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
+import { ModalMarkup, ModalMarkupValues } from '../../components/modal/ModalEnum';
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Dev } from '../../objects';
-import { ReactNode } from 'react';
-import { ModalSize } from '../../components/modal/ModalEnum';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import { Accessibility, Clickable, Clipped, Dev, Fullwidth } from '../../objects/facets';
+export interface ModalContentButtonProps extends Clickable {
+    children?: string;
+}
+export interface CloseButtonProps {
+    onCloseFunc?: ClickEvent;
+}
 /**
  * Modal Interface
  */
-export interface ModalProps extends Accessibility, Dev, CommonProps {
+export interface ModalProps extends Clipped, Fullwidth, Accessibility, Dev {
     children?: React.ReactNode;
     active?: boolean;
-    trigger?: ReactNode;
-    hideCloseButton?: 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;
     onClose?: ClickEvent;
     onOpen?: ClickEvent;
+    bottom?: boolean;
     panel?: boolean;
     onModalHide?: () => void;
-    unClosable?: boolean;
-    size?: ModalSize;
+    disableHandlingClickOutside?: boolean;
+    swipable?: boolean;
 }