indicator-ui 0.0.302 → 0.0.304

package/dist/index.js

@@ -41226,6 +41226,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useFormData: () => (/* reexport safe */ _useFormData__WEBPACK_IMPORTED_MODULE_1__.useFormData),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__.useIsErrorField),
 /* harmony export */   useResettableTimeout: () => (/* reexport safe */ _useResettableTimeout__WEBPACK_IMPORTED_MODULE_6__.useResettableTimeout),
+/* harmony export */   useSmartPosition: () => (/* reexport safe */ _useSmartPosition__WEBPACK_IMPORTED_MODULE_7__.useSmartPosition),
 /* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _useSyncedStateRef__WEBPACK_IMPORTED_MODULE_5__.useSyncedStateRef)
 /* harmony export */ });
 /* harmony import */ var _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useIsErrorField */ "./src/hooks/useIsErrorField.ts");
@@ -41235,6 +41236,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _useElementFixedOffset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useElementFixedOffset */ "./src/hooks/useElementFixedOffset.ts");
 /* harmony import */ var _useSyncedStateRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useSyncedStateRef */ "./src/hooks/useSyncedStateRef.ts");
 /* harmony import */ var _useResettableTimeout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useResettableTimeout */ "./src/hooks/useResettableTimeout.ts");
+/* harmony import */ var _useSmartPosition__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useSmartPosition */ "./src/hooks/useSmartPosition.ts");
+
 
 
 
@@ -41668,6 +41671,333 @@ function useResettableTimeout() {
 
 /***/ }),
 
