linear-react-components-ui 2.2.0-beta.1 → 2.2.0-beta.11

package/lib/panel/Content.js

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { c as compilerRuntimeExports } from "../_virtual/compiler-runtime.js";
-import { useContext, useRef } from "react";
-import PanelContext from "./helpers.js";
+import { useContext, useRef, useEffect } from "react";
+import PanelContext, { getCurrentThreshold } from "./helpers.js";
 import NoPermission from "../noPermission/index.js";
-import { useScrollEndReached } from "../hooks/useScrollEndReached/index.js";
 const PanelContent = (t0) => {
-  const $ = compilerRuntimeExports.c(13);
+  const $ = compilerRuntimeExports.c(18);
   let children;
   let customClass;
   let rest;
@@ -32,12 +31,28 @@ const PanelContent = (t0) => {
   } = useContext(PanelContext);
   const onEndReachedThreshold = t1 === void 0 ? 0.1 : t1;
   const rootElementRef = useRef(null);
+  const lastScrollHeight = useRef(0);
+  const enableOnEndReached = useRef(true);
   let t2;
   if ($[4] !== onEndReached || $[5] !== onEndReachedThreshold) {
-    t2 = {
-      elementRef: rootElementRef,
-      onEndReached,
-      onEndReachedThreshold
+    t2 = async () => {
+      const element = rootElementRef.current;
+      if (element && onEndReached) {
+        const {
+          scrollTop,
+          scrollHeight,
+          clientHeight
+        } = element;
+        const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
+        const threshold = getCurrentThreshold(element, onEndReachedThreshold);
+        if (scrollOffset <= threshold && enableOnEndReached.current) {
+          enableOnEndReached.current = false;
+          await new Promise((resolve) => {
+            resolve(onEndReached());
+          });
+          lastScrollHeight.current = scrollHeight;
+        }
+      }
     };
     $[4] = onEndReached;
     $[5] = onEndReachedThreshold;
@@ -45,23 +60,65 @@ const PanelContent = (t0) => {
   } else {
     t2 = $[6];
   }
-  useScrollEndReached(t2);
+  const onScrollEndReached = t2;
+  let t3;
+  if ($[7] !== onEndReached || $[8] !== onScrollEndReached) {
+    t3 = () => {
+      let observer;
+      if (rootElementRef?.current && onEndReached) {
+        observer = new ResizeObserver(() => {
+          const currentElement = rootElementRef.current;
+          if (currentElement) {
+            const {
+              scrollHeight: scrollHeight_0
+            } = currentElement;
+            if (scrollHeight_0 && scrollHeight_0 !== lastScrollHeight.current) {
+              enableOnEndReached.current = true;
+              observer?.disconnect();
+            }
+          }
+        });
+        observer.observe(rootElementRef.current);
+        rootElementRef.current.addEventListener("scroll", onScrollEndReached);
+        rootElementRef.current.addEventListener("resize", onScrollEndReached);
+      }
+      return () => {
+        rootElementRef.current?.removeEventListener("scroll", onScrollEndReached);
+        rootElementRef.current?.removeEventListener("resize", onScrollEndReached);
+        observer?.disconnect();
+      };
+    };
+    $[7] = onEndReached;
+    $[8] = onScrollEndReached;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== onScrollEndReached) {
+    t4 = [onScrollEndReached];
+    $[10] = onScrollEndReached;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  useEffect(t3, t4);
   if (!opened) {
     return null;
   }
-  let t3;
-  if ($[7] !== children || $[8] !== customClass || $[9] !== hideContent || $[10] !== opened || $[11] !== rest) {
-    t3 = hideContent ? /* @__PURE__ */ jsx(NoPermission, {}) : /* @__PURE__ */ jsx("div", { ref: rootElementRef, className: `panel-content ${customClass ?? ""}`, ...rest, children: opened && children });
-    $[7] = children;
-    $[8] = customClass;
-    $[9] = hideContent;
-    $[10] = opened;
-    $[11] = rest;
-    $[12] = t3;
+  let t5;
+  if ($[12] !== children || $[13] !== customClass || $[14] !== hideContent || $[15] !== opened || $[16] !== rest) {
+    t5 = hideContent ? /* @__PURE__ */ jsx(NoPermission, {}) : /* @__PURE__ */ jsx("div", { ref: rootElementRef, className: `panel-content ${customClass ?? ""}`, ...rest, children: opened && children });
+    $[12] = children;
+    $[13] = customClass;
+    $[14] = hideContent;
+    $[15] = opened;
+    $[16] = rest;
+    $[17] = t5;
   } else {
-    t3 = $[12];
+    t5 = $[17];
   }
-  return t3;
+  return t5;
 };
 export {
   PanelContent as default

package/lib/panel/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import { useContext, useRef } from 'react';\nimport PanelContext from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\nimport { useScrollEndReached } from '../hooks/useScrollEndReached';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n  const {\n    opened, onEndReached, onEndReachedThreshold = 0.1, hideContent,\n  } = useContext(PanelContext);\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  \n  useScrollEndReached({\n    elementRef: rootElementRef,\n    onEndReached,\n    onEndReachedThreshold,\n  });\n\n  if (!opened) return null;\n  return (\n    hideContent\n      ? (\n        <NoPermission />\n        )\n      : (\n        <div\n          ref={rootElementRef}\n          className={`panel-content ${customClass ?? ''}`}\n          {...rest}>\n          {opened && children}\n        </div>\n        )\n  );\n};\n\nexport default PanelContent;\n"],"names":["PanelContent","t0","$","_c","children","customClass","rest","opened","onEndReached","onEndReachedThreshold","t1","hideContent","useContext","PanelContext","undefined","rootElementRef","useRef","t2","elementRef","useScrollEndReached","t3"],"mappings":";;;;;;AAMA,MAAMA,eAAeC,CAAAA,OAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,EAAA;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAJ,SAAAD,IAAA;AAAC,KAAA;AAAA,MAAAI;AAAAA,MAAAD;AAAAA,MAAA,GAAAE;AAAAA,IAAAA,IAAAL;AAAsDC,WAAAD;AAAAC,WAAAE;AAAAF,WAAAG;AAAAH,WAAAI;AAAAA,EAAA,OAAA;AAAAF,eAAAF,EAAA,CAAA;AAAAG,kBAAAH,EAAA,CAAA;AAAAI,WAAAJ,EAAA,CAAA;AAAA,EAAA;AAC1E,QAAA;AAAA,IAAAK;AAAAA,IAAAC;AAAAA,IAAAC,uBAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAEIC,WAAWC,YAAY;AADH,QAAAJ,wBAAAC,OAAAI,SAAA,MAAAJ;AAExB,QAAAK,iBAAuBC,OAAuB,IAAI;AAAE,MAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAM,gBAAAN,SAAAO,uBAAA;AAEhCQ,SAAA;AAAA,MAAAC,YACNH;AAAAA,MAAcP;AAAAA,MAAAC;AAAAA,IAAAA;AAG3BP,WAAAM;AAAAN,WAAAO;AAAAP,WAAAe;AAAAA,EAAA,OAAA;AAAAA,SAAAf,EAAA,CAAA;AAAA,EAAA;AAJDiB,sBAAoBF,EAInB;AAED,MAAI,CAACV,QAAM;AAAA,WAAS;AAAA,EAAI;AAAC,MAAAa;AAAA,MAAAlB,EAAA,CAAA,MAAAE,YAAAF,EAAA,CAAA,MAAAG,eAAAH,EAAA,CAAA,MAAAS,eAAAT,EAAA,EAAA,MAAAK,UAAAL,UAAAI,MAAA;AAEvBc,SAAAT,cAEI,oBAAC,cAAA,CAAA,CAAY,IAGb,oBAAA,SACOI,KAAAA,gBACM,WAAA,iBAAiBV,eAAA,EAAiB,OACzCC,MACHC,oBAAAH,UACH;AACCF,WAAAE;AAAAF,WAAAG;AAAAH,WAAAS;AAAAT,YAAAK;AAAAL,YAAAI;AAAAJ,YAAAkB;AAAAA,EAAA,OAAA;AAAAA,SAAAlB,EAAA,EAAA;AAAA,EAAA;AAAA,SAXLkB;AAWK;"}
+{"version":3,"file":"Content.js","sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react';\nimport PanelContext, { getCurrentThreshold } from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n  const {\n    opened, onEndReached, onEndReachedThreshold = 0.1, hideContent,\n  } = useContext(PanelContext);\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const lastScrollHeight = useRef(0);\n  const enableOnEndReached = useRef(true);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef?.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const currentElement = rootElementRef.current;\n        if (currentElement) {\n          const { scrollHeight } = currentElement as HTMLDivElement;\n          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {\n            enableOnEndReached.current = true;\n            observer?.disconnect();\n          }\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  if (!opened) return null;\n  return (\n    hideContent\n      ? (\n        <NoPermission />\n        )\n      : (\n        <div\n          ref={rootElementRef}\n          className={`panel-content ${customClass ?? ''}`}\n          {...rest}>\n          {opened && children}\n        </div>\n        )\n  );\n};\n\nexport default PanelContent;\n"],"names":["PanelContent","t0","$","_c","children","customClass","rest","opened","onEndReached","onEndReachedThreshold","t1","hideContent","useContext","PanelContext","undefined","rootElementRef","useRef","lastScrollHeight","enableOnEndReached","t2","element","current","scrollTop","scrollHeight","clientHeight","scrollOffset","threshold","getCurrentThreshold","Promise","resolve","onScrollEndReached","t3","observer","ResizeObserver","currentElement","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t4","useEffect","t5"],"mappings":"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"}

package/lib/panel/helpers.js

@@ -1,6 +1,21 @@
 import { createContext } from "react";
+function getCurrentThreshold(scrollableElement, scrollThreshold) {
+  const MIN_THRESHOLD = 0;
+  const MAX_THRESHOLD = 1;
+  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
+  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
+  const {
+    scrollHeight,
+    clientHeight
+  } = scrollableElement;
+  const offsetHeight = scrollHeight - clientHeight;
+  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
+  const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
+  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
+}
 const PanelContext = createContext({});
 export {
-  PanelContext as default
+  PanelContext as default,
+  getCurrentThreshold
 };
 //# sourceMappingURL=helpers.js.map

package/lib/panel/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/lib/panel/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ContextProps } from './types';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nconst PanelContext = createContext<ContextProps>({} as ContextProps);\n\nexport default PanelContext;\n"],"names":["PanelContext","createContext"],"mappings":";AAoBA,MAAMA,eAAeC,cAA4B,CAAA,CAAkB;"}
+{"version":3,"file":"helpers.js","sources":["../../src/lib/panel/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ContextProps } from './types';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nconst PanelContext = createContext<ContextProps>({} as ContextProps);\n\nexport default PanelContext;\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","PanelContext","createContext"],"mappings":";AAGO,SAASA,oBACdC,mBACAC,iBACQ;AACR,QAAMC,gBAAgB;AACtB,QAAMC,gBAAgB;AACtB,MAAIF,kBAAkBC,cAAe,QAAOA;AAC5C,MAAID,kBAAkBE,cAAe,QAAOA;AAC5C,QAAM;AAAA,IAAEC;AAAAA,IAAcC;AAAAA,EAAAA,IAAiBL;AACvC,QAAMM,eAAeF,eAAeC;AAEpC,QAAME,4BAA4BC,KAAKC,MAAML,eAAeH,eAAe;AAC3E,QAAMS,qBAAqBF,KAAKC,MAAMH,eAAgBA,eAAe,GAAI;AAEzE,SAAOE,KAAKG,IAAIJ,2BAA2BG,kBAAkB;AAC/D;AAEA,MAAME,eAAeC,cAA4B,CAAA,CAAkB;"}

package/lib/panel/types.d.ts

@@ -2,10 +2,9 @@ import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr';
 import { default as ColorStyles } from '../internals/colorStyles';
 import { IconNames } from '../@types/Icon';
-import { UseScrollEndReachedParams } from '../hooks/useScrollEndReached/types';
 export type Func = () => void;
 export type AsyncFunc = () => Promise<void>;
-export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'>, UseScrollEndReachedParams {
+export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
     customClass?: string;
     startOpened?: boolean;
     toggleable?: boolean;
@@ -13,6 +12,8 @@ export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'clas
     colorStyle?: typeof ColorStyles | string;
     gridCols?: string;
     title?: string;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold?: number;
     permissionAttr?: PermissionAttr | PermissionAttr[];
 }
 export interface IPanelContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
@@ -27,11 +28,13 @@ export interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>,
     customClassForTitle?: string;
     headerColored?: boolean;
 }
-export type ContextProps = UseScrollEndReachedParams & {
+export type ContextProps = {
     toggleable: boolean;
     handlerToggleable: () => void;
     opened: boolean;
     hideContent: boolean;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold: number;
 };
 export interface IParameterFunction {
     props: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "2.2.0-beta.1",
+  "version": "2.2.0-beta.11",
   "description": "Linear Sistemas ReactJs Components",
   "type": "module",
   "main": "./lib/index.js",

package/lib/hooks/useScrollEndReached/index.d.ts

@@ -1,8 +0,0 @@
-import { AsyncFunc, Func, UseScrollEndReachedParams } from './types';
-export interface ScrollEndReachedParams extends UseScrollEndReachedParams {
-    elementRef: React.RefObject<HTMLElement | null>;
-    onEndReached?: Func | AsyncFunc;
-    onEndReachedThreshold?: number;
-}
-export declare function getCurrentThreshold(scrollableElement: HTMLElement, scrollThreshold: number): number;
-export declare function useScrollEndReached({ elementRef, onEndReached, onEndReachedThreshold, }: ScrollEndReachedParams): void;

package/lib/hooks/useScrollEndReached/index.js

@@ -1,103 +0,0 @@
-import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
-import { useRef, useEffect } from "react";
-function getCurrentThreshold(scrollableElement, scrollThreshold) {
-  const MIN_THRESHOLD = 0;
-  const MAX_THRESHOLD = 1;
-  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
-  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
-  const {
-    scrollHeight,
-    clientHeight
-  } = scrollableElement;
-  const offsetHeight = scrollHeight - clientHeight;
-  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
-  const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
-  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
-}
-function useScrollEndReached(t0) {
-  const $ = compilerRuntimeExports.c(9);
-  const {
-    elementRef,
-    onEndReached,
-    onEndReachedThreshold: t1
-  } = t0;
-  const onEndReachedThreshold = t1 === void 0 ? 0.1 : t1;
-  const lastScrollHeight = useRef(0);
-  const enableOnEndReached = useRef(true);
-  let t2;
-  if ($[0] !== elementRef || $[1] !== onEndReached || $[2] !== onEndReachedThreshold) {
-    t2 = async () => {
-      const element = elementRef.current;
-      if (element && onEndReached) {
-        const {
-          scrollTop,
-          scrollHeight,
-          clientHeight
-        } = element;
-        const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
-        const threshold = getCurrentThreshold(element, onEndReachedThreshold);
-        if (scrollOffset <= threshold && enableOnEndReached.current && scrollHeight !== lastScrollHeight.current) {
-          enableOnEndReached.current = false;
-          await new Promise((resolve) => {
-            resolve(onEndReached());
-          });
-          enableOnEndReached.current = true;
-          lastScrollHeight.current = scrollHeight;
-        }
-      }
-    };
-    $[0] = elementRef;
-    $[1] = onEndReached;
-    $[2] = onEndReachedThreshold;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onScrollEndReached = t2;
-  let t3;
-  if ($[4] !== elementRef || $[5] !== onEndReached || $[6] !== onScrollEndReached) {
-    t3 = () => {
-      let observer;
-      const element_0 = elementRef.current;
-      if (element_0 && onEndReached) {
-        observer = new ResizeObserver(() => {
-          const currentElement = elementRef.current;
-          if (currentElement) {
-            const {
-              scrollHeight: scrollHeight_0
-            } = currentElement;
-            if (scrollHeight_0 && scrollHeight_0 !== lastScrollHeight.current) {
-              enableOnEndReached.current = true;
-              observer?.disconnect();
-            }
-          }
-        });
-        observer.observe(element_0);
-        element_0.addEventListener("scroll", onScrollEndReached);
-      }
-      return () => {
-        element_0?.removeEventListener("scroll", onScrollEndReached);
-        observer?.disconnect();
-      };
-    };
-    $[4] = elementRef;
-    $[5] = onEndReached;
-    $[6] = onScrollEndReached;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = [];
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  useEffect(t3, t4);
-}
-export {
-  getCurrentThreshold,
-  useScrollEndReached
-};
-//# sourceMappingURL=index.js.map

package/lib/hooks/useScrollEndReached/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/hooks/useScrollEndReached/index.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { AsyncFunc, Func, UseScrollEndReachedParams } from \"./types\";\n\nexport interface ScrollEndReachedParams extends UseScrollEndReachedParams {\n  elementRef: React.RefObject<HTMLElement | null>;\n  onEndReached?: Func | AsyncFunc;\n  onEndReachedThreshold?: number;\n}\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nexport function useScrollEndReached({\n  elementRef,\n  onEndReached,\n  onEndReachedThreshold = 0.1,\n}: ScrollEndReachedParams) {\n  const lastScrollHeight = useRef(0);\n  const enableOnEndReached = useRef(true);\n\n  const onScrollEndReached = async () => {\n    const element = elementRef.current;\n  \n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (\n        scrollOffset <= threshold && enableOnEndReached.current \n        && scrollHeight !== lastScrollHeight.current\n      ) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        enableOnEndReached.current = true;\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  };\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    const element =  elementRef.current;\n    if (element && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const currentElement = elementRef.current;\n        if (currentElement) {\n          const { scrollHeight } = currentElement as HTMLDivElement;\n          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {\n            enableOnEndReached.current = true;\n            observer?.disconnect();\n          }\n        }\n      });\n  \n      observer.observe(element);\n      element.addEventListener('scroll', onScrollEndReached);\n    }\n  \n    return () => {\n      element?.removeEventListener('scroll', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, []);\n}\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","useScrollEndReached","t0","$","_c","elementRef","onEndReached","onEndReachedThreshold","t1","undefined","lastScrollHeight","useRef","enableOnEndReached","t2","element","current","scrollTop","scrollOffset","threshold","Promise","resolve","onScrollEndReached","t3","observer","element_0","ResizeObserver","currentElement","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t4","Symbol","for","useEffect"],"mappings":"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"}

package/lib/hooks/useScrollEndReached/types.d.ts

@@ -1,6 +0,0 @@
-export type Func = () => void;
-export type AsyncFunc = () => Promise<void>;
-export interface UseScrollEndReachedParams {
-    onEndReached?: Func | AsyncFunc;
-    onEndReachedThreshold?: number;
-}