@m4l/components 0.2.26 → 0.2.28

package/components/LanguagePopover/{index.80896e49.js → index.f90fd1dc.js}

@@ -1,8 +1,8 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.39b3b9d9.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.93389adb.js";
+import { I as ImageButton } from "../mui_extended/Button/index.c6befaeb.js";
 import { useEnvironment, useNetwork } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
@@ -128,7 +128,6 @@ function LanguagePopover(props) {
       alt: currentLocale?.name,
       width: "24px",
       height: "24px",
-      skeletonVariant: "circle",
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("imageButton")
       } : {}

package/components/LoadingError/{index.9c64680a.js → index.2aa5daba.js}

@@ -4,9 +4,9 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../Icon/index.8c744412.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.93389adb.js";
+import { B as Button } from "../mui_extended/Button/index.c6befaeb.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.7cd7c372.js → index.1e56a845.js}

@@ -12,7 +12,7 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { L as LoadingError } from "../LoadingError/index.9c64680a.js";
+import { L as LoadingError } from "../LoadingError/index.2aa5daba.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/ModalDialog/{index.ce0f4d16.js → index.86de725b.js}

@@ -1,11 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.ee21cb7e.js";
-import { u as useModal } from "../../hooks/useModal/index.2f1d6a07.js";
+import { u as useModal } from "../../hooks/useModal/index.66a0c82e.js";
 import { R as ResizeableWindow } from "../Resizeable/index.8db8f77d.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { m as modalUtilityClasses } from "../modal/index.61389369.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.389f9b28.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.16946bfd.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NoItemSelected/{index.ffba558b.js → index.16ff4e09.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { I as Image } from "../Image/index.39b3b9d9.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";

package/components/ObjectLogs/{index.dd6a5009.js → index.d200ba38.js}

@@ -1,17 +1,17 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled, Tooltip, IconButton } from "@mui/material";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.1c695ed3.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.690184a8.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.2f1d6a07.js";
-import { I as Icon } from "../Icon/index.8c744412.js";
+import { u as useModal } from "../../hooks/useModal/index.66a0c82e.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.dd1d2d7b.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.22ba3195.js";
+import { W as WindowBase } from "../modal/WindowBase.f38260ec.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.ad2460cf.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/PDFViewer/{index.093ddd35.js → index.3bffbae3.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as Button } from "../mui_extended/Button/index.93389adb.js";
+import { B as Button } from "../mui_extended/Button/index.c6befaeb.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));

package/components/Page/{index.1b20a73e.js → index.026d463c.js}

@@ -1,5 +1,5 @@
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.c2d21657.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.02517f9c.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/{index.42e78a24.js → index.fe630839.js}

@@ -1,6 +1,6 @@
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../Icon/index.8c744412.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.6e8d92dc.js → index.b6fa6ce6.js}

@@ -1,13 +1,13 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useState, useMemo } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.389f9b28.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.16946bfd.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.383f5496.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
 const ContainerPeriod = styled("div")(({
   theme
 }) => ({

package/components/PrintingSystem/{index.c2d21657.js → index.02517f9c.js}

@@ -2,18 +2,18 @@ import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.f00c44f3.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.2890fc12.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.148708e6.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.5173c74a.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.39b3b9d9.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.c7b59f3f.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.fb323704.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.fad64696.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.3a3e5fd0.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.1ed935be.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.263f02f0.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.1b20a73e.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.3a2363d4.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.cfd21ea3.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.0f22f144.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.5ae4e58e.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.fd6f2c5f.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.0abc77a8.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.fc1466e0.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.251d9664.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.45054100.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.ca2cc635.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.293e44cd.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.026d463c.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";

package/components/PrintingSystem/subcomponents/BodyNode/{index.c7b59f3f.js → index.0abc77a8.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.c2d21657.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BodyNode = (props) => {

package/components/PrintingSystem/subcomponents/ChartNode/{index.263f02f0.js → index.293e44cd.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.c2d21657.js";
+import { c as classes } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.f00c44f3.js → index.3a2363d4.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.c2d21657.js";
+import { c as classes } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const DividerNode = (props) => {

package/components/PrintingSystem/subcomponents/FooterNode/{index.fb323704.js → index.fc1466e0.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.c2d21657.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const FooterNode = (props) => {

package/components/PrintingSystem/subcomponents/GridNode/{index.1ed935be.js → index.ca2cc635.js}

@@ -1,5 +1,5 @@
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.c2d21657.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {

package/components/PrintingSystem/subcomponents/HeaderNode/{index.5173c74a.js → index.5ae4e58e.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.c2d21657.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const HeaderNode = (props) => {

package/components/PrintingSystem/subcomponents/PaperNode/{index.fad64696.js → index.251d9664.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.c2d21657.js";
+import { c as classes } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.3a3e5fd0.js → index.45054100.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.c2d21657.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {

package/components/PrintingSystem/subcomponents/SectionNode/{index.2890fc12.js → index.cfd21ea3.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.c2d21657.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.148708e6.js → index.0f22f144.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.c2d21657.js";
+import { c as classes } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/components/PropertyValue/{index.4ea5af0f.js → index.041a0585.js}

@@ -6,7 +6,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { useState } from "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../Icon/index.8c744412.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const PropertyValueRoot = styled("div")(({
   theme

package/components/SideBar/classes/index.d.ts

@@ -16,6 +16,7 @@ export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     contentGroups: string;
     wrapperGroup: string;
     wrapperGroupTitle: string;
+    itemListMainRootContainer: string;
     itemListMainRoot: string;
     containerListSubItem: string;
     navItemMainRoot: string;

package/components/SideBar/classes/types.d.ts

@@ -10,6 +10,7 @@ export interface SideBarClassesType {
     contentGroups: string;
     wrapperGroup: string;
     wrapperGroupTitle: string;
+    itemListMainRootContainer: string;
     itemListMainRoot: string;
     containerListSubItem: string;
     navItemMainRoot: string;

package/components/SideBar/{index.141dac10.js → index.3ea827ea.js}

@@ -7,12 +7,12 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.8c744412.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.1976cb37.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { I as Image } from "../Image/index.39b3b9d9.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.383f5496.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
 import { useResponsive } from "@m4l/styles";
 const SideBarRoot = styled("div")(({
   theme
@@ -28,21 +28,6 @@ styled("div", {
   alignItems: props.collapsed ? "center" : "normal",
   padding: props.theme.spacing(3, 2.5, 2, 2.5)
 }));
-const WrapperSideBar = styled("div", {
-  shouldForwardProp: (props) => props !== "width" && props !== "visible"
-})(({
-  visible,
-  theme
-}) => ({
-  transition: theme.transitions.create("width", {
-    duration: theme.transitions.duration.shorter
-  }),
-  opacity: 1,
-  ...!visible && {
-    width: 0,
-    opacity: 0
-  }
-}));
 const componentName = "M4LSideBar";
 generateUtilityClasses(
   componentName,
@@ -58,6 +43,7 @@ generateUtilityClasses(
     "contentGroups",
     "wrapperGroup",
     "wrapperGroupTitle",
+    "itemListMainRootContainer",
     "itemListMainRoot",
     "containerListSubItem",
     "navItemMainRoot",
@@ -104,6 +90,7 @@ const getSideBarClassesByState = (ownerState) => {
     contentGroups: ["contentGroups"],
     wrapperGroup: ["wrapperGroup"],
     wrapperGroupTitle: ["wrapperGroupTitle"],
+    itemListMainRootContainer: ["itemListMainRootContainer"],
     itemListMainRoot: ["itemListMainRoot"],
     containerListSubItem: ["containerListSubItem"],
     navItemMainRoot: ["navItemMainRoot"],
@@ -184,7 +171,6 @@ const SideBarProvider = (props) => {
     classes,
     companyName
   } = value;
-  console.log("status collapsed", collapsed);
   return /* @__PURE__ */ jsx(SideBarContext.Provider, {
     value: {
       collapsed,
@@ -656,12 +642,7 @@ const ContentGroups = () => {
             children: group.title
           })
         }), /* @__PURE__ */ jsx("div", {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            height: "auto"
-          },
+          className: classes.itemListMainRootContainer,
           children: group.children?.map((list, id) => /* @__PURE__ */ jsx(ItemListMain, {
             list,
             itemMainActive,
@@ -672,7 +653,12 @@ const ContentGroups = () => {
       }, group.title))]
     });
   }
-  return null;
+  return /* @__PURE__ */ jsx(ContentGroupsRoot, {
+    className: classes.contentGroups,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("contentGroups")
+    } : {}
+  });
 };
 const CollapseButtonRoot = styled("div")(() => ({
   display: "flex"
@@ -887,7 +873,6 @@ const SideBar = (props) => {
     variantStyle = "variantDefault"
   } = props;
   const isMobile = useResponsive("down", "md");
-  console.log("collapsed status", collapsed);
   const ownerState = {
     collapsed,
     visible,
@@ -914,9 +899,8 @@ const SideBar = (props) => {
         classes,
         companyName
       },
-      children: /* @__PURE__ */ jsx(WrapperSideBar, {
+      children: /* @__PURE__ */ jsx("div", {
         className: classes.wrapperSideBar,
-        visible,
         style: {
           width: collapsed ? MENU_COLLAPSED_SIZE : expandedWidth
         },

package/components/SideBar/subcomponents/ContentGroups/index.d.ts

@@ -2,4 +2,4 @@
  *
  *
  */
-export declare const ContentGroups: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ContentGroups: () => import("react/jsx-runtime").JSX.Element;

package/components/ToastContainer/{index.98c4873e.js → index.ee15bfce.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.585eab0e.js";
+import { A } from "../../node_modules.4d80a09c.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.8c744412.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));

package/components/areas/components/AreasAdmin/{index.debe3e3d.js → index.01ea7058.js}

@@ -1,4 +1,4 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.ca15a4b6.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.32c7a909.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
@@ -12,19 +12,19 @@ import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cf
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.e6e3aac8.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.bca14ad9.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7b2a8723.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.fb0d1cac.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.389f9b28.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.33a748be.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ac7cd0ee.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.383f5496.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.81c4b52b.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.16946bfd.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e03455db.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.5ba2ef5f.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.63a9d74c.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.d85de73b.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.7dfc2f29.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.93389adb.js";
-import { I as Icon } from "../../../Icon/index.8c744412.js";
+import { B as Button } from "../../../mui_extended/Button/index.c6befaeb.js";
+import { I as Icon } from "../../../Icon/index.1976cb37.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
@@ -239,7 +239,7 @@ const AreaChip = (props) => {
         children: [/* @__PURE__ */ jsx(IconButton, {
           className: areasAdminClasses.areaChipEditButton,
           src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
-          size: "extraSmall",
+          size: "small",
           onClick: (e) => {
             handlerOpenPopoverEditArea(e);
           },
@@ -247,7 +247,7 @@ const AreaChip = (props) => {
         }), /* @__PURE__ */ jsx(IconButton, {
           className: areasAdminClasses.areaChipDeleteButton,
           src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-          size: "extraSmall",
+          size: "small",
           onClick: (e) => {
             onClickDeleteArea(e);
           },
@@ -432,14 +432,14 @@ const ChipMobile = (props) => {
       children: [/* @__PURE__ */ jsx(IconButton, {
         className: areasAdminClasses.areaChipEditButton,
         src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
-        size: "extraSmall",
+        size: "small",
         onClick: (e) => {
           handlerOpenPopoverEditArea(e);
         }
       }), /* @__PURE__ */ jsx(IconButton, {
         className: areasAdminClasses.areaChipDeleteButton,
         src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-        size: "extraSmall",
+        size: "small",
         onClick: (e) => {
           onClickDeleteArea(e);
         }