dry-ux 1.45.0 → 1.47.0

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,35 @@ 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;
+const usePubSub = () => {
+    const getEventName = (event) => `dry-ux-event-${event}`;
+    const usePub = () => (event, data) => {
+        document.dispatchEvent(new CustomEvent(getEventName(event), {
+            detail: data,
+        }));
+    };
+    const useSub = (event, callback) => {
+        const controller = new AbortController();
+        const unsubscribe = () => controller.abort();
+        React.useEffect(() => {
+            document.addEventListener(getEventName(event), (event) => callback(event.detail), {
+                signal: controller.signal,
+            });
+            return unsubscribe;
+        }, []);
+        return unsubscribe;
+    };
+    return { usePub, useSub };
+};

package/package.json

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