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

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

@@ -1,17 +1,17 @@
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../../components/enumsComponentsName';
-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 = React.forwardRef(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));
-});
-ListItemDescription.displayName = ComponentName.ListItemDescription;
+    var styled = useTrilogyContext().styled;
+    return React.createElement("dd", { className: hashClass(styled, clsx(className)) }, children);
+};
 export default ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7R0FLRztBQUNILElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDMUMsVUFBQyxFQUFpRCxFQUFFLEdBQTJCO1FBQTVFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQTtJQUNwQixPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUNoRCxRQUFRLENBQ04sQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxtQkFBbUIsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFBO0FBQ25FLGVBQWUsbUJBQW1CLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7R0FLRztBQUNILElBQU0sbUJBQW1CLEdBQUcsVUFBQyxFQUdGO1FBRnpCLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sNEJBQUksU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFNLENBQUE7QUFDM0UsQ0FBQyxDQUFBO0FBRUQsZUFBZSxtQkFBbUIsQ0FBQSJ9

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

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ListItemDescriptionProps } from '../../../../components/list/item/description/ListItemDescriptionProps';
+/// <reference types="react" />
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+import { ComponentName } from "../../../../components/enumsComponentsName";
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
  */
-declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<View>>;
+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 = React.forwardRef(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 ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7O0dBR0c7QUFDSCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFDLFVBQUMsRUFBc0MsRUFBRSxHQUFvQjtRQUExRCxRQUFRLGNBQUE7SUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLFFBQVEsQ0FBQyxFQUFFO1FBQ2xELE9BQU8sb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLElBQUcsUUFBUSxDQUFRLENBQUE7S0FDekM7SUFFRCxPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FDRixDQUFBO0FBQ0QsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUNuRSxlQUFlLG1CQUFtQixDQUFBIn0=
+//# 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,5 +1,5 @@
 /// <reference types="react" />
-import { ModalProps } from '../../components/modal/ModalProps';
+import { ModalProps } from './ModalProps';
 /**
  * Modal Component
  * @param active {boolean} Activated Modal

package/lib/components/modal/Modal.js

@@ -1,14 +1,17 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
+import { __assign, __read, __rest } from "tslib";
 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 { 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 ModalFooter from './footer/ModalFooter';
+import { ModalMarkup } from './ModalEnum';
+import ModalTitle from './title/ModalTitle';
+var idDescription = shortid.generate();
+var idTitle = shortid.generate();
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -43,14 +46,56 @@ import { is } from '../../services/classify';
  */
 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));
