@m4l/components 0.1.70 → 0.1.72

package/components/areas/contexts/AreasContext/{index.de8b4e78.js → index.0b50676d.js}

@@ -5,9 +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 useAreasAdminUtilityClasses, b as areasViewerClasses } from "../../components/index.359c2b18.js";
-import { g as getAreasDictionary } from "../../index.8a58bcbf.js";
+import { u as useAreasViewerUtilityClasses, a as areasViewerClasses } from "../../components/AreasViewer/index.51ee3d38.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.218451cf.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
+import { g as getAreasDictionary } from "../../dictionary.e72db809.js";
 import { debounce, cloneDeep } from "lodash";
 import { jsx } from "react/jsx-runtime";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
@@ -20,6 +21,14 @@ const COOKIE_WINDOWS = "windows";
 const BREAKPOINT_SIZES = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 };
 const NORMALIZED_COLS = { lg: 24, md: 20, sm: 12, xs: 8, xxs: 1 };
 const MAXIMIZED_COLS = { lg: 24, md: 20, sm: 12, xs: 8, xxs: 1 };
+const DEFAULT_WINDOW = {
+  status: "init",
+  moduleActions: [],
+  cookies: { moduleCookies: {}, windowCookies: {} },
+  loading: false,
+  tosties: [],
+  toastyCount: 0
+};
 const DEFAULT_AREA = {
   status: "init",
   zPopUpIndex: 0,
@@ -36,7 +45,23 @@ const DEFAULT_AREA = {
 };
 const addArea = (state) => {
   const areaId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
-  const name = `${state.getLabel(getAreasDictionary("label_new_area"))} ${state.areas.length + 1}`;
+  const labelNewArea = state.getLabel(getAreasDictionary("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}`;
+    isFree = true;
+    for (let index = 0; index < state.areas.length; index++) {
+      const area = state.areas[index];
+      if (area.name === name) {
+        isFree = false;
+        break;
+      }
+    }
+    if (isFree) {
+      break;
+    }
+  }
   const newArea = {
     id: areaId,
     name,
@@ -195,6 +220,16 @@ function getCookiesContainer(data, containerId) {
   }
   return cookies;
 }
+const removeToasty = (state, toastyId) => {
+  const tosties = state.tosties;
+  for (let i = 0; i < tosties.length; i++) {
+    const findToasty = tosties[i];
+    if (findToasty.id === toastyId) {
+      state.tosties.splice(i, 1);
+      return;
+    }
+  }
+};
 const createAreasStore = (initProps) => {
   const startProps = {
     viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
@@ -260,6 +295,21 @@ const createAreasStore = (initProps) => {
               }
             }
           },
+          editArea: (idArea, newName) => {
+            set((state) => {
+              const index = state.areas.findIndex((element) => element.id === idArea);
+              if (index > -1 && state.areas[index].name !== newName) {
+                state.areas[index].name = newName;
+                state.networkOperation({
+                  method: "PATCH",
+                  endPoint: `areas/${idArea}`,
+                  data: { name: newName },
+                  toastSuccess: false,
+                  toastError: false
+                });
+              }
+            });
+          },
           addArea: () => {
             let newId = "";
             set((state) => {
@@ -382,10 +432,7 @@ const createAreasStore = (initProps) => {
                 ...newWindowModalProps,
                 areaId,
                 windowId,
-                status: "init",
-                moduleActions: [],
-                cookies: { moduleCookies: {}, windowCookies: {} },
-                loading: false,
+                ...DEFAULT_WINDOW,
                 onClose: get().areaActions.closeWindowModal,
                 dynamicMFStore
               };
@@ -466,10 +513,7 @@ const createAreasStore = (initProps) => {
                   areaId,
                   onClose: (removePopUpId) => get().areaActions.closeWindowPopUp(areaId, removePopUpId),
                   zIndex: area.zPopUpIndex,
-                  status: "init",
-                  moduleActions: [],
-                  cookies: { moduleCookies: {}, windowCookies: {} },
-                  loading: false,
+                  ...DEFAULT_WINDOW,
                   dynamicMFStore
                 };
                 state.hashWindows[windowId] = area.hashWindowsPopups[windowId];
@@ -525,10 +569,7 @@ const createAreasStore = (initProps) => {
                 onClose: (removeLayoutId) => {
                   get().areaActions.closeWindowLayout(areaId, removeLayoutId);
                 },
-                status: "init",
-                moduleActions: [],
-                cookies: { moduleCookies: {}, windowCookies: {} },
-                loading: false,
+                ...DEFAULT_WINDOW,
                 dynamicMFStore
               };
               state.hashWindows[windowId] = area.hashWindowsLayouts[windowId];
@@ -909,6 +950,52 @@ const createAreasStore = (initProps) => {
                 toastError: false
               });
             }
+          },
+          toasty: (windowId, options) => {
+            const hW = get().hashWindows[windowId];
+            if (hW) {
+              if (options.replaceMeId) {
+                for (let index = 0; index < hW.tosties.length; index++) {
+                  const t = hW.tosties[index];
+                  if (options.replaceMeId === t.replaceMeId) {
+                    const toastyId = t.id;
+                    if (t.timer) {
+                      clearTimeout(t.timer);
+                    }
+                    set((stateSetTimer) => {
+                      stateSetTimer.hashWindows[windowId].tosties[index].timer = setTimeout(() => {
+                        set((state) => {
+                          removeToasty(
+                            state.hashWindows[windowId],
+                            toastyId
+                          );
+                        });
+                      }, t.timeoutMs);
+                    });
+                    return;
+                  }
+                }
+              }
+              set((state) => {
+                const timeoutMs = options.timeoutMs || 1e4;
+                state.hashWindows[windowId].toastyCount++;
+                const toastyId = state.hashWindows[windowId].toastyCount;
+                const newToasty = {
+                  id: state.hashWindows[windowId].toastyCount,
+                  ...options,
+                  timeoutMs,
+                  timer: setTimeout(() => {
+                    set((stateRemoveToasty) => {
+                      removeToasty(
+                        stateRemoveToasty.hashWindows[windowId],
+                        toastyId
+                      );
+                    });
+                  }, timeoutMs)
+                };
+                state.hashWindows[windowId].tosties.push(newToasty);
+              });
+            }
           }
         }
       })),

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

@@ -1,10 +1,9 @@
 import { GetLabelType, NetworkProps } from '@m4l/core';
 import { ReactNode } from 'react';
-import { CookieType, HashWindowsByLayouts, HashWindowsByModals, HashWindowsByPopups, ModalStateProps, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps, WinType, WindowStateProps } from '../../types';
+import { CookieType, HashWindowsByLayouts, HashWindowsByModals, HashWindowsByPopups, ModalStateProps, AreaWindowAction, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps, ToastyOptions, WinType, WindowStateProps } from '../../types';
 import { ViwerClasses } from '../../components/AreasViewer/classes';
 import { AdminClasses } from '../../components/AreasAdmin/classes';
 import { Layout, Layouts } from 'react-grid-layout';
-import { ModuleAction } from '../..';
 import { DebouncedFunc } from 'lodash';
 export declare type WinLayout = Layout & {
     winType: WinType;
@@ -131,6 +130,11 @@ export interface AreasStateWithActions extends AreasState {
          * @returns id del ara de trabajo
          */
         addArea: () => string;
+        /**
+         * @description Edita el nombre del área de trabajo y sincroniza los cambios en la API.
+         * @returns nombre del area de trabajo
+         */
+        editArea: (idArea: string, newName: string) => void;
         /**
          *
          * @param newAreaId Id de area a seleccionar
@@ -176,7 +180,7 @@ export interface AreasStateWithActions extends AreasState {
         loadWindowsFromApi: (areaId: string) => void;
     };
     windowActions: {
-        setActions: (windowId: string, newActions: ModuleAction[], version?: string) => void;
+        setActions: (windowId: string, newActions: AreaWindowAction[], version?: string) => void;
         getCookie: (windowId: string, id: string) => Record<string, any> | undefined;
         getCookies: (windowId: string, type: CookieType) => Record<string, any>;
         setCookie: (windowId: string, id: string, type: CookieType, cookie: Record<string, any>) => void;
@@ -185,6 +189,7 @@ export interface AreasStateWithActions extends AreasState {
         loadCookiesFromApi: (windowId: string) => void;
         saveModuleCookies: (windowId: string) => void;
         resetModuleCookies: (windowId: string) => void;
+        toasty: (windowId: string, options: ToastyOptions) => void;
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;

package/components/areas/contexts/DynamicMFParmsContext/store.d.ts

@@ -1,4 +1,4 @@
-import { DynamicMFParameters } from '..';
+import { DynamicMFParameters } from './types';
 export interface DynamicMFState {
     dynamicMFParameters: DynamicMFParameters;
     windowId: string;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DynamicMFStore } from './store';
+import type { DynamicMFStore } from './store';
 export declare type DynamicMFParameters = Record<string, any>;
 export interface DynamicMFParmsProviderProps {
     store: DynamicMFStore;

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

@@ -1,18 +1,10 @@
 import { ReactNode } from 'react';
-import { CookieType } from '../../types';
-import { MenuAction } from '../../../mui_extended';
-export declare type WindowActionType = 'main' | 'allways' | 'normal';
-export interface ModuleAction extends MenuAction {
-    visibility: WindowActionType;
-    key: string;
-    tag?: any;
-    className?: string;
-}
+import type { CookieType, AreaWindowAction } from '../../types';
 export interface WindowToolsMF {
     getCookie: (id: string) => Record<string, any> | undefined;
     getWindowId: () => string;
     getCookies: (type: CookieType) => Record<string, any>;
-    setActions: (newActions: ModuleAction[], version?: string) => void;
+    setActions: (newActions: AreaWindowAction[], version?: string) => void;
     setCookie: (id: string, type: CookieType, cookie: Record<string, any>) => void;
     setLoading: (isLoading: boolean) => void;
     close: () => void;

package/components/areas/contexts/{index.771827bb.js → index.b0ce327e.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.de8b4e78.js";
+import "./AreasContext/index.0b50676d.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/contexts/index.d.ts

@@ -1,5 +1,6 @@
 export * from './AreasContext';
 export type { DynamicMFParameters } from './DynamicMFParmsContext/types';
 export type { DynamicMFStore } from './DynamicMFParmsContext/store';
+export type { WindowToolsMF } from './WindowToolsMFContext/types';
+export type { AreaWindowAction as ModuleAction } from '../types';
 export { WindowToolsMFProvider, WindowToolsMFContext } from './WindowToolsMFContext';
-export type { WindowToolsMF, ModuleAction } from './WindowToolsMFContext/types';

package/components/areas/dictionary.d.ts

@@ -5,6 +5,8 @@ export declare const DICCTIONARY: {
     readonly label_new_area: "label_new_area";
     readonly label_persist_module_cookies: "label_persist_module_cookies";
     readonly label_reset_module_cookies: "label_reset_module_cookies";
+    readonly validation_edit_area: "validation_edit_area";
+    readonly label_edit_area: "label_edit_area";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;
 export declare const getAreasDictionary: (key: keyof TypeDictionary) => string;

package/components/areas/dictionary.e72db809.js

@@ -0,0 +1,22 @@
+const AREAS_DICTIONARY_ID = "areas";
+function getAreasComponentsDictionary() {
+  return [AREAS_DICTIONARY_ID];
+}
+const LABEL_FILTER_BUTTON = "filter_tooltip";
+const DICCTIONARY = {
+  label_new_area: "label_new_area",
+  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"
+};
+const getAreasDictionary = (key) => {
+  return `${AREAS_DICTIONARY_ID}.${key}`;
+};
+export {
+  AREAS_DICTIONARY_ID as A,
+  DICCTIONARY as D,
+  LABEL_FILTER_BUTTON as L,
+  getAreasComponentsDictionary as a,
+  getAreasDictionary as g
+};

package/components/areas/hooks/index.0184c6f7.js

@@ -0,0 +1,4 @@
+import "react";
+import "zustand";
+import "../contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "../contexts/WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/{useArea/index.2adbe001.js → useAreas/index.e868e3d9.js}

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

package/components/areas/hooks/{index.ae8d8631.js → useWindowToolsMF/index.b7afaf88.js}

@@ -1,7 +1,5 @@
 import { useContext } from "react";
-import { a as WindowToolsMFContext } from "../contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand";
-import "../contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 const useWindowToolsMF = () => {
   const context = useContext(WindowToolsMFContext);
   if (!context)

package/components/areas/icons.b36751f2.js

@@ -0,0 +1,17 @@
+const ICONS = {
+  CLOSE: "close.svg",
+  MAXIMIZE: "maximize.svg",
+  NORMALIZE: "normalize.svg",
+  RESET_COOKIES: "reset_cookies.svg",
+  SAVE_COOKIES: "save_cookies.svg",
+  DELETE_AREA: "delete_area.svg",
+  ADD_AREA: "add_area.svg",
+  LAYERS: "layers.svg",
+  EDIT_AREA: "edit.svg",
+  CHECK: "checkmarkInCircle.svg",
+  RESIZE: "controlSize.svg",
+  VERSION: "version.svg"
+};
+export {
+  ICONS as I
+};

package/components/areas/icons.d.ts

@@ -8,5 +8,7 @@ export declare const ICONS: {
     ADD_AREA: string;
     LAYERS: string;
     EDIT_AREA: string;
+    CHECK: string;
+    RESIZE: string;
     VERSION: string;
 };

package/components/areas/index.05b7b8e2.js

@@ -0,0 +1,16 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.9839297c.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.590049b4.js";
+import "@m4l/graphics";
+import "zustand";
+import "./contexts/AreasContext/index.0b50676d.js";
+import "./components/AreasAdmin/index.218451cf.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "./components/AreasViewer/index.51ee3d38.js";
+import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/types.d.ts

@@ -1,7 +1,15 @@
 import { ReactNode } from 'react';
-import { DynamicMFParameters } from './contexts/DynamicMFParmsContext/types';
+import type { DynamicMFParameters } from './contexts/DynamicMFParmsContext/types';
 import type { Layout } from 'react-grid-layout';
-import { DynamicMFStore, ModuleAction } from './contexts';
+import type { DynamicMFStore } from './contexts/DynamicMFParmsContext/store';
+import type { MenuAction } from '../mui_extended';
+export declare type WindowActionType = 'main' | 'allways' | 'normal';
+export interface AreaWindowAction extends MenuAction {
+    visibility: WindowActionType;
+    key: string;
+    tag?: any;
+    className?: string;
+}
 export declare type WinType = 'microfrontend' | 'component';
 export declare type EmergeType = 'layout' | 'popup' | 'modal';
 export declare type OpenType = 'normal' | 'maximized';
@@ -17,13 +25,27 @@ export declare type Cookies = {
     windowCookies: Record<string, any>;
 };
 export declare type WindowStatus = 'init' | 'loading' | 'loaded' | 'error';
+export declare type ToastyType = 'success' | 'info' | 'warning' | 'error';
+export declare type Toasty = {
+    id: number;
+    timeoutMs: number;
+    type: ToastyType;
+    message: string;
+    timer?: ReturnType<typeof setTimeout>;
+    replaceMeId?: string;
+};
+export interface ToastyOptions extends Pick<Toasty, 'message' | 'type' | 'replaceMeId'> {
+    timeoutMs?: number;
+}
 export declare type WindowState = {
     status: WindowStatus;
     dynamicMFStore: DynamicMFStore;
     loading: boolean;
     version?: string;
-    moduleActions: ModuleAction[];
+    moduleActions: AreaWindowAction[];
     cookies: Cookies;
+    tosties: Toasty[];
+    toastyCount: number;
 };
 export interface WindowBaseProps {
     winType: WinType;

package/components/formatters/BooleanFormatter/{index.7eb0498c.js → index.e610de08.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.caaed284.js";
+import { I as Icon } from "../../Icon/index.9839297c.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.f6b9ed01.js → index.982e909b.js}

@@ -2,10 +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.caaed284.js";
+import "../Icon/index.9839297c.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.7eb0498c.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.e610de08.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.09c400c3.js → index.b185393e.js}

@@ -1,26 +1,27 @@
 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.82a6cd46.js";
+import { I as Image } from "../../Image/index.a88f6341.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
+import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.caaed284.js";
-import "../../mui_extended/IconButton/index.57824447.js";
-import "../../mui_extended/Accordion/index.437bb3f8.js";
+import "../../Icon/index.9839297c.js";
+import "../../mui_extended/IconButton/index.590049b4.js";
+import "@m4l/graphics";
+import "../../mui_extended/Accordion/index.d420b666.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f8ce9ccd.js";
+import "../../mui_extended/Button/index.1cd0c4e4.js";
 import "@mui/lab";
-import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.37043326.js";
-import "../../mui_extended/Pager/index.eeed3bd5.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/MenuActions/index.f9eb6463.js";
+import "../../mui_extended/Pager/index.c058b933.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.e8acff04.js → index.7a569646.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.8edaef93.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.09c400c3.js";
+import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.b185393e.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.70310f35.js → index.7a9ea396.js}

@@ -1,12 +1,12 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

package/components/hook-form/RHFDateTime/{index.7b815072.js → index.2fd1d56b.js}

@@ -6,21 +6,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.caaed284.js";
-import "../../mui_extended/IconButton/index.57824447.js";
-import "../../mui_extended/Accordion/index.437bb3f8.js";
+import "../../Icon/index.9839297c.js";
+import "../../mui_extended/IconButton/index.590049b4.js";
+import "../../mui_extended/Accordion/index.d420b666.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f8ce9ccd.js";
-import "../../Image/index.82a6cd46.js";
+import "../../mui_extended/Button/index.1cd0c4e4.js";
+import "../../Image/index.a88f6341.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.37043326.js";
-import "../../mui_extended/Pager/index.eeed3bd5.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/MenuActions/index.f9eb6463.js";
+import "../../mui_extended/Pager/index.c058b933.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.3c7d393c.js → index.df3d3f69.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
-import { P as Period } from "../../Period/index.fbf074d3.js";
+import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
+import { P as Period } from "../../Period/index.2ab4f2a1.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.d4c39859.js → index.e1b50c30.js}

@@ -1,17 +1,18 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.57824447.js";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.590049b4.js";
+import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.caaed284.js";
+import "../../Icon/index.9839297c.js";
 import "clsx";
+import "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.a2312a73.js";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.8608d16c.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
+import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.31044674.js → index.ec977af6.js}

@@ -4,7 +4,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.82a6cd46.js";
+import { I as Image } from "../../Image/index.a88f6341.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

package/components/modal/{WindowBase.6a40a945.js → WindowBase.e5ec6128.js}

@@ -1,24 +1,24 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
+import { u as useModal } from "../../hooks/useModal/index.18a7cb8f.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.a2312a73.js";
-import { I as Icon } from "../Icon/index.caaed284.js";
+import { a as getThemeVariantColor } from "../../utils/index.8608d16c.js";
+import { I as Icon } from "../Icon/index.9839297c.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.57824447.js";
-import "../mui_extended/Accordion/index.437bb3f8.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.590049b4.js";
+import "../mui_extended/Accordion/index.d420b666.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f8ce9ccd.js";
+import "../mui_extended/Button/index.1cd0c4e4.js";
 import "clsx";
-import "../Image/index.82a6cd46.js";
+import "../Image/index.a88f6341.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.b3c6e71c.js";
-import "../mui_extended/Popover/index.226f247e.js";
-import "../mui_extended/MenuActions/index.37043326.js";
-import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Typography/index.1659d310.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.f9eb6463.js";
+import "../mui_extended/Pager/index.c058b933.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",