@m4l/components 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/components/AccountPopover/{index.fbe7e445.js → index.85964263.js} +2 -2
  2. package/components/AppBar/{index.88ae8b87.js → index.233917e6.js} +2 -2
  3. package/components/CommonActions/{index.9d9c7d2d.js → index.5f5362d4.js} +3 -3
  4. package/components/DynamicFilter/{index.b79e3e3f.js → index.d698a952.js} +14 -137
  5. package/components/DynamicFilter/slots/index.79811999.js +150 -0
  6. package/components/DynamicFilter/{dynamicFilterSlots.d.ts → slots/index.d.ts} +56 -56
  7. package/components/FieldLabel/{index.5d964cbd.js → index.61450047.js} +1 -1
  8. package/components/HamburgerMenu/{index.3bb9880f.js → index.6da952c3.js} +2 -2
  9. package/components/Icon/{index.3887ef2f.js → index.0d591435.js} +2 -2
  10. package/components/Image/{index.01f0cdca.js → index.7b1ce7d6.js} +1 -1
  11. package/components/LoadingError/{index.c95950b0.js → index.5b8a819d.js} +2 -2
  12. package/components/MFLoader/{index.b980701c.js → index.6f690259.js} +1 -1
  13. package/components/ModalDialog/{index.5c9ce220.js → index.bdae9c06.js} +1 -1
  14. package/components/NoItemSelected/{index.ed990b9b.js → index.71727588.js} +1 -1
  15. package/components/ObjectLogs/{index.994c87f7.js → index.5e18c08e.js} +5 -5
  16. package/components/PDFViewer/{index.4e9adad1.js → index.e5b7b58c.js} +1 -1
  17. package/components/Page/{index.1a6915e1.js → index.bf61755b.js} +1 -1
  18. package/components/PaperForm/{index.9aee22a8.js → index.2c5d1c14.js} +1 -1
  19. package/components/Period/{index.a1124549.js → index.9f3a2531.js} +2 -2
  20. package/components/PrintingSystem/{index.986a7f36.js → index.e166c8d5.js} +13 -13
  21. package/components/PrintingSystem/subcomponents/BodyNode/{index.03795652.js → index.ff5bd9ba.js} +1 -1
  22. package/components/PrintingSystem/subcomponents/ChartNode/{index.c0695dce.js → index.e78e9c90.js} +1 -1
  23. package/components/PrintingSystem/subcomponents/DividerNode/{index.b1c64ac8.js → index.1ff8a100.js} +1 -1
  24. package/components/PrintingSystem/subcomponents/FooterNode/{index.a25fe8c0.js → index.7078b267.js} +1 -1
  25. package/components/PrintingSystem/subcomponents/GridNode/{index.63126c45.js → index.45007400.js} +1 -1
  26. package/components/PrintingSystem/subcomponents/HeaderNode/{index.4265f4d0.js → index.c19c37d6.js} +1 -1
  27. package/components/PrintingSystem/subcomponents/PaperNode/{index.3689165b.js → index.3a620060.js} +1 -1
  28. package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.f6d75fa7.js → index.c158a2b6.js} +1 -1
  29. package/components/PrintingSystem/subcomponents/SectionNode/{index.8be372b6.js → index.cc08a0f8.js} +1 -1
  30. package/components/PrintingSystem/subcomponents/TextBoxNode/{index.17bfe615.js → index.a37d8efa.js} +1 -1
  31. package/components/PropertyValue/{index.d371ce09.js → index.2e61bd86.js} +2 -2
  32. package/components/SideBar/{index.8ba746a8.js → index.a645fbb3.js} +4 -4
  33. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.d.ts +1 -1
  34. package/components/ToastContainer/{index.32c1142f.js → index.c1ae5efc.js} +1 -1
  35. package/components/areas/contexts/AreasContext/{index.8813e482.js → index.ed31c72d.js} +2 -2
  36. package/components/areas/{dictionary.5fa9b201.js → dictionary.ffe082b0.js} +2 -2
  37. package/components/areas/hooks/useAreas/{index.d4e3b9af.js → index.dca83673.js} +1 -1
  38. package/components/hook-form/RHFAutocompleteAsync/{index.29408b18.js → index.58439d31.js} +2 -2
  39. package/components/hook-form/RHFCheckbox/{index.fd1193ae.js → index.52645cbc.js} +2 -2
  40. package/components/hook-form/RHFColorPicker/{index.451c6787.js → index.ad3a7448.js} +5 -5
  41. package/components/hook-form/RHFDateTime/{index.a9d2ba66.js → index.0bb4279e.js} +3 -3
  42. package/components/hook-form/RHFPeriod/{index.92cc371e.js → index.8075a132.js} +3 -3
  43. package/components/hook-form/RHFTextField/{index.2b2632c1.js → index.8d9e389c.js} +3 -3
  44. package/components/hook-form/RHFUpload/{index.f1cfc225.js → index.bb7f617e.js} +2 -2
  45. package/components/maps/components/GpsTools/{index.72796708.js → index.a32b12b7.js} +2 -2
  46. package/components/maps/{index.00de5f7b.js → index.595f5894.js} +9 -9
  47. package/components/modal/{WindowBase.6140e216.js → WindowBase.57f82667.js} +3 -3
  48. package/components/modal/{WindowConfirm.a8f65450.js → WindowConfirm.21342f0a.js} +5 -5
  49. package/components/mui_extended/Accordion/{index.c91a6f3d.js → index.232b14c4.js} +2 -2
  50. package/components/mui_extended/Button/{index.84b7159a.js → index.6276c580.js} +4 -4
  51. package/components/mui_extended/CheckBox/{index.b1f18922.js → index.2bf3b459.js} +1 -1
  52. package/components/mui_extended/IconButton/{index.fd8a76af.js → index.20a5a0be.js} +1 -1
  53. package/components/mui_extended/Pager/{index.fba94d09.js → index.2a5203df.js} +3 -3
  54. package/components/mui_extended/Popover/{index.2e637571.js → index.fda32ba1.js} +11 -10
  55. package/components/mui_extended/Tab/{index.243402a1.js → index.03742bb6.js} +15 -15
  56. package/components/mui_extended/ToggleButton/{index.aeb04226.js → index.7a4779c7.js} +1 -1
  57. package/components/mui_extended/ToggleIconButton/{index.f74a798e.js → index.29fdefaa.js} +1 -1
  58. package/components/popups/PopupsProvider/{index.5d90b31f.js → index.6b5befba.js} +1 -1
  59. package/components/popups/PopupsViewer/{index.b6a68e24.js → index.c7940ab0.js} +3 -3
  60. package/contexts/ModalContext/{index.a166538d.js → index.e126d383.js} +1 -1
  61. package/hooks/useFormAddEdit/{index.ca90cd13.js → index.42356b18.js} +2 -2
  62. package/hooks/useModal/{index.167828d6.js → index.20c3f2be.js} +4 -4
  63. package/index.js +70 -69
  64. package/package.json +1 -1
  65. package/{vendor.f1f6f92c.js → vendor.e16cc0cc.js} +49 -49
@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { Marker } from "react-leaflet";
3
3
  import L__default from "leaflet";
4
4
  import { s as componentName, I as ICON_PREFIX, T as TEST_PROP_ID, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT } from "../areas/constants.0d3ba950.js";
5
- import { m as mapClasses } from "../maps/index.00de5f7b.js";
5
+ import { m as mapClasses } from "../maps/index.595f5894.js";
6
6
  import clsx from "clsx";
7
7
  import { useEnvironment } from "@m4l/core";
8
8
  import { generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
9
- import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.8ba746a8.js";
9
+ import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.a645fbb3.js";
10
10
  import { styled } from "@mui/material/styles";
11
11
  import { unstable_composeClasses } from "@mui/base";
12
12
  import { useResponsiveDesktop } from "@m4l/graphics";
@@ -5,7 +5,7 @@ import clsx from "clsx";
5
5
  import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
6
6
  import { unstable_composeClasses } from "@mui/base";
7
7
  import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
8
- import { c as classes, g as getSize } from "../PrintingSystem/index.986a7f36.js";
8
+ import { c as classes, g as getSize } from "../PrintingSystem/index.e166c8d5.js";
9
9
  import QRCode from "qrcode.react";
10
10
  const ImageRoot = styled("div")(({ theme }) => ({
11
11
  ...theme.components?.M4LImage?.styleOverrides
@@ -6,9 +6,9 @@ import { unstable_composeClasses } from "@mui/base";
6
6
  import { v as componentName } from "../areas/constants.0d3ba950.js";
7
7
  import { styled } from "@mui/material/styles";
8
8
  import { L as LinearProgressIndeterminate } from "../mui_extended/LinearProgress/index.e9455b2e.js";
9
- import { I as Icon } from "../Icon/index.3887ef2f.js";
9
+ import { I as Icon } from "../Icon/index.0d591435.js";
10
10
  import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
11
- import { B as Button } from "../mui_extended/Button/index.84b7159a.js";
11
+ import { B as Button } from "../mui_extended/Button/index.6276c580.js";
12
12
  generateUtilityClasses(componentName, [
13
13
  "root",
14
14
  "loadingErrorLoading",
@@ -13,7 +13,7 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
13
13
  import { unstable_composeClasses } from "@mui/base";
14
14
  import { w as componentName } from "../areas/constants.0d3ba950.js";
15
15
  import { a as LinearProgress } from "../mui_extended/LinearProgress/index.e9455b2e.js";
16
- import { L as LoadingError } from "../LoadingError/index.c95950b0.js";
16
+ import { L as LoadingError } from "../LoadingError/index.5b8a819d.js";
17
17
  const mfLoaderClasses = generateUtilityClasses(componentName, [
18
18
  "root",
19
19
  "containerLinearProgress"
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useTheme, Dialog, Paper } from "@mui/material";
3
3
  import { c as cjs } from "../../react-draggable.0cc9b257.js";
4
- import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
4
+ import { u as useModal } from "../../hooks/useModal/index.20c3f2be.js";
5
5
  import { R as ResizeableWindow } from "../Resizeable/index.414ff687.js";
6
6
  import { useIsMobile } from "@m4l/graphics";
7
7
  import { m as modalUtilityClasses } from "../modal/index.5bce430d.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
3
- import { I as Image } from "../Image/index.01f0cdca.js";
3
+ import { I as Image } from "../Image/index.7b1ce7d6.js";
4
4
  import { styled } from "@mui/material/styles";
5
5
  import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
6
6
  import { useMemo } from "react";
@@ -2,16 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState, useEffect, useCallback, useMemo } from "react";
3
3
  import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
4
4
  import { styled } from "@mui/material/styles";
5
- import { D as DateFormatter, a as DataGrid } from "../../vendor.f1f6f92c.js";
5
+ import { D as DateFormatter, a as DataGrid } from "../../vendor.e16cc0cc.js";
6
6
  import { Tooltip, IconButton } from "@mui/material";
7
7
  import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
8
8
  import { R as ReactJson } from "../../react-json-view.57125fcf.js";
9
9
  import { S as ScrollBar } from "../ScrollBar/index.1e89bb44.js";
10
- import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
11
- import { I as Icon } from "../Icon/index.3887ef2f.js";
10
+ import { u as useModal } from "../../hooks/useModal/index.20c3f2be.js";
11
+ import { I as Icon } from "../Icon/index.0d591435.js";
12
12
  import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
13
- import { W as WindowBase } from "../modal/WindowBase.6140e216.js";
14
- import { D as DynamicFilter } from "../DynamicFilter/index.b79e3e3f.js";
13
+ import { W as WindowBase } from "../modal/WindowBase.57f82667.js";
14
+ import { a as DynamicFilter } from "../DynamicFilter/index.d698a952.js";
15
15
  import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
16
16
  const Container = styled("div")(() => ({
17
17
  height: "100%",
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
3
3
  import { unstable_composeClasses } from "@mui/base";
4
4
  import { z as componentName } from "../areas/constants.0d3ba950.js";
5
- import { B as Button } from "../mui_extended/Button/index.84b7159a.js";
5
+ import { B as Button } from "../mui_extended/Button/index.6276c580.js";
6
6
  const PDFVeiwerRoot = styled("div")(({ theme }) => ({
7
7
  ...theme.components?.M4LPDFViewer?.styleOverrides
8
8
  }));
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
3
- import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.986a7f36.js";
3
+ import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  import React__default from "react";
6
6
  import { Helmet } from "react-helmet-async";
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { styled } from "@mui/material/styles";
3
3
  import { useModuleSkeleton } from "@m4l/core";
4
4
  import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
5
- import { I as Icon } from "../Icon/index.3887ef2f.js";
5
+ import { I as Icon } from "../Icon/index.0d591435.js";
6
6
  import { unstable_composeClasses } from "@mui/base";
7
7
  import { E as componentName } from "../areas/constants.0d3ba950.js";
8
8
  const PaperFormRoot = styled("div")(({ theme }) => ({
@@ -3,12 +3,12 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
3
3
  import { styled } from "@mui/material/styles";
4
4
  import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
5
5
  import { useState, useMemo } from "react";
6
- import { d as dictionary, a as dictionary$1 } from "../areas/dictionary.5fa9b201.js";
6
+ import { d as dictionary, a as dictionary$1 } from "../areas/dictionary.ffe082b0.js";
7
7
  import { unstable_composeClasses } from "@mui/base";
8
8
  import { F as componentName, P as PERIOD_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
9
9
  import { useResponsiveDesktop } from "@m4l/graphics";
10
10
  import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
11
- import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
11
+ import { I as IconButton } from "../mui_extended/IconButton/index.20a5a0be.js";
12
12
  import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
13
13
  const ContainerPeriod = styled("div")(({ theme }) => ({
14
14
  ...theme.components?.M4LPeriod?.styleOverrides
@@ -4,20 +4,20 @@ import { unstable_composeClasses } from "@mui/base";
4
4
  import { G as componentName } from "../areas/constants.0d3ba950.js";
5
5
  import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
6
6
  import clsx from "clsx";
7
- import { D as DividerNode } from "./subcomponents/DividerNode/index.b1c64ac8.js";
8
- import { S as SectionNode } from "./subcomponents/SectionNode/index.8be372b6.js";
9
- import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.17bfe615.js";
10
- import { H as HeaderNode } from "./subcomponents/HeaderNode/index.4265f4d0.js";
11
- import { a as ImageNode, Q as QRImageNode } from "../Image/index.01f0cdca.js";
12
- import { B as BodyNode } from "./subcomponents/BodyNode/index.03795652.js";
13
- import { F as FooterNode } from "./subcomponents/FooterNode/index.a25fe8c0.js";
14
- import { P as PaperNode } from "./subcomponents/PaperNode/index.3689165b.js";
15
- import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.f6d75fa7.js";
16
- import { G as GridNode } from "./subcomponents/GridNode/index.63126c45.js";
17
- import { C as ChartNode } from "./subcomponents/ChartNode/index.c0695dce.js";
18
- import { P as PagerNode } from "../mui_extended/Pager/index.fba94d09.js";
7
+ import { D as DividerNode } from "./subcomponents/DividerNode/index.1ff8a100.js";
8
+ import { S as SectionNode } from "./subcomponents/SectionNode/index.cc08a0f8.js";
9
+ import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.a37d8efa.js";
10
+ import { H as HeaderNode } from "./subcomponents/HeaderNode/index.c19c37d6.js";
11
+ import { a as ImageNode, Q as QRImageNode } from "../Image/index.7b1ce7d6.js";
12
+ import { B as BodyNode } from "./subcomponents/BodyNode/index.ff5bd9ba.js";
13
+ import { F as FooterNode } from "./subcomponents/FooterNode/index.7078b267.js";
14
+ import { P as PaperNode } from "./subcomponents/PaperNode/index.3a620060.js";
15
+ import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.c158a2b6.js";
16
+ import { G as GridNode } from "./subcomponents/GridNode/index.45007400.js";
17
+ import { C as ChartNode } from "./subcomponents/ChartNode/index.e78e9c90.js";
18
+ import { P as PagerNode } from "../mui_extended/Pager/index.2a5203df.js";
19
19
  import { useBase, evaluateWithContext } from "@m4l/core";
20
- import { P as PageRender } from "../Page/index.1a6915e1.js";
20
+ import { P as PageRender } from "../Page/index.bf61755b.js";
21
21
  import { forwardRef, useRef, useImperativeHandle } from "react";
22
22
  import { useTheme } from "@mui/material/styles";
23
23
  const classes = generateUtilityClasses(componentName, [
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useBase } from "@m4l/core";
3
- import { c as classes, g as getSize } from "../../index.986a7f36.js";
3
+ import { c as classes, g as getSize } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const BodyNode = (props) => {
6
6
  const {
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as classes } from "../../index.986a7f36.js";
2
+ import { c as classes } from "../../index.e166c8d5.js";
3
3
  import clsx from "clsx";
4
4
  import { createRef, useEffect } from "react";
5
5
  import { Chart, registerables } from "chart.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as classes } from "../../index.986a7f36.js";
2
+ import { c as classes } from "../../index.e166c8d5.js";
3
3
  import clsx from "clsx";
4
4
  const DividerNode = (props) => {
5
5
  const { direction = "vertical", className = "", style = {} } = props;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useBase } from "@m4l/core";
3
- import { c as classes, g as getSize } from "../../index.986a7f36.js";
3
+ import { c as classes, g as getSize } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const FooterNode = (props) => {
6
6
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
3
- import { c as classes, g as getSize } from "../../index.986a7f36.js";
3
+ import { c as classes, g as getSize } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const GridNode = (props) => {
6
6
  const { style = {}, className = "", rows, columns } = props;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useBase } from "@m4l/core";
3
- import { c as classes, g as getSize } from "../../index.986a7f36.js";
3
+ import { c as classes, g as getSize } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const HeaderNode = (props) => {
6
6
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useBase, evaluateWithContext } from "@m4l/core";
3
- import { c as classes } from "../../index.986a7f36.js";
3
+ import { c as classes } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const PaperNode = (props) => {
6
6
  const { children, style = {}, className = "", title, titleSecondary } = props;
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useBase, evaluateWithContext } from "@m4l/core";
3
- import { c as classes, g as getSize } from "../../index.986a7f36.js";
3
+ import { c as classes, g as getSize } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const PropertyValueNode = (props) => {
6
6
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useBase } from "@m4l/core";
3
- import { c as classes, g as getSize } from "../../index.986a7f36.js";
3
+ import { c as classes, g as getSize } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const SectionNode = (props) => {
6
6
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useBase, evaluateWithContext } from "@m4l/core";
3
- import { c as classes } from "../../index.986a7f36.js";
3
+ import { c as classes } from "../../index.e166c8d5.js";
4
4
  import clsx from "clsx";
5
5
  const TextBoxNode = (props) => {
6
6
  const { variant = "body", style, className, textAlign = "start", children } = props;
@@ -6,8 +6,8 @@ import { J as componentName, K as TEST_PROPS_DATA, T as TEST_PROP_ID, O as COMPO
6
6
  import clsx from "clsx";
7
7
  import { a as getNameDataTestId } from "../../test/getNameDataTestId.aee44365.js";
8
8
  import { useState } from "react";
9
- import { F as FieldLabel } from "../FieldLabel/index.5d964cbd.js";
10
- import { I as Icon } from "../Icon/index.3887ef2f.js";
9
+ import { F as FieldLabel } from "../FieldLabel/index.61450047.js";
10
+ import { I as Icon } from "../Icon/index.0d591435.js";
11
11
  const PropertyValueRoot = styled("div")(({ theme }) => ({
12
12
  ...theme.components?.M4LPropertyValue?.styleOverrides
13
13
  }));
@@ -7,13 +7,13 @@ import { R as componentName, U as SIDEBAR_PREFIX, T as TEST_PROP_ID, V as MENU_C
7
7
  import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
8
8
  import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
9
9
  import { useResponsiveDesktop } from "@m4l/graphics";
10
- import { I as Icon, A as ArrowIcon } from "../Icon/index.3887ef2f.js";
10
+ import { I as Icon, A as ArrowIcon } from "../Icon/index.0d591435.js";
11
11
  import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
12
12
  import clsx from "clsx";
13
13
  import { useLocation } from "react-router-dom";
14
- import { F as FooterSidebar } from "../mui_extended/Button/index.84b7159a.js";
15
- import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
16
- import { I as Image } from "../Image/index.01f0cdca.js";
14
+ import { F as FooterSidebar } from "../mui_extended/Button/index.6276c580.js";
15
+ import { I as IconButton } from "../mui_extended/IconButton/index.20a5a0be.js";
16
+ import { I as Image } from "../Image/index.7b1ce7d6.js";
17
17
  import { useResponsive } from "@m4l/styles";
18
18
  const SideBarRoot = styled("div")(({ theme }) => ({
19
19
  ...theme.components?.M4LSideBar?.styleOverrides
@@ -2,5 +2,5 @@
2
2
  import { DotIconProps } from './types';
3
3
  export declare const NavSubItemContentRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
4
4
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
5
- }, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "alignItems" | "divider" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "disableGutters" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
5
+ }, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "alignItems" | "divider" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
6
6
  export declare const DotIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DotIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -6,7 +6,7 @@ import { Z as componentName } from "../areas/constants.0d3ba950.js";
6
6
  import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
7
7
  import { useEnvironment } from "@m4l/core";
8
8
  import { useMemo } from "react";
9
- import { I as Icon } from "../Icon/index.3887ef2f.js";
9
+ import { I as Icon } from "../Icon/index.0d591435.js";
10
10
  const ToastContainerRoot = styled("div")(({ theme }) => ({
11
11
  ...theme.components?.M4LToastContainer?.styleOverrides
12
12
  }));
@@ -6,9 +6,9 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
6
6
  import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
7
7
  import { devtools } from "zustand/middleware";
8
8
  import { immer } from "zustand/middleware/immer";
9
- import { u as useAreasViewerUtilityClasses, b as useAreasAdminUtilityClasses } from "../../../../vendor.f1f6f92c.js";
9
+ import { u as useAreasViewerUtilityClasses, b as useAreasAdminUtilityClasses } from "../../../../vendor.e16cc0cc.js";
10
10
  import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.37d1d444.js";
11
- import { b as getAreasDictionary, c as DICCTIONARY } from "../../dictionary.5fa9b201.js";
11
+ import { b as getAreasDictionary, c as DICCTIONARY } from "../../dictionary.ffe082b0.js";
12
12
  import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.97505a31.js";
13
13
  import { debounce, cloneDeep } from "lodash";
14
14
  import { q as isEqualLayouts } from "../../../GridLayout/index.656840a5.js";
@@ -1,5 +1,5 @@
1
- import { g as getCommonActionsDictionary } from "../CommonActions/index.9d9c7d2d.js";
2
- import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.fba94d09.js";
1
+ import { g as getCommonActionsDictionary } from "../CommonActions/index.5f5362d4.js";
2
+ import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.2a5203df.js";
3
3
  const AREAS_DICTIONARY_ID = "areas";
4
4
  function getAreasComponentsDictionary() {
5
5
  return [AREAS_DICTIONARY_ID];
@@ -1,6 +1,6 @@
1
1
  import { useContext } from "react";
2
2
  import { useStore } from "zustand";
3
- import { A as AreasContext } from "../../contexts/AreasContext/index.8813e482.js";
3
+ import { A as AreasContext } from "../../contexts/AreasContext/index.ed31c72d.js";
4
4
  function useAreasStore(selector, equalityFn) {
5
5
  const context = useContext(AreasContext);
6
6
  if (!context)
@@ -6,8 +6,8 @@ import { styled } from "@mui/material/styles";
6
6
  import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
7
7
  import { unstable_composeClasses } from "@mui/base";
8
8
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
9
- import { R as RHFAutocomplete } from "../../../vendor.f1f6f92c.js";
10
- import { e as getRHFAutocompleteComponentsDictionary } from "../../areas/dictionary.5fa9b201.js";
9
+ import { R as RHFAutocomplete } from "../../../vendor.e16cc0cc.js";
10
+ import { e as getRHFAutocompleteComponentsDictionary } from "../../areas/dictionary.ffe082b0.js";
11
11
  styled("div")(() => ({
12
12
  display: "flex",
13
13
  width: "100%",
@@ -7,8 +7,8 @@ import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
7
7
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
8
8
  import { useResponsiveDesktop } from "@m4l/graphics";
9
9
  import { useModuleSkeleton } from "@m4l/core";
10
- import { c as useFormFocus } from "../../../vendor.f1f6f92c.js";
11
- import { C as CheckBox } from "../../mui_extended/CheckBox/index.b1f18922.js";
10
+ import { c as useFormFocus } from "../../../vendor.e16cc0cc.js";
11
+ import { C as CheckBox } from "../../mui_extended/CheckBox/index.2bf3b459.js";
12
12
  const RHFCheckboxRoot = styled("div")(({ theme }) => ({
13
13
  ...theme.components?.M4LRHFCheckbox?.styleOverrides
14
14
  }));
@@ -8,11 +8,11 @@ import { generateUtilityClasses, generateUtilityClass, styled, Skeleton } from "
8
8
  import { unstable_composeClasses } from "@mui/base";
9
9
  import { useTheme } from "@mui/material/styles";
10
10
  import { useResponsiveDesktop } from "@m4l/graphics";
11
- import { c as useFormFocus } from "../../../vendor.f1f6f92c.js";
12
- import { F as FieldLabel } from "../../FieldLabel/index.5d964cbd.js";
13
- import { P as Popover } from "../../mui_extended/Popover/index.2e637571.js";
14
- import { I as Icon } from "../../Icon/index.3887ef2f.js";
15
- import { B as Button } from "../../mui_extended/Button/index.84b7159a.js";
11
+ import { c as useFormFocus } from "../../../vendor.e16cc0cc.js";
12
+ import { F as FieldLabel } from "../../FieldLabel/index.61450047.js";
13
+ import { P as Popover } from "../../mui_extended/Popover/index.fda32ba1.js";
14
+ import { I as Icon } from "../../Icon/index.0d591435.js";
15
+ import { B as Button } from "../../mui_extended/Button/index.6276c580.js";
16
16
  const componentName = "M4LRHFColorPicker";
17
17
  const colorPickerClasses = generateUtilityClasses(componentName, [
18
18
  "root",
@@ -9,9 +9,9 @@ import { unstable_composeClasses } from "@mui/base";
9
9
  import clsx from "clsx";
10
10
  import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
11
11
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
12
- import { c as useFormFocus } from "../../../vendor.f1f6f92c.js";
13
- import { F as FieldLabel } from "../../FieldLabel/index.5d964cbd.js";
14
- import { I as Icon } from "../../Icon/index.3887ef2f.js";
12
+ import { c as useFormFocus } from "../../../vendor.e16cc0cc.js";
13
+ import { F as FieldLabel } from "../../FieldLabel/index.61450047.js";
14
+ import { I as Icon } from "../../Icon/index.0d591435.js";
15
15
  const SkeletonRHFDateTime = (props) => {
16
16
  const { skeletonWidth, skeletonHeight, className, label } = props;
17
17
  return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5,9 +5,9 @@ import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
5
5
  import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
6
6
  import { unstable_composeClasses } from "@mui/base";
7
7
  import { useModuleSkeleton } from "@m4l/core";
8
- import { c as useFormFocus } from "../../../vendor.f1f6f92c.js";
9
- import { F as FieldLabel } from "../../FieldLabel/index.5d964cbd.js";
10
- import { P as Period } from "../../Period/index.a1124549.js";
8
+ import { c as useFormFocus } from "../../../vendor.e16cc0cc.js";
9
+ import { F as FieldLabel } from "../../FieldLabel/index.61450047.js";
10
+ import { P as Period } from "../../Period/index.9f3a2531.js";
11
11
  const RHFPeriodRoot = styled("div")(({ theme }) => ({
12
12
  width: "100%",
13
13
  display: "flex",
@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { useModuleSkeleton, useEnvironment } from "@m4l/core";
3
3
  import { Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
4
4
  import { forwardRef, useState, useEffect } from "react";
5
- import { I as IconButton } from "../../mui_extended/IconButton/index.fd8a76af.js";
5
+ import { I as IconButton } from "../../mui_extended/IconButton/index.20a5a0be.js";
6
6
  import { useFormContext, Controller } from "react-hook-form";
7
7
  import { styled } from "@mui/material/styles";
8
8
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
@@ -10,8 +10,8 @@ import { unstable_composeClasses } from "@mui/base";
10
10
  import { g as getComponentUtilityClass } from "../../../utils/index.c64c2dd1.js";
11
11
  import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
12
12
  import { useResponsiveDesktop } from "@m4l/graphics";
13
- import { c as useFormFocus } from "../../../vendor.f1f6f92c.js";
14
- import { F as FieldLabel } from "../../FieldLabel/index.5d964cbd.js";
13
+ import { c as useFormFocus } from "../../../vendor.e16cc0cc.js";
14
+ import { F as FieldLabel } from "../../FieldLabel/index.61450047.js";
15
15
  const SkeletonTextFieldRoot = styled("div")(() => ({
16
16
  display: "flex",
17
17
  flexDirection: "column",
@@ -3,14 +3,14 @@ import { useCallback } from "react";
3
3
  import { useFormContext, Controller } from "react-hook-form";
4
4
  import isString from "lodash/isString";
5
5
  import { useDropzone } from "react-dropzone";
6
- import { I as Image } from "../../Image/index.01f0cdca.js";
6
+ import { I as Image } from "../../Image/index.7b1ce7d6.js";
7
7
  import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
8
8
  import { styled } from "@mui/material/styles";
9
9
  import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
10
10
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
11
11
  import { unstable_composeClasses } from "@mui/base";
12
12
  import { T as Typography } from "../../mui_extended/Typography/index.463f613f.js";
13
- import { B as Button } from "../../mui_extended/Button/index.84b7159a.js";
13
+ import { B as Button } from "../../mui_extended/Button/index.6276c580.js";
14
14
  import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
15
15
  const UploadImageRoot = styled("div")(({ theme }) => ({
16
16
  ...theme.components?.M4LRHFUploadImage?.styleOverrides
@@ -7,8 +7,8 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
7
7
  import { devtools } from "zustand/middleware";
8
8
  import { immer } from "zustand/middleware/immer";
9
9
  import { enableMapSet } from "immer";
10
- import { u as useMapStore, C as CommonFeatureRender } from "../../index.00de5f7b.js";
11
- import { G as GeofencesFeaturesLayers, T as TabsGpsTools } from "../../../mui_extended/Tab/index.243402a1.js";
10
+ import { u as useMapStore, C as CommonFeatureRender } from "../../index.595f5894.js";
11
+ import { G as GeofencesFeaturesLayers, T as TabsGpsTools } from "../../../mui_extended/Tab/index.03742bb6.js";
12
12
  import { styled } from "@mui/material/styles";
13
13
  import { generateUtilityClasses } from "@mui/material";
14
14
  import "@mui/base";
@@ -9,20 +9,20 @@ import { createPortal } from "react-dom";
9
9
  import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
10
10
  import clsx from "clsx";
11
11
  import { useFormContext, useWatch } from "react-hook-form";
12
- import { M as MAP_DICCTIONARY } from "../areas/dictionary.5fa9b201.js";
13
- import { A as Actions } from "../CommonActions/index.9d9c7d2d.js";
14
- import { B as Button, Z as ZoomButtons } from "../mui_extended/Button/index.84b7159a.js";
12
+ import { M as MAP_DICCTIONARY } from "../areas/dictionary.ffe082b0.js";
13
+ import { A as Actions } from "../CommonActions/index.5f5362d4.js";
14
+ import { B as Button, Z as ZoomButtons } from "../mui_extended/Button/index.6276c580.js";
15
15
  import * as Yup from "yup";
16
16
  import { $ as COMPONENT_CLASS_NAME, a0 as STYLE_MEASURE_OPTIONS, a1 as MAP_ZINDEX_DEFAULT, a2 as INITIAL_FORM_VALUES, a3 as GPS_TOOLS_POPUP_DEFAULT_POSITION, a4 as MESURE_POPUP_DEFAULT_POSITION, a5 as TIME_DOUBLE_CLICK, a6 as MARKER_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT, a7 as SVG_ICON_DEFAULT } from "../areas/constants.0d3ba950.js";
17
17
  import { u as useFormReadyForUpdate } from "../../hooks/useFormReadyForUpdate/index.f60f500e.js";
18
- import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.29408b18.js";
18
+ import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.58439d31.js";
19
19
  import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
20
20
  import { R as RHFormProvider } from "../../contexts/RHFormContext/index.95ebabc9.js";
21
21
  import { M as MAP_ICONS } from "../areas/icons.504ec098.js";
22
- import { u as usePopupsStore, P as PopupsProvider } from "../popups/PopupsProvider/index.5d90b31f.js";
23
- import { T as ToggleIconButton } from "../mui_extended/ToggleIconButton/index.f74a798e.js";
24
- import { T as TILE_LAYER_OSM, c as TILE_LAYER_GOOGLE, d as TILE_LAYER_GOOGLE_SATELLITE, e as TILE_LAYER_GOOGLE_HYBRID, f as TILE_LAYER_BING, L as LayersButton } from "../mui_extended/Popover/index.2e637571.js";
25
- import { P as PopupsViewer } from "../popups/PopupsViewer/index.b6a68e24.js";
22
+ import { u as usePopupsStore, P as PopupsProvider } from "../popups/PopupsProvider/index.6b5befba.js";
23
+ import { T as ToggleIconButton } from "../mui_extended/ToggleIconButton/index.29fdefaa.js";
24
+ import { T as TILE_LAYER_OSM, c as TILE_LAYER_GOOGLE, d as TILE_LAYER_GOOGLE_SATELLITE, e as TILE_LAYER_GOOGLE_HYBRID, f as TILE_LAYER_BING, L as LayersButton } from "../mui_extended/Popover/index.fda32ba1.js";
25
+ import { P as PopupsViewer } from "../popups/PopupsViewer/index.c7940ab0.js";
26
26
  import { createPathComponent } from "@react-leaflet/core";
27
27
  import "leaflet.markercluster";
28
28
  import { cloneDeep, throttle } from "lodash";
@@ -35,7 +35,7 @@ import { immer } from "zustand/middleware/immer";
35
35
  import { generateUtilityClasses } from "@mui/material";
36
36
  import { unstable_composeClasses } from "@mui/base";
37
37
  import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
38
- import { M as MarkerIconLabel } from "../Icon/index.3887ef2f.js";
38
+ import { M as MarkerIconLabel } from "../Icon/index.0d591435.js";
39
39
  import "leaflet-polylinedecorator";
40
40
  const updateOwnerStateClasses = (_state) => {
41
41
  };
@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { m as modalUtilityClasses } from "./index.5bce430d.js";
3
3
  import { useEnvironment } from "@m4l/core";
4
4
  import clsx from "clsx";
5
- import { I as Icon } from "../Icon/index.3887ef2f.js";
6
- import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
7
- import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
5
+ import { I as Icon } from "../Icon/index.0d591435.js";
6
+ import { I as IconButton } from "../mui_extended/IconButton/index.20a5a0be.js";
7
+ import { u as useModal } from "../../hooks/useModal/index.20c3f2be.js";
8
8
  const Header = (props) => {
9
9
  const { title, onClickCancel, urlIcon, classes } = props;
10
10
  const { host_static_assets, environment_assets } = useEnvironment();
@@ -1,12 +1,12 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { A as Actions, a as ActionCancel, b as ActionIntro } from "../CommonActions/index.9d9c7d2d.js";
2
+ import { A as Actions, a as ActionCancel, b as ActionIntro } from "../CommonActions/index.5f5362d4.js";
3
3
  import { Typography } from "@mui/material";
4
4
  import { useModuleDictionary, useEnvironment } from "@m4l/core";
5
- import { f as dictionary } from "../areas/dictionary.5fa9b201.js";
6
- import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
7
- import { I as Image } from "../Image/index.01f0cdca.js";
5
+ import { f as dictionary } from "../areas/dictionary.ffe082b0.js";
6
+ import { u as useModal } from "../../hooks/useModal/index.20c3f2be.js";
7
+ import { I as Image } from "../Image/index.7b1ce7d6.js";
8
8
  import { m as modalUtilityClasses } from "./index.5bce430d.js";
9
- import { W as WindowBase } from "./WindowBase.6140e216.js";
9
+ import { W as WindowBase } from "./WindowBase.57f82667.js";
10
10
  const MessageIlustration = (props) => {
11
11
  const { getLabel } = useModuleDictionary();
12
12
  const { variant } = useModal();
@@ -1,13 +1,13 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
3
- import { I as IconButton } from "../IconButton/index.fd8a76af.js";
3
+ import { I as IconButton } from "../IconButton/index.20a5a0be.js";
4
4
  import { useEnvironment } from "@m4l/core";
5
5
  import { unstable_composeClasses } from "@mui/base";
6
6
  import { styled } from "@mui/material/styles";
7
7
  import clsx from "clsx";
8
8
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
9
9
  import { a as getNameDataTestId } from "../../../test/getNameDataTestId.aee44365.js";
10
- import { I as Icon } from "../../Icon/index.3887ef2f.js";
10
+ import { I as Icon } from "../../Icon/index.0d591435.js";
11
11
  import { T as Typography } from "../Typography/index.463f613f.js";
12
12
  const componentName = "M4LAccordion";
13
13
  generateUtilityClasses(componentName, [
@@ -6,15 +6,15 @@ import { styled } from "@mui/material/styles";
6
6
  import { unstable_composeClasses } from "@mui/base";
7
7
  import clsx from "clsx";
8
8
  import { useMemo, useState, useEffect } from "react";
9
- import { I as Image } from "../../Image/index.01f0cdca.js";
9
+ import { I as Image } from "../../Image/index.7b1ce7d6.js";
10
10
  import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
11
11
  import { LoadingButton as LoadingButton$1 } from "@mui/lab";
12
12
  import { T as Typography } from "../Typography/index.463f613f.js";
13
13
  import { useMap } from "react-leaflet";
14
14
  import { M as MAP_ICONS } from "../../areas/icons.504ec098.js";
15
- import { m as mapClasses } from "../../maps/index.00de5f7b.js";
16
- import { I as IconButton$1 } from "../IconButton/index.fd8a76af.js";
17
- import { u as useSideBar, g as getNameDataTestId$2 } from "../../SideBar/index.8ba746a8.js";
15
+ import { m as mapClasses } from "../../maps/index.595f5894.js";
16
+ import { I as IconButton$1 } from "../IconButton/index.20a5a0be.js";
17
+ import { u as useSideBar, g as getNameDataTestId$2 } from "../../SideBar/index.a645fbb3.js";
18
18
  const ButtonRoot = styled("div")(({ theme }) => ({
19
19
  ...theme.components?.M4LButton?.styleOverrides
20
20
  }));