+    var modal = useRef(null);
+    var _f = __read(useState(active || false), 2), display = _f[0], setDisplay = _f[1];
+    var styled = useTrilogyContext().styled;
+    var refsActions = useRef([]);
+    var refBtnModal = useRef(null);
+    var _g = __read(useState(0), 2), setIndexFocusable = _g[1];
+    var handleClickOutside = function (e) {
+        var _a;
+        if ((_a = modal === null || modal === void 0 ? void 0 : modal.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
+            return;
+        }
+        else {
+            handleClose(onClose, e);
+        }
+    };
+    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 && !disableHandlingClickOutside) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        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]);
+    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);
+        }
+    }
     /**
      * 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
@@ -61,32 +106,41 @@ var Modal = function (_a) {
             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; });
+            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", { "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)),
+        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: 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))),
+            React.createElement("div", { ref: modal, className: contentClasses },
+                (closeIcon || title || iconName) && (React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
+                    closeIcon && (React.createElement("button", { onClick: function (e) {
+                            handleClose(onClose, e);
+                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON, ref: function (el) { return el && (refsActions.current[0] = el); } }, accessibilityLabel && React.createElement("span", { className: 'sr-only' }, accessibilityLabel))),
                     (title || iconName) && (React.createElement(ModalTitle, __assign({ iconColor: iconColor, iconName: iconName }, { textId: idTitle }), title)))),
-                (content || (children != null && children)) && (React.createElement("div", { className: hashClass(clsx('modal-body')) },
+                (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: 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))))) ||
+                React.createElement(ModalFooter, { className: footerClasses }, ((ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
+                    ctaCancelOnClick && (React.createElement("button", { onClick: function (e) {
+                            handleClose(ctaCancelOnClick, e);
+                        }, className: hashClass(styled, clsx('button', is('secondary'))), ref: function (el) { return (refsActions.current[1] = el); } }, ctaCancelContent)),
+                    ctaOnClick && (React.createElement("button", { className: hashClass(styled, clsx('button', is('primary'))), title: ctaContent, ref: function (el) { return (refsActions.current[2] = el); }, onClick: ctaOnClick }, ctaContent))))) ||
                     footer)))));
 };
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVELE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsV0FBVyxFQUFxQixNQUFNLDhCQUE4QixDQUFBO0FBRTdFLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQTJCRjtJQTFCWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGlCQUFpQix1QkFBQSxFQUNqQiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLHlCQUF1QyxFQUF2QyxpQkFBaUIsbUJBQUcsbUJBQW1CLEtBQUEsRUFDdkMsVUFBVSxnQkFBQSxFQUNWLHdCQUEwQixFQUExQixnQkFBZ0IsbUJBQUcsT0FBTyxLQUFBLEVBQzFCLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZFLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsV0FBVyxFQUFxQixNQUFNLGFBQWEsQ0FBQTtBQUU1RCxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUzQyxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUE7QUFDeEMsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQTJCRjtJQTFCWCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGlCQUFpQix1QkFBQSxFQUNqQiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxPQUFPLGFB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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ComponentName } from '../../components/enumsComponentsName';
-import { ModalProps } from '../../components/modal/ModalProps';
+import { ModalProps } from "./ModalProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Modal Component
  * @param active {boolean} Activated Modal

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

@@ -1,15 +1,15 @@
 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 { 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 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";
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -34,12 +34,12 @@ 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 styles = StyleSheet.create({
         centeredView: {
-            justifyContent: bottom ? 'flex-end' : 'center',
-            alignItems: 'center',
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            justifyContent: bottom ? "flex-end" : "center",
+            alignItems: "center",
+            backgroundColor: "rgba(0, 0, 0, 0.5)",
         },
         iconCenter: {
-            alignSelf: 'center',
+            alignSelf: "center",
             marginBottom: 30,
         },
         modalView: {
@@ -47,7 +47,7 @@ var Modal = function (_a) {
             backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
             borderRadius: 6,
             padding: fullwidth ? 0 : 17,
-            shadowColor: '#000',
+            shadowColor: "#000",
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -58,39 +58,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,
         },
     });
-    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,7 +114,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));
+    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)
@@ -128,37 +128,42 @@ 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: 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',
+                        display: "flex",
+                        flexDirection: "column",
                         flex: fullwidth ? 0 : 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' }
+                            ] },
+                            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 })))),
                             (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",
-                                    ' ')))))),
+                                (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%',
+                            width: "100%",
                             minHeight: bottom ? 0 : 50,
                             flexGrow: bottom ? 0 : 1,
                         }, 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: bottom ? 0 : 20, height: "100%" } })))));
 };
 Modal.displayName = ComponentName.Modal;
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sV0FBVyxNQUFNLHVDQUF1QyxDQUFBO0FBRS9ELE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFrQkY7SUFqQlgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzNELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMzQyxPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFrQmE7SUFqQlgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFD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

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

@@ -1,8 +1,8 @@
 /// <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, Clickable, Clipped, Dev, Fullwidth } from '../../objects/facets';
+import { Accessibility, Clickable, Clipped, Dev, Fullwidth } from '../../objects';
+import { ModalMarkup, ModalMarkupValues } from './ModalEnum';
 export interface ModalContentButtonProps extends Clickable {
     children?: string;
 }

package/lib/components/modal/footer/ModalFooter.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ModalFooterProps } from '../../../components/modal/footer/ModalFooterProps';
+import { ModalFooterProps } from "./ModalFooterProps";
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
  */
-declare const ModalFooter: ({ children, className }: ModalFooterProps) => JSX.Element;
+declare const ModalFooter: ({ children, className, }: ModalFooterProps) => JSX.Element;
 export default ModalFooter;

package/lib/components/modal/footer/ModalFooter.js

@@ -1,6 +1,7 @@
-import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
@@ -9,7 +10,8 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  */
 var ModalFooter = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: hashClass(clsx('modal-footer', className)) }, children);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", { className: hashClass(styled, clsx("modal-footer", className)) }, children));
 };
 export default ModalFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2Zvb3Rlci9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQ7Ozs7O0dBS0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXlDO1FBQXZDLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQTtJQUN4QyxPQUFPLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFBO0FBQ3JGLENBQUMsQ0FBQTtBQUVELGVBQWUsV0FBVyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2Zvb3Rlci9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7OztHQUtHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQUdGO1FBRmpCLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQy9ELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFdBQVcsQ0FBQSJ9

package/lib/components/modal/footer/ModalFooter.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { ModalFooterProps } from '../../../components/modal/footer/ModalFooterProps';
+import { ModalFooterProps } from "./ModalFooterProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}