@m4l/components 0.1.71 → 0.1.73

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

@@ -1,8 +1,8 @@
 import { WritableDraft } from 'immer/dist/internal';
-import { Layouts } from 'react-grid-layout';
-import { Area, AreasStateWithActions } from './types';
-import { WinLayout } from './types';
-import { HashWindowsByLayouts } from '../../types';
+import type { Layouts } from 'react-grid-layout';
+import type { Area, AreasStateWithActions } from './types';
+import type { WinLayout } from './types';
+import type { HashWindowsByLayouts, WindowState, WindowStateProps } from '../../types';
 export declare const ROW_HEIGTH_GRIDLAYOUT = 20;
 export declare const CONTAINER_PADDING_GRIDLAYOUT = 3;
 export declare const MARGIN_GRIDLAYOUT = 5;
@@ -31,6 +31,7 @@ export declare const MAXIMIZED_COLS: {
     xs: number;
     xxs: number;
 };
+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'>;
 /**
  * @description Función de apoyo que crea un área de trabajo,
@@ -57,3 +58,4 @@ export declare function getDataFromResponse(data: any, state: WritableDraft<Area
     newHashWindowLayouts: HashWindowsByLayouts;
 };
 export declare function getCookiesContainer(data: any, containerId: string): Record<string, any>;
+export declare const verifyRemoveToasty: (state: WritableDraft<WindowStateProps>, toastyId: number, forceRemove?: boolean | undefined) => void;

package/components/areas/contexts/AreasContext/{index.e14d6799.js → index.9c35425b.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.31f39977.js";
-import { g as getAreasDictionary } from "../../index.bd29b1db.js";
+import { u as useAreasViewerUtilityClasses, a as areasViewerClasses } from "../../components/AreasViewer/index.d33b4a7d.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.b26ee1b2.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,15 @@ 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,
+  toasties: [],
+  hashToasties: {},
+  toastyCount: 0
+};
 const DEFAULT_AREA = {
   status: "init",
   zPopUpIndex: 0,
@@ -36,7 +46,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,
@@ -157,6 +183,7 @@ function getDataFromResponse(data, state, areaId) {
         newWindowsLayouts.push(element["layoutProps"]);
         const onClose = state.areaActions.closeWindowLayout;
         newHashWindowLayouts[key] = {
+          ...DEFAULT_WINDOW,
           ...element,
           windowId: key,
           emergeType: "layout",
@@ -165,11 +192,7 @@ function getDataFromResponse(data, state, areaId) {
             dynamicMFParameters: element.dynamicParams,
             windowId: key
           }),
-          onClose: () => onClose(areaId, key),
-          status: "init",
-          moduleActions: [],
-          cookies: { moduleCookies: {}, windowCookies: {} },
-          loading: false
+          onClose: () => onClose(areaId, key)
         };
         state.hashWindows[key] = newHashWindowLayouts[key];
       }
@@ -195,6 +218,24 @@ function getCookiesContainer(data, containerId) {
   }
   return cookies;
 }
+const verifyRemoveToasty = (state, toastyId, forceRemove) => {
+  const tfy = state.hashToasties[toastyId];
+  if (tfy) {
+    tfy.percentExecuted = (1 - (tfy.timeStart + tfy.timeoutMs - new Date().getTime()) / tfy.timeoutMs) * 100;
+    console.log("verifyRemoveToasty", tfy.percentExecuted);
+    if (tfy.percentExecuted >= 100 || forceRemove) {
+      const tosties = state.toasties;
+      for (let i = 0; i < tosties.length; i++) {
+        const findToasty = tosties[i];
+        if (findToasty.id === toastyId) {
+          state.toasties.splice(i, 1);
+          delete state.hashToasties[toastyId];
+          return;
+        }
+      }
+    }
+  }
+};
 const createAreasStore = (initProps) => {
   const startProps = {
     viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
@@ -262,7 +303,7 @@ const createAreasStore = (initProps) => {
           },
           editArea: (idArea, newName) => {
             set((state) => {
-              let index = state.areas.findIndex((element) => element.id === idArea);
+              const index = state.areas.findIndex((element) => element.id === idArea);
               if (index > -1 && state.areas[index].name !== newName) {
                 state.areas[index].name = newName;
                 state.networkOperation({
@@ -397,10 +438,7 @@ const createAreasStore = (initProps) => {
                 ...newWindowModalProps,
                 areaId,
                 windowId,
-                status: "init",
-                moduleActions: [],
-                cookies: { moduleCookies: {}, windowCookies: {} },
-                loading: false,
+                ...DEFAULT_WINDOW,
                 onClose: get().areaActions.closeWindowModal,
                 dynamicMFStore
               };
@@ -481,10 +519,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];
@@ -540,10 +575,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];
@@ -924,6 +956,85 @@ const createAreasStore = (initProps) => {
                 toastError: false
               });
             }
+          },
+          toasty: (windowId, options) => {
+            const hW = get().hashWindows[windowId];
+            if (hW) {
+              if (options.replaceMeId) {
+                for (const key in hW.hashToasties) {
+                  const t = hW.hashToasties[key];
+                  if (options.replaceMeId === t.replaceMeId) {
+                    const toastyId = t.id;
+                    if (t.timer) {
+                      clearTimeout(t.timer);
+                    }
+                    set((state2) => {
+                      const hw2 = state2.hashWindows[windowId].hashToasties[toastyId];
+                      hw2.timeStart = new Date().getTime();
+                      hw2.percentExecuted = 0;
+                      hw2.timer = setInterval(() => {
+                        set((state3) => {
+                          verifyRemoveToasty(
+                            state3.hashWindows[windowId],
+                            toastyId
+                          );
+                        });
+                      }, 1e3);
+                    });
+                    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,
+                  timeStart: new Date().getTime(),
+                  percentExecuted: 0,
+                  timer: setInterval(() => {
+                    set((stateRemoveToasty) => {
+                      verifyRemoveToasty(
+                        stateRemoveToasty.hashWindows[windowId],
+                        toastyId
+                      );
+                    });
+                  }, 1e3)
+                };
+                state.hashWindows[windowId].hashToasties[toastyId] = newToasty;
+                state.hashWindows[windowId].toasties.push(newToasty);
+              });
+            }
+          },
+          closeToasty: (windowId, toastyId) => {
+            set((state) => {
+              verifyRemoveToasty(state.hashWindows[windowId], toastyId, true);
+            });
+          },
+          pinToasty: (windowId, toastyId) => {
+            set((state) => {
+              const t = state.hashWindows[windowId].hashToasties[toastyId];
+              if (t) {
+                if (t.timer) {
+                  clearInterval(t.timer);
+                  t.timer = void 0;
+                } else {
+                  t.timeStart = new Date().getTime();
+                  t.percentExecuted = 0;
+                  t.timer = setInterval(() => {
+                    set((state2) => {
+                      verifyRemoveToasty(
+                        state2.hashWindows[windowId],
+                        toastyId
+                      );
+                    });
+                  }, 1e3);
+                }
+              }
+            });
           }
         }
       })),

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;
@@ -181,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;
@@ -190,6 +189,9 @@ export interface AreasStateWithActions extends AreasState {
         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;
     };
 }
 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,20 +1,13 @@
 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, ToastyOptions } 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;
+    toasty: (options: ToastyOptions) => void;
     close: () => void;
 }
 export interface WindowToolsMFProviderProps extends WindowToolsMF {

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/contexts/{index.5ba05323.js → index.d2f1c19a.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.e14d6799.js";
+import "./AreasContext/index.9c35425b.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

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.c135e0cf.js → useAreas/index.6540b5ab.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.e14d6799.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.9c35425b.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.3ec589d3.js

@@ -0,0 +1,19 @@
+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",
+  TOASTY_CLOSE: "close.svg",
+  TOASTY_PIN: "pin.svg"
+};
+export {
+  ICONS as I
+};

package/components/areas/icons.d.ts

@@ -11,4 +11,6 @@ export declare const ICONS: {
     CHECK: string;
     RESIZE: string;
     VERSION: string;
+    TOASTY_CLOSE: string;
+    TOASTY_PIN: string;
 };

package/components/areas/index.8ed127ca.js

@@ -0,0 +1,16 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.4eeb3de9.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.89428485.js";
+import "@m4l/graphics";
+import "zustand";
+import "./contexts/AreasContext/index.9c35425b.js";
+import "./components/AreasAdmin/index.b26ee1b2.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "./components/AreasViewer/index.d33b4a7d.js";
+import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks';
+export type { ToastyOptions } from './types';
 export * from './dictionary';

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,30 @@ 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;
+    timeStart: number;
+    percentExecuted: number;
+    timer?: ReturnType<typeof setInterval>;
+    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;
+    toasties: Toasty[];
+    hashToasties: Record<number, Toasty>;
+    toastyCount: number;
 };
 export interface WindowBaseProps {
     winType: WinType;

package/components/formatters/BooleanFormatter/{index.99c7fe49.js → index.87ca7bb3.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.6f2a5618.js";
+import { I as Icon } from "../../Icon/index.4eeb3de9.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.1a92006b.js → index.83c50bdb.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.6f2a5618.js";
+import "../Icon/index.4eeb3de9.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.99c7fe49.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.87ca7bb3.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.c4ba070a.js → index.743b5558.js}

@@ -1,27 +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.1e3b7ff6.js";
+import { I as Image } from "../../Image/index.52c84d9f.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
+import { T as TEST_PROP_ID } from "../../../vendor.fcb620ee.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
-import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1ff05abe.js";
+import { H as HelperText } from "../../HelperText/index.581ddb8f.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.6f2a5618.js";
-import "../../mui_extended/IconButton/index.7aab3e04.js";
+import "../../Icon/index.4eeb3de9.js";
+import "../../mui_extended/IconButton/index.89428485.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.44e96bb8.js";
+import "../../mui_extended/Accordion/index.9c36b7a5.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.ec6525e0.js";
+import "../../mui_extended/Button/index.1cb53ba2.js";
 import "@mui/lab";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.bff47c06.js";
-import "../../mui_extended/Pager/index.907d5801.js";
+import "../../mui_extended/MenuActions/index.d426f50b.js";
+import "../../mui_extended/Pager/index.2c081f2c.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.a63f3704.js → index.5be9ea91.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.619c3533.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.c4ba070a.js";
+import { T as TEST_PROP_ID } from "../../../vendor.fcb620ee.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.743b5558.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.9055f88d.js → index.77758da5.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.619c3533.js";
+import { T as TEST_PROP_ID } from "../../../vendor.fcb620ee.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.d7b1b21a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
+import { H as HelperText } from "../../HelperText/index.581ddb8f.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1ff05abe.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

package/components/hook-form/RHFDateTime/{index.2cb94a66.js → index.d554d467.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.6f2a5618.js";
-import "../../mui_extended/IconButton/index.7aab3e04.js";
-import "../../mui_extended/Accordion/index.44e96bb8.js";
+import "../../Icon/index.4eeb3de9.js";
+import "../../mui_extended/IconButton/index.89428485.js";
+import "../../mui_extended/Accordion/index.9c36b7a5.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.ec6525e0.js";
-import "../../Image/index.1e3b7ff6.js";
+import "../../mui_extended/Button/index.1cb53ba2.js";
+import "../../Image/index.52c84d9f.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1ff05abe.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.bff47c06.js";
-import "../../mui_extended/Pager/index.907d5801.js";
+import "../../mui_extended/MenuActions/index.d426f50b.js";
+import "../../mui_extended/Pager/index.2c081f2c.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
+import { H as HelperText } from "../../HelperText/index.581ddb8f.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.14dcf762.js → index.02253c2d.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
-import { P as Period } from "../../Period/index.53ea0562.js";
+import { H as HelperText } from "../../HelperText/index.581ddb8f.js";
+import { P as Period } from "../../Period/index.f24d7084.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme