intelicoreact 1.5.27 → 1.5.28

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

@@ -1,24 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactDom = require("react-dom");
+
 var _reactFeather = require("react-feather");
+
 var _utils = require("../../../Functions/utils");
+
 var _CustomIcons = require("./../../../Molecular/CustomIcons");
+
 var _utils2 = require("./partials/_utils");
+
 var _Spinner = _interopRequireDefault(require("./../../Layout/Spinner/Spinner"));
+
 require("./Hint.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(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 i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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 _interopRequireWildcard(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 = {}; 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 Hint = _ref => {
   var _ref2, _label$replace;
+
   let {
     hint,
     side = "right",
@@ -28,6 +43,7 @@ const Hint = _ref => {
     variant = "filled",
     handleOpenType = "click",
     onClickCallback,
+    onOpenChange = () => {},
     key,
     id,
     children,
@@ -41,12 +57,11 @@ const Hint = _ref => {
   const timeoutRef = (0, _react.useRef)(null);
   const [hintId] = (0, _react.useState)((_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : Math.random().toString(16).slice(2));
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const [isContentHovered, setIsContentHovered] = (0, _react.useState)(false);
-
-  //? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
+  const [isContentHovered, setIsContentHovered] = (0, _react.useState)(false); //? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
   //? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
-  const [handleScroll] = (0, _react.useState)(new _utils2.HandleScrollObj(setIsOpen));
-  //? По аналогии определяем handleClickOutside
+
+  const [handleScroll] = (0, _react.useState)(new _utils2.HandleScrollObj(setIsOpen)); //? По аналогии определяем handleClickOutside
+
   const [handleClickOutside] = (0, _react.useState)(new _utils2.HandleClickOutsideObj(hintId, setIsOpen));
   const isCallbackExist = typeof onClickCallback === "function";
   const handle = {
@@ -84,6 +99,7 @@ const Hint = _ref => {
       }
     }
   };
+
   const getHintMarkUp = className => {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "test-hint-text",
@@ -96,8 +112,10 @@ const Hint = _ref => {
       size: "small"
     }), hint, children);
   };
+
   const setHintContainerStyles = () => {
     var _ref3, _ref4, _ref5;
+
     const hc = (0, _utils2.getHintContainer)(hintId);
     if (!hc || !isOpen) return false;
     const {
@@ -120,11 +138,11 @@ const Hint = _ref => {
     hc.style.width = isOpen ? (_ref3 = (!Number.isNaN(+addWidth) ? +addWidth : 0) + width) === null || _ref3 === void 0 ? void 0 : _ref3.toString().concat("px") : 0;
     hc.style.left = isOpen ? (_ref4 = (!Number.isNaN(+addLeft) ? +addLeft : 0) + left) === null || _ref4 === void 0 ? void 0 : _ref4.toString().concat("px") : 0;
     hc.style.top = isOpen ? (_ref5 = (!Number.isNaN(+addTop) ? +addTop : 0) + top) === null || _ref5 === void 0 ? void 0 : _ref5.toString().concat("px") : 0;
-    hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.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':
@@ -132,34 +150,43 @@ const Hint = _ref => {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add("hint__text_".concat(side === 'top' ? 'bottom' : 'centeredBottom'));
         }
+
         break;
+
       case 'bottom':
       case 'centeredBottom':
         if (top + swHeight + INACCURACY > windowInnerHeight) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add("hint__text_".concat(side === 'bottom' ? 'top' : 'centeredTop'));
         }
+
         break;
+
       case 'left':
         if (left - swWidth - INACCURACY / 2 < 0) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add('hint__text_right');
         }
+
         break;
+
       case 'right':
       default:
         if (left + width + swWidth + INACCURACY / 2 > windowInnerWidth) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add('hint__text_left');
         }
+
         break;
     }
   };
+
   const renderHintContainer = className => {
     const hc = (0, _utils2.getHintContainer)(hintId);
     if (!hc) return null;
     return /*#__PURE__*/(0, _reactDom.createPortal)(getHintMarkUp(className), hc);
   };
+
   (0, _react.useEffect)(() => {
     (0, _utils2.initHintContainer)(hintId, hintContainer);
     return () => {
@@ -168,6 +195,8 @@ const Hint = _ref => {
   }, []);
   (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);
@@ -175,6 +204,7 @@ const Hint = _ref => {
       document.removeEventListener("scroll", handleScroll, true);
       document.removeEventListener("click", handleClickOutside, true);
     }
+
     return () => {
       clearTimeout(timeoutRef.current);
     };
@@ -210,4 +240,6 @@ const Hint = _ref => {
     })
   }, (0, _utils.capitalized)(label))), isOpen && renderHintContainer(className));
 };
-var _default = exports.default = Hint;
+
+var _default = Hint;
+exports.default = _default;

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

@@ -4,19 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
+
 const getHintContainerId = hintId => "hint-container-for-hint--id-".concat(hintId);
+
 exports.getHintContainerId = getHintContainerId;
+
 const getHintContainer = hintId => {
   return document.getElementById(getHintContainerId(hintId));
 };
+
 exports.getHintContainer = getHintContainer;
+
 const getParentNode = () => {
   var _ref, _document$querySelect;
+
   return (_ref = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref !== void 0 ? _ref : document.body;
 };
+
 exports.getParentNode = getParentNode;
+
 const initHintContainer = (hintId, hintContainerSettings) => {
   var _getParentNode;
+
   const {
     className
   } = hintContainerSettings;
@@ -24,29 +33,35 @@ const initHintContainer = (hintId, hintContainerSettings) => {
   hintContainer.setAttribute("id", getHintContainerId(hintId));
   hintContainer.classList.add("hint__container");
   if (className) hintContainer.classList.add(className);
-  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hintContainer);
-};
-
-//? addEventListener можно инициализировать двумя способами
+  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(hintContainer);
+}; //? addEventListener можно инициализировать двумя способами
 //?   - передать прямой колбэк (ф-ю)
 //?   - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)
 //? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по "дзену")
 //! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом
+
+
 exports.initHintContainer = initHintContainer;
+
 const HandleScrollObj = function (setIsOpen) {
   this.setIsOpen = setIsOpen;
+
   this.handleEvent = function () {
     this.setIsOpen(false);
   };
 };
+
 exports.HandleScrollObj = HandleScrollObj;
+
 const HandleClickOutsideObj = function (id, setIsOpen) {
   this.id = id;
   this.setIsOpen = setIsOpen;
+
   this.handleEvent = function (event) {
     if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
       this.setIsOpen(false);
     }
   };
 };
+
 exports.HandleClickOutsideObj = HandleClickOutsideObj;

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

@@ -1,26 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderModalTitle = exports.default = exports.KEY_CODE = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Button = _interopRequireDefault(require("../Button/Button"));
+
 var _useHandleKeyPress = _interopRequireDefault(require("./../../../Functions/useKeyPress/useHandleKeyPress"));
+
 var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
+
 var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
+
 var _useMobileModal = _interopRequireDefault(require("./partials/useMobileModal"));
+
 require("./Modal.scss");
+
 require("./ModalMobile.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(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 i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const KEY_CODE = exports.KEY_CODE = Object.freeze({
+
+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 _interopRequireWildcard(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 = {}; 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 KEY_CODE = Object.freeze({
   ENTER: 13,
   ESC: 27
 });
+exports.KEY_CODE = KEY_CODE;
+
 const renderModalTitle = _ref => {
   let {
     mode,
@@ -30,7 +46,9 @@ const renderModalTitle = _ref => {
   if (mode && mode !== "default" && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
   return title;
 };
+
 exports.renderModalTitle = renderModalTitle;
+
 const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   let {
     zIndex = 100,
@@ -93,12 +111,12 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   });
   const handle = {
     confirm: () => {
-      onConfirm === null || onConfirm === void 0 || onConfirm();
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
     },
     decline: () => {
       //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
       //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
-      if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 || closeModal();
+      if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 ? void 0 : closeModal();
     }
   };
   (0, _useHandleKeyPress.default)({
@@ -106,6 +124,7 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal() : null,
     withClamping: false
   });
+
   const render = () => !isOpen ? null : /*#__PURE__*/_react.default.createElement("div", {
     style: {
       zIndex
@@ -175,6 +194,9 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     icon: confirmBtnIcon,
     isIconRight: isConfirmBtnIconPositionRight
   }))))))));
+
   return render();
 });
-var _default = exports.default = Modal;
+
+var _default = Modal;
+exports.default = _default;

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

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _useHandleKeyPress = _interopRequireDefault(require("../../../Functions/useKeyPress/useHandleKeyPress"));
+
 require("./Modal.scss");
+
 const Modal = _ref => {
   let {
     zIndex = 100,
@@ -40,4 +46,6 @@ const Modal = _ref => {
     className: (0, _classnames.default)(className, "modal")
   }, children));
 };
