intelicoreact 1.5.40 → 1.6.0

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

@@ -1,50 +1,64 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
-const getHintContainerId = hintId => `hint-container-for-hint--id-${hintId}`;
-exports.getHintContainerId = getHintContainerId;
-const getHintContainer = hintId => {
-  return document.getElementById(getHintContainerId(hintId));
-};
-exports.getHintContainer = getHintContainer;
-const getParentNode = () => {
-  return document.querySelector("div#root") ?? document.querySelector("div#app") ?? document.body;
-};
-exports.getParentNode = getParentNode;
-const initHintContainer = (hintId, hintContainerSettings) => {
-  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()?.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?.target)) {
-      this.setIsOpen(false);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    HandleClickOutsideObj: function() {
+        return HandleClickOutsideObj;
+    },
+    HandleScrollObj: function() {
+        return HandleScrollObj;
+    },
+    getHintContainer: function() {
+        return getHintContainer;
+    },
+    getHintContainerId: function() {
+        return getHintContainerId;
+    },
+    getParentNode: function() {
+        return getParentNode;
+    },
+    initHintContainer: function() {
+        return initHintContainer;
     }
-  };
-};
-exports.HandleClickOutsideObj = HandleClickOutsideObj;
+});
+const getHintContainerId = (hintId)=>`hint-container-for-hint--id-${hintId}`;
+function getHintContainer(hintId) {
+    return document.getElementById(getHintContainerId(hintId));
+}
+function getParentNode() {
+    var _document_querySelector, _ref;
+    return (_ref = (_document_querySelector = document.querySelector('div#root')) !== null && _document_querySelector !== void 0 ? _document_querySelector : document.querySelector('div#app')) !== null && _ref !== void 0 ? _ref : document.body;
+}
+function initHintContainer(hintId, hintContainerSettings) {
+    var _getParentNode;
+    const { className } = hintContainerSettings;
+    const hintContainer = document.createElement('div');
+    hintContainer.setAttribute('id', getHintContainerId(hintId));
+    hintContainer.classList.add('hint__container');
+    if (className) hintContainer.classList.add(className);
+    (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(hintContainer);
+}
+function HandleScrollObj(setIsOpen) {
+    this.setIsOpen = setIsOpen;
+    this.handleEvent = function() {
+        this.setIsOpen(false);
+    };
+}
+function HandleClickOutsideObj(id, setIsOpen) {
+    this.id = id;
+    this.setIsOpen = setIsOpen;
+    this.handleEvent = function(event) {
+        if (getHintContainer(this.id)) {
+            if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
+                this.setIsOpen(false);
+            }
+        }
+    };
+}

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

@@ -1,180 +1,179 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    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"));
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    KEY_CODE: function() {
+        return KEY_CODE;
+    },
+    default: function() {
+        return _default;
+    },
+    renderModalTitle: function() {
+        return renderModalTitle;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = require("react");
+const _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useKeyPress/useHandleKeyPress"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+const _ModalFooter = /*#__PURE__*/ _interop_require_default(require("./partials/ModalFooter"));
+const _ModalTitle = /*#__PURE__*/ _interop_require_default(require("./partials/ModalTitle"));
+const _useMobileModal = /*#__PURE__*/ _interop_require_default(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 && {}.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
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const attrsForModalBodyDefault = {};
+const KEY_CODE = Object.freeze({
+    ENTER: 13,
+    ESC: 27
 });
-const renderModalTitle = _ref => {
-  let {
-    mode,
-    title,
-    onlyTitle
-  } = _ref;
-  if (mode && mode !== "default" && !onlyTitle) return `${mode[0].toUpperCase() + mode.slice(1)} ${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?.();
-    },
-    decline: () => {
-      //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
-      //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
-      if (typeof onDecline === "function") onDecline();else closeModal?.();
+function renderModalTitle({ mode, title, onlyTitle }) {
+    if (mode && mode !== 'default' && !onlyTitle) {
+        return `${mode[0].toUpperCase()}${mode.slice(1)} ${title}`;
     }
-  };
-  (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": `${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?.[0].toUpperCase() + mode?.slice(1) || "Apply",
-    className: (0, _classnames.default)("ml5", confirmBtnClassName, btnClassNames),
-    variant: confirmBtnVariant,
-    disabled: confirmBtnDisable,
-    icon: confirmBtnIcon,
-    isIconRight: isConfirmBtnIconPositionRight
-  }))))))));
-  return render();
+    return title;
+}
+const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onConfirm, onDecline, closeModal, children, className, title, variant = 'primary', onlyTitle, mode, size, atributesForModalBody = attrsForModalBodyDefault, confirmBtnClassName, confirmBtnLabel, confirmBtnVariant = 'primary', confirmBtnDisable, confirmBtnIcon, isConfirmBtnIconPositionRight, noConfirmBtn, noCloseBtn, noFooter, noHeader, closeBtnClassName, closeBtnText, closeBtnVariant, closeBtnDisable, closeBtnIcon, forced, btnClassNames, isCloseBtnIconPositionRight, submitOnEnter = true, closeOnEsc = true, leftContentOfFooter, customFooter, testId = 'modal', noHeaderCloseBtn, withMobileLogic, withFixedFooter }, ref)=>{
+    const internalRef = (0, _react.useRef)(null);
+    const modalRef = ref || internalRef;
+    const { modalMobileHeaderRef, modalMobileBodyRef, modalMobileFooterRef, MODALS_LOGIC, renderModal, isMobile, scrollTop, scrollHeight } = (0, _useMobileModal.default)({
+        withMobileLogic,
+        withFixedFooter,
+        isOpen
+    });
+    const handle = {
+        confirm: ()=>{
+            onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+        },
+        decline: ()=>{
+            if (typeof onDecline === 'function') {
+                onDecline();
+            } else {
+                closeModal === null || closeModal === void 0 ? void 0 : closeModal();
+            }
+        }
+    };
+    (0, _useHandleKeyPress.default)({
+        enterCallback: submitOnEnter && typeof onConfirm === 'function' ? ()=>handle.confirm() : undefined,
+        escCallback: closeOnEsc && typeof closeModal === 'function' ? ()=>closeModal() : undefined,
+        withClamping: false
+    });
+    if (!isOpen) return null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: {
+            zIndex
+        },
+        "data-testid": testId,
+        className: "modal-box j5",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": `${testId}-title`,
+        children: renderModal(/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    "data-testid": `${testId}-overlay`,
+                    className: isOpen ? 'modal-overlay' : 'hidden',
+                    onClick: closeModal,
+                    role: "presentation"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    ref: modalRef,
+                    style: {
+                        width: typeof size === 'number' ? `${size}px` : `${size === null || size === void 0 ? void 0 : size.replace('px', '')}px`
+                    },
+                    className: (0, _classnames.default)(className, {
+                        'modal': isOpen,
+                        'modal--no-header': isOpen && noHeader,
+                        'modal-mobile': isOpen && isMobile,
+                        'hidden': !isOpen
+                    }),
+                    children: [
+                        !noHeader && /*#__PURE__*/ (0, _jsxruntime.jsx)(_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,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                id: `${testId}-title`,
+                                children: renderModalTitle({
+                                    mode,
+                                    title,
+                                    onlyTitle
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            ...atributesForModalBody,
+                            ref: modalMobileBodyRef,
+                            className: (0, _classnames.default)('modal__body', {
+                                'modal__body--no-footer': noFooter
+                            }),
+                            role: "document",
+                            children: children
+                        }),
+                        (!noFooter || customFooter) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_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
+                            }),
+                            children: customFooter || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                children: [
+                                    leftContentOfFooter,
+                                    (!noCloseBtn || !noConfirmBtn) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                                        className: "modal__buttons-block",
+                                        children: [
+                                            !noCloseBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_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,
+                                                "aria-label": "Close modal"
+                                            }),
+                                            !noConfirmBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                                                testId: "modal",
+                                                onClick: ()=>handle.confirm(),
+                                                label: confirmBtnLabel || mode && (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,
+                                                "aria-label": "Confirm modal"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            ]
+        }))
+    });
 });
-var _default = exports.default = Modal;
+Modal.displayName = 'Modal';
+const _default = Modal;