intelicoreact 1.6.8 → 1.6.10

package/dist/Atomic/UI/Hint/Hint.js

@@ -1,258 +1 @@
-/* eslint-disable react-web-api/no-leaked-event-listener */ /* eslint-disable react-dom/no-missing-button-type */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactdom = require("react-dom");
-const _reactfeather = require("react-feather");
-const _utils = require("../../../Functions/utils");
-const _CustomIcons = require("../../../Molecular/CustomIcons");
-const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
-const _utils1 = require("./partials/_utils");
-require("./Hint.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-let isContentHoveredOuter = false;
-const DEFAULT_EMPTY_OBJ = {};
-function DEFAULT_VOID_FN() {}
-const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_OBJ, label = '', variant = 'filled', handleOpenType = 'click', onClickCallback, onOpenChange = DEFAULT_VOID_FN, key, id, children, icon, isAccessability = false, testId = 'hint', isHoverableContent = false, isLoading, isCloseOnChildrenClick = false })=>{
-    var _label_replace;
-    const hintRef = (0, _react.useRef)(null);
-    const timeoutRef = (0, _react.useRef)(null);
-    var _ref;
-    const [hintId] = (0, _react.useState)((_ref = key !== null && key !== void 0 ? key : id) !== null && _ref !== void 0 ? _ref : Math.random().toString(16).slice(2));
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    // ? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
-    // ? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
-    const [handleScroll] = (0, _react.useState)(new _utils1.HandleScrollObj(setIsOpen));
-    // ? По аналогии определяем handleClickOutside
-    const [handleClickOutside] = (0, _react.useState)(new _utils1.HandleClickOutsideObj(hintId, setIsOpen));
-    const isCallbackExist = typeof onClickCallback === 'function';
-    const handle = {
-        onMouseEnter: ()=>{
-            if (handleOpenType === 'hover') {
-                timeoutRef.current = setTimeout(()=>{
-                    setIsOpen(true);
-                    !isOpen && (onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback());
-                }, 350);
-            }
-        },
-        onMouseLeave: ()=>{
-            if (!isHoverableContent && handleOpenType === 'hover') {
-                if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
-                timeoutRef.current = setTimeout(()=>{
-                    setIsOpen(false);
-                }, 1000);
-            } else if (isHoverableContent && handleOpenType === 'hover') {
-                if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
-                timeoutRef.current = setTimeout(()=>{
-                    if (!isContentHoveredOuter) {
-                        setIsOpen(false);
-                    }
-                }, 100);
-            }
-        },
-        onMouseLeaveHoverableContent: ()=>{
-            if (isHoverableContent && handleOpenType === 'hover') {
-                if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
-                timeoutRef.current = setTimeout(()=>{
-                    setIsOpen(false);
-                    isContentHoveredOuter = false;
-                }, 100);
-            }
-        },
-        onClick: isCloseOnChildrenClick ? ()=>setIsOpen(false) : ()=>{}
-    };
-    const getHintMarkUp = (className)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            "data-testid": "test-hint-text",
-            className: (0, _classnames.default)('hint__text', `hint__text_${side}`, `hint--${className}__text`),
-            onMouseEnter: ()=>{
-                isContentHoveredOuter = true;
-            },
-            onMouseLeave: handle.onMouseLeaveHoverableContent,
-            onClick: handle.onClick,
-            children: [
-                isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
-                    size: "small"
-                }),
-                hint,
-                children
-            ]
-        });
-    };
-    const setHintContainerStyles = ()=>{
-        var _hintRef_current, _this, _this1, _this2;
-        const hc = (0, _utils1.getHintContainer)(hintId);
-        if (!hc || !isOpen) return false;
-        const { width = 0, top = 0, left = 0 } = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current) !== null ? hintRef === null || hintRef === void 0 ? void 0 : (_hintRef_current = hintRef.current) === null || _hintRef_current === void 0 ? void 0 : _hintRef_current.getBoundingClientRect() : {};
-        const { addWidth, addLeft, addTop } = hintContainer !== null && hintContainer !== void 0 ? hintContainer : {};
-        const windowInnerWidth = document.documentElement.clientWidth;
-        const windowInnerHeight = document.documentElement.clientHeight;
-        const sw = hc.getElementsByClassName('hint__text')[0];
-        const { width: swWidth, height: swHeight } = (sw === null || sw === void 0 ? void 0 : sw.getBoundingClientRect()) || {};
-        hc.style.width = isOpen ? (_this = (addWidth && !Number.isNaN(+addWidth) ? +addWidth : 0) + width) === null || _this === void 0 ? void 0 : _this.toString().concat('px') : '0';
-        hc.style.left = isOpen ? (_this1 = (addLeft && !Number.isNaN(+addLeft) ? +addLeft : 0) + left) === null || _this1 === void 0 ? void 0 : _this1.toString().concat('px') : '0';
-        hc.style.top = isOpen ? (_this2 = (addTop && !Number.isNaN(+addTop) ? +addTop : 0) + top) === null || _this2 === void 0 ? void 0 : _this2.toString().concat('px') : '0';
-        hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat('px') : '0';
-        // ? Базовое значение погрешности
-        // ? В разных свитч-кейсах может использоваться по разному (вся или частично). Определял "на глазок"
-        const INACCURACY = 20;
-        switch(side){
-            case 'top':
-            case 'centeredTop':
-                if (top - swHeight - INACCURACY / 2 < 0) {
-                    sw.classList.remove(`hint__text_${side}`);
-                    sw.classList.add(`hint__text_${side === 'top' ? 'bottom' : 'centeredBottom'}`);
-                }
-                break;
-            case 'bottom':
-            case 'centeredBottom':
-                if (top + swHeight + INACCURACY > windowInnerHeight) {
-                    sw.classList.remove(`hint__text_${side}`);
-                    sw.classList.add(`hint__text_${side === 'bottom' ? 'top' : 'centeredTop'}`);
-                }
-                break;
-            case 'left':
-                if (left - swWidth - INACCURACY / 2 < 0) {
-                    sw.classList.remove(`hint__text_${side}`);
-                    sw.classList.add('hint__text_right');
-                }
-                break;
-            case 'right':
-            default:
-                if (left + width + swWidth + INACCURACY / 2 > windowInnerWidth) {
-                    sw.classList.remove(`hint__text_${side}`);
-                    sw.classList.add('hint__text_left');
-                }
-                break;
-        }
-    };
-    const renderHintContainer = (className)=>{
-        const hc = (0, _utils1.getHintContainer)(hintId);
-        if (!hc) return null;
-        return /*#__PURE__*/ (0, _reactdom.createPortal)(getHintMarkUp(className), hc);
-    };
-    (0, _react.useEffect)(()=>{
-        (0, _utils1.initHintContainer)(hintId, hintContainer);
-        return ()=>{
-            if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
-        };
-    }, []);
-    (0, _react.useEffect)(()=>{
-        setHintContainerStyles();
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
-        if (isOpen) {
-            document.addEventListener('scroll', handleScroll, true);
-            document.addEventListener('click', handleClickOutside, true);
-        } else {
-            document.removeEventListener('scroll', handleScroll, true);
-            document.removeEventListener('click', handleClickOutside, true);
-        }
-        return ()=>{
-            if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
-        };
-    }, [
-        isOpen
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)('hint', className),
-        ref: hintRef,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
-                tabIndex: isAccessability ? 0 : -1,
-                "data-testid": typeof label === 'string' && label.length ? (_label_replace = label.replace) === null || _label_replace === void 0 ? void 0 : _label_replace.call(label, /\s/g, '-') : `${testId}--button`,
-                "aria-label": isAccessability && typeof label === 'string' ? label : '',
-                onClick: ()=>handleOpenType === 'click' && (isCallbackExist ? onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback() : setIsOpen(!isOpen)),
-                onMouseEnter: handle.onMouseEnter,
-                onMouseLeave: handle.onMouseLeave,
-                className: (0, _classnames.default)('hint__button', {
-                    hint__button_active: isOpen
-                }),
-                children: [
-                    icon || icon === null || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                        children: [
-                            variant === 'outlined' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.HelpCircle, {
-                                width: 16,
-                                height: 16,
-                                className: "hint__icon outlined"
-                            }),
-                            variant === 'filled' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.HelpCircleFilled, {
-                                className: "hint__icon filled"
-                            }),
-                            variant === 'warning' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
-                                className: "hint__icon",
-                                color: "#F06D8D",
-                                width: 16,
-                                height: 16
-                            })
-                        ]
-                    }),
-                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        className: (0, _classnames.default)('hint__label', {
-                            'color--primary': isOpen
-                        }),
-                        children: (0, _utils.capitalized)(label)
-                    })
-                ]
-            }),
-            isOpen && renderHintContainer(className)
-        ]
-    });
-};
-const _default = Hint;
-
-//# sourceMappingURL=Hint.js.map
+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(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],l=!0,u=!1;try{for(i=i.call(e);!(l=(n=i.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){u=!0,r=e}finally{try{l||null==i.return||i.return()}finally{if(u)throw r}}return o}}(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 p}});var n=require("react/jsx-runtime"),r=d(require("classnames")),i=function(e,t){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 n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(require("react")),o=require("react-dom"),l=require("react-feather"),u=require("../../../Functions/utils"),c=require("../../../Molecular/CustomIcons"),a=d(require("../../Layout/Spinner/Spinner")),s=require("./partials/_utils");function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}require("./Hint.scss");var v=!1,h={};function m(){}var p=function(e){var d,f,p=e.hint,_=e.side,b=void 0===_?"right":_,y=e.className,g=e.hintContainer,x=void 0===g?h:g,C=e.label,j=void 0===C?"":C,L=e.variant,k=void 0===L?"filled":L,M=e.handleOpenType,S=void 0===M?"click":M,N=e.onClickCallback,O=e.onOpenChange,w=void 0===O?m:O,T=e.key,E=e.id,H=e.children,q=e.icon,A=e.isAccessability,P=void 0!==A&&A,I=e.testId,B=void 0===I?"hint":I,W=e.isHoverableContent,D=void 0!==W&&W,F=e.isLoading,R=e.isCloseOnChildrenClick,z=(0,i.useRef)(null),U=(0,i.useRef)(null),$=t((0,i.useState)(null!=(f=null!=T?T:E)?f:Math.random().toString(16).slice(2)),1)[0],G=t((0,i.useState)(!1),2),J=G[0],K=G[1],Q=t((0,i.useState)(new s.HandleScrollObj(K)),1)[0],V=t((0,i.useState)(new s.HandleClickOutsideObj($,K)),1)[0],X="function"==typeof N,Y={onMouseEnter:function(){"hover"===S&&(U.current=setTimeout(function(){K(!0),J||null==N||N()},350))},onMouseLeave:function(){D||"hover"!==S?D&&"hover"===S&&(null!==U.current&&clearTimeout(U.current),U.current=setTimeout(function(){v||K(!1)},100)):(null!==U.current&&clearTimeout(U.current),U.current=setTimeout(function(){K(!1)},1e3))},onMouseLeaveHoverableContent:function(){D&&"hover"===S&&(null!==U.current&&clearTimeout(U.current),U.current=setTimeout(function(){K(!1),v=!1},100))},onClick:void 0!==R&&R?function(){return K(!1)}:function(){}},Z=function(){var e,t,n,r,i=(0,s.getHintContainer)($);if(!i||!J)return!1;var o=(null==z?void 0:z.current)!==null?null==z||null==(e=z.current)?void 0:e.getBoundingClientRect():{},l=o.width,u=void 0===l?0:l,c=o.top,a=void 0===c?0:c,d=o.left,f=void 0===d?0:d,v=null!=x?x:{},h=v.addWidth,m=v.addLeft,p=v.addTop,_=document.documentElement.clientWidth,y=document.documentElement.clientHeight,g=i.getElementsByClassName("hint__text")[0],C=(null==g?void 0:g.getBoundingClientRect())||{},j=C.width,L=C.height;switch(i.style.width=J?null==(t=(h&&!Number.isNaN(+h)?+h:0)+u)?void 0:t.toString().concat("px"):"0",i.style.left=J?null==(n=(m&&!Number.isNaN(+m)?+m:0)+f)?void 0:n.toString().concat("px"):"0",i.style.top=J?null==(r=(p&&!Number.isNaN(+p)?+p:0)+a)?void 0:r.toString().concat("px"):"0",i.style.maxHeight=J?null==L?void 0:L.toString().concat("px"):"0",b){case"top":case"centeredTop":a-L-10<0&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_".concat("top"===b?"bottom":"centeredBottom")));break;case"bottom":case"centeredBottom":a+L+20>y&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_".concat("bottom"===b?"top":"centeredTop")));break;case"left":f-j-10<0&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_right"));break;default:f+u+j+10>_&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_left"))}};return(0,i.useEffect)(function(){return(0,s.initHintContainer)($,x),function(){null!==U.current&&clearTimeout(U.current)}},[]),(0,i.useEffect)(function(){return Z(),null==w||w(J),J?(document.addEventListener("scroll",Q,!0),document.addEventListener("click",V,!0)):(document.removeEventListener("scroll",Q,!0),document.removeEventListener("click",V,!0)),function(){null!==U.current&&clearTimeout(U.current)}},[J]),(0,n.jsxs)("div",{"data-testid":B,className:(0,r.default)("hint",y),ref:z,children:[(0,n.jsxs)("button",{tabIndex:P?0:-1,"data-testid":"string"==typeof j&&j.length?null==(d=j.replace)?void 0:d.call(j,/\s/g,"-"):"".concat(B,"--button"),"aria-label":P&&"string"==typeof j?j:"",onClick:function(){return"click"===S&&(X?null==N?void 0:N():K(!J))},onMouseEnter:Y.onMouseEnter,onMouseLeave:Y.onMouseLeave,className:(0,r.default)("hint__button",{hint__button_active:J}),children:[q||null===q||(0,n.jsxs)(n.Fragment,{children:["outlined"===k&&(0,n.jsx)(l.HelpCircle,{width:16,height:16,className:"hint__icon outlined"}),"filled"===k&&(0,n.jsx)(c.HelpCircleFilled,{className:"hint__icon filled"}),"warning"===k&&(0,n.jsx)(l.AlertTriangle,{className:"hint__icon",color:"#F06D8D",width:16,height:16})]}),j&&(0,n.jsx)("span",{className:(0,r.default)("hint__label",{"color--primary":J}),children:(0,u.capitalized)(j)})]}),J&&function(e){var t=(0,s.getHintContainer)($);return t?(0,o.createPortal)((0,n.jsxs)("div",{"data-testid":"test-hint-text",className:(0,r.default)("hint__text","hint__text_".concat(b),"hint--".concat(e,"__text")),onMouseEnter:function(){v=!0},onMouseLeave:Y.onMouseLeaveHoverableContent,onClick:Y.onClick,children:[F&&(0,n.jsx)(a.default,{size:"small"}),p,H]}),t):null}(y)]})};

package/dist/Atomic/UI/Hint/index.ts

@@ -0,0 +1,5 @@
+import type { IHintProps } from './Hint.interface';
+import Hint from './Hint';
+
+export default Hint;
+export type { IHintProps };

package/dist/Atomic/UI/Hint/partials/_utils.js

@@ -1,66 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    HandleClickOutsideObj: function() {
-        return HandleClickOutsideObj;
-    },
-    HandleScrollObj: function() {
-        return HandleScrollObj;
-    },
-    getHintContainer: function() {
-        return getHintContainer;
-    },
-    getHintContainerId: function() {
-        return getHintContainerId;
-    },
-    getParentNode: function() {
-        return getParentNode;
-    },
-    initHintContainer: function() {
-        return initHintContainer;
-    }
-});
-const getHintContainerId = (hintId)=>`hint-container-for-hint--id-${hintId}`;
-function getHintContainer(hintId) {
-    return document.getElementById(getHintContainerId(hintId));
-}
-function getParentNode() {
-    var _document_querySelector, _ref;
-    return (_ref = (_document_querySelector = document.querySelector('div#root')) !== null && _document_querySelector !== void 0 ? _document_querySelector : document.querySelector('div#app')) !== null && _ref !== void 0 ? _ref : document.body;
-}
-function initHintContainer(hintId, hintContainerSettings) {
-    var _getParentNode;
-    const { className } = hintContainerSettings;
-    const hintContainer = document.createElement('div');
-    hintContainer.setAttribute('id', getHintContainerId(hintId));
-    hintContainer.classList.add('hint__container');
-    if (className) hintContainer.classList.add(className);
-    (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(hintContainer);
-}
-function HandleScrollObj(setIsOpen) {
-    this.setIsOpen = setIsOpen;
-    this.handleEvent = function() {
-        this.setIsOpen(false);
-    };
-}
-function HandleClickOutsideObj(id, setIsOpen) {
-    this.id = id;
-    this.setIsOpen = setIsOpen;
-    this.handleEvent = function(event) {
-        if (getHintContainer(this.id)) {
-            if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
-                this.setIsOpen(false);
-            }
-        }
-    };
-}
-
-//# sourceMappingURL=_utils.js.map
+Object.defineProperty(exports,"__esModule",{value:!0});var n=exports,t={HandleClickOutsideObj:function(){return d},HandleScrollObj:function(){return c},getHintContainer:function(){return r},getHintContainerId:function(){return i},getParentNode:function(){return o},initHintContainer:function(){return u}};for(var e in t)Object.defineProperty(n,e,{enumerable:!0,get:t[e]});var i=function(n){return"hint-container-for-hint--id-".concat(n)};function r(n){return document.getElementById(i(n))}function o(){var n,t;return null!=(t=null!=(n=document.querySelector("div#root"))?n:document.querySelector("div#app"))?t:document.body}function u(n,t){var e,r=t.className,u=document.createElement("div");u.setAttribute("id",i(n)),u.classList.add("hint__container"),r&&u.classList.add(r),null==(e=o())||e.append(u)}function c(n){this.setIsOpen=n,this.handleEvent=function(){this.setIsOpen(!1)}}function d(n,t){this.id=n,this.setIsOpen=t,this.handleEvent=function(n){r(this.id)&&!r(this.id).contains(null==n?void 0:n.target)&&this.setIsOpen(!1)}}

package/dist/Atomic/UI/Modal/Modal.interface.ts

@@ -0,0 +1,83 @@
+import type { ReactNode, RefObject } from 'react';
+
+import type { IUniProps } from '../../../types/base.interface';
+
+export type TModalVariant = 'default' | 'primary';
+export type TModalMode = 'default' | 'create' | 'edit' | 'add';
+export type TModalSize = 'default' | 290 | 420 | 870 | 770 | 950;
+
+export interface IModalTitleProps extends IUniProps {
+  variant?: TModalVariant;
+  children: ReactNode;
+  isForced?: boolean;
+  onClose?: () => void;
+  noHeaderCloseBtn?: boolean;
+  wrapperRef?: RefObject<HTMLDivElement>;
+}
+
+export interface IModalFooterProps extends IUniProps {
+  children: ReactNode;
+  wrapperRef?: RefObject<HTMLDivElement>;
+}
+
+export interface IModalProps extends IUniProps {
+  isOpen: boolean;
+  title: string;
+  children: ReactNode;
+  variant?: TModalVariant;
+  mode?: TModalMode;
+  size?: TModalSize | string | number;
+  zIndex?: number;
+
+  // Callbacks
+  onConfirm?: () => void;
+  onDecline?: () => void;
+  closeModal?: () => void;
+
+  // Header options
+  onlyTitle?: boolean;
+  noHeader?: boolean;
+  noHeaderCloseBtn?: boolean;
+
+  // Body options
+  atributesForModalBody?: Record<string, unknown>;
+
+  // Footer options
+  noFooter?: boolean;
+  withFixedFooter?: boolean;
+  leftContentOfFooter?: ReactNode;
+  customFooter?: ReactNode;
+
+  // Confirm button options
+  confirmBtnClassName?: string;
+  confirmBtnLabel?: string;
+  confirmBtnVariant?: string;
+  confirmBtnDisable?: boolean;
+  confirmBtnIcon?: ReactNode;
+  isConfirmBtnIconPositionRight?: boolean;
+  noConfirmBtn?: boolean;
+
+  // Close button options
+  closeBtnClassName?: string;
+  closeBtnText?: string;
+  closeBtnVariant?: string;
+  closeBtnDisable?: boolean;
+  closeBtnIcon?: ReactNode;
+  isCloseBtnIconPositionRight?: boolean;
+  noCloseBtn?: boolean;
+
+  // Additional options
+  forced?: boolean;
+  btnClassNames?: string;
+  submitOnEnter?: boolean;
+  closeOnEsc?: boolean;
+  withMobileLogic?: boolean;
+}
+
+export interface IModalHOCProps
+  extends Pick<
+    IModalProps,
+    'zIndex' | 'isOpen' | 'children' | 'className' | 'size' | 'testId' | 'closeOnEsc'
+  > {
+  closeModal: () => void;
+}