@e1011/es-kit 1.0.232 → 1.1.0

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

@@ -1,8 +1,6 @@
 export * from './layoutBox/LayoutBox';
 export * from './layoutBox/layoutBox.types';
 export * from './lazyComponent/LazyComponent';
-export * from './Flex';
-export * from './Placeholder';
 export * from './CollapsibleContainer';
 export * from './ResizableContainer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA"}

package/dist/types/src/core/ui/components/field/Field.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode, PropsWithChildren } from 'react';
+import { FC, ReactNode, PropsWithChildren, CSSProperties } from 'react';
 import type { FieldError, IconComponentType } from './types';
 export declare const setIconColor: (color: string | (() => string)) => void;
 export declare const setIconComponent: (component: IconComponentType) => void;
@@ -9,7 +9,6 @@ export type FileWrapperProps = PropsWithChildren<unknown> & {
     userDisabled?: boolean;
     css?: string;
 };
-export declare const FieldWrapper: FC<FileWrapperProps>;
 type EventType = {
     target: any;
     type?: any;
@@ -45,7 +44,7 @@ export interface FieldProps {
     options?: any[] | null;
     creatable?: boolean;
     async?: boolean;
-    css?: string;
+    style?: CSSProperties;
     [key: string]: any;
 }
 interface SelectProps extends FieldProps {

package/dist/types/src/core/ui/components/field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"names":[],"mappings":"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"}

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.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const PeregrineMQUseExample: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
+//# sourceMappingURL=peregrineMQ.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"peregrineMQ.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.stories.tsx"],"names":[],"mappings":";AAYA,wBAGS;AA8HT,eAAO,MAAM,qBAAqB,4FAAyC,CAAA"}

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/types/src/core/utils/appState/store/store.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const StoreUseExample: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
+//# sourceMappingURL=store.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.stories.tsx"],"names":[],"mappings":";AASA,wBAGS;AA+DT,eAAO,MAAM,eAAe,4FAAmC,CAAA"}

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/index.css

@@ -137,6 +137,80 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
+.field-module_field__UfKm3 {
+  opacity: 1;
+  pointer-events: auto;
+  flex: 1 1 auto;
+  width: 100%;
+  /* Chrome, Safari, Edge, Opera */
+  /* Firefox */
+}
+.field-module_field__UfKm3.field-module_disabled__4aFNw {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media (min-width: 400px) {
+  .field-module_field__UfKm3 {
+    flex: 1;
+  }
+}
+.field-module_field__UfKm3 .field-module_label__pJCHG {
+  font-size: 0.8rem !important;
+  font-weight: normal;
+}
+.field-module_field__UfKm3 .field-module_help__8psM4 {
+  text-align: left;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe {
+  flex: 1;
+  border-radius: 6px;
+  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
+  will-change: box-shadow;
+  transition: box-shadow 250ms ease-in-out;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 button {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp {
+  width: 100%;
+  flex: 1;
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp::after {
+  border-color: #000000 !important;
+}
+.field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
+  cursor: pointer;
+  pointer-events: initial !important;
+}
+.field-module_field__UfKm3 input::-webkit-outer-spin-button,
+.field-module_field__UfKm3 input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.field-module_field__UfKm3 input[type=number] {
+  -moz-appearance: textfield;
+}
+.field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  -webkit-appearance: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+.field-module_field__UfKm3 textarea {
+  resize: none;
+}
+.field-module_field__UfKm3 label {
+  text-align: left;
+}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;

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