@m4l/components 0.1.52 → 0.1.53

package/components/hook-form/RHFTextField/classes/index.d.ts

@@ -1,6 +1,5 @@
 import { RHFTextFieldClassesType, RHFTextFieldState } from './types';
 export declare const RHFTextFieldClasses: RHFTextFieldClassesType;
-export declare function getRHFTextFieldUtilityClass(slot: string): string;
 export declare const getRHFTextFieldClassesByState: (ownerState: RHFTextFieldState) => {
     root: string;
     skeleton: string;

package/components/hook-form/RHFTextField/{index.bef7eced.js → index.a021a2b3.js}

@@ -1,12 +1,14 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, TextField, InputAdornment } from "@mui/material";
+import { styled, Skeleton, generateUtilityClasses, TextField, generateUtilityClass, InputAdornment } from "@mui/material";
 import { forwardRef, useState } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.1318a283.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.460c0476.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.f6e8d810.js";
+import "../../Icon/index.b29ff2d9.js";
 import { styled as styled$1 } from "@mui/material/styles";
 import { useFormContext, Controller } from "react-hook-form";
 import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.b6ae791a.js";
+import { T as TEST_PROP_ID } from "../../../vendor.d5904857.js";
 const WrapperSkeletonRHFTextField = styled("div")(({
   theme
 }) => ({
@@ -74,26 +76,26 @@ generateUtilityClasses(
     "variantPassword"
   ]
 );
-function getRHFTextFieldUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
 const getRHFTextFieldClassesByState = (ownerState) => {
   const slots = {
     root: ["root", ownerState.variant === "password" ? "variantPassword" : "variantText"],
     skeleton: ["skeleton"]
   };
-  const composedClasses = unstable_composeClasses(slots, getRHFTextFieldUtilityClass, {});
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
   return {
     ...composedClasses
   };
 };
-const RHFTextField = forwardRef((props, inputRef) => {
+const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
+const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
+const RHFTextField = forwardRef((props, ref) => {
   const {
     name: nameRHF,
     autoComplete = "off",
     skeletonWidth = "100%",
     skeletonHeight = "18px",
     type,
+    inputProps,
     ...other
   } = props;
   const ownerState = {
@@ -107,7 +109,9 @@ const RHFTextField = forwardRef((props, inputRef) => {
   return /* @__PURE__ */ jsx(RHFTextFieldRoot, {
     className: classes.root,
     role: "textbox",
-    "data-testid": "RHFTextFieldRoot",
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}`
+    } : {},
     children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
       name: nameRHF,
       control,
@@ -117,7 +121,7 @@ const RHFTextField = forwardRef((props, inputRef) => {
           onBlur,
           value,
           name,
-          ref
+          ref: inputRef
         },
         fieldState: {
           error
@@ -133,13 +137,19 @@ const RHFTextField = forwardRef((props, inputRef) => {
           onChange(event);
         };
         return /* @__PURE__ */ jsx(TextField, {
+          ref,
           inputRef,
           autoComplete,
           onChange: onInternalChange,
           onBlur,
           value: value || "",
           name,
-          ref,
+          inputProps: {
+            ...inputProps,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
+            } : {}
+          },
           fullWidth: true,
           error: !!error,
           helperText: error?.message,

package/components/hook-form/RHFTextField/tests/contants.d.ts

@@ -0,0 +1,2 @@
+export declare const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
+export declare const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";

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 './ErrorLabel';
-export type { FilterFieldApply, RawFilterFieldApply, InitialFilterFieldApply, } from './DynamicFilter/types';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';

package/components/modal/{WindowBase.b5e29758.js → WindowBase.66ef3c9a.js}

@@ -1,10 +1,10 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.4454145e.js";
+import { u as useModal } from "../../hooks/useModal/index.f77ab08b.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.e882b264.js";
+import { b as getThemeVariantColor } from "../../utils/index.b6ae791a.js";
 import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.f6e8d810.js";
+import { I as Icon } from "../Icon/index.b29ff2d9.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",

package/components/modal/{WindowConfirm.cbc7720c.js → WindowConfirm.b31ed329.js}

@@ -1,32 +1,32 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.4454145e.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.f0a3167b.js";
+import { u as useModal } from "../../hooks/useModal/index.f77ab08b.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.93c9823a.js";
 import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d567aebb.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.5d5294f2.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.5a307e29.js";
-import "../Resizeable/index.8a442a8b.js";
+import "../../react-draggable.6471b07e.js";
+import "../ModalDialog/index.49c40899.js";
+import "../Resizeable/index.04fa8de5.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.f6e8d810.js";
-import { b as getVariantColor } from "../../utils/index.e882b264.js";
-import { W as WindowBase } from "./WindowBase.b5e29758.js";
-import "../areas/components/index.6d863764.js";
-import "../areas/components/AreasAdmin/index.dbab59f1.js";
-import "../mui_extended/IconButton/index.1318a283.js";
+import { I as Icon } from "../Icon/index.b29ff2d9.js";
+import { c as getVariantColor } from "../../utils/index.b6ae791a.js";
+import { W as WindowBase } from "./WindowBase.66ef3c9a.js";
+import "../areas/components/index.912056a0.js";
+import "../areas/components/AreasAdmin/index.25e50e70.js";
+import "../mui_extended/IconButton/index.460c0476.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.7406c20f.js";
+import "../areas/contexts/AreasContext/index.fb21af84.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.f3f921b9.js";
+import "../areas/components/AreasContainer/index.432b9d4c.js";
 import "react-grid-layout/css/styles.css";
-import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.e80d8f0f.js";
+import "../../react-resizable.b620abed.js";
+import "../areas/contexts/index.1e46147e.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
 const WrapperMessageIlustration = styled("div")(() => ({

package/components/modal/index.6d5b19ef.js

@@ -0,0 +1,29 @@
+import "@mui/material";
+import "../../react-draggable.6471b07e.js";
+import "react";
+import "../../contexts/ModalContext/index.d1aaddbc.js";
+import "../ModalDialog/index.49c40899.js";
+import "../Resizeable/index.04fa8de5.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.93c9823a.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.8406ed5b.js";
+import "react-hook-form";
+import "./WindowBase.66ef3c9a.js";
+import "../Icon/index.b29ff2d9.js";
+import "@mui/material/styles";
+import "../areas/components/index.912056a0.js";
+import "../areas/components/AreasAdmin/index.25e50e70.js";
+import "../mui_extended/IconButton/index.460c0476.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.fb21af84.js";
+import "zustand/shallow";
+import "../areas/components/AreasContainer/index.432b9d4c.js";
+import "react-grid-layout/css/styles.css";
+import "../../react-resizable.b620abed.js";
+import "../areas/contexts/index.1e46147e.js";
+import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import "@mui/lab";
+import "./WindowConfirm.b31ed329.js";

package/components/mui_extended/Accordion/{index.1d513477.js → index.002bad72.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.1318a283.js";
+import { I as IconButton } from "../IconButton/index.460c0476.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.f6e8d810.js";
+import { I as Icon } from "../../Icon/index.b29ff2d9.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/IconButton/{index.1318a283.js → index.460c0476.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.f6e8d810.js";
+import { I as Icon } from "../../Icon/index.b29ff2d9.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";

package/components/mui_extended/MenuActions/{index.1261168c.js → index.aaafafc3.js}

@@ -3,7 +3,7 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, Tooltip, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.58c49cc0.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.f6e8d810.js";
+import { I as Icon } from "../../Icon/index.b29ff2d9.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 const WrapperMenuActions = styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

package/components/mui_extended/Pager/{index.984aac44.js → index.458f9f0d.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.1318a283.js";
+import { I as IconButton } from "../IconButton/index.460c0476.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

package/components/mui_extended/{index.cb9d48d2.js → index.915e84dc.js}

@@ -1,11 +1,11 @@
 import "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.f6e8d810.js";
+import "../Icon/index.b29ff2d9.js";
 import "@mui/material/styles";
 import "react/jsx-runtime";
-import "./IconButton/index.1318a283.js";
-import "./Accordion/index.1d513477.js";
+import "./IconButton/index.460c0476.js";
+import "./Accordion/index.002bad72.js";
 import "./Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
@@ -13,7 +13,7 @@ import "./Button/index.8406ed5b.js";
 import "../Image/index.aa24e982.js";
 import "@mui/lab";
 import "./Popover/index.58c49cc0.js";
-import "./MenuActions/index.1261168c.js";
-import "./Pager/index.984aac44.js";
+import "./MenuActions/index.aaafafc3.js";
+import "./Pager/index.458f9f0d.js";
 import "./Tab/index.e0653a0a.js";
 import "./Typography/index.be3a279a.js";

package/contexts/ModalContext/{index.3d92d9f9.js → index.d1aaddbc.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.5a307e29.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.49c40899.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/contexts/RHFormContext/{index.828b60ad.js → index.3dc6e2f5.js}

@@ -36,6 +36,7 @@ function RHFormProvider(props) {
           shouldTouch: false
         });
       });
+      methods.clearErrors();
       return;
     }
   }, [methods, statusLoad, values]);

package/hooks/useModal/{index.4454145e.js → index.f77ab08b.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.3d92d9f9.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.d1aaddbc.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)