intelicoreact 1.5.32 → 1.5.34

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

@@ -1,215 +0,0 @@
-"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; }
-let isContentHoveredOuter = false;
-const Hint = _ref => {
-  var _ref2, _label$replace;
-  let {
-    hint,
-    side = "right",
-    className,
-    hintContainer = {},
-    label = "",
-    variant = "filled",
-    handleOpenType = "click",
-    onClickCallback,
-    onOpenChange = () => {},
-    key,
-    id,
-    children,
-    icon,
-    isAccessability = false,
-    testId = "hint",
-    isHoverableContent = false,
-    isLoading
-  } = _ref;
-  const hintRef = (0, _react.useRef)(null);
-  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.
-  //? Инициализируем стейт вызовом конструктора 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";
-  const handle = {
-    onMouseEnter: () => {
-      if (handleOpenType === "hover") {
-        timeoutRef.current = setTimeout(() => {
-          setIsOpen(true);
-          !isOpen && onClickCallback();
-        }, 350);
-      }
-    },
-    onMouseLeave: () => {
-      if (!isHoverableContent && handleOpenType === "hover") {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-          setIsOpen(false);
-        }, 1000);
-      } else if (isHoverableContent && handleOpenType === "hover") {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-          if (!isContentHoveredOuter) {
-            setIsOpen(false);
-          }
-        }, 100);
-      }
-    },
-    onMouseLeaveHoverableContent: () => {
-      if (isHoverableContent && handleOpenType === "hover") {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-          setIsOpen(false);
-          setIsContentHovered(false);
-          isContentHoveredOuter = false;
-        }, 100);
-      }
-    }
-  };
-  const 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")),
-      onMouseEnter: () => {
-        isContentHoveredOuter = true;
-      },
-      onMouseLeave: handle.onMouseLeaveHoverableContent
-    }, isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-      size: "small"
-    }), hint, children);
-  };
-  const setHintContainerStyles = () => {
-    var _ref3, _ref4, _ref5;
-    const 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;
-    hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat("px") : 0;
-
-    //? Базовое значение погрешности
-    //? В разных свитч-кейсах может использоваться по разному (вся или частично). Определял "на глазок"
-    const INACCURACY = 20;
-    switch (side) {
-      case 'top':
-      case 'centeredTop':
-        if (top - swHeight - INACCURACY / 2 < 0) {
-          sw.classList.remove("hint__text_".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 () => {
-      clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    setHintContainerStyles();
-    onOpenChange === null || onOpenChange === void 0 || onOpenChange(isOpen);
-    if (isOpen) {
-      document.addEventListener("scroll", handleScroll, true);
-      document.addEventListener("click", handleClickOutside, true);
-    } else {
-      document.removeEventListener("scroll", handleScroll, true);
-      document.removeEventListener("click", handleClickOutside, true);
-    }
-    return () => {
-      clearTimeout(timeoutRef.current);
-    };
-  }, [isOpen]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("hint", className),
-    ref: hintRef
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    tabIndex: isAccessability ? 0 : -1,
-    "data-testid": typeof label === "string" && label.length ? (_label$replace = label.replace) === null || _label$replace === void 0 ? void 0 : _label$replace.call(label, /\s/g, "-") : testId,
-    "aria-label": isAccessability && label || "",
-    onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen)),
-    onMouseEnter: handle.onMouseEnter,
-    onMouseLeave: handle.onMouseLeave,
-    className: (0, _classnames.default)("hint__button", {
-      hint__button_active: isOpen
-    })
-  }, icon || icon === null || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, variant === "outlined" && /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
-    width: 16,
-    height: 16,
-    className: "hint__icon outlined"
-  }), variant === "filled" && /*#__PURE__*/_react.default.createElement(_CustomIcons.HelpCircleFilled, {
-    className: "hint__icon filled"
-  }), variant === "warning" && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
-    className: "hint__icon",
-    color: "#F06D8D",
-    width: 16,
-    height: 16
-  })), label && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("hint__label", {
-      "color--primary": isOpen
-    })
-  }, (0, _utils.capitalized)(label))), isOpen && renderHintContainer(className));
-};
-var _default = exports.default = Hint;

package/dist/Atomic/UI/Hint/Hint.scss

@@ -1,148 +0,0 @@
-.hint {
-  position: relative;
-
-  display: inline-block;
-
-  font-size: 0;
-
-  &__container {
-    position: fixed;
-    z-index: 99999;
-
-    display: block;
-
-    box-sizing: border-box;
-  }
-
-  &__button {
-    display: flex;
-
-    cursor: pointer;
-
-    svg {
-      width: 16px;
-      height: 16px;
-      margin-right: 5px;
-    }
-
-    &:hover,
-    &_active {
-      color: #6b81dd;
-
-      svg {
-        color: #6b81dd;
-      }
-    }
-  }
-
-  &__text {
-    position: absolute;
-    z-index: 1;
-
-    min-width: 80px;
-    max-width: 250px;
-    padding: 8px;
-
-    font-size: 10px;
-    line-height: 16px;
-
-    color: #fff;
-    border-radius: 4px;
-    background-color: #6b81dd;
-
-    a {
-      text-decoration: underline;
-
-      color: #fff;
-    }
-
-    &::before {
-      position: absolute;
-
-      width: 8.5px;
-      height: 8.5px;
-
-      content: "";
-
-      background-color: #6b81dd;
-
-      transform: rotate(45deg);
-    }
-
-    &_bottom {
-      top: 26px;
-      left: -4px;
-
-      &::before {
-        top: -4.25px;
-        left: 8px;
-      }
-    }
-    &_centeredBottom {
-      top: 26px;
-      left: 50%;
-      transform: translateX(-50%);
-
-      &::before {
-        top: -4.25px;
-        left: calc(50% - 8px);
-      }
-    }
-
-    &_right {
-      top: -4px;
-
-      // ToDo - есть вероятность поломки позиционирования хинтов. Если сломается - откатить
-      // left: 24px;
-      left: calc(100% + 8px);
-
-      &::before {
-        top: 8px;
-        left: -4.25px;
-      }
-    }
-
-    &_left {
-      top: -4px;
-      
-      // ToDo - есть вероятность поломки позиционирования хинтов. Если сломается - откатить
-      // right: 28px;
-      left: unset;
-      right: calc(100% + 8px);
-
-      &::before {
-        top: 8px;
-        right: -4.25px;
-      }
-    }
-
-    &_top {
-      bottom: 8px;
-      left: -4px;
-
-      &::before {
-        bottom: -4.25px;
-        left: 8px;
-      }
-    }
-
-    &_centeredTop {
-      bottom: 8px;
-      left: 50%;
-      transform: translateX(-50%);
-
-      &::before {
-        bottom: -4.25px;
-        left: calc(50% - 8px);
-      }
-    }
-  }
-
-  &__icon.outlined {
-    color: #9aa0b9;
-  }
-
-  &__icon.filled {
-    color: #fff;
-  }
-}

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

@@ -1,52 +0,0 @@
-"use strict";
-
-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;
-  const hintContainer = document.createElement("div");
-  hintContainer.setAttribute("id", getHintContainerId(hintId));
-  hintContainer.classList.add("hint__container");
-  if (className) hintContainer.classList.add(className);
-  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _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/Hint/partials/_utils.js

@@ -1,52 +0,0 @@
-"use strict";
-
-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;
-  const hintContainer = document.createElement("div");
-  hintContainer.setAttribute("id", getHintContainerId(hintId));
-  hintContainer.classList.add("hint__container");
-  if (className) hintContainer.classList.add(className);
-  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _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,180 +0,0 @@
-"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({
-  ENTER: 13,
-  ESC: 27
-});
-const renderModalTitle = _ref => {
-  let {
-    mode,
-    title,
-    onlyTitle
-  } = _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,
-    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 = "modal",
-    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: () => {
-      onConfirm === null || onConfirm === void 0 || onConfirm();
-    },
-    decline: () => {
-      //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
-      //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
-      if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 || closeModal();
-    }
-  };
-  (0, _useHandleKeyPress.default)({
-    enterCallback: submitOnEnter && typeof onConfirm === "function" ? () => handle.confirm() : null,
-    escCallback: closeOnEsc && typeof closeModal === "function" ? () => 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": "".concat(testId, "-overlay"),
-    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
-  }))))))));
-  return render();
-});
-var _default = exports.default = Modal;