@e1011/es-kit 1.0.232 → 1.0.234

package/dist/types/src/core/ui/components/container/Flex.d.ts

@@ -22,20 +22,20 @@ export type FlexProps = {
     css?: string;
     borderRadius?: string;
 };
-export declare const Flex: import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>>>;
-export declare const FlexWrapper: import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
+export declare const Flex: import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>> & string>;
+export declare const FlexWrapper: import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
+}, Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & Omit<import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>>>, keyof import("react").Component<any, {}, any>>>;
-export declare const FlexTight: import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
+}>, never>, never>> & string & Omit<import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>> & string>, keyof import("react").Component<any, {}, any>>>;
+export declare const FlexTight: import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
+}, Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & Omit<import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>>>, keyof import("react").Component<any, {}, any>>>;
-export declare const FlexTightStyled: import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
+}>, never>, never>> & string & Omit<import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>> & string>, keyof import("react").Component<any, {}, any>>>;
+export declare const FlexTightStyled: import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
+}, Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & Omit<import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>>>, keyof import("react").Component<any, {}, any>>>;
+}>, never>, never>> & string & Omit<import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexProps>> & string>, keyof import("react").Component<any, {}, any>>>;
 //# sourceMappingURL=Flex.d.ts.map

package/dist/types/src/core/ui/components/container/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAWD,eAAO,MAAM,IAAI,2PAuBf,CAAA;AAGF,eAAO,MAAM,WAAW;;;;qUAQnB,CAAA;AAEL,eAAO,MAAM,SAAS;;;;qUAGhB,CAAA;AAEN,eAAO,MAAM,eAAe;;;;qUAQtB,CAAA"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAWD,eAAO,MAAM,IAAI,mRAuBf,CAAA;AAGF,eAAO,MAAM,WAAW;;;;sWAQnB,CAAA;AAEL,eAAO,MAAM,SAAS;;;;sWAGhB,CAAA;AAEN,eAAO,MAAM,eAAe;;;;sWAQtB,CAAA"}

package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts

@@ -0,0 +1,4 @@
+import { PeregrineMQ } from './peregrineMQ';
+declare const peregrineMQInstance: PeregrineMQ;
+export default peregrineMQInstance;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,QAAA,MAAM,mBAAmB,aAAoB,CAAA;AAE7C,eAAe,mBAAmB,CAAA"}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.d.ts

@@ -0,0 +1,114 @@
+import { Callback, Config, PeregrineMQApi, UnsubscribeOptions } from './peregrineMQ.types';
+/**
+ * Represents a message queue with publish/subscribe functionality.
+ */
+export declare class PeregrineMQ implements PeregrineMQApi {
+    private id;
+    private config;
+    /**
+     * The map of channels and their subscribers sets.
+     */
+    private channels;
+    /**
+     * The map of listeners and their subscribed channels.
+     */
+    private listeners;
+    /**
+     * Adds a callback as a listener to a channel.
+     * @param callback The callback function to add as a listener.
+     * @param channel The channel to add the listener to.
+     */
+    private addListener;
+    /**
+     * Removes the callback from the listeners collection if it is not subscribed to any channels.
+     * @description Removes the calback only when it's ot presented in any other subscriberSet
+     * (Ref to Map<string, SubscribersSet>).
+     * @param callback The callback to remove form listeners.
+     */
+    private removeListener;
+    /**
+     * Publishes data to a channel.
+     * @param channel The channel to publish the data to.
+     * @param isParrent Indicates if the channel is a parent channel.
+     * @param data The data to publish.
+     * @returns A boolean indicating if the publication was successful.
+     */
+    private publishToChannel;
+    /**
+     * Creates a new instance of PeregrineMQ.
+     * @param id Specific instance of PeregrineMQ identifier
+     * @param config The configuration options for PeregrineMQ.
+     */
+    constructor(id?: string, config?: Config);
+    /**
+     * Gets the total number of subscribers across all channels.
+     */
+    get length(): number;
+    /**
+     * Configures PeregrineMQ with the specified options.
+     * @param config The configuration options for PeregrineMQ.
+     * @returns An object containing the prune interval handler (if auto prune is enabled).
+     */
+    configure: (config: Config) => {
+        clearPruneInterval?: () => void;
+        restartPruneInterval?: () => void;
+    };
+    /**
+     * Gets an array of all channels.
+     * @returns An array of channel names.
+     */
+    getChannels: () => string[];
+    /**
+     * Prunes the channels with no subscribers.
+     * @returns An array of pruned channel names.
+     */
+    prune: () => string[];
+    /**
+     * Removes a channel and its subscribers.
+     * @param channel The channel to remove.
+     * @returns A boolean indicating if the channel was successfully removed.
+     */
+    removeChannel: (channel: string) => boolean;
+    /**
+     * Publishes data to a channel.
+     * @param channel The channel to publish the data to.
+     * @param data The data to publish.
+     * @returns A boolean indicating if the publication was successful.
+     */
+    publish: <T>(channel: string, data?: T) => boolean;
+    /**
+     * Subscribes a callback to a channel.
+     * @param channel The channel to subscribe to.
+     * @param callback The callback function to subscribe.
+     * @returns A function to unsubscribe the callback.
+     */
+    subscribe: (channel: string, callback: Callback) => () => boolean;
+    /**
+     * Unsubscribes a callback from a channel or all channels.
+     * @param callback The callback function to unsubscribe.
+     * @param options Optional unsubscribe options.
+     * @returns A boolean indicating if the callback was successfully unsubscribed.
+     */
+    unsubscribe: (callback: Callback, options?: UnsubscribeOptions) => boolean;
+    /**
+     * Checks if a callback is subscribed to a specific channel or any channel.
+     *
+     * @param callback The callback function to check.
+     * @param channel Optional channel name to check subscription for.
+     * @returns A boolean indicating if the callback is subscribed.
+     */
+    isSubscribed: (callback: Callback, channel?: string) => boolean;
+    /**
+     * Clears all channels and listeners.
+     *
+     * @throws {Error} If clearing PeregrineMQ is not allowed.
+     */
+    clear: () => void;
+    /**
+     * Returns the specific instance of PeregrineMQ
+     *
+     * @returns A string identifier of the specific instance of PeregrineMQ
+     */
+    getId: () => string;
+}
+//# sourceMappingURL=peregrineMQ.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAkB,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE1G;;GAEG;AACH,qBAAa,WAAY,YAAW,cAAc;IAChD,OAAO,CAAC,EAAE,CAAQ;IAElB,OAAO,CAAC,MAAM,CAIb;IAED;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAyC;IAEzD;;OAEG;IACH,OAAO,CAAC,SAAS,CAA6C;IAE9D;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAQlB;IAED;;;;;OAKG;IACH,OAAO,CAAC,cAAc,CAYrB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,gBAAgB,CAgBvB;IAED;;;;OAIG;gBACS,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM;IAKxC;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED;;;;OAIG;IACH,SAAS,WAAY,MAAM,KAAG;QAC5B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;QAC/B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;KAClC,CA8BA;IAED;;;OAGG;IACH,WAAW,QAAO,MAAM,EAAE,CAA6B;IAEvD;;;OAGG;IACH,KAAK,QAAO,MAAM,EAAE,CAenB;IAED;;;;OAIG;IACH,aAAa,YAAa,MAAM,KAAG,OAAO,CAuBzC;IAED;;;;;OAKG;IACH,OAAO,eAAgB,MAAM,SAAS,CAAC,KAAG,OAAO,CAoBhD;IAED;;;;;OAKG;IACH,SAAS,YAAa,MAAM,YAAY,QAAQ,KAAG,MAAM,OAAO,CAY/D;IAED;;;;;OAKG;IACH,WAAW,aAAc,QAAQ,YAAY,kBAAkB,KAAG,OAAO,CAgCxE;IAED;;;;;;OAMG;IACH,YAAY,aAAc,QAAQ,YAAY,MAAM,KAAG,OAAO,CAQ7D;IAED;;;;OAIG;IACH,KAAK,QAAO,IAAI,CAOf;IAED;;;;OAIG;IACH,KAAK,QAAO,MAAM,CAAW;CAC9B"}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.publish.perf.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=peregrineMQ.publish.perf.spec.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.publish.perf.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.publish.perf.spec.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.publish.perf.spec.ts"],"names":[],"mappings":""}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.publish.spec.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=peregrineMQ.publish.spec.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.publish.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.publish.spec.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.publish.spec.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.spec.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=peregrineMQ.spec.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.spec.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.spec.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.subscribe.perf.spec.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=peregrineMQ.subscribe.perf.spec.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.subscribe.perf.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.subscribe.perf.spec.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.subscribe.perf.spec.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.subscribe.spec.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=peregrineMQ.subscribe.spec.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.subscribe.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.subscribe.spec.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.subscribe.spec.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.types.d.ts

@@ -0,0 +1,110 @@
+export type CallbackPayload = string | number | Record<any, any>;
+export type Callback = (message: string, data?: CallbackPayload) => void;
+export type SubscribersSet = Set<Callback>;
+export interface Config {
+    /**
+     *  If true, enables automatic pruning of channels with no subscribers.
+     */
+    allowAutoPrune?: boolean;
+    /**
+     *  The interval in milliseconds at which to check for channels with no
+     *  subscribers.
+     */
+    pruneInterval?: number;
+    /**
+     * If true, will allow the use of clear method to remove all channels and listeners.
+     */
+    allowClear?: boolean;
+}
+export interface UnsubscribeOptions {
+    /**
+     * Channel to unsubscribe from
+     */
+    channel?: string;
+    /**
+     * If true, will remove the channel from the collection when the last subscriber is removed
+     */
+    prune?: boolean;
+}
+export interface PeregrineMQApi {
+    /**
+     * Sets the configuration options for a PeregrineMQ instance.
+     *
+     * @param {Config} config - An object containing configuration options for the function.
+     * @return {void}
+     */
+    configure: (config: Config) => void;
+    /**
+     * Collection of all channels and their subscribers
+     * @function
+     * @return { string[] }
+     */
+    getChannels: () => string[];
+    /**
+     * Prunes all channels with no subscribers.
+     *
+     * @function
+     * @returns {void}
+     */
+    prune: () => void;
+    /**
+     * Removes a channel from the collection.
+     *
+     * @param {string} channel - The name of the channel to remove.
+     * @returns {boolean} - Returns true if the channel was successfully removed, false otherwise.
+     */
+    removeChannel: (channel: string) => boolean;
+    /**
+     * Publishes the message, passing the data to it's subscribers
+     * @function
+     * @param { String } channel The channel to publish
+     * @param {} data The data to pass to subscribers
+     * @return { Boolean }
+     */
+    publish: (channel: string, data?: unknown) => boolean;
+    /**
+     * Subscribes the passed function to the passed message.
+     * Every returned token is unique and should be stored if you need to unsubscribe
+     * @function
+     * @param { String } channel The channel name to subscribe to
+     * @param { Function } callback The function to call when a new message is published
+     * @return { Function } The unsubscribe function
+     */
+    subscribe: (channel: string, callback: Callback) => () => boolean;
+    /**
+     * Unsubscribes a callback from a channel. Returns true if the callback was successfully
+     * unsubscribed, false otherwise.
+     *
+     * @param callback The callback to unsubscribe.
+     * @param channel (optional) The channel from which to unsubscribe the callback. If no channel is
+     * specified, the callback will be unsubscribed from all channels.
+     *
+     * @returns True if the callback was successfully unsubscribed, false otherwise.
+     */
+    unsubscribe: (callback: Callback, options?: UnsubscribeOptions) => boolean;
+    /**
+     * Returns true if the specified callback is subscribed to the specified channel (or to any
+     * channel, if no channel is specified), false otherwise.
+     *
+     * @param callback The callback to check for subscription.
+     * @param channel (optional) The channel to check for subscription. If no channel is specified, all
+     * channels will be checked.
+     *
+     * @returns True if the specified callback is subscribed to the specified channel (or to any
+     * channel, if no channel is specified), false otherwise.
+     */
+    isSubscribed: (callback: Callback, channel?: string) => boolean;
+    /**
+     * Removes all channels and subsribers from collection
+     * @function
+     * @alias clear
+     */
+    clear: () => void;
+    /**
+   * Returns the specific instance of PeregrineMQ
+   *
+   * @returns A string identifier of the specific instance of PeregrineMQ
+   */
+    getId: () => string;
+}
+//# sourceMappingURL=peregrineMQ.types.d.ts.map

package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;AAChE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAA;AAExE,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAA;AAE1C,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;OAIG;IACH,WAAW,EAAE,MAAM,MAAM,EAAE,CAAA;IAE3B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;;;;OAKG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAA;IAE3C;;;;;;OAMG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,OAAO,CAAA;IAErD;;;;;;;OAOG;IACH,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,MAAM,OAAO,CAAA;IAEjE;;;;;;;;;OASG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAA;IAE1E;;;;;;;;;;OAUG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAE/D;;;;OAIG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEf;;;;KAIC;IACF,KAAK,EAAE,MAAM,MAAM,CAAA;CACrB"}

package/dist/ui/_virtual/_rollupPluginBabelHelpers.js

@@ -1,2 +1,2 @@
-"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},t.apply(this,arguments)}exports.extends=t;
+"use strict";function n(){return n=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var e in t)({}).hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},n.apply(null,arguments)}exports.extends=n;
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/ui/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -1,2 +1,2 @@
-function t(){return t=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e])}return t},t.apply(this,arguments)}export{t as extends};
+function n(){return n=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n},n.apply(null,arguments)}export{n as extends};
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/ui/esm/src/core/hooks/useResize.js

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as t,useRef as e,useMemo as n,useLayoutEffect as i}from"react";import o from"../../../node_modules/lodash-es/debounce.js";const l=function(){let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,r=arguments.length>1?arguments[1]:void 0;const[d,u]=t({width:void 0,height:void 0}),c=e({width:0,height:0}),h=e(),v=e(),s=n((()=>o((t=>{var e,n,i,o;const l=t[0].contentRect.width,d=t[0].contentRect.height;(null===(e=c.current)||void 0===e?void 0:e.width)===l&&(null===(n=c.current)||void 0===n?void 0:n.height)===d||(c.current={width:l,height:d},(r||u)({width:null==h||null===(i=h.current)||void 0===i?void 0:i.clientWidth,height:null==h||null===(o=h.current)||void 0===o?void 0:o.clientHeight}))}),l)),[r,l]);return i((()=>{let t,e;var n,i;null!=h&&h.current&&(e=null==h?void 0:h.current,t=new ResizeObserver(s),t.observe(e),(r||u)({width:null==h||null===(n=h.current)||void 0===n?void 0:n.clientWidth,height:null==h||null===(i=h.current)||void 0===i?void 0:i.clientHeight}));const o=()=>{var n,i;null===(n=t)||void 0===n||null===(i=n.unobserve)||void 0===i||i.call(n,e)};return v.current=o,o}),[s,h,r]),[h,d,v.current]};export{l as useResize};
+import{useState as t,useRef as e,useMemo as r,useLayoutEffect as n}from"react";import i from"../../../node_modules/lodash-es/debounce.js";const h=function(){let h=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,c=arguments.length>1?arguments[1]:void 0;const[o,d]=t({width:void 0,height:void 0}),u=e({width:0,height:0}),s=e(),g=e(),l=r((()=>i((t=>{const e=t[0].contentRect.width,r=t[0].contentRect.height;u.current?.width===e&&u.current?.height===r||(u.current={width:e,height:r},(c||d)({width:s?.current?.clientWidth,height:s?.current?.clientHeight}))}),h)),[c,h]);return n((()=>{let t,e;s?.current&&(e=s?.current,t=new ResizeObserver(l),t.observe(e),(c||d)({width:s?.current?.clientWidth,height:s?.current?.clientHeight}));const r=()=>{t?.unobserve?.(e)};return g.current=r,r}),[l,s,c]),[s,o,g.current]};export{h as useResize};
 //# sourceMappingURL=useResize.js.map

package/dist/ui/esm/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"wNAWaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"0IAWaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,IACrD,MAAMC,EAAiBD,EAAQ,GAAGE,YAAYX,MACxCY,EAAkBH,EAAQ,GAAGE,YAAYV,OAE3CC,EAAmBW,SAASb,QAAUU,GACrCR,EAAmBW,SAASZ,SAAWW,IAG5CV,EAAmBW,QAAU,CAAEb,MAAOU,EAAgBT,OAAQW,IAG5DhB,GAAYE,GAAkB,CAC9BE,MAAOI,GAAcS,SAASC,YAC9Bb,OAAQG,GAAcS,SAASE,eAC/B,GACDvB,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BAwB,GAAgB,KACd,IAAIC,EACAC,EAEAd,GAAcS,UAChBK,EAAmBd,GAAcS,QACjCI,EAAiB,IAAIE,eAAeb,GACpCW,EAAeG,QAAQF,IAGrBtB,GAAYE,GAAkB,CAC9BE,MAAOI,GAAcS,SAASC,YAC9Bb,OAAQG,GAAcS,SAASE,gBAInC,MAAMM,EAAaA,KACjBJ,GAAgBK,YAAYJ,EAA4B,EAM1D,OAFAb,EAAcQ,QAAUQ,EAEjBA,CAAU,GAChB,CAACf,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcQ,QACrD"}

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as o,useState as l,useEffect as a,useLayoutEffect as r,useMemo as s}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import i from"./CollapsibleContainer.module.scss.js";const c={width:"scrollWidth",height:"scrollHeight"},d=t((t=>{let{collapsed:d=!1,collapseHandler:p,children:m,horizontal:u=!1,className:h="",id:x,...f}=t;const g=o(null),[j,b]=l(0),{dataProps:v,restProps:w}=n(f),P=!u;a((()=>{null==p||p(d)}),[p,d]),r((()=>{if(null!=g&&g.current){const e=P?"height":"width";setTimeout((()=>{null!=g&&g.current&&b(g.current[c[e]])}),100)}}),[g,P]);const C=s((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(j,"px"),...w})),[P,w,j]),H=s((()=>{const e=[P?i.vertical:i.horizontal];return d&&j&&null!=j&&e.push(i.collapsed),!d&&j&&null!=j&&e.push(i.expanded),e.join(" ")}),[d,j,P]);return React.createElement("div",e({id:"".concat(void 0!==x&&x||x),className:"".concat(i["collapsible-container"]," ").concat(H," ").concat(h," "),ref:g,style:C},v,{"data-testid":v.dataTestId||v["data-testid"]||x}),m)}));d.displayName="CollapsibleContainer";export{d as CollapsibleContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useRef as l,useState as r,useEffect as o,useLayoutEffect as a,useMemo as s}from"react";import{useParseProps as i}from"../../../hooks/useParseProps.js";import n from"./CollapsibleContainer.module.scss.js";const p={width:"scrollWidth",height:"scrollHeight"},d=t((t=>{let{collapsed:d=!1,collapseHandler:c,children:h,horizontal:m=!1,className:u="",id:x,...f}=t;const g=l(null),[v,P]=r(0),{dataProps:$,restProps:b}=i(f),j=!m;o((()=>{c?.(d)}),[c,d]),a((()=>{if(g?.current){const e=j?"height":"width";setTimeout((()=>{g?.current&&P(g.current[p[e]])}),100)}}),[g,j]);const w=s((()=>({"--prop-name":j?"height":"width","--prop-max-name":j?"max-height":"max-width","--prop-value":`${v}px`,...b})),[j,b,v]),C=s((()=>{const e=[j?n.vertical:n.horizontal];return d&&v&&null!=v&&e.push(n.collapsed),!d&&v&&null!=v&&e.push(n.expanded),e.join(" ")}),[d,v,j]);return React.createElement("div",e({id:`${void 0!==x&&x||x}`,className:`${n["collapsible-container"]} ${C} ${u} `,ref:g,style:w},$,{"data-testid":$.dataTestId||$["data-testid"]||x}),h)}));d.displayName="CollapsibleContainer";export{d as CollapsibleContainer};
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & Omit<LayoutBoxProps, 'ref'> & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"gYAYA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,KAAOC,GAC/DP,EAC1B,MAAMQ,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYb,EAElBc,GAAU,KACRhB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBkB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBzB,EAAmB0B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQvB,YAQ1D,OANIH,GAAaS,GAAbT,MAA4BS,GAC9BgB,EAAWE,KAAKD,EAAQ1B,YAErBA,GAAaS,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC7B,EAAWS,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,GAAE,GAAAmB,YAAoB,IAAPnB,GAAsBA,GAAOA,GAC5CD,UAASoB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIpB,EAAa,KAC7E6B,IAAK1B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUsB,YAActB,EAAU,gBAAkBP,IAEhEH,EACG,IAIVL,EAAqBsC,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & Omit<LayoutBoxProps, 'ref'> & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"4SAYA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,KAAOC,GAC/DP,EAC1B,MAAMQ,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYb,EAElBc,GAAU,KACRhB,IAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBkB,GAAgB,KACd,GAAIX,GAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,GAAcY,SAChBT,EAAgBH,EAAaY,QAAgBzB,EAAmB0B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAgB,GAAGP,SAChBK,KACgB,CAACE,EAAUF,EAAOL,IAEjCe,EAAaD,GAAQ,KACzB,MAAMC,EAAa,CAACR,EAAWS,EAAQT,SAAWS,EAAQtB,YAQ1D,OANIH,GAAaS,GAAbT,MAA4BS,GAC9Be,EAAWE,KAAKD,EAAQzB,YAErBA,GAAaS,GAAd,MAA6BA,GAC/Be,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWS,EAAaO,IAE5B,OACEa,MAAAC,cAAA,MAAAC,EAAA,CACE1B,GAAI,QAAkB,IAAPA,GAAsBA,GAAOA,IAC5CD,UAAW,GAAGqB,EAAQ,4BAA4BD,KAAcpB,KAChE4B,IAAKzB,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUqB,YAAcrB,EAAU,gBAAkBP,IAEhEH,EACG,IAIVL,EAAqBqC,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t}from"react";import{useResize as o}from"../../../hooks/useResize.js";import{LayoutBox as i}from"./layoutBox/LayoutBox.js";const n={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},l=t((t=>{let{children:l,debounceDelay:a=250,...r}=t;const[c,s]=o(a);return React.createElement(i,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},r),React.createElement(i,{style:n.main,width:"100%",height:"100%",ref:c}),!l&&React.createElement(i,{width:"".concat(Math.max((null==s?void 0:s.width)||200,200)||200,"px"),height:"".concat(Math.max((null==s?void 0:s.height)||200,200)||200,"px"),style:n.empty}),l&&(null==l?void 0:l({height:"".concat((null==s?void 0:s.height)||200,"px"),width:"".concat((null==s?void 0:s.width)||200,"px"),measured:!(null==s||!s.height)})))}));l.displayName="ResizableContainer";export{l as ResizableContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t}from"react";import{useResize as i}from"../../../hooks/useResize.js";import{LayoutBox as n}from"./layoutBox/LayoutBox.js";const o={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},r=t((t=>{let{children:r,debounceDelay:a=250,...h}=t;const[l,s]=i(a);return React.createElement(n,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},h),React.createElement(n,{style:o.main,width:"100%",height:"100%",ref:l}),!r&&React.createElement(n,{width:`${Math.max(s?.width||200,200)||200}px`,height:`${Math.max(s?.height||200,200)||200}px`,style:o.empty}),r&&r?.({height:`${s?.height||200}px`,width:`${s?.width||200}px`,measured:!!s?.height}))}));r.displayName="ResizableContainer";export{r as ResizableContainer};
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"6SAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAOI,EAAcC,GAAiBC,EAAUJ,GAEhD,OACEK,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNZ,GAEJI,MAAAC,cAACC,EAAS,CACRO,MAAOzB,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELH,GACFM,MAAAC,cAACC,EAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAOzB,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBW,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBd,EAAmBwB,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","Math","max","measured","displayName"],"mappings":"yNAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAOI,EAAcC,GAAiBC,EAAUJ,GAEhD,OACEK,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNZ,GAEJI,MAAAC,cAACC,EAAS,CACRO,MAAOzB,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELH,GACFM,MAAAC,cAACC,EAAS,CACRE,MAAO,GAAGO,KAAKC,IAAId,GAAeM,OAAS,IAAK,MAAQ,QACxDC,OAAQ,GAAGM,KAAKC,IAAId,GAAeO,QAAU,IAAK,MAAQ,QAC1DI,MAAOzB,EAAOM,QAGfI,GAAYA,IAAW,CACtBW,OAAQ,GAAGP,GAAeO,QAAU,QACpCD,MAAO,GAAGN,GAAeM,OAAS,QAClCS,WAAYf,GAAeO,SAEnB,IAKlBd,EAAmBuB,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/layoutBox/LayoutBox.js

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,forwardRef as o,useMemo as s}from"react";import{useParseProps as a}from"../../../../hooks/useParseProps.js";import{classNames as r}from"../../../../utils/helpers/ui.js";import l from"./layoutBox.module.scss.js";import{LayoutDirection as i}from"./layoutBox.types.js";const n={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=t=>t&&n[t]||t,m=o(((e,o)=>{let{id:n,style:m,children:u,tabIndex:c,className:f="",onClick:x,column:p,...y}=e;const{dataProps:j,restProps:b}=a(y),B=s((()=>x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x]),I=s((()=>void 0!==p&&!0===p?i.COLUMN:null),[p]),N=s((()=>({...b,...b.align?{alignItems:d(b.align)}:{},...b.justify?{justifyContent:d(b.justify)}:{},...b.direction||I?{flexDirection:b.direction||I}:{},...m})),[I,b,m]);return React.createElement("div",t({},n?{id:"".concat(n)}:{},{ref:o,tabIndex:c,className:r(l["layout-box"],f),style:N},j,{"data-testid":j.dataTestId||j["data-testid"]||n},B),u)}));m.displayName="LayoutBoxRefForwarded";const u=e(m);u.displayName="LayoutBox";export{u as LayoutBox};
+import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,forwardRef as o,useMemo as s}from"react";import{useParseProps as a}from"../../../../hooks/useParseProps.js";import{classNames as r}from"../../../../utils/helpers/ui.js";import l from"./layoutBox.module.scss.js";import{LayoutDirection as i}from"./layoutBox.types.js";const n={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=t=>t&&n[t]||t,m=o(((e,o)=>{let{id:n,style:m,children:u,tabIndex:f,className:x="",onClick:c,column:p,...y}=e;const{dataProps:j,restProps:b}=a(y),B=s((()=>c?{onClick:c,onKeyDown:c,role:"button",tabIndex:-1}:{}),[c]),I=s((()=>void 0!==p&&!0===p?i.COLUMN:null),[p]),N=s((()=>({...b,...b.align?{alignItems:d(b.align)}:{},...b.justify?{justifyContent:d(b.justify)}:{},...b.direction||I?{flexDirection:b.direction||I}:{},...m})),[I,b,m]);return React.createElement("div",t({},n?{id:`${n}`}:{},{ref:o,tabIndex:f,className:r(l["layout-box"],x),style:N},j,{"data-testid":j.dataTestId||j["data-testid"]||n},B),u)}));m.displayName="LayoutBoxRefForwarded";const u=e(m);u.displayName="LayoutBox";export{u as LayoutBox};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/ui/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized onClick event properties.\n   * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n   */\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n   * Memoized styles combining parsed props and additional styles.\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction || resolvedColumn ? { flexDirection: restProps.direction || resolvedColumn } : {}),\n      ...style,\n    }\n  ), [resolvedColumn, restProps, style])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"6WAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,KAAWC,GACpDT,EACf,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAMzCI,EAAeC,GAAQ,IAAOP,EAAW,CAC7CA,UACAQ,UAAWR,EACXS,KAAM,SACNX,UAAW,GACR,CAAG,GAAE,CAACE,IAMLU,EAAiBH,GAAQ,SAClBI,IAAXV,IAAmC,IAAXA,EACtBW,EAAgBC,OAChB,MAAO,CAACZ,IAMNa,EAASP,GAAQ,KACrB,IACKH,KACCA,EAAUW,MAAQ,CAAEC,WAAY3B,EAAiBe,EAAUW,QAAqB,CAAE,KAClFX,EAAUa,QAAU,CAAEC,eAAgB7B,EAAiBe,EAAUa,UAAuB,CAAE,KAC1Fb,EAAUe,WAAaT,EAAiB,CAAEU,cAAehB,EAAUe,WAAaT,GAAmB,CAAE,KACtGd,KAEJ,CAACc,EAAgBN,EAAWR,IAE/B,OACEyB,MAAAC,oBAAAC,EAAA,CAAA,EACO5B,EAAK,CAAEA,GAAE,GAAA6B,OAAK7B,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAW0B,EACTC,EAAQ,cACR3B,GAEFH,MAAOkB,GACHX,EAAS,CACb,cAAaA,EAAUwB,YAAcxB,EAAU,gBAAkBR,GAC7DW,GAEHT,EACG,IAIVN,EAAsBqC,YAAc,8BAMvBC,EAAgCC,EAAqBvC,GAElEsC,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized onClick event properties.\n   * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n   */\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n   * Memoized styles combining parsed props and additional styles.\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction || resolvedColumn ? { flexDirection: restProps.direction || resolvedColumn } : {}),\n      ...style,\n    }\n  ), [resolvedColumn, restProps, style])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"6WAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,KAAWC,GACpDT,EACf,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAMzCI,EAAeC,GAAQ,IAAOP,EAAW,CAC7CA,UACAQ,UAAWR,EACXS,KAAM,SACNX,UAAW,GACR,CAAG,GAAE,CAACE,IAMLU,EAAiBH,GAAQ,SAClBI,IAAXV,IAAmC,IAAXA,EACtBW,EAAgBC,OAChB,MAAO,CAACZ,IAMNa,EAASP,GAAQ,KACrB,IACKH,KACCA,EAAUW,MAAQ,CAAEC,WAAY3B,EAAiBe,EAAUW,QAAqB,CAAE,KAClFX,EAAUa,QAAU,CAAEC,eAAgB7B,EAAiBe,EAAUa,UAAuB,CAAE,KAC1Fb,EAAUe,WAAaT,EAAiB,CAAEU,cAAehB,EAAUe,WAAaT,GAAmB,CAAE,KACtGd,KAEJ,CAACc,EAAgBN,EAAWR,IAE/B,OACEyB,MAAAC,oBAAAC,EAAA,CAAA,EACO5B,EAAK,CAAEA,GAAI,GAAGA,KAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWyB,EACTC,EAAQ,cACR1B,GAEFH,MAAOkB,GACHX,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBR,GAC7DW,GAEHT,EACG,IAIVN,EAAsBoC,YAAc,8BAMvBC,EAAgCC,EAAqBtC,GAElEqC,EAAUD,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/lazyComponent/LazyComponent.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as r,Suspense as n,useRef as l,lazy as a}from"react";import{ErrorBoundary as o}from"../../error/ErrorBoundary.js";import c from"./lazyComponent.module.scss.js";const s={},i=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},m=t((e=>{let{children:t,Component:l,LoaderJSX:a,...s}=e;const i=r((()=>React.createElement("div",{className:c.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))),[]);return React.createElement(o,null,React.createElement(n,{fallback:a||i},l&&React.createElement(l,s),t&&t))}));m.displayName="LazyComponent";const d=t((e=>{let{pendingPromise:t,promise:n,fallback:a,children:o}=e;const c=l(t||n&&i(n)),s=r((()=>e=>{var t,r;let{children:n}=e;const l=null===(t=c.current)||void 0===t||null===(r=t.read)||void 0===r?void 0:r.call(t);return null!=l&&l.then?null:n}),[]);return React.createElement(m,{LoaderJSX:a},React.createElement(s,null,o))}));d.displayName="PendingBoundary";const u=function(r,n){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!s[n]){const o=a(r);s[n]=t((t=>React.createElement(m,e({Component:o},l,t)))),s[n].displayName=n}return s[n]},p=(r,n,l)=>o=>{if(!s[n]){const c=a((()=>r(o)));s[n]=t((t=>React.createElement(m,e({Component:c},l,t)))),s[n].displayName=n}return s[n]};export{m as LazyComponent,d as PendingBoundary,u as createLazyModule,p as createLazyModuleWithStore,i as wrapPromise};
+import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as r,Suspense as n,useRef as a,lazy as c}from"react";import{ErrorBoundary as o}from"../../error/ErrorBoundary.js";import l from"./lazyComponent.module.scss.js";const s={},i=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},m=t((e=>{let{children:t,Component:a,LoaderJSX:c,...s}=e;const i=r((()=>React.createElement("div",{className:l.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))),[]);return React.createElement(o,null,React.createElement(n,{fallback:c||i},a&&React.createElement(a,s),t&&t))}));m.displayName="LazyComponent";const d=t((e=>{let{pendingPromise:t,promise:n,fallback:c,children:o}=e;const l=a(t||n&&i(n)),s=r((()=>e=>{let{children:t}=e;const r=l.current?.read?.();return r?.then?null:t}),[]);return React.createElement(m,{LoaderJSX:c},React.createElement(s,null,o))}));d.displayName="PendingBoundary";const p=function(r,n){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!s[n]){const o=c(r);s[n]=t((t=>React.createElement(m,e({Component:o},a,t)))),s[n].displayName=n}return s[n]},u=(r,n,a)=>o=>{if(!s[n]){const l=c((()=>r(o)));s[n]=t((t=>React.createElement(m,e({Component:l},a,t)))),s[n].displayName=n}return s[n]};export{m as LazyComponent,d as PendingBoundary,p as createLazyModule,u as createLazyModuleWithStore,i as wrapPromise};
 //# sourceMappingURL=LazyComponent.js.map

package/dist/ui/esm/src/core/ui/components/container/lazyComponent/LazyComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => {\n  const Loader: React.ReactNode = useMemo(() => (\n    <div className={classes.loader}>\n      <svg className='spinner' viewBox='0 0 50 50'>\n        <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n      </svg>\n    </div>\n  ), [])\n\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={LoaderJSX || Loader}>\n        {Component && <Component {...props} />}\n        {children && children}\n      </Suspense>\n    </ErrorBoundary>\n  )\n})\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","Loader","useMemo","React","createElement","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","ErrorBoundary","Suspense","fallback","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","_ref3","_wrappedPromiseRef$cu","_wrappedPromiseRef$cu2","innerPromise","current","call","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"2QAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAIUO,EACXC,GAAyBC,IAAsE,IAArEC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAC1F,MAAMK,EAA0BC,GAAQ,IACtCC,MAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQC,QACtBJ,MAAAC,cAAA,MAAA,CAAKC,UAAU,UAAUG,QAAQ,aAC/BL,MAAAC,cAAA,SAAA,CAAQC,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SAG3E,IAEH,OACEV,MAAAC,cAACU,OACCX,MAAAC,cAACW,EAAQ,CAACC,SAAUjB,GAAaE,GAC9BH,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAIpBH,EAAcuB,YAAc,sBAQfC,EACXvB,GAA2BwB,IAA2E,IAA1EC,eAAEA,EAAclC,QAAEA,EAAO8B,SAAEA,EAAQnB,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAOF,GAAmBlC,GAAWD,EAAYC,IAErEqC,EAA6CrB,GAAQ,IAAMsB,IAA0C,IAAAC,EAAAC,EAAA,IAAzC7B,SAAEA,GAAkC2B,EACpG,MAAMG,EAAwCF,QAA5BA,EAAGJ,EAAkBO,eAAOF,IAAAD,GAAM,QAANC,EAAzBD,EAA2BhC,YAAI,IAAAiC,OAAA,EAA/BA,EAAAG,KAAAJ,GAErB,OAAOE,SAAAA,EAAcrC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWiB,GACxBb,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,kBAGvB,MAAMa,EAAmB,SAC9BC,EACAd,GAEgB,IADhBe,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAKjD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYsC,EAAKL,GAGvB/C,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAa2C,EAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,EAGaqB,EAA4BA,CACvCP,EACAd,EACAe,IACqCO,IACnC,IAAKvD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYsC,GAAK,IAAML,EAAaQ,KAG1CvD,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAa2C,EAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}
+{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => {\n  const Loader: React.ReactNode = useMemo(() => (\n    <div className={classes.loader}>\n      <svg className='spinner' viewBox='0 0 50 50'>\n        <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n      </svg>\n    </div>\n  ), [])\n\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={LoaderJSX || Loader}>\n        {Component && <Component {...props} />}\n        {children && children}\n      </Suspense>\n    </ErrorBoundary>\n  )\n})\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","Loader","useMemo","React","createElement","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","ErrorBoundary","Suspense","fallback","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","_ref3","innerPromise","current","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"2QAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAIUO,EACXC,GAAyBC,IAAsE,IAArEC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAC1F,MAAMK,EAA0BC,GAAQ,IACtCC,MAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQC,QACtBJ,MAAAC,cAAA,MAAA,CAAKC,UAAU,UAAUG,QAAQ,aAC/BL,MAAAC,cAAA,SAAA,CAAQC,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SAG3E,IAEH,OACEV,MAAAC,cAACU,OACCX,MAAAC,cAACW,EAAQ,CAACC,SAAUjB,GAAaE,GAC9BH,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAIpBH,EAAcuB,YAAc,sBAQfC,EACXvB,GAA2BwB,IAA2E,IAA1EC,eAAEA,EAAclC,QAAEA,EAAO8B,SAAEA,EAAQnB,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAOF,GAAmBlC,GAAWD,EAAYC,IAErEqC,EAA6CrB,GAAQ,IAAMsB,IAA0C,IAAzC3B,SAAEA,GAAkC2B,EACpG,MAAMC,EAAeJ,EAAkBK,SAASjC,SAEhD,OAAOgC,GAAcnC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWiB,GACxBb,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,kBAGvB,MAAMU,EAAmB,SAC9BC,EACAX,GAEgB,IADhBY,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK9C,EAAIiC,GAAc,CACrB,MAAMnB,EAAYmC,EAAKL,GAGvB5C,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAawC,EAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,EAGakB,EAA4BA,CACvCP,EACAX,EACAY,IACqCO,IACnC,IAAKpD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYmC,GAAK,IAAML,EAAaQ,KAG1CpD,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAawC,EAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}

package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const r=t((e=>{let{orientation:t,vertical:r,color:l="var(--divider-line)",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:p=""}=e;const v=i((()=>"vertical"===t||!0===r),[t,r]),h=i((()=>({"--width":s,"--height":d,"--length":c,"--opacity":o,"--color":l,"--left":n,"--margin":m||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),g=v?a.vertical:a.horizontal;return React.createElement("div",{className:"".concat(a["divider-line"]," ").concat(g," ").concat(p),style:h})}));r.displayName="DividerLine";const l=t((t=>React.createElement(r,e({vertical:!0,length:"100%"},t))));l.displayName="DividerVertical";const o=t((t=>React.createElement(r,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,r as DividerLine,l as DividerVertical};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const r=t((e=>{let{orientation:t,vertical:r,color:l="var(--divider-line)",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:p=""}=e;const v=i((()=>"vertical"===t||!0===r),[t,r]),h=i((()=>({"--width":s,"--height":d,"--length":c,"--opacity":o,"--color":l,"--left":n,"--margin":m||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),g=v?a.vertical:a.horizontal;return React.createElement("div",{className:`${a["divider-line"]} ${g} ${p}`,style:h})}));r.displayName="DividerLine";const l=t((t=>React.createElement(r,e({vertical:!0,length:"100%"},t))));l.displayName="DividerVertical";const o=t((t=>React.createElement(r,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,r as DividerLine,l as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map