@m4l/components 0.1.63 → 0.1.65

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

@@ -1,6 +1,125 @@
+import { GetLabelType, NetworkProps } from '@m4l/core';
 import { ReactNode } from 'react';
+import { AreaStore } from '../../components/AreasViewer/subcomponents/Area/contexts/AreaContext/store';
+import { AreaType } from '../../components/AreasViewer/subcomponents/Area/types';
+import { ViwerClasses } from '../../components/AreasViewer/classes';
+import { AdminClasses } from '../../components/AreasAdmin/classes';
+/**
+ * @description estado de carga de las areaS de trabajo.
+ */
+export declare type AreasStatus = 'init' | 'loading' | 'loaded' | 'error';
+export declare type OwnerState = {
+    /**
+     *  "isSkeleton" indica si el componente está en skeleton.
+     */
+    status: AreasStatus;
+    /**
+     *  "isMobile" cuando el navegador está en modo celular
+     */
+    isMobile: boolean;
+    /**
+     *  "isSkeleton" indica si el componente está en skeleton.
+     */
+    isSkeleton: boolean;
+};
+/**
+ * @type
+ * @name ExternalOwnerState
+ * @description Estados que se actulizan por fuera del store, a través de hooks
+ */
+export declare type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
+/**
+ * @interface
+ * @description Interface que define el estado del componente (variables y funciones )
+ */
+export interface AreasState {
+    /**
+     *  "loadAreasFromNetwork" Indica si se deben cargar/grabar las áreas de trabajo en la API
+     */
+    loadAreasFromNetwork: boolean;
+    /**
+     *  "loadCookiesFromNetwork" Indica si se deben cargar/grabar las cookies en la API
+     */
+    loadCookiesFromNetwork: boolean;
+    /**
+     *  "currentArea" Area de trabajo seleccionada
+     */
+    currentArea: string;
+    /**
+     *  "ownerState" enfocado al funcionamiento de las clases
+     */
+    ownerState: OwnerState;
+    /**
+     *  "viwerClasses" enfocado al funcionamiento de las clases a nivel de viewer
+     */
+    viwerClasses: ViwerClasses;
+    /**
+     *  "adminClasses" enfocado al funcionamiento de las clases a nivel de Admin
+     */
+    adminClasses: AdminClasses;
+    /**
+     *  "areas" Areas de trabajo
+     */
+    areas: AreaType[];
+    /**
+     *  "networkOperation" funcion que usará el Store para enviar las peticiones de red
+     */
+    networkOperation: (props: NetworkProps) => Promise<any>;
+    /**
+     *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
+     */
+    getLabel: GetLabelType;
+}
+export interface AreasStateWithActions extends AreasState {
+    actions: {
+        /**
+         * @description inicializa el componente, si la función onLoad está seteada, se invoca
+         */
+        init: () => void;
+        /**
+         * @description Agrega un area de trabajo, si esta activa "loadAreasFromNetwork" llama al API de agregado
+         * @returns id del ara de trabajo
+         */
+        addArea: () => string;
+        /**
+         *
+         * @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
+         * @param areaId Id de area a borrar
+         * @returns void
+         */
+        deleteArea: (areaId: string) => void;
+    };
+    internalActions: {
+        /**
+         * @description Actualiza la variable de estado "getLabel"
+         * @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
+         */
+        setHandlerGetLabel: (newHandler: GetLabelType) => void;
+        /**
+         * @description conecta el store de una Area con el Store de AreaS, para poder lanzar ventanas.
+         * @returns void
+         */
+        setAreaLink: (areaId: string, store: AreaStore) => void;
+        /**
+         * @description Modifica los estados que se actualizan externamente al Store
+         * @param newIsMobile
+         * @returns
+         */
+        setExternalState: (newExternalState: ExternalOwnerState) => void;
+    };
+}
+export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;
+export declare type InitialAreasStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork' | 'getLabel' | 'ownerState'> & Partial<DefaultAreasStoreProps>;
 export interface AreasProviderProps {
     children: ReactNode;
     loadAreasFromNetwork: boolean;
+    loadCookiesFromNetwork: boolean;
     onLoad?: () => void;
 }

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

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

package/components/areas/contexts/index.4ebef035.js

@@ -0,0 +1,21 @@
+import "./AreasContext/index.b3b26965.js";
+import React__default, { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const WindowToolsMFContext = createContext(null);
+function WindowToolsMFProvider(props) {
+  const {
+    children,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, {
+    value: {
+      ...other
+    },
+    children
+  });
+}
+React__default.memo(WindowToolsMFProvider);
+export {
+  WindowToolsMFProvider as W,
+  WindowToolsMFContext as a
+};

package/components/areas/dictionary.d.ts

@@ -1,14 +1,9 @@
-export declare const MODULE_NAME_ADD = "module_name_add";
-export declare const MODULE_NAME_EDIT = "module_name_edit";
-export declare const LABEL_NEW_AREA = "label_new_area";
-export declare const LABEL_DELETE_AREA = "label_delete_area";
-export declare const MODAL_DELETE_MESSAGE = "modal_delete_message";
-export declare const MODAL_DELETE_TITLE = "modal_delete_title";
-export declare const ROW_ACTION_EDIT = "row_action_edit";
-export declare const ROW_ACTION_DELETE = "row_action_delete";
-export declare const LABEL_ID = "label_id";
-export declare const ACCORDION_BASIC_INFORMATION = "accordion_basic_information";
-export declare const ACCORDION_CONTACT_DATA = "accordion_contact_data";
-export declare const LABEL_ROLE_NAME = "label_role_name";
-export declare const LABEL_PRIVILEGE_NAME = "label_privilege_name";
-export declare const LABEL_PRIVILEGE_ACTIVE = "label_privilege_active";
+export declare const AREAS_DICTIONARY_ID = "areas";
+export declare function getAreasComponentsDictionary(): string[];
+export declare const LABEL_FILTER_BUTTON = "filter_tooltip";
+export declare const DICCTIONARY: {
+    readonly label_new_area: "label_new_area";
+    readonly label_persist_module_cookies: "label_persist_module_cookies";
+};
+export declare type TypeDictionary = typeof DICCTIONARY;
+export declare const getAreasDictionary: (key: keyof TypeDictionary) => string;

package/components/areas/hooks/{index.f4d78492.js → index.ffb1009e.js}

@@ -1,7 +1,8 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as WindowContext, c as WindowToolsMFContext } from "../contexts/index.2a915acf.js";
-import "../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import { W as WindowContext } from "../components/AreasViewer/index.1aa4d12d.js";
+import { a as WindowToolsMFContext } from "../contexts/index.4ebef035.js";
+import "../contexts/DynamicMFParmsContext/index.5b3248df.js";
 const useWindow = () => {
   const context = useContext(WindowContext);
   if (!context)

package/components/areas/hooks/useArea/{index.d6263051.js → index.c7e4f3fc.js}

@@ -1,13 +1,25 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.0792a8d1.js";
-import { a as AreaContext } from "../../contexts/AreaContext/index.7890e58d.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.b3b26965.js";
+import { A as AreaContext } from "../../components/AreasViewer/index.1aa4d12d.js";
+function useAreas() {
+  const context = useContext(AreasContext);
+  if (!context)
+    throw new Error("useAreas context must be use inside AreasContext");
+  return context;
+}
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)
     throw new Error("useAreasStore context must be use inside AreasContext");
   return useStore(context, selector, equalityFn);
 }
+const useArea = () => {
+  const context = useContext(AreaContext);
+  if (!context)
+    throw new Error("useArea context must be use inside AreaContext");
+  return context;
+};
 function useAreaStore(selector, equalityFn) {
   const context = useContext(AreaContext);
   if (!context)
@@ -15,6 +27,8 @@ function useAreaStore(selector, equalityFn) {
   return useStore(context, selector, equalityFn);
 }
 export {
-  useAreaStore as a,
+  useArea as a,
+  useAreas as b,
+  useAreaStore as c,
   useAreasStore as u
 };

package/components/areas/hooks/useArea/index.d.ts

@@ -1,4 +1,4 @@
-import { AreaStateWithActions } from '../../contexts/AreaContext/store';
+import { AreaStateWithActions } from '../../components/AreasViewer/subcomponents/Area/contexts/AreaContext/types';
 export declare const useArea: () => Omit<Omit<import("zustand").StoreApi<AreaStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;

package/components/areas/hooks/useAreas/index.d.ts

@@ -1,4 +1,4 @@
-import { AreasStateWithActions } from '../../contexts/AreasContext/store';
+import { AreasStateWithActions } from '../../contexts/AreasContext/types';
 export declare function useAreas(): Omit<Omit<import("zustand").StoreApi<AreasStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;

package/components/areas/hooks/useDynamicMFParameters/{index.041a666b.js → index.9a25f88a.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.5b3248df.js";
 function useDynamicMFParametersStore(selector, equalityFn) {
   const store = useContext(DynamicMFParmsContext);
   if (!store)

package/components/areas/hooks/useWindow/index.d.ts

@@ -1,4 +1,4 @@
-import { WindowStateWithActions } from '../../contexts/WindowContext/store';
+import { WindowStateWithActions } from '../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/WindowContext/store';
 export declare const useWindow: () => Omit<Omit<import("zustand").StoreApi<WindowStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;

package/components/areas/icons.d.ts

@@ -0,0 +1,8 @@
+export declare const ICONS: {
+    CLOSE: string;
+    MAXIMIZE: string;
+    NORMALIZE: string;
+    DELETE_AREA: string;
+    ADD_AREA: string;
+    EDIT_AREA: string;
+};

package/components/areas/index.bfe6bf91.js

@@ -0,0 +1,46 @@
+import "./components/AreasViewer/index.1aa4d12d.js";
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.6938827f.js";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.78a489d3.js";
+import "clsx";
+import "zustand";
+import "./contexts/AreasContext/index.b3b26965.js";
+import "./components/AreasAdmin/index.46fab65b.js";
+import "zustand/shallow";
+import "./contexts/index.4ebef035.js";
+import "./contexts/DynamicMFParmsContext/index.5b3248df.js";
+const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
+const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
+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"
+};
+const getAreasDictionary = (key) => {
+  return `${AREAS_DICTIONARY_ID}.${key}`;
+};
+const ICONS = {
+  CLOSE: "close.svg",
+  MAXIMIZE: "maximize.svg",
+  NORMALIZE: "normalize.svg",
+  DELETE_AREA: "delete_area.svg",
+  ADD_AREA: "add_area.svg",
+  EDIT_AREA: "edit_area.svg"
+};
+export {
+  AREAS_ADMIN_CLASS_NAME as A,
+  DICCTIONARY as D,
+  ICONS as I,
+  LABEL_FILTER_BUTTON as L,
+  AREAS_VIEWER_CLASS_NAME as a,
+  AREAS_DICTIONARY_ID as b,
+  getAreasComponentsDictionary as c,
+  getAreasDictionary as g
+};

package/components/areas/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks';
+export * from './dictionary';

package/components/formatters/BooleanFormatter/{index.cd00c8e1.js → index.7b9e92f8.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.6938827f.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.deae4701.js → index.01b027ad.js}

@@ -2,10 +2,10 @@ 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.0f9b360e.js";
+import "../Icon/index.6938827f.js";
 import "@mui/material";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.cd00c8e1.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.7b9e92f8.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.083e23c1.js → index.73d33896.js}

@@ -1,26 +1,26 @@
 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.1a9c0327.js";
+import { I as Image } from "../../Image/index.674024d4.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.2d9f95b4.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.41b60a6b.js";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.86505aed.js";
+import { H as HelperText } from "../../HelperText/index.1a24d41b.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.0f9b360e.js";
-import "../../mui_extended/IconButton/index.be9c2ce5.js";
-import "../../mui_extended/Accordion/index.b7487e37.js";
+import "../../Icon/index.6938827f.js";
+import "../../mui_extended/IconButton/index.78a489d3.js";
+import "../../mui_extended/Accordion/index.95a1b021.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.d9e0ae2e.js";
+import "../../mui_extended/Button/index.e4c61b66.js";
 import "@mui/lab";
-import "../../mui_extended/Popover/index.260aae81.js";
-import "../../mui_extended/MenuActions/index.ec654122.js";
-import "../../mui_extended/Pager/index.9e123670.js";
+import "../../mui_extended/Popover/index.e271e4f0.js";
+import "../../mui_extended/MenuActions/index.742a57d7.js";
+import "../../mui_extended/Pager/index.a44594e9.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -35,6 +35,7 @@ const WrapperOption = styled("li")(({
   }
 }));
 const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
+const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";
 const getNameDataTestId = (KEY) => {
   return `${RHFAUTOCOMPLETE_PREFIX}-${KEY}`;
 };
@@ -265,7 +266,7 @@ function RHFAutocomplete(props) {
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
+      [TEST_PROP_ID]: `${RHFTAUTOCOMPLET_ROOT_TEST_ID}_${nameRHF}`
     } : {},
     children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
       name: nameRHF,

package/components/hook-form/RHFAutocomplete/test/constants.d.ts

@@ -1 +1,2 @@
 export declare const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
+export declare const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";

package/components/hook-form/RHFAutocomplete/test/utils.d.ts

@@ -1,2 +1,2 @@
-import { RHFAutocompleteClassesKey } from "../classes/types";
+import { RHFAutocompleteClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: RHFAutocompleteClassesKey) => string;

package/components/hook-form/RHFAutocompleteAsync/{index.ba751be9.js → index.21f4cb53.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.a15d263e.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.083e23c1.js";
+import { T as TEST_PROP_ID } from "../../../vendor.2d9f95b4.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.73d33896.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.c19393b1.js → index.c3b1884b.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.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.2d9f95b4.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.3c07ca2a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.41b60a6b.js";
+import { H as HelperText } from "../../HelperText/index.1a24d41b.js";
+import { T as Typography } from "../../mui_extended/Typography/index.86505aed.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

package/components/hook-form/RHFPeriod/{index.c0a80aeb.js → index.cc624bb3.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
-import { P as Period } from "../../Period/index.99feb99e.js";
+import { H as HelperText } from "../../HelperText/index.1a24d41b.js";
+import { P as Period } from "../../Period/index.a1b7b4cc.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.97485ff2.js → index.15659666.js}

@@ -1,16 +1,17 @@
 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.be9c2ce5.js";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.78a489d3.js";
+import { T as TEST_PROP_ID } from "../../../vendor.2d9f95b4.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.0f9b360e.js";
+import "../../Icon/index.6938827f.js";
+import "clsx";
 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.e199226a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.41b60a6b.js";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.64775c34.js";
+import { T as Typography } from "../../mui_extended/Typography/index.86505aed.js";
+import { H as HelperText } from "../../HelperText/index.1a24d41b.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -182,7 +183,7 @@ const RHFTextField = forwardRef((props, ref) => {
     className: classes.root,
     role: "textbox",
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId$1("root")
+      [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}`
     } : {},
     children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
       name: nameRHF,
@@ -226,17 +227,16 @@ const RHFTextField = forwardRef((props, ref) => {
             onBlur: handleBlur,
             value: value || "",
             name,
-            ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}`
-            } : {},
+            inputProps: {
+              ...process.env.NODE_ENV !== "production" ? {
+                [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
+              } : {}
+            },
             fullWidth: true,
             error: !!error,
             type,
             ...startIcon || endIcon ? {
               InputProps: {
-                ...process.env.NODE_ENV !== "production" ? {
-                  [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
-                } : {},
                 ...{
                   ...startIcon ? {
                     startAdornment: /* @__PURE__ */ jsx(InputAdornment, {

package/components/hook-form/RHFUpload/{index.798eb11d.js → index.ecf5c788.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.1a9c0327.js";
+import { I as Image } from "../../Image/index.674024d4.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

package/components/index.d.ts

@@ -12,10 +12,8 @@ export type { RowKey } from './DataGrid/types';
 export { getDataGridComponentsDictionary as getGridComponentsDictionary } from './DataGrid/dictionary';
 export { TextEditor, NumberEditor } from './DataGrid/subcomponents/editors/TextEditor';
 export { getDataGridRowsFromSet } from './DataGrid/utils/getDataGridRowsFromSet';
-export * from './DynamicFilter';
-export * from './DynamicFilter/dictionary';
+export * from './DynamicFilter/index';
 export * from './HelperText';
-export type { RawFilterFieldApply, } from './DynamicFilter/types';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';

package/components/modal/{WindowBase.59f50553.js → WindowBase.1b0657de.js}

@@ -1,10 +1,10 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
+import { u as useModal } from "../../hooks/useModal/index.979ab2ea.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.e199226a.js";
+import { a as getThemeVariantColor } from "../../utils/index.64775c34.js";
 import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
+import { I as Icon } from "../Icon/index.6938827f.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",

package/components/modal/{WindowConfirm.c1339cf8.js → WindowConfirm.60028bce.js}

@@ -1,36 +1,33 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.433cd345.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.2eb2c1e1.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0d138cb3.js";
+import { u as useModal } from "../../hooks/useModal/index.979ab2ea.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.3b882471.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.0f471356.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.41a598d6.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../mui_extended/Button/index.e4c61b66.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.1aa81436.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
+import "../../react-draggable.d6441025.js";
+import "../ModalDialog/index.3db4480d.js";
+import "../Resizeable/index.ee84ebc5.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
-import { b as getVariantColor } from "../../utils/index.e199226a.js";
-import { W as WindowBase } from "./WindowBase.59f50553.js";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
+import { I as Icon } from "../Icon/index.6938827f.js";
+import { b as getVariantColor } from "../../utils/index.64775c34.js";
+import { W as WindowBase } from "./WindowBase.1b0657de.js";
+import "../areas/components/AreasViewer/index.1aa4d12d.js";
+import "../mui_extended/IconButton/index.78a489d3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
+import "../areas/contexts/AreasContext/index.b3b26965.js";
+import "../areas/components/AreasAdmin/index.46fab65b.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.e86cb01e.js";
-import "../areas/contexts/index.2a915acf.js";
-import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import "../areas/contexts/index.4ebef035.js";
+import "../areas/contexts/DynamicMFParmsContext/index.5b3248df.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
+import "../mui_extended/Typography/index.86505aed.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",