linear-react-components-ui 2.2.0-beta.10 → 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(14);
+  const $ = compilerRuntimeExports.c(18);
   let children;
   let customClass;
   let rest;
@@ -28,43 +27,98 @@ const PanelContent = (t0) => {
     opened,
     onEndReached,
     onEndReachedThreshold: t1,
-    itemsCount,
     hideContent
   } = 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] !== itemsCount || $[5] !== onEndReached || $[6] !== onEndReachedThreshold) {
-    t2 = {
-      elementRef: rootElementRef,
-      onEndReached,
-      onEndReachedThreshold,
-      itemsCount
+  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;
+        }
+      }
     };
-    $[4] = itemsCount;
-    $[5] = onEndReached;
-    $[6] = onEndReachedThreshold;
-    $[7] = t2;
+    $[4] = onEndReached;
+    $[5] = onEndReachedThreshold;
+    $[6] = t2;
   } else {
-    t2 = $[7];
+    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 ($[8] !== children || $[9] !== customClass || $[10] !== hideContent || $[11] !== opened || $[12] !== rest) {
-    t3 = hideContent ? /* @__PURE__ */ jsx(NoPermission, {}) : /* @__PURE__ */ jsx("div", { ref: rootElementRef, className: `panel-content ${customClass ?? ""}`, ...rest, children: opened && children });
-    $[8] = children;
-    $[9] = customClass;
-    $[10] = hideContent;
-    $[11] = opened;
-    $[12] = rest;
-    $[13] = 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 = $[13];
+    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, itemsCount, hideContent,\n  } = useContext(PanelContext);\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  \n  useScrollEndReached({\n    elementRef: rootElementRef,\n    onEndReached,\n    onEndReachedThreshold,\n    itemsCount,\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","itemsCount","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,IAAAC;AAAAA,EAAAA,IAEIC,WAAWC,YAAY;AADH,QAAAL,wBAAAC,OAAAK,SAAA,MAAAL;AAExB,QAAAM,iBAAuBC,OAAuB,IAAI;AAAE,MAAAC;AAAA,MAAAhB,EAAA,CAAA,MAAAS,cAAAT,SAAAM,gBAAAN,EAAA,CAAA,MAAAO,uBAAA;AAEhCS,SAAA;AAAA,MAAAC,YACNH;AAAAA,MAAcR;AAAAA,MAAAC;AAAAA,MAAAE;AAAAA,IAAAA;AAI3BT,WAAAS;AAAAT,WAAAM;AAAAN,WAAAO;AAAAP,WAAAgB;AAAAA,EAAA,OAAA;AAAAA,SAAAhB,EAAA,CAAA;AAAA,EAAA;AALDkB,sBAAoBF,EAKnB;AAED,MAAI,CAACX,QAAM;AAAA,WAAS;AAAA,EAAI;AAAC,MAAAc;AAAA,MAAAnB,EAAA,CAAA,MAAAE,YAAAF,EAAA,CAAA,MAAAG,eAAAH,EAAA,EAAA,MAAAU,eAAAV,EAAA,EAAA,MAAAK,UAAAL,UAAAI,MAAA;AAEvBe,SAAAT,cAEI,oBAAC,cAAA,CAAA,CAAY,IAGb,oBAAA,SACOI,KAAAA,gBACM,WAAA,iBAAiBX,eAAA,EAAiB,OACzCC,MACHC,oBAAAH,UACH;AACCF,WAAAE;AAAAF,WAAAG;AAAAH,YAAAU;AAAAV,YAAAK;AAAAL,YAAAI;AAAAJ,YAAAmB;AAAAA,EAAA,OAAA;AAAAA,SAAAnB,EAAA,EAAA;AAAA,EAAA;AAAA,SAXLmB;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/Default.d.ts

@@ -1,3 +1,3 @@
 import { IPanelProps } from './types';
-declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, itemsCount, permissionAttr, colorStyle, ...rest }: IPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, ...rest }: IPanelProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DefaultPanel;

package/lib/panel/Default.js

@@ -6,12 +6,11 @@ import PanelHeader from "./Header.js";
 import PanelContext from "./helpers.js";
 import { OPTIONS_ON_DENIED, actionsOnPermissionDenied } from "../permissionValidations.js";
 const DefaultPanel = (t0) => {
-  const $ = compilerRuntimeExports.c(39);
+  const $ = compilerRuntimeExports.c(37);
   let children;
   let colorStyle;
   let customClass;
   let gridCols;
-  let itemsCount;
   let onEndReached;
   let permissionAttr;
   let rest;
@@ -29,7 +28,6 @@ const DefaultPanel = (t0) => {
       gridCols,
       onEndReached,
       onEndReachedThreshold: t2,
-      itemsCount,
       permissionAttr,
       colorStyle,
       ...rest
@@ -39,27 +37,25 @@ const DefaultPanel = (t0) => {
     $[2] = colorStyle;
     $[3] = customClass;
     $[4] = gridCols;
-    $[5] = itemsCount;
-    $[6] = onEndReached;
-    $[7] = permissionAttr;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = t2;
-    $[11] = title;
-    $[12] = toggleable;
+    $[5] = onEndReached;
+    $[6] = permissionAttr;
+    $[7] = rest;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = title;
+    $[11] = toggleable;
   } else {
     children = $[1];
     colorStyle = $[2];
     customClass = $[3];
     gridCols = $[4];
-    itemsCount = $[5];
-    onEndReached = $[6];
-    permissionAttr = $[7];
-    rest = $[8];
-    t1 = $[9];
-    t2 = $[10];
-    title = $[11];
-    toggleable = $[12];
+    onEndReached = $[5];
+    permissionAttr = $[6];
+    rest = $[7];
+    t1 = $[8];
+    t2 = $[9];
+    title = $[10];
+    toggleable = $[11];
   }
   const startOpened = t1 === void 0 ? true : t1;
   const onEndReachedThreshold = t2 === void 0 ? 0.1 : t2;
@@ -69,45 +65,45 @@ const DefaultPanel = (t0) => {
     unvisible
   } = OPTIONS_ON_DENIED;
   let t3;
-  if ($[13] !== permissionAttr) {
+  if ($[12] !== permissionAttr) {
     t3 = actionsOnPermissionDenied([hideContent, unvisible], permissionAttr);
-    $[13] = permissionAttr;
-    $[14] = t3;
+    $[12] = permissionAttr;
+    $[13] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[13];
   }
   const [onDenied] = useState(t3);
   let t4;
-  if ($[15] !== colorStyle || $[16] !== customClass) {
+  if ($[14] !== colorStyle || $[15] !== customClass) {
     t4 = () => {
       let cssClass = `panel-component ${customClass}`;
       cssClass = cssClass + (colorStyle !== "" ? ` -${colorStyle}` : "");
       return cssClass;
     };
-    $[15] = colorStyle;
-    $[16] = customClass;
-    $[17] = t4;
+    $[14] = colorStyle;
+    $[15] = customClass;
+    $[16] = t4;
   } else {
-    t4 = $[17];
+    t4 = $[16];
   }
   const getCssClass = t4;
   let t5;
-  if ($[18] !== children || $[19] !== getCssClass || $[20] !== rest || $[21] !== title) {
+  if ($[17] !== children || $[18] !== getCssClass || $[19] !== rest || $[20] !== title) {
     t5 = () => /* @__PURE__ */ jsxs("div", { className: getCssClass(), ...rest, children: [
       title && /* @__PURE__ */ jsx(PanelHeader, { title }),
       children
     ] });
-    $[18] = children;
-    $[19] = getCssClass;
-    $[20] = rest;
-    $[21] = title;
-    $[22] = t5;
+    $[17] = children;
+    $[18] = getCssClass;
+    $[19] = rest;
+    $[20] = title;
+    $[21] = t5;
   } else {
-    t5 = $[22];
+    t5 = $[21];
   }
   const renderContent = t5;
   let t6;
-  if ($[23] !== itemsCount || $[24] !== onDenied.hideContent || $[25] !== onDenied.unvisible || $[26] !== onEndReached || $[27] !== onEndReachedThreshold || $[28] !== opened || $[29] !== toggleable) {
+  if ($[22] !== onDenied.hideContent || $[23] !== onDenied.unvisible || $[24] !== onEndReached || $[25] !== onEndReachedThreshold || $[26] !== opened || $[27] !== toggleable) {
     t6 = () => ({
       toggleable,
       handlerToggleable: () => {
@@ -116,50 +112,48 @@ const DefaultPanel = (t0) => {
       opened,
       onEndReached,
       onEndReachedThreshold,
-      itemsCount,
       hideContent: onDenied.hideContent,
       unvisible: onDenied.unvisible
     });
-    $[23] = itemsCount;
-    $[24] = onDenied.hideContent;
-    $[25] = onDenied.unvisible;
-    $[26] = onEndReached;
-    $[27] = onEndReachedThreshold;
-    $[28] = opened;
-    $[29] = toggleable;
-    $[30] = t6;
+    $[22] = onDenied.hideContent;
+    $[23] = onDenied.unvisible;
+    $[24] = onEndReached;
+    $[25] = onEndReachedThreshold;
+    $[26] = opened;
+    $[27] = toggleable;
+    $[28] = t6;
   } else {
-    t6 = $[30];
+    t6 = $[28];
   }
   const contextValues = t6;
   if (onDenied.unvisible) {
     return null;
   }
   let t7;
-  if ($[31] !== contextValues) {
+  if ($[29] !== contextValues) {
     t7 = contextValues();
-    $[31] = contextValues;
-    $[32] = t7;
+    $[29] = contextValues;
+    $[30] = t7;
   } else {
-    t7 = $[32];
+    t7 = $[30];
   }
   let t8;
-  if ($[33] !== gridCols || $[34] !== renderContent) {
+  if ($[31] !== gridCols || $[32] !== renderContent) {
     t8 = gridCols ? /* @__PURE__ */ jsx(GridCol, { cols: gridCols, children: renderContent() }) : renderContent();
-    $[33] = gridCols;
-    $[34] = renderContent;
-    $[35] = t8;
+    $[31] = gridCols;
+    $[32] = renderContent;
+    $[33] = t8;
   } else {
-    t8 = $[35];
+    t8 = $[33];
   }
   let t9;
-  if ($[36] !== t7 || $[37] !== t8) {
+  if ($[34] !== t7 || $[35] !== t8) {
     t9 = /* @__PURE__ */ jsx(PanelContext.Provider, { value: t7, children: t8 });
-    $[36] = t7;
-    $[37] = t8;
-    $[38] = t9;
+    $[34] = t7;
+    $[35] = t8;
+    $[36] = t9;
   } else {
-    t9 = $[38];
+    t9 = $[36];
   }
   return t9;
 };

package/lib/panel/Default.js.map

@@ -1 +1 @@
-{"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n  startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n  onEndReachedThreshold = 0.1, itemsCount, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n  const [opened, setOpened] = useState(startOpened);\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = () => {\n    let cssClass = `panel-component ${customClass}`;\n    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n    return cssClass;\n  };\n\n  const renderContent = () => (\n    <div className={getCssClass()} {...rest}>\n      {title && <Header title={title} />}\n      {children}\n    </div>\n  );\n\n  const contextValues = () => ({\n    toggleable,\n    handlerToggleable: () => { setOpened(!opened); },\n    opened,\n    onEndReached,\n    onEndReachedThreshold,\n    itemsCount,\n    hideContent: onDenied.hideContent,\n    unvisible: onDenied.unvisible,\n  }) as ContextProps;\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <PanelContext.Provider value={contextValues()}>\n      { gridCols\n        ? (\n          <Grid cols={gridCols}>{renderContent()}</Grid>\n          )\n        : (\n            renderContent()\n          )}\n    </PanelContext.Provider>\n  );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","itemsCount","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9"],"mappings":"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"}
+{"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n  startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n  onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n  const [opened, setOpened] = useState(startOpened);\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = () => {\n    let cssClass = `panel-component ${customClass}`;\n    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n    return cssClass;\n  };\n\n  const renderContent = () => (\n    <div className={getCssClass()} {...rest}>\n      {title && <Header title={title} />}\n      {children}\n    </div>\n  );\n\n  const contextValues = () => ({\n    toggleable,\n    handlerToggleable: () => { setOpened(!opened); },\n    opened,\n    onEndReached,\n    onEndReachedThreshold,\n    hideContent: onDenied.hideContent,\n    unvisible: onDenied.unvisible,\n  }) as ContextProps;\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <PanelContext.Provider value={contextValues()}>\n      { gridCols\n        ? (\n          <Grid cols={gridCols}>{renderContent()}</Grid>\n          )\n        : (\n            renderContent()\n          )}\n    </PanelContext.Provider>\n  );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9"],"mappings":";;;;;;;AAQA,MAAMA,eAAeC,CAAAA,OAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,EAAA;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAZ,SAAAD,IAAA;AAAC,KAAA;AAAA,MAAAc,aAAAJ;AAAAA,MAAAG;AAAAA,MAAAR;AAAAA,MAAAF;AAAAA,MAAAS;AAAAA,MAAAN;AAAAA,MAAAC;AAAAA,MAAAQ,uBAAAJ;AAAAA,MAAAH;AAAAA,MAAAJ;AAAAA,MAAA,GAAAK;AAAAA,IAAAA,IAAAT;AAGRC,WAAAD;AAAAC,WAAAE;AAAAF,WAAAG;AAAAH,WAAAI;AAAAJ,WAAAK;AAAAL,WAAAM;AAAAN,WAAAO;AAAAP,WAAAQ;AAAAR,WAAAS;AAAAT,WAAAU;AAAAV,YAAAW;AAAAX,YAAAY;AAAAA,EAAA,OAAA;AAAAV,eAAAF,EAAA,CAAA;AAAAG,iBAAAH,EAAA,CAAA;AAAAI,kBAAAJ,EAAA,CAAA;AAAAK,eAAAL,EAAA,CAAA;AAAAM,mBAAAN,EAAA,CAAA;AAAAO,qBAAAP,EAAA,CAAA;AAAAQ,WAAAR,EAAA,CAAA;AAAAS,SAAAT,EAAA,CAAA;AAAAU,SAAAV,EAAA,CAAA;AAAAW,YAAAX,EAAA,EAAA;AAAAY,iBAAAZ,EAAA,EAAA;AAAA,EAAA;AAFZ,QAAAa,cAAAJ,OAAAM,SAAA,OAAAN;AACA,QAAAK,wBAAAJ,OAAAK,SAAA,MAAAL;AAEA,QAAA,CAAAM,QAAAC,SAAA,IAA4BC,SAASL,WAAW;AAChD,QAAA;AAAA,IAAAM;AAAAA,IAAAC;AAAAA,EAAAA,IAAmCC;AAAkB,MAAAC;AAAA,MAAAtB,UAAAO,gBAAA;AAEhCe,SAAAC,0BAA0B,CAACJ,aAAaC,SAAS,GAAGb,cAAc;AAACP,YAAAO;AAAAP,YAAAsB;AAAAA,EAAA,OAAA;AAAAA,SAAAtB,EAAA,EAAA;AAAA,EAAA;AADxF,QAAA,CAAAwB,QAAA,IACEN,SAAmBI,EAAmE;AAAE,MAAAG;AAAA,MAAAzB,EAAA,EAAA,MAAAG,cAAAH,UAAAI,aAAA;AAEtEqB,SAAAA,MAAA;AAClB,UAAAC,WAAe,mBAAmBtB,WAAW;AAC7CsB,iBAAAA,YAAYvB,eAAe,KAAf,KAAyBA,UAAU,KAAnC;AAA0C,aAC/CuB;AAAAA,IAAQ;AAChB1B,YAAAG;AAAAH,YAAAI;AAAAJ,YAAAyB;AAAAA,EAAA,OAAA;AAAAA,SAAAzB,EAAA,EAAA;AAAA,EAAA;AAJD,QAAA2B,cAAoBF;AAIlB,MAAAG;AAAA,MAAA5B,EAAA,EAAA,MAAAE,YAAAF,EAAA,EAAA,MAAA2B,eAAA3B,EAAA,EAAA,MAAAQ,QAAAR,UAAAW,OAAA;AAEoBiB,SAAAA,MACpB,qBAAA,OAAA,EAAgB,WAAAD,YAAAA,GAAa,GAAMnB,MAChCG,UAAAA;AAAAA,MAAAA,SAAS,oBAACkB,eAAclB,MAAAA,CAAK;AAAA,MAC7BT;AAAAA,IAAAA,GACH;AACDF,YAAAE;AAAAF,YAAA2B;AAAA3B,YAAAQ;AAAAR,YAAAW;AAAAX,YAAA4B;AAAAA,EAAA,OAAA;AAAAA,SAAA5B,EAAA,EAAA;AAAA,EAAA;AALD,QAAA8B,gBAAsBF;AAKpB,MAAAG;AAAA,MAAA/B,EAAA,EAAA,MAAAwB,SAAAL,eAAAnB,EAAA,EAAA,MAAAwB,SAAAJ,aAAApB,UAAAM,gBAAAN,EAAA,EAAA,MAAAc,yBAAAd,EAAA,EAAA,MAAAgB,UAAAhB,EAAA,EAAA,MAAAY,YAAA;AAEoBmB,SAAAA,OAAO;AAAA,MAAAnB;AAAAA,MAAAoB,mBAERA,MAAA;AAAQf,kBAAU,CAACD,MAAM;AAAA,MAAC;AAAA,MAAGA;AAAAA,MAAAV;AAAAA,MAAAQ;AAAAA,MAAAK,aAInCK,SAAQL;AAAAA,MAAYC,WACtBI,SAAQJ;AAAAA,IAAAA;AACHpB,MAAA,EAAA,IAAAwB,SAAAL;AAAAnB,MAAA,EAAA,IAAAwB,SAAAJ;AAAApB,YAAAM;AAAAN,YAAAc;AAAAd,YAAAgB;AAAAhB,YAAAY;AAAAZ,YAAA+B;AAAAA,EAAA,OAAA;AAAAA,SAAA/B,EAAA,EAAA;AAAA,EAAA;AARlB,QAAAiC,gBAAsBF;AAUtB,MAAIP,SAAQJ,WAAU;AAAA,WAAS;AAAA,EAAI;AAAC,MAAAc;AAAA,MAAAlC,UAAAiC,eAAA;AAGJC,SAAAD,cAAAA;AAAejC,YAAAiC;AAAAjC,YAAAkC;AAAAA,EAAA,OAAA;AAAAA,SAAAlC,EAAA,EAAA;AAAA,EAAA;AAAA,MAAAmC;AAAA,MAAAnC,EAAA,EAAA,MAAAK,YAAAL,UAAA8B,eAAA;AACzCK,SAAA9B,+BAEG+B,SAAA,EAAW/B,MAAAA,UAAWyB,UAAAA,gBAAc,CAAE,IAGrCA,cAAAA;AACD9B,YAAAK;AAAAL,YAAA8B;AAAA9B,YAAAmC;AAAAA,EAAA,OAAA;AAAAA,SAAAnC,EAAA,EAAA;AAAA,EAAA;AAAA,MAAAqC;AAAA,MAAArC,EAAA,EAAA,MAAAkC,MAAAlC,UAAAmC,IAAA;AAPPE,6BAAA,aAAA,UAAA,EAA8B,OAAAH,IAC1BC,UAAAA,IAOJ;AAAwBnC,YAAAkC;AAAAlC,YAAAmC;AAAAnC,YAAAqC;AAAAA,EAAA,OAAA;AAAAA,SAAArC,EAAA,EAAA;AAAA,EAAA;AAAA,SARxBqC;AAQwB;"}

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.10",
+  "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, itemsCount, }: ScrollEndReachedParams): void;

package/lib/hooks/useScrollEndReached/index.js

@@ -1,69 +0,0 @@
-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 scrollableHeight = Math.max(scrollHeight - clientHeight, 0);
-  const thresholdBase = Math.min(clientHeight, scrollableHeight);
-  return Math.round(thresholdBase * scrollThreshold);
-}
-function useScrollEndReached({
-  elementRef,
-  onEndReached,
-  onEndReachedThreshold = 0.25,
-  itemsCount
-}) {
-  const lastScrollTop = useRef(null);
-  const enableOnEndReached = useRef(true);
-  const lastItemsCount = useRef(itemsCount);
-  const waitingForItems = useRef(false);
-  useEffect(() => {
-    if (itemsCount !== void 0 && lastItemsCount.current !== itemsCount) {
-      lastItemsCount.current = itemsCount;
-      waitingForItems.current = false;
-      enableOnEndReached.current = true;
-    }
-  }, [itemsCount]);
-  const onScrollEndReached = async () => {
-    const element = elementRef.current;
-    if (element && onEndReached) {
-      const {
-        scrollTop,
-        scrollHeight,
-        clientHeight
-      } = element;
-      const isScrollingDown = lastScrollTop.current === null || scrollTop > lastScrollTop.current;
-      lastScrollTop.current = scrollTop;
-      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
-      const threshold = getCurrentThreshold(element, onEndReachedThreshold);
-      if (scrollOffset <= threshold && isScrollingDown && enableOnEndReached.current && !waitingForItems.current) {
-        enableOnEndReached.current = false;
-        waitingForItems.current = itemsCount !== void 0;
-        try {
-          await onEndReached();
-        } finally {
-          enableOnEndReached.current = itemsCount === void 0;
-        }
-      }
-    }
-  };
-  useEffect(() => {
-    const element_0 = elementRef.current;
-    if (element_0 && onEndReached) {
-      element_0.addEventListener("scroll", onScrollEndReached);
-    }
-    return () => {
-      element_0?.removeEventListener("scroll", onScrollEndReached);
-    };
-  }, [onEndReached, onEndReachedThreshold]);
-}
-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 scrollableHeight = Math.max(scrollHeight - clientHeight, 0);\n  const thresholdBase = Math.min(clientHeight, scrollableHeight);\n\n  return Math.round(thresholdBase * scrollThreshold);\n}\n\nexport function useScrollEndReached({\n  elementRef,\n  onEndReached,\n  onEndReachedThreshold = 0.25,\n  itemsCount,\n}: ScrollEndReachedParams) {\n  const lastScrollTop = useRef<number | null>(null);\n  const enableOnEndReached = useRef(true);\n  const lastItemsCount = useRef<number | undefined>(itemsCount);\n  const waitingForItems = useRef(false);\n\n  useEffect(() => {\n    if (itemsCount !== undefined && lastItemsCount.current !== itemsCount) {\n      lastItemsCount.current = itemsCount;\n      waitingForItems.current = false;\n      enableOnEndReached.current = true;\n    }\n  }, [itemsCount]);\n\n  const onScrollEndReached = async () => {\n    const element = elementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const isScrollingDown =\n        lastScrollTop.current === null || scrollTop > lastScrollTop.current;\n      lastScrollTop.current = scrollTop;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (\n        scrollOffset <= threshold &&\n        isScrollingDown &&\n        enableOnEndReached.current &&\n        !waitingForItems.current\n      ) {\n        enableOnEndReached.current = false;\n        waitingForItems.current = itemsCount !== undefined;\n        try {\n          await onEndReached();\n        } finally {\n          enableOnEndReached.current = itemsCount === undefined;\n        }\n      }\n    }\n  };\n\n  useEffect(() => {\n    const element = elementRef.current;\n    if (element && onEndReached) {\n      element.addEventListener('scroll', onScrollEndReached);\n    }\n\n    return () => {\n      element?.removeEventListener('scroll', onScrollEndReached);\n    };\n  }, [onEndReached, onEndReachedThreshold]);\n}\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","scrollableHeight","Math","max","thresholdBase","min","round","useScrollEndReached","elementRef","onEndReached","onEndReachedThreshold","itemsCount","lastScrollTop","useRef","enableOnEndReached","lastItemsCount","waitingForItems","useEffect","undefined","current","onScrollEndReached","element","scrollTop","isScrollingDown","scrollOffset","threshold","addEventListener","removeEventListener"],"mappings":";AASO,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,mBAAmBC,KAAKC,IAAIJ,eAAeC,cAAc,CAAC;AAChE,QAAMI,gBAAgBF,KAAKG,IAAIL,cAAcC,gBAAgB;AAE7D,SAAOC,KAAKI,MAAMF,gBAAgBR,eAAe;AACnD;AAEO,SAASW,oBAAoB;AAAA,EAClCC;AAAAA,EACAC;AAAAA,EACAC,wBAAwB;AAAA,EACxBC;AACsB,GAAG;AACzB,QAAMC,gBAAgBC,OAAsB,IAAI;AAChD,QAAMC,qBAAqBD,OAAO,IAAI;AACtC,QAAME,iBAAiBF,OAA2BF,UAAU;AAC5D,QAAMK,kBAAkBH,OAAO,KAAK;AAEpCI,YAAU,MAAM;AACd,QAAIN,eAAeO,UAAaH,eAAeI,YAAYR,YAAY;AACrEI,qBAAeI,UAAUR;AACzBK,sBAAgBG,UAAU;AAC1BL,yBAAmBK,UAAU;AAAA,IAC/B;AAAA,EACF,GAAG,CAACR,UAAU,CAAC;AAEf,QAAMS,qBAAqB,YAAY;AACrC,UAAMC,UAAUb,WAAWW;AAE3B,QAAIE,WAAWZ,cAAc;AAC3B,YAAM;AAAA,QAAEa;AAAAA,QAAWvB;AAAAA,QAAcC;AAAAA,MAAAA,IAAiBqB;AAClD,YAAME,kBACJX,cAAcO,YAAY,QAAQG,YAAYV,cAAcO;AAC9DP,oBAAcO,UAAUG;AACxB,YAAME,eAAezB,eAAeC,eAAesB,YAAY;AAC/D,YAAMG,YAAY/B,oBAAoB2B,SAASX,qBAAqB;AAEpE,UACEc,gBAAgBC,aAChBF,mBACAT,mBAAmBK,WACnB,CAACH,gBAAgBG,SACjB;AACAL,2BAAmBK,UAAU;AAC7BH,wBAAgBG,UAAUR,eAAeO;AACzC,YAAI;AACF,gBAAMT,aAAAA;AAAAA,QACR,UAAA;AACEK,6BAAmBK,UAAUR,eAAeO;AAAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEAD,YAAU,MAAM;AACd,UAAMI,YAAUb,WAAWW;AAC3B,QAAIE,aAAWZ,cAAc;AAC3BY,gBAAQK,iBAAiB,UAAUN,kBAAkB;AAAA,IACvD;AAEA,WAAO,MAAM;AACXC,iBAASM,oBAAoB,UAAUP,kBAAkB;AAAA,IAC3D;AAAA,EACF,GAAG,CAACX,cAAcC,qBAAqB,CAAC;AAC1C;"}

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

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

package/lib/inputs2/date/calendarbox.d.ts

@@ -1,23 +0,0 @@
-import { Moment } from 'moment';
-import { ReactNode, RefObject } from 'react';
-interface CalendarDayState {
-    isSelected: boolean;
-    isInRange?: boolean;
-    isDisabled?: boolean;
-}
-interface CalendarBoxProps {
-    testIdPrefix: string;
-    headerId: string;
-    calendarBoxOpen: boolean;
-    activeDescendant: string;
-    calendarDisplayDate: Moment;
-    containerRef: RefObject<HTMLDivElement | null>;
-    onNextMonth: () => void;
-    onPreviousMonth: () => void;
-    getDayState: (day: Moment) => CalendarDayState;
-    onSelectDay: (day: Moment) => void;
-    children?: ReactNode;
-}
-declare const CalendarBox: import('react').ForwardRefExoticComponent<CalendarBoxProps & import('react').RefAttributes<HTMLDivElement>>;
-export { CalendarBox };
-export type { CalendarBoxProps, CalendarDayState };