intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/Modal.tsx"],"sourcesContent":["import type { IModalProps } from './Modal.interface';\nimport cn from 'classnames';\n\nimport { forwardRef, useRef } from 'react';\nimport useHandleKeyPress from '../../../Functions/useKeyPress/useHandleKeyPress';\n\nimport Button from '../Button/Button';\nimport ModalFooter from './partials/ModalFooter';\nimport ModalTitle from './partials/ModalTitle';\nimport useMobileModal from './partials/useMobileModal';\n\nimport './Modal.scss';\nimport './ModalMobile.scss';\n\nconst attrsForModalBodyDefault = {}\nexport const KEY_CODE = Object.freeze({\n  ENTER: 13,\n  ESC: 27,\n} as const);\n\nexport function renderModalTitle({\n  mode,\n  title,\n  onlyTitle,\n}: {\n  mode?: string;\n  title: string;\n  onlyTitle?: boolean;\n}): string {\n  if (mode && mode !== 'default' && !onlyTitle) {\n    return `${mode[0].toUpperCase()}${mode.slice(1)} ${title}`;\n  }\n  return title;\n}\n\nconst Modal = forwardRef<HTMLDivElement, IModalProps>(\n  (\n    {\n      zIndex = 100,\n      isOpen,\n      onConfirm,\n      onDecline,\n      closeModal,\n      children,\n      className,\n      title,\n      variant = 'primary',\n      onlyTitle,\n      mode,\n      size,\n      atributesForModalBody = attrsForModalBodyDefault,\n      confirmBtnClassName,\n      confirmBtnLabel,\n      confirmBtnVariant = 'primary',\n      confirmBtnDisable,\n      confirmBtnIcon,\n      isConfirmBtnIconPositionRight,\n      noConfirmBtn,\n      noCloseBtn,\n      noFooter,\n      noHeader,\n      closeBtnClassName,\n      closeBtnText,\n      closeBtnVariant,\n      closeBtnDisable,\n      closeBtnIcon,\n      forced,\n      btnClassNames,\n      isCloseBtnIconPositionRight,\n      submitOnEnter = true,\n      closeOnEsc = true,\n      leftContentOfFooter,\n      customFooter,\n      testId = 'modal',\n      noHeaderCloseBtn,\n      withMobileLogic,\n      withFixedFooter,\n    },\n    ref,\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const modalRef = ref || internalRef;\n\n    const {\n      modalMobileHeaderRef,\n      modalMobileBodyRef,\n      modalMobileFooterRef,\n      MODALS_LOGIC,\n      renderModal,\n      isMobile,\n      scrollTop,\n      scrollHeight,\n    } = useMobileModal({\n      withMobileLogic,\n      withFixedFooter,\n      isOpen,\n    });\n\n    const handle = {\n      confirm: () => {\n        onConfirm?.();\n      },\n      decline: () => {\n        if (typeof onDecline === 'function') {\n          onDecline();\n        }\n        else {\n          closeModal?.();\n        }\n      },\n    };\n\n    useHandleKeyPress({\n      enterCallback: submitOnEnter && typeof onConfirm === 'function' ? () => handle.confirm() : undefined,\n      escCallback: closeOnEsc && typeof closeModal === 'function' ? () => closeModal() : undefined,\n      withClamping: false,\n    });\n\n    if (!isOpen) return null;\n\n    return (\n      <div\n        style={{ zIndex }}\n        data-testid={testId}\n        className=\"modal-box j5\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={`${testId}-title`}\n      >\n        {renderModal(\n          <>\n            <div\n              data-testid={`${testId}-overlay`}\n              className={isOpen ? 'modal-overlay' : 'hidden'}\n              onClick={closeModal}\n              role=\"presentation\"\n            />\n            <div\n              ref={modalRef}\n              style={{ width: typeof size === 'number' ? `${size}px` : `${size?.replace('px', '')}px` }}\n              className={cn(className, {\n                'modal': isOpen,\n                'modal--no-header': isOpen && noHeader,\n                'modal-mobile': isOpen && isMobile,\n                'hidden': !isOpen,\n              })}\n            >\n              {!noHeader && (\n                <ModalTitle\n                  wrapperRef={modalMobileHeaderRef}\n                  className={cn({\n                    'modal__header--hidden': MODALS_LOGIC.IS_HEADER_HIDDEN,\n                    'modal__header--sticky': !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY,\n                  })}\n                  variant={variant}\n                  isForced={forced}\n                  onClose={handle.decline}\n                  noHeaderCloseBtn={noHeaderCloseBtn}\n                >\n                  <span id={`${testId}-title`}>{renderModalTitle({ mode, title, onlyTitle })}</span>\n                </ModalTitle>\n              )}\n\n              <div\n                {...atributesForModalBody}\n                ref={modalMobileBodyRef}\n                className={cn('modal__body', {\n                  'modal__body--no-footer': noFooter,\n                })}\n                role=\"document\"\n              >\n                {children}\n              </div>\n\n              {(!noFooter || customFooter) && (\n                <ModalFooter\n                  wrapperRef={modalMobileFooterRef}\n                  className={cn({\n                    'modal__footer--hidden': MODALS_LOGIC.IS_FOOTER_HIDDEN,\n                    'modal__footer--sticky':\n                      !MODALS_LOGIC.IS_FOOTER_HIDDEN\n                      && MODALS_LOGIC.IS_FOOTER_STICKY\n                      && scrollTop !== scrollHeight,\n                    'modal__footer_with-left-content': leftContentOfFooter,\n                  })}\n                >\n                  {customFooter || (\n                    <>\n                      {leftContentOfFooter}\n                      {(!noCloseBtn || !noConfirmBtn) && (\n                        <div className=\"modal__buttons-block\">\n                          {!noCloseBtn && (\n                            <Button\n                              testId=\"modal\"\n                              className={cn(closeBtnClassName, btnClassNames)}\n                              variant={closeBtnVariant || 'dark-outline'}\n                              onClick={() => handle.decline()}\n                              label={closeBtnText || 'Cancel'}\n                              disabled={closeBtnDisable}\n                              icon={closeBtnIcon}\n                              isIconRight={isCloseBtnIconPositionRight}\n                              tabIndex={1}\n                              aria-label=\"Close modal\"\n                            />\n                          )}\n                          {!noConfirmBtn && (\n                            <Button\n                              testId=\"modal\"\n                              onClick={() => handle.confirm()}\n                              label={\n                                confirmBtnLabel\n                                || (mode && mode?.[0].toUpperCase() + mode?.slice(1))\n                                || 'Apply'\n                              }\n                              className={cn('ml5', confirmBtnClassName, btnClassNames)}\n                              variant={confirmBtnVariant}\n                              disabled={confirmBtnDisable}\n                              icon={confirmBtnIcon}\n                              isIconRight={isConfirmBtnIconPositionRight}\n                              aria-label=\"Confirm modal\"\n                            />\n                          )}\n                        </div>\n                      )}\n                    </>\n                  )}\n                </ModalFooter>\n              )}\n            </div>\n          </>,\n        )}\n      </div>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"names":["KEY_CODE","renderModalTitle","attrsForModalBodyDefault","Object","freeze","ENTER","ESC","mode","title","onlyTitle","toUpperCase","slice","Modal","forwardRef","zIndex","isOpen","onConfirm","onDecline","closeModal","children","className","variant","size","atributesForModalBody","confirmBtnClassName","confirmBtnLabel","confirmBtnVariant","confirmBtnDisable","confirmBtnIcon","isConfirmBtnIconPositionRight","noConfirmBtn","noCloseBtn","noFooter","noHeader","closeBtnClassName","closeBtnText","closeBtnVariant","closeBtnDisable","closeBtnIcon","forced","btnClassNames","isCloseBtnIconPositionRight","submitOnEnter","closeOnEsc","leftContentOfFooter","customFooter","testId","noHeaderCloseBtn","withMobileLogic","withFixedFooter","ref","internalRef","useRef","modalRef","modalMobileHeaderRef","modalMobileBodyRef","modalMobileFooterRef","MODALS_LOGIC","renderModal","isMobile","scrollTop","scrollHeight","useMobileModal","handle","confirm","decline","useHandleKeyPress","enterCallback","undefined","escCallback","withClamping","div","style","data-testid","role","aria-modal","aria-labelledby","onClick","width","replace","cn","ModalTitle","wrapperRef","IS_HEADER_HIDDEN","IS_HEADER_STICKY","isForced","onClose","span","id","ModalFooter","IS_FOOTER_HIDDEN","IS_FOOTER_STICKY","Button","label","disabled","icon","isIconRight","tabIndex","aria-label","displayName"],"mappings":"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"}

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

@@ -0,0 +1,99 @@
+"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 _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useKeyPress/useHandleKeyPress"));
+require("./Modal.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;
+}
+const Modal = ({ zIndex = 100, isOpen, closeModal, children, className, size, testId = 'modal', closeOnEsc = true })=>{
+    const modalRef = (0, _react.useRef)(null);
+    (0, _useHandleKeyPress.default)({
+        escCallback: closeOnEsc && typeof closeModal === 'function' ? ()=>closeModal === null || closeModal === void 0 ? void 0 : closeModal() : undefined
+    });
+    if (!isOpen) return null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        style: {
+            zIndex
+        },
+        "data-testid": testId,
+        className: "modal-box j5",
+        role: "presentation",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "modal-overlay",
+                onClick: closeModal,
+                role: "presentation",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                ref: modalRef,
+                style: {
+                    width: size
+                },
+                className: (0, _classnames.default)(className, 'modal'),
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": testId,
+                tabIndex: -1,
+                children: children
+            })
+        ]
+    });
+};
+const _default = Modal;
+
+//# sourceMappingURL=ModalHOC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/ModalHOC.tsx"],"sourcesContent":["import type { IModalHOCProps } from './Modal.interface';\nimport cn from 'classnames';\n\nimport React, { useRef } from 'react';\n\nimport useHandleKeyPress from '../../../Functions/useKeyPress/useHandleKeyPress';\n\nimport './Modal.scss';\n\nconst Modal: React.FC<IModalHOCProps> = ({\n  zIndex = 100,\n  isOpen,\n  closeModal,\n  children,\n  className,\n  size,\n  testId = 'modal',\n  closeOnEsc = true,\n}) => {\n  const modalRef = useRef(null);\n  useHandleKeyPress({\n    escCallback: closeOnEsc && typeof closeModal === 'function' ? () => closeModal?.() : undefined,\n  });\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={{ zIndex }} data-testid={testId} className=\"modal-box j5\" role=\"presentation\">\n      <div className=\"modal-overlay\" onClick={closeModal} role=\"presentation\" aria-hidden=\"true\" />\n      <div\n        ref={modalRef}\n        style={{ width: size }}\n        className={cn(className, 'modal')}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={testId}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","zIndex","isOpen","closeModal","children","className","size","testId","closeOnEsc","modalRef","useRef","useHandleKeyPress","escCallback","undefined","div","style","data-testid","role","onClick","aria-hidden","ref","width","cn","aria-modal","aria-labelledby","tabIndex"],"mappings":";;;;+BA4CA;;;eAAA;;;;mEA3Ce;+DAEe;0EAEA;QAEvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAkC,CAAC,EACvCC,SAAS,GAAG,EACZC,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,SAAS,OAAO,EAChBC,aAAa,IAAI,EAClB;IACC,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IACxBC,IAAAA,0BAAiB,EAAC;QAChBC,aAAaJ,cAAc,OAAOL,eAAe,aAAa,IAAMA,uBAAAA,iCAAAA,eAAiBU;IACvF;IAEA,IAAI,CAACX,QAAQ,OAAO;IAEpB,qBACE,sBAACY;QAAIC,OAAO;YAAEd;QAAO;QAAGe,eAAaT;QAAQF,WAAU;QAAeY,MAAK;;0BACzE,qBAACH;gBAAIT,WAAU;gBAAgBa,SAASf;gBAAYc,MAAK;gBAAeE,eAAY;;0BACpF,qBAACL;gBACCM,KAAKX;gBACLM,OAAO;oBAAEM,OAAOf;gBAAK;gBACrBD,WAAWiB,IAAAA,mBAAE,EAACjB,WAAW;gBACzBY,MAAK;gBACLM,cAAW;gBACXC,mBAAiBjB;gBACjBkB,UAAU,CAAC;0BAEVrB;;;;AAIT;MAEA,WAAeJ"}

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

