@m4l/components 0.1.74 → 0.1.76

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts

@@ -1,3 +1,14 @@
-import { AreaWindowAction } from '../../../../../../../../types';
+import { AreaWindowAction, WindowOptions } from '../../../../../../../../types';
 export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: AreaWindowAction[]): AreaWindowAction[];
-export declare function getMenuActions(windowId: string, isDesktop: boolean | undefined, moduleActions: AreaWindowAction[], urlPrefix: string, saveModuleCookies: (wd: string) => void, resetModuleCookies: (wd: string) => void, version?: string): AreaWindowAction[];
+declare type GetMenuActionsType = {
+    windowId: string;
+    isDesktop?: boolean;
+    moduleActions: AreaWindowAction[];
+    urlPrefix: string;
+    saveModuleCookies: (wd: string) => void;
+    resetModuleCookies: (wd: string) => void;
+    version?: string;
+    windowOptions?: WindowOptions;
+};
+export declare function getMenuActions(options: GetMenuActionsType): AreaWindowAction[];
+export {};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/MicroFrontend/subcomponents/MFLoader/helper.d.ts

@@ -0,0 +1,18 @@
+import { NetworkProps } from '@m4l/core';
+export declare type EventType = 'progress' | 'complete' | 'error';
+export declare type ObservableHandler = (event: EventType, progress: number) => void;
+export declare type NetworkOperation = (props: NetworkProps) => Promise<any>;
+export declare class ObservableLoaderMF {
+    private host;
+    private isRemote;
+    private eventStatus;
+    private scriptId;
+    private networkOperation;
+    private subscribers;
+    constructor(host: string, scriptId: string, networkOperation: NetworkOperation, isRemote: boolean);
+    tryAgain(): void;
+    start(): Promise<void>;
+    subscribe(subscriber: ObservableHandler): void;
+    unsubscribe(subscriber: ObservableHandler): void;
+    notify(newEvent: EventType, progress: number): void;
+}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/MicroFrontend/subcomponents/MFLoader/subcomponents/ProggessLoadingMF/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ProggessLoadingMFProps } from './types';
+export declare const ProggessLoadingMF: (props: ProggessLoadingMFProps) => import("react").JSX.Element | null;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/MicroFrontend/subcomponents/MFLoader/subcomponents/ProggessLoadingMF/types.d.ts

@@ -0,0 +1,4 @@
+export declare type FallBackStatus = '0' | '1';
+export interface ProggessLoadingMFProps {
+    loadingProgress: number;
+}

package/components/areas/components/AreasViewer/subcomponents/AreasLoadingError/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AreasLoadingErrorProps } from './types';
+export declare const AreasLoadingError: (props: AreasLoadingErrorProps) => import("react").JSX.Element;

package/components/areas/components/AreasViewer/subcomponents/AreasLoadingError/types.d.ts

@@ -0,0 +1,5 @@
+import { AreaStatus, AreasStatus } from "../../../../contexts/AreasContext/types";
+export interface AreasLoadingErrorProps {
+    status: AreasStatus | AreaStatus;
+    action: () => void;
+}

package/components/areas/components/index.2bb534cb.js

@@ -0,0 +1,28 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../../Icon/index.9dae8337.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../../mui_extended/IconButton/index.1a9d4fa5.js";
+import "@m4l/graphics";
+import "zustand";
+import "../contexts/AreasContext/index.f0397b7c.js";
+import "./AreasAdmin/index.946eebb9.js";
+import "zustand/shallow";
+import "../../ScrollBar/index.bbe48f4d.js";
+import "../../mui_extended/Accordion/index.3faafd8b.js";
+import "../../mui_extended/Typography/index.443590d6.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../mui_extended/Button/index.fdb5dcbd.js";
+import "../../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../../mui_extended/Pager/index.67bda2c5.js";
+import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import "./AreasViewer/index.bf4191ea.js";
+import "../../LinearProgressIndeterminate/index.d34d398f.js";

package/components/areas/contexts/AreasContext/{index.a88b73a6.js → index.f0397b7c.js}

