@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

package/lib/components/modal/Modal.js

@@ -1,13 +1,15 @@
-import { __assign, __read, __rest } from "tslib";
-import { ButtonType } from '../../components/button';
-import { Title, TitleLevels, TitleMarkup } from '../../components/title';
-import { useTrilogyContext } from '../../context/index';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services';
-import translation from '@trilogy-ds/locales/lib/modal';
-import clsx from 'clsx';
-import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
-import { ComponentName } from '../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var button_1 = require("../../components/button");
+var title_1 = require("../../components/title");
+var index_1 = require("../../context/index");
+var hashClassesHelpers_1 = require("../../helpers/hashClassesHelpers");
+var services_1 = require("../../services");
+var modal_1 = tslib_1.__importDefault(require("@trilogy-ds/locales/lib/modal"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importStar(require("react"));
+var enumsComponentsName_1 = require("../enumsComponentsName");
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -21,17 +23,17 @@ import { ComponentName } from '../enumsComponentsName';
  * @param accessibilityLabel {string} Accessibility label
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
-var Modal = React.forwardRef(function (_a, ref) {
-    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, unClosable = _a.unClosable, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "unClosable", "panel", "size", "hideCloseButton", "trigger", "title"]);
-    var modalContentRef = useRef(null);
-    var _d = __read(useState(active || false), 2), display = _d[0], setDisplay = _d[1];
-    var styled = useTrilogyContext().styled;
-    var refBtnModal = useRef(null);
-    var refModal = useRef(null);
-    var modalGeneratedId = useId();
-    var focusableElementsRef = useRef(null);
-    var currentFocusIndexRef = useRef(0);
-    var handleClose = React.useCallback(function (onCloseFunc, e) {
+var Modal = react_1.default.forwardRef(function (_a, ref) {
+    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, unClosable = _a.unClosable, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, title = _a.title, others = tslib_1.__rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "unClosable", "panel", "size", "hideCloseButton", "trigger", "title"]);
+    var modalContentRef = (0, react_1.useRef)(null);
+    var _d = tslib_1.__read((0, react_1.useState)(active || false), 2), display = _d[0], setDisplay = _d[1];
+    var styled = (0, index_1.useTrilogyContext)().styled;
+    var refBtnModal = (0, react_1.useRef)(null);
+    var refModal = (0, react_1.useRef)(null);
+    var modalGeneratedId = (0, react_1.useId)();
+    var focusableElementsRef = (0, react_1.useRef)(null);
+    var currentFocusIndexRef = (0, react_1.useRef)(0);
+    var handleClose = react_1.default.useCallback(function (onCloseFunc, e) {
         if (!unClosable) {
             setDisplay(false);
             refBtnModal.current && refBtnModal.current.focus();
@@ -39,8 +41,8 @@ var Modal = React.forwardRef(function (_a, ref) {
                 onCloseFunc(e);
         }
     }, [refBtnModal.current]);
-    var classes = hashClass(styled, clsx('modal', display && is('active'), size && is(size), panel && is('panel'), className));
-    var onKeyDown = useCallback(function (e) {
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('modal', display && (0, services_1.is)('active'), size && (0, services_1.is)(size), panel && (0, services_1.is)('panel'), className));
+    var onKeyDown = (0, react_1.useCallback)(function (e) {
         if (display && e.key === 'Tab') {
             e.preventDefault();
             if (focusableElementsRef.current) {
@@ -59,7 +61,7 @@ var Modal = React.forwardRef(function (_a, ref) {
             onClose && onClose();
         }
     }, [display, focusableElementsRef, currentFocusIndexRef, refBtnModal, onClose]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setDisplay(function (prev) {
             if (prev) {
                 refBtnModal.current && refBtnModal.current.focus();
@@ -68,31 +70,31 @@ var Modal = React.forwardRef(function (_a, ref) {
             return active || false;
         });
     }, [active, currentFocusIndexRef, refBtnModal]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         !hideCloseButton && display && focusableElementsRef.current && focusableElementsRef.current[0].focus();
     }, [hideCloseButton, display, focusableElementsRef]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (modalContentRef.current) {
             focusableElementsRef.current = modalContentRef.current.querySelectorAll('button:not(:disabled), input:not(:disabled), a, select:not(:disabled), textarea:not(:disabled), details:not([aria-disabled="true"]) > summary');
         }
     }, [modalContentRef, focusableElementsRef]);
-    return (React.createElement("div", { onKeyDown: onKeyDown, ref: refModal },
-        trigger && React.cloneElement(trigger, { ref: refBtnModal, 'aria-haspopup': 'dialog' }),
-        React.createElement("div", __assign({ ref: ref, id: id, className: classes, role: 'dialog', "aria-labelledby": modalGeneratedId, "aria-modal": true, onClick: function (e) {
+    return (react_1.default.createElement("div", { onKeyDown: onKeyDown, ref: refModal },
+        trigger && react_1.default.cloneElement(trigger, { ref: refBtnModal, 'aria-haspopup': 'dialog' }),
+        react_1.default.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: classes, role: 'dialog', "aria-labelledby": modalGeneratedId, "aria-modal": true, onClick: function (e) {
                 var _a;
                 if (!((_a = modalContentRef === null || modalContentRef === void 0 ? void 0 : modalContentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
                     handleClose(onClose, e);
                 }
             } }, others),
-            React.createElement("div", { ref: modalContentRef, className: hashClass(styled, clsx('modal-content')) },
-                React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
-                    !hideCloseButton && (React.createElement("button", { onClick: function (e) {
+            react_1.default.createElement("div", { ref: modalContentRef, className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('modal-content')) },
+                react_1.default.createElement("div", { className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('modal-header')) },
+                    !hideCloseButton && (react_1.default.createElement("button", { onClick: function (e) {
                             handleClose(onClose, e);
-                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON },
-                        React.createElement("span", { className: hashClass(styled, clsx('sr-only')) }, translation.accessibilityLabelButtonClose))),
-                    React.createElement(Title, { id: modalGeneratedId, level: TitleLevels.THREE, markup: TitleMarkup.H1 }, title)),
+                        }, className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('modal-close', (0, services_1.is)('large'))), type: button_1.ButtonType.BUTTON },
+                        react_1.default.createElement("span", { className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('sr-only')) }, modal_1.default.accessibilityLabelButtonClose))),
+                    react_1.default.createElement(title_1.Title, { id: modalGeneratedId, level: title_1.TitleLevels.THREE, markup: title_1.TitleMarkup.H1 }, title)),
                 children && children))));
 });
-Modal.displayName = ComponentName.Modal;
-export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLCtCQUErQixDQUFBO0FBQ3ZELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFpQixXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiWCxnSkFjQyxDQURV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
+Modal.displayName = enumsComponentsName_1.ComponentName.Modal;
+exports.default = Modal;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw4Q0FBZ0Q7QUFDaEQsNENBQW9FO0FBQ3BFLHlDQUFtRDtBQUVuRCxtRUFBd0Q7QUFDeEQsdUNBQStCO0FBQy9CLGdGQUF1RDtBQUN2RCxzREFBdUI7QUFDdkIscURBQTZGO0FBQzdGLDhEQUFzRDtBQUd0RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEtBQUssR0FBRyxlQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNGLE1BQU0sc0JBYlgsZ0pBY0MsQ0FEVTtJQUlYLElBQU0sZUFBZSxHQUFHLElBQUEsY0FBTSxFQUFpQixJQUFJLENBQUMsQ0FBQTtJQUM5QyxJQUFBLEtBQUEsZUFBd0IsSUFBQSxnQkFBUSxFQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF6RCxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQXNDLENBQUE7SUFDeEQsSUFBQSxNQUFNLEdBQUssSUFBQSx5QkFBaUIsR0FBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLFdBQVcsR0FBRyxJQUFBLGNBQU0sRUFBTSxJQUFJLENBQUMsQ0FBQTtJQUNyQyxJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sRUFBaUIsSUFBSSxDQUFDLENBQUE7SUFDN0MsSUFB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

package/lib/components/modal/Modal.mjs

@@ -0,0 +1,98 @@
+import { __assign, __read, __rest } from "tslib";
+import { ButtonType } from '../../components/button';
+import { Title, TitleLevels, TitleMarkup } from '../../components/title';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services';
+import translation from '@trilogy-ds/locales/lib/modal';
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param panel {boolean} Panel Side Modal
+ * @param accessibilityLabel {string} Accessibility label
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+var Modal = React.forwardRef(function (_a, ref) {
+    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, unClosable = _a.unClosable, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "unClosable", "panel", "size", "hideCloseButton", "trigger", "title"]);
+    var modalContentRef = useRef(null);
+    var _d = __read(useState(active || false), 2), display = _d[0], setDisplay = _d[1];
+    var styled = useTrilogyContext().styled;
+    var refBtnModal = useRef(null);
+    var refModal = useRef(null);
+    var modalGeneratedId = useId();
+    var focusableElementsRef = useRef(null);
+    var currentFocusIndexRef = useRef(0);
+    var handleClose = React.useCallback(function (onCloseFunc, e) {
+        if (!unClosable) {
+            setDisplay(false);
+            refBtnModal.current && refBtnModal.current.focus();
+            if (onCloseFunc)
+                onCloseFunc(e);
+        }
+    }, [refBtnModal.current]);
+    var classes = hashClass(styled, clsx('modal', display && is('active'), size && is(size), panel && is('panel'), className));
+    var onKeyDown = useCallback(function (e) {
+        if (display && e.key === 'Tab') {
+            e.preventDefault();
+            if (focusableElementsRef.current) {
+                var currentIndex = currentFocusIndexRef.current;
+                var offset = e.shiftKey ? -1 : 1;
+                var nextIndex = (currentIndex + offset + focusableElementsRef.current.length) % focusableElementsRef.current.length;
+                currentFocusIndexRef.current = nextIndex;
+                focusableElementsRef.current[nextIndex].focus();
+            }
+        }
+        if (!unClosable && display && e.key === 'Escape') {
+            e.preventDefault();
+            setDisplay(false);
+            refBtnModal.current && refBtnModal.current.focus();
+            currentFocusIndexRef.current = 0;
+            onClose && onClose();
+        }
+    }, [display, focusableElementsRef, currentFocusIndexRef, refBtnModal, onClose]);
+    useEffect(function () {
+        setDisplay(function (prev) {
+            if (prev) {
+                refBtnModal.current && refBtnModal.current.focus();
+                currentFocusIndexRef.current = 0;
+            }
+            return active || false;
+        });
+    }, [active, currentFocusIndexRef, refBtnModal]);
+    useEffect(function () {
+        !hideCloseButton && display && focusableElementsRef.current && focusableElementsRef.current[0].focus();
+    }, [hideCloseButton, display, focusableElementsRef]);
+    useEffect(function () {
+        if (modalContentRef.current) {
+            focusableElementsRef.current = modalContentRef.current.querySelectorAll('button:not(:disabled), input:not(:disabled), a, select:not(:disabled), textarea:not(:disabled), details:not([aria-disabled="true"]) > summary');
+        }
+    }, [modalContentRef, focusableElementsRef]);
+    return (React.createElement("div", { onKeyDown: onKeyDown, ref: refModal },
+        trigger && React.cloneElement(trigger, { ref: refBtnModal, 'aria-haspopup': 'dialog' }),
+        React.createElement("div", __assign({ ref: ref, id: id, className: classes, role: 'dialog', "aria-labelledby": modalGeneratedId, "aria-modal": true, onClick: function (e) {
+                var _a;
+                if (!((_a = modalContentRef === null || modalContentRef === void 0 ? void 0 : modalContentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+                    handleClose(onClose, e);
+                }
+            } }, others),
+            React.createElement("div", { ref: modalContentRef, className: hashClass(styled, clsx('modal-content')) },
+                React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
+                    !hideCloseButton && (React.createElement("button", { onClick: function (e) {
+                            handleClose(onClose, e);
+                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON },
+                        React.createElement("span", { className: hashClass(styled, clsx('sr-only')) }, translation.accessibilityLabelButtonClose))),
+                    React.createElement(Title, { id: modalGeneratedId, level: TitleLevels.THREE, markup: TitleMarkup.H1 }, title)),
+                children && children))));
+});
+Modal.displayName = ComponentName.Modal;
+export default Modal;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLCtCQUErQixDQUFBO0FBQ3ZELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFpQixXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiWCxnSkFjQyxDQURV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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { View } from 'react-native';
+import { ModalProps } from './ModalProps';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * @param onModalHide {Function} Callback on Hide
+ * @param unClosable {boolean} unClosable Native Modal
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<View>>;
+export default Modal;

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

@@ -1,14 +1,16 @@
-import { __assign, __read, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { isAndroid } from '../../helpers/device.native';
-import { Alignable, getColorStyle, TrilogyColor } from '../../objects';
-import React, { useEffect, useRef, useState } from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity, View, } from 'react-native';
-import ModalRN from 'react-native-modal';
-import { Column, Columns } from '../columns';
-import { Icon, IconName, IconSize } from '../icon';
-import { Title } from '../title';
-import { ModalContext } from './context/ModalContext';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var device_native_1 = require("../../helpers/device.native");
+var objects_1 = require("../../objects");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_modal_1 = tslib_1.__importDefault(require("react-native-modal"));
+var columns_1 = require("../columns");
+var icon_1 = require("../icon");
+var title_1 = require("../title");
+var ModalContext_1 = require("./context/ModalContext");
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -19,12 +21,12 @@ import { ModalContext } from './context/ModalContext';
  * @param onModalHide {Function} Callback on Hide
  * @param unClosable {boolean} unClosable Native Modal
  */
-var Modal = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
-    var scrollViewRef = useRef(null);
-    var _e = __read(useState(0), 2), scrollOffset = _e[0], setScrollOffset = _e[1];
-    var _f = __read(useState(active || false), 2), visible = _f[0], setVisible = _f[1];
-    var _g = __read(useState(active || false), 2), isFooter = _g[0], setIsFooter = _g[1];
+var Modal = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = tslib_1.__rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
+    var scrollViewRef = (0, react_1.useRef)(null);
+    var _e = tslib_1.__read((0, react_1.useState)(0), 2), scrollOffset = _e[0], setScrollOffset = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)(active || false), 2), visible = _f[0], setVisible = _f[1];
+    var _g = tslib_1.__read((0, react_1.useState)(active || false), 2), isFooter = _g[0], setIsFooter = _g[1];
     var handleOnScroll = function (event) {
         setScrollOffset(event.nativeEvent.contentOffset.y);
     };
@@ -37,32 +39,32 @@ var Modal = React.forwardRef(function (_a, ref) {
             onClose(e);
         setVisible(false);
     };
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setVisible(active);
     }, [active]);
-    return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
+    return (react_1.default.createElement(ModalContext_1.ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
         trigger,
-        React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: function () { return handleClose({}); }, onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
-            React.createElement(View, { ref: ref, style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
-                React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
-                    React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
-                        React.createElement(Column, null,
-                            React.createElement(Title, { level: 4 }, title)),
-                        !hideCloseButton && (React.createElement(Column, { narrow: true },
-                            React.createElement(TouchableOpacity, { onPress: handleClose },
-                                React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
+        react_1.default.createElement(react_native_modal_1.default, tslib_1.__assign({ isVisible: visible, onBackdropPress: function () { return handleClose({}); }, onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
+            react_1.default.createElement(react_native_1.View, { ref: ref, style: [styles.body, { backgroundColor: (0, objects_1.getColorStyle)(objects_1.TrilogyColor.BACKGROUND) }] },
+                react_1.default.createElement(react_native_1.View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
+                    react_1.default.createElement(columns_1.Columns, { verticalAlign: objects_1.Alignable.ALIGNED_CENTER },
+                        react_1.default.createElement(columns_1.Column, null,
+                            react_1.default.createElement(title_1.Title, { level: 4 }, title)),
+                        !hideCloseButton && (react_1.default.createElement(columns_1.Column, { narrow: true },
+                            react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: handleClose },
+                                react_1.default.createElement(icon_1.Icon, { name: icon_1.IconName.TIMES, size: icon_1.IconSize.MEDIUM, color: objects_1.TrilogyColor.MAIN })))))),
                 children))));
 });
-Modal.displayName = ComponentName.Modal;
-export default Modal;
-var styles = StyleSheet.create({
+Modal.displayName = enumsComponentsName_1.ComponentName.Modal;
+exports.default = Modal;
+var styles = react_native_1.StyleSheet.create({
     modal: {
         justifyContent: 'flex-end',
         margin: 0,
     },
     body: {
         paddingHorizontal: 16,
-        maxHeight: isAndroid ? Dimensions.get('screen').height / 1.15 : Dimensions.get('screen').height / 1.1,
+        maxHeight: device_native_1.isAndroid ? react_native_1.Dimensions.get('screen').height / 1.15 : react_native_1.Dimensions.get('screen').height / 1.1,
         shadowColor: '#000',
         shadowOffset: {
             width: 0,
@@ -75,4 +77,4 @@ var styles = StyleSheet.create({
         borderTopRightRadius: 6,
     },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFDTCxVQUFVLEVBS1YsVUFBVSxFQUNWLGdCQUFnQixFQUNoQixJQUFJLEdBQ0wsTUFBTSxjQUFjLENBQUE7QUFDckIsT0FBTyxPQUFrQyxNQUFNLG9CQUFvQixDQUFBO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRWhDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVyRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBVTNELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSx5REFBbUQ7QUFDbkQscUNBQWtFO0FBQ2xFLHFEQUEwRDtBQUMxRCw2Q0FTcUI7QUFDckIsa0ZBQW1FO0FBQ25FLHNDQUE0QztBQUM1QyxnQ0FBa0Q7QUFDbEQsa0NBQWdDO0FBRWhDLHVEQUFxRDtBQUVyRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxlQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBVTNELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxzQkFUaUQscUdBVTNELENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxJQUFBLGNBQU0sRUFBYSxJQUFJLENBQUMsQ0FBQTtJQUN4QyxJQUFBLEtBQUEsZUFBa0MsSUFBQSxnQkFBUSxFQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTVDLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBZSxDQUFBO0lBQzdDLElBQUEsS0FBQSxlQUF3QixJQUFBLGdCQUFRLEVBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWhELE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBNkIsQ0FBQTtJQUNqRCxJQUFBLEtBQUEsZUFBMEIsSUFBQSxnQkFBUSxFQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFsRCxRQUFRLFFBQUEsRUFBRSxXQUFX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

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

@@ -0,0 +1,78 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { isAndroid } from '../../helpers/device.native';
+import { Alignable, getColorStyle, TrilogyColor } from '../../objects';
+import React, { useEffect, useRef, useState } from 'react';
+import { Dimensions, StyleSheet, TouchableOpacity, View, } from 'react-native';
+import ModalRN from 'react-native-modal';
+import { Column, Columns } from '../columns';
+import { Icon, IconName, IconSize } from '../icon';
+import { Title } from '../title';
+import { ModalContext } from './context/ModalContext';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * @param onModalHide {Function} Callback on Hide
+ * @param unClosable {boolean} unClosable Native Modal
+ */
+var Modal = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
+    var scrollViewRef = useRef(null);
+    var _e = __read(useState(0), 2), scrollOffset = _e[0], setScrollOffset = _e[1];
+    var _f = __read(useState(active || false), 2), visible = _f[0], setVisible = _f[1];
+    var _g = __read(useState(active || false), 2), isFooter = _g[0], setIsFooter = _g[1];
+    var handleOnScroll = function (event) {
+        setScrollOffset(event.nativeEvent.contentOffset.y);
+    };
+    var handleScrollTo = function (p) {
+        if (scrollViewRef.current)
+            scrollViewRef.current.scrollTo(p);
+    };
+    var handleClose = function (e) {
+        if (onClose)
+            onClose(e);
+        setVisible(false);
+    };
+    useEffect(function () {
+        setVisible(active);
+    }, [active]);
+    return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
+        trigger,
+        React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: function () { return handleClose({}); }, onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
+            React.createElement(View, { ref: ref, style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
+                React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
+                    React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
+                        React.createElement(Column, null,
+                            React.createElement(Title, { level: 4 }, title)),
+                        !hideCloseButton && (React.createElement(Column, { narrow: true },
+                            React.createElement(TouchableOpacity, { onPress: handleClose },
+                                React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
+                children))));
+});
+Modal.displayName = ComponentName.Modal;
+export default Modal;
+var styles = StyleSheet.create({
+    modal: {
+        justifyContent: 'flex-end',
+        margin: 0,
+    },
+    body: {
+        paddingHorizontal: 16,
+        maxHeight: isAndroid ? Dimensions.get('screen').height / 1.15 : Dimensions.get('screen').height / 1.1,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+        borderTopLeftRadius: 6,
+        borderTopRightRadius: 6,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFDTCxVQUFVLEVBS1YsVUFBVSxFQUNWLGdCQUFnQixFQUNoQixJQUFJLEdBQ0wsTUFBTSxjQUFjLENBQUE7QUFDckIsT0FBTyxPQUFrQyxNQUFNLG9CQUFvQixDQUFBO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRWhDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVyRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBVTNELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtB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

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

@@ -0,0 +1,28 @@
+/**
+ * Custom modal trigger element
+ */
+export declare enum ModalMarkup {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    P = "p",
+    SPAN = "span",
+    DIV = "div",
+    BUTTON = "button",
+    A = "a"
+}
+export type ModalMarkupValues = `${ModalMarkup}`;
+export declare enum ModalCtaMarkup {
+    BUTTON = "button",
+    DIV = "div",
+    A = "a"
+}
+export type ModalCtaMarkupValues = `${ModalCtaMarkup}`;
+export declare enum ModalSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}

package/lib/components/modal/ModalEnum.js

@@ -1,7 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalSize = exports.ModalCtaMarkup = exports.ModalMarkup = void 0;
 /**
  * Custom modal trigger element
  */
-export var ModalMarkup;
+var ModalMarkup;
 (function (ModalMarkup) {
     ModalMarkup["H1"] = "h1";
     ModalMarkup["H2"] = "h2";
@@ -14,17 +17,17 @@ export var ModalMarkup;
     ModalMarkup["DIV"] = "div";
     ModalMarkup["BUTTON"] = "button";
     ModalMarkup["A"] = "a";
-})(ModalMarkup || (ModalMarkup = {}));
-export var ModalCtaMarkup;
+})(ModalMarkup = exports.ModalMarkup || (exports.ModalMarkup = {}));
+var ModalCtaMarkup;
 (function (ModalCtaMarkup) {
     ModalCtaMarkup["BUTTON"] = "button";
     ModalCtaMarkup["DIV"] = "div";
     ModalCtaMarkup["A"] = "a";
-})(ModalCtaMarkup || (ModalCtaMarkup = {}));
-export var ModalSize;
+})(ModalCtaMarkup = exports.ModalCtaMarkup || (exports.ModalCtaMarkup = {}));
+var ModalSize;
 (function (ModalSize) {
     ModalSize["SMALL"] = "small";
     ModalSize["MEDIUM"] = "medium";
     ModalSize["LARGE"] = "large";
-})(ModalSize || (ModalSize = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQVlYO0FBWkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtJQUNYLGdDQUFpQixDQUFBO0lBQ2pCLHNCQUFPLENBQUE7QUFDVCxDQUFDLEVBWlcsV0FBVyxLQUFYLFdBQVcsUUFZdEI7QUFJRCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLG1DQUFpQixDQUFBO0lBQ2pCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCO0FBSUQsTUFBTSxDQUFOLElBQVksU0FJWDtBQUpELFdBQVksU0FBUztJQUNuQiw0QkFBZSxDQUFBO0lBQ2YsOEJBQWlCLENBQUE7SUFDakIsNEJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsU0FBUyxLQUFULFNBQVMsUUFJcEIifQ==
+})(ModalSize = exports.ModalSize || (exports.ModalSize = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7O0dBRUc7QUFDSCxJQUFZLFdBWVg7QUFaRCxXQUFZLFdBQVc7SUFDckIsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsc0JBQU8sQ0FBQTtJQUNQLDRCQUFhLENBQUE7SUFDYiwwQkFBVyxDQUFBO0lBQ1gsZ0NBQWlCLENBQUE7SUFDakIsc0JBQU8sQ0FBQTtBQUNULENBQUMsRUFaVyxXQUFXLEdBQVgsbUJBQVcsS0FBWCxtQkFBVyxRQVl0QjtBQUlELElBQVksY0FJWDtBQUpELFdBQVksY0FBYztJQUN4QixtQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBVyxDQUFBO0lBQ1gseUJBQU8sQ0FBQTtBQUNULENBQUMsRUFKVyxjQUFjLEdBQWQsc0JBQWMsS0FBZCxzQkFBYyxRQUl6QjtBQUlELElBQVksU0FJWDtBQUpELFdBQVksU0FBUztJQUNuQiw0QkFBZSxDQUFBO0lBQ2YsOEJBQWlCLENBQUE7SUFDakIsNEJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsU0FBUyxHQUFULGlCQUFTLEtBQVQsaUJBQVMsUUFJcEIifQ==

package/lib/components/modal/ModalEnum.mjs

@@ -0,0 +1,30 @@
+/**
+ * Custom modal trigger element
+ */
+export var ModalMarkup;
+(function (ModalMarkup) {
+    ModalMarkup["H1"] = "h1";
+    ModalMarkup["H2"] = "h2";
+    ModalMarkup["H3"] = "h3";
+    ModalMarkup["H4"] = "h4";
+    ModalMarkup["H5"] = "h5";
+    ModalMarkup["H6"] = "h6";
+    ModalMarkup["P"] = "p";
+    ModalMarkup["SPAN"] = "span";
+    ModalMarkup["DIV"] = "div";
+    ModalMarkup["BUTTON"] = "button";
+    ModalMarkup["A"] = "a";
+})(ModalMarkup || (ModalMarkup = {}));
+export var ModalCtaMarkup;
+(function (ModalCtaMarkup) {
+    ModalCtaMarkup["BUTTON"] = "button";
+    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==

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ModalSize } from '../../components/modal/ModalEnum';
+import { ClickEvent } from '../../events/OnClickEvent';
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Modal Interface
+ */
+export interface ModalProps extends Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    active?: boolean;
+    trigger?: ReactNode;
+    hideCloseButton?: boolean;
+    onClose?: ClickEvent;
+    onOpen?: ClickEvent;
+    panel?: boolean;
+    onModalHide?: () => void;
+    unClosable?: boolean;
+    size?: ModalSize;
+    title?: string;
+}
+export type ModalRef = HTMLDivElement;
+export type ModalNativeRef = View;

package/lib/components/modal/ModalProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvTW9kYWxQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=