intelicoreact 1.4.81 → 1.4.83

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

@@ -2,11 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -23,78 +27,97 @@ var _utils2 = require("./partials/_utils");
 
 require("./Hint.scss");
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+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; }
 
 // ToDo - не понятно зачем (ф-я не используется), но не трогаю
-const time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
+var time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
 
-const Hint = _ref => {
+var Hint = function Hint(_ref) {
   var _ref2, _label$replace;
 
-  let {
-    hint,
-    side = "right",
-    className,
-    hintContainer = {},
-    label = "",
-    variant = "filled",
-    handleOpenType = "click",
-    onClickCallback,
-    key,
-    id,
-    children,
-    icon,
-    isAccessability = false,
-    testId = "test-hint"
-  } = _ref;
-  const hintRef = (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); //? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
+  var hint = _ref.hint,
+      _ref$side = _ref.side,
+      side = _ref$side === void 0 ? "right" : _ref$side,
+      className = _ref.className,
+      _ref$hintContainer = _ref.hintContainer,
+      hintContainer = _ref$hintContainer === void 0 ? {} : _ref$hintContainer,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? "" : _ref$label,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "filled" : _ref$variant,
+      _ref$handleOpenType = _ref.handleOpenType,
+      handleOpenType = _ref$handleOpenType === void 0 ? "click" : _ref$handleOpenType,
+      onClickCallback = _ref.onClickCallback,
+      key = _ref.key,
+      id = _ref.id,
+      children = _ref.children,
+      icon = _ref.icon,
+      _ref$isAccessability = _ref.isAccessability,
+      isAccessability = _ref$isAccessability === void 0 ? false : _ref$isAccessability,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? "test-hint" : _ref$testId;
+  var hintRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)((_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : Math.random().toString(16).slice(2)),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+      hintId = _useState2[0];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isOpen = _useState4[0],
+      setIsOpen = _useState4[1]; //? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
   //? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
 
-  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";
+  var _useState5 = (0, _react.useState)(new _utils2.HandleScrollObj(setIsOpen)),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 1),
+      handleScroll = _useState6[0]; //? По аналогии определяем handleClickOutside
+
 
-  const getHintMarkUp = className => {
+  var _useState7 = (0, _react.useState)(new _utils2.HandleClickOutsideObj(hintId, setIsOpen)),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 1),
+      handleClickOutside = _useState8[0];
+
+  var isCallbackExist = typeof onClickCallback === "function";
+
+  var getHintMarkUp = function getHintMarkUp(className) {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "test-hint-text",
       className: (0, _classnames.default)("hint__text", "hint__text_".concat(side), "hint--".concat(className, "__text"))
     }, hint, children);
   };
 
-  const setHintContainerStyles = () => {
-    var _ref3, _ref4, _ref5;
+  var setHintContainerStyles = function setHintContainerStyles() {
+    var _ref5, _ref6, _ref7;
 
-    const hc = (0, _utils2.getHintContainer)(hintId);
+    var hc = (0, _utils2.getHintContainer)(hintId);
     if (!hc || !isOpen) return false;
-    const {
-      width,
-      top,
-      left
-    } = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {};
-    const {
-      addWidth,
-      addLeft,
-      addTop
-    } = 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 ? (_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;
+
+    var _ref3 = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {},
+        width = _ref3.width,
+        top = _ref3.top,
+        left = _ref3.left;
+
+    var addWidth = hintContainer.addWidth,
+        addLeft = hintContainer.addLeft,
+        addTop = hintContainer.addTop;
+    var windowInnerWidth = document.documentElement.clientWidth;
+    var windowInnerHeight = document.documentElement.clientHeight;
+    var sw = hc.getElementsByClassName("hint__text")[0];
+
+    var _ref4 = (sw === null || sw === void 0 ? void 0 : sw.getBoundingClientRect()) || {},
+        swWidth = _ref4.width,
+        swHeight = _ref4.height;
+
+    hc.style.width = isOpen ? (_ref5 = (!Number.isNaN(+addWidth) ? +addWidth : 0) + width) === null || _ref5 === void 0 ? void 0 : _ref5.toString().concat("px") : 0;
+    hc.style.left = isOpen ? (_ref6 = (!Number.isNaN(+addLeft) ? +addLeft : 0) + left) === null || _ref6 === void 0 ? void 0 : _ref6.toString().concat("px") : 0;
+    hc.style.top = isOpen ? (_ref7 = (!Number.isNaN(+addTop) ? +addTop : 0) + top) === null || _ref7 === void 0 ? void 0 : _ref7.toString().concat("px") : 0;
     hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat("px") : 0; //? Базовое значение погрешности
     //? В разных свитч-кейсах может использоваться по разному (вся или частично). Определял "на глазок"
 
-    const INACCURACY = 20;
+    var INACCURACY = 20;
 
     switch (side) {
       case 'top':
@@ -134,16 +157,16 @@ const Hint = _ref => {
     }
   };
 
-  const renderHintContainer = className => {
-    const hc = (0, _utils2.getHintContainer)(hintId);
+  var renderHintContainer = function renderHintContainer(className) {
+    var hc = (0, _utils2.getHintContainer)(hintId);
     if (!hc) return null;
     return /*#__PURE__*/(0, _reactDom.createPortal)(getHintMarkUp(className), hc);
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     (0, _utils2.initHintContainer)(hintId, hintContainer);
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setHintContainerStyles(); //! Обеспечиваем работу колбэка ТОЛЬКО для открытых тултипов
 
     if (isOpen) {
@@ -161,9 +184,15 @@ const Hint = _ref => {
     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,
     "aria-label": isAccessability && label || "",
-    onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen)),
-    onMouseEnter: () => handleOpenType === "hover" && setIsOpen(true),
-    onMouseLeave: () => handleOpenType === "hover" && setIsOpen(false),
+    onClick: function onClick() {
+      return handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen));
+    },
+    onMouseEnter: function onMouseEnter() {
+      return handleOpenType === "hover" && setIsOpen(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return handleOpenType === "hover" && setIsOpen(false);
+    },
     className: (0, _classnames.default)("hint__button", {
       hint__button_active: isOpen
     })

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

@@ -5,17 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
 
-const getHintContainerId = hintId => "hint-container-for-hint--id-".concat(hintId);
+var getHintContainerId = function getHintContainerId(hintId) {
+  return "hint-container-for-hint--id-".concat(hintId);
+};
 
 exports.getHintContainerId = getHintContainerId;
 
-const getHintContainer = hintId => {
+var getHintContainer = function getHintContainer(hintId) {
   return document.getElementById(getHintContainerId(hintId));
 };
 
 exports.getHintContainer = getHintContainer;
 
-const getParentNode = () => {
+var getParentNode = function 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;
@@ -23,13 +25,11 @@ const getParentNode = () => {
 
 exports.getParentNode = getParentNode;
 
-const initHintContainer = (hintId, hintContainerSettings) => {
+var initHintContainer = function initHintContainer(hintId, hintContainerSettings) {
   var _getParentNode;
 
-  const {
-    className
-  } = hintContainerSettings;
-  const hintContainer = document.createElement("div");
+  var className = hintContainerSettings.className;
+  var hintContainer = document.createElement("div");
   hintContainer.setAttribute("id", getHintContainerId(hintId));
   hintContainer.classList.add("hint__container");
   if (className) hintContainer.classList.add(className);
@@ -43,7 +43,7 @@ const initHintContainer = (hintId, hintContainerSettings) => {
 
 exports.initHintContainer = initHintContainer;
 
-const HandleScrollObj = function (setIsOpen) {
+var HandleScrollObj = function HandleScrollObj(setIsOpen) {
   this.setIsOpen = setIsOpen;
 
   this.handleEvent = function () {
@@ -53,7 +53,7 @@ const HandleScrollObj = function (setIsOpen) {
 
 exports.HandleScrollObj = HandleScrollObj;
 
-const HandleClickOutsideObj = function (id, setIsOpen) {
+var HandleClickOutsideObj = function HandleClickOutsideObj(id, setIsOpen) {
   this.id = id;
   this.setIsOpen = setIsOpen;
 

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,179 +23,192 @@ var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
 
 var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
 
-var _useMobileModal = _interopRequireDefault(require("./partials/useMobileModal"));
+var _useMobileModal2 = _interopRequireDefault(require("./partials/useMobileModal"));
 
 require("./Modal.scss");
 
 require("./ModalMobile.scss");
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+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({
+var KEY_CODE = Object.freeze({
   ENTER: 13,
   ESC: 27
 });
 exports.KEY_CODE = KEY_CODE;
 
-const renderModalTitle = _ref => {
-  let {
-    mode,
-    title,
-    onlyTitle
-  } = _ref;
+var renderModalTitle = function renderModalTitle(_ref) {
+  var mode = _ref.mode,
+      title = _ref.title,
+      onlyTitle = _ref.onlyTitle;
   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,
-    isOpen,
-    onConfirm,
-    onDecline,
-    closeModal,
-    children,
-    className,
-    title,
-    variant,
-    onlyTitle,
-    mode,
-    size,
-    atributesForModalBody = {},
-    confirmBtnClassName,
-    confirmBtnLabel,
-    confirmBtnVariant = "primary",
-    confirmBtnDisable,
-    confirmBtnIcon,
-    isConfirmBtnIconPositionRight,
-    noConfirmBtn,
-    noCloseBtn,
-    noFooter,
-    noHeader,
-    closeBtnClassName,
-    closeBtnText,
-    closeBtnVariant,
-    closeBtnDisable,
-    closeBtnIcon,
-    forced,
-    btnClassNames,
-    isCloseBtnIconPositionRight,
-    submitOnEnter = true,
-    closeOnEsc = true,
-    isScrollLock = true,
-    leftContentOfFooter,
-    customFooter,
-    testId,
-    noHeaderCloseBtn,
-    withMobileLogic,
-    withFixedFooter
-  } = _ref2;
-  const modalRef = ref || (0, _react.useRef)(null);
-  const {
-    modalMobileHeaderRef,
-    modalMobileBodyRef,
-    modalMobileFooterRef,
-    MODALS_LOGIC,
-    renderModal,
-    isMobile,
-    scrollTop,
-    scrollHeight
-  } = (0, _useMobileModal.default)({
-    modalRef,
-    withMobileLogic,
-    withFixedFooter,
-    isOpen,
-    children
-  });
-  const handle = {
-    confirm: () => {
+var Modal = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
+  var _ref2$zIndex = _ref2.zIndex,
+      zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex,
+      isOpen = _ref2.isOpen,
+      onConfirm = _ref2.onConfirm,
+      onDecline = _ref2.onDecline,
+      closeModal = _ref2.closeModal,
+      children = _ref2.children,
+      className = _ref2.className,
+      title = _ref2.title,
+      variant = _ref2.variant,
+      onlyTitle = _ref2.onlyTitle,
+      mode = _ref2.mode,
+      size = _ref2.size,
+      _ref2$atributesForMod = _ref2.atributesForModalBody,
+      atributesForModalBody = _ref2$atributesForMod === void 0 ? {} : _ref2$atributesForMod,
+      confirmBtnClassName = _ref2.confirmBtnClassName,
+      confirmBtnLabel = _ref2.confirmBtnLabel,
+      _ref2$confirmBtnVaria = _ref2.confirmBtnVariant,
+      confirmBtnVariant = _ref2$confirmBtnVaria === void 0 ? "primary" : _ref2$confirmBtnVaria,
+      confirmBtnDisable = _ref2.confirmBtnDisable,
+      confirmBtnIcon = _ref2.confirmBtnIcon,
+      isConfirmBtnIconPositionRight = _ref2.isConfirmBtnIconPositionRight,
+      noConfirmBtn = _ref2.noConfirmBtn,
+      noCloseBtn = _ref2.noCloseBtn,
+      noFooter = _ref2.noFooter,
+      noHeader = _ref2.noHeader,
+      closeBtnClassName = _ref2.closeBtnClassName,
+      closeBtnText = _ref2.closeBtnText,
+      closeBtnVariant = _ref2.closeBtnVariant,
+      closeBtnDisable = _ref2.closeBtnDisable,
+      closeBtnIcon = _ref2.closeBtnIcon,
+      forced = _ref2.forced,
+      btnClassNames = _ref2.btnClassNames,
+      isCloseBtnIconPositionRight = _ref2.isCloseBtnIconPositionRight,
+      _ref2$submitOnEnter = _ref2.submitOnEnter,
+      submitOnEnter = _ref2$submitOnEnter === void 0 ? true : _ref2$submitOnEnter,
+      _ref2$closeOnEsc = _ref2.closeOnEsc,
+      closeOnEsc = _ref2$closeOnEsc === void 0 ? true : _ref2$closeOnEsc,
+      _ref2$isScrollLock = _ref2.isScrollLock,
+      isScrollLock = _ref2$isScrollLock === void 0 ? true : _ref2$isScrollLock,
+      leftContentOfFooter = _ref2.leftContentOfFooter,
+      customFooter = _ref2.customFooter,
+      testId = _ref2.testId,
+      noHeaderCloseBtn = _ref2.noHeaderCloseBtn,
+      withMobileLogic = _ref2.withMobileLogic,
+      withFixedFooter = _ref2.withFixedFooter;
+  var modalRef = ref || (0, _react.useRef)(null);
+
+  var _useMobileModal = (0, _useMobileModal2.default)({
+    modalRef: modalRef,
+    withMobileLogic: withMobileLogic,
+    withFixedFooter: withFixedFooter,
+    isOpen: isOpen,
+    children: children
+  }),
+      modalMobileHeaderRef = _useMobileModal.modalMobileHeaderRef,
+      modalMobileBodyRef = _useMobileModal.modalMobileBodyRef,
+      modalMobileFooterRef = _useMobileModal.modalMobileFooterRef,
+      MODALS_LOGIC = _useMobileModal.MODALS_LOGIC,
+      renderModal = _useMobileModal.renderModal,
+      isMobile = _useMobileModal.isMobile,
+      scrollTop = _useMobileModal.scrollTop,
+      scrollHeight = _useMobileModal.scrollHeight;
+
+  var handle = {
+    confirm: function confirm() {
       onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
     },
-    decline: () => {
+    decline: function decline() {
       //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
       //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
       if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 ? void 0 : closeModal();
     }
   };
   (0, _useHandleKeyPress.default)({
-    enterCallback: submitOnEnter && typeof onConfirm === "function" ? () => handle.confirm() : null,
-    escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal() : null,
+    enterCallback: submitOnEnter && typeof onConfirm === "function" ? function () {
+      return handle.confirm();
+    } : null,
+    escCallback: closeOnEsc && typeof closeModal === "function" ? function () {
+      return closeModal();
+    } : null,
     withClamping: false
   });
 
-  const render = () => !isOpen ? null : /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      zIndex
-    },
-    "data-testid": testId,
-    className: "modal-box j5"
-  }, renderModal( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "modal-closeOverlay",
-    className: isOpen ? "modal-overlay" : "hidden",
-    onClick: closeModal
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: modalRef,
-    style: {
-      width: size
-    },
-    className: (0, _classnames.default)(className, {
-      modal: isOpen,
-      "modal--no-header": isOpen && noHeader,
-      "modal-mobile": isOpen && isMobile,
-      hidden: !isOpen
-    })
-  }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
-    wrapperRef: modalMobileHeaderRef,
-    className: (0, _classnames.default)({
-      "modal__header--hidden": MODALS_LOGIC.IS_HEADER_HIDDEN,
-      "modal__header--sticky": !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY
-    }),
-    variant: variant,
-    isForced: forced,
-    onClose: handle.decline,
-    noHeaderCloseBtn: noHeaderCloseBtn
-  }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
-    mode,
-    title,
-    onlyTitle
-  }))), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, atributesForModalBody, {
-    ref: modalMobileBodyRef,
-    className: (0, _classnames.default)("modal__body", {
-      "modal__body--no-footer": noFooter
-    })
-  }), children), (!noFooter || customFooter) && /*#__PURE__*/_react.default.createElement(_ModalFooter.default, {
-    wrapperRef: modalMobileFooterRef,
-    className: (0, _classnames.default)({
-      "modal__footer--hidden": MODALS_LOGIC.IS_FOOTER_HIDDEN,
-      "modal__footer--sticky": !MODALS_LOGIC.IS_FOOTER_HIDDEN && MODALS_LOGIC.IS_FOOTER_STICKY && scrollTop !== scrollHeight,
-      "modal__footer_with-left-content": leftContentOfFooter
-    })
-  }, customFooter || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, leftContentOfFooter, (!noCloseBtn || !noConfirmBtn) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal__buttons-block"
-  }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "modal",
-    className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
-    variant: closeBtnVariant || "dark-outline",
-    onClick: () => handle.decline(),
-    label: closeBtnText || "Cancel",
-    disabled: closeBtnDisable,
-    icon: closeBtnIcon,
-    isIconRight: isCloseBtnIconPositionRight,
-    tabIndex: 1
-  }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "modal",
-    onClick: () => handle.confirm(),
-    label: confirmBtnLabel || (mode === null || mode === void 0 ? void 0 : mode[0].toUpperCase()) + (mode === null || mode === void 0 ? void 0 : mode.slice(1)) || "Apply",
-    className: (0, _classnames.default)("ml5", confirmBtnClassName, btnClassNames),
-    variant: confirmBtnVariant,
-    disabled: confirmBtnDisable,
-    icon: confirmBtnIcon,
-    isIconRight: isConfirmBtnIconPositionRight
-  }))))))));
+  var render = function render() {
+    return !isOpen ? null : /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        zIndex: zIndex
+      },
+      "data-testid": testId,
+      className: "modal-box j5"
+    }, renderModal( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "modal-closeOverlay",
+      className: isOpen ? "modal-overlay" : "hidden",
+      onClick: closeModal
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      ref: modalRef,
+      style: {
+        width: size
+      },
+      className: (0, _classnames.default)(className, {
+        modal: isOpen,
+        "modal--no-header": isOpen && noHeader,
+        "modal-mobile": isOpen && isMobile,
+        hidden: !isOpen
+      })
+    }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
+      wrapperRef: modalMobileHeaderRef,
+      className: (0, _classnames.default)({
+        "modal__header--hidden": MODALS_LOGIC.IS_HEADER_HIDDEN,
+        "modal__header--sticky": !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY
+      }),
+      variant: variant,
+      isForced: forced,
+      onClose: handle.decline,
+      noHeaderCloseBtn: noHeaderCloseBtn
+    }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
+      mode: mode,
+      title: title,
+      onlyTitle: onlyTitle
+    }))), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, atributesForModalBody, {
+      ref: modalMobileBodyRef,
+      className: (0, _classnames.default)("modal__body", {
+        "modal__body--no-footer": noFooter
+      })
+    }), children), (!noFooter || customFooter) && /*#__PURE__*/_react.default.createElement(_ModalFooter.default, {
+      wrapperRef: modalMobileFooterRef,
+      className: (0, _classnames.default)({
+        "modal__footer--hidden": MODALS_LOGIC.IS_FOOTER_HIDDEN,
+        "modal__footer--sticky": !MODALS_LOGIC.IS_FOOTER_HIDDEN && MODALS_LOGIC.IS_FOOTER_STICKY && scrollTop !== scrollHeight,
+        "modal__footer_with-left-content": leftContentOfFooter
+      })
+    }, customFooter || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, leftContentOfFooter, (!noCloseBtn || !noConfirmBtn) && /*#__PURE__*/_react.default.createElement("div", {
+      className: "modal__buttons-block"
+    }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
+      testId: "modal",
+      className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
+      variant: closeBtnVariant || "dark-outline",
+      onClick: function onClick() {
+        return handle.decline();
+      },
+      label: closeBtnText || "Cancel",
+      disabled: closeBtnDisable,
+      icon: closeBtnIcon,
+      isIconRight: isCloseBtnIconPositionRight,
+      tabIndex: 1
+    }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
+      testId: "modal",
+      onClick: function onClick() {
+        return handle.confirm();
+      },
+      label: confirmBtnLabel || (mode === null || mode === void 0 ? void 0 : mode[0].toUpperCase()) + (mode === null || mode === void 0 ? void 0 : mode.slice(1)) || "Apply",
+      className: (0, _classnames.default)("ml5", confirmBtnClassName, btnClassNames),
+      variant: confirmBtnVariant,
+      disabled: confirmBtnDisable,
+      icon: confirmBtnIcon,
+      isIconRight: isConfirmBtnIconPositionRight
+    }))))))));
+  };
 
   return render();
 });