@m4l/components 0.1.84 → 0.1.86

package/components/areas/components/index.296bc2a4.js

@@ -0,0 +1,31 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../../Icon/index.435df215.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../../mui_extended/IconButton/index.d88a3f2e.js";
+import "@m4l/graphics";
+import "zustand";
+import "../contexts/AreasContext/index.8af3058c.js";
+import "./AreasAdmin/index.23a09c81.js";
+import "zustand/shallow";
+import "../../ScrollBar/index.65bb2930.js";
+import "../../mui_extended/Accordion/index.d15e51bf.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.f79eb74e.js";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.c53370f6.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.97d04d6b.js";
+import "../../mui_extended/Pager/index.d6c87c44.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import "./AreasViewer/index.68eb0f6b.js";
+import "../../LinearProgressIndeterminate/index.60dabc06.js";

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

@@ -2,8 +2,8 @@ import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
 export declare const ROW_HEIGTH_GRIDLAYOUT = 20;
-export declare const PADDING_GRIDLAYOUT = 3;
-export declare const MARGIN_GRIDLAYOUT = 3;
+export declare const PADDING_GRIDLAYOUT = 4;
+export declare const MARGIN_GRIDLAYOUT = 4;
 export declare const DEBOUCED_SAVE_TIME = 500;
 export declare const THROTTLE_RESIZE_TIME = 300;
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
@@ -31,7 +31,7 @@ export declare const DEFAULT_LAYOUTS: {
 };
 import { Layouts } from '../../../GridLayout/types';
 export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading' | 'toasties' | 'toastyCount' | 'hashToasties'>;
