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

package/lib/panel/Content.js

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { c as compilerRuntimeExports } from "../_virtual/compiler-runtime.js";
-import { useContext, useRef, useEffect } from "react";
-import PanelContext, { getCurrentThreshold } from "./helpers.js";
+import { useContext, useRef } from "react";
+import PanelContext from "./helpers.js";
 import NoPermission from "../noPermission/index.js";
+import { useScrollEndReached } from "../hooks/useScrollEndReached/index.js";
 const PanelContent = (t0) => {
-  const $ = compilerRuntimeExports.c(18);
+  const $ = compilerRuntimeExports.c(13);
   let children;
   let customClass;
   let rest;
@@ -31,28 +32,12 @@ 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 = 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;
-        }
-      }
+    t2 = {
+      elementRef: rootElementRef,
+      onEndReached,
+      onEndReachedThreshold
     };
     $[4] = onEndReached;
     $[5] = onEndReachedThreshold;
@@ -60,65 +45,23 @@ const PanelContent = (t0) => {
   } else {
     t2 = $[6];
   }
-  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);
+  useScrollEndReached(t2);
   if (!opened) {
     return null;
   }
-  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;
+  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;
   } else {
-    t5 = $[17];
+    t3 = $[12];
   }
-  return t5;
+  return t3;
 };
 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 { 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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"}
+{"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;"}

package/lib/panel/helpers.js

@@ -1,21 +1,6 @@
 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,
-  getCurrentThreshold
+  PanelContext as default
 };
 //# 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":["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;"}
+{"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;"}

package/lib/panel/types.d.ts

@@ -2,9 +2,10 @@ 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'> {
+export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'>, UseScrollEndReachedParams {
     customClass?: string;
     startOpened?: boolean;
     toggleable?: boolean;
@@ -12,8 +13,6 @@ 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'> {
@@ -28,13 +27,11 @@ export interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>,
     customClassForTitle?: string;
     headerColored?: boolean;
 }
-export type ContextProps = {
+export type ContextProps = UseScrollEndReachedParams & {
     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.0",
+  "version": "2.2.0-beta.1",
   "description": "Linear Sistemas ReactJs Components",
   "type": "module",
   "main": "./lib/index.js",