@@ -0,0 +1,28 @@
+"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, {
+    ModalHOC: function() {
+        return _ModalHOC.default;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _Modal = /*#__PURE__*/ _interop_require_default(require("./Modal"));
+const _ModalHOC = /*#__PURE__*/ _interop_require_default(require("./ModalHOC"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Modal.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/index.ts"],"sourcesContent":["import Modal from './Modal';\nimport ModalHOC from './ModalHOC';\n\nexport default Modal;\nexport type { IModalFooterProps, IModalHOCProps, IModalProps, IModalTitleProps } from './Modal.interface';\nexport { ModalHOC };\n"],"names":["ModalHOC","Modal"],"mappings":";;;;;;;;;;;IAKSA,QAAQ;eAARA,iBAAQ;;IAFjB,OAAqB;eAArB;;;8DAHkB;iEACG;;;;;;MAErB,WAAeC,cAAK"}

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

@@ -0,0 +1,73 @@
+"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"));
+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;
+}
+const ModalFooter = /*#__PURE__*/ (0, _react.memo)(({ className = '', children, wrapperRef, testId = 'modal-footer' })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("footer", {
+        "data-testid": testId,
+        ref: wrapperRef,
+        className: (0, _classnames.default)('modal__footer', className),
+        role: "contentinfo",
+        "aria-label": "Modal footer",
+        children: children
+    });
+});
+ModalFooter.displayName = 'ModalFooter';
+const _default = ModalFooter;
+
+//# sourceMappingURL=ModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Modal/partials/ModalFooter.tsx"],"sourcesContent":["import type { IModalFooterProps } from '../Modal.interface';\nimport cn from 'classnames';\n\nimport React, { memo } from 'react';\n\nconst ModalFooter: React.FC<IModalFooterProps> = memo(\n  ({ className = '', children, wrapperRef, testId = 'modal-footer' }) => {\n    return (\n      <footer\n        data-testid={testId}\n        ref={wrapperRef}\n        className={cn('modal__footer', className)}\n        role=\"contentinfo\"\n        aria-label=\"Modal footer\"\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n"],"names":["ModalFooter","memo","className","children","wrapperRef","testId","footer","data-testid","ref","cn","role","aria-label","displayName"],"mappings":";;;;+BAuBA;;;eAAA;;;;mEAtBe;+DAEa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE5B,MAAMA,4BAA2CC,IAAAA,WAAI,EACnD,CAAC,EAAEC,YAAY,EAAE,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,cAAc,EAAE;IAChE,qBACE,qBAACC;QACCC,eAAaF;QACbG,KAAKJ;QACLF,WAAWO,IAAAA,mBAAE,EAAC,iBAAiBP;QAC/BQ,MAAK;QACLC,cAAW;kBAEVR;;AAGP;AAGFH,YAAYY,WAAW,GAAG;MAE1B,WAAeZ"}

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