-export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'loadWindows' | 'viewMode'>;
+export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'viewMode'>;
 /**
  * @description Función de apoyo que crea un área de trabajo,
  *  El Id del area sale de concatenar la fecha actual con un número aleeatorio de 3 digitos

package/components/areas/contexts/AreasContext/{index.230d1584.js → index.8af3058c.js}

@@ -5,19 +5,20 @@ 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 } from "../../components/AreasViewer/index.933e506b.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.8ab71eb9.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.68eb0f6b.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.23a09c81.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
 import "clsx";
-import "../../../GridLayout/subcomponents/Griditem/index.6c68811f.js";
-import { z as isEqualLayouts } from "../../../GridLayout/index.c55f16eb.js";
+import "../../../GridLayout/subcomponents/Griditem/index.58168132.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index.2383aaf9.js";
 import { jsx } from "react/jsx-runtime";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.a6e33b8d.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.a6642437.js";
 import { debounce, cloneDeep } from "lodash";
+import { useNavigate } from "react-router-dom";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
-const PADDING_GRIDLAYOUT = 3;
-const MARGIN_GRIDLAYOUT = 3;
+const PADDING_GRIDLAYOUT = 4;
+const MARGIN_GRIDLAYOUT = 4;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
@@ -41,18 +42,19 @@ const DEFAULT_AREA = {
   currentLayoutId: "",
   currentPopUpId: "",
   breakpoints: BREAKPOINT_SIZES,
-  cols: NORMALIZED_COLS
+  cols: NORMALIZED_COLS,
+  loadWindows: false
 };
 const addArea = (state) => {
   const areaId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
   const labelNewArea = state.getLabel(getAreasDictionary(DICCTIONARY.label_new_area));
   let isFree;
   let name = `${labelNewArea} 1`;
-  for (let indexNames = 1; indexNames <= state.areas.length + 1; indexNames++) {
-    name = `${labelNewArea} ${indexNames + state.areas.length}`;
+  for (let indexNames = 1; indexNames <= state.areasIds.length + 1; indexNames++) {
+    name = `${labelNewArea} ${indexNames + state.areasIds.length}`;
     isFree = true;
-    for (let index = 0; index < state.areas.length; index++) {
-      if (state.hashAreas[state.areas[index]].name === name) {
+    for (let index = 0; index < state.areasIds.length; index++) {
+      if (state.hashAreas[state.areasIds[index]].name === name) {
         isFree = false;
         break;
       }
@@ -64,11 +66,11 @@ const addArea = (state) => {
   const newArea = {
     id: areaId,
     name,
-    loadWindows: false,
     ...DEFAULT_AREA
   };
-  state.areas.push(areaId);
+  state.areasIds.push(areaId);
   state.hashAreas[areaId] = newArea;
+  state.currentModuleId = "";
   if (state.loadAreasFromNetwork) {
     state.networkOperation({
       method: "POST",
@@ -250,7 +252,7 @@ const createAreasStore = (initProps) => {
     adminClasses: useAreasAdminUtilityClasses(initProps.ownerState),
     currentAreaId: "",
     currentModuleId: "",
-    areas: [],
+    areasIds: [],
     hashAreas: {},
     hashWindows: {},
     hashWindowsModals: {},
@@ -263,63 +265,49 @@ const createAreasStore = (initProps) => {
         ...startProps,
         areasActions: {
           init: () => {
-            if (get().ownerState.status === "init") {
-              if (!get().loadAreasFromNetwork) {
-                get().areasActions.addArea();
-                set((state) => {
-                  state.ownerState.status = "loaded";
-                  updateOwnerStateClasses(state);
-                });
-              } else {
-                set((state) => {
-                  state.ownerState.status = "loading";
-                  updateOwnerStateClasses(state);
-                  state.networkOperation({
-                    method: "GET",
-                    endPoint: `areas`,
-                    parms: {},
-                    toastSuccess: false
-                  }).then((response) => {
-                    set((otherState) => {
-                      if (response?.data && Array.isArray(response.data) && response.data.length > 0) {
-                        for (let i = 0; i < response.data.length; i++) {
-                          const newArea = {
-                            ...DEFAULT_AREA,
-                            ...response.data[i],
-                            loadWindows: true
-                          };
-                          otherState.hashAreas[newArea.id] = newArea;
-                          otherState.areas.push(newArea.id);
-                        }
-                      } else {
-                        addArea(otherState);
-                      }
-                    });
-                  }).finally(() => {
-                    set((state2) => {
-                      state2.ownerState.status = "loaded";
-                      updateOwnerStateClasses(state2);
-                    });
-                    if (get().areas.length > 0) {
-                      get().areasActions.selectArea(get().areas[0]);
-                    }
-                  });
-                });
-              }
+            if (get().ownerState.status !== "init") {
+              return;
+            }
+            if (!get().loadAreasFromNetwork) {
+              get().areasActions.addArea();
+              set((state) => {
+                state.ownerState.status = "loaded";
+                updateOwnerStateClasses(state);
+              });
+              return;
             }
-          },
-          editArea: (areaId, newName) => {
             set((state) => {
-              if (state.hashAreas[areaId]) {
-                purgeToastsArea(state, areaId);
-                state.hashAreas[areaId].name = newName;
-                state.networkOperation({
-                  method: "PATCH",
-                  endPoint: `areas/${areaId}`,
-                  data: { name: newName },
-                  toastSuccess: false,
-                  toastError: false
-                });
+              state.ownerState.status = "loading";
+              updateOwnerStateClasses(state);
+            });
+            get().networkOperation({
+              method: "GET",
+              endPoint: `areas`,
+              parms: {},
+              toastSuccess: false
+            }).then((response) => {
+              set((state) => {
+                if (response?.data && Array.isArray(response.data) && response.data.length > 0) {
+                  for (let i = 0; i < response.data.length; i++) {
+                    const newArea = {
+                      ...DEFAULT_AREA,
+                      ...response.data[i],
+                      loadWindows: true
+                    };
+                    state.hashAreas[newArea.id] = newArea;
+                    state.areasIds.push(newArea.id);
+                  }
+                } else {
+                  addArea(state);
+                }
+              });
+            }).finally(() => {
+              set((state) => {
+                state.ownerState.status = "loaded";
+                updateOwnerStateClasses(state);
+              });
+              if (get().areasIds.length > 0 && get().currentAreaId === "") {
+                get().areasActions.selectArea(get().areasIds[0]);
               }
             });
           },
@@ -331,25 +319,42 @@ const createAreasStore = (initProps) => {
             get().areasActions.selectArea(newId);
             return newId;
           },
+          editArea: (areaId, newName) => {
+            set((state) => {
+              if (state.hashAreas[areaId]) {
+                state.hashAreas[areaId].name = newName;
+                if (state.loadAreasFromNetwork) {
+                  state.networkOperation({
+                    method: "PATCH",
+                    endPoint: `areas/${areaId}`,
+                    data: { name: newName },
+                    toastSuccess: false,
+                    toastError: false
+                  });
+                }
+              }
+            });
+          },
           deleteArea: (areaId) => {
             let selectNewAreaId = "";
             set((state) => {
-              const removeIndex = state.areas.indexOf(areaId);
+              const ha = state.hashAreas[areaId];
+              if (!ha || state.areasIds.length < 2) {
+                return;
+              }
+              purgeToastsArea(state, areaId);
+              const removeIndex = state.areasIds.indexOf(areaId);
               if (removeIndex > -1) {
                 for (const key in state.hashWindows) {
                   if (state.hashWindows[key].areaId === areaId) {
                     delete state.hashWindows[key];
                   }
                 }
-                state.areas.splice(removeIndex, 1);
+                state.areasIds.splice(removeIndex, 1);
                 delete state.hashAreas[areaId];
               }
               if (state.currentAreaId === areaId) {
-                if (state.areas.length > 0) {
-                  selectNewAreaId = state.areas[0];
-                } else {
-                  state.currentAreaId = "";
-                }
+                selectNewAreaId = state.areasIds[0];
               }
               if (state.loadAreasFromNetwork) {
                 state.networkOperation({
@@ -652,6 +657,12 @@ const createAreasStore = (initProps) => {
           selectLayout: (areaId, layoutId) => {
             set((state) => {
               const area = state.hashAreas[areaId];
+              const moduleId = state.hashWindows[layoutId].moduleId;
+              const searchParams = new URLSearchParams(window.location.search);
+              searchParams.set("module", moduleId);
+              state.navigate({
+                search: `?${searchParams.toString()}`
+              });
               if (state.hashWindows[layoutId].emergeType === "layout") {
                 area.currentLayoutId = layoutId;
                 state.currentModuleId = state.hashWindows[layoutId].moduleId;
@@ -1035,6 +1046,7 @@ function AreasProvider(props) {
   } = useNetwork();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
+  const navigate = useNavigate();
   const isFirstRender = useFirstRender([getLabel]);
   const areasStoreRef = useRef();
   if (!areasStoreRef.current) {
@@ -1043,6 +1055,7 @@ function AreasProvider(props) {
       loadAreasFromNetwork,
       loadCookiesFromNetwork,
       networkOperation,
+      navigate,
       ownerState: {
         status: "init",
         isMobile: !isDesktop,
@@ -1061,7 +1074,7 @@ function AreasProvider(props) {
   } = useStore(areasStoreRef.current, (state) => state.areasActions, shallow);
   const addWindow = useCallback((newWindow) => {
     const currentAreaId = areasStoreRef.current?.getState().currentAreaId;
-    const areas = areasStoreRef.current?.getState().areas;
+    const areas = areasStoreRef.current?.getState().areasIds;
     if (currentAreaId && areas) {
       areasStoreRef.current?.getState().areaActions.addWindow(newWindow);
     }

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

@@ -7,6 +7,7 @@ import { DebouncedFunc } from 'lodash';
 import { LayoutItem } from '../../../GridLayout';
 import { ContainerChangeEvent } from '../../../GridLayout/subcomponents/Responsive/types';
 import { Layout, Breakpoint, Layouts } from '../../../GridLayout/types';
+import { NavigateFunction } from 'react-router-dom';
 export declare type WinLayoutItem = LayoutItem & {
     winType: WinType;
 };
@@ -107,9 +108,9 @@ export interface AreasState {
     hashWindowsModals: HashWindowsByModals;
     windowModal?: ModalStateProps;
     /**
-     *  "areas" Areas de trabajo
+     *  "areasIds" Areas de trabajo para saber en que orden se muestran en el AreasAdmin
      */
-    areas: string[];
+    areasIds: string[];
     /**
      *  "hashAreas" Areas de trabajo
      */
@@ -122,6 +123,10 @@ export interface AreasState {
      *  "networkOperation" funcion que usará el Store para enviar las peticiones de red
      */
     networkOperation: (props: NetworkProps) => Promise<any>;
+    /**
+     *  "navigate" Funcion para modificar la ruta de navegación de la pápina
+     */
+    navigate: NavigateFunction;
     /**
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
      */
@@ -130,27 +135,34 @@ export interface AreasState {
 export interface AreasStateWithActions extends AreasState {
     areasActions: {
         /**
-         * @description inicializa el componente, si la función onLoad está seteada, se invoca
+         * @description inicializa el store cargando las áreas de trabajo.
+         * Una vez termina el proceso, actualiza el estado de carga (ownerState.status) a "loaded".
+         * Normalmente es asyncrono en producción por el llamado al endpoint áreas.
          */
         init: () => void;
         /**
-         * @description Agrega un area de trabajo, si esta activa "loadAreasFromNetwork" llama al API de agregado
+         * @description Arega un area de trabajo y la selecciona. Adiconalmente limpia el currentModuleId
+         * Si esta habilitado "loadAreasFromNetwork" invoca al endpoint de POST de areas
          * @returns id del ara de trabajo
          */
         addArea: () => string;
         /**
-         * @description Edita el nombre del área de trabajo y sincroniza los cambios en la API.
+         * @description Edita el nombre del área de trabajo.
+         * Si está habilitado y sincroniza los cambios en la API.
          * @returns nombre del area de trabajo
          */
         editArea: (idArea: string, newName: string) => void;
         /**
-         *
+         * Selecciona el area y adicionalmente notifica si el camnbio de modulo para que
+         * Actualiza el currentModuleId por el layout seleccionado que tenga el area actualmente.
+         * Con el fin de poder lanzar el cambio de módulo y se vea reflejado en el menu.
+         * Carga adicionalmente las ventanas cuando se seleccione por primera vez si eestá habilitado el uso de API (loadAreasFromNetwork)
          * @param newAreaId Id de area a seleccionar
          * @returns
          */
         selectArea: (newAreaId: string) => void;
         /**
-         * @description Borra un area de trabajo, si esta activa "loadAreasFromNetwork" llama al API
+         * @description Borra un area de trabajo, si esta activa "loadAreasFromNetwork" llama a la API.
          * @param areaId Id de area a borrar
          * @returns void
          */
@@ -207,7 +219,7 @@ export interface AreasStateWithActions extends AreasState {
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;
-export declare type InitialAreasStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork' | 'getLabel' | 'ownerState'> & Partial<DefaultAreasStoreProps>;
+export declare type InitialAreasStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork' | 'getLabel' | 'navigate' | 'ownerState'> & Partial<DefaultAreasStoreProps>;
 export interface AreasProviderProps {
     children: ReactNode;
     loadAreasFromNetwork: boolean;

package/components/areas/contexts/{index.f494e241.js → index.41c24465.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.230d1584.js";
+import "./AreasContext/index.8af3058c.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.b8449343.js → index.d1cf9820.js}

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

package/components/areas/{index.32db4fa7.js → index.fd46ec65.js}

@@ -1,32 +1,33 @@
 import { useEffect } from "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.d1402200.js";
+import "../Icon/index.435df215.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.62aea582.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.230d1584.js";
-import "./components/AreasAdmin/index.8ab71eb9.js";
+import "./contexts/AreasContext/index.8af3058c.js";
+import "./components/AreasAdmin/index.23a09c81.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../ScrollBar/index.65bb2930.js";
+import "../mui_extended/Accordion/index.d15e51bf.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.40af964e.js";
+import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.97d04d6b.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.933e506b.js";
+import "./components/AreasViewer/index.68eb0f6b.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/formatters/BooleanFormatter/{index.b2f02bc4.js → index.14cfcbc7.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d1402200.js";
+import { I as Icon } from "../../Icon/index.435df215.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.f9ad88b4.js → index.b574dda9.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.d1402200.js";
+import "../Icon/index.435df215.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.b2f02bc4.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.14cfcbc7.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.d5afb409.js → index.60c6f592.js}

@@ -6,25 +6,26 @@ import { useMemo, useRef, useState, useEffect } from "react";
 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.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.62aea582.js";
+import { H as HelperText } from "../../HelperText/index.bbbe24c9.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.d88a3f2e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.d1402200.js";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../Icon/index.435df215.js";
+import "../../mui_extended/Accordion/index.d15e51bf.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.40af964e.js";
+import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.97d04d6b.js";
+import "../../mui_extended/Pager/index.d6c87c44.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.a4f00088.js → index.9a40fb06.js}

@@ -5,7 +5,7 @@ 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 "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.d5afb409.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.60c6f592.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.9bf6edb0.js → index.da4ebb03.js}

@@ -2,29 +2,30 @@ import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.bbbe24c9.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "react";
 import "@m4l/core";
-import "../../Icon/index.d1402200.js";
+import "../../Icon/index.435df215.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.62aea582.js";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../mui_extended/Accordion/index.d15e51bf.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.40af964e.js";
+import "../../mui_extended/Button/index.f79eb74e.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.97d04d6b.js";
+import "../../mui_extended/Pager/index.d6c87c44.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

package/components/hook-form/RHFDateTime/{index.a2c1ed2c.js → index.c56219ea.js}

@@ -6,25 +6,26 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.d1402200.js";
+import "../../Icon/index.435df215.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.62aea582.js";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../mui_extended/Accordion/index.d15e51bf.js";
 import { T as Typography } from "../../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.40af964e.js";
+import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.97d04d6b.js";
+import "../../mui_extended/Pager/index.d6c87c44.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.bbbe24c9.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.b5204ce2.js → index.ee6a3d61.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
-import { P as Period } from "../../Period/index.e129cdec.js";
+import { H as HelperText } from "../../HelperText/index.bbbe24c9.js";
+import { P as Period } from "../../Period/index.32d475b8.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({