@os-design/use-auto-scroll 1.0.20 → 1.0.22

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+export interface UseAutoScrollProps {
+    /**
+     * Whether the auto scroll is enabled.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * The distance to the border at which the container starts to scroll automatically (in percent).
+     * @default 20
+     */
+    distPercent?: number;
+    /**
+     * The max auto scroll speed (in px).
+     * @default 100
+     */
+    maxSpeedPx?: number;
+}
+/**
+ * Returns an array of the scrollable elements located under the specified coordinates. The first one is the topmost.
+ */
+export declare const getScrollableElements: (x: number, y: number) => Element[];
+declare const useAutoScroll: (props?: UseAutoScrollProps) => void;
+export default useAutoScroll;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAyCD;;GAEG;AACH,eAAO,MAAM,qBAAqB,MAAO,MAAM,KAAK,MAAM,KAAG,OAAO,EAWnE,CAAC;AAeF,QAAA,MAAM,aAAa,WAAW,kBAAkB,SAuH/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/{esm/index.js → index.js}

@@ -46,7 +46,6 @@ const isScrollable = el => {
 export const getScrollableElements = (x, y) => {
   const elementsFromPoint = document.elementsFromPoint(x, y);
   const elements = [];
-  // eslint-disable-next-line no-restricted-syntax
   for (const element of elementsFromPoint) {
     const el = element === document.documentElement ? document.body : element;
     if (isScrollable(el)) {
@@ -136,8 +135,6 @@ const useAutoScroll = (props = {}) => {
       return;
     }
     isScrollingRef.current = true;
-
-    // eslint-disable-next-line no-restricted-syntax
     for (const el of scrollableElements) {
       const rect = getRect(el);
       const {
@@ -187,5 +184,4 @@ const useAutoScroll = (props = {}) => {
     if (!isScrollingRef.current && props.enabled) scroll();
   }, [scroll, cursorPosition, props.enabled]);
 };
-export default useAutoScroll;
-//# sourceMappingURL=index.js.map
+export default useAutoScroll;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@os-design/use-auto-scroll",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -20,9 +20,8 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rimraf dist",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/cjs --source-maps",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
     "ncu": "ncu -u"
   },
@@ -30,10 +29,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/use-cursor-position": "^1.0.18"
+    "@os-design/use-cursor-position": "^1.0.20"
   },
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "6c92e27c799cae9ae9930e734868d8da35c61cb6"
+  "gitHead": "86a83e87297a07afe132782ca2c95023b7139276"
 }

package/src/index.ts

@@ -67,7 +67,6 @@ const isScrollable = (el: Element) => {
 export const getScrollableElements = (x: number, y: number): Element[] => {
   const elementsFromPoint = document.elementsFromPoint(x, y);
   const elements: Element[] = [];
-  // eslint-disable-next-line no-restricted-syntax
   for (const element of elementsFromPoint) {
     const el = element === document.documentElement ? document.body : element;
     if (isScrollable(el)) {
@@ -154,7 +153,6 @@ const useAutoScroll = (props: UseAutoScrollProps = {}) => {
 
     isScrollingRef.current = true;
 
-    // eslint-disable-next-line no-restricted-syntax
     for (const el of scrollableElements) {
       const rect = getRect(el);
       const { scrollLeft, scrollTop } = getScrollOffset(el);

package/dist/cjs/index.js

@@ -1,214 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getScrollableElements = exports["default"] = void 0;
-var _useCursorPosition = _interopRequireDefault(require("@os-design/use-cursor-position"));
-var _react = require("react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var FPS = 60;
-var FRAME_TIMEOUT = 1000 / FPS;
-var getProps = function getProps(props) {
-  return {
-    enabled: props.enabled !== undefined ? props.enabled : true,
-    distPercent: 20,
-    maxSpeedPx: 100
-  };
-};
-var getRect = function getRect(el) {
-  if (el === document.body) {
-    return {
-      x: 0,
-      y: 0,
-      width: window.innerWidth,
-      height: window.innerHeight
-    };
-  }
-  var rect = el.getBoundingClientRect();
-  return {
-    x: rect.x,
-    y: rect.y,
-    width: rect.width,
-    height: rect.height
-  };
-};
-
-/**
- * Detects whether the element is scrollable.
- */
-var isScrollable = function isScrollable(el) {
-  var style = getComputedStyle(el);
-  if (el !== document.body && !/(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX)) {
-    return false;
-  }
-  var _getRect = getRect(el),
-    width = _getRect.width,
-    height = _getRect.height;
-  return el.scrollWidth > width || el.scrollHeight > height;
-};
-
-/**
- * Returns an array of the scrollable elements located under the specified coordinates. The first one is the topmost.
- */
-var getScrollableElements = exports.getScrollableElements = function getScrollableElements(x, y) {
-  var elementsFromPoint = document.elementsFromPoint(x, y);
-  var elements = [];
-  // eslint-disable-next-line no-restricted-syntax
-  var _iterator = _createForOfIteratorHelper(elementsFromPoint),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var element = _step.value;
-      var el = element === document.documentElement ? document.body : element;
-      if (isScrollable(el)) {
-        elements.push(el);
-      }
-      if (el === document.body) break;
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return elements;
-};
-var getScrollOffset = function getScrollOffset(el) {
-  if (el === document.body) {
-    return {
-      scrollLeft: window.scrollX,
-      scrollTop: window.scrollY
-    };
-  }
-  return {
-    scrollLeft: el.scrollLeft,
-    scrollTop: el.scrollTop
-  };
-};
-var useAutoScroll = function useAutoScroll() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var cursorPosition = (0, _useCursorPosition["default"])();
-  var cursorPositionRef = (0, _react.useRef)(cursorPosition);
-  var propsRef = (0, _react.useRef)(getProps(props));
-  var isScrollingRef = (0, _react.useRef)(false);
-  var frameRef = (0, _react.useRef)();
-  var timeoutRef = (0, _react.useRef)();
-
-  // Update the ref to the cursor position if it changes
-  (0, _react.useEffect)(function () {
-    cursorPositionRef.current = cursorPosition;
-  }, [cursorPosition]);
-
-  // Update the props if it changes
-  (0, _react.useEffect)(function () {
-    propsRef.current = getProps(props);
-  }, [props]);
-
-  // Cancel the animation frame request and clear the timeout if the component was unmounted
-  (0, _react.useEffect)(function () {
-    return function () {
-      if (frameRef.current) window.cancelAnimationFrame(frameRef.current);
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, []);
-
-  // Returns the max distance from the border of the specified element at which auto scrolling is enabled (in px)
-  var getMaxDist = (0, _react.useCallback)(function (el, axis) {
-    var distPercent = propsRef.current.distPercent;
-    var _getRect2 = getRect(el),
-      width = _getRect2.width,
-      height = _getRect2.height;
-    var size = axis === 'x' ? width : height;
-    return Math.round(size * distPercent / 100);
-  }, []);
-
-  // Returns the distance by which the scroll position should be changed
-  var getScrollStep = (0, _react.useCallback)(function (dist, maxDist) {
-    if (dist < 0 || dist > maxDist) return 0;
-    var maxSpeedPx = propsRef.current.maxSpeedPx;
-    var divisor = maxDist / Math.log(maxSpeedPx);
-    return Math.round(Math.exp((maxDist - dist) / divisor));
-  }, []);
-
-  // Scrolls the element to the specified position
-  var scrollTo = (0, _react.useCallback)(function (element, options) {
-    frameRef.current = window.requestAnimationFrame(function () {
-      var el = element === document.body ? window : element;
-      el.scrollTo(options);
-    });
-  }, []);
-  var scroll = (0, _react.useCallback)(function () {
-    var enabled = propsRef.current.enabled;
-    var _cursorPositionRef$cu = cursorPositionRef.current,
-      x = _cursorPositionRef$cu.x,
-      y = _cursorPositionRef$cu.y;
-    var scrollableElements = getScrollableElements(x, y).reverse();
-    if (!enabled) {
-      isScrollingRef.current = false;
-      return;
-    }
-    isScrollingRef.current = true;
-
-    // eslint-disable-next-line no-restricted-syntax
-    var _iterator2 = _createForOfIteratorHelper(scrollableElements),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var el = _step2.value;
-        var rect = getRect(el);
-        var _getScrollOffset = getScrollOffset(el),
-          scrollLeft = _getScrollOffset.scrollLeft,
-          scrollTop = _getScrollOffset.scrollTop;
-        var xMaxDist = getMaxDist(el, 'x');
-        var yMaxDist = getMaxDist(el, 'y');
-        var leftDist = x - rect.x;
-        var topDist = y - rect.y;
-        var rightDist = rect.x + rect.width - x;
-        var bottomDist = rect.y + rect.height - y;
-        var leftScrollStep = getScrollStep(leftDist, xMaxDist);
-        var topScrollStep = getScrollStep(topDist, yMaxDist);
-        var rightScrollStep = getScrollStep(rightDist, xMaxDist);
-        var bottomScrollStep = getScrollStep(bottomDist, yMaxDist);
-        var canScrollLeft = scrollLeft > 0;
-        var canScrollTop = scrollTop > 0;
-        var canScrollRight = el.scrollWidth - scrollLeft > rect.width;
-        var canScrollBottom = el.scrollHeight - scrollTop > rect.height;
-        var left = scrollLeft;
-        if (canScrollLeft && leftScrollStep > 0) {
-          left = Math.max(scrollLeft - leftScrollStep, 0);
-        } else if (canScrollRight && rightScrollStep > 0) {
-          left = Math.min(scrollLeft + rightScrollStep, el.scrollWidth - rect.width);
-        }
-        var top = scrollTop;
-        if (canScrollTop && topScrollStep > 0) {
-          top = Math.max(scrollTop - topScrollStep, 0);
-        } else if (canScrollBottom && bottomScrollStep > 0) {
-          top = Math.min(scrollTop + bottomScrollStep, el.scrollHeight - rect.height);
-        }
-        if (left !== scrollLeft || top !== scrollTop) {
-          scrollTo(el, {
-            left: left,
-            top: top
-          });
-          timeoutRef.current = setTimeout(scroll, FRAME_TIMEOUT);
-          return;
-        }
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-    isScrollingRef.current = false;
-  }, [getMaxDist, getScrollStep, scrollTo]);
-
-  // Start auto scrolling when the cursor position changes only if it is not already running
-  (0, _react.useEffect)(function () {
-    if (!isScrollingRef.current && props.enabled) scroll();
-  }, [scroll, cursorPosition, props.enabled]);
-};
-var _default = exports["default"] = useAutoScroll;
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_useCursorPosition","_interopRequireDefault","require","_react","obj","__esModule","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e","f","TypeError","normalCompletion","didErr","err","call","step","next","_e2","minLen","_arrayLikeToArray","Object","prototype","toString","slice","constructor","name","from","test","arr","len","arr2","FPS","FRAME_TIMEOUT","getProps","props","enabled","undefined","distPercent","maxSpeedPx","getRect","el","document","body","x","y","width","window","innerWidth","height","innerHeight","rect","getBoundingClientRect","isScrollable","style","getComputedStyle","overflow","overflowY","overflowX","_getRect","scrollWidth","scrollHeight","getScrollableElements","exports","elementsFromPoint","elements","_iterator","_step","element","documentElement","push","getScrollOffset","scrollLeft","scrollX","scrollTop","scrollY","useAutoScroll","arguments","cursorPosition","useCursorPosition","cursorPositionRef","useRef","propsRef","isScrollingRef","frameRef","timeoutRef","useEffect","current","cancelAnimationFrame","clearTimeout","getMaxDist","useCallback","axis","_getRect2","size","Math","round","getScrollStep","dist","maxDist","divisor","log","exp","scrollTo","options","requestAnimationFrame","scroll","_cursorPositionRef$cu","scrollableElements","reverse","_iterator2","_step2","_getScrollOffset","xMaxDist","yMaxDist","leftDist","topDist","rightDist","bottomDist","leftScrollStep","topScrollStep","rightScrollStep","bottomScrollStep","canScrollLeft","canScrollTop","canScrollRight","canScrollBottom","left","max","min","top","setTimeout","_default"],"sources":["../../src/index.ts"],"sourcesContent":["import useCursorPosition from '@os-design/use-cursor-position';\nimport { useCallback, useEffect, useRef } from 'react';\n\nconst FPS = 60;\nconst FRAME_TIMEOUT = 1000 / FPS;\n\nexport interface UseAutoScrollProps {\n  /**\n   * Whether the auto scroll is enabled.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * The distance to the border at which the container starts to scroll automatically (in percent).\n   * @default 20\n   */\n  distPercent?: number;\n  /**\n   * The max auto scroll speed (in px).\n   * @default 100\n   */\n  maxSpeedPx?: number;\n}\n\nconst getProps = (props: UseAutoScrollProps): Required<UseAutoScrollProps> => ({\n  enabled: props.enabled !== undefined ? props.enabled : true,\n  distPercent: 20,\n  maxSpeedPx: 100,\n});\n\nconst getRect = (el: Element) => {\n  if (el === document.body) {\n    return {\n      x: 0,\n      y: 0,\n      width: window.innerWidth,\n      height: window.innerHeight,\n    };\n  }\n  const rect = el.getBoundingClientRect();\n  return {\n    x: rect.x,\n    y: rect.y,\n    width: rect.width,\n    height: rect.height,\n  };\n};\n\n/**\n * Detects whether the element is scrollable.\n */\nconst isScrollable = (el: Element) => {\n  const style = getComputedStyle(el);\n  if (\n    el !== document.body &&\n    !/(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX)\n  ) {\n    return false;\n  }\n  const { width, height } = getRect(el);\n  return el.scrollWidth > width || el.scrollHeight > height;\n};\n\n/**\n * Returns an array of the scrollable elements located under the specified coordinates. The first one is the topmost.\n */\nexport const getScrollableElements = (x: number, y: number): Element[] => {\n  const elementsFromPoint = document.elementsFromPoint(x, y);\n  const elements: Element[] = [];\n  // eslint-disable-next-line no-restricted-syntax\n  for (const element of elementsFromPoint) {\n    const el = element === document.documentElement ? document.body : element;\n    if (isScrollable(el)) {\n      elements.push(el);\n    }\n    if (el === document.body) break;\n  }\n  return elements;\n};\n\nconst getScrollOffset = (el: Element) => {\n  if (el === document.body) {\n    return {\n      scrollLeft: window.scrollX,\n      scrollTop: window.scrollY,\n    };\n  }\n  return {\n    scrollLeft: el.scrollLeft,\n    scrollTop: el.scrollTop,\n  };\n};\n\nconst useAutoScroll = (props: UseAutoScrollProps = {}) => {\n  const cursorPosition = useCursorPosition();\n  const cursorPositionRef = useRef(cursorPosition);\n  const propsRef = useRef<Required<UseAutoScrollProps>>(getProps(props));\n  const isScrollingRef = useRef(false);\n  const frameRef = useRef<number>();\n  const timeoutRef = useRef<NodeJS.Timeout>();\n\n  // Update the ref to the cursor position if it changes\n  useEffect(() => {\n    cursorPositionRef.current = cursorPosition;\n  }, [cursorPosition]);\n\n  // Update the props if it changes\n  useEffect(() => {\n    propsRef.current = getProps(props);\n  }, [props]);\n\n  // Cancel the animation frame request and clear the timeout if the component was unmounted\n  useEffect(\n    () => () => {\n      if (frameRef.current) window.cancelAnimationFrame(frameRef.current);\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  // Returns the max distance from the border of the specified element at which auto scrolling is enabled (in px)\n  const getMaxDist = useCallback((el: Element, axis: 'x' | 'y') => {\n    const { distPercent } = propsRef.current;\n    const { width, height } = getRect(el);\n    const size = axis === 'x' ? width : height;\n    return Math.round((size * distPercent) / 100);\n  }, []);\n\n  // Returns the distance by which the scroll position should be changed\n  const getScrollStep = useCallback((dist: number, maxDist: number) => {\n    if (dist < 0 || dist > maxDist) return 0;\n    const { maxSpeedPx } = propsRef.current;\n    const divisor = maxDist / Math.log(maxSpeedPx);\n    return Math.round(Math.exp((maxDist - dist) / divisor));\n  }, []);\n\n  // Scrolls the element to the specified position\n  const scrollTo = useCallback((element: Element, options: ScrollToOptions) => {\n    frameRef.current = window.requestAnimationFrame(() => {\n      const el = element === document.body ? window : element;\n      el.scrollTo(options);\n    });\n  }, []);\n\n  const scroll = useCallback(() => {\n    const { enabled } = propsRef.current;\n    const { x, y } = cursorPositionRef.current;\n    const scrollableElements = getScrollableElements(x, y).reverse();\n\n    if (!enabled) {\n      isScrollingRef.current = false;\n      return;\n    }\n\n    isScrollingRef.current = true;\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const el of scrollableElements) {\n      const rect = getRect(el);\n      const { scrollLeft, scrollTop } = getScrollOffset(el);\n\n      const xMaxDist = getMaxDist(el, 'x');\n      const yMaxDist = getMaxDist(el, 'y');\n\n      const leftDist = x - rect.x;\n      const topDist = y - rect.y;\n      const rightDist = rect.x + rect.width - x;\n      const bottomDist = rect.y + rect.height - y;\n\n      const leftScrollStep = getScrollStep(leftDist, xMaxDist);\n      const topScrollStep = getScrollStep(topDist, yMaxDist);\n      const rightScrollStep = getScrollStep(rightDist, xMaxDist);\n      const bottomScrollStep = getScrollStep(bottomDist, yMaxDist);\n\n      const canScrollLeft = scrollLeft > 0;\n      const canScrollTop = scrollTop > 0;\n      const canScrollRight = el.scrollWidth - scrollLeft > rect.width;\n      const canScrollBottom = el.scrollHeight - scrollTop > rect.height;\n\n      let left = scrollLeft;\n      if (canScrollLeft && leftScrollStep > 0) {\n        left = Math.max(scrollLeft - leftScrollStep, 0);\n      } else if (canScrollRight && rightScrollStep > 0) {\n        left = Math.min(\n          scrollLeft + rightScrollStep,\n          el.scrollWidth - rect.width\n        );\n      }\n\n      let top = scrollTop;\n      if (canScrollTop && topScrollStep > 0) {\n        top = Math.max(scrollTop - topScrollStep, 0);\n      } else if (canScrollBottom && bottomScrollStep > 0) {\n        top = Math.min(\n          scrollTop + bottomScrollStep,\n          el.scrollHeight - rect.height\n        );\n      }\n\n      if (left !== scrollLeft || top !== scrollTop) {\n        scrollTo(el, { left, top });\n        timeoutRef.current = setTimeout(scroll, FRAME_TIMEOUT);\n        return;\n      }\n    }\n\n    isScrollingRef.current = false;\n  }, [getMaxDist, getScrollStep, scrollTo]);\n\n  // Start auto scrolling when the cursor position changes only if it is not already running\n  useEffect(() => {\n    if (!isScrollingRef.current && props.enabled) scroll();\n  }, [scroll, cursorPosition, props.enabled]);\n};\n\nexport default useAutoScroll;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["useCursorPosition","useCallback","useEffect","useRef","FPS","FRAME_TIMEOUT","getProps","props","enabled","undefined","distPercent","maxSpeedPx","getRect","el","document","body","x","y","width","window","innerWidth","height","innerHeight","rect","getBoundingClientRect","isScrollable","style","getComputedStyle","test","overflow","overflowY","overflowX","scrollWidth","scrollHeight","getScrollableElements","elementsFromPoint","elements","element","documentElement","push","getScrollOffset","scrollLeft","scrollX","scrollTop","scrollY","useAutoScroll","cursorPosition","cursorPositionRef","propsRef","isScrollingRef","frameRef","timeoutRef","current","cancelAnimationFrame","clearTimeout","getMaxDist","axis","size","Math","round","getScrollStep","dist","maxDist","divisor","log","exp","scrollTo","options","requestAnimationFrame","scroll","scrollableElements","reverse","xMaxDist","yMaxDist","leftDist","topDist","rightDist","bottomDist","leftScrollStep","topScrollStep","rightScrollStep","bottomScrollStep","canScrollLeft","canScrollTop","canScrollRight","canScrollBottom","left","max","min","top","setTimeout"],"sources":["../../src/index.ts"],"sourcesContent":["import useCursorPosition from '@os-design/use-cursor-position';\nimport { useCallback, useEffect, useRef } from 'react';\n\nconst FPS = 60;\nconst FRAME_TIMEOUT = 1000 / FPS;\n\nexport interface UseAutoScrollProps {\n  /**\n   * Whether the auto scroll is enabled.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * The distance to the border at which the container starts to scroll automatically (in percent).\n   * @default 20\n   */\n  distPercent?: number;\n  /**\n   * The max auto scroll speed (in px).\n   * @default 100\n   */\n  maxSpeedPx?: number;\n}\n\nconst getProps = (props: UseAutoScrollProps): Required<UseAutoScrollProps> => ({\n  enabled: props.enabled !== undefined ? props.enabled : true,\n  distPercent: 20,\n  maxSpeedPx: 100,\n});\n\nconst getRect = (el: Element) => {\n  if (el === document.body) {\n    return {\n      x: 0,\n      y: 0,\n      width: window.innerWidth,\n      height: window.innerHeight,\n    };\n  }\n  const rect = el.getBoundingClientRect();\n  return {\n    x: rect.x,\n    y: rect.y,\n    width: rect.width,\n    height: rect.height,\n  };\n};\n\n/**\n * Detects whether the element is scrollable.\n */\nconst isScrollable = (el: Element) => {\n  const style = getComputedStyle(el);\n  if (\n    el !== document.body &&\n    !/(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX)\n  ) {\n    return false;\n  }\n  const { width, height } = getRect(el);\n  return el.scrollWidth > width || el.scrollHeight > height;\n};\n\n/**\n * Returns an array of the scrollable elements located under the specified coordinates. The first one is the topmost.\n */\nexport const getScrollableElements = (x: number, y: number): Element[] => {\n  const elementsFromPoint = document.elementsFromPoint(x, y);\n  const elements: Element[] = [];\n  // eslint-disable-next-line no-restricted-syntax\n  for (const element of elementsFromPoint) {\n    const el = element === document.documentElement ? document.body : element;\n    if (isScrollable(el)) {\n      elements.push(el);\n    }\n    if (el === document.body) break;\n  }\n  return elements;\n};\n\nconst getScrollOffset = (el: Element) => {\n  if (el === document.body) {\n    return {\n      scrollLeft: window.scrollX,\n      scrollTop: window.scrollY,\n    };\n  }\n  return {\n    scrollLeft: el.scrollLeft,\n    scrollTop: el.scrollTop,\n  };\n};\n\nconst useAutoScroll = (props: UseAutoScrollProps = {}) => {\n  const cursorPosition = useCursorPosition();\n  const cursorPositionRef = useRef(cursorPosition);\n  const propsRef = useRef<Required<UseAutoScrollProps>>(getProps(props));\n  const isScrollingRef = useRef(false);\n  const frameRef = useRef<number>();\n  const timeoutRef = useRef<NodeJS.Timeout>();\n\n  // Update the ref to the cursor position if it changes\n  useEffect(() => {\n    cursorPositionRef.current = cursorPosition;\n  }, [cursorPosition]);\n\n  // Update the props if it changes\n  useEffect(() => {\n    propsRef.current = getProps(props);\n  }, [props]);\n\n  // Cancel the animation frame request and clear the timeout if the component was unmounted\n  useEffect(\n    () => () => {\n      if (frameRef.current) window.cancelAnimationFrame(frameRef.current);\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  // Returns the max distance from the border of the specified element at which auto scrolling is enabled (in px)\n  const getMaxDist = useCallback((el: Element, axis: 'x' | 'y') => {\n    const { distPercent } = propsRef.current;\n    const { width, height } = getRect(el);\n    const size = axis === 'x' ? width : height;\n    return Math.round((size * distPercent) / 100);\n  }, []);\n\n  // Returns the distance by which the scroll position should be changed\n  const getScrollStep = useCallback((dist: number, maxDist: number) => {\n    if (dist < 0 || dist > maxDist) return 0;\n    const { maxSpeedPx } = propsRef.current;\n    const divisor = maxDist / Math.log(maxSpeedPx);\n    return Math.round(Math.exp((maxDist - dist) / divisor));\n  }, []);\n\n  // Scrolls the element to the specified position\n  const scrollTo = useCallback((element: Element, options: ScrollToOptions) => {\n    frameRef.current = window.requestAnimationFrame(() => {\n      const el = element === document.body ? window : element;\n      el.scrollTo(options);\n    });\n  }, []);\n\n  const scroll = useCallback(() => {\n    const { enabled } = propsRef.current;\n    const { x, y } = cursorPositionRef.current;\n    const scrollableElements = getScrollableElements(x, y).reverse();\n\n    if (!enabled) {\n      isScrollingRef.current = false;\n      return;\n    }\n\n    isScrollingRef.current = true;\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const el of scrollableElements) {\n      const rect = getRect(el);\n      const { scrollLeft, scrollTop } = getScrollOffset(el);\n\n      const xMaxDist = getMaxDist(el, 'x');\n      const yMaxDist = getMaxDist(el, 'y');\n\n      const leftDist = x - rect.x;\n      const topDist = y - rect.y;\n      const rightDist = rect.x + rect.width - x;\n      const bottomDist = rect.y + rect.height - y;\n\n      const leftScrollStep = getScrollStep(leftDist, xMaxDist);\n      const topScrollStep = getScrollStep(topDist, yMaxDist);\n      const rightScrollStep = getScrollStep(rightDist, xMaxDist);\n      const bottomScrollStep = getScrollStep(bottomDist, yMaxDist);\n\n      const canScrollLeft = scrollLeft > 0;\n      const canScrollTop = scrollTop > 0;\n      const canScrollRight = el.scrollWidth - scrollLeft > rect.width;\n      const canScrollBottom = el.scrollHeight - scrollTop > rect.height;\n\n      let left = scrollLeft;\n      if (canScrollLeft && leftScrollStep > 0) {\n        left = Math.max(scrollLeft - leftScrollStep, 0);\n      } else if (canScrollRight && rightScrollStep > 0) {\n        left = Math.min(\n          scrollLeft + rightScrollStep,\n          el.scrollWidth - rect.width\n        );\n      }\n\n      let top = scrollTop;\n      if (canScrollTop && topScrollStep > 0) {\n        top = Math.max(scrollTop - topScrollStep, 0);\n      } else if (canScrollBottom && bottomScrollStep > 0) {\n        top = Math.min(\n          scrollTop + bottomScrollStep,\n          el.scrollHeight - rect.height\n        );\n      }\n\n      if (left !== scrollLeft || top !== scrollTop) {\n        scrollTo(el, { left, top });\n        timeoutRef.current = setTimeout(scroll, FRAME_TIMEOUT);\n        return;\n      }\n    }\n\n    isScrollingRef.current = false;\n  }, [getMaxDist, getScrollStep, scrollTo]);\n\n  // Start auto scrolling when the cursor position changes only if it is not already running\n  useEffect(() => {\n    if (!isScrollingRef.current && props.enabled) scroll();\n  }, [scroll, cursorPosition, props.enabled]);\n};\n\nexport default useAutoScroll;\n"],"mappings":"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","ignoreList":[]}

package/dist/types/index.d.ts

@@ -1,9 +0,0 @@
-export interface UseAutoScrollProps {
-    enabled?: boolean;
-    distPercent?: number;
-    maxSpeedPx?: number;
-}
-export declare const getScrollableElements: (x: number, y: number) => Element[];
-declare const useAutoScroll: (props?: UseAutoScrollProps) => void;
-export default useAutoScroll;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IAKjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA4CD,eAAO,MAAM,qBAAqB,MAAO,MAAM,KAAK,MAAM,KAAG,OAAO,EAYnE,CAAC;AAeF,QAAA,MAAM,aAAa,WAAW,kBAAkB,SAwH/C,CAAC;AAEF,eAAe,aAAa,CAAC"}