intelicoreact 1.6.18 → 1.6.20

package/dist/Atomic/UI/Modal/Modal.js

@@ -1 +1,188 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var e=exports,o={KEY_CODE:function(){return m},default:function(){return y},renderModalTitle:function(){return b}};for(var t in o)Object.defineProperty(e,t,{enumerable:!0,get:o[t]});var n=require("react/jsx-runtime"),r=u(require("classnames")),l=require("react"),a=u(require("../../../Functions/useKeyPress/useHandleKeyPress")),i=u(require("../Button/Button")),c=u(require("./partials/ModalFooter")),d=u(require("./partials/ModalTitle")),s=u(require("./partials/useMobileModal"));function u(e){return e&&e.__esModule?e:{default:e}}require("./Modal.scss"),require("./ModalMobile.scss");var f={},m=Object.freeze({ENTER:13,ESC:27});function b(e){var o=e.mode,t=e.title,n=e.onlyTitle;return o&&"default"!==o&&!n?"".concat(o[0].toUpperCase()).concat(o.slice(1)," ").concat(t):t}var p=(0,l.forwardRef)(function(e,o){var t,u,m=e.zIndex,p=e.isOpen,y=e.onConfirm,O=e.onDecline,v=e.closeModal,_=e.children,h=e.className,j=e.title,C=e.variant,x=e.onlyTitle,I=e.mode,g=e.size,E=e.atributesForModalBody,M=e.confirmBtnClassName,B=e.confirmBtnLabel,D=e.confirmBtnVariant,w=e.confirmBtnDisable,N=e.confirmBtnIcon,R=e.isConfirmBtnIconPositionRight,F=e.noConfirmBtn,P=e.noCloseBtn,S=e.noFooter,H=e.noHeader,T=e.closeBtnClassName,k=e.closeBtnText,q=e.closeBtnVariant,A=e.closeBtnDisable,K=e.closeBtnIcon,L=e.forced,z=e.btnClassNames,Y=e.isCloseBtnIconPositionRight,U=e.submitOnEnter,V=e.closeOnEsc,G=e.leftContentOfFooter,J=e.customFooter,Q=e.testId,W=void 0===Q?"modal":Q,X=e.noHeaderCloseBtn,Z=e.withMobileLogic,$=e.withFixedFooter,ee=(0,l.useRef)(null),eo=(0,s.default)({withMobileLogic:Z,withFixedFooter:$,isOpen:p}),et=eo.modalMobileHeaderRef,en=eo.modalMobileBodyRef,er=eo.modalMobileFooterRef,el=eo.MODALS_LOGIC,ea=eo.renderModal,ei=eo.isMobile,ec=eo.scrollTop,ed=eo.scrollHeight,es={confirm:function(){null==y||y()},decline:function(){"function"==typeof O?O():null==v||v()}};return((0,a.default)({enterCallback:(void 0===U||U)&&"function"==typeof y?function(){return es.confirm()}:void 0,escCallback:(void 0===V||V)&&"function"==typeof v?function(){return v()}:void 0,withClamping:!1}),p)?(0,n.jsx)("div",{style:{zIndex:void 0===m?100:m},"data-testid":W,className:"modal-box j5",role:"dialog","aria-modal":"true","aria-labelledby":"".concat(W,"-title"),children:ea((0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{"data-testid":"".concat(W,"-overlay"),className:p?"modal-overlay":"hidden",onClick:v,role:"presentation"}),(0,n.jsxs)("div",{ref:o||ee,style:{width:"number"==typeof g?"".concat(g,"px"):"".concat(null==g?void 0:g.replace("px",""),"px")},className:(0,r.default)(h,{modal:p,"modal--no-header":p&&H,"modal-mobile":p&&ei,hidden:!p}),children:[!H&&(0,n.jsx)(d.default,{wrapperRef:et,className:(0,r.default)({"modal__header--hidden":el.IS_HEADER_HIDDEN,"modal__header--sticky":!el.IS_HEADER_HIDDEN&&el.IS_HEADER_STICKY}),variant:void 0===C?"primary":C,isForced:L,onClose:es.decline,noHeaderCloseBtn:X,children:(0,n.jsx)("span",{id:"".concat(W,"-title"),children:b({mode:I,title:j,onlyTitle:x})})}),(0,n.jsx)("div",(t=function(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(o){var n;n=t[o],o in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n})}return e}({},void 0===E?f:E),u=u={ref:en,className:(0,r.default)("modal__body",{"modal__body--no-footer":S}),role:"document",children:_},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(u)):(function(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(u)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(u,e))}),t)),(!S||J)&&(0,n.jsx)(c.default,{wrapperRef:er,className:(0,r.default)({"modal__footer--hidden":el.IS_FOOTER_HIDDEN,"modal__footer--sticky":!el.IS_FOOTER_HIDDEN&&el.IS_FOOTER_STICKY&&ec!==ed,"modal__footer_with-left-content":G}),children:J||(0,n.jsxs)(n.Fragment,{children:[G,(!P||!F)&&(0,n.jsxs)("div",{className:"modal__buttons-block",children:[!P&&(0,n.jsx)(i.default,{testId:"modal",className:(0,r.default)(T,z),variant:q||"dark-outline",onClick:function(){return es.decline()},label:k||"Cancel",disabled:A,icon:K,isIconRight:Y,tabIndex:1,"aria-label":"Close modal"}),!F&&(0,n.jsx)(i.default,{testId:"modal",onClick:function(){return es.confirm()},label:B||I&&(null==I?void 0:I[0].toUpperCase())+(null==I?void 0:I.slice(1))||"Apply",className:(0,r.default)("ml5",M,z),variant:void 0===D?"primary":D,disabled:w,icon:N,isIconRight:R,"aria-label":"Confirm modal"})]})]})})]})]}))}):null});p.displayName="Modal";var y=p;
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+var e = exports, o = {
+    KEY_CODE: function() {
+        return m;
+    },
+    default: function() {
+        return y;
+    },
+    renderModalTitle: function() {
+        return b;
+    }
+};
+for(var t in o)Object.defineProperty(e, t, {
+    enumerable: !0,
+    get: o[t]
+});
+var n = require("react/jsx-runtime"), r = u(require("classnames")), l = require("react"), a = u(require("../../../Functions/useKeyPress/useHandleKeyPress")), i = u(require("../Button/Button")), c = u(require("./partials/ModalFooter")), d = u(require("./partials/ModalTitle")), s = u(require("./partials/useMobileModal"));
+function u(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+require("./Modal.scss"), require("./ModalMobile.scss");
+var f = {}, m = Object.freeze({
+    ENTER: 13,
+    ESC: 27
+});
+function b(e) {
+    var o = e.mode, t = e.title, n = e.onlyTitle;
+    return o && 'default' !== o && !n ? "".concat(o[0].toUpperCase()).concat(o.slice(1), " ").concat(t) : t;
+}
+var p = (0, l.forwardRef)(function(e, o) {
+    var t, u, m = e.zIndex, p = e.isOpen, y = e.onConfirm, O = e.onDecline, v = e.closeModal, _ = e.children, h = e.className, j = e.title, C = e.variant, x = e.onlyTitle, I = e.mode, g = e.size, E = e.atributesForModalBody, M = e.confirmBtnClassName, B = e.confirmBtnLabel, D = e.confirmBtnVariant, w = e.confirmBtnDisable, N = e.confirmBtnIcon, R = e.isConfirmBtnIconPositionRight, F = e.noConfirmBtn, P = e.noCloseBtn, S = e.noFooter, H = e.noHeader, T = e.closeBtnClassName, k = e.closeBtnText, q = e.closeBtnVariant, A = e.closeBtnDisable, K = e.closeBtnIcon, L = e.forced, z = e.btnClassNames, Y = e.isCloseBtnIconPositionRight, U = e.submitOnEnter, V = e.closeOnEsc, G = e.leftContentOfFooter, J = e.customFooter, Q = e.testId, W = void 0 === Q ? 'modal' : Q, X = e.noHeaderCloseBtn, Z = e.withMobileLogic, $ = e.withFixedFooter, ee = (0, l.useRef)(null), eo = (0, s.default)({
+        withMobileLogic: Z,
+        withFixedFooter: $,
+        isOpen: p
+    }), et = eo.modalMobileHeaderRef, en = eo.modalMobileBodyRef, er = eo.modalMobileFooterRef, el = eo.MODALS_LOGIC, ea = eo.renderModal, ei = eo.isMobile, ec = eo.scrollTop, ed = eo.scrollHeight, es = {
+        confirm: function() {
+            null == y || y();
+        },
+        decline: function() {
+            'function' == typeof O ? O() : null == v || v();
+        }
+    };
+    return ((0, a.default)({
+        enterCallback: (void 0 === U || U) && 'function' == typeof y ? function() {
+            return es.confirm();
+        } : void 0,
+        escCallback: (void 0 === V || V) && 'function' == typeof v ? function() {
+            return v();
+        } : void 0,
+        withClamping: !1
+    }), p) ? (0, n.jsx)("div", {
+        style: {
+            zIndex: void 0 === m ? 100 : m
+        },
+        "data-testid": W,
+        className: "modal-box j5",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "".concat(W, "-title"),
+        children: ea((0, n.jsxs)(n.Fragment, {
+            children: [
+                (0, n.jsx)("div", {
+                    "data-testid": "".concat(W, "-overlay"),
+                    className: p ? 'modal-overlay' : 'hidden',
+                    onClick: v,
+                    role: "presentation"
+                }),
+                (0, n.jsxs)("div", {
+                    ref: o || ee,
+                    style: {
+                        width: 'number' == typeof g ? "".concat(g, "px") : "".concat(null == g ? void 0 : g.replace('px', ''), "px")
+                    },
+                    className: (0, r.default)(h, {
+                        modal: p,
+                        'modal--no-header': p && H,
+                        'modal-mobile': p && ei,
+                        hidden: !p
+                    }),
+                    children: [
+                        !H && (0, n.jsx)(d.default, {
+                            wrapperRef: et,
+                            className: (0, r.default)({
+                                'modal__header--hidden': el.IS_HEADER_HIDDEN,
+                                'modal__header--sticky': !el.IS_HEADER_HIDDEN && el.IS_HEADER_STICKY
+                            }),
+                            variant: void 0 === C ? 'primary' : C,
+                            isForced: L,
+                            onClose: es.decline,
+                            noHeaderCloseBtn: X,
+                            children: (0, n.jsx)("span", {
+                                id: "".concat(W, "-title"),
+                                children: b({
+                                    mode: I,
+                                    title: j,
+                                    onlyTitle: x
+                                })
+                            })
+                        }),
+                        (0, n.jsx)("div", (t = function(e) {
+                            for(var o = 1; o < arguments.length; o++){
+                                var t = null != arguments[o] ? arguments[o] : {}, n = Object.keys(t);
+                                "function" == typeof Object.getOwnPropertySymbols && (n = n.concat(Object.getOwnPropertySymbols(t).filter(function(e) {
+                                    return Object.getOwnPropertyDescriptor(t, e).enumerable;
+                                }))), n.forEach(function(o) {
+                                    var n;
+                                    n = t[o], o in e ? Object.defineProperty(e, o, {
+                                        value: n,
+                                        enumerable: !0,
+                                        configurable: !0,
+                                        writable: !0
+                                    }) : e[o] = n;
+                                });
+                            }
+                            return e;
+                        }({}, void 0 === E ? f : E), u = u = {
+                            ref: en,
+                            className: (0, r.default)('modal__body', {
+                                'modal__body--no-footer': S
+                            }),
+                            role: "document",
+                            children: _
+                        }, Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(u)) : (function(e, o) {
+                            var t = Object.keys(e);
+                            if (Object.getOwnPropertySymbols) {
+                                var n = Object.getOwnPropertySymbols(e);
+                                t.push.apply(t, n);
+                            }
+                            return t;
+                        })(Object(u)).forEach(function(e) {
+                            Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(u, e));
+                        }), t)),
+                        (!S || J) && (0, n.jsx)(c.default, {
+                            wrapperRef: er,
+                            className: (0, r.default)({
+                                'modal__footer--hidden': el.IS_FOOTER_HIDDEN,
+                                'modal__footer--sticky': !el.IS_FOOTER_HIDDEN && el.IS_FOOTER_STICKY && ec !== ed,
+                                'modal__footer_with-left-content': G
+                            }),
+                            children: J || (0, n.jsxs)(n.Fragment, {
+                                children: [
+                                    G,
+                                    (!P || !F) && (0, n.jsxs)("div", {
+                                        className: "modal__buttons-block",
+                                        children: [
+                                            !P && (0, n.jsx)(i.default, {
+                                                testId: "modal",
+                                                className: (0, r.default)(T, z),
+                                                variant: q || 'dark-outline',
+                                                onClick: function() {
+                                                    return es.decline();
+                                                },
+                                                label: k || 'Cancel',
+                                                disabled: A,
+                                                icon: K,
+                                                isIconRight: Y,
+                                                tabIndex: 1,
+                                                "aria-label": "Close modal"
+                                            }),
+                                            !F && (0, n.jsx)(i.default, {
+                                                testId: "modal",
+                                                onClick: function() {
+                                                    return es.confirm();
+                                                },
+                                                label: B || I && (null == I ? void 0 : I[0].toUpperCase()) + (null == I ? void 0 : I.slice(1)) || 'Apply',
+                                                className: (0, r.default)('ml5', M, z),
+                                                variant: void 0 === D ? 'primary' : D,
+                                                disabled: w,
+                                                icon: N,
+                                                isIconRight: R,
+                                                "aria-label": "Confirm modal"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            ]
+        }))
+    }) : null;
+});
+p.displayName = 'Modal';
+var y = p;

package/dist/Atomic/UI/Modal/ModalHOC.js

@@ -1 +1,72 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return l}});var e=require("react/jsx-runtime"),r=o(require("classnames")),t=function(e,r){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var t=a(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(n,l,i):n[l]=e[l]}return n.default=e,t&&t.set(e,n),n}(require("react")),n=o(require("../../../Functions/useKeyPress/useHandleKeyPress"));function o(e){return e&&e.__esModule?e:{default:e}}function a(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(a=function(e){return e?t:r})(e)}require("./Modal.scss");var l=function(o){var a=o.zIndex,l=o.isOpen,i=o.closeModal,u=o.children,s=o.className,d=o.size,c=o.testId,f=void 0===c?"modal":c,p=o.closeOnEsc,y=(0,t.useRef)(null);return((0,n.default)({escCallback:(void 0===p||p)&&"function"==typeof i?function(){return null==i?void 0:i()}:void 0}),l)?(0,e.jsxs)("div",{style:{zIndex:void 0===a?100:a},"data-testid":f,className:"modal-box j5",role:"presentation",children:[(0,e.jsx)("div",{className:"modal-overlay",onClick:i,role:"presentation","aria-hidden":"true"}),(0,e.jsx)("div",{ref:y,style:{width:d},className:(0,r.default)(s,"modal"),role:"dialog","aria-modal":"true","aria-labelledby":f,tabIndex:-1,children:u})]}):null};
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return l;
+    }
+});
+var e = require("react/jsx-runtime"), r = o(require("classnames")), t = function(e, r) {
+    if (e && e.__esModule) return e;
+    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
+        default: e
+    };
+    var t = a(r);
+    if (t && t.has(e)) return t.get(e);
+    var n = {
+        __proto__: null
+    }, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var l in e)if ("default" !== l && Object.prototype.hasOwnProperty.call(e, l)) {
+        var i = o ? Object.getOwnPropertyDescriptor(e, l) : null;
+        i && (i.get || i.set) ? Object.defineProperty(n, l, i) : n[l] = e[l];
+    }
+    return n.default = e, t && t.set(e, n), n;
+}(require("react")), n = o(require("../../../Functions/useKeyPress/useHandleKeyPress"));
+function o(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+function a(e) {
+    if ("function" != typeof WeakMap) return null;
+    var r = new WeakMap(), t = new WeakMap();
+    return (a = function(e) {
+        return e ? t : r;
+    })(e);
+}
+require("./Modal.scss");
+var l = function(o) {
+    var a = o.zIndex, l = o.isOpen, i = o.closeModal, u = o.children, s = o.className, d = o.size, c = o.testId, f = void 0 === c ? 'modal' : c, p = o.closeOnEsc, y = (0, t.useRef)(null);
+    return ((0, n.default)({
+        escCallback: (void 0 === p || p) && 'function' == typeof i ? function() {
+            return null == i ? void 0 : i();
+        } : void 0
+    }), l) ? (0, e.jsxs)("div", {
+        style: {
+            zIndex: void 0 === a ? 100 : a
+        },
+        "data-testid": f,
+        className: "modal-box j5",
+        role: "presentation",
+        children: [
+            (0, e.jsx)("div", {
+                className: "modal-overlay",
+                onClick: i,
+                role: "presentation",
+                "aria-hidden": "true"
+            }),
+            (0, e.jsx)("div", {
+                ref: y,
+                style: {
+                    width: d
+                },
+                className: (0, r.default)(s, 'modal'),
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": f,
+                tabIndex: -1,
+                children: u
+            })
+        ]
+    }) : null;
+};

package/dist/Atomic/UI/Modal/partials/ModalFooter.js

@@ -1 +1,46 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return a}});var e,r=require("react/jsx-runtime"),t=(e=require("classnames"))&&e.__esModule?e:{default:e};function o(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(o=function(e){return e?t:r})(e)}var n=(0,function(e,r){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var t=o(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=a?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(n,u,l):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}(require("react")).memo)(function(e){var o=e.className,n=e.children,a=e.wrapperRef,u=e.testId;return(0,r.jsx)("footer",{"data-testid":void 0===u?"modal-footer":u,ref:a,className:(0,t.default)("modal__footer",void 0===o?"":o),role:"contentinfo","aria-label":"Modal footer",children:n})});n.displayName="ModalFooter";var a=n;
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return a;
+    }
+});
+var e, r = require("react/jsx-runtime"), t = (e = require("classnames")) && e.__esModule ? e : {
+    default: e
+};
+function o(e) {
+    if ("function" != typeof WeakMap) return null;
+    var r = new WeakMap(), t = new WeakMap();
+    return (o = function(e) {
+        return e ? t : r;
+    })(e);
+}
+var n = (0, function(e, r) {
+    if (e && e.__esModule) return e;
+    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
+        default: e
+    };
+    var t = o(r);
+    if (t && t.has(e)) return t.get(e);
+    var n = {
+        __proto__: null
+    }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var u in e)if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) {
+        var l = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+        l && (l.get || l.set) ? Object.defineProperty(n, u, l) : n[u] = e[u];
+    }
+    return n.default = e, t && t.set(e, n), n;
+}(require("react")).memo)(function(e) {
+    var o = e.className, n = e.children, a = e.wrapperRef, u = e.testId;
+    return (0, r.jsx)("footer", {
+        "data-testid": void 0 === u ? 'modal-footer' : u,
+        ref: a,
+        className: (0, t.default)('modal__footer', void 0 === o ? '' : o),
+        role: "contentinfo",
+        "aria-label": "Modal footer",
+        children: n
+    });
+});
+n.displayName = 'ModalFooter';
+var a = n;