+/***/ "./src/hooks/useSmartPosition.ts":
+/*!***************************************!*\
+  !*** ./src/hooks/useSmartPosition.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useSmartPosition: () => (/* binding */ useSmartPosition)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+var DEFAULT_OFFSET_FROM_PARENT__PX = 4;
+var DEFAULT_WEIGHTS = [[0.5, 1.5, 0.5], [1, 0, 1], [0.5, 1.5, 0.5]];
+/**
+ * Хук для умного позиционирования элемента.
+ *
+ * Позволяет определить оптимальное положение элемента,
+ * чтобы он не выходил за пределы видимой области.
+ *
+ * @param ref Ref на элемент, который нужно позиционировать
+ * @param [options.parentRef=undfined] Ref на контейнер, относительно которого будет происходить позиционирование. Если не задан, то будет позиционировать относительно изначального положения.
+ * @param [options.windowRef=window] Ref на контейнер, в области видимости которого будет происходить позиционирование. По умолчанию позиционирует в главном окне (`window`).
+ * @param [options.position='fixed'] Ref на контейнер, в области видимости которого будет происходить позиционирование. По умолчанию позиционирует в главном окне (`window`).
+ * @param [options.offset=4] Ref на контейнер, в области видимости которого будет происходить позиционирование. По умолчанию позиционирует в главном окне (`window`).
+ *
+ * @returns void
+ *
+ * @example
+ */
+function useSmartPosition() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var ref = args[0],
+    _args$ = args[1],
+    parentRef = _args$.parentRef,
+    windowRef = _args$.windowRef,
+    _args$$offset = _args$.offset,
+    offset = _args$$offset === void 0 ? DEFAULT_OFFSET_FROM_PARENT__PX : _args$$offset,
+    _args$$position = _args$.position,
+    position = _args$$position === void 0 ? 'fixed' : _args$$position,
+    _args$$weights = _args$.weights,
+    weights = _args$$weights === void 0 ? DEFAULT_WEIGHTS : _args$$weights;
+  var getSizeOfObj = function getSizeOfObj() {
+    var _ref$current;
+    var rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
+    return [rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height];
+  };
+  var getPosOfObj = function getPosOfObj() {
+    var _ref$current2;
+    var rect = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getBoundingClientRect();
+    return [rect === null || rect === void 0 ? void 0 : rect.x, rect === null || rect === void 0 ? void 0 : rect.y];
+  };
+  var getSizeOfParent = function getSizeOfParent() {
+    if (parentRef) {
+      var _parentRef$current;
+      var rect = (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.getBoundingClientRect();
+      return [rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height];
+    }
+    return [0, 0];
+  };
+  var getPosOfParent = function getPosOfParent() {
+    if (parentRef) {
+      var _parentRef$current2;
+      var rect = (_parentRef$current2 = parentRef.current) === null || _parentRef$current2 === void 0 ? void 0 : _parentRef$current2.getBoundingClientRect();
+      return [rect === null || rect === void 0 ? void 0 : rect.x, rect === null || rect === void 0 ? void 0 : rect.y];
+    }
+    return getPosOfObj();
+  };
+  var getSizeOfWindow = function getSizeOfWindow() {
+    if (windowRef) {
+      var _windowRef$current;
+      var rect = (_windowRef$current = windowRef.current) === null || _windowRef$current === void 0 ? void 0 : _windowRef$current.getBoundingClientRect();
+      return [rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height];
+    }
+    return [window.innerWidth, window.innerHeight];
+  };
+  var getPosOfWindow = function getPosOfWindow() {
+    if (windowRef) {
+      var _windowRef$current2;
+      var rect = (_windowRef$current2 = windowRef.current) === null || _windowRef$current2 === void 0 ? void 0 : _windowRef$current2.getBoundingClientRect();
+      return [rect === null || rect === void 0 ? void 0 : rect.x, rect === null || rect === void 0 ? void 0 : rect.y];
+    }
+    return [0, 0];
+  };
+  var getAvailablePlacements = function getAvailablePlacements() {
+    var _getSizeOfObj = getSizeOfObj(),
+      _getSizeOfObj2 = _slicedToArray(_getSizeOfObj, 2),
+      w = _getSizeOfObj2[0],
+      h = _getSizeOfObj2[1];
+    var _getSizeOfParent = getSizeOfParent(),
+      _getSizeOfParent2 = _slicedToArray(_getSizeOfParent, 2),
+      pW = _getSizeOfParent2[0],
+      pH = _getSizeOfParent2[1];
+    var _getPosOfParent = getPosOfParent(),
+      _getPosOfParent2 = _slicedToArray(_getPosOfParent, 2),
+      pX = _getPosOfParent2[0],
+      pY = _getPosOfParent2[1];
+    var _getSizeOfWindow = getSizeOfWindow(),
+      _getSizeOfWindow2 = _slicedToArray(_getSizeOfWindow, 2),
+      wW = _getSizeOfWindow2[0],
+      wH = _getSizeOfWindow2[1];
+    var _getPosOfWindow = getPosOfWindow(),
+      _getPosOfWindow2 = _slicedToArray(_getPosOfWindow, 2),
+      wX = _getPosOfWindow2[0],
+      wY = _getPosOfWindow2[1];
+    var T = pY + wY - h >= 0;
+    var R = pX + wX + pW + w <= wW;
+    var B = pY + wY + pH + h <= wH;
+    var L = pX + wX - w >= 0;
+    var parentCenterX = pX + pW / 2;
+    var parentCenterY = pY + pH / 2;
+    var centerX = parentCenterX - w / 2 >= 0 && parentCenterX + w / 2 <= wW;
+    var centerY = parentCenterY - h / 2 >= 0 && parentCenterY + h / 2 <= wH;
+    return [T, R, B, L, centerX, centerY];
+  };
+  var replaceOnLeftSide = function replaceOnLeftSide() {
+    var _getSizeOfObj3 = getSizeOfObj(),
+      _getSizeOfObj4 = _slicedToArray(_getSizeOfObj3, 1),
+      w = _getSizeOfObj4[0];
+    var _getPosOfParent3 = getPosOfParent(),
+      _getPosOfParent4 = _slicedToArray(_getPosOfParent3, 1),
+      pX = _getPosOfParent4[0];
+    var newLeft;
+    if (position === 'fixed') {
+      newLeft = pX - w - offset;
+    } else {
+      newLeft = -w - offset;
+    }
+    if (ref.current) {
+      ref.current.style.left = "".concat(newLeft, "px");
+    }
+  };
+  var replaceOnCenterX = function replaceOnCenterX() {
+    var _getSizeOfObj5 = getSizeOfObj(),
+      _getSizeOfObj6 = _slicedToArray(_getSizeOfObj5, 1),
+      w = _getSizeOfObj6[0];
+    var _getSizeOfParent3 = getSizeOfParent(),
+      _getSizeOfParent4 = _slicedToArray(_getSizeOfParent3, 1),
+      pW = _getSizeOfParent4[0];
+    var _getPosOfParent5 = getPosOfParent(),
+      _getPosOfParent6 = _slicedToArray(_getPosOfParent5, 1),
+      pX = _getPosOfParent6[0];
+    var newLeft;
+    if (position === 'fixed') {
+      newLeft = pX + pW / 2 - w / 2;
+    } else {
+      newLeft = pW / 2 - w / 2;
+    }
+    if (ref.current) {
+      ref.current.style.left = "".concat(newLeft, "px");
+    }
+  };
+  var replaceOnRightSide = function replaceOnRightSide() {
+    var _getSizeOfParent5 = getSizeOfParent(),
+      _getSizeOfParent6 = _slicedToArray(_getSizeOfParent5, 1),
+      pW = _getSizeOfParent6[0];
+    var _getPosOfParent7 = getPosOfParent(),
+      _getPosOfParent8 = _slicedToArray(_getPosOfParent7, 1),
+      pX = _getPosOfParent8[0];
+    var newLeft;
+    if (position === 'fixed') {
+      newLeft = pX + pW + offset;
+    } else {
+      newLeft = pW + offset;
+    }
+    if (ref.current) {
+      ref.current.style.left = "".concat(newLeft, "px");
+    }
+  };
+  var replaceOnTopSide = function replaceOnTopSide() {
+    var _getSizeOfObj7 = getSizeOfObj(),
+      _getSizeOfObj8 = _slicedToArray(_getSizeOfObj7, 2),
+      h = _getSizeOfObj8[1];
+    var _getPosOfParent9 = getPosOfParent(),
+      _getPosOfParent10 = _slicedToArray(_getPosOfParent9, 2),
+      pY = _getPosOfParent10[1];
+    var newTop;
+    if (position === 'fixed') {
+      newTop = pY - h - offset;
+    } else {
+      newTop = -h - offset;
+    }
+    if (ref.current) {
+      ref.current.style.top = "".concat(newTop, "px");
+    }
+  };
+  var replaceOnCenterY = function replaceOnCenterY() {
+    var _getSizeOfObj9 = getSizeOfObj(),
+      _getSizeOfObj10 = _slicedToArray(_getSizeOfObj9, 2),
+      h = _getSizeOfObj10[1];
+    var _getPosOfParent11 = getPosOfParent(),
+      _getPosOfParent12 = _slicedToArray(_getPosOfParent11, 2),
+      pY = _getPosOfParent12[1];
+    var _getSizeOfParent7 = getSizeOfParent(),
+      _getSizeOfParent8 = _slicedToArray(_getSizeOfParent7, 2),
+      pH = _getSizeOfParent8[1];
+    var newTop;
+    if (position === 'fixed') {
+      newTop = pY + pH / 2 - h / 2;
+    } else {
+      newTop = pH / 2 - h / 2;
+    }
+    if (ref.current) {
+      ref.current.style.top = "".concat(newTop, "px");
+    }
+  };
+  var replaceOnBottomSide = function replaceOnBottomSide() {
+    var _getSizeOfParent9 = getSizeOfParent(),
+      _getSizeOfParent10 = _slicedToArray(_getSizeOfParent9, 2),
+      pH = _getSizeOfParent10[1];
+    var _getPosOfParent13 = getPosOfParent(),
+      _getPosOfParent14 = _slicedToArray(_getPosOfParent13, 2),
+      pY = _getPosOfParent14[1];
+    var newTop;
+    if (position === 'fixed') {
+      newTop = pY + pH + offset;
+    } else {
+      newTop = pH + offset;
+    }
+    if (ref.current) {
+      ref.current.style.top = "".concat(newTop, "px");
+    }
+  };
+  var replaceLeftTop = function replaceLeftTop() {
+    replaceOnLeftSide();
+    replaceOnTopSide();
+  };
+  var replaceLeftCenter = function replaceLeftCenter() {
+    replaceOnLeftSide();
+    replaceOnCenterY();
+  };
+  var replaceLeftBottom = function replaceLeftBottom() {
+    replaceOnLeftSide();
+    replaceOnBottomSide();
+  };
+  var replaceRightTop = function replaceRightTop() {
+    replaceOnRightSide();
+    replaceOnTopSide();
+  };
+  var replaceRightCenter = function replaceRightCenter() {
+    replaceOnRightSide();
+    replaceOnCenterY();
+  };
+  var replaceRightBottom = function replaceRightBottom() {
+    replaceOnRightSide();
+    replaceOnBottomSide();
+  };
+  var replaceTopCenter = function replaceTopCenter() {
+    replaceOnTopSide();
+    replaceOnCenterX();
+  };
+  var replaceBottomCenter = function replaceBottomCenter() {
+    replaceOnBottomSide();
+    replaceOnCenterX();
+  };
+  var callbacksMatrix = [[replaceLeftTop, replaceTopCenter, replaceRightTop], [replaceLeftCenter, undefined, replaceRightCenter], [replaceLeftBottom, replaceBottomCenter, replaceRightBottom]];
+  var resizeListener = function resizeListener() {
+    var _getAvailablePlacemen = getAvailablePlacements(),
+      _getAvailablePlacemen2 = _slicedToArray(_getAvailablePlacemen, 6),
+      T = _getAvailablePlacemen2[0],
+      R = _getAvailablePlacemen2[1],
+      B = _getAvailablePlacemen2[2],
+      L = _getAvailablePlacemen2[3],
+      centerX = _getAvailablePlacemen2[4],
+      centerY = _getAvailablePlacemen2[5];
+    var curWeightTable = [[+(T && L), +(T && centerX), +(T && R)], [+(L && centerY), 0, +(R && centerY)], [+(B && L), +(B && centerX), +(B && R)]];
+    var resMatrix = elementwiseMultiply(curWeightTable, weights);
+    var max = getMaxPosition(resMatrix);
+    if (max.val !== 0) {
+      var _callbacksMatrix$max$, _callbacksMatrix$max$2;
+      (_callbacksMatrix$max$ = (_callbacksMatrix$max$2 = callbacksMatrix[max.pos[0]])[max.pos[1]]) === null || _callbacksMatrix$max$ === void 0 || _callbacksMatrix$max$.call(_callbacksMatrix$max$2);
+    }
+  };
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var observer = new ResizeObserver(resizeListener);
+    var clearListeners = function clearListeners() {
+      if (parentRef !== null && parentRef !== void 0 && parentRef.current) observer.unobserve(parentRef.current);
+      if (windowRef !== null && windowRef !== void 0 && windowRef.current) observer.unobserve(windowRef.current);
+      window.removeEventListener('resize', resizeListener);
+    };
+    var setUpListeners = function setUpListeners() {
+      window.addEventListener('resize', resizeListener);
+      if (parentRef !== null && parentRef !== void 0 && parentRef.current) observer.observe(parentRef.current);
+      if (windowRef !== null && windowRef !== void 0 && windowRef.current) observer.observe(windowRef.current);
+    };
+    setUpListeners();
+    resizeListener();
+    return clearListeners;
+  }, []);
+}
+function getMaxPosition(matrix) {
+  var maxVal = -Infinity;
+  var maxPos = [0, 0];
+  for (var i = 0; i < matrix.length; i++) {
+    for (var j = 0; j < matrix[i].length; j++) {
+      var current = matrix[i][j];
+      if (current > maxVal) {
+        maxVal = current;
+        maxPos = [i, j];
+      }
+    }
+  }
+  return {
+    val: maxVal,
+    pos: maxPos
+  };
+}
+function elementwiseMultiply(m1, m2) {
+  return m1.map(function (row, i) {
+    return row.map(function (val, j) {
+      return val * m2[i][j];
+    });
+  });
+}
+
+/***/ }),
+
 /***/ "./src/hooks/useSyncedStateRef.ts":
 /*!****************************************!*\
   !*** ./src/hooks/useSyncedStateRef.ts ***!
@@ -42564,6 +42894,20 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _DictDeepActionsTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DictDeepActionsTypes */ "./src/types/DictDeepActionsTypes.ts");
+/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mixins */ "./src/types/mixins.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/types/mixins.ts":
+/*!*****************************!*\
+  !*** ./src/types/mixins.ts ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
@@ -55558,6 +55902,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useFormData: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useFormData),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField),
 /* harmony export */   useResettableTimeout: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useResettableTimeout),
+/* harmony export */   useSmartPosition: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartPosition),
 /* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSyncedStateRef)
 /* harmony export */ });
 /* harmony import */ var _styles_colors_css_variables_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/styles/colors/css-variables/index.css */ "./src/styles/colors/css-variables/index.css");