@m4l/components 0.2.26 → 0.2.27

package/components/Image/types.d.ts

@@ -1,54 +1,14 @@
-import { ReactNode } from 'react';
-export declare type Effect = 'blur' | 'black-and-white' | 'opacity';
-export declare type ScrollPosition = {
-    x: number;
-    y: number;
-};
-export declare type IntersectComponentRef = HTMLSpanElement & {
-    setIsVisible?: (visible: boolean) => void;
-};
-export interface TestingProps {
-    statusLoad?: any;
-    isVisible?: boolean;
-}
-export interface BaseImageProps {
-    width?: string | number;
-    height?: string | number;
-}
-export interface IntersectComponentProps extends BaseImageProps {
-    setIsVisible: (visible: boolean) => void;
-    threshold: number;
-    useIntersectionObserver: boolean;
-    scrollPosition?: ScrollPosition;
-}
-export interface IntersectComponentScrollProps extends IntersectComponentProps {
-    delayMethod?: 'debounce' | 'throttle';
-    delayTime?: number;
-}
-export interface LazyLoadComponentProps extends Pick<ImageProps, 'testingProps'>, Omit<IntersectComponentProps, 'setIsVisible'> {
-    children: ReactNode;
-}
-export declare type SkeletonVariant = 'image' | 'circle';
 export declare type RatioOptions = '1.168:1' | '16:9' | '1:1' | '1:1.168' | '2:1' | '2:3' | '3:1' | '3:2' | '3:4' | '4:3' | '5:2';
 export interface ratioValues {
     width: number;
     height: number;
 }
-export interface ImageProps extends Omit<IntersectComponentProps, 'setIsVisible' | 'threshold' | 'useIntersectionObserver'> {
+export interface ImageProps {
     src: string;
     alt?: string;
-    threshold?: number;
-    useIntersectionObserver?: boolean;
-    skeletonVariant?: SkeletonVariant;
-    testingProps?: TestingProps;
     ratio?: RatioOptions;
     className?: string;
-}
-export declare type StatusLoad = 'initial' | 'loaded' | 'removed';
-export interface OwnerState {
-    isImageLoaded: boolean;
-}
-export interface BaseProviderIamgeType {
-    classes: any;
+    width?: number | string;
+    height?: number | string;
 }
 export declare const ratioOptions: Record<RatioOptions, ratioValues>;

package/components/LanguagePopover/{index.80896e49.js → index.2740fb8e.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.fa98eb78.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.81367a73.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.4f4724c4.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.58eaf354.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.81367a73.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.7cd7c372.js → index.f6a46c70.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.4f4724c4.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.aa3679f1.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.fa98eb78.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.0e365006.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.a3792770.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.58eaf354.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.4881da1f.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.cce92677.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.85d4e010.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.81367a73.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));

package/components/Page/{index.1b20a73e.js → index.aa33f20b.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.b3ed9375.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.b6811634.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.58eaf354.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.ba79014c.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.32fc9419.js";
 const ContainerPeriod = styled("div")(({
   theme
 }) => ({

package/components/PrintingSystem/{index.c2d21657.js → index.b3ed9375.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.45284722.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.2c52ee12.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.f0ac0243.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.d67484e5.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.fa98eb78.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.7a5c7bdd.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.a83e65dc.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.ab17815a.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.8a2617ae.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.cb7d0af9.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.85914c4b.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.aa33f20b.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.7a5c7bdd.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BodyNode = (props) => {

package/components/PrintingSystem/subcomponents/ChartNode/{index.263f02f0.js → index.85914c4b.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.c2d21657.js";
+import { c as classes } from "../../index.b3ed9375.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.45284722.js}

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

package/components/PrintingSystem/subcomponents/FooterNode/{index.fb323704.js → index.a83e65dc.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const FooterNode = (props) => {

package/components/PrintingSystem/subcomponents/GridNode/{index.1ed935be.js → index.cb7d0af9.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {

package/components/PrintingSystem/subcomponents/HeaderNode/{index.5173c74a.js → index.d67484e5.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const HeaderNode = (props) => {

package/components/PrintingSystem/subcomponents/PaperNode/{index.fad64696.js → index.ab17815a.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.3a3e5fd0.js → index.8a2617ae.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {

package/components/PrintingSystem/subcomponents/SectionNode/{index.2890fc12.js → index.2c52ee12.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.148708e6.js → index.f0ac0243.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.b3ed9375.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/components/PropertyValue/{index.4ea5af0f.js → index.a3527d10.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.58eaf354.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const PropertyValueRoot = styled("div")(({
   theme

package/components/SideBar/{index.141dac10.js → index.0d49daff.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.58eaf354.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.fa98eb78.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.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,
@@ -184,7 +169,6 @@ const SideBarProvider = (props) => {
     classes,
     companyName
   } = value;
-  console.log("status collapsed", collapsed);
   return /* @__PURE__ */ jsx(SideBarContext.Provider, {
     value: {
       collapsed,
@@ -672,7 +656,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 +876,6 @@ const SideBar = (props) => {
     variantStyle = "variantDefault"
   } = props;
   const isMobile = useResponsive("down", "md");
-  console.log("collapsed status", collapsed);
   const ownerState = {
     collapsed,
     visible,
@@ -914,9 +902,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.b42aca02.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.585eab0e.js";
+import { A } from "../../node_modules.47f7709b.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.58eaf354.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));

package/components/areas/components/AreasAdmin/{index.debe3e3d.js → index.6d902d47.js}

@@ -1,4 +1,4 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.ca15a4b6.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.febe901b.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.fdea20e7.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.d4192912.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.16946bfd.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bd767c14.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.9bd56cd0.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.32fc9419.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.81367a73.js";
+import { I as Icon } from "../../../Icon/index.58eaf354.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);
         }