package/dist/Atomic/UI/Modal/partials/ModalTitle.js

@@ -1 +1,83 @@
-function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});var r,t=require("react/jsx-runtime"),a=(r=require("classnames"))&&r.__esModule?r:{default:r},n=function(e,r){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var t=l(r);if(t&&t.has(e))return t.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=n?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,t&&t.set(e,a),a}(require("react")),o=require("react-feather");function l(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(l=function(e){return e?t:r})(e)}var i=(0,n.memo)(function(r){var l=r.variant,i=void 0===l?"primary":l,d=r.children,u=r.isForced,c=r.onClose,s=r.noHeaderCloseBtn,f=r.className,p=r.wrapperRef,m=r.testId,b=void 0===m?"modal-title":m,y=(0,n.useCallback)(function(e){("Enter"===e.key||"Space"===e.key)&&(e.preventDefault(),null==c||c())},[c]),v=(0,n.useCallback)(function(){null==c||c()},[c]);return(0,t.jsxs)("header",{"data-testid":b,ref:p,className:(0,a.default)("modal__header",f,e({},"modal__header-".concat(i),i)),role:"banner","aria-label":"Modal header",children:[(0,t.jsx)("span",{className:(0,a.default)("modal__header-title",e({},"modal__header-".concat(i,"-title"),i)),id:"".concat(b,"-heading"),children:d}),!(void 0!==u&&u)&&(0,t.jsx)("button",{type:"button",onClick:v,onKeyDown:y,className:(0,a.default)("modal-close-icon-box",{"modal-close-icon-box-primary":"primary"===i}),"aria-label":"Close modal",title:"Close modal",children:!(void 0!==s&&s)&&(0,t.jsx)(o.X,{className:"modal-close-icon",role:"img","aria-hidden":"true"})})]})});i.displayName="ModalTitle";var d=i;
+function e(e, r, t) {
+    return r in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+    }) : e[r] = t, e;
+}
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return d;
+    }
+});
+var r, t = require("react/jsx-runtime"), a = (r = require("classnames")) && r.__esModule ? r : {
+    default: r
+}, n = function(e, r) {
+    if (e && e.__esModule) return e;
+    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
+        default: e
+    };
+    var t = l(r);
+    if (t && t.has(e)) return t.get(e);
+    var a = {
+        __proto__: null
+    }, n = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var o in e)if ("default" !== o && Object.prototype.hasOwnProperty.call(e, o)) {
+        var i = n ? Object.getOwnPropertyDescriptor(e, o) : null;
+        i && (i.get || i.set) ? Object.defineProperty(a, o, i) : a[o] = e[o];
+    }
+    return a.default = e, t && t.set(e, a), a;
+}(require("react")), o = require("react-feather");
+function l(e) {
+    if ("function" != typeof WeakMap) return null;
+    var r = new WeakMap(), t = new WeakMap();
+    return (l = function(e) {
+        return e ? t : r;
+    })(e);
+}
+var i = (0, n.memo)(function(r) {
+    var l = r.variant, i = void 0 === l ? 'primary' : l, d = r.children, u = r.isForced, c = r.onClose, s = r.noHeaderCloseBtn, f = r.className, p = r.wrapperRef, m = r.testId, b = void 0 === m ? 'modal-title' : m, y = (0, n.useCallback)(function(e) {
+        ('Enter' === e.key || 'Space' === e.key) && (e.preventDefault(), null == c || c());
+    }, [
+        c
+    ]), v = (0, n.useCallback)(function() {
+        null == c || c();
+    }, [
+        c
+    ]);
+    return (0, t.jsxs)("header", {
+        "data-testid": b,
+        ref: p,
+        className: (0, a.default)('modal__header', f, e({}, "modal__header-".concat(i), i)),
+        role: "banner",
+        "aria-label": "Modal header",
+        children: [
+            (0, t.jsx)("span", {
+                className: (0, a.default)('modal__header-title', e({}, "modal__header-".concat(i, "-title"), i)),
+                id: "".concat(b, "-heading"),
+                children: d
+            }),
+            !(void 0 !== u && u) && (0, t.jsx)("button", {
+                type: "button",
+                onClick: v,
+                onKeyDown: y,
+                className: (0, a.default)('modal-close-icon-box', {
+                    'modal-close-icon-box-primary': 'primary' === i
+                }),
+                "aria-label": "Close modal",
+                title: "Close modal",
+                children: !(void 0 !== s && s) && (0, t.jsx)(o.X, {
+                    className: "modal-close-icon",
+                    role: "img",
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+});
+i.displayName = 'ModalTitle';
+var d = i;

package/dist/Atomic/UI/Modal/partials/useMobileModal.js

@@ -1 +1,200 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){var r;r=n[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}function r(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var u=[],o=!0,i=!1;try{for(l=l.call(e);!(o=(n=l.next()).done)&&(u.push(n.value),!t||u.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==l.return||l.return()}finally{if(i)throw r}}return u}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return a}});var l,u=require("react/jsx-runtime"),o=require("react"),i=(l=require("../../../../Functions/useIsMobile/useIsMobile"))&&l.__esModule?l:{default:l},c={UP:"up",DOWN:"down"};function a(e){var l,a,f,d,s=e.modalRef,g=e.withMobileLogic,v=void 0!==g&&g,y=e.withFixedFooter,h=void 0!==y&&y,b=e.isOpen,O=void 0!==b&&b,p=(0,o.useRef)(null),m=(0,o.useRef)(null),S=(0,o.useRef)(null),E=(0,o.useRef)(null),w=(0,i.default)().isMobile,I=r((0,o.useState)(0),2),R=I[0],_=I[1],H=r((0,o.useState)({IS_HEADER_HIDDEN:!1,IS_HEADER_STICKY:!1,IS_FOOTER_HIDDEN:!1,IS_FOOTER_STICKY:h}),2),D=H[0],j=H[1],C=r((0,o.useState)({headerHeight:0,footerHeight:0}),2),P=C[0],T=C[1],M=r((0,o.useState)(c.UP),2),A=M[0],L=M[1],N=r((0,o.useState)(0),2),F=N[0],x=N[1],B=r((0,o.useState)(0),2),K=B[0],U=B[1],Y=r((0,o.useState)(1),2),W=Y[0],k=Y[1],q=r((0,o.useState)(1),2)[1];(0,o.useLayoutEffect)(function(){var e=null==p?void 0:p.current;e&&e.addEventListener("scroll",function(){U(function(t){return t!==e.scrollTop&&x(t),e.scrollTop})})},[null==p?void 0:p.current]),(0,o.useEffect)(function(){L(function(e){return K<F?c.UP:K>F?c.DOWN:e})},[K,F]),(0,o.useLayoutEffect)(function(){if(O){var e,t,n,r,l=(null==s?void 0:s.current)?(null==s?void 0:s.current.style)||window.getComputedStyle(null==s?void 0:s.current):{},u=(null==s?void 0:s.current)?R+Number.parseFloat((null==l?void 0:l.marginTop)||"0"):0,o=document.documentElement.clientHeight||window.screen.availHeight||window.screen.height;(null==p?void 0:p.current)&&(u<=o?(p.current.style.display="flex",p.current.style.alignItems="flex-end"):(null==(t=p.current)||null==(e=t.style)||e.removeProperty("display"),null==(r=p.current)||null==(n=r.style)||n.removeProperty("align-items")))}},[P,O,w,R]),(0,o.useLayoutEffect)(function(){if(w&&O){var e,t,n=null==s||null==(t=s.current)||null==(e=t.getBoundingClientRect())?void 0:e.height;n&&R!==n&&_(n)}}),(0,o.useEffect)(function(){if(w&&v){var e=P.footerHeight,t=P.headerHeight;j(function(n){return{IS_HEADER_HIDDEN:A===c.DOWN||0===K,IS_HEADER_STICKY:A===c.UP&&0!==K&&(K>=t||n.IS_HEADER_STICKY),IS_FOOTER_HIDDEN:!h&&(A===c.UP||W===Math.round(K)),IS_FOOTER_STICKY:h&&W>1||A===c.DOWN&&(W-Math.round(K)>=e||n.IS_FOOTER_STICKY)}})}},[K,W,w,v,A,P,R,window.innerHeight]),(0,o.useLayoutEffect)(function(){var e,r;(null==m||null==(r=m.current)||null==(e=r.getBoundingClientRect())?void 0:e.height)!==void 0&&T(function(e){var r,l,u;return n(t({},e),{headerHeight:null!=(u=null==m||null==(l=m.current)||null==(r=l.getBoundingClientRect())?void 0:r.height)?u:0})})},[null==m||null==(a=m.current)||null==(l=a.getBoundingClientRect())?void 0:l.height]),(0,o.useLayoutEffect)(function(){var e,r;(null==S||null==(r=S.current)||null==(e=r.getBoundingClientRect())?void 0:e.height)!==void 0&&T(function(e){var r,l,u;return n(t({},e),{footerHeight:null!=(u=null==S||null==(l=S.current)||null==(r=l.getBoundingClientRect())?void 0:r.height)?u:0})})},[null==S||null==(d=S.current)||null==(f=d.getBoundingClientRect())?void 0:f.height]),(0,o.useEffect)(function(){if(null==p?void 0:p.current){var e,t;q(null==p||null==(e=p.current)?void 0:e.scrollHeight),k((null==p||null==(t=p.current)?void 0:t.scrollHeight)-window.innerHeight)}},[K,null==p?void 0:p.current,window.innerHeight]),(0,o.useEffect)(function(){window.addEventListener("resize",function(){q(function(e){return k(e-window.innerHeight),e})})},[]);var z=(0,o.useCallback)(function(e){return w&&v?(0,u.jsx)("div",{className:"modal-mobile-container",ref:p,children:e}):e},[w,v]);return{modalMobileContainerRef:p,modalMobileHeaderRef:m,modalMobileBodyRef:E,modalMobileFooterRef:S,MODALS_LOGIC:D,SCROLL_DIRECTION:c,scrollTop:K,scrollHeight:W,renderModal:z,isMobile:w}}
+function e(e, t) {
+    (null == t || t > e.length) && (t = e.length);
+    for(var n = 0, r = Array(t); n < t; n++)r[n] = e[n];
+    return r;
+}
+function t(e) {
+    for(var t = 1; t < arguments.length; t++){
+        var n = null != arguments[t] ? arguments[t] : {}, r = Object.keys(n);
+        "function" == typeof Object.getOwnPropertySymbols && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(e) {
+            return Object.getOwnPropertyDescriptor(n, e).enumerable;
+        }))), r.forEach(function(t) {
+            var r;
+            r = n[t], t in e ? Object.defineProperty(e, t, {
+                value: r,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[t] = r;
+        });
+    }
+    return e;
+}
+function n(e, t) {
+    return t = null != t ? t : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : (function(e, t) {
+        var n = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n.push.apply(n, r);
+        }
+        return n;
+    })(Object(t)).forEach(function(n) {
+        Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    }), e;
+}
+function r(t, n) {
+    return function(e) {
+        if (Array.isArray(e)) return e;
+    }(t) || function(e, t) {
+        var n, r, l = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != l) {
+            var u = [], o = !0, i = !1;
+            try {
+                for(l = l.call(e); !(o = (n = l.next()).done) && (u.push(n.value), !t || u.length !== t); o = !0);
+            } catch (e) {
+                i = !0, r = e;
+            } finally{
+                try {
+                    o || null == l.return || l.return();
+                } finally{
+                    if (i) throw r;
+                }
+            }
+            return u;
+        }
+    }(t, n) || function(t, n) {
+        if (t) {
+            if ("string" == typeof t) return e(t, n);
+            var r = Object.prototype.toString.call(t).slice(8, -1);
+            if ("Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r) return Array.from(r);
+            if ("Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return e(t, n);
+        }
+    }(t, n) || function() {
+        throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }();
+}
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return a;
+    }
+});
+var l, u = require("react/jsx-runtime"), o = require("react"), i = (l = require("../../../../Functions/useIsMobile/useIsMobile")) && l.__esModule ? l : {
+    default: l
+}, c = {
+    UP: 'up',
+    DOWN: 'down'
+};
+function a(e) {
+    var l, a, f, d, s = e.modalRef, g = e.withMobileLogic, v = void 0 !== g && g, y = e.withFixedFooter, h = void 0 !== y && y, b = e.isOpen, O = void 0 !== b && b, p = (0, o.useRef)(null), m = (0, o.useRef)(null), S = (0, o.useRef)(null), E = (0, o.useRef)(null), w = (0, i.default)().isMobile, I = r((0, o.useState)(0), 2), R = I[0], _ = I[1], H = r((0, o.useState)({
+        IS_HEADER_HIDDEN: !1,
+        IS_HEADER_STICKY: !1,
+        IS_FOOTER_HIDDEN: !1,
+        IS_FOOTER_STICKY: h
+    }), 2), D = H[0], j = H[1], C = r((0, o.useState)({
+        headerHeight: 0,
+        footerHeight: 0
+    }), 2), P = C[0], T = C[1], M = r((0, o.useState)(c.UP), 2), A = M[0], L = M[1], N = r((0, o.useState)(0), 2), F = N[0], x = N[1], B = r((0, o.useState)(0), 2), K = B[0], U = B[1], Y = r((0, o.useState)(1), 2), W = Y[0], k = Y[1], q = r((0, o.useState)(1), 2)[1];
+    (0, o.useLayoutEffect)(function() {
+        var e = null == p ? void 0 : p.current;
+        e && e.addEventListener('scroll', function() {
+            U(function(t) {
+                return t !== e.scrollTop && x(t), e.scrollTop;
+            });
+        });
+    }, [
+        null == p ? void 0 : p.current
+    ]), (0, o.useEffect)(function() {
+        L(function(e) {
+            return K < F ? c.UP : K > F ? c.DOWN : e;
+        });
+    }, [
+        K,
+        F
+    ]), (0, o.useLayoutEffect)(function() {
+        if (O) {
+            var e, t, n, r, l = (null == s ? void 0 : s.current) ? (null == s ? void 0 : s.current.style) || window.getComputedStyle(null == s ? void 0 : s.current) : {}, u = (null == s ? void 0 : s.current) ? R + Number.parseFloat((null == l ? void 0 : l.marginTop) || '0') : 0, o = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
+            (null == p ? void 0 : p.current) && (u <= o ? (p.current.style.display = 'flex', p.current.style.alignItems = 'flex-end') : (null == (t = p.current) || null == (e = t.style) || e.removeProperty('display'), null == (r = p.current) || null == (n = r.style) || n.removeProperty('align-items')));
+        }
+    }, [
+        P,
+        O,
+        w,
+        R
+    ]), (0, o.useLayoutEffect)(function() {
+        if (w && O) {
+            var e, t, n = null == s || null == (t = s.current) || null == (e = t.getBoundingClientRect()) ? void 0 : e.height;
+            n && R !== n && _(n);
+        }
+    }), (0, o.useEffect)(function() {
+        if (w && v) {
+            var e = P.footerHeight, t = P.headerHeight;
+            j(function(n) {
+                return {
+                    IS_HEADER_HIDDEN: A === c.DOWN || 0 === K,
+                    IS_HEADER_STICKY: A === c.UP && 0 !== K && (K >= t || n.IS_HEADER_STICKY),
+                    IS_FOOTER_HIDDEN: !h && (A === c.UP || W === Math.round(K)),
+                    IS_FOOTER_STICKY: h && W > 1 || A === c.DOWN && (W - Math.round(K) >= e || n.IS_FOOTER_STICKY)
+                };
+            });
+        }
+    }, [
+        K,
+        W,
+        w,
+        v,
+        A,
+        P,
+        R,
+        window.innerHeight
+    ]), (0, o.useLayoutEffect)(function() {
+        var e, r;
+        (null == m || null == (r = m.current) || null == (e = r.getBoundingClientRect()) ? void 0 : e.height) !== void 0 && T(function(e) {
+            var r, l, u;
+            return n(t({}, e), {
+                headerHeight: null != (u = null == m || null == (l = m.current) || null == (r = l.getBoundingClientRect()) ? void 0 : r.height) ? u : 0
+            });
+        });
+    }, [
+        null == m || null == (a = m.current) || null == (l = a.getBoundingClientRect()) ? void 0 : l.height
+    ]), (0, o.useLayoutEffect)(function() {
+        var e, r;
+        (null == S || null == (r = S.current) || null == (e = r.getBoundingClientRect()) ? void 0 : e.height) !== void 0 && T(function(e) {
+            var r, l, u;
+            return n(t({}, e), {
+                footerHeight: null != (u = null == S || null == (l = S.current) || null == (r = l.getBoundingClientRect()) ? void 0 : r.height) ? u : 0
+            });
+        });
+    }, [
+        null == S || null == (d = S.current) || null == (f = d.getBoundingClientRect()) ? void 0 : f.height
+    ]), (0, o.useEffect)(function() {
+        if (null == p ? void 0 : p.current) {
+            var e, t;
+            q(null == p || null == (e = p.current) ? void 0 : e.scrollHeight), k((null == p || null == (t = p.current) ? void 0 : t.scrollHeight) - window.innerHeight);
+        }
+    }, [
+        K,
+        null == p ? void 0 : p.current,
+        window.innerHeight
+    ]), (0, o.useEffect)(function() {
+        window.addEventListener('resize', function() {
+            q(function(e) {
+                return k(e - window.innerHeight), e;
+            });
+        });
+    }, []);
+    var z = (0, o.useCallback)(function(e) {
+        return w && v ? (0, u.jsx)("div", {
+            className: "modal-mobile-container",
+            ref: p,
+            children: e
+        }) : e;
+    }, [
+        w,
+        v
+    ]);
+    return {
+        modalMobileContainerRef: p,
+        modalMobileHeaderRef: m,
+        modalMobileBodyRef: E,
+        modalMobileFooterRef: S,
+        MODALS_LOGIC: D,
+        SCROLL_DIRECTION: c,
+        scrollTop: K,
+        scrollHeight: W,
+        renderModal: z,
+        isMobile: w
+    };
+}