indicator-ui 0.0.319 → 0.0.320

package/dist/index.js

@@ -41463,6 +41463,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */   useSmartScroll: () => (/* reexport safe */ _useSmartScroll__WEBPACK_IMPORTED_MODULE_9__.useSmartScroll),
 /* 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");
@@ -41474,6 +41475,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
 /* harmony import */ var _useDebouncedInvoker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useDebouncedInvoker */ "./src/hooks/useDebouncedInvoker.ts");
+/* harmony import */ var _useSmartScroll__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useSmartScroll */ "./src/hooks/useSmartScroll/index.ts");
+
 
 
 
@@ -42288,6 +42291,591 @@ function elementwiseMultiply(m1, m2) {
 
 /***/ }),
 
+/***/ "./src/hooks/useSmartScroll/hooks/index.ts":
+/*!*************************************************!*\
+  !*** ./src/hooks/useSmartScroll/hooks/index.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useSmartScroll: () => (/* reexport safe */ _useSmartScroll__WEBPACK_IMPORTED_MODULE_0__.useSmartScroll)
+/* harmony export */ });
+/* harmony import */ var _useSmartScroll__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useSmartScroll */ "./src/hooks/useSmartScroll/hooks/useSmartScroll.ts");
+
+
+/***/ }),
+
+/***/ "./src/hooks/useSmartScroll/hooks/useDragScroll.ts":
+/*!*********************************************************!*\
+  !*** ./src/hooks/useSmartScroll/hooks/useDragScroll.ts ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useDragScroll: () => (/* binding */ useDragScroll)
+/* 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 useDragScroll() {
+  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$;
+  var _options$disabled = options.disabled,
+    disabled = _options$disabled === void 0 ? false : _options$disabled;
+  var isGrabbingRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  var startX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+  var startY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+  var scrollLeft = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+  var scrollTop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+  var onMouseDown = function onMouseDown(e) {
+    var container = ref.current;
+    if (!container) return;
+    isGrabbingRef.current = true;
+    container.style.cursor = "grabbing";
+    startX.current = e.pageX - container.offsetLeft;
+    startY.current = e.pageY - container.offsetTop;
+    scrollLeft.current = container.scrollLeft;
+    scrollTop.current = container.scrollTop;
+  };
+  var onMouseUp = function onMouseUp() {
+    var container = ref.current;
+    if (!container) return;
+    isGrabbingRef.current = false;
+    container.style.cursor = "grab";
+  };
+  var onMouseLeave = function onMouseLeave() {
+    var container = ref.current;
+    if (!container) return;
+    isGrabbingRef.current = false;
+    container.style.cursor = "grab";
+  };
+  var onMouseMove = function onMouseMove(e) {
+    var container = ref.current;
+    if (!container) return;
+    if (!isGrabbingRef.current) return;
+    e.preventDefault();
+    var x = e.pageX - container.offsetLeft;
+    var y = e.pageY - container.offsetTop;
+    var walkX = x - startX.current;
+    var walkY = y - startY.current;
+    container.scrollLeft = scrollLeft.current - walkX;
+    container.scrollTop = scrollTop.current - walkY;
+  };
+  var initListeners = function initListeners() {
+    var container = ref.current;
+    if (!container) return;
+    container.style.cursor = "grab";
+    container.addEventListener("mousedown", onMouseDown);
+    container.addEventListener("mouseup", onMouseUp);
+    container.addEventListener("mouseleave", onMouseLeave);
+    container.addEventListener("mousemove", onMouseMove);
+  };
+  var clearListeners = function clearListeners() {
+    var container = ref.current;
+    if (!container) return;
+    container.removeEventListener("mousedown", onMouseDown);
+    container.removeEventListener("mouseup", onMouseUp);
+    container.removeEventListener("mouseleave", onMouseLeave);
+    container.removeEventListener("mousemove", onMouseMove);
+  };
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (!disabled) {
+      initListeners();
+    }
+    return clearListeners;
+  }, [disabled]);
+}
+
+/***/ }),
+
+/***/ "./src/hooks/useSmartScroll/hooks/useSmartScroll.ts":
+/*!**********************************************************!*\
+  !*** ./src/hooks/useSmartScroll/hooks/useSmartScroll.ts ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useSmartScroll: () => (/* binding */ useSmartScroll)
+/* 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__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/hooks/useSmartScroll/utils/index.ts");
+/* harmony import */ var _useWheelEvent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useWheelEvent */ "./src/hooks/useSmartScroll/hooks/useWheelEvent.ts");
+/* harmony import */ var _useTouchmove__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useTouchmove */ "./src/hooks/useSmartScroll/hooks/useTouchmove.ts");
+/* harmony import */ var _hooks_useSmartScroll_hooks_useDragScroll__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks/useSmartScroll/hooks/useDragScroll */ "./src/hooks/useSmartScroll/hooks/useDragScroll.ts");
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+
+
+
+
+
+
+var CALLBACK_DELAY = 200;
+/**
+ * Хук позволяет, через декораторы `decoratorChangeStart` и `decoratorChangeEnd`, добавлять/убавлять элементы
+ * в начало/конец контейнера со скроллом, предотвращая прыжки скрола.
+ *
+ * Также есть возможность отслеживать момент, когда компонент скроллится в самый конец или в самое начало, при этом
+ * будут вызовы, когда пользователь __стучится__ в границы компонента.
+ *
+ * В хуке реализована логика умного вызова функций `onScrollStart` и `onScrollEnd`,
+ * они будут вызваны по направлению движения скролла, а не только при пересечение определенной точки,
+ * но эту точку можно контролировать через `delayPx`.
+ *
+ * Реализована логика __стучания__ для вызова callback-функция `onScrollStart` и `onScrollEnd` -
+ * при попытке скролла в краях, это работает как с колесиком мыши, так и свапе.
+ *
+ * ---
+ *
+ * __Применение:__
+ * * Через него можно удобно реализовать `бесконечную ленту`.
+ * * Хорошо подойдет для чатов.
+ * * Можно использовать для пагинации
+ *
+ * ---
+ *
+ * _Лучше всего компонент себя показывает в сценариях,
+ * когда элементы можно добавить в начало._
+ *
+ * @return
+ *  * `decoratorChangeStart` - декоратор для изменения элементов в начале
+ *  * `decoratorChangeEnd` - декоратор для изменения элементов в конце
+ *  * `decoratorChangeStartAsync` - асинхронный декоратор для изменения элементов в начале,
+ *  принимает асинхронную функцию и ждет ее выполнения
+ *  * `decoratorChangeEndAsync` - асинхронный декоратор для изменения элементов в конце,
+ *  принимает асинхронную функцию и ждет ее выполнения
+ * */
+function useSmartScroll() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var ref = args[0],
+    callbacks = args[1],
+    _args$ = args[2],
+    options = _args$ === void 0 ? {} : _args$;
+  var onScrollStart = callbacks.onScrollStart,
+    onScrollEnd = callbacks.onScrollEnd;
+  var delayPx = options.delayPx,
+    _options$callbackDela = options.callbackDelay,
+    callbackDelay = _options$callbackDela === void 0 ? CALLBACK_DELAY : _options$callbackDela,
+    wheelCallbackDelay = options.wheelCallbackDelay,
+    touchmoveCallbackDelay = options.touchmoveCallbackDelay,
+    _options$dragScrollDi = options.dragScrollDisabled,
+    dragScrollDisabled = _options$dragScrollDi === void 0 ? false : _options$dragScrollDi,
+    _options$touchmoveDis = options.touchmoveDisabled,
+    touchmoveDisabled = _options$touchmoveDis === void 0 ? false : _options$touchmoveDis,
+    _options$wheelDisable = options.wheelDisabled,
+    wheelDisabled = _options$wheelDisable === void 0 ? false : _options$wheelDisable;
+  var _onScrollStart = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebouncedInvoker)(onScrollStart, callbackDelay);
+  var _onScrollEnd = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebouncedInvoker)(onScrollEnd, callbackDelay);
+  var lastScrollTop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(undefined);
+  var savedScrollData = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(undefined);
+  (0,_useWheelEvent__WEBPACK_IMPORTED_MODULE_3__.useWheelEvent)(ref, {
+    onWheelDown: onMoveDown,
+    onWheelUp: onMoveUp
+  }, {
+    callbackDelay: wheelCallbackDelay,
+    disabled: wheelDisabled
+  });
+  (0,_useTouchmove__WEBPACK_IMPORTED_MODULE_4__.useTouchmove)(ref, {
+    onTouchmoveDown: onMoveDown,
+    onTouchmoveUp: onMoveUp
+  }, {
+    callbackDelay: touchmoveCallbackDelay,
+    disabled: touchmoveDisabled
+  });
+  (0,_hooks_useSmartScroll_hooks_useDragScroll__WEBPACK_IMPORTED_MODULE_5__.useDragScroll)(ref, {
+    disabled: dragScrollDisabled
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    saveLastScroll();
+  }, []);
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDeepCompareEffect)(function () {
+    var target = ref.current;
+    if (target) {
+      target.addEventListener('scroll', scrollListener);
+    }
+    return function () {
+      if (target) {
+        target.removeEventListener('scroll', scrollListener);
+      }
+    };
+  }, [options]);
+  var getScrollSign = function getScrollSign() {
+    var target = ref.current;
+    if (target === null) {
+      throw Error('target is null');
+    }
+    var style = getComputedStyle(target);
+    var flexDirection = style.getPropertyValue('flex-direction');
+    return flexDirection === 'column-reverse' ? -1 : 1;
+  };
+  var getScrollDirection = function getScrollDirection() {
+    var sign = getScrollSign();
+    var _old = lastScrollTop.current;
+    var _new = ref.current.scrollTop;
+    return (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getScrollStatus)(_old, _new, sign);
+  };
+  var saveLastScroll = function saveLastScroll() {
+    if (ref.current) {
+      lastScrollTop.current = ref.current.scrollTop;
+    }
+  };
+  var scrollListener = function scrollListener(event) {
+    if (ref.current) {
+      var scrollTop = ref.current.scrollTop;
+      var scrollHeight = ref.current.scrollHeight;
+      var clientHeight = ref.current.clientHeight;
+      var direction = getScrollDirection();
+      if ((direction === 'hard-to-start' || direction === 'to-start') && (0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInStart)(scrollTop, delayPx)) {
+        _onScrollStart();
+      } else if (direction === 'to-end' && (0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInEnd)(scrollTop, scrollHeight, clientHeight, delayPx)) {
+        _onScrollEnd();
+      }
+    }
+    saveLastScroll();
+  };
+  var saveScrollTop = function saveScrollTop() {
+    if (ref.current) {
+      savedScrollData.current = {
+        scrollTop: ref.current.scrollTop,
+        scrollHeight: ref.current.scrollHeight
+      };
+    }
+  };
+  var revertScrollTop = function revertScrollTop() {
+    if (ref.current && savedScrollData.current) {
+      var _oldScrollTop = savedScrollData.current.scrollTop;
+      var _oldScrollHeight = savedScrollData.current.scrollHeight;
+      var _newScrollHeight = ref.current.scrollHeight;
+      var sign = getScrollSign();
+      ref.current.scrollTop = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getRevertScrollTop)(_oldScrollTop, _oldScrollHeight, _newScrollHeight, sign);
+    }
+  };
+  var decoratorChangeStart = function decoratorChangeStart(fun) {
+    saveScrollTop();
+    fun();
+    requestAnimationFrame(revertScrollTop);
+  };
+  var decoratorChangeEnd = function decoratorChangeEnd(fun) {
+    fun();
+  };
+  var decoratorChangeStartAsync = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(fun) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            saveScrollTop();
+            _context.n = 1;
+            return fun();
+          case 1:
+            requestAnimationFrame(revertScrollTop);
+          case 2:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function decoratorChangeStartAsync(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var decoratorChangeEndAsync = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(fun) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            _context2.n = 1;
+            return fun();
+          case 1:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+    return function decoratorChangeEndAsync(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    decoratorChangeStart: decoratorChangeStart,
+    decoratorChangeEnd: decoratorChangeEnd,
+    decoratorChangeStartAsync: decoratorChangeStartAsync,
+    decoratorChangeEndAsync: decoratorChangeEndAsync
+  };
+  function onMoveStart() {
+    var scrollTop = ref.current.scrollTop;
+    if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInStart)(scrollTop, delayPx)) {
+      _onScrollStart();
+    }
+  }
+  function onMoveEnd() {
+    var scrollTop = ref.current.scrollTop;
+    var scrollHeight = ref.current.scrollHeight;
+    var clientHeight = ref.current.clientHeight;
+    if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInEnd)(scrollTop, scrollHeight, clientHeight, delayPx)) {
+      _onScrollEnd();
+    }
+  }
+  function onMoveUp() {
+    var sign = getScrollSign();
+    if (sign === -1) {
+      onMoveEnd();
+    } else {
+      onMoveStart();
+    }
+  }
+  function onMoveDown() {
+    var sign = getScrollSign();
+    if (sign === 1) {
+      onMoveEnd();
+    } else {
+      onMoveStart();
+    }
+  }
+}
+
+/***/ }),
+
+/***/ "./src/hooks/useSmartScroll/hooks/useTouchmove.ts":
+/*!********************************************************!*\
+  !*** ./src/hooks/useSmartScroll/hooks/useTouchmove.ts ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useTouchmove: () => (/* binding */ useTouchmove)
+/* 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__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+
+
+var TOUCHMOVE_CALLBACK_DELAY = 500;
+function useTouchmove() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var ref = args[0],
+    callbacks = args[1],
+    options = args[2];
+  var onTouchmoveDown = callbacks.onTouchmoveDown,
+    onTouchmoveUp = callbacks.onTouchmoveUp,
+    onTouchmoveRight = callbacks.onTouchmoveRight,
+    onTouchmoveLeft = callbacks.onTouchmoveLeft;
+  var _options$callbackDela = options.callbackDelay,
+    callbackDelay = _options$callbackDela === void 0 ? TOUCHMOVE_CALLBACK_DELAY : _options$callbackDela,
+    _options$disabled = options.disabled,
+    disabled = _options$disabled === void 0 ? false : _options$disabled;
+  var lastTouch = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  var _onTouchmoveDown = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebouncedInvoker)(onTouchmoveDown, callbackDelay);
+  var _onTouchmoveUp = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebouncedInvoker)(onTouchmoveUp, callbackDelay);
+  var _onTouchmoveRight = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebouncedInvoker)(onTouchmoveRight, callbackDelay);
+  var _onTouchmoveLeft = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebouncedInvoker)(onTouchmoveLeft, callbackDelay);
+  var initListeners = function initListeners() {
+    var target = ref.current;
+    if (target) {
+      target.addEventListener('touchmove', touchmoveListener);
+    }
+  };
+  var clearListeners = function clearListeners() {
+    var target = ref.current;
+    if (target) {
+      target.removeEventListener('touchmove', touchmoveListener);
+    }
+  };
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDeepCompareEffect)(function () {
+    if (!disabled) {
+      initListeners();
+    }
+    return clearListeners;
+  }, [callbacks, disabled]);
+  var touchmoveListener = function touchmoveListener(event) {
+    var touch = event.touches[0];
+    var current = {
+      x: touch.clientX,
+      y: touch.clientY
+    };
+    if (lastTouch.current) {
+      var dx = current.x - lastTouch.current.x;
+      var dy = current.y - lastTouch.current.y;
+      var directionY = dy > 0 ? 'down' : dy < 0 ? 'up' : null;
+      var directionX = dx > 0 ? 'right' : dx < 0 ? 'left' : null;
+      switch (directionY) {
+        case 'down':
+          _onTouchmoveDown === null || _onTouchmoveDown === void 0 || _onTouchmoveDown();
+          break;
+        case 'up':
+          _onTouchmoveUp === null || _onTouchmoveUp === void 0 || _onTouchmoveUp();
+          break;
+      }
+      switch (directionX) {
+        case 'right':
+          _onTouchmoveRight === null || _onTouchmoveRight === void 0 || _onTouchmoveRight();
+          break;
+        case 'left':
+          _onTouchmoveLeft === null || _onTouchmoveLeft === void 0 || _onTouchmoveLeft();
+          break;
+      }
+    }
+    lastTouch.current = current;
+  };
+}
+
+/***/ }),
+
+/***/ "./src/hooks/useSmartScroll/hooks/useWheelEvent.ts":
+/*!*********************************************************!*\
+  !*** ./src/hooks/useSmartScroll/hooks/useWheelEvent.ts ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useWheelEvent: () => (/* binding */ useWheelEvent)
+/* harmony export */ });
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+
+var WHEEL_CALLBACK_DELAY = 500;
+function useWheelEvent() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var ref = args[0],
+    callbacks = args[1],
+    options = args[2];
+  var onWheelDown = callbacks.onWheelDown,
+    onWheelUp = callbacks.onWheelUp,
+    onWheelRight = callbacks.onWheelRight,
+    onWheelLeft = callbacks.onWheelLeft;
+  var _options$callbackDela = options.callbackDelay,
+    callbackDelay = _options$callbackDela === void 0 ? WHEEL_CALLBACK_DELAY : _options$callbackDela,
+    _options$disabled = options.disabled,
+    disabled = _options$disabled === void 0 ? false : _options$disabled;
+  var initListeners = function initListeners() {
+    var target = ref.current;
+    if (target) {
+      target.addEventListener('wheel', wheelListener);
+    }
+  };
+  var clearListeners = function clearListeners() {
+    var target = ref.current;
+    if (target) {
+      target.removeEventListener('wheel', wheelListener);
+    }
+  };
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useDeepCompareEffect)(function () {
+    if (!disabled) {
+      initListeners();
+    }
+    return clearListeners;
+  }, [callbacks, disabled]);
+  var _onWheelDown = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useDebouncedInvoker)(onWheelDown, callbackDelay);
+  var _onWheelUp = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useDebouncedInvoker)(onWheelUp, callbackDelay);
+  var _onWheelRight = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useDebouncedInvoker)(onWheelRight, callbackDelay);
+  var _onWheelLeft = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useDebouncedInvoker)(onWheelLeft, callbackDelay);
+  var wheelListener = function wheelListener(event) {
+    var directionY = event.deltaY > 0 ? 'down' : event.deltaY < 0 ? 'up' : null;
+    var directionX = event.deltaX > 0 ? 'right' : event.deltaX < 0 ? 'left' : null;
+    switch (directionY) {
+      case 'down':
+        _onWheelDown === null || _onWheelDown === void 0 || _onWheelDown();
+        break;
+      case 'up':
+        _onWheelUp === null || _onWheelUp === void 0 || _onWheelUp();
+        break;
+    }
+    switch (directionX) {
+      case 'right':
+        _onWheelRight === null || _onWheelRight === void 0 || _onWheelRight();
+        break;
+      case 'left':
+        _onWheelLeft === null || _onWheelLeft === void 0 || _onWheelLeft();
+        break;
+    }
+  };
+}
+
+/***/ }),
+
+/***/ "./src/hooks/useSmartScroll/index.ts":
+/*!*******************************************!*\
+  !*** ./src/hooks/useSmartScroll/index.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useSmartScroll: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_0__.useSmartScroll)
+/* harmony export */ });
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hooks */ "./src/hooks/useSmartScroll/hooks/index.ts");
+
+
+/***/ }),
+
+/***/ "./src/hooks/useSmartScroll/utils/index.ts":
+/*!*************************************************!*\
+  !*** ./src/hooks/useSmartScroll/utils/index.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getRevertScrollTop: () => (/* binding */ getRevertScrollTop),
+/* harmony export */   getScrollStatus: () => (/* binding */ getScrollStatus),
+/* harmony export */   isScrollInEnd: () => (/* binding */ isScrollInEnd),
+/* harmony export */   isScrollInStart: () => (/* binding */ isScrollInStart)
+/* harmony export */ });
+function getRevertScrollTop() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var _oldScrollTop = args[0],
+    _oldScrollHeight = args[1],
+    _newScrollHeight = args[2],
+    sign = args[3];
+  var heightDiff = _newScrollHeight - _oldScrollHeight;
+  return _oldScrollTop + sign * heightDiff;
+}
+function getScrollStatus(oldScroll, newScroll, sign) {
+  var _old = oldScroll * sign;
+  var _new = newScroll * sign;
+  var diff = _old - _new;
+  if (_new < 0) {
+    return 'hard-to-start';
+  } else if (diff < 0) {
+    return 'to-end';
+  }
+  return 'to-start';
+}
+function isScrollInStart(scrollTop) {
+  var delayPx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+  return Math.abs(scrollTop) < delayPx;
+}
+function isScrollInEnd(scrollTop, scrollHeight, clientHeight) {
+  var delayPx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
+  return Math.abs(scrollHeight - clientHeight - Math.abs(scrollTop)) < delayPx;
+}
+
+/***/ }),
+
 /***/ "./src/hooks/useSyncedStateRef.ts":
 /*!****************************************!*\
   !*** ./src/hooks/useSyncedStateRef.ts ***!
@@ -56229,6 +56817,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */   useSmartScroll: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartScroll),
 /* 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");