indicator-ui 0.0.231 → 0.0.233

package/dist/index.js

@@ -14990,6 +14990,104 @@ function useIsErrorField() {
 
 /***/ }),
 
+/***/ "./src/lib/animation/getScrollParents.ts":
+/*!***********************************************!*\
+  !*** ./src/lib/animation/getScrollParents.ts ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getScrollParents: () => (/* binding */ getScrollParents)
+/* harmony export */ });
+/**
+ * Находит все родительские елементы в которых есть скролл.
+ * @param element элемент от которого искать.
+ * @returns
+ * Массив DOM-элементов
+ * @example
+ * ```ts
+ * getScrollParents(elementRef.current) // HTMLElement[]
+ * ```
+ */
+var getScrollParents = function getScrollParents(element) {
+  var parents = [];
+  var current = element.parentElement;
+  while (current) {
+    if (current.scrollHeight > current.clientHeight || current.scrollWidth > current.clientWidth) {
+      parents.push(current);
+    }
+    current = current.parentElement;
+  }
+  return parents;
+};
+
+/***/ }),
+
+/***/ "./src/lib/animation/index.ts":
+/*!************************************!*\
+  !*** ./src/lib/animation/index.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getScrollParents: () => (/* reexport safe */ _getScrollParents__WEBPACK_IMPORTED_MODULE_1__.getScrollParents),
+/* harmony export */   throttle: () => (/* reexport safe */ _throttle__WEBPACK_IMPORTED_MODULE_0__.throttle)
+/* harmony export */ });
+/* harmony import */ var _throttle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./throttle */ "./src/lib/animation/throttle.ts");
+/* harmony import */ var _getScrollParents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getScrollParents */ "./src/lib/animation/getScrollParents.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/lib/animation/throttle.ts":
+/*!***************************************!*\
+  !*** ./src/lib/animation/throttle.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   throttle: () => (/* binding */ throttle)
+/* harmony export */ });
+/**
+ * Предотвращение перегрузки количества событий.
+ * @param func целевая функция.
+ * @param ms Задержка в ms. Поумолчанию 10
+ * @example
+ * ```ts
+ * const handleScroll = throttle(animationUpdate, 100)
+ * window.addEventListener("scroll", handleScroll);
+ * ```
+ */
+function throttle(func) {
+  var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+  var isThrottled = false,
+    savedArgs,
+    savedThis;
+  function wrapper() {
+    if (isThrottled) {
+      savedArgs = arguments;
+      savedThis = this;
+      return;
+    }
+    func.apply(this, arguments);
+    isThrottled = true;
+    setTimeout(function () {
+      isThrottled = false;
+      if (savedArgs) {
+        wrapper.apply(savedThis, savedArgs);
+        savedArgs = savedThis = null;
+      }
+    }, ms);
+  }
+  return wrapper;
+}
+
+/***/ }),
+
 /***/ "./src/lib/array/getUniqueArray.ts":
 /*!*****************************************!*\
   !*** ./src/lib/array/getUniqueArray.ts ***!
@@ -15371,6 +15469,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   compKeyWays: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.compKeyWays),
 /* harmony export */   getCenterElementAttribute: () => (/* reexport safe */ _reactComponents__WEBPACK_IMPORTED_MODULE_2__.getCenterElementAttribute),
 /* harmony export */   getDeepValue: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.getDeepValue),
+/* harmony export */   getScrollParents: () => (/* reexport safe */ _animation__WEBPACK_IMPORTED_MODULE_4__.getScrollParents),
 /* harmony export */   getUniqueArray: () => (/* reexport safe */ _array__WEBPACK_IMPORTED_MODULE_1__.getUniqueArray),
 /* harmony export */   handleScrollEnd: () => (/* reexport safe */ _reactComponents__WEBPACK_IMPORTED_MODULE_2__.handleScrollEnd),
 /* harmony export */   isArray: () => (/* reexport safe */ _array__WEBPACK_IMPORTED_MODULE_1__.isArray),
@@ -15381,12 +15480,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   saveParseDate: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_3__.saveParseDate),
 /* harmony export */   setDeepValue: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.setDeepValue),
 /* harmony export */   startOfDayUTC: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_3__.startOfDayUTC),
+/* harmony export */   throttle: () => (/* reexport safe */ _animation__WEBPACK_IMPORTED_MODULE_4__.throttle),
 /* harmony export */   traverseTreeByStack: () => (/* reexport safe */ _array__WEBPACK_IMPORTED_MODULE_1__.traverseTreeByStack)
 /* harmony export */ });
 /* harmony import */ var _dict__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dict */ "./src/lib/dict/index.ts");
 /* harmony import */ var _array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./array */ "./src/lib/array/index.ts");
 /* harmony import */ var _reactComponents__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactComponents */ "./src/lib/reactComponents/index.ts");
 /* harmony import */ var _time__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./time */ "./src/lib/time/index.ts");
+/* harmony import */ var _animation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./animation */ "./src/lib/animation/index.ts");
+
 
 
 
@@ -15744,7 +15846,8 @@ var BackgroundModalWindowWrapper = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODUL
       document.removeEventListener('mousedown', handleMouseDown);
     };
   }, [additionElements]);
-  return isShow && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+  if (!isShow) return undefined;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
     ref: ref || localRef,
     style: styles,
     className: className,
@@ -16388,7 +16491,8 @@ function CascadeBlock(_ref) {
           removeValues: removeValues,
           label: item.label,
           supportingText: item.supportingText,
-          options: item.options
+          options: item.options,
+          defaultAllHidden: defaultAllHidden
         }, idx);
       } else if ('value' in item) {
         return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Checkbox, {
@@ -16484,7 +16588,8 @@ function CascadeSelector(_ref) {
     onChange = _ref.onChange,
     _ref$multiple = _ref.multiple,
     multiple = _ref$multiple === void 0 ? true : _ref$multiple,
-    defaultAllHidden = _ref.defaultAllHidden,
+    _ref$defaultAllHidden = _ref.defaultAllHidden,
+    defaultAllHidden = _ref$defaultAllHidden === void 0 ? false : _ref$defaultAllHidden,
     maxChosenOptions = _ref.maxChosenOptions;
   var getValue = function getValue() {
     if (Array.isArray(value)) {
@@ -25011,9 +25116,9 @@ __webpack_require__.r(__webpack_exports__);
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ModalWindowWrapper: () => (/* reexport safe */ _ui_ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__.ModalWindowWrapper)
+/* harmony export */   ModalWindowWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.ModalWindowWrapper)
 /* harmony export */ });
-/* harmony import */ var _ui_ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui/ModalWindowWrapper */ "./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/ModalWindowWrapper/ui/index.ts");
 
 
 /***/ }),
@@ -25064,7 +25169,8 @@ function ModalWindowWrapper(_ref) {
       document.removeEventListener('mousedown', handleMouseDown);
     };
   }, [additionElements]);
-  return isShow && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+  if (!isShow) return undefined;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
     ref: modalWindowRef,
     style: style,
     className: className,
@@ -25072,6 +25178,21 @@ function ModalWindowWrapper(_ref) {
   });
 }
 
+/***/ }),
+
+/***/ "./src/ui/ModalWindowWrapper/ui/index.ts":
+/*!***********************************************!*\
+  !*** ./src/ui/ModalWindowWrapper/ui/index.ts ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ModalWindowWrapper: () => (/* reexport safe */ _ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__.ModalWindowWrapper)
+/* harmony export */ });
+/* harmony import */ var _ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ModalWindowWrapper */ "./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx");
+
+
 /***/ }),
 
 /***/ "./src/ui/PaginationBar/index.ts":
