intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,258 @@
+/* eslint-disable react-web-api/no-leaked-event-listener */ /* eslint-disable react-dom/no-missing-button-type */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactdom = require("react-dom");
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _CustomIcons = require("../../../Molecular/CustomIcons");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _utils1 = require("./partials/_utils");
+require("./Hint.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+let isContentHoveredOuter = false;
+const DEFAULT_EMPTY_OBJ = {};
+function DEFAULT_VOID_FN() {}
+const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_OBJ, label = '', variant = 'filled', handleOpenType = 'click', onClickCallback, onOpenChange = DEFAULT_VOID_FN, key, id, children, icon, isAccessability = false, testId = 'hint', isHoverableContent = false, isLoading, isCloseOnChildrenClick = false })=>{
+    var _label_replace;
+    const hintRef = (0, _react.useRef)(null);
+    const timeoutRef = (0, _react.useRef)(null);
+    var _ref;
+    const [hintId] = (0, _react.useState)((_ref = key !== null && key !== void 0 ? key : id) !== null && _ref !== void 0 ? _ref : Math.random().toString(16).slice(2));
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    // ? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
+    // ? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
+    const [handleScroll] = (0, _react.useState)(new _utils1.HandleScrollObj(setIsOpen));
+    // ? По аналогии определяем handleClickOutside
+    const [handleClickOutside] = (0, _react.useState)(new _utils1.HandleClickOutsideObj(hintId, setIsOpen));
+    const isCallbackExist = typeof onClickCallback === 'function';
+    const handle = {
+        onMouseEnter: ()=>{
+            if (handleOpenType === 'hover') {
+                timeoutRef.current = setTimeout(()=>{
+                    setIsOpen(true);
+                    !isOpen && (onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback());
+                }, 350);
+            }
+        },
+        onMouseLeave: ()=>{
+            if (!isHoverableContent && handleOpenType === 'hover') {
+                if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(()=>{
+                    setIsOpen(false);
+                }, 1000);
+            } else if (isHoverableContent && handleOpenType === 'hover') {
+                if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(()=>{
+                    if (!isContentHoveredOuter) {
+                        setIsOpen(false);
+                    }
+                }, 100);
+            }
+        },
+        onMouseLeaveHoverableContent: ()=>{
+            if (isHoverableContent && handleOpenType === 'hover') {
+                if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(()=>{
+                    setIsOpen(false);
+                    isContentHoveredOuter = false;
+                }, 100);
+            }
+        },
+        onClick: isCloseOnChildrenClick ? ()=>setIsOpen(false) : ()=>{}
+    };
+    const getHintMarkUp = (className)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            "data-testid": "test-hint-text",
+            className: (0, _classnames.default)('hint__text', `hint__text_${side}`, `hint--${className}__text`),
+            onMouseEnter: ()=>{
+                isContentHoveredOuter = true;
+            },
+            onMouseLeave: handle.onMouseLeaveHoverableContent,
+            onClick: handle.onClick,
+            children: [
+                isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                    size: "small"
+                }),
+                hint,
+                children
+            ]
+        });
+    };
+    const setHintContainerStyles = ()=>{
+        var _hintRef_current, _this, _this1, _this2;
+        const hc = (0, _utils1.getHintContainer)(hintId);
+        if (!hc || !isOpen) return false;
+        const { width = 0, top = 0, left = 0 } = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current) !== null ? hintRef === null || hintRef === void 0 ? void 0 : (_hintRef_current = hintRef.current) === null || _hintRef_current === void 0 ? void 0 : _hintRef_current.getBoundingClientRect() : {};
+        const { addWidth, addLeft, addTop } = hintContainer !== null && hintContainer !== void 0 ? 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 ? (_this = (addWidth && !Number.isNaN(+addWidth) ? +addWidth : 0) + width) === null || _this === void 0 ? void 0 : _this.toString().concat('px') : '0';
+        hc.style.left = isOpen ? (_this1 = (addLeft && !Number.isNaN(+addLeft) ? +addLeft : 0) + left) === null || _this1 === void 0 ? void 0 : _this1.toString().concat('px') : '0';
+        hc.style.top = isOpen ? (_this2 = (addTop && !Number.isNaN(+addTop) ? +addTop : 0) + top) === null || _this2 === void 0 ? void 0 : _this2.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_${side}`);
+                    sw.classList.add(`hint__text_${side === 'top' ? 'bottom' : 'centeredBottom'}`);
+                }
+                break;
+            case 'bottom':
+            case 'centeredBottom':
+                if (top + swHeight + INACCURACY > windowInnerHeight) {
+                    sw.classList.remove(`hint__text_${side}`);
+                    sw.classList.add(`hint__text_${side === 'bottom' ? 'top' : 'centeredTop'}`);
+                }
+                break;
+            case 'left':
+                if (left - swWidth - INACCURACY / 2 < 0) {
+                    sw.classList.remove(`hint__text_${side}`);
+                    sw.classList.add('hint__text_right');
+                }
+                break;
+            case 'right':
+            default:
+                if (left + width + swWidth + INACCURACY / 2 > windowInnerWidth) {
+                    sw.classList.remove(`hint__text_${side}`);
+                    sw.classList.add('hint__text_left');
+                }
+                break;
+        }
+    };
+    const renderHintContainer = (className)=>{
+        const hc = (0, _utils1.getHintContainer)(hintId);
+        if (!hc) return null;
+        return /*#__PURE__*/ (0, _reactdom.createPortal)(getHintMarkUp(className), hc);
+    };
+    (0, _react.useEffect)(()=>{
+        (0, _utils1.initHintContainer)(hintId, hintContainer);
+        return ()=>{
+            if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    (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);
+        } else {
+            document.removeEventListener('scroll', handleScroll, true);
+            document.removeEventListener('click', handleClickOutside, true);
+        }
+        return ()=>{
+            if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+        };
+    }, [
+        isOpen
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)('hint', className),
+        ref: hintRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("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}--button`,
+                "aria-label": isAccessability && typeof label === 'string' ? label : '',
+                onClick: ()=>handleOpenType === 'click' && (isCallbackExist ? onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback() : setIsOpen(!isOpen)),
+                onMouseEnter: handle.onMouseEnter,
+                onMouseLeave: handle.onMouseLeave,
+                className: (0, _classnames.default)('hint__button', {
+                    hint__button_active: isOpen
+                }),
+                children: [
+                    icon || icon === null || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                        children: [
+                            variant === 'outlined' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.HelpCircle, {
+                                width: 16,
+                                height: 16,
+                                className: "hint__icon outlined"
+                            }),
+                            variant === 'filled' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.HelpCircleFilled, {
+                                className: "hint__icon filled"
+                            }),
+                            variant === 'warning' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
+                                className: "hint__icon",
+                                color: "#F06D8D",
+                                width: 16,
+                                height: 16
+                            })
+                        ]
+                    }),
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)('hint__label', {
+                            'color--primary': isOpen
+                        }),
+                        children: (0, _utils.capitalized)(label)
+                    })
+                ]
+            }),
+            isOpen && renderHintContainer(className)
+        ]
+    });
+};
+const _default = Hint;
+
+//# sourceMappingURL=Hint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Hint/Hint.tsx"],"sourcesContent":["/* eslint-disable react-web-api/no-leaked-event-listener */\n/* eslint-disable react-dom/no-missing-button-type */\nimport type { ReactNode } from 'react';\nimport type { IHintProps } from './Hint.interface';\n\nimport cn from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { AlertTriangle, HelpCircle } from 'react-feather';\nimport { capitalized } from '../../../Functions/utils';\n\nimport { HelpCircleFilled } from '../../../Molecular/CustomIcons';\n\nimport Spinner from '../../Layout/Spinner/Spinner';\n\nimport { getHintContainer, HandleClickOutsideObj, HandleScrollObj, initHintContainer } from './partials/_utils';\nimport './Hint.scss';\n\nlet isContentHoveredOuter = false;\n\nconst DEFAULT_EMPTY_OBJ = {} as IHintProps['hintContainer'];\n\nfunction DEFAULT_VOID_FN(): void {}\n\nconst Hint: React.FC<IHintProps> = ({\n  hint,\n  side = 'right',\n  className,\n  hintContainer = DEFAULT_EMPTY_OBJ,\n  label = '',\n  variant = 'filled',\n  handleOpenType = 'click',\n  onClickCallback,\n  onOpenChange = DEFAULT_VOID_FN,\n  key,\n  id,\n  children,\n  icon,\n  isAccessability = false,\n  testId = 'hint',\n  isHoverableContent = false,\n  isLoading,\n  isCloseOnChildrenClick = false,\n}) => {\n  const hintRef = useRef(null);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const [hintId] = useState<string>(key ?? id ?? Math.random().toString(16).slice(2));\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  // ? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.\n  // ? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.\n  const [handleScroll] = useState(new (HandleScrollObj as any)(setIsOpen));\n  // ? По аналогии определяем handleClickOutside\n  const [handleClickOutside] = useState(new (HandleClickOutsideObj as any)(hintId, setIsOpen));\n\n  const isCallbackExist: boolean = typeof onClickCallback === 'function';\n\n  const handle = {\n    onMouseEnter: (): void => {\n      if (handleOpenType === 'hover') {\n        timeoutRef.current = setTimeout(() => {\n          setIsOpen(true);\n          !isOpen && onClickCallback?.();\n        }, 350);\n      }\n    },\n    onMouseLeave: (): void => {\n      if (!isHoverableContent && handleOpenType === 'hover') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setIsOpen(false);\n        }, 1000);\n      }\n      else if (isHoverableContent && handleOpenType === 'hover') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          if (!isContentHoveredOuter) {\n            setIsOpen(false);\n          }\n        }, 100);\n      }\n    },\n    onMouseLeaveHoverableContent: (): void => {\n      if (isHoverableContent && handleOpenType === 'hover') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setIsOpen(false);\n          isContentHoveredOuter = false;\n        }, 100);\n      }\n    },\n    onClick: isCloseOnChildrenClick ? (): void => setIsOpen(false) : (): void => {},\n  };\n\n  const getHintMarkUp = (className: string | undefined): ReactNode => {\n    return (\n      <div\n        data-testid=\"test-hint-text\"\n        className={cn(\n          'hint__text',\n          `hint__text_${side}`,\n          `hint--${className}__text`,\n        )}\n        onMouseEnter={(): void => { isContentHoveredOuter = true }}\n        onMouseLeave={handle.onMouseLeaveHoverableContent}\n        onClick={handle.onClick}\n      >\n        {isLoading && <Spinner size=\"small\" />}\n        {hint}\n        {children}\n      </div>\n    );\n  };\n\n  const setHintContainerStyles = (): void | boolean => {\n    const hc = getHintContainer(hintId);\n\n    if (!hc || !isOpen) return false;\n\n    const { width = 0, top = 0, left = 0 } = hintRef?.current !== null ? (hintRef?.current as HTMLElement)?.getBoundingClientRect() : {};\n    const { addWidth, addLeft, addTop } = hintContainer ?? {};\n    const windowInnerWidth = document.documentElement.clientWidth\n    const windowInnerHeight = document.documentElement.clientHeight\n\n    const sw = hc.getElementsByClassName('hint__text')[0];\n    const { width: swWidth, height: swHeight } = sw?.getBoundingClientRect() || {};\n\n    hc.style.width = isOpen ? ((addWidth && !Number.isNaN(+addWidth) ? +addWidth : 0) + width)?.toString().concat('px') : '0';\n    hc.style.left = isOpen ? ((addLeft && !Number.isNaN(+addLeft) ? +addLeft : 0) + left)?.toString().concat('px') : '0';\n    hc.style.top = isOpen ? ((addTop && !Number.isNaN(+addTop) ? +addTop : 0) + top)?.toString().concat('px') : '0';\n    hc.style.maxHeight = isOpen ? swHeight?.toString().concat('px') : '0';\n\n    // ? Базовое значение погрешности\n    // ? В разных свитч-кейсах может использоваться по разному (вся или частично). Определял \"на глазок\"\n    const INACCURACY = 20;\n    switch (side) {\n      case 'top':\n      case 'centeredTop':\n        if (top - swHeight - (INACCURACY / 2) < 0) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add(`hint__text_${side === 'top' ? 'bottom' : 'centeredBottom'}`);\n        }\n        break;\n\n      case 'bottom':\n      case 'centeredBottom':\n        if (top + swHeight + INACCURACY > windowInnerHeight) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add(`hint__text_${side === 'bottom' ? 'top' : 'centeredTop'}`);\n        }\n        break;\n\n      case 'left':\n        if (left - swWidth - (INACCURACY / 2) < 0) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add('hint__text_right');\n        }\n        break;\n\n      case 'right':\n      default:\n        if (left + width + swWidth + (INACCURACY / 2) > windowInnerWidth) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add('hint__text_left');\n        }\n        break;\n    }\n  };\n\n  const renderHintContainer = (className: string | undefined): React.ReactPortal | null => {\n    const hc = getHintContainer(hintId);\n    if (!hc) return null;\n    return createPortal(getHintMarkUp(className), hc);\n  }\n\n  useEffect(() => {\n    initHintContainer(hintId, hintContainer);\n\n    return () => {\n      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    setHintContainerStyles();\n    onOpenChange?.(isOpen);\n\n    if (isOpen) {\n      document.addEventListener('scroll', handleScroll, true);\n      document.addEventListener('click', handleClickOutside, true);\n    }\n    else {\n      document.removeEventListener('scroll', handleScroll, true);\n      document.removeEventListener('click', handleClickOutside, true);\n    }\n\n    return () => {\n      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n    };\n  }, [isOpen]);\n\n  return (\n    <div data-testid={testId} className={cn('hint', className)} ref={hintRef}>\n      <button\n        tabIndex={isAccessability ? 0 : -1}\n        data-testid={typeof label === 'string' && label.length ? label.replace?.(/\\s/g, '-') : `${testId}--button`}\n        aria-label={isAccessability && typeof label === 'string' ? label : ''}\n        onClick={() =>\n          handleOpenType === 'click'\n          && (isCallbackExist ? onClickCallback?.() : setIsOpen(!isOpen))}\n        onMouseEnter={handle.onMouseEnter}\n        onMouseLeave={handle.onMouseLeave}\n        className={cn('hint__button', { hint__button_active: isOpen })}\n      >\n        {icon || icon === null || (\n          <>\n            {variant === 'outlined' && (\n              <HelpCircle\n                width={16}\n                height={16}\n                className=\"hint__icon outlined\"\n              />\n            )}\n\n            {variant === 'filled' && (\n              <HelpCircleFilled className=\"hint__icon filled\" />\n            )}\n\n            {variant === 'warning' && (\n              <AlertTriangle\n                className=\"hint__icon\"\n                color=\"#F06D8D\"\n                width={16}\n                height={16}\n              />\n            )}\n          </>\n        )}\n\n        {label && (\n          <span className={cn('hint__label', { 'color--primary': isOpen })}>\n            {capitalized(label)}\n          </span>\n        )}\n      </button>\n\n      {isOpen && renderHintContainer(className)}\n    </div>\n  );\n}\n\nexport default Hint;\n"],"names":["isContentHoveredOuter","DEFAULT_EMPTY_OBJ","DEFAULT_VOID_FN","Hint","hint","side","className","hintContainer","label","variant","handleOpenType","onClickCallback","onOpenChange","key","id","children","icon","isAccessability","testId","isHoverableContent","isLoading","isCloseOnChildrenClick","hintRef","useRef","timeoutRef","hintId","useState","Math","random","toString","slice","isOpen","setIsOpen","handleScroll","HandleScrollObj","handleClickOutside","HandleClickOutsideObj","isCallbackExist","handle","onMouseEnter","current","setTimeout","onMouseLeave","clearTimeout","onMouseLeaveHoverableContent","onClick","getHintMarkUp","div","data-testid","cn","Spinner","size","setHintContainerStyles","hc","getHintContainer","width","top","left","getBoundingClientRect","addWidth","addLeft","addTop","windowInnerWidth","document","documentElement","clientWidth","windowInnerHeight","clientHeight","sw","getElementsByClassName","swWidth","height","swHeight","style","Number","isNaN","concat","maxHeight","INACCURACY","classList","remove","add","renderHintContainer","createPortal","useEffect","initHintContainer","addEventListener","removeEventListener","ref","button","tabIndex","length","replace","aria-label","hint__button_active","HelpCircle","HelpCircleFilled","AlertTriangle","color","span","capitalized"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _Hint = /*#__PURE__*/ _interop_require_default(require("./Hint"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Hint.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Hint/index.ts"],"sourcesContent":["import type { IHintProps } from './Hint.interface';\nimport Hint from './Hint';\n\nexport default Hint;\nexport type { IHintProps };\n"],"names":["Hint"],"mappings":";;;;+BAGA;;;eAAA;;;6DAFiB;;;;;;MAEjB,WAAeA,aAAI"}

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    HandleClickOutsideObj: function() {
+        return HandleClickOutsideObj;
+    },
+    HandleScrollObj: function() {
+        return HandleScrollObj;
+    },
+    getHintContainer: function() {
+        return getHintContainer;
+    },
+    getHintContainerId: function() {
+        return getHintContainerId;
+    },
+    getParentNode: function() {
+        return getParentNode;
+    },
+    initHintContainer: function() {
+        return initHintContainer;
+    }
+});
+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);
+            }
+        }
+    };
+}
+
+//# sourceMappingURL=_utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Hint/partials/_utils.ts"],"sourcesContent":["export const getHintContainerId = (hintId: string | number): string => `hint-container-for-hint--id-${hintId}`;\n\nexport function getHintContainer(hintId: string | number): HTMLElement | null {\n  return document.getElementById(getHintContainerId(hintId));\n}\n\nexport function getParentNode(): HTMLElement | null {\n  return (\n    document.querySelector('div#root')\n    ?? document.querySelector('div#app')\n    ?? document.body\n  );\n}\n\nexport function initHintContainer(hintId: string | number, hintContainerSettings: any): void {\n  const { className } = hintContainerSettings;\n  const hintContainer = document.createElement('div');\n\n  hintContainer.setAttribute('id', getHintContainerId(hintId));\n  hintContainer.classList.add('hint__container');\n  if (className) hintContainer.classList.add(className);\n\n  getParentNode()?.append(hintContainer);\n}\n\n// ? addEventListener можно инициализировать двумя способами\n// ?   - передать прямой колбэк (ф-ю)\n// ?   - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)\n// ? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по \"дзену\")\n// ! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом\nexport function HandleScrollObj(this: any, setIsOpen: (isOpen: boolean) => void): void {\n  this.setIsOpen = setIsOpen;\n  this.handleEvent = function () {\n    this.setIsOpen(false);\n  };\n}\n\nexport function HandleClickOutsideObj(this: any, id: string | number, setIsOpen: (isOpen: boolean) => void): void {\n  this.id = id;\n  this.setIsOpen = setIsOpen;\n  this.handleEvent = function (event: Event) {\n    if (getHintContainer(this.id)) {\n      if (!(getHintContainer(this.id) as HTMLElement).contains(event?.target as Node)) {\n        this.setIsOpen(false);\n      }\n    }\n  };\n}\n"],"names":["HandleClickOutsideObj","HandleScrollObj","getHintContainer","getHintContainerId","getParentNode","initHintContainer","hintId","document","getElementById","querySelector","body","hintContainerSettings","className","hintContainer","createElement","setAttribute","classList","add","append","setIsOpen","handleEvent","id","event","contains","target"],"mappings":";;;;;;;;;;;IAqCgBA,qBAAqB;eAArBA;;IAPAC,eAAe;eAAfA;;IA5BAC,gBAAgB;eAAhBA;;IAFHC,kBAAkB;eAAlBA;;IAMGC,aAAa;eAAbA;;IAQAC,iBAAiB;eAAjBA;;;AAdT,MAAMF,qBAAqB,CAACG,SAAoC,CAAC,4BAA4B,EAAEA,QAAQ;AAEvG,SAASJ,iBAAiBI,MAAuB;IACtD,OAAOC,SAASC,cAAc,CAACL,mBAAmBG;AACpD;AAEO,SAASF;QAEZG,yBAAAA;IADF,OACEA,CAAAA,OAAAA,CAAAA,0BAAAA,SAASE,aAAa,CAAC,yBAAvBF,qCAAAA,0BACGA,SAASE,aAAa,CAAC,wBAD1BF,kBAAAA,OAEGA,SAASG,IAAI;AAEpB;AAEO,SAASL,kBAAkBC,MAAuB,EAAEK,qBAA0B;QAQnFP;IAPA,MAAM,EAAEQ,SAAS,EAAE,GAAGD;IACtB,MAAME,gBAAgBN,SAASO,aAAa,CAAC;IAE7CD,cAAcE,YAAY,CAAC,MAAMZ,mBAAmBG;IACpDO,cAAcG,SAAS,CAACC,GAAG,CAAC;IAC5B,IAAIL,WAAWC,cAAcG,SAAS,CAACC,GAAG,CAACL;KAE3CR,iBAAAA,6BAAAA,qCAAAA,eAAiBc,MAAM,CAACL;AAC1B;AAOO,SAASZ,gBAA2BkB,SAAoC;IAC7E,IAAI,CAACA,SAAS,GAAGA;IACjB,IAAI,CAACC,WAAW,GAAG;QACjB,IAAI,CAACD,SAAS,CAAC;IACjB;AACF;AAEO,SAASnB,sBAAiCqB,EAAmB,EAAEF,SAAoC;IACxG,IAAI,CAACE,EAAE,GAAGA;IACV,IAAI,CAACF,SAAS,GAAGA;IACjB,IAAI,CAACC,WAAW,GAAG,SAAUE,KAAY;QACvC,IAAIpB,iBAAiB,IAAI,CAACmB,EAAE,GAAG;YAC7B,IAAI,CAAC,AAACnB,iBAAiB,IAAI,CAACmB,EAAE,EAAkBE,QAAQ,CAACD,kBAAAA,4BAAAA,MAAOE,MAAM,GAAW;gBAC/E,IAAI,CAACL,SAAS,CAAC;YACjB;QACF;IACF;AACF"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=Modal.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/Modal.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,232 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const attrsForModalBodyDefault = {};
+const KEY_CODE = Object.freeze({
+    ENTER: 13,
+    ESC: 27
+});
+function renderModalTitle({ mode, title, onlyTitle }) {
+    if (mode && mode !== 'default' && !onlyTitle) {
+        return `${mode[0].toUpperCase()}${mode.slice(1)} ${title}`;
+    }
+    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", _object_spread_props(_object_spread({}, 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"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            ]
+        }))
+    });
+});
+Modal.displayName = 'Modal';
+const _default = Modal;
+
+//# sourceMappingURL=Modal.js.map