intelicoreact 1.6.22 → 1.6.24

package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js

@@ -1 +1,106 @@
-var t,e;function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function n(t,e,r,n,a,o,i){try{var u=t[o](i),l=u.value}catch(t){r(t);return}u.done?e(l):Promise.resolve(l).then(n,a)}import a from"moment-timezone";import{getActualDateRange as o}from"../../../FormElements/InputDateRange/dependencies";export var getSafelyDateRange=function(t){return(null==t?void 0:t.start)&&(null==t?void 0:t.end)||(null==t?void 0:t.intervalKey)&&(null==t?void 0:t.intervalKey)!=="allTime"?o(t):o({start:"2022-01-01T00:00:00",end:a().endOf("day").format("YYYY-MM-DDTHH:mm:ss")})};export var getLabels=function(t){var e="hour",n=o(t),i=a(null==n?void 0:n.start).startOf(e),u=a(null==n?void 0:n.end).startOf(e),l=function(t){var e,n;switch(t){case"minutes":n="MM.DD hh:mm";break;case"hours":n="MM.DD.YYYY h A";break;case"days":n="MM.DD.YYYY";break;case"months":n="MM.YYYY";break;default:n="YYYY"}return((function(t){if(Array.isArray(t))return r(t)})(e=Array(u.diff(i,t)).keys())||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(t,e){if(t){if("string"==typeof t)return r(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).reduce(function(e,r){return e.values.push(e.point.format(n)),e.point=a(e.point).add(1,t),e},{point:i,values:[]}).values};return 3>=u.diff(i,"hours")?l("minutes"):48>=u.diff(i,"hours")?l("hours"):2>=u.diff(i,"months")?l("days"):24>=u.diff(i,"months")?l("months"):l("years")};export var getMockValue=function(){return Math.trunc(1e6*Math.random())};export var getTab=(t=function(t,e,r){var n;return function(t,e){var r,n,a,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=u(0),i.throw=u(1),i.return=u(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(u){return function(l){var s=[u,l];if(r)throw TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(o=0)),o;)try{if(r=1,n&&(a=2&s[0]?n.return:s[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;switch(n=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,n=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!(a=(a=o.trys).length>0&&a[a.length-1])&&(6===s[0]||2===s[0])){o=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(6===s[0]&&o.label<a[1]){o.label=a[1],a=s;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(s);break}a[2]&&o.ops.pop(),o.trys.pop();continue}s=e.call(t,o)}catch(t){s=[6,t],n=0}finally{r=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}}(this,function(a){switch(t){case"tab1":n=2e3;break;case"tab2":n=1500;break;case"tab3":n=3e3;break;case"tab4":n=500;break;default:n=1e3}return[2,new Promise(function(t){return setTimeout(function(){var r=getLabels(e);t({labels:r,datasets:[{data:r.map(function(){return getMockValue()})}]})},n)}).then(function(e){return r?r(e,t):e})]})},e=function(){var e=this,r=arguments;return new Promise(function(a,o){var i=t.apply(e,r);function u(t){n(i,a,o,u,l,"next",t)}function l(t){n(i,a,o,u,l,"throw",t)}u(void 0)})},function(t,r,n){return e.apply(this,arguments)});
+import moment from "moment-timezone";
+
+import { getActualDateRange } from "../../../FormElements/InputDateRange/dependencies";
+
+export const getSafelyDateRange = (dateRange) =>
+  (!dateRange?.start || !dateRange?.end) &&
+  (!dateRange?.intervalKey || dateRange?.intervalKey === "allTime")
+    ? getActualDateRange({
+        start: "2022-01-01T00:00:00",
+        end: moment().endOf("day").format("YYYY-MM-DDTHH:mm:ss"),
+      })
+    : getActualDateRange(dateRange);
+
+export const getLabels = (range) => {
+  const MINIMUM_INTERVAL = "hour";
+  const NO_MORE_THAN_THREE_HOURS = 3; // this is hours
+  const NO_MORE_THAN_TWO_DAYS = 48; // this is hours
+  const NO_MORE_THAN_TWO_MONTHS = 2; // this is months
+  const NO_MORE_THAN_THREE_YEARS = 24; // this is months
+
+  // safely Range must have 'start' and 'end' properties
+  const safelyRange = getActualDateRange(range);
+  const start = moment(safelyRange?.start).startOf(MINIMUM_INTERVAL);
+  const end = moment(safelyRange?.end).startOf(MINIMUM_INTERVAL);
+
+  const getValues = (intervalStepKey) => {
+    let format;
+    switch (intervalStepKey) {
+      case "minutes":
+        format = "MM.DD hh:mm";
+        break;
+      case "hours":
+        format = "MM.DD.YYYY h A";
+        break;
+      case "days":
+        format = "MM.DD.YYYY";
+        break;
+      case "months":
+        format = "MM.YYYY";
+        break;
+      default:
+        format = "YYYY";
+        break;
+    }
+
+    const structure = [...Array(end.diff(start, intervalStepKey)).keys()];
+
+    const process = structure.reduce(
+      (acc, iteration) => {
+        acc.values.push(acc.point.format(format));
+        acc.point = moment(acc.point).add(1, intervalStepKey);
+        return acc;
+      },
+      { point: start, values: [] },
+    );
+
+    return process.values;
+  };
+
+  if (end.diff(start, "hours") <= NO_MORE_THAN_THREE_HOURS)
+    return getValues("minutes");
+  else if (end.diff(start, "hours") <= NO_MORE_THAN_TWO_DAYS)
+    return getValues("hours");
+  else if (end.diff(start, "months") <= NO_MORE_THAN_TWO_MONTHS)
+    return getValues("days");
+  else if (end.diff(start, "months") <= NO_MORE_THAN_THREE_YEARS)
+    return getValues("months");
+  else return getValues("years");
+};
+
+export const getMockValue = () => Math.trunc(Math.random() * 1000000);
+
+export const getTab = async (tabId, range, callback) => {
+  let requestDelay;
+  switch (tabId) {
+    case "tab1":
+      requestDelay = 2000;
+      break;
+    case "tab2":
+      requestDelay = 1500;
+      break;
+    case "tab3":
+      requestDelay = 3000;
+      break;
+    case "tab4":
+      requestDelay = 500;
+      break;
+    default:
+      requestDelay = 1000;
+      break;
+  }
+
+  return new Promise((res) =>
+    setTimeout(() => {
+      const labels = getLabels(range);
+      res({
+        labels,
+        datasets: [
+          {
+            data: labels.map(() => getMockValue()),
+          },
+        ],
+      });
+    }, requestDelay),
+  ).then((res) => (callback ? callback(res, tabId) : res));
+};

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

@@ -1 +1,256 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],l=!0,u=!1;try{for(i=i.call(e);!(l=(n=i.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){u=!0,r=e}finally{try{l||null==i.return||i.return()}finally{if(u)throw r}}return o}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return p}});var n=require("react/jsx-runtime"),r=d(require("classnames")),i=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(require("react")),o=require("react-dom"),l=require("react-feather"),u=require("../../../Functions/utils"),c=require("../../../Molecular/CustomIcons"),a=d(require("../../Layout/Spinner/Spinner")),s=require("./partials/_utils");function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}require("./Hint.scss");var v=!1,h={};function m(){}var p=function(e){var d,f,p=e.hint,_=e.side,b=void 0===_?"right":_,y=e.className,g=e.hintContainer,x=void 0===g?h:g,C=e.label,j=void 0===C?"":C,L=e.variant,k=void 0===L?"filled":L,M=e.handleOpenType,S=void 0===M?"click":M,N=e.onClickCallback,O=e.onOpenChange,w=void 0===O?m:O,T=e.key,E=e.id,H=e.children,q=e.icon,A=e.isAccessability,P=void 0!==A&&A,I=e.testId,B=void 0===I?"hint":I,W=e.isHoverableContent,D=void 0!==W&&W,F=e.isLoading,R=e.isCloseOnChildrenClick,z=(0,i.useRef)(null),U=(0,i.useRef)(null),$=t((0,i.useState)(null!=(f=null!=T?T:E)?f:Math.random().toString(16).slice(2)),1)[0],G=t((0,i.useState)(!1),2),J=G[0],K=G[1],Q=t((0,i.useState)(new s.HandleScrollObj(K)),1)[0],V=t((0,i.useState)(new s.HandleClickOutsideObj($,K)),1)[0],X="function"==typeof N,Y={onMouseEnter:function(){"hover"===S&&(U.current=setTimeout(function(){K(!0),J||null==N||N()},350))},onMouseLeave:function(){D||"hover"!==S?D&&"hover"===S&&(null!==U.current&&clearTimeout(U.current),U.current=setTimeout(function(){v||K(!1)},100)):(null!==U.current&&clearTimeout(U.current),U.current=setTimeout(function(){K(!1)},1e3))},onMouseLeaveHoverableContent:function(){D&&"hover"===S&&(null!==U.current&&clearTimeout(U.current),U.current=setTimeout(function(){K(!1),v=!1},100))},onClick:void 0!==R&&R?function(){return K(!1)}:function(){}},Z=function(){var e,t,n,r,i=(0,s.getHintContainer)($);if(!i||!J)return!1;var o=(null==z?void 0:z.current)!==null?null==z||null==(e=z.current)?void 0:e.getBoundingClientRect():{},l=o.width,u=void 0===l?0:l,c=o.top,a=void 0===c?0:c,d=o.left,f=void 0===d?0:d,v=null!=x?x:{},h=v.addWidth,m=v.addLeft,p=v.addTop,_=document.documentElement.clientWidth,y=document.documentElement.clientHeight,g=i.getElementsByClassName("hint__text")[0],C=(null==g?void 0:g.getBoundingClientRect())||{},j=C.width,L=C.height;switch(i.style.width=J?null==(t=(h&&!Number.isNaN(+h)?+h:0)+u)?void 0:t.toString().concat("px"):"0",i.style.left=J?null==(n=(m&&!Number.isNaN(+m)?+m:0)+f)?void 0:n.toString().concat("px"):"0",i.style.top=J?null==(r=(p&&!Number.isNaN(+p)?+p:0)+a)?void 0:r.toString().concat("px"):"0",i.style.maxHeight=J?null==L?void 0:L.toString().concat("px"):"0",b){case"top":case"centeredTop":a-L-10<0&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_".concat("top"===b?"bottom":"centeredBottom")));break;case"bottom":case"centeredBottom":a+L+20>y&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_".concat("bottom"===b?"top":"centeredTop")));break;case"left":f-j-10<0&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_right"));break;default:f+u+j+10>_&&(g.classList.remove("hint__text_".concat(b)),g.classList.add("hint__text_left"))}};return(0,i.useEffect)(function(){return(0,s.initHintContainer)($,x),function(){null!==U.current&&clearTimeout(U.current)}},[]),(0,i.useEffect)(function(){return Z(),null==w||w(J),J?(document.addEventListener("scroll",Q,!0),document.addEventListener("click",V,!0)):(document.removeEventListener("scroll",Q,!0),document.removeEventListener("click",V,!0)),function(){null!==U.current&&clearTimeout(U.current)}},[J]),(0,n.jsxs)("div",{"data-testid":B,className:(0,r.default)("hint",y),ref:z,children:[(0,n.jsxs)("button",{tabIndex:P?0:-1,"data-testid":"string"==typeof j&&j.length?null==(d=j.replace)?void 0:d.call(j,/\s/g,"-"):"".concat(B,"--button"),"aria-label":P&&"string"==typeof j?j:"",onClick:function(){return"click"===S&&(X?null==N?void 0:N():K(!J))},onMouseEnter:Y.onMouseEnter,onMouseLeave:Y.onMouseLeave,className:(0,r.default)("hint__button",{hint__button_active:J}),children:[q||null===q||(0,n.jsxs)(n.Fragment,{children:["outlined"===k&&(0,n.jsx)(l.HelpCircle,{width:16,height:16,className:"hint__icon outlined"}),"filled"===k&&(0,n.jsx)(c.HelpCircleFilled,{className:"hint__icon filled"}),"warning"===k&&(0,n.jsx)(l.AlertTriangle,{className:"hint__icon",color:"#F06D8D",width:16,height:16})]}),j&&(0,n.jsx)("span",{className:(0,r.default)("hint__label",{"color--primary":J}),children:(0,u.capitalized)(j)})]}),J&&function(e){var t=(0,s.getHintContainer)($);return t?(0,o.createPortal)((0,n.jsxs)("div",{"data-testid":"test-hint-text",className:(0,r.default)("hint__text","hint__text_".concat(b),"hint--".concat(e,"__text")),onMouseEnter:function(){v=!0},onMouseLeave:Y.onMouseLeaveHoverableContent,onClick:Y.onClick,children:[F&&(0,n.jsx)(a.default,{size:"small"}),p,H]}),t):null}(y)]})};
+/* 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;

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

@@ -1 +1,64 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var n=exports,t={HandleClickOutsideObj:function(){return d},HandleScrollObj:function(){return c},getHintContainer:function(){return r},getHintContainerId:function(){return i},getParentNode:function(){return o},initHintContainer:function(){return u}};for(var e in t)Object.defineProperty(n,e,{enumerable:!0,get:t[e]});var i=function(n){return"hint-container-for-hint--id-".concat(n)};function r(n){return document.getElementById(i(n))}function o(){var n,t;return null!=(t=null!=(n=document.querySelector("div#root"))?n:document.querySelector("div#app"))?t:document.body}function u(n,t){var e,r=t.className,u=document.createElement("div");u.setAttribute("id",i(n)),u.classList.add("hint__container"),r&&u.classList.add(r),null==(e=o())||e.append(u)}function c(n){this.setIsOpen=n,this.handleEvent=function(){this.setIsOpen(!1)}}function d(n,t){this.id=n,this.setIsOpen=t,this.handleEvent=function(n){r(this.id)&&!r(this.id).contains(null==n?void 0:n.target)&&this.setIsOpen(!1)}}
+"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);
+            }
+        }
+    };
+}

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

@@ -1 +1,179 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var e=exports,o={KEY_CODE:function(){return m},default:function(){return y},renderModalTitle:function(){return b}};for(var t in o)Object.defineProperty(e,t,{enumerable:!0,get:o[t]});var n=require("react/jsx-runtime"),r=u(require("classnames")),l=require("react"),a=u(require("../../../Functions/useKeyPress/useHandleKeyPress")),i=u(require("../Button/Button")),c=u(require("./partials/ModalFooter")),d=u(require("./partials/ModalTitle")),s=u(require("./partials/useMobileModal"));function u(e){return e&&e.__esModule?e:{default:e}}require("./Modal.scss"),require("./ModalMobile.scss");var f={},m=Object.freeze({ENTER:13,ESC:27});function b(e){var o=e.mode,t=e.title,n=e.onlyTitle;return o&&"default"!==o&&!n?"".concat(o[0].toUpperCase()).concat(o.slice(1)," ").concat(t):t}var p=(0,l.forwardRef)(function(e,o){var t,u,m=e.zIndex,p=e.isOpen,y=e.onConfirm,O=e.onDecline,v=e.closeModal,_=e.children,h=e.className,j=e.title,C=e.variant,x=e.onlyTitle,I=e.mode,g=e.size,E=e.atributesForModalBody,M=e.confirmBtnClassName,B=e.confirmBtnLabel,D=e.confirmBtnVariant,w=e.confirmBtnDisable,N=e.confirmBtnIcon,R=e.isConfirmBtnIconPositionRight,F=e.noConfirmBtn,P=e.noCloseBtn,S=e.noFooter,H=e.noHeader,T=e.closeBtnClassName,k=e.closeBtnText,q=e.closeBtnVariant,A=e.closeBtnDisable,K=e.closeBtnIcon,L=e.forced,z=e.btnClassNames,Y=e.isCloseBtnIconPositionRight,U=e.submitOnEnter,V=e.closeOnEsc,G=e.leftContentOfFooter,J=e.customFooter,Q=e.testId,W=void 0===Q?"modal":Q,X=e.noHeaderCloseBtn,Z=e.withMobileLogic,$=e.withFixedFooter,ee=(0,l.useRef)(null),eo=(0,s.default)({withMobileLogic:Z,withFixedFooter:$,isOpen:p}),et=eo.modalMobileHeaderRef,en=eo.modalMobileBodyRef,er=eo.modalMobileFooterRef,el=eo.MODALS_LOGIC,ea=eo.renderModal,ei=eo.isMobile,ec=eo.scrollTop,ed=eo.scrollHeight,es={confirm:function(){null==y||y()},decline:function(){"function"==typeof O?O():null==v||v()}};return((0,a.default)({enterCallback:(void 0===U||U)&&"function"==typeof y?function(){return es.confirm()}:void 0,escCallback:(void 0===V||V)&&"function"==typeof v?function(){return v()}:void 0,withClamping:!1}),p)?(0,n.jsx)("div",{style:{zIndex:void 0===m?100:m},"data-testid":W,className:"modal-box j5",role:"dialog","aria-modal":"true","aria-labelledby":"".concat(W,"-title"),children:ea((0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{"data-testid":"".concat(W,"-overlay"),className:p?"modal-overlay":"hidden",onClick:v,role:"presentation"}),(0,n.jsxs)("div",{ref:o||ee,style:{width:"number"==typeof g?"".concat(g,"px"):"".concat(null==g?void 0:g.replace("px",""),"px")},className:(0,r.default)(h,{modal:p,"modal--no-header":p&&H,"modal-mobile":p&&ei,hidden:!p}),children:[!H&&(0,n.jsx)(d.default,{wrapperRef:et,className:(0,r.default)({"modal__header--hidden":el.IS_HEADER_HIDDEN,"modal__header--sticky":!el.IS_HEADER_HIDDEN&&el.IS_HEADER_STICKY}),variant:void 0===C?"primary":C,isForced:L,onClose:es.decline,noHeaderCloseBtn:X,children:(0,n.jsx)("span",{id:"".concat(W,"-title"),children:b({mode:I,title:j,onlyTitle:x})})}),(0,n.jsx)("div",(t=function(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(o){var n;n=t[o],o in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n})}return e}({},void 0===E?f:E),u=u={ref:en,className:(0,r.default)("modal__body",{"modal__body--no-footer":S}),role:"document",children:_},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(u)):(function(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(u)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(u,e))}),t)),(!S||J)&&(0,n.jsx)(c.default,{wrapperRef:er,className:(0,r.default)({"modal__footer--hidden":el.IS_FOOTER_HIDDEN,"modal__footer--sticky":!el.IS_FOOTER_HIDDEN&&el.IS_FOOTER_STICKY&&ec!==ed,"modal__footer_with-left-content":G}),children:J||(0,n.jsxs)(n.Fragment,{children:[G,(!P||!F)&&(0,n.jsxs)("div",{className:"modal__buttons-block",children:[!P&&(0,n.jsx)(i.default,{testId:"modal",className:(0,r.default)(T,z),variant:q||"dark-outline",onClick:function(){return es.decline()},label:k||"Cancel",disabled:A,icon:K,isIconRight:Y,tabIndex:1,"aria-label":"Close modal"}),!F&&(0,n.jsx)(i.default,{testId:"modal",onClick:function(){return es.confirm()},label:B||I&&(null==I?void 0:I[0].toUpperCase())+(null==I?void 0:I.slice(1))||"Apply",className:(0,r.default)("ml5",M,z),variant:void 0===D?"primary":D,disabled:w,icon:N,isIconRight:R,"aria-label":"Confirm modal"})]})]})})]})]}))}):null});p.displayName="Modal";var y=p;
+"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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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", {
+                            ...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;