dry-ux 1.46.0 → 1.48.0

package/dist/helpers/utilities.d.ts

@@ -57,3 +57,7 @@ export declare class Deferred<T> {
 }
 export declare const tryParseJson: <T = any>(json: string, errorValue?: {}) => {};
 export declare const useIsVisible: (ref: React.MutableRefObject<any>) => boolean;
+export declare const usePubSub: <T>() => {
+    usePub: () => <TName extends keyof T, TPayload extends T[TName]>(event: TName, data?: TPayload) => void;
+    useSub: <TName_1 extends keyof T, TPayload_1 extends T[TName_1]>(event: TName_1, callback: (data: TPayload_1) => void) => () => void;
+};

package/dist/helpers/utilities.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.usePubSub = 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.
@@ -196,3 +196,24 @@ const useIsVisible = (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 };
+};
+exports.usePubSub = usePubSub;

package/package.json

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