@@ -5,10 +5,10 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses, a as areasViewerClasses } from "../../components/AreasViewer/index.eddc9945.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.1eda80b9.js";
+import { u as useAreasViewerUtilityClasses, a as areasViewerClasses } from "../../components/AreasViewer/index.bf4191ea.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.946eebb9.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
-import { g as getAreasDictionary } from "../../dictionary.e72db809.js";
+import { g as getAreasDictionary } from "../../dictionary.3fabae50.js";
 import { debounce, cloneDeep } from "lodash";
 import { jsx } from "react/jsx-runtime";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
@@ -415,6 +415,121 @@ const createAreasStore = (initProps) => {
               );
             }
           },
+          closeWindowLayout: (areaId, removeLayoutId) => {
+            for (const popupId in get().hashAreas[areaId].hashWindowsPopups) {
+              const popup = get().hashAreas[areaId].hashWindowsPopups[popupId];
+              if (popup.parentLayoutId === removeLayoutId) {
+                get().areaActions.closeWindowPopUp(areaId, popup.windowId);
+              }
+            }
+            set((state) => {
+              const area = state.hashAreas[areaId];
+              if (!area) {
+                return;
+              }
+              const removeIndex = area.windowsLayouts.findIndex(
+                (gl) => gl.i === removeLayoutId
+              );
+              if (removeIndex > -1) {
+                area.windowsLayouts.splice(removeIndex, 1);
+              }
+              deleteLayoutFromBreakPoints(area, removeLayoutId);
+              delete state.hashWindows[removeLayoutId];
+              delete area.hashWindowsLayouts[removeLayoutId];
+            });
+            get().areaActions.saveLayouts(areaId);
+            if (get().hashAreas[areaId].singleId === removeLayoutId) {
+              get().areaActions.maximizeLayout(areaId);
+            }
+          },
+          addWindowLayout: (areaId, windowId, newWindow) => {
+            const newLayout = {
+              ...newWindow.layoutProps,
+              i: windowId,
+              isDraggable: true,
+              isResizable: true,
+              winType: newWindow.winType
+            };
+            set((state) => {
+              const area = state.hashAreas[areaId];
+              if (!area) {
+                return;
+              }
+              const dynamicMFStore = createDynamicMFStore({
+                dynamicMFParameters: newWindow.dynamicParams,
+                windowId
+              });
+              area.windowsLayouts.push(newLayout);
+              area.hashWindowsLayouts[windowId] = {
+                ...newWindow,
+                areaId,
+                windowId,
+                emergeType: "layout",
+                onClose: (removeLayoutId) => {
+                  get().areaActions.closeWindowLayout(areaId, removeLayoutId);
+                },
+                ...DEFAULT_WINDOW,
+                dynamicMFStore
+              };
+              state.hashWindows[windowId] = area.hashWindowsLayouts[windowId];
+              setAddBreakPoints(area, newLayout);
+            });
+            get().areaActions.selectWindowLayout(areaId, windowId);
+            if (get().hashAreas[areaId].viewMode === "single" || newWindow?.openType === "maximized") {
+              get().areaActions.maximizeLayout(areaId, windowId);
+            }
+            get().areaActions.saveLayouts(areaId);
+            get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
+          },
+          saveLayouts: (areaId) => {
+            let nrKeys = 0;
+            const area = get().hashAreas[areaId];
+            if (!area) {
+              return;
+            }
+            const saveObjetc = {};
+            for (const key in area.hashWindowsLayouts) {
+              const element = area.hashWindowsLayouts[key];
+              if (element.winType === "microfrontend") {
+                const hasPropsToSave = {
+                  winType: true,
+                  emergeType: true,
+                  title: true,
+                  url_icon: true,
+                  windowOptions: true,
+                  layoutProps: true,
+                  moduleId: true,
+                  windowId: true,
+                  mfProps: true
+                };
+                const newElement = {};
+                for (const keyToSave in hasPropsToSave) {
+                  newElement[keyToSave] = element[keyToSave];
+                }
+                saveObjetc[key] = newElement;
+                nrKeys++;
+              }
+            }
+            if (nrKeys > 0) {
+              get().networkOperation({
+                method: "PUT",
+                endPoint: `cookies/${area.id}/${COOKIE_WINDOWS}`,
+                data: {
+                  value: JSON.stringify(saveObjetc)
+                },
+                toastSuccess: false,
+                toastError: false
+              });
+            } else {
+              get().networkOperation({
+                method: "DELETE",
+                endPoint: `cookies`,
+                data: { f: [{ n: "container_id", o: "c", o1: area.id }] },
+                toastSuccess: false,
+                toastError: false
+              });
+            }
+          },
           closeWindowModal: (removeModalId) => {
             set((state) => {
               const removeIndex = state.windowsModals.findIndex(
@@ -528,103 +643,6 @@ const createAreasStore = (initProps) => {
             });
             get().areaActions.selectWindowPopUp(areaId, popUpId);
           },
-          closeWindowLayout: (areaId, removeLayoutId) => {
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              const removeIndex = area.windowsLayouts.findIndex(
-                (gl) => gl.i === removeLayoutId
-              );
-              if (removeIndex > -1) {
-                area.windowsLayouts.splice(removeIndex, 1);
-              }
-              deleteLayoutFromBreakPoints(area, removeLayoutId);
-              delete state.hashWindows[removeLayoutId];
-              delete area.hashWindowsLayouts[removeLayoutId];
-            });
-            get().areaActions.saveLayouts(areaId);
-            if (get().hashAreas[areaId].singleId === removeLayoutId) {
-              get().areaActions.maximizeLayout(areaId);
-            }
-          },
-          addWindowLayout: (areaId, windowId, newWindow) => {
-            const newLayout = {
-              ...newWindow.layoutProps,
-              i: windowId,
-              isDraggable: true,
-              isResizable: true,
-              winType: newWindow.winType
-            };
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              const dynamicMFStore = createDynamicMFStore({
-                dynamicMFParameters: newWindow.dynamicParams,
-                windowId
-              });
-              area.windowsLayouts.push(newLayout);
-              area.hashWindowsLayouts[windowId] = {
-                ...newWindow,
-                areaId,
-                windowId,
-                emergeType: "layout",
-                onClose: (removeLayoutId) => {
-                  get().areaActions.closeWindowLayout(areaId, removeLayoutId);
-                },
-                ...DEFAULT_WINDOW,
-                dynamicMFStore
-              };
-              state.hashWindows[windowId] = area.hashWindowsLayouts[windowId];
-              setAddBreakPoints(area, newLayout);
-            });
-            get().areaActions.selectWindowLayout(areaId, windowId);
-            if (get().hashAreas[areaId].viewMode === "single" || newWindow?.openType === "maximized") {
-              get().areaActions.maximizeLayout(areaId, windowId);
-            }
-            get().areaActions.saveLayouts(areaId);
-            get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
-          },
-          saveLayouts: (areaId) => {
-            let nrKeys = 0;
-            const area = get().hashAreas[areaId];
-            if (!area) {
-              return;
-            }
-            const saveObjetc = {};
-            for (const key in area.hashWindowsLayouts) {
-              const element = area.hashWindowsLayouts[key];
-              if (element.winType === "microfrontend") {
-                const newElement = { ...element };
-                delete newElement.onClose;
-                delete newElement.devCookies;
-                saveObjetc[key] = newElement;
-                nrKeys++;
-              }
-            }
-            if (nrKeys > 0) {
-              get().networkOperation({
-                method: "PUT",
-                endPoint: `cookies/${area.id}/${COOKIE_WINDOWS}`,
-                data: {
-                  value: JSON.stringify(saveObjetc)
-                },
-                toastSuccess: false,
-                toastError: false
-              });
-            } else {
-              get().networkOperation({
-                method: "DELETE",
-                endPoint: `cookies`,
-                data: { f: [{ n: "container_id", o: "c", o1: area.id }] },
-                toastSuccess: false,
-                toastError: false
-              });
-            }
-          },
           bouncedSaveBreakpointsLayouts: debounce(
             (areaId) => {
               const purgedLayouts = {
@@ -870,10 +888,17 @@ const createAreasStore = (initProps) => {
               }
             }
           },
-          setLoading: (windowId, isLoading) => {
+          startProgress: (windowId) => {
+            set((state) => {
+              if (state.hashWindows[windowId]) {
+                state.hashWindows[windowId].loading = true;
+              }
+            });
+          },
+          stopProgress: (windowId) => {
             set((state) => {
               if (state.hashWindows[windowId]) {
-                state.hashWindows[windowId].loading = isLoading;
+                state.hashWindows[windowId].loading = false;
               }
             });
           },
@@ -957,7 +982,7 @@ const createAreasStore = (initProps) => {
               });
             }
           },
-          toasty: (windowId, options) => {
+          toast: (windowId, options) => {
             const hW = get().hashWindows[windowId];
             if (hW) {
               if (options.replaceMeId) {
@@ -1009,12 +1034,12 @@ const createAreasStore = (initProps) => {
               });
             }
           },
-          closeToasty: (windowId, toastyId) => {
+          closeToast: (windowId, toastyId) => {
             set((state) => {
               verifyRemoveToasty(state.hashWindows[windowId], toastyId, true);
             });
           },
-          pinToasty: (windowId, toastyId) => {
+          pinToast: (windowId, toastyId) => {
             set((state) => {
               const t = state.hashWindows[windowId].hashToasties[toastyId];
               if (t) {

package/components/areas/contexts/AreasContext/types.d.ts

@@ -185,13 +185,14 @@ export interface AreasStateWithActions extends AreasState {
         getCookies: (windowId: string, type: CookieType) => Record<string, any>;
         setCookie: (windowId: string, id: string, type: CookieType, cookie: Record<string, any>) => void;
         close: (windowId: string) => void;
-        setLoading: (windowId: string, isLoading: boolean) => void;
+        startProgress: (windowId: string) => void;
+        stopProgress: (windowId: string) => void;
         loadCookiesFromApi: (windowId: string) => void;
         saveModuleCookies: (windowId: string) => void;
         resetModuleCookies: (windowId: string) => void;
-        toasty: (windowId: string, options: ToastyOptions) => void;
-        closeToasty: (windowId: string, toastyId: number) => void;
-        pinToasty: (windowId: string, toastyId: number) => void;
+        toast: (windowId: string, options: ToastyOptions) => void;
+        closeToast: (windowId: string, toastyId: number) => void;
+        pinToast: (windowId: string, toastyId: number) => void;
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;

package/components/areas/contexts/WindowToolsMFContext/types.d.ts

@@ -6,8 +6,9 @@ export interface WindowToolsMF {
     getCookies: (type: CookieType) => Record<string, any>;
     setActions: (newActions: AreaWindowAction[], version?: string) => void;
     setCookie: (id: string, type: CookieType, cookie: Record<string, any>) => void;
-    setLoading: (isLoading: boolean) => void;
-    toasty: (options: ToastyOptions) => void;
+    startProgress: () => void;
+    stopProgress: () => void;
+    toast: (options: ToastyOptions) => void;
     close: () => void;
 }
 export interface WindowToolsMFProviderProps extends WindowToolsMF {

package/components/areas/contexts/{index.7dd01403.js → index.1809650a.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.a88b73a6.js";
+import "./AreasContext/index.f0397b7c.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/{dictionary.e72db809.js → dictionary.3fabae50.js}

@@ -8,7 +8,12 @@ const DICCTIONARY = {
   label_persist_module_cookies: "label_persist_module_cookies",
   label_reset_module_cookies: "label_reset_module_cookies",
   validation_edit_area: "validation_edit_area",
-  label_edit_area: "label_edit_area"
+  label_edit_area: "label_edit_area",
+  label_delete_area: "label_delete_area",
+  area_error_title: "area_error_title",
+  area_error_description: "area_error_description",
+  area_error_recommendation: "area_error_recommendation",
+  area_error_intro: "area_error_intro"
 };
 const getAreasDictionary = (key) => {
   return `${AREAS_DICTIONARY_ID}.${key}`;

package/components/areas/dictionary.d.ts

@@ -7,6 +7,11 @@ export declare const DICCTIONARY: {
     readonly label_reset_module_cookies: "label_reset_module_cookies";
     readonly validation_edit_area: "validation_edit_area";
     readonly label_edit_area: "label_edit_area";
+    readonly label_delete_area: "label_delete_area";
+    readonly area_error_title: "area_error_title";
+    readonly area_error_description: "area_error_description";
+    readonly area_error_recommendation: "area_error_recommendation";
+    readonly area_error_intro: "area_error_intro";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;
 export declare const getAreasDictionary: (key: keyof TypeDictionary) => string;

package/components/areas/hooks/useAreas/{index.7a37ede8.js → index.40917e99.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.a88b73a6.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.f0397b7c.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{icons.3ec589d3.js → icons.19cde4b4.js}

@@ -7,10 +7,13 @@ const ICONS = {
   DELETE_AREA: "delete_area.svg",
   ADD_AREA: "add_area.svg",
   LAYERS: "layers.svg",
+  NAVIGATE_ERROR: "navegate_error.svg",
   EDIT_AREA: "edit.svg",
   CHECK: "checkmarkInCircle.svg",
   RESIZE: "controlSize.svg",
   VERSION: "version.svg",
+  SHOW_OPTIONS: "showMoreVertical.svg",
+  CHEVRON_DOWN: "chevronDown.svg",
   TOASTY_CLOSE: "close.svg",
   TOASTY_PIN: "pin.svg"
 };

package/components/areas/icons.d.ts

@@ -7,10 +7,13 @@ export declare const ICONS: {
     DELETE_AREA: string;
     ADD_AREA: string;
     LAYERS: string;
+    NAVIGATE_ERROR: string;
     EDIT_AREA: string;
     CHECK: string;
     RESIZE: string;
     VERSION: string;
+    SHOW_OPTIONS: string;
+    CHEVRON_DOWN: string;
     TOASTY_CLOSE: string;
     TOASTY_PIN: string;
 };

package/components/areas/index.9bd48013.js

@@ -0,0 +1,30 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.9dae8337.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "@m4l/graphics";
+import "zustand";
+import "./contexts/AreasContext/index.f0397b7c.js";
+import "./components/AreasAdmin/index.946eebb9.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.fdb5dcbd.js";
+import "../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "./components/AreasViewer/index.bf4191ea.js";
+import "../LinearProgressIndeterminate/index.d34d398f.js";
+import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/types.d.ts

@@ -50,6 +50,9 @@ export declare type WindowState = {
     hashToasties: Record<number, Toasty>;
     toastyCount: number;
 };
+export declare type WindowOptions = {
+    allowPersistCookies: boolean;
+};
 export interface WindowBaseProps {
     winType: WinType;
     emergeType: EmergeType;
@@ -62,6 +65,7 @@ export interface WindowBaseProps {
     title: string;
     onClose?: (windowId: string) => void;
     devCookies?: Cookies;
+    windowOptions?: WindowOptions;
 }
 export interface LayoutBaseProps extends WindowBaseProps {
     emergeType: 'layout';

package/components/formatters/BooleanFormatter/{index.820a2130.js → index.431dc923.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d214a74d.js";
+import { I as Icon } from "../../Icon/index.9dae8337.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.0c692a4b.js → index.e1af75e6.js}

@@ -2,11 +2,11 @@ import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import "react";
-import "../Icon/index.d214a74d.js";
+import "../Icon/index.9dae8337.js";
 import "@mui/material";
 import "clsx";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.820a2130.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.431dc923.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.72437d8a.js → index.a063dc44.js}

@@ -1,28 +1,29 @@
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.1af119da.js";
+import { I as Image } from "../../Image/index.c18ebf5a.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
-import { H as HelperText } from "../../HelperText/index.d449d124.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.9864f773.js";
 import { styled } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.d214a74d.js";
-import "../../mui_extended/IconButton/index.822cdaac.js";
+import { unstable_composeClasses } from "@mui/base";
+import "../../Icon/index.9dae8337.js";
+import "../../mui_extended/IconButton/index.1a9d4fa5.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.09a89d3d.js";
-import "../../mui_extended/Avatar/index.fe06afd7.js";
+import "../../mui_extended/Accordion/index.3faafd8b.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f9d54780.js";
+import "../../mui_extended/Button/index.fdb5dcbd.js";
 import "@mui/lab";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.03403529.js";
-import "../../mui_extended/Pager/index.6428b07c.js";
-import "../../mui_extended/Tab/index.e0653a0a.js";
+import "../../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../../mui_extended/Pager/index.67bda2c5.js";
+import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFAutocompleteAsync/{index.2a84f2b2.js → index.ddfd9cc9.js}

@@ -4,8 +4,8 @@ import debounce from "lodash/debounce";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.72437d8a.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.a063dc44.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/classes/types.d.ts

@@ -5,5 +5,6 @@ export interface RHFCheckboxClassesType {
     small: string;
     medium: string;
     stateDisabled: string;
+    stateError: string;
 }
 export declare type RHFCheckboxClassesKey = keyof RHFCheckboxClassesType;