-var _default = exports.default = Modal;
+
+var _default = Modal;
+exports.default = _default;

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

@@ -1,12 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 const ModalFooter = _ref => {
   let {
     className = "",
@@ -18,4 +22,6 @@ const ModalFooter = _ref => {
     className: (0, _classnames.default)("modal__footer", className)
   }, children);
 };
-var _default = exports.default = ModalFooter;
+
+var _default = ModalFooter;
+exports.default = _default;

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

@@ -1,13 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 const ModalTitle = _ref => {
   let {
     variant = "primary",
@@ -38,4 +43,6 @@ const ModalTitle = _ref => {
     className: "modal-close-icon"
   })));
 };
-var _default = exports.default = ModalTitle;
+
+var _default = ModalTitle;
+exports.default = _default;

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

@@ -1,20 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useMobileModal;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(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 i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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 _interopRequireWildcard(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 = {}; 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 SCROLL_DIRECTION = {
   UP: "up",
   DOWN: "down"
 };
+
 function useMobileModal(_ref) {
-  var _modalMobileHeaderRef3, _modalMobileFooterRef3;
+  var _modalMobileHeaderRef5, _modalMobileHeaderRef6, _modalMobileFooterRef5, _modalMobileFooterRef6;
+
   let {
     modalRef = null,
     withMobileLogic = false,
@@ -44,11 +52,12 @@ function useMobileModal(_ref) {
   const [scrollTop, setScrollTop] = (0, _react.useState)(0);
   const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
   const [containerScrollHeight, setContainerScrollHeight] = (0, _react.useState)(1);
-
   /* MODALS LOGIC | BEGIN */
   // Count ScrollTop
+
   (0, _react.useLayoutEffect)(() => {
     const el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
+
     if (el) {
       el.addEventListener("scroll", () => {
         setScrollTop(scrollTop => {
@@ -57,35 +66,38 @@ function useMobileModal(_ref) {
         });
       });
     }
-  }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]);
-  // Count ScrollDirection
+  }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]); // Count ScrollDirection
+
   (0, _react.useEffect)(() => {
     setScrollDirection(prevScrollDirection => scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection);
-  }, [scrollTop, scrollTopPrev]);
-  // Dynamic Modal Positioning
+  }, [scrollTop, scrollTopPrev]); // Dynamic Modal Positioning
+
   (0, _react.useLayoutEffect)(() => {
     if (isOpen) {
       const modalStyle = modalRef !== null && modalRef !== void 0 && modalRef.current ? (modalRef === null || modalRef === void 0 ? void 0 : modalRef.current.currentStyle) || window.getComputedStyle(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) : {};
       const computedModalHeight = modalRef !== null && modalRef !== void 0 && modalRef.current ? modalHeight + parseFloat((modalStyle === null || modalStyle === void 0 ? void 0 : modalStyle.marginTop) || 0) : 0;
       const windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
+
       if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
         if (computedModalHeight <= windowHeight) {
           modalMobileContainerRef.current.style.display = "flex";
           modalMobileContainerRef.current.style.alignItems = "flex-end";
         } else {
-          var _modalMobileContainer, _modalMobileContainer2;
-          (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 || (_modalMobileContainer = _modalMobileContainer.style) === null || _modalMobileContainer === void 0 || _modalMobileContainer.removeProperty("display");
-          (_modalMobileContainer2 = modalMobileContainerRef.current) === null || _modalMobileContainer2 === void 0 || (_modalMobileContainer2 = _modalMobileContainer2.style) === null || _modalMobileContainer2 === void 0 || _modalMobileContainer2.removeProperty("align-items");
+          var _modalMobileContainer, _modalMobileContainer2, _modalMobileContainer3, _modalMobileContainer4;
+
+          (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 ? void 0 : (_modalMobileContainer2 = _modalMobileContainer.style) === null || _modalMobileContainer2 === void 0 ? void 0 : _modalMobileContainer2.removeProperty("display");
+          (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : (_modalMobileContainer4 = _modalMobileContainer3.style) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.removeProperty("align-items");
         }
       }
     }
-  }, [modalsLogicProps, isOpen, isMobile, modalHeight]);
+  }, [modalsLogicProps, isOpen, isMobile, modalHeight]); // Calculating
 
-  // Calculating
   (0, _react.useLayoutEffect)(() => {
     if (isMobile && isOpen) {
-      var _modalRef$current;
-      const newModalHeight = modalRef === null || modalRef === void 0 || (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || (_modalRef$current = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.height;
+      var _modalRef$current, _modalRef$current$get;
+
+      const newModalHeight = modalRef === null || modalRef === void 0 ? void 0 : (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : (_modalRef$current$get = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current$get === void 0 ? void 0 : _modalRef$current$get.height;
+
       if (modalHeight !== newModalHeight) {
         setModalHeight(newModalHeight);
       }
@@ -106,35 +118,38 @@ function useMobileModal(_ref) {
     }
   }, [scrollTop, scrollHeight, isMobile, withMobileLogic, scrollDirection, modalsLogicProps, modalHeight, window.innerHeight]);
   (0, _react.useLayoutEffect)(() => {
-    var _modalMobileHeaderRef;
-    if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef === void 0 ? void 0 : _modalMobileHeaderRef.height) !== undefined) {
+    var _modalMobileHeaderRef, _modalMobileHeaderRef2;
+
+    if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef2 = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height) !== undefined) {
       setModalsLogicProps(state => {
-        var _modalMobileHeaderRef2;
-        return {
-          ...state,
-          headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef2 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef2 === void 0 || (_modalMobileHeaderRef2 = _modalMobileHeaderRef2.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height
+        var _modalMobileHeaderRef3, _modalMobileHeaderRef4;
+
+        return { ...state,
+          headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : (_modalMobileHeaderRef4 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef4 === void 0 ? void 0 : _modalMobileHeaderRef4.height
         };
       });
     }
-  }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 || (_modalMobileHeaderRef3 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : _modalMobileHeaderRef3.height]);
+  }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef5 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef5 === void 0 ? void 0 : (_modalMobileHeaderRef6 = _modalMobileHeaderRef5.getBoundingClientRect()) === null || _modalMobileHeaderRef6 === void 0 ? void 0 : _modalMobileHeaderRef6.height]);
   (0, _react.useLayoutEffect)(() => {
-    var _modalMobileFooterRef;
-    if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 || (_modalMobileFooterRef = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef === void 0 ? void 0 : _modalMobileFooterRef.height) !== undefined) {
+    var _modalMobileFooterRef, _modalMobileFooterRef2;
+
+    if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef2 = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height) !== undefined) {
       setModalsLogicProps(state => {
-        var _modalMobileFooterRef2;
-        return {
-          ...state,
-          footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef2 = modalMobileFooterRef.current) === null || _modalMobileFooterRef2 === void 0 || (_modalMobileFooterRef2 = _modalMobileFooterRef2.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height
+        var _modalMobileFooterRef3, _modalMobileFooterRef4;
+
+        return { ...state,
+          footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 ? void 0 : (_modalMobileFooterRef4 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef4 === void 0 ? void 0 : _modalMobileFooterRef4.height
         };
       });
     }
-  }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 || (_modalMobileFooterRef3 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef3 === void 0 ? void 0 : _modalMobileFooterRef3.height]);
+  }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef5 = modalMobileFooterRef.current) === null || _modalMobileFooterRef5 === void 0 ? void 0 : (_modalMobileFooterRef6 = _modalMobileFooterRef5.getBoundingClientRect()) === null || _modalMobileFooterRef6 === void 0 ? void 0 : _modalMobileFooterRef6.height]);
   (0, _react.useEffect)(() => {
     if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
-      var _modalMobileContainer3, _modalMobileContainer4;
+      var _modalMobileContainer5, _modalMobileContainer6;
+
       // eslint-disable-next-line no-unsafe-optional-chaining
-      setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : _modalMobileContainer3.scrollHeight);
-      setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer4 = modalMobileContainerRef.current) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.scrollHeight) - window.innerHeight);
+      setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer5 = modalMobileContainerRef.current) === null || _modalMobileContainer5 === void 0 ? void 0 : _modalMobileContainer5.scrollHeight);
+      setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer6 = modalMobileContainerRef.current) === null || _modalMobileContainer6 === void 0 ? void 0 : _modalMobileContainer6.scrollHeight) - window.innerHeight);
     }
   }, [scrollTop, modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current, window.innerHeight]);
   (0, _react.useEffect)(() => {
@@ -153,9 +168,11 @@ function useMobileModal(_ref) {
       ref: modalMobileContainerRef
     }, modal);
   };
+
   const renderModal = modal => {
     return isMobile && withMobileLogic ? renderMobileModal(modal) : modal;
   };
+
   return {
     modalMobileContainerRef,
     modalMobileHeaderRef,