linear-react-components-ui 1.0.15-rc.0 → 1.0.15

package/lib/index.d.ts

@@ -7,7 +7,7 @@ export { default as List } from './list/index.js';
 export { default as Radio } from './radio/index.js';
 export { default as Tab } from './tabs/index.js';
 export { default as Dialog } from './dialog/base/index.js';
-import './types-b7be23b5.js';
+import './types-c2a0f035.js';
 import 'react';
 import './@types/PermissionAttr.js';
 import './internals/colorStyles.js';

package/lib/panel/Content.d.ts

@@ -1,4 +1,4 @@
-import { a as IPanelContentProps } from '../types-b7be23b5.js';
+import { a as IPanelContentProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/Content.js

@@ -62,12 +62,15 @@ var PanelContent = function PanelContent(_ref) {
     }, _callee);
   })), [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
   (0, _react.useEffect)(function () {
+    var observer;
     if (rootElementRef.current && onEndReached) {
-      var observer = new ResizeObserver(function () {
+      observer = new ResizeObserver(function () {
         var _ref3 = rootElementRef.current,
           scrollHeight = _ref3.scrollHeight;
         if (scrollHeight !== lastScrollHeight.current) {
+          var _observer;
           enableOnEndReached.current = true;
+          (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
         }
       });
       observer.observe(rootElementRef.current);
@@ -75,9 +78,10 @@ var PanelContent = function PanelContent(_ref) {
       rootElementRef.current.addEventListener('resize', onScrollEndReached);
     }
     return function () {
-      var _rootElementRef$curre, _rootElementRef$curre2;
+      var _rootElementRef$curre, _rootElementRef$curre2, _observer2;
       (_rootElementRef$curre = rootElementRef.current) === null || _rootElementRef$curre === void 0 ? void 0 : _rootElementRef$curre.removeEventListener('scroll', onScrollEndReached);
       (_rootElementRef$curre2 = rootElementRef.current) === null || _rootElementRef$curre2 === void 0 ? void 0 : _rootElementRef$curre2.removeEventListener('resize', onScrollEndReached);
+      (_observer2 = observer) === null || _observer2 === void 0 ? void 0 : _observer2.disconnect();
     };
   }, [onScrollEndReached]);
   if (!opened) return null;

package/lib/panel/DangerPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/Default.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/Header.d.ts

@@ -1,4 +1,4 @@
-import { b as IPanelHeaderProps } from '../types-b7be23b5.js';
+import { b as IPanelHeaderProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/InfoPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/PrimaryPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/SuccessPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/ToolBar.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/WarningPanel.d.ts

@@ -1,4 +1,4 @@
-import { I as IPanelProps } from '../types-b7be23b5.js';
+import { I as IPanelProps } from '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/helpers.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { P as default, g as getCurrentThreshold, n as numberAroundZeroAndOne } from '../types-b7be23b5.js';
+export { P as default, g as getCurrentThreshold, n as numberAroundZeroAndOne } from '../types-c2a0f035.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
 import '../@types/Icon.js';

package/lib/panel/helpers.js

@@ -20,15 +20,17 @@ function numberAroundZeroAndOne(_ref) {
   }
   return null;
 }
-function getCurrentThreshold(element, threshold) {
-  if (threshold > 1) return 1;
-  if (threshold < 0) return 0;
-  var scrollHeight = element.scrollHeight,
-    clientHeight = element.clientHeight;
+function getCurrentThreshold(scrollableElement, scrollThreshold) {
+  var MIN_THRESHOLD = 0;
+  var MAX_THRESHOLD = 1;
+  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
+  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
+  var scrollHeight = scrollableElement.scrollHeight,
+    clientHeight = scrollableElement.clientHeight;
   var offsetHeight = scrollHeight - clientHeight;
-  var scrollThreshold = Math.round(scrollHeight * threshold);
+  var calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
   var maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
-  return Math.min(scrollThreshold, maxScrollThreshold);
+  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
 }
 var PanelContext = /*#__PURE__*/_react.default.createContext({});
 var _default = PanelContext;

package/lib/panel/index.d.ts

@@ -6,7 +6,7 @@ export { default as SuccessPanel } from './SuccessPanel.js';
 export { default as InfoPanel } from './InfoPanel.js';
 export { default as PanelHeader } from './Header.js';
 export { default as PanelContent } from './Content.js';
-import '../types-b7be23b5.js';
+import '../types-c2a0f035.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';

package/lib/panel/types.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { A as AsyncFunc, C as ContextProps, F as Func, a as IPanelContentProps, b as IPanelHeaderProps, I as IPanelProps, c as IParameterFunction } from '../types-b7be23b5.js';
+export { A as AsyncFunc, C as ContextProps, F as Func, a as IPanelContentProps, b as IPanelHeaderProps, I as IPanelProps, c as IParameterFunction } from '../types-c2a0f035.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
 import '../@types/Icon.js';

package/lib/{types-b7be23b5.d.ts → types-c2a0f035.d.ts}

@@ -4,7 +4,7 @@ import ColorStyles from './internals/colorStyles.js';
 import { IconNames } from './@types/Icon.js';
 
 declare function numberAroundZeroAndOne({ props, propName, componentName }: IParameterFunction): number | Error | null;
-declare function getCurrentThreshold(element: HTMLDivElement, threshold: number): number;
+declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
 declare const PanelContext: React__default.Context<ContextProps>;
 
 type Func = () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.15-rc.0",
+  "version": "1.0.15",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",