@m4l/components 0.1.74 → 0.1.75

package/components/areas/components/AreasViewer/{index.eddc9945.js → index.621c0de4.js}

@@ -1,84 +1,87 @@
 import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../../../react-resizable.ffd7c2aa.js";
+import { r as react_resizable_css } from "../../../../react-resizable.24367d77.js";
 import { generateUtilityClasses, Skeleton, styled as styled$1, Typography as Typography$1, Dialog } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.aca80f3a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.b61dccbe.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import React__default, { useMemo, useState, useRef, useCallback, useEffect } from "react";
 import { WidthProvider, Responsive } from "react-grid-layout";
 import { shallow } from "zustand/shallow";
-import { I as Icon } from "../../../Icon/index.d214a74d.js";
+import "../../../animate/index.1f8eadd4.js";
 import { m } from "framer-motion";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "react-router-dom";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../../animate/PropagateLoader/index.be5b02c3.js";
+import "../../../animate/PropagateLoader/index.7fab43c8.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.822cdaac.js";
+import { I as Icon } from "../../../Icon/index.f9119f5e.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.3b05af71.js";
 import clsx from "clsx";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender, useResizeObserver } from "@m4l/graphics";
-import { u as useAreasStore } from "../../hooks/useAreas/index.7a37ede8.js";
-import "../AreasAdmin/index.1eda80b9.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.a7b597fb.js";
+import "../AreasAdmin/index.158621e0.js";
 import { I as ICONS } from "../../icons.3ec589d3.js";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT, T as THROTTLE_RESIZE_TIME } from "../../contexts/AreasContext/index.a88b73a6.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT, T as THROTTLE_RESIZE_TIME } from "../../contexts/AreasContext/index.d98b89fc.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.72437d8a.js";
-import { I as Image } from "../../../Image/index.1af119da.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.e2d9e3f2.js";
-import "../../../mui_extended/Accordion/index.09a89d3d.js";
-import "../../../mui_extended/Avatar/index.fe06afd7.js";
+import "../../../hook-form/RHFAutocomplete/index.af3296ac.js";
+import { I as Image } from "../../../Image/index.8aae9322.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
+import "../../../mui_extended/Accordion/index.03bd0e2a.js";
+import "../../../mui_extended/Avatar/index.1e1a91a3.js";
 import "@mui/material/Button";
-import { B as Button } from "../../../mui_extended/Button/index.f9d54780.js";
+import { B as Button } from "../../../mui_extended/Button/index.aebbab34.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.03403529.js";
-import "../../../mui_extended/Pager/index.6428b07c.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.ca5ce35a.js";
+import "../../../mui_extended/Pager/index.80ec975a.js";
 import "../../../mui_extended/Tab/index.e0653a0a.js";
-import "../../../HelperText/index.d449d124.js";
+import "../../../HelperText/index.ec9b3e6a.js";
 import debounce from "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.2a84f2b2.js";
-import "../../../hook-form/RHFCheckbox/index.6e6389e7.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.76864056.js";
+import "../../../hook-form/RHFCheckbox/index.865ba239.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.745b101b.js";
-import "../../../hook-form/RHFTextField/index.ca7393a7.js";
-import "../../../hook-form/RHFPeriod/index.6969af99.js";
-import "../../../Period/index.b93d22fa.js";
-import "../../../CommonActions/components/Actions/index.51b9c92a.js";
-import "../../../../contexts/ModalContext/index.0484ca54.js";
-import { c as cjs } from "../../../../react-draggable.17b4ec8a.js";
-import "../../../ModalDialog/index.6c35e653.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.834a9144.js";
-import "../../../modal/WindowConfirm.7ec9dcd3.js";
-import "../../../modal/WindowBase.9b93578e.js";
+import "../../../hook-form/RHFDateTime/index.fd9c5aca.js";
+import "../../../hook-form/RHFTextField/index.abcbc2d3.js";
+import "../../../hook-form/RHFPeriod/index.77486f61.js";
+import "../../../Period/index.ff110093.js";
+import "../../../CommonActions/components/Actions/index.37ffde59.js";
+import "../../../../contexts/ModalContext/index.a0de81f0.js";
+import { c as cjs } from "../../../../react-draggable.e625b0d1.js";
+import "../../../ModalDialog/index.f652ea12.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.41a8048b.js";
+import "../../../modal/WindowConfirm.023e293f.js";
+import "../../../modal/WindowBase.c223e4da.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.d74ca00d.js";
-import "../../../DataGrid/index.dbae54dd.js";
+import "../../../hook-form/RHFUpload/index.522bcad5.js";
+import "../../../DataGrid/index.c0c626cd.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.cb7fd1b6.js";
+import "../../../DynamicFilter/index.3034c6ba.js";
 import "yup";
 import "@hookform/resolvers/yup";
 import "../../../../contexts/RHFormContext/index.a7511399.js";
-import "../../../LanguagePopover/index.4fef99ac.js";
-import "../../../NavLink/index.9e56bcd3.js";
-import "../../../NoItemSelected/index.cd842b62.js";
-import "../../../ObjectLogs/index.e1a1b27c.js";
+import "../../../LanguagePopover/index.491e1306.js";
+import "../../../NavLink/index.f8aee9f4.js";
+import "../../../NoItemSelected/index.cce86db4.js";
+import "../../../ObjectLogs/index.c31b3f8b.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.76bd3a6d.js";
+import "../../../PaperForm/index.d79c6f76.js";
 import "../../../Page/index.4237c241.js";
 import "../../../PropertyValue/index.dfcfe1ba.js";
+import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
-import "../../../SplitLayout/index.5a8355d8.js";
-import "../../../SideBar/index.ff7cbe91.js";
-import { D as DraggableWindow } from "../../../../vendor.99e0c856.js";
+import "../../../SideBar/index.1ae13a73.js";
+import "../../../AppBar/index.cc974d56.js";
+import "../../../AccountPopover/index.93aefccd.js";
 import { g as getAreasDictionary } from "../../dictionary.e72db809.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { v as varBounce } from "../../../animate/variants/bounce.784aaaaa.js";
+import { D as DraggableWindow } from "../../../DraggableWindow/index.b95a678e.js";
 import { throttle } from "lodash";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
@@ -1034,9 +1037,7 @@ const WindowRoot = styled("div")`
     &.${areasViewerClasses.selected} {
         border-top: 1px solid green;
     }
-    &.${areasViewerClasses.loading} {
-        border-left: 2px solid red;
-    }
+
     // windowHeader
     & .${areasViewerClasses.windowHeader} {
         display: flex;
@@ -1060,6 +1061,11 @@ const WindowRoot = styled("div")`
             margin-right: 12px;
         }
     }
+    /* 
+    &.${areasViewerClasses.loading} .${areasViewerClasses.windowHeader} {
+        border-bottom: 2px solid red !important; 
+    }
+    */
     // windowHeaderTitle
     & .${areasViewerClasses.windowHeaderTitle} {
         width: 100%;

package/components/areas/components/index.2ed9d60b.js

@@ -0,0 +1,14 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../../Icon/index.f9119f5e.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../../mui_extended/IconButton/index.3b05af71.js";
+import "@m4l/graphics";
+import "zustand";
+import "../contexts/AreasContext/index.d98b89fc.js";
+import "./AreasAdmin/index.158621e0.js";
+import "zustand/shallow";
+import "../../ScrollBar/index.bbe48f4d.js";
+import "./AreasViewer/index.621c0de4.js";

package/components/areas/contexts/AreasContext/{index.a88b73a6.js → index.d98b89fc.js}

@@ -5,8 +5,8 @@ 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 areasViewerClasses } from "../../components/AreasViewer/index.eddc9945.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.1eda80b9.js";
+import { u as useAreasViewerUtilityClasses, a as areasViewerClasses } from "../../components/AreasViewer/index.621c0de4.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.158621e0.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary } from "../../dictionary.e72db809.js";
 import { debounce, cloneDeep } from "lodash";

package/components/areas/contexts/{index.7dd01403.js → index.79d1912d.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.a88b73a6.js";
+import "./AreasContext/index.d98b89fc.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.7a37ede8.js → index.a7b597fb.js}

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

package/components/areas/{index.95c4ed37.js → index.d6b8e205.js}

@@ -1,16 +1,16 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.d214a74d.js";
+import "../Icon/index.f9119f5e.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.822cdaac.js";
+import "../mui_extended/IconButton/index.3b05af71.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.a88b73a6.js";
-import "./components/AreasAdmin/index.1eda80b9.js";
+import "./contexts/AreasContext/index.d98b89fc.js";
+import "./components/AreasAdmin/index.158621e0.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "./components/AreasViewer/index.eddc9945.js";
+import "./components/AreasViewer/index.621c0de4.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/formatters/BooleanFormatter/{index.820a2130.js → index.60aa1c9d.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d214a74d.js";
+import { I as Icon } from "../../Icon/index.f9119f5e.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.0c692a4b.js → index.1f0efb32.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.d214a74d.js";
+import "../Icon/index.f9119f5e.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.820a2130.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.60aa1c9d.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.72437d8a.js → index.af3296ac.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.1af119da.js";
+import { I as Image } from "../../Image/index.8aae9322.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
-import { H as HelperText } from "../../HelperText/index.d449d124.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.d214a74d.js";
-import "../../mui_extended/IconButton/index.822cdaac.js";
+import "../../Icon/index.f9119f5e.js";
+import "../../mui_extended/IconButton/index.3b05af71.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.09a89d3d.js";
-import "../../mui_extended/Avatar/index.fe06afd7.js";
+import "../../mui_extended/Accordion/index.03bd0e2a.js";
+import "../../mui_extended/Avatar/index.1e1a91a3.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f9d54780.js";
+import "../../mui_extended/Button/index.aebbab34.js";
 import "@mui/lab";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.03403529.js";
-import "../../mui_extended/Pager/index.6428b07c.js";
+import "../../mui_extended/MenuActions/index.ca5ce35a.js";
+import "../../mui_extended/Pager/index.80ec975a.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.2a84f2b2.js → index.76864056.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.99e0c856.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.72437d8a.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.af3296ac.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.6e6389e7.js → index.865ba239.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.99e0c856.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.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.d449d124.js";
-import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
+import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

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

@@ -1,6 +1,6 @@
 import { RHFDateTimeClassesType } from './types';
 import { OwnerState } from '../types';
-export declare const RHFDateTimeClasses: RHFDateTimeClassesType;
+export declare const dateTimeClasses: RHFDateTimeClassesType;
 export declare function getRHFCheckboxUtilityClass(slot: string): string;
 export declare const useUtilityClasses: (ownerState: OwnerState) => {
     root: string;

package/components/hook-form/RHFDateTime/{index.745b101b.js → index.fd9c5aca.js}

@@ -2,25 +2,26 @@ import { useFormContext, Controller } from "react-hook-form";
 import { DateTimePicker } from "@mui/x-date-pickers";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.d214a74d.js";
-import "../../mui_extended/IconButton/index.822cdaac.js";
-import "../../mui_extended/Accordion/index.09a89d3d.js";
-import "../../mui_extended/Avatar/index.fe06afd7.js";
+import "../../Icon/index.f9119f5e.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import "../../mui_extended/IconButton/index.3b05af71.js";
+import "../../mui_extended/Accordion/index.03bd0e2a.js";
+import "../../mui_extended/Avatar/index.1e1a91a3.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f9d54780.js";
-import "../../Image/index.1af119da.js";
+import "../../mui_extended/Button/index.aebbab34.js";
+import "../../Image/index.8aae9322.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.03403529.js";
-import "../../mui_extended/Pager/index.6428b07c.js";
+import "../../mui_extended/MenuActions/index.ca5ce35a.js";
+import "../../mui_extended/Pager/index.80ec975a.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.d449d124.js";
+import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
@@ -83,6 +84,10 @@ const useUtilityClasses = (ownerState) => {
 const RHFDateTimeRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LRHFDateTime?.styleOverrides
 }));
+const RHFDATETIME_PREFIX = "RHFDateTime";
+const getNameRHFDateTimeDataTestId = (KEY) => {
+  return `${RHFDATETIME_PREFIX}-${KEY}`;
+};
 function RHFDateTime(props) {
   const {
     name: nameRHF,
@@ -131,55 +136,58 @@ function RHFDateTime(props) {
     variant: currentVariant
   };
   const classes = useUtilityClasses(ownerState);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonRHFDateTime, {
-      skeletonWidth,
-      skeletonHeight,
-      className: classes.skeleton
-    });
-  }
-  return /* @__PURE__ */ jsx(Controller, {
-    name: nameRHF,
-    control,
-    render: ({
-      field: {
-        value,
-        onChange,
-        ref
-      },
-      fieldState: {
-        error
-      }
-    }) => {
-      return /* @__PURE__ */ jsxs(RHFDateTimeRoot, {
-        className: clsx(classes.root, className),
-        children: [label && /* @__PURE__ */ jsx(Typography, {
-          variant: "body",
-          children: label
-        }), /* @__PURE__ */ jsx(DateTimePicker, {
-          inputRef: ref,
-          ampm: false,
+  return /* @__PURE__ */ jsx(RHFDateTimeRoot, {
+    className: clsx(classes.root, className),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameRHFDateTimeDataTestId("root")
+    } : {},
+    children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
+      name: nameRHF,
+      control,
+      render: ({
+        field: {
           value,
-          onChange: (newValue) => {
-            onChange(newValue);
-          },
-          slotProps: {
-            textField: {
-              error: !!error,
-              helperText: error?.message,
-              onFocus: handlerFocus,
-              onBlur: handlerBlur
+          onChange,
+          ref
+        },
+        fieldState: {
+          error
+        }
+      }) => {
+        return /* @__PURE__ */ jsxs(Fragment, {
+          children: [label && /* @__PURE__ */ jsx(Typography, {
+            variant: "body",
+            children: label
+          }), /* @__PURE__ */ jsx(DateTimePicker, {
+            inputRef: ref,
+            ampm: false,
+            value,
+            onChange: (newValue) => {
+              onChange(newValue);
             },
-            field: {
-              format: datetimeFormat
+            slots: {},
+            slotProps: {
+              textField: {
+                error: !!error,
+                helperText: error?.message,
+                onFocus: handlerFocus,
+                onBlur: handlerBlur
+              },
+              field: {
+                format: datetimeFormat
+              }
             }
-          }
-        }), currentVariant ? /* @__PURE__ */ jsx(HelperText, {
-          variant: currentVariant,
-          message: currentVariant !== "error" ? helperMessage : error?.message
-        }) : null]
-      });
-    }
+          }), currentVariant ? /* @__PURE__ */ jsx(HelperText, {
+            variant: currentVariant,
+            message: currentVariant !== "error" ? helperMessage : error?.message
+          }) : null]
+        });
+      }
+    }) : /* @__PURE__ */ jsx(SkeletonRHFDateTime, {
+      skeletonWidth,
+      skeletonHeight,
+      className: classes.skeleton
+    })
   });
 }
 export {

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

@@ -0,0 +1 @@
+export declare const RHFDATETIME_PREFIX = "RHFDateTime";

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

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

package/components/hook-form/RHFPeriod/{index.6969af99.js → index.77486f61.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.d449d124.js";
-import { P as Period } from "../../Period/index.b93d22fa.js";
+import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
+import { P as Period } from "../../Period/index.ff110093.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.ca7393a7.js → index.abcbc2d3.js}

@@ -1,18 +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.822cdaac.js";
-import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.3b05af71.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.d214a74d.js";
+import "../../Icon/index.f9119f5e.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.aca80f3a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
-import { H as HelperText } from "../../HelperText/index.d449d124.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.b61dccbe.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.d74ca00d.js → index.522bcad5.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.1af119da.js";
+import { I as Image } from "../../Image/index.8aae9322.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

@@ -35,7 +35,7 @@ export * from './PropertyValue';
 export * from './ResizeableWindow';
 export * from './ScrollBar';
 export { ScrollToTop } from './ScrollToTop';
-export * from './SplitLayout';
+export * from './SplitLayout/SplitLayout';
 export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';

package/components/modal/{WindowBase.9b93578e.js → WindowBase.c223e4da.js}

@@ -1,24 +1,24 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.c6069beb.js";
+import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.aca80f3a.js";
-import { I as Icon } from "../Icon/index.d214a74d.js";
+import { a as getThemeVariantColor } from "../../utils/index.b61dccbe.js";
+import { I as Icon } from "../Icon/index.f9119f5e.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.822cdaac.js";
-import "../mui_extended/Accordion/index.09a89d3d.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.3b05af71.js";
+import "../mui_extended/Accordion/index.03bd0e2a.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/Avatar/index.fe06afd7.js";
+import "../mui_extended/Avatar/index.1e1a91a3.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f9d54780.js";
+import "../mui_extended/Button/index.aebbab34.js";
 import "clsx";
-import "../Image/index.1af119da.js";
+import "../Image/index.8aae9322.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.e2d9e3f2.js";
+import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.03403529.js";
-import "../mui_extended/Pager/index.6428b07c.js";
+import "../mui_extended/MenuActions/index.ca5ce35a.js";
+import "../mui_extended/Pager/index.80ec975a.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",