indicator-ui 0.0.342 → 0.0.344

package/dist/index.js

@@ -41463,6 +41463,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useInteractiveZone: () => (/* reexport safe */ _useInteractiveZone__WEBPACK_IMPORTED_MODULE_10__.useInteractiveZone),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__.useIsErrorField),
 /* harmony export */   useResettableTimeout: () => (/* reexport safe */ _useResettableTimeout__WEBPACK_IMPORTED_MODULE_6__.useResettableTimeout),
+/* harmony export */   useSmartPlacementResolver: () => (/* reexport safe */ _useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_12__.useSmartPlacementResolver),
 /* harmony export */   useSmartPosition: () => (/* reexport safe */ _useSmartPosition__WEBPACK_IMPORTED_MODULE_7__.useSmartPosition),
 /* harmony export */   useSmartScroll: () => (/* reexport safe */ _useSmartScroll__WEBPACK_IMPORTED_MODULE_9__.useSmartScroll),
 /* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _useSyncedStateRef__WEBPACK_IMPORTED_MODULE_5__.useSyncedStateRef)
@@ -41479,6 +41480,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _useSmartScroll__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useSmartScroll */ "./src/hooks/useSmartScroll/index.ts");
 /* harmony import */ var _useInteractiveZone__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useInteractiveZone */ "./src/hooks/useInteractiveZone.ts");
 /* harmony import */ var _useDidUpdateEffect__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useDidUpdateEffect */ "./src/hooks/useDidUpdateEffect.ts");
+/* harmony import */ var _useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useSmartPlacementResolver */ "./src/hooks/useSmartPlacementResolver.ts");
+
 
 
 
@@ -42053,28 +42056,31 @@ function useResettableTimeout() {
 
 /***/ }),
 
-/***/ "./src/hooks/useSmartPosition.ts":
-/*!***************************************!*\
-  !*** ./src/hooks/useSmartPosition.ts ***!
-  \***************************************/
+/***/ "./src/hooks/useSmartPlacementResolver.ts":
+/*!************************************************!*\
+  !*** ./src/hooks/useSmartPlacementResolver.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 */   useSmartPlacementResolver: () => (/* binding */ useSmartPlacementResolver)
 /* 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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 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]];
+var DEFAULT_WEIGHTS = [[0.5, 1.5, 0.5], [1, 0, 1], [0.5, 1.6, 0.5]];
 /**
  * Хук для умного позиционирования элемента.
  *
@@ -42091,24 +42097,24 @@ var DEFAULT_WEIGHTS = [[0.5, 1.5, 0.5], [1, 0, 1], [0.5, 1.5, 0.5]];
  * @example
  * @param args
  */
-function useSmartPosition() {
+function useSmartPlacementResolver() {
   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,
-    _args$$alignX = _args$.alignX,
-    alignX = _args$$alignX === void 0 ? 'center' : _args$$alignX,
-    _args$$alignY = _args$.alignY,
-    alignY = _args$$alignY === void 0 ? 'center' : _args$$alignY;
+    options = args[1];
+  var parentRef = options.parentRef,
+    windowRef = options.windowRef,
+    _options$offset = options.offset,
+    offset = _options$offset === void 0 ? DEFAULT_OFFSET_FROM_PARENT__PX : _options$offset,
+    _options$position = options.position,
+    position = _options$position === void 0 ? 'fixed' : _options$position,
+    _options$weights = options.weights,
+    weights = _options$weights === void 0 ? DEFAULT_WEIGHTS : _options$weights,
+    _options$alignX = options.alignX,
+    alignX = _options$alignX === void 0 ? 'center' : _options$alignX,
+    _options$alignY = options.alignY,
+    alignY = _options$alignY === void 0 ? 'center' : _options$alignY;
   var getSizeOfObj = function getSizeOfObj() {
     var _ref$current;
     var rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
@@ -42195,9 +42201,9 @@ function useSmartPosition() {
     } else {
       newLeft = -w - offset;
     }
-    if (ref.current) {
-      ref.current.style.left = "".concat(newLeft, "px");
-    }
+    return {
+      left: newLeft
+    };
   };
   var replaceOnCenterX = function replaceOnCenterX() {
     var _getSizeOfObj5 = getSizeOfObj(),
@@ -42227,9 +42233,9 @@ function useSmartPosition() {
     } else {
       newLeft = pW / 2 - stepX;
     }
-    if (ref.current) {
-      ref.current.style.left = "".concat(newLeft, "px");
-    }
+    return {
+      left: newLeft
+    };
   };
   var replaceOnRightSide = function replaceOnRightSide() {
     var _getSizeOfParent5 = getSizeOfParent(),
@@ -42244,9 +42250,9 @@ function useSmartPosition() {
     } else {
       newLeft = pW + offset;
     }
-    if (ref.current) {
-      ref.current.style.left = "".concat(newLeft, "px");
-    }
+    return {
+      left: newLeft
+    };
   };
   var replaceOnTopSide = function replaceOnTopSide() {
     var _getSizeOfObj7 = getSizeOfObj(),
@@ -42261,9 +42267,9 @@ function useSmartPosition() {
     } else {
       newTop = -h - offset;
     }
-    if (ref.current) {
-      ref.current.style.top = "".concat(newTop, "px");
-    }
+    return {
+      top: newTop
+    };
   };
   var replaceOnCenterY = function replaceOnCenterY() {
     var _getSizeOfObj9 = getSizeOfObj(),
@@ -42293,9 +42299,9 @@ function useSmartPosition() {
     } else {
       newTop = pH / 2 - stepY;
     }
-    if (ref.current) {
-      ref.current.style.top = "".concat(newTop, "px");
-    }
+    return {
+      top: newTop
+    };
   };
   var replaceOnBottomSide = function replaceOnBottomSide() {
     var _getSizeOfParent9 = getSizeOfParent(),
@@ -42310,44 +42316,36 @@ function useSmartPosition() {
     } else {
       newTop = pH + offset;
     }
-    if (ref.current) {
-      ref.current.style.top = "".concat(newTop, "px");
-    }
+    return {
+      top: newTop
+    };
   };
   var replaceLeftTop = function replaceLeftTop() {
-    replaceOnLeftSide();
-    replaceOnTopSide();
+    return _objectSpread(_objectSpread({}, replaceOnLeftSide()), replaceOnTopSide());
   };
   var replaceLeftCenter = function replaceLeftCenter() {
-    replaceOnLeftSide();
-    replaceOnCenterY();
+    return _objectSpread(_objectSpread({}, replaceOnLeftSide()), replaceOnCenterY());
   };
   var replaceLeftBottom = function replaceLeftBottom() {
-    replaceOnLeftSide();
-    replaceOnBottomSide();
+    return _objectSpread(_objectSpread({}, replaceOnLeftSide()), replaceOnBottomSide());
   };
   var replaceRightTop = function replaceRightTop() {
-    replaceOnRightSide();
-    replaceOnTopSide();
+    return _objectSpread(_objectSpread({}, replaceOnRightSide()), replaceOnTopSide());
   };
   var replaceRightCenter = function replaceRightCenter() {
-    replaceOnRightSide();
-    replaceOnCenterY();
+    return _objectSpread(_objectSpread({}, replaceOnRightSide()), replaceOnCenterY());
   };
   var replaceRightBottom = function replaceRightBottom() {
-    replaceOnRightSide();
-    replaceOnBottomSide();
+    return _objectSpread(_objectSpread({}, replaceOnRightSide()), replaceOnBottomSide());
   };
   var replaceTopCenter = function replaceTopCenter() {
-    replaceOnTopSide();
-    replaceOnCenterX();
+    return _objectSpread(_objectSpread({}, replaceOnTopSide()), replaceOnCenterX());
   };
   var replaceBottomCenter = function replaceBottomCenter() {
-    replaceOnBottomSide();
-    replaceOnCenterX();
+    return _objectSpread(_objectSpread({}, replaceOnBottomSide()), replaceOnCenterX());
   };
   var callbacksMatrix = [[replaceLeftTop, replaceTopCenter, replaceRightTop], [replaceLeftCenter, undefined, replaceRightCenter], [replaceLeftBottom, replaceBottomCenter, replaceRightBottom]];
-  var resizeListener = function resizeListener() {
+  var changePosCalc = function changePosCalc() {
     var _getAvailablePlacemen = getAvailablePlacements(),
       _getAvailablePlacemen2 = _slicedToArray(_getAvailablePlacemen, 6),
       T = _getAvailablePlacemen2[0],
@@ -42361,8 +42359,15 @@ function useSmartPosition() {
     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);
+      var newPos = (_callbacksMatrix$max$ = (_callbacksMatrix$max$2 = callbacksMatrix[max.pos[0]])[max.pos[1]]) === null || _callbacksMatrix$max$ === void 0 ? void 0 : _callbacksMatrix$max$.call(_callbacksMatrix$max$2);
+      if (newPos) {
+        return newPos;
+      }
     }
+    return {
+      left: 0,
+      top: 0
+    };
   };
   var configurateObj = function configurateObj() {
     if (ref !== null && ref !== void 0 && ref.current) {
@@ -42372,43 +42377,16 @@ function useSmartPosition() {
       parentRef.current.style.position = 'relative';
     }
   };
-  var viewObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new IntersectionObserver(function (entries) {
-    entries.forEach(function (entry) {
-      if (entry.isIntersecting) {
-        resizeListener();
-      }
-    });
-  }, {
-    threshold: [0, 0.5, 1]
-  }));
-  var resizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new ResizeObserver(resizeListener));
-  var setUpListeners = function setUpListeners() {
-    window.addEventListener('resize', resizeListener);
-    if (ref.current) viewObserver.current.observe(ref.current);
-    if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.current.observe(parentRef.current);
-    if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.current.observe(windowRef.current);
-  };
-  var clearListeners = function clearListeners() {
-    if (ref.current) viewObserver.current.unobserve(ref.current);
-    if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.current.unobserve(parentRef.current);
-    if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.current.unobserve(windowRef.current);
-    window.removeEventListener('resize', resizeListener);
-    window.removeEventListener('scroll', resizeListener);
-  };
-  var setUpHook = function setUpHook() {
+  var init = function init() {
     configurateObj();
-    resizeListener();
-    setUpListeners();
+    return changePosCalc();
   };
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setUpHook();
-    return clearListeners;
-  }, []);
-  var recalc = function recalc() {
-    setUpHook();
+  var calc = function calc() {
+    return changePosCalc();
   };
   return {
-    recalc: recalc
+    init: init,
+    calc: calc
   };
 }
 function getMaxPosition(matrix) {
@@ -42438,6 +42416,109 @@ function elementwiseMultiply(m1, m2) {
 
 /***/ }),
 
+/***/ "./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 _hooks_useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/hooks/useSmartPlacementResolver */ "./src/hooks/useSmartPlacementResolver.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+
+
+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],
+    options = _args$ === void 0 ? {} : _args$,
+    _args$2 = args[2],
+    callbacks = _args$2 === void 0 ? {} : _args$2;
+  var parentRef = options.parentRef,
+    windowRef = options.windowRef;
+  var onChangePlacement = callbacks.onChangePlacement,
+    onInitPlacement = callbacks.onInitPlacement;
+  var lastPlacement = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(undefined);
+  var _useSmartPlacementRes = (0,_hooks_useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_0__.useSmartPlacementResolver)(ref, options),
+    init = _useSmartPlacementRes.init,
+    calc = _useSmartPlacementRes.calc;
+  var setUp = function setUp() {
+    var pos = init();
+    setPos(pos);
+    handleInitPlacement(pos);
+    setUpListeners();
+  };
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    setUp();
+    return clearListeners;
+  }, []);
+  var setPos = function setPos(pos) {
+    var obj = ref.current;
+    if (obj) {
+      obj.style.top = pos.top + 'px';
+      obj.style.left = pos.left + 'px';
+    }
+  };
+  var handleInitPlacement = function handleInitPlacement(pos) {
+    onInitPlacement(pos);
+    lastPlacement.current = pos;
+  };
+  var isEqualPos = function isEqualPos(a, b) {
+    return a.left === b.left && a.top === b.top;
+  };
+  var handleChangePlacement = function handleChangePlacement(pos) {
+    var lastPos = lastPlacement.current;
+    if (!isEqualPos(lastPos, pos)) {
+      onChangePlacement(pos);
+      lastPlacement.current = pos;
+    }
+  };
+  var resizeListener = function resizeListener() {
+    var newPos = calc();
+    setPos(newPos);
+    handleChangePlacement(newPos);
+  };
+  var recalc = function recalc() {
+    setUp();
+  };
+  var viewObserver = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(new IntersectionObserver(function (entries) {
+    entries.forEach(function (entry) {
+      console.log(entry);
+      if (entry.isIntersecting) {
+        resizeListener();
+      }
+    });
+  }, {
+    threshold: [0, 0.5, 1]
+  }));
+  var resizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(new ResizeObserver(resizeListener));
+  var setUpListeners = function setUpListeners() {
+    window.addEventListener('resize', resizeListener);
+    if (ref.current) viewObserver.current.observe(ref.current);
+    if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.current.observe(parentRef.current);
+    if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.current.observe(windowRef.current);
+  };
+  var clearListeners = function clearListeners() {
+    if (ref.current) viewObserver.current.unobserve(ref.current);
+    if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.current.unobserve(parentRef.current);
+    if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.current.unobserve(windowRef.current);
+    window.removeEventListener('resize', resizeListener);
+    window.removeEventListener('scroll', resizeListener);
+  };
+  return {
+    recalc: recalc
+  };
+}
+
+/***/ }),
+
 /***/ "./src/hooks/useSmartScroll/hooks/index.ts":
 /*!*************************************************!*\
   !*** ./src/hooks/useSmartScroll/hooks/index.ts ***!
@@ -57094,6 +57175,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useInteractiveZone: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useInteractiveZone),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField),
 /* harmony export */   useResettableTimeout: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useResettableTimeout),
+/* harmony export */   useSmartPlacementResolver: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartPlacementResolver),
 /* harmony export */   useSmartPosition: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartPosition),
 /* harmony export */   useSmartScroll: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartScroll),
 /* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSyncedStateRef)