@adcops/autocore-react 3.0.34 → 3.0.36

package/dist/core/IndicatorColor.js

@@ -1,36 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-21 11:45:09
- * -----
- * Last Modified: 2024-03-08 07:16:47
- * Modified By: ADC
- * -----
- *
- */
-/**
- * Standardized indicator colors and their meanings. It's probably
- * best to use their meaning and not the actual color name.
- */
-export var IndicatorColor;
-(function (IndicatorColor) {
-    /** Green: On, Ok, Ready, Home, General Use */
-    IndicatorColor["IndicatorGreen"] = "green";
-    /** Alias for the ON condition to make meaning clear. Preferred for ON case. */
-    IndicatorColor["IndicatorOn"] = "green";
-    /** Off. ONLY USE THIS FOR OFF. */
-    IndicatorColor["IndicatorOff"] = "gray";
-    /** Red: Error, Fault, Stop, Stopped. Use sparingly. */
-    IndicatorColor["IndicatorRed"] = "red";
-    /** Orange: Warning, Out of position, moving, out of range. */
-    IndicatorColor["IndicatorOrange"] = "orange";
-    /** Alias for Red to make meaning clear. Preferred. */
-    IndicatorColor["IndicatorError"] = "red";
-    /** Alias for Orange to make meaning clear. Preferred. */
-    IndicatorColor["IndicatorWarning"] = "orange";
-    /** Invalid. If an indicator is black, the interface does not know the current value. */
-    IndicatorColor["IndicatorInvalid"] = "black";
-    /** Use for navigation buttons. No other meaning allowed. */
-    IndicatorColor["IndicatorNavigation"] = "cyan";
-    /** Use for informational buttons. No other meaning allowed. */
-    IndicatorColor["IndicatorInfo"] = "blue";
-})(IndicatorColor || (IndicatorColor = {}));
+export var IndicatorColor;!function(r){r.IndicatorGreen="green",r.IndicatorOn="green",r.IndicatorOff="gray",r.IndicatorRed="red",r.IndicatorOrange="orange",r.IndicatorError="red",r.IndicatorWarning="orange",r.IndicatorInvalid="black",r.IndicatorNavigation="cyan",r.IndicatorInfo="blue"}(IndicatorColor||(IndicatorColor={}));

package/dist/core/MaskPatterns.js

@@ -1,80 +1 @@
-/*
- * (C) Copyright 2021 Automated Design Corp. All Rights Reserved.
- * File Created: Thursday, 1st April 2021 12:30:41 pm
- * Author: Thomas C. Bitsky Jr. Automated Design Corp.
- */
-/**
- * @fileoverview
- * Provides a collection of pre-defined patterns for masking/validating different types of user input or data string.
- * These patterns come up so regularly in our work that it seemed best to standardize and centralize their definition.
- *
- * These patterns can be used to ensure that user inputs conform to expected formats, such as real numbers (with or without
- * decimal points), positive real numbers, integers, and positive integers. Utilizing these patterns simplifies the process
- * of validating and filtering input in forms or any other user input scenarios.
- *
- * The patterns are defined as regular expressions and are encapsulated within the `InputPatterns` constant for easy access.
- * They can be used directly with input validation functions or in conjunction with form validation libraries to enforce
- * input constraints.
- */
-/**
- * Regular expressions Common input patterns for matching different input or expected data types.
- */
-export const RegExMaskPatterns = {
-    /**
-     * Regular expression pattern for matching real numbers.
-     * This pattern matches any real number, including negative and positive numbers with or without a decimal point.
-     * Examples of valid inputs: "123", "-123", "123.456", "-123.456", ".456", "-.456"
-     */
-    RealNumber: /^-?\d*(\.)?(\d+)?$/,
-    /**
-     * Regular expression pattern for matching positive real numbers.
-     * This pattern matches any positive real number with or without a decimal point, excluding negative numbers.
-     * Examples of valid inputs: "123", "123.456", ".456"
-     */
-    RealNumberPositive: /^\d*(\.)?(\d+)?$/,
-    /**
-     * Regular expression pattern for matching integers.
-     * This pattern matches any integer, including negative and positive integers without a decimal point.
-     * Examples of valid inputs: "123", "-123"
-     */
-    Integer: /^-?\d*$/,
-    /**
-     * Regular expression pattern for matching positive integers.
-     * This pattern matches any positive integer without a decimal point, excluding negative numbers.
-     * Examples of valid inputs: "123"
-     */
-    IntegerPositive: /^\d+$/,
-    /**
-     * Regular expression for matching IPV4 address.
-     */
-    Ipv4: /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
-};
-/**
- * Patterns for use with PrimeReact.InputMask components
- */
-export const PrimeReactMaskPatterns = {
-    /** USA Social Security Number */
-    SocialSecurityNumber: "999-99-9999",
-    /** USA phone number with optional extension */
-    PhoneNumberUS: "(999) 999-9999? x99999",
-    /** International phone number with optional extension */
-    PhoneNumberInternational: "+999 999 999 9999? x99999",
-    /** International phone number with optional extension */
-    PhoneNumberJapan: "+81 9999 999 9999? x99999",
-    /** International phone number with optional extension */
-    PhoneNumberChina: "+86 999 999 9999? x99999",
-    /** International phone number with optional extension */
-    PhoneNumberVietnam: "+84 999 999 9999? x99999",
-    /** International phone number with optional extension */
-    PhoneNumberSouthKorea: "+82 99 9999 9999 x99999",
-    /** International phone number with optional extension */
-    PhoneNumberCanada: "+1 (999) 999-9999 x99999",
-    /** International phone number with optional extension */
-    PhoneNumberMexico: "+52 999 999 9999 x99999",
-    /** International phone number with optional extension */
-    PhoneNumberScotland: "+44 9999 999999 x99999",
-    /** International phone number with optional extension */
-    PhoneNumberEngland: "+44 9999 999999 x99999",
-    /** International phone number with optional extension */
-    PhoneNumberIreland: "+353 99 999 9999 x99999",
-};
+export const RegExMaskPatterns={RealNumber:/^-?\d*(\.)?(\d+)?$/,RealNumberPositive:/^\d*(\.)?(\d+)?$/,Integer:/^-?\d*$/,IntegerPositive:/^\d+$/,Ipv4:/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/};export const PrimeReactMaskPatterns={SocialSecurityNumber:"999-99-9999",PhoneNumberUS:"(999) 999-9999? x99999",PhoneNumberInternational:"+999 999 999 9999? x99999",PhoneNumberJapan:"+81 9999 999 9999? x99999",PhoneNumberChina:"+86 999 999 9999? x99999",PhoneNumberVietnam:"+84 999 999 9999? x99999",PhoneNumberSouthKorea:"+82 99 9999 9999 x99999",PhoneNumberCanada:"+1 (999) 999-9999 x99999",PhoneNumberMexico:"+52 999 999 9999 x99999",PhoneNumberScotland:"+44 9999 999999 x99999",PhoneNumberEngland:"+44 9999 999999 x99999",PhoneNumberIreland:"+353 99 999 9999 x99999"};

package/dist/core/NumerableTypes.js

@@ -1,10 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-16 14:19:17
- * -----
- * Last Modified: 2024-03-08 07:55:25
- * Modified By: ADC
- * -----
- *
- */
-export {};
+export{};

package/dist/core/PositionContext.js

@@ -1,24 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-16 14:19:52
-  * -----
- * Last Modified: 2024-03-08 07:48:18
- * Modified By: ADC
- * -----
- *
- */
-import { createContext } from 'react';
-/**
- * Creates a React context for position and scaling information of a component using absolute positioning.
- * This context provides a standardized way to access and react to changes in scale and positioning offsets,
- * enabling components to adjust their layout and rendering behavior dynamically.
- *
- * The default context values are set to assume no scaling (`scale: 1`) and no offsets (`xOffset: 0, yOffset: 0`),
- * which corresponds to the initial state in many applications before any dynamic adjustments are made.
- */
-export const DimensionsContext = createContext({
-    scale: 1, /** Default scaling factor indicating no scaling. */
-    xOffset: 0, /** Default horizontal offset indicating no shift. */
-    yOffset: 0, /** Default vertical offset indicating no shift. */
-});
-export default DimensionsContext;
+import{createContext}from"react";export const DimensionsContext=createContext({scale:1,xOffset:0,yOffset:0});export default DimensionsContext;

package/dist/core/UniqueId.js

@@ -1,32 +1 @@
-/**
- * Generate a unique UUID in the form of RF4122.
- * @returns string
- */
-const PrivateUniqueId = (function () {
-    function chr4() {
-        return Math.random().toString(16).slice(-4);
-    }
-    return chr4() + chr4() +
-        '-' + chr4() +
-        '-' + chr4() +
-        '-' + chr4() +
-        '-' + chr4() + chr4() + chr4();
-});
-/**
- * Generates a unique UUID per RFC4122.
- * 8 chars, followed by 3 groups of 4 chars, followed by 12 chars.
- *
- * @returns string UUID
- *
- * ## Remarks
- * NOTE: This format of 8 chars, followed by 3 groups of 4 chars, followed by 12 chars
- *       is known as a UUID and is defined in RFC4122 and is a standard for generating unique IDs.
- *       This function DOES NOT implement this standard. It simply outputs a string
- *       that looks similar. The standard is found here: https://www.ietf.org/rfc/rfc4122.txt
- *
- * Should avoid duplicates over 10-millions subsequent calls.
- *
- */
-export function UniqueId() {
-    return PrivateUniqueId();
-}
+const PrivateUniqueId=function(){function n(){return Math.random().toString(16).slice(-4)}return n()+n()+"-"+n()+"-"+n()+"-"+n()+"-"+n()+n()+n()};export function UniqueId(){return PrivateUniqueId()}

package/dist/core/ValueSimulator.js

@@ -1,233 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-18 12:49:58
- * Author: Thomas C. Bitsky Jr.
- * -----
- * Last Modified: 2024-03-08 09:33:45
- * Modified By: ADC
- * -----
- *
- */
-/**
- * Generates values for simulating data into an HMI.
- * Used for demonstration and development testing.
- */
-export class ValueSimulator {
-    /**
-     * Constructor
-     * @param dispatch EmitterDispatchFunction Dispatch function from the application's EventEmiterContext.
-     */
-    constructor(dispatch) {
-        Object.defineProperty(this, "bBit1", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "bBit2", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "iRamp1", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "iRamp2", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "fRamp1", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "fRamp2", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "iSin1", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "iSin2", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "fSin1", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "fSin2", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "iRamp1DirectionUp", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "iRamp2DirectionUp", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "fRamp1DirectionUp", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "fRamp2DirectionUp", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "iSin1Angle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: Math.random() * Math.PI * 2
-        });
-        Object.defineProperty(this, "iSin2Angle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: Math.random() * Math.PI * 2
-        });
-        Object.defineProperty(this, "fSin1Angle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (Math.random() * Math.PI * 2) / 10
-        });
-        Object.defineProperty(this, "fSin2Angle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (Math.random() * Math.PI * 2) / 10
-        });
-        Object.defineProperty(this, "intervalId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "dispatch", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.dispatch = dispatch;
-    }
-    /**
-     * Start simulating values on a tick
-     */
-    start() {
-        if (this.intervalId === 0) {
-            this.intervalId = setInterval(() => this.update(), 1000);
-        }
-    }
-    /**
-     * Stop simulating values.
-     */
-    stop() {
-        if (this.intervalId !== 0) {
-            clearInterval(this.intervalId);
-            this.intervalId = 0;
-        }
-    }
-    /**
-     * Update and dispatch the values.
-     */
-    update() {
-        this.bBit1 = !this.bBit1;
-        this.bBit2 = !this.bBit2;
-        [this.iRamp1, this.iRamp1DirectionUp] = this.updateRamp(this.iRamp1, this.iRamp1DirectionUp, 32767);
-        [this.iRamp2, this.iRamp2DirectionUp] = this.updateRamp(this.iRamp2, this.iRamp2DirectionUp, 32767);
-        [this.fRamp1, this.fRamp1DirectionUp] = this.updateRamp(this.fRamp1, this.fRamp1DirectionUp, 3276.7);
-        [this.fRamp2, this.fRamp2DirectionUp] = this.updateRamp(this.fRamp2, this.fRamp2DirectionUp, 3276.7);
-        [this.iSin1, this.iSin1Angle] = this.updateSin(this.iSin1, this.iSin1Angle, Math.PI / 180, 32767);
-        [this.iSin2, this.iSin2Angle] = this.updateSin(this.iSin2, this.iSin2Angle, Math.PI / 180, 32767);
-        [this.fSin1, this.fSin1Angle] = this.updateSin(this.fSin1, this.fSin1Angle, Math.PI / 180, 3276.7);
-        [this.fSin2, this.fSin2Angle] = this.updateSin(this.fSin2, this.fSin2Angle, Math.PI / 180, 3276.7);
-        this.updateTopic("value-simulator-bBit1", this.bBit1);
-        this.updateTopic("value-simulator-bBit2", this.bBit2);
-        this.updateTopic("value-simulator-iRamp1", this.iRamp1);
-        this.updateTopic("value-simulator-iRamp2", this.iRamp2);
-        this.updateTopic("value-simulator-fRamp1", this.fRamp1);
-        this.updateTopic("value-simulator-fRamp2", this.fRamp2);
-        this.updateTopic("value-simulator-iSin1", this.iSin1);
-        this.updateTopic("value-simulator-iSin2", this.iSin2);
-        this.updateTopic("value-simulator-fSin1", this.fSin1);
-        this.updateTopic("value-simulator-fSin2", this.fSin2);
-    }
-    /**
-     * Updates the value of a ramp variable, changing its direction when limits are reached.
-     * @param {number} value The current value of the ramp variable.
-     * @param {boolean} directionUp Indicates if the ramp variable is currently increasing.
-     * @param {number} max The maximum value for the ramp.
-     * @returns {[number, boolean]} The updated value and direction.
-     */
-    updateRamp(value, directionUp, max) {
-        if (directionUp) {
-            value++;
-            if (value >= max)
-                return [value, false];
-        }
-        else {
-            value--;
-            if (value <= 0)
-                return [value, true];
-        }
-        return [value, directionUp];
-    }
-    /**
-     * Updates a sine wave value based on the given angle and increments, then calculates the new value and angle.
-     * This method is useful for scenarios where a sine wave value needs to be progressively updated, such as in animations
-     * or simulations. The sine of the updated angle is calculated, multiplied by the maximum value to scale it, and both
-     * the new value and the updated angle are returned.
-     *
-     * @param {number} value The current value of the sine wave. This parameter is not directly used in the calculation of the new value,
-     * but it can be utilized if the method is extended or modified.
-     * @param {number} angle The current angle in radians. This is the phase of the sine wave.
-     * @param {number} increment The value by which the angle is to be incremented, in radians. This controls the progression of the wave.
-     * @param {number} max The maximum value (amplitude) of the sine wave. The calculated sine value will be scaled by this factor.
-     * @returns {[number,number]} A tuple where the first element is the new sine wave value and the second element is the updated angle.
-     */
-    updateSin(value, angle, increment, max) {
-        angle += increment;
-        value = Math.sin(angle) * max;
-        return [value, angle];
-    }
-    /**
-     * Dispatch the update for a particular topic.
-     */
-    updateTopic(topic, value) {
-        this.dispatch({
-            topic: topic,
-            payload: value
-        });
-    }
-}
-export default ValueSimulator;
+export class ValueSimulator{constructor(i){Object.defineProperty(this,"bBit1",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"bBit2",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"iRamp1",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"iRamp2",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"fRamp1",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"fRamp2",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"iSin1",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"iSin2",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"fSin1",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"fSin2",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"iRamp1DirectionUp",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"iRamp2DirectionUp",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"fRamp1DirectionUp",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"fRamp2DirectionUp",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"iSin1Angle",{enumerable:!0,configurable:!0,writable:!0,value:Math.random()*Math.PI*2}),Object.defineProperty(this,"iSin2Angle",{enumerable:!0,configurable:!0,writable:!0,value:Math.random()*Math.PI*2}),Object.defineProperty(this,"fSin1Angle",{enumerable:!0,configurable:!0,writable:!0,value:Math.random()*Math.PI*2/10}),Object.defineProperty(this,"fSin2Angle",{enumerable:!0,configurable:!0,writable:!0,value:Math.random()*Math.PI*2/10}),Object.defineProperty(this,"intervalId",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"dispatch",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.dispatch=i}start(){0===this.intervalId&&(this.intervalId=setInterval((()=>this.update()),1e3))}stop(){0!==this.intervalId&&(clearInterval(this.intervalId),this.intervalId=0)}update(){this.bBit1=!this.bBit1,this.bBit2=!this.bBit2,[this.iRamp1,this.iRamp1DirectionUp]=this.updateRamp(this.iRamp1,this.iRamp1DirectionUp,32767),[this.iRamp2,this.iRamp2DirectionUp]=this.updateRamp(this.iRamp2,this.iRamp2DirectionUp,32767),[this.fRamp1,this.fRamp1DirectionUp]=this.updateRamp(this.fRamp1,this.fRamp1DirectionUp,3276.7),[this.fRamp2,this.fRamp2DirectionUp]=this.updateRamp(this.fRamp2,this.fRamp2DirectionUp,3276.7),[this.iSin1,this.iSin1Angle]=this.updateSin(this.iSin1,this.iSin1Angle,Math.PI/180,32767),[this.iSin2,this.iSin2Angle]=this.updateSin(this.iSin2,this.iSin2Angle,Math.PI/180,32767),[this.fSin1,this.fSin1Angle]=this.updateSin(this.fSin1,this.fSin1Angle,Math.PI/180,3276.7),[this.fSin2,this.fSin2Angle]=this.updateSin(this.fSin2,this.fSin2Angle,Math.PI/180,3276.7),this.updateTopic("value-simulator-bBit1",this.bBit1),this.updateTopic("value-simulator-bBit2",this.bBit2),this.updateTopic("value-simulator-iRamp1",this.iRamp1),this.updateTopic("value-simulator-iRamp2",this.iRamp2),this.updateTopic("value-simulator-fRamp1",this.fRamp1),this.updateTopic("value-simulator-fRamp2",this.fRamp2),this.updateTopic("value-simulator-iSin1",this.iSin1),this.updateTopic("value-simulator-iSin2",this.iSin2),this.updateTopic("value-simulator-fSin1",this.fSin1),this.updateTopic("value-simulator-fSin2",this.fSin2)}updateRamp(i,e,t){if(e){if(++i>=t)return[i,!1]}else if(--i<=0)return[i,!0];return[i,e]}updateSin(i,e,t,a){return e+=t,[Math.sin(e)*a,e]}updateTopic(i,e){this.dispatch({topic:i,payload:e})}}export default ValueSimulator;

package/dist/core/hoc.js

@@ -1,44 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-18 16:14:20
-  * -----
- * Last Modified: 2024-03-08 09:27:12
- * Modified By: ADC
- * -----
- */
-/**
- * @fileinfo
- * Explanation:
- * React.ComponentType<P>: This is a generic type that can accept any React component (functional or class) with props of type P.
- * P extends WithSubscriptionProps: Here, P is a generic type parameter that extends WithSubscriptionProps,
- * meaning it can be any type that includes the properties of WithSubscriptionProps.
- * Omit<P, keyof WithSubscriptionProps>: This utility type creates a new type by omitting properties from
- * P that are also in WithSubscriptionProps. This is useful to prevent type clashes.
- * useState<any>(): The state is typed as any since the value received from the subscription
- * can be of any type. You may choose to make this more specific based on your application's needs.
- *
- */
-import { useState, useEffect, useContext } from 'react';
-import { EventEmitterContext } from './EventEmitterContext';
-/**
- * Creates a higher-order component that subscribes to a specified topic and passes the data to the wrapped component.
- *
- * @param WrappedComponent The component to be wrapped and enhanced with subscription data.
- * @param topic The topic to subscribe to.
- * @param propName The name of the prop through which the subscription data is passed to the WrappedComponent.
- * @returns A component that subscribes to the given topic and updates its specified prop with the received data.
- */
-export function hocAddSubscription(WrappedComponent, topic, propName) {
-    return function (props) {
-        const [value, setValue] = useState();
-        const { subscribe, unsubscribe } = useContext(EventEmitterContext);
-        useEffect(() => {
-            const unsubscribeToken = subscribe(topic, setValue);
-            return () => unsubscribe(unsubscribeToken);
-        }, [topic, subscribe, unsubscribe]);
-        // Use propName to pass the updated value
-        const additionalProps = { [propName]: value };
-        return _jsx(WrappedComponent, { ...props, ...additionalProps });
-    };
-}
+import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect,useContext}from"react";import{EventEmitterContext}from"./EventEmitterContext";export function hocAddSubscription(t,e,r){return function(n){const[o,s]=useState(),{subscribe:u,unsubscribe:i}=useContext(EventEmitterContext);useEffect((()=>{const t=u(e,s);return()=>i(t)}),[e,u,i]);return _jsx(t,{...n,...{[r]:o}})}}