@m4l/components 9.1.98 → 9.1.100

package/components/areas/contexts/AreasContext/store.js

@@ -33,7 +33,7 @@ const createAreasStore = (initProps) => {
            * Inicializa el store de areas
            * @author Bruce Escobar - automatic
            * @createdAt 2024-10-22 09:41:31 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           init: () => {
@@ -104,6 +104,10 @@ const createAreasStore = (initProps) => {
           },
           /**
            * Acción encargada de añadir un área de trabajo en blanco
+           * @author cesar - automatic
+           * @createdAt 2025-02-07 08:26:22 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
+           * @updatedUser cesar - automatic
            */
           addArea: () => {
             let newId = "";
@@ -117,7 +121,7 @@ const createAreasStore = (initProps) => {
            * editArea store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           editArea: (areaId, newName) => {
@@ -140,7 +144,7 @@ const createAreasStore = (initProps) => {
            * deleteArea store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           deleteArea: (areaId) => {
@@ -182,7 +186,7 @@ const createAreasStore = (initProps) => {
            * selectArea store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           selectArea: (areaId) => {
@@ -214,7 +218,7 @@ const createAreasStore = (initProps) => {
            * setHandlerGetLabel
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setHandlerGetLabel: (newHandler) => {
@@ -226,7 +230,7 @@ const createAreasStore = (initProps) => {
            * setExternalState
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setExternalState: (newExternalState) => {
@@ -241,7 +245,7 @@ const createAreasStore = (initProps) => {
            * addWindow store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           addWindow: (newWindowProps) => {
@@ -256,7 +260,7 @@ const createAreasStore = (initProps) => {
            * addLayout store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           addLayout: (areaId, windowId, newWindowProps) => {
@@ -333,7 +337,7 @@ const createAreasStore = (initProps) => {
            * closeLayout
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           closeLayout: (areaId, removeLayoutId) => {
@@ -365,7 +369,7 @@ const createAreasStore = (initProps) => {
            * saveLayouts
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           saveLayouts: (areaId) => {
@@ -415,7 +419,7 @@ const createAreasStore = (initProps) => {
            * closeWindowModal
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           closeWindowModal: (removeModalId) => {
@@ -432,7 +436,7 @@ const createAreasStore = (initProps) => {
            * addWindowModal
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           addWindowModal: (areaId, windowId, newWindowModalProps) => {
@@ -494,7 +498,7 @@ const createAreasStore = (initProps) => {
            * onBreakpointsLayoutsChange
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
@@ -511,7 +515,7 @@ const createAreasStore = (initProps) => {
            * containerChange
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           onContainerChange: (areaId, e) => {
@@ -524,7 +528,7 @@ const createAreasStore = (initProps) => {
            * selectLayout
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           selectLayout: (areaId, layoutId) => {
@@ -555,7 +559,7 @@ const createAreasStore = (initProps) => {
            * unColapseLayoutItem
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           unColapseLayoutItem: (areaId, layoutId) => {
@@ -567,7 +571,7 @@ const createAreasStore = (initProps) => {
            * colapseLayoutItem
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           colapseLayoutItem: (areaId, layoutId) => {
@@ -581,7 +585,7 @@ const createAreasStore = (initProps) => {
            * minimizeLayout
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           maximizeLayout: (areaId, layoutId) => {
@@ -605,7 +609,7 @@ const createAreasStore = (initProps) => {
            * normalizeLayouts
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           normalizeLayouts: (areaId) => {
@@ -627,7 +631,7 @@ const createAreasStore = (initProps) => {
            * loadWindowsFromApi
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           loadWindowsFromApi: (areaId) => {
@@ -830,7 +834,7 @@ const createAreasStore = (initProps) => {
            * setActions
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setActions: (windowId, newActions, version) => {
@@ -845,7 +849,7 @@ const createAreasStore = (initProps) => {
            * getCookie
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           getCookie: (windowId, id) => {
@@ -858,7 +862,7 @@ const createAreasStore = (initProps) => {
            * getCookies
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           getCookies: (windowId, type) => {
@@ -875,7 +879,7 @@ const createAreasStore = (initProps) => {
            * setCookie
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setCookie: (windowId, id, type, cookie) => {
@@ -899,7 +903,7 @@ const createAreasStore = (initProps) => {
            * close window
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           close: (windowId) => {
@@ -915,7 +919,7 @@ const createAreasStore = (initProps) => {
            * startProgress
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           startProgress: (windowId) => {
@@ -929,7 +933,7 @@ const createAreasStore = (initProps) => {
            * stopProgress
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           stopProgress: (windowId) => {
@@ -943,7 +947,7 @@ const createAreasStore = (initProps) => {
            * loadCookiesFromApi
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           loadCookiesFromApi: (windowId) => {
@@ -987,7 +991,7 @@ const createAreasStore = (initProps) => {
            * saveModuleCookies
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           saveModuleCookies: (windowId) => {
@@ -1007,7 +1011,7 @@ const createAreasStore = (initProps) => {
            * setModuleCookies
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           resetModuleCookies: (windowId) => {
@@ -1031,7 +1035,7 @@ const createAreasStore = (initProps) => {
            * setFnQueryClose
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setFnQueryClose: (windowId, fnQueryClose) => {
@@ -1043,7 +1047,7 @@ const createAreasStore = (initProps) => {
            * setWindowTitle
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setWindowTitle: (windowId, title) => {
@@ -1057,7 +1061,7 @@ const createAreasStore = (initProps) => {
            * setFocus
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setFocus: (newValue) => {

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

@@ -26,12 +26,12 @@ export interface Area {
     loadWindows: boolean;
     /**
      *  "containerHeight" Altura del contendor de area, se deja en cada área porque solo llegan en eventos de resize cuando está diferente a display "none"
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     containerHeight?: number;
     currentBreakpoint?: Breakpoint;
     layouts: Layouts;
     maximizedId?: string | undefined;
-    /** Son los ids de las ventanas, iterar con keys, destruye los componentes en un map */
     layoutItemsIds: string[];
     currentLayoutId: string;
     currentPopUpId: string;
@@ -40,19 +40,24 @@ export interface Area {
 }
 /**
  * estado de carga de las areaS de trabajo.
+ * @createdAt 2025-02-07 08:26:22 - automatic
  */
 export type AreasStatus = 'init' | 'loading' | 'loaded' | 'error';
 export type OwnerState = {
     /**
      *  "isSkeleton" indica si el componente está en skeleton.
+     * @createdAt 2025-02-07 08:26:22 - automatic
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     status: AreasStatus;
     /**
      * "readyForHooks" indica si el componente ejecutó el efecto de carga y se suscrubió al eventemitter. Utilizado normalmente en storybook
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     readyForHooks: boolean;
     /**
      *  "isMobile" cuando el navegador está en modo celular
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     isMobile: boolean;
     /**
@@ -61,70 +66,88 @@ export type OwnerState = {
     isSkeleton: boolean;
     /**
      * focus: Estado de selección asignado por el usuario.
-     *
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     focus: boolean;
 };
 /**
  * Estados que se actulizan por fuera del store, a través de hooks
+ * @createdAt 2025-02-07 08:26:22 - automatic
  */
 export type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton' | 'readyForHooks'>;
 /**
  * Interface que define el estado del componente (variables y funciones )
+ * @createdAt 2025-02-07 08:26:22 - automatic
  */
 export interface AreasState {
     /**
      *  "loadAreasFromNetwork" Indica si se deben cargar/grabar las áreas de trabajo en la API
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     loadAreasFromNetwork: boolean;
     /**
      *  "loadCookiesFromNetwork" Indica si se deben cargar/grabar las cookies en la API
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     loadCookiesFromNetwork: boolean;
     /**
      *  "currentAreaId" Area de trabajo seleccionada
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     currentAreaId: string;
     /**
      *  "currentModuleId" Módulo seleccionado
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     currentModuleId: string;
     /**
      *  "ownerState" enfocado al funcionamiento de las clases
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     ownerState: OwnerState;
     /**
      *  "viwerClasses" enfocado al funcionamiento de las clases a nivel de viewer
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     viwerClasses: ViwerClasses;
     /**
      *  "adminClasses" enfocado al funcionamiento de las clases a nivel de Admin
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     adminClasses: AdminClasses;
     /**
      *  "windowsModals" id de ventans modales abiertas
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     windowsModals: string[];
     hashWindowsModals: HashWindowsByModals;
     windowModal?: ModalStateProps;
     /**
      *  "areasIds" Areas de trabajo para saber en que orden se muestran en el AreasAdmin
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     areasIds: string[];
     /**
      *  "hashAreas" Areas de trabajo
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     hashAreas: Record<string, Area>;
     /**
      *  "hashWindows" Todas las ventanas de todas las áreas cagadas
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     hashWindows: Record<string, WindowStateProps>;
     /**
      *  "networkOperation" funcion que usará el Store para enviar las peticiones de red
+     * @author cesar - automatic
+     * @createdAt 2025-02-07 08:26:22 - automatic
+     * @updatedAt 2025-02-07 08:26:22 - automatic
+     * @updatedUser cesar - automatic
      */
     networkOperation: (props: NetworkProps) => Promise<any>;
     /**
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     getLabel: GetLabelType;
 }
@@ -134,18 +157,30 @@ export interface AreasStateWithActions extends AreasState {
          * 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.
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         init: () => void;
         /**
          * 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
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         addArea: () => string;
         /**
          * Edita el nombre del área de trabajo.
          * Si está habilitado y sincroniza los cambios en la API.
          * @returns nombre del area de trabajo
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         editArea: (idArea: string, newName: string) => void;
         /**
@@ -155,12 +190,20 @@ export interface AreasStateWithActions extends AreasState {
          * 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
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         selectArea: (newAreaId: string) => void;
         /**
          * Borra un area de trabajo, si esta activa "loadAreasFromNetwork" llama a la API.
          * @param areaId Id de area a borrar
          * @returns void
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         deleteArea: (areaId: string) => void;
         /**
@@ -168,12 +211,20 @@ export interface AreasStateWithActions extends AreasState {
          * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
          * cambia por el useCallback, cuando el diccionario se carga.
          * @returns void
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         setHandlerGetLabel: (newHandler: GetLabelType) => void;
         /**
          * Modifica los estados que se actualizan externamente al Store
          * @param newIsMobile
          * @returns
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         setExternalState: (newExternalState: Partial<ExternalOwnerState>) => void;
     };

package/components/areas/types.d.ts

@@ -27,6 +27,11 @@ export interface AreaWindowAction extends Extract<MenuAction, {
      * @createdAt 2024-12-27 08:27:31 - automatic
      */
     className?: string;
+    /**
+     * Icono opcional para la acción de ventana.
+     * @createdAt 2024-12-27 08:27:31 - automatic
+     */
+    iconUrl?: string;
 }
 /**
  * Tipo que representa el tipo de ventana: microfrontend o componente.
@@ -107,13 +112,14 @@ export type WindowState = {
      * @returns void
      * @author Andrés Quintero - automatic
      * @createdAt 2024-12-27 08:27:31 - automatic
-     * @updatedAt 2025-01-31 11:37:44 - automatic
+     * @updatedAt 2025-02-07 08:26:22 - automatic
      * @updatedUser cesar - automatic
      */
     fnQueryClose?: () => void;
     /**
      * moduleCount representa el identificador de
      * la ventana cuando se repite un módulo en una misma área
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     moduleCount?: number;
 };

package/components/extended/React-Splitter/SplitLayout/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Theme } from '@mui/material';
-import { M4LOverridesStyleRules } from 'src/@types/augmentations';
+import { M4LOverridesStyleRules } from '../../../../@types/augmentations';
 import { SplitLayoutSlots as slots } from './slots/SplitLayoutEnum';
 import { SPLIT_LAYOUT_KEY_COMPONENT } from './constants';
 export type SplitPosition = 'vertical' | 'horizontal' | 'none';

package/components/hook-form/RHFPeriod/RHFPeriod.styles.js

@@ -11,7 +11,7 @@ const rhfPeriodStyles = {
    * @updatedUser Andrés Quintero - automatic
    */
   root: ({ theme }) => ({
-    width: "270px",
+    width: "100%",
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",

package/components/mui_extended/Select/Select.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleSkeleton, useModuleDictionary, getPropertyByString } from "@m4l/core";
 import { useTheme } from "@mui/material";
 import clsx from "clsx";
-import { forwardRef, useState, useMemo } from "react";
+import { forwardRef, useState, useEffect, useMemo } from "react";
 import { A as ArrowDownStyled, S as SkeletonSelectStyled, a as SelectRootStyled, M as MenuItemListStyled, b as MenuItemNoOptionStyled, c as AdormentStyled, L as LabelPlaceholerStyled, R as RenderValueContainerStyled, d as RenderValueTypography } from "./slots/SelectSlots.js";
 import { S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT, I as ICON_ARROW_DOWN } from "./constants.js";
 import { S as SELECT_DICTIONARY } from "./dictionary.js";
@@ -32,6 +32,11 @@ const Select = forwardRef((props, ref) => {
   const [selectedValue, setSelectedValue] = useState(value ?? "");
   const [open, setOpen] = useState(false);
   const theme = useTheme();
+  useEffect(() => {
+    if (value && value !== selectedValue) {
+      setSelectedValue(value);
+    }
+  }, [value, selectedValue]);
   const paletteColor = getPropertyByString(
     theme.vars.palette,
     disabled ? "default" : error ? "error" : "primary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.98",
+  "version": "9.1.100",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"