@@ -0,0 +1,112 @@
+"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 _reactfeather = require("react-feather");
+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;
+}
+const ModalTitle = /*#__PURE__*/ (0, _react.memo)(({ variant = 'primary', children, isForced = false, onClose, noHeaderCloseBtn = false, className, wrapperRef, testId = 'modal-title' })=>{
+    const handleKeyDown = (0, _react.useCallback)((e)=>{
+        if (e.key === 'Enter' || e.key === 'Space') {
+            e.preventDefault();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    }, [
+        onClose
+    ]);
+    const handleClick = (0, _react.useCallback)(()=>{
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [
+        onClose
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
+        "data-testid": testId,
+        ref: wrapperRef,
+        className: (0, _classnames.default)('modal__header', className, {
+            [`modal__header-${variant}`]: variant
+        }),
+        role: "banner",
+        "aria-label": "Modal header",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: (0, _classnames.default)('modal__header-title', {
+                    [`modal__header-${variant}-title`]: variant
+                }),
+                id: `${testId}-heading`,
+                children: children
+            }),
+            !isForced && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                type: "button",
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                className: (0, _classnames.default)('modal-close-icon-box', {
+                    'modal-close-icon-box-primary': variant === 'primary'
+                }),
+                "aria-label": "Close modal",
+                title: "Close modal",
+                children: !noHeaderCloseBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                    className: "modal-close-icon",
+                    role: "img",
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+});
+ModalTitle.displayName = 'ModalTitle';
+const _default = ModalTitle;
+
+//# sourceMappingURL=ModalTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Modal/partials/ModalTitle.tsx"],"sourcesContent":["import type { IModalTitleProps } from '../Modal.interface';\nimport cn from 'classnames';\nimport React, { memo, useCallback } from 'react';\n\nimport { X } from 'react-feather';\n\nconst ModalTitle: React.FC<IModalTitleProps> = memo(\n  ({\n    variant = 'primary',\n    children,\n    isForced = false,\n    onClose,\n    noHeaderCloseBtn = false,\n    className,\n    wrapperRef,\n    testId = 'modal-title',\n  }) => {\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === 'Space') {\n          e.preventDefault();\n          onClose?.();\n        }\n      },\n      [onClose],\n    );\n\n    const handleClick = useCallback(() => {\n      onClose?.();\n    }, [onClose]);\n\n    return (\n      <header\n        data-testid={testId}\n        ref={wrapperRef}\n        className={cn('modal__header', className, {\n          [`modal__header-${variant}`]: variant,\n        })}\n        role=\"banner\"\n        aria-label=\"Modal header\"\n      >\n        <span\n          className={cn('modal__header-title', {\n            [`modal__header-${variant}-title`]: variant,\n          })}\n          id={`${testId}-heading`}\n        >\n          {children}\n        </span>\n        {!isForced && (\n          <button\n            type=\"button\"\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            className={cn('modal-close-icon-box', {\n              'modal-close-icon-box-primary': variant === 'primary',\n            })}\n            aria-label=\"Close modal\"\n            title=\"Close modal\"\n          >\n            {!noHeaderCloseBtn && <X className=\"modal-close-icon\" role=\"img\" aria-hidden=\"true\" />}\n          </button>\n        )}\n      </header>\n    );\n  },\n);\n\nModalTitle.displayName = 'ModalTitle';\n\nexport default ModalTitle;\n"],"names":["ModalTitle","memo","variant","children","isForced","onClose","noHeaderCloseBtn","className","wrapperRef","testId","handleKeyDown","useCallback","e","key","preventDefault","handleClick","header","data-testid","ref","cn","role","aria-label","span","id","button","type","onClick","onKeyDown","title","X","aria-hidden","displayName"],"mappings":";;;;+BAsEA;;;eAAA;;;;mEArEe;+DAC0B;8BAEvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElB,MAAMA,2BAAyCC,IAAAA,WAAI,EACjD,CAAC,EACCC,UAAU,SAAS,EACnBC,QAAQ,EACRC,WAAW,KAAK,EAChBC,OAAO,EACPC,mBAAmB,KAAK,EACxBC,SAAS,EACTC,UAAU,EACVC,SAAS,aAAa,EACvB;IACC,MAAMC,gBAAgBC,IAAAA,kBAAW,EAC/B,CAACC;QACC,IAAIA,EAAEC,GAAG,KAAK,WAAWD,EAAEC,GAAG,KAAK,SAAS;YAC1CD,EAAEE,cAAc;YAChBT,oBAAAA,8BAAAA;QACF;IACF,GACA;QAACA;KAAQ;IAGX,MAAMU,cAAcJ,IAAAA,kBAAW,EAAC;QAC9BN,oBAAAA,8BAAAA;IACF,GAAG;QAACA;KAAQ;IAEZ,qBACE,sBAACW;QACCC,eAAaR;QACbS,KAAKV;QACLD,WAAWY,IAAAA,mBAAE,EAAC,iBAAiBZ,WAAW;YACxC,CAAC,CAAC,cAAc,EAAEL,SAAS,CAAC,EAAEA;QAChC;QACAkB,MAAK;QACLC,cAAW;;0BAEX,qBAACC;gBACCf,WAAWY,IAAAA,mBAAE,EAAC,uBAAuB;oBACnC,CAAC,CAAC,cAAc,EAAEjB,QAAQ,MAAM,CAAC,CAAC,EAAEA;gBACtC;gBACAqB,IAAI,GAAGd,OAAO,QAAQ,CAAC;0BAEtBN;;YAEF,CAACC,0BACA,qBAACoB;gBACCC,MAAK;gBACLC,SAASX;gBACTY,WAAWjB;gBACXH,WAAWY,IAAAA,mBAAE,EAAC,wBAAwB;oBACpC,gCAAgCjB,YAAY;gBAC9C;gBACAmB,cAAW;gBACXO,OAAM;0BAEL,CAACtB,kCAAoB,qBAACuB,eAAC;oBAACtB,WAAU;oBAAmBa,MAAK;oBAAMU,eAAY;;;;;AAKvF;AAGF9B,WAAW+B,WAAW,GAAG;MAEzB,WAAe/B"}

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

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return useMobileModal;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../../Functions/useIsMobile/useIsMobile"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const SCROLL_DIRECTION = {
+    UP: 'up',
+    DOWN: 'down'
+};
+function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOpen = false }) {
+    const modalMobileContainerRef = (0, _react.useRef)(null);
+    const modalMobileHeaderRef = (0, _react.useRef)(null);
+    const modalMobileFooterRef = (0, _react.useRef)(null);
+    const modalMobileBodyRef = (0, _react.useRef)(null);
+    const { isMobile } = (0, _useIsMobile.default)();
+    const [scrollTop, setScrollTop] = (0, _react.useState)(0);
+    const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
+    const [modalsLogic, setModalsLogic] = (0, _react.useState)({
+        IS_HEADER_HIDDEN: false,
+        IS_HEADER_STICKY: false,
+        IS_FOOTER_HIDDEN: false,
+        IS_FOOTER_STICKY: withFixedFooter
+    });
+    // Update scroll state
+    const updateScrollState = (0, _react.useCallback)(()=>{
+        var _modalMobileHeaderRef_current, _modalMobileFooterRef_current;
+        const container = modalMobileContainerRef.current;
+        if (!container || !isOpen) return;
+        const currentScrollTop = container.scrollTop;
+        var _modalMobileHeaderRef_current_offsetHeight;
+        const headerHeight = (_modalMobileHeaderRef_current_offsetHeight = (_modalMobileHeaderRef_current = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef_current === void 0 ? void 0 : _modalMobileHeaderRef_current.offsetHeight) !== null && _modalMobileHeaderRef_current_offsetHeight !== void 0 ? _modalMobileHeaderRef_current_offsetHeight : 0;
+        var _modalMobileFooterRef_current_offsetHeight;
+        const footerHeight = (_modalMobileFooterRef_current_offsetHeight = (_modalMobileFooterRef_current = modalMobileFooterRef.current) === null || _modalMobileFooterRef_current === void 0 ? void 0 : _modalMobileFooterRef_current.offsetHeight) !== null && _modalMobileFooterRef_current_offsetHeight !== void 0 ? _modalMobileFooterRef_current_offsetHeight : 0;
+        const containerHeight = container.scrollHeight;
+        const viewportHeight = window.innerHeight;
+        const maxScroll = Math.max(0, containerHeight - viewportHeight);
+        setScrollTop(currentScrollTop);
+        setScrollHeight(maxScroll);
+        setModalsLogic((prev)=>_object_spread_props(_object_spread({}, prev), {
+                IS_HEADER_HIDDEN: currentScrollTop > 0,
+                IS_HEADER_STICKY: currentScrollTop >= headerHeight,
+                IS_FOOTER_HIDDEN: !withFixedFooter && currentScrollTop >= maxScroll - footerHeight,
+                IS_FOOTER_STICKY: withFixedFooter
+            }));
+    }, [
+        isOpen,
+        withFixedFooter
+    ]);
+    // Handle scroll events
+    (0, _react.useEffect)(()=>{
+        const container = modalMobileContainerRef.current;
+        if (container && isOpen) {
+            container.addEventListener('scroll', updateScrollState, {
+                passive: true
+            });
+            updateScrollState(); // Initial state update
+        }
+        return ()=>{
+            if (container) {
+                container.removeEventListener('scroll', updateScrollState);
+            }
+        };
+    }, [
+        isOpen,
+        updateScrollState
+    ]);
+    // Handle resize events
+    (0, _react.useEffect)(()=>{
+        if (isOpen) {
+            window.addEventListener('resize', updateScrollState, {
+                passive: true
+            });
+        }
+        return ()=>{
+            window.removeEventListener('resize', updateScrollState);
+        };
+    }, [
+        isOpen,
+        updateScrollState
+    ]);
+    // Initial setup when modal opens
+    (0, _react.useEffect)(()=>{
+        if (isOpen) {
+            updateScrollState();
+        }
+    }, [
+        isOpen,
+        updateScrollState
+    ]);
+    // Update footer sticky state
+    (0, _react.useEffect)(()=>{
+        setModalsLogic((prev)=>_object_spread_props(_object_spread({}, prev), {
+                IS_FOOTER_STICKY: withFixedFooter
+            }));
+    }, [
+        withFixedFooter
+    ]);
+    const renderModal = (0, _react.useCallback)((modal)=>{
+        if (!isMobile || !withMobileLogic) return modal;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "modal-mobile-container",
+            ref: modalMobileContainerRef,
+            children: modal
+        });
+    }, [
+        isMobile,
+        withMobileLogic
+    ]);
+    return {
+        modalMobileContainerRef,
+        modalMobileHeaderRef,
+        modalMobileBodyRef,
+        modalMobileFooterRef,
+        MODALS_LOGIC: modalsLogic,
+        SCROLL_DIRECTION,
+        scrollTop,
+        scrollHeight,
+        renderModal,
+        isMobile
+    };
+}
+
+//# sourceMappingURL=useMobileModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Modal/partials/useMobileModal.tsx"],"sourcesContent":["import type { MutableRefObject, ReactNode } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport useIsMobile from '../../../../Functions/useIsMobile/useIsMobile';\n\ntype ScrollDirection = 'up' | 'down';\n\ninterface ModalsLogic {\n  IS_HEADER_HIDDEN: boolean;\n  IS_HEADER_STICKY: boolean;\n  IS_FOOTER_HIDDEN: boolean;\n  IS_FOOTER_STICKY: boolean;\n}\n\ninterface UseMobileModalProps {\n  withMobileLogic?: boolean;\n  withFixedFooter?: boolean;\n  isOpen?: boolean;\n}\n\ninterface UseMobileModalReturn {\n  modalMobileContainerRef: MutableRefObject<HTMLDivElement | null>;\n  modalMobileHeaderRef: MutableRefObject<HTMLDivElement | null>;\n  modalMobileBodyRef: MutableRefObject<HTMLDivElement | null>;\n  modalMobileFooterRef: MutableRefObject<HTMLDivElement | null>;\n  MODALS_LOGIC: ModalsLogic;\n  SCROLL_DIRECTION: { UP: ScrollDirection; DOWN: ScrollDirection };\n  scrollTop: number;\n  scrollHeight: number;\n  renderModal: (modal: ReactNode) => ReactNode;\n  isMobile: boolean;\n}\n\nconst SCROLL_DIRECTION = {\n  UP: 'up' as ScrollDirection,\n  DOWN: 'down' as ScrollDirection,\n};\n\nexport default function useMobileModal({\n  withMobileLogic = false,\n  withFixedFooter = false,\n  isOpen = false,\n}: UseMobileModalProps): UseMobileModalReturn {\n  const modalMobileContainerRef = useRef<HTMLDivElement>(null);\n  const modalMobileHeaderRef = useRef<HTMLDivElement>(null);\n  const modalMobileFooterRef = useRef<HTMLDivElement>(null);\n  const modalMobileBodyRef = useRef<HTMLDivElement>(null);\n\n  const { isMobile } = useIsMobile();\n\n  const [scrollTop, setScrollTop] = useState(0);\n  const [scrollHeight, setScrollHeight] = useState(1);\n  const [modalsLogic, setModalsLogic] = useState<ModalsLogic>({\n    IS_HEADER_HIDDEN: false,\n    IS_HEADER_STICKY: false,\n    IS_FOOTER_HIDDEN: false,\n    IS_FOOTER_STICKY: withFixedFooter,\n  });\n\n  // Update scroll state\n  const updateScrollState = useCallback(() => {\n    const container = modalMobileContainerRef.current;\n    if (!container || !isOpen) return;\n\n    const currentScrollTop = container.scrollTop;\n    const headerHeight = modalMobileHeaderRef.current?.offsetHeight ?? 0;\n    const footerHeight = modalMobileFooterRef.current?.offsetHeight ?? 0;\n    const containerHeight = container.scrollHeight;\n    const viewportHeight = window.innerHeight;\n    const maxScroll = Math.max(0, containerHeight - viewportHeight);\n\n    setScrollTop(currentScrollTop);\n    setScrollHeight(maxScroll);\n\n    setModalsLogic(prev => ({\n      ...prev,\n      IS_HEADER_HIDDEN: currentScrollTop > 0,\n      IS_HEADER_STICKY: currentScrollTop >= headerHeight,\n      IS_FOOTER_HIDDEN: !withFixedFooter && currentScrollTop >= maxScroll - footerHeight,\n      IS_FOOTER_STICKY: withFixedFooter,\n    }));\n  }, [isOpen, withFixedFooter]);\n\n  // Handle scroll events\n  useEffect(() => {\n    const container = modalMobileContainerRef.current;\n    if (container && isOpen) {\n      container.addEventListener('scroll', updateScrollState, { passive: true });\n      updateScrollState(); // Initial state update\n    }\n\n    return () => {\n      if (container) {\n        container.removeEventListener('scroll', updateScrollState);\n      }\n    };\n  }, [isOpen, updateScrollState]);\n\n  // Handle resize events\n  useEffect(() => {\n    if (isOpen) {\n      window.addEventListener('resize', updateScrollState, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('resize', updateScrollState);\n    };\n  }, [isOpen, updateScrollState]);\n\n  // Initial setup when modal opens\n  useEffect(() => {\n    if (isOpen) {\n      updateScrollState();\n    }\n  }, [isOpen, updateScrollState]);\n\n  // Update footer sticky state\n  useEffect(() => {\n    setModalsLogic(prev => ({\n      ...prev,\n      IS_FOOTER_STICKY: withFixedFooter,\n    }));\n  }, [withFixedFooter]);\n\n  const renderModal = useCallback(\n    (modal: ReactNode): ReactNode => {\n      if (!isMobile || !withMobileLogic) return modal;\n\n      return (\n        <div className=\"modal-mobile-container\" ref={modalMobileContainerRef}>\n          {modal}\n        </div>\n      );\n    },\n    [isMobile, withMobileLogic],\n  );\n\n  return {\n    modalMobileContainerRef,\n    modalMobileHeaderRef,\n    modalMobileBodyRef,\n    modalMobileFooterRef,\n    MODALS_LOGIC: modalsLogic,\n    SCROLL_DIRECTION,\n    scrollTop,\n    scrollHeight,\n    renderModal,\n    isMobile,\n  };\n}\n"],"names":["useMobileModal","SCROLL_DIRECTION","UP","DOWN","withMobileLogic","withFixedFooter","isOpen","modalMobileContainerRef","useRef","modalMobileHeaderRef","modalMobileFooterRef","modalMobileBodyRef","isMobile","useIsMobile","scrollTop","setScrollTop","useState","scrollHeight","setScrollHeight","modalsLogic","setModalsLogic","IS_HEADER_HIDDEN","IS_HEADER_STICKY","IS_FOOTER_HIDDEN","IS_FOOTER_STICKY","updateScrollState","useCallback","container","current","currentScrollTop","headerHeight","offsetHeight","footerHeight","containerHeight","viewportHeight","window","innerHeight","maxScroll","Math","max","prev","useEffect","addEventListener","passive","removeEventListener","renderModal","modal","div","className","ref","MODALS_LOGIC"],"mappings":"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"}