dry-ux 1.44.0 → 1.46.0

package/dist/error/ErrorBoundary.d.ts

@@ -3,7 +3,8 @@ export interface IErrorBoundaryProps {
     errorHandler?: (error?: Error, info?: React.ErrorInfo) => void;
     onErrorCallback?: (error?: Error) => void;
     rethrowError?: boolean;
-    fallbackUI?: React.ReactNode | ((error: Error, resetError: () => void) => JSX.Element);
+    fallback?: (error: Error, resetError: () => void) => JSX.Element;
+    children: JSX.Element;
 }
 interface IErrorBoundaryInnerState {
     error: Error | null;
@@ -14,7 +15,7 @@ export declare class ErrorBoundary extends React.PureComponent<IErrorBoundaryPro
         error: Error;
     };
     componentDidCatch(error: Error, info: React.ErrorInfo): void;
-    render: () => any;
+    render: () => JSX.Element & React.ReactNode;
     private handleError;
     private resetError;
 }

package/dist/error/ErrorBoundary.js

@@ -7,13 +7,10 @@ class ErrorBoundary extends React.PureComponent {
     constructor(props) {
         super(props);
         this.render = () => {
-            const { children, fallbackUI = null } = this.props;
+            const { children, fallback = null } = this.props;
             const { error } = this.state;
             if (error) {
-                if (typeof fallbackUI === "function") {
-                    return fallbackUI(error, this.resetError.bind(this));
-                }
-                return fallbackUI || React.createElement(ErrorScreen_1.ErrorScreen, null);
+                return fallback ? fallback(error, this.resetError.bind(this)) : React.createElement(ErrorScreen_1.ErrorScreen, null);
             }
             return children;
         };

package/dist/helpers/utilities.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 /**
  * Returns a function that will call the given handler and prevent the default event behavior.
  * @param handler: The handler to call.
@@ -55,3 +56,4 @@ export declare class Deferred<T> {
     get reject(): (error: any) => void;
 }
 export declare const tryParseJson: <T = any>(json: string, errorValue?: {}) => {};
+export declare const useIsVisible: (ref: React.MutableRefObject<any>) => boolean;

package/dist/helpers/utilities.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tryParseJson = exports.Deferred = exports.getUrlParams = exports.insertUrlParams = exports.insertUrlParam = exports.toHashCode = exports.StorageUtils = exports.fnWithAuthCheck = exports.formatDollar = exports.useCountdown = exports.importStyleSheet = exports.importScript = exports.preventDefault = void 0;
+exports.useIsVisible = exports.tryParseJson = exports.Deferred = exports.getUrlParams = exports.insertUrlParams = exports.insertUrlParam = exports.toHashCode = exports.StorageUtils = exports.fnWithAuthCheck = exports.formatDollar = exports.useCountdown = exports.importStyleSheet = exports.importScript = exports.preventDefault = void 0;
 const React = require("react");
 /**
  * Returns a function that will call the given handler and prevent the default event behavior.
@@ -184,3 +184,15 @@ const tryParseJson = (json, errorValue = {}) => {
     }
 };
 exports.tryParseJson = tryParseJson;
+const useIsVisible = (ref) => {
+    const [isIntersecting, setIntersecting] = React.useState(false);
+    React.useEffect(() => {
+        const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting));
+        observer.observe(ref.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [ref]);
+    return isIntersecting;
+};
+exports.useIsVisible = useIsVisible;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.44.0",
+  "version": "1.46.0",
   "description": "",
   "main": "dist/index",
   "scripts": {