@@ -26865,6 +26986,285 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _ToggleBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ToggleBase */ "./src/ui/ToggleBase/ui/ToggleBase.tsx");
 
 
+/***/ }),
+
+/***/ "./src/ui/Tooltip/index.ts":
+/*!*********************************!*\
+  !*** ./src/ui/Tooltip/index.ts ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Tooltip: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Tooltip)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Tooltip/ui/index.ts");
+
+
+/***/ }),
+
+/***/ "./src/ui/Tooltip/lib/getOffset.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/Tooltip/lib/getOffset.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getOffset: () => (/* binding */ getOffset)
+/* harmony export */ });
+var getOffset = function getOffset(target, element, arrow) {
+  var offset = {
+    x: 16,
+    y: 16
+  };
+  var ARROW_OFFSET = 23;
+  var WINDOW_MARGIN = 16;
+  if (!target || !element) return offset;
+  switch (arrow) {
+    case 'left-top':
+      offset.y = target.height / 2 - ARROW_OFFSET;
+      offset.x = target.width + WINDOW_MARGIN;
+      break;
+    case 'left-center':
+      offset.y = element.height / 2 * -1 + target.height / 2;
+      offset.x = target.width + WINDOW_MARGIN;
+      break;
+    case 'left-bottom':
+      offset.y = element.height * -1 + target.height / 2 + ARROW_OFFSET;
+      offset.x = target.width + WINDOW_MARGIN;
+      break;
+    case 'right-top':
+      offset.y = target.height / 2 - ARROW_OFFSET;
+      offset.x = -element.width - WINDOW_MARGIN;
+      break;
+    case 'right-center':
+      offset.y = element.height / 2 * -1 + target.height / 2;
+      offset.x = -element.width - WINDOW_MARGIN;
+      break;
+    case 'right-bottom':
+      offset.y = element.height * -1 + target.height / 2 + ARROW_OFFSET;
+      offset.x = -element.width - WINDOW_MARGIN;
+      break;
+    case 'top-left':
+      offset.y = target.height + WINDOW_MARGIN;
+      offset.x = target.width / 2 - ARROW_OFFSET;
+      break;
+    case 'top-center':
+      offset.y = target.height + WINDOW_MARGIN;
+      offset.x = -(element.width / 2) + target.width / 2;
+      break;
+    case 'top-right':
+      offset.y = target.height + WINDOW_MARGIN;
+      offset.x = -element.width + target.width / 2 + ARROW_OFFSET;
+      break;
+    case 'bottom-left':
+      offset.y = -element.height - WINDOW_MARGIN;
+      offset.x = target.width / 2 - ARROW_OFFSET;
+      break;
+    case 'bottom-center':
+      offset.y = -element.height - WINDOW_MARGIN;
+      offset.x = -(element.width / 2) + target.width / 2;
+      break;
+    case 'bottom-right':
+      offset.y = -element.height - WINDOW_MARGIN;
+      offset.x = -element.width + target.width / 2 + ARROW_OFFSET;
+      break;
+    default:
+      break;
+  }
+  return offset;
+};
+
+/***/ }),
+
+/***/ "./src/ui/Tooltip/lib/index.ts":
+/*!*************************************!*\
+  !*** ./src/ui/Tooltip/lib/index.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getOffset: () => (/* reexport safe */ _getOffset__WEBPACK_IMPORTED_MODULE_0__.getOffset)
+/* harmony export */ });
+/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getOffset */ "./src/ui/Tooltip/lib/getOffset.ts");
+
+
+/***/ }),
+
+/***/ "./src/ui/Tooltip/styles/Tooltip.module.scss":
+/*!***************************************************!*\
+  !*** ./src/ui/Tooltip/styles/Tooltip.module.scss ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Container":"Tooltip-module__Container___ImGDR","Tooltip":"Tooltip-module__Tooltip___hoSSN","Text":"Tooltip-module__Text___td8bq","Description":"Tooltip-module__Description___P_3Y1","Arrow":"Tooltip-module__Arrow___kK60F","LeftCenter":"Tooltip-module__LeftCenter___XRD6a","RightCenter":"Tooltip-module__RightCenter___YNFRT","LeftTop":"Tooltip-module__LeftTop___EwoVT","RightTop":"Tooltip-module__RightTop___pJ5F2","LeftBottom":"Tooltip-module__LeftBottom___E391m","RightBottom":"Tooltip-module__RightBottom___AsHht","BottomLeft":"Tooltip-module__BottomLeft___Q4Lte","BottomRight":"Tooltip-module__BottomRight___jPMek","BottomCenter":"Tooltip-module__BottomCenter___gT9IG","TopCenter":"Tooltip-module__TopCenter___ZSgyR","TopLeft":"Tooltip-module__TopLeft___GlW5d","TopRight":"Tooltip-module__TopRight___baUsn","Dark":"Tooltip-module__Dark___aFU2K"});
+
+/***/ }),
+
+/***/ "./src/ui/Tooltip/styles/index.ts":
+/*!****************************************!*\
+  !*** ./src/ui/Tooltip/styles/index.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TooltipStyles: () => (/* reexport safe */ _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tooltip.module.scss */ "./src/ui/Tooltip/styles/Tooltip.module.scss");
+
+
+/***/ }),
+
+/***/ "./src/ui/Tooltip/ui/Tooltip.tsx":
+/*!***************************************!*\
+  !*** ./src/ui/Tooltip/ui/Tooltip.tsx ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Tooltip: () => (/* binding */ Tooltip)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/Tooltip/styles/index.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ "./src/ui/Tooltip/lib/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+/**
+ * @param arrow Положение стрелки по фигме
+ * @param targetRef Tooltip автоматически центрируется относительно targetRef
+ * @param onClose Функция для закрытия Tooltip при клике вне его
+ * @param excludedOnCloseElements Исключаемые элементы при клике на которые onClose не срабатывает
+ * @param color Тема: 'light'/'dark'
+ * @constructor
+ */
+function Tooltip(_ref) {
+  var _targetRef$current, _elementRef$current, _clsx3;
+  var text = _ref.text,
+    description = _ref.description,
+    arrow = _ref.arrow,
+    classes = _ref.classes,
+    styles = _ref.styles,
+    targetRef = _ref.targetRef,
+    onClose = _ref.onClose,
+    excludedOnCloseElements = _ref.excludedOnCloseElements,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'light' : _ref$color;
+  var elementRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+  var rafId = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
+  // Положение целевого элемента
+  var targetRect = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)((targetRef === null || targetRef === void 0 || (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.getBoundingClientRect()) || null);
+  // Положение позиционируемого элемента
+  var elementRect = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)((elementRef === null || elementRef === void 0 || (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.getBoundingClientRect()) || null);
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
+    if (!(targetRef !== null && targetRef !== void 0 && targetRef.current) || !(elementRef !== null && elementRef !== void 0 && elementRef.current)) return;
+    // Инициализация появления элемента
+    updatePosition();
+    // Отслеживание изменения размера элемента
+    var observer = new ResizeObserver(function (entries) {
+      (0,_lib__WEBPACK_IMPORTED_MODULE_6__.throttle)(function () {
+        elementRect.current = entries[0].contentRect;
+        updatePosition();
+      }, 10)();
+    });
+    observer.observe(elementRef.current);
+    var scrollHandler = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.throttle)(updatePosition, 10);
+    // Отслеживание скролла на window и любых родительских элеметнах для обновления положения Tooltip в окне
+    var parents = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getScrollParents)(targetRef.current);
+    parents.forEach(function (parent) {
+      return parent.addEventListener('scroll', scrollHandler);
+    });
+    window.addEventListener('scroll', scrollHandler, {
+      passive: true
+    });
+    return function () {
+      parents.forEach(function (parent) {
+        return parent.removeEventListener('scroll', scrollHandler);
+      });
+      window.removeEventListener('scroll', scrollHandler);
+      if (rafId.current) cancelAnimationFrame(rafId.current);
+      observer.disconnect();
+    };
+  }, []);
+  function updatePosition() {
+    var _elementRect$current, _targetRef$current2;
+    if (!(targetRef !== null && targetRef !== void 0 && targetRef.current) || !(elementRef !== null && elementRef !== void 0 && elementRef.current) || (elementRect === null || elementRect === void 0 || (_elementRect$current = elementRect.current) === null || _elementRect$current === void 0 ? void 0 : _elementRect$current.height) === 0) return;
+    targetRect.current = targetRef === null || targetRef === void 0 || (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.getBoundingClientRect();
+    // Позиционирование относительно размеров целевого и позиционируемого элементов
+    var offset = arrow ? (0,_lib__WEBPACK_IMPORTED_MODULE_4__.getOffset)(targetRect.current, elementRect === null || elementRect === void 0 ? void 0 : elementRect.current, arrow) : {
+      x: 0,
+      y: 24
+    };
+    // Устанавливаем положение с учетом смещения
+    var top = "".concat(targetRect.current.top + offset.y, "px");
+    var left = "".concat(targetRect.current.left + offset.x, "px");
+    elementRef.current.style.top = top;
+    elementRef.current.style.left = left;
+    // Отображение после установки положения на экране
+    elementRef.current.style.opacity = '1';
+  }
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.ModalWindowWrapper, {
+    isShow: true,
+    setIsShow: onClose ? onClose : function () {},
+    additionElements: excludedOnCloseElements,
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(classes, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.Container, !!(targetRef !== null && targetRef !== void 0 && targetRef.current))),
+      ref: elementRef,
+      style: styles,
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.Tooltip, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.Dark, color === 'dark')),
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+          className: _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.Text,
+          children: text
+        }), description && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+          className: _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.Description,
+          children: description
+        }), arrow && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+          className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.Arrow, (_clsx3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_clsx3, _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.LeftTop, arrow === 'left-top'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.LeftCenter, arrow === 'left-center'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.LeftBottom, arrow === 'left-bottom'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.RightTop, arrow === 'right-top'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.RightCenter, arrow === 'right-center'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.RightBottom, arrow === 'right-bottom'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.TopLeft, arrow === 'top-left'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.TopCenter, arrow === 'top-center'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.TopRight, arrow === 'top-right'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.BottomLeft, arrow === 'bottom-left'), _defineProperty(_defineProperty(_clsx3, _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.BottomCenter, arrow === 'bottom-center'), _styles__WEBPACK_IMPORTED_MODULE_2__.TooltipStyles.BottomRight, arrow === 'bottom-right')))
+        })]
+      })
+    })
+  });
+}
+
+/***/ }),
+
+/***/ "./src/ui/Tooltip/ui/index.ts":
+/*!************************************!*\
+  !*** ./src/ui/Tooltip/ui/index.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Tooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_0__.Tooltip)
+/* harmony export */ });
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tooltip */ "./src/ui/Tooltip/ui/Tooltip.tsx");
+
+
 /***/ }),
 
 /***/ "./src/ui/UserPick/assets/index.ts":
@@ -27327,6 +27727,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TimeRangeField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_2__.TimeRangeField),
 /* harmony export */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_7__.Toggle),
 /* harmony export */   ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_6__.ToggleBase),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_25__.Tooltip),
 /* harmony export */   UserPick: () => (/* reexport safe */ _UserPick__WEBPACK_IMPORTED_MODULE_17__.UserPick),
 /* harmony export */   VIEW_CELL_SIZE: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.VIEW_CELL_SIZE),
 /* harmony export */   VideoPlayerBase: () => (/* reexport safe */ _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_19__.VideoPlayerBase),
@@ -27378,6 +27779,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Carousel */ "./src/ui/Carousel/index.ts");
 /* harmony import */ var _PlayButton__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./PlayButton */ "./src/ui/PlayButton/index.ts");
 /* harmony import */ var _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./DateTimePicker */ "./src/ui/DateTimePicker/index.ts");
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Tooltip */ "./src/ui/Tooltip/index.ts");
+
 
 
 
@@ -27584,6 +27987,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TimeRangeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TimeRangeField),
 /* harmony export */   Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Toggle),
 /* harmony export */   ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ToggleBase),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Tooltip),
 /* harmony export */   UserPick: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.UserPick),
 /* harmony export */   VIEW_CELL_SIZE: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.VIEW_CELL_SIZE),
 /* harmony export */   VideoPlayerBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.VideoPlayerBase),
@@ -27606,6 +28010,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   formWrapperComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.formWrapperComponent),
 /* harmony export */   getCenterElementAttribute: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.getCenterElementAttribute),
 /* harmony export */   getDeepValue: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.getDeepValue),
+/* harmony export */   getScrollParents: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.getScrollParents),
 /* harmony export */   getUniqueArray: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.getUniqueArray),
 /* harmony export */   handleScrollEnd: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.handleScrollEnd),
 /* harmony export */   inputFieldComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.inputFieldComponent),
@@ -27623,6 +28028,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   setOnlyTime: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.setOnlyTime),
 /* harmony export */   startOfDayUTC: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.startOfDayUTC),
 /* harmony export */   subDateYear: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.subDateYear),
+/* harmony export */   throttle: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.throttle),
 /* harmony export */   traverseTreeByStack: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.traverseTreeByStack),
 /* harmony export */   useFormData: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useFormData),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField)