@m4l/components 0.2.3 → 0.2.5

package/components/hook-form/RHFColorPicker/index.d00a2b53.js

@@ -0,0 +1,150 @@
+import { useState } from "react";
+import { useFormContext, Controller } from "react-hook-form";
+import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
+import { S as SketchPicker } from "../../../node_modules.8f15d11f.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skeleton$1 } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { useTheme } from "@mui/material/styles";
+import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
+import { B as Button } from "../../mui_extended/Button/index.570fd3a4.js";
+const componentName = "M4LRHFColorPicker";
+const colorPickerClasses = generateUtilityClasses(componentName, [
+  "root",
+  "popoverRoot",
+  "containerFieldColor",
+  "fieldColor",
+  "containerPicker",
+  "skeleton"
+]);
+function getRHFColorPickerUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    popoverRoot: ["popoverRoot"],
+    containerFieldColor: ["containerFieldColor"],
+    fieldColor: ["boxColor"],
+    containerPicker: ["containerPicker"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFColorPickerUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const RHFColorPickerRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFColorPicker?.styleOverrides
+}));
+const Skeleton = () => {
+  return /* @__PURE__ */ jsx(Skeleton$1, {
+    className: colorPickerClasses.skeleton,
+    variant: "rectangular",
+    width: 20,
+    height: 20
+  });
+};
+const RHFColorPicker = (props) => {
+  const {
+    name
+  } = props;
+  const {
+    control,
+    setValue,
+    getValues
+  } = useFormContext();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const theme = useTheme();
+  const currentColor = getValues(name);
+  const [tempColor, setTempColor] = useState(() => currentColor || "#ffffff");
+  const [anchorEl, setAnchorEl] = useState(null);
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const handleColorChange = (color) => {
+    setTempColor(color.hex);
+  };
+  const handleApprove = () => {
+    setAnchorEl(null);
+    if (tempColor !== currentColor) {
+      setValue(name, tempColor);
+    }
+  };
+  const classes = useUtilityClasses();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {});
+  }
+  return /* @__PURE__ */ jsx(Controller, {
+    name,
+    control,
+    defaultValue: "",
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => /* @__PURE__ */ jsxs(RHFColorPickerRoot, {
+      className: classes.root,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: classes.containerFieldColor,
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.fieldColor,
+          style: {
+            backgroundColor: field.value,
+            width: "20px",
+            height: "20px",
+            cursor: "pointer"
+          }
+        }), /* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/rhfcolorpicker/assets/icons/chevron_right.svg`
+        })]
+      }), error?.message && /* @__PURE__ */ jsx(HelperText, {
+        variant: "error",
+        message: error?.message + ""
+      }), /* @__PURE__ */ jsx(Popover, {
+        open: Boolean(anchorEl),
+        arrowType: "top-center",
+        className: classes.popoverRoot,
+        anchorEl,
+        onClose: () => setAnchorEl(null),
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        sx: {
+          mt: "12px",
+          ...theme.components?.M4LRHFColorPickerPopoverRoot?.styleOverrides
+        },
+        children: /* @__PURE__ */ jsxs("div", {
+          className: classes.containerPicker,
+          children: [/* @__PURE__ */ jsx(SketchPicker, {
+            color: tempColor,
+            onChange: handleColorChange,
+            disableAlpha: true
+          }), /* @__PURE__ */ jsx(Button, {
+            variant: "contained",
+            onClick: handleApprove,
+            children: getLabel("rhfcolorpicker.accept")
+          })]
+        })
+      })]
+    })
+  });
+};
+export {
+  RHFColorPicker as R
+};

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/indext.d.ts

@@ -0,0 +1 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/types.d.ts

@@ -1,3 +1,8 @@
 export interface RHFColorPickerProps {
+    /**
+    * Identificador del campo dentro del formulario de react hook form
+    */
     name: string;
 }
+export interface OwnerState {
+}

package/components/hook-form/RHFDateTime/{index.a5ba00d5.js → index.ae5d3a39.js}

@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../../Icon/index.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFDateTime/types.d.ts

@@ -2,7 +2,6 @@ export interface RHFDateTimeProps {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;
-    withMask?: boolean;
     variant?: RHFDateTimeVariants;
     size?: SizeType;
     disabled?: boolean;

package/components/hook-form/RHFPeriod/{index.fd29d20c.js → index.ae9bcf41.js}

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { P as Period } from "../../Period/index.c964884f.js";
+import { P as Period } from "../../Period/index.0aa8e507.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFRadioGroup/{index.7deb4e48.js → index.3b17819b.js}

@@ -24,7 +24,7 @@ function RHFRadioGroup({
         ...field,
         row: true,
         ...other,
-        children: options.map((option, index) => /* @__PURE__ */ jsx(FormControlLabel, {
+        children: options.map((option, _index) => /* @__PURE__ */ jsx(FormControlLabel, {
           defaultValue: field.value,
           value: getOptionValue(option),
           control: /* @__PURE__ */ jsx(Radio, {}),

package/components/hook-form/RHFTextField/{index.22203742.js → index.80cc07e0.js}

@@ -1,13 +1,13 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.dd9f297b.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.26de70bd.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/hook-form/RHFUpload/{index.aef0f459.js → index.587aac00.js}

@@ -1,8 +1,8 @@
 import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
-import isString from "lodash/isString";
+import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.9799dfc0.js";
+import { I as Image } from "../../Image/index.bf37e923.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
@@ -10,7 +10,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.bd3371a3.js";
+import { B as Button } from "../../mui_extended/Button/index.570fd3a4.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme
@@ -140,7 +140,7 @@ function UploadImage({
             } : {},
             children: /* @__PURE__ */ jsx(Image, {
               alt: "bgImageUploadImage",
-              src: isString(file) ? file : file.preview || "",
+              src: require$$0(file) ? file : file.preview || "",
               ratio: "1:1"
             })
           }), /* @__PURE__ */ jsx("div", {

package/components/index.d.ts

@@ -34,6 +34,7 @@ export * from './NoItemSelected/dictionary';
 export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
 export * from './PaperForm/PaperForm';
+export * from './PDFViewer';
 export * from './Period';
 export * from './HelmetPage';
 export * from './PropertyValue/PropertyValue';
@@ -41,6 +42,7 @@ export * from './ResizeableWindow';
 export * from './ScrollBar';
 export { ScrollToTop } from './ScrollToTop';
 export * from './SplitLayout/SplitLayout';
+export * from './ToastContainer';
 export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';

package/components/maps/components/GpsTools/contexts/GpsToolsContext/types.d.ts

@@ -86,7 +86,7 @@ export declare type GeofenceId = number;
  * @interface
  * @description Interface que define el estado del componente (variables y funciones )
  */
-export interface MapToolsState<P = any> {
+export interface MapToolsState {
     ownerState: OwnerState;
     /**
      * "currentTabTool" indica la pestaña actual en uso

package/components/maps/components/GpsTools/{index.ed49dc90.js → index.c94fd76f.js}

@@ -7,38 +7,37 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.69c2e381.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.df9dee43.js";
 import { S as SelectCellFormatter } from "../../../../react-data-grid.c5377916.js";
-import { e as columnDateFormatter, c as DataGrid } from "../../../DataGrid/index.71fae988.js";
-import { u as useMapToolsStore, a as useMapStore, m as mapClasses, M as MAP_ZINDEX_DEFAULT, b as MAP_ZINDEX_OVER_MAP } from "../Map/index.9fcc381d.js";
-import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.1d1d9cd2.js";
+import { e as columnDateFormatter, c as DataGrid } from "../../../DataGrid/index.7e5b3989.js";
+import { u as useMapToolsStore, a as useMapStore, m as mapClasses, M as MAP_ZINDEX_DEFAULT, b as MAP_ZINDEX_OVER_MAP } from "../Map/index.5171d0de.js";
+import { u as useModal } from "../../../../hooks/useModal/index.abdc0962.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.19ddbd5d.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { S as Stack } from "../../../mui_extended/Stack/index.0e53197c.js";
-import { B as Button } from "../../../mui_extended/Button/index.bd3371a3.js";
+import { B as Button } from "../../../mui_extended/Button/index.570fd3a4.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import { H as HelperError } from "../../../hook-form/HelperError/index.66bbcac3.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.c7acf718.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.5a719043.js";
 import { useMap, Polyline, Polygon, Popup, Circle } from "react-leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
 import * as L from "leaflet";
 import L__default from "leaflet";
-import { u as useTab } from "../../../../hooks/useTab/index.19c8a409.js";
-import { P as PaperForm } from "../../../PaperForm/index.637c8cb4.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.31e92edb.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.22203742.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.8fcce0c2.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.259b6f38.js";
+import { u as useTab } from "../../../../hooks/useTab/index.f39d479c.js";
+import { P as PaperForm } from "../../../PaperForm/index.7ea3883f.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.0ce87ac3.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.80cc07e0.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.ac4269e2.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.d00a2b53.js";
 import clsx from "clsx";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.a85b2dab.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.c6b81776.js";
 import { T as Tooltip } from "../../../mui_extended/Tooltip/index.24a2bc3f.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.16083a43.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.32aa4f64.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.6c5648f7.js";
-import "leaflet-polylinedecorator";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.57789d3a.js";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import { styled } from "@mui/material/styles";
@@ -59,7 +58,7 @@ const createMapToolsStore = (initProps) => {
   };
   return createStore(
     devtools(
-      immer((set, get) => ({
+      immer((set, _get) => ({
         ...startProps,
         mapToolsActions: {
           init: () => {
@@ -335,7 +334,7 @@ function Filter(props) {
   const [initialFilter] = useState(() => {
     return [];
   });
-  const onChangeFilter = (initialFilters, rawFilters) => {
+  const onChangeFilter = (_initialFilters, rawFilters) => {
     setBackendQueryParams({
       f: rawFilters
     });
@@ -709,7 +708,7 @@ function useMaster() {
   const onSelectedRowsChange = (newRowsSelectSet) => {
     setSelectedRows(newRowsSelectSet);
   };
-  const fullRefresh = useCallback((id) => {
+  const fullRefresh = useCallback((_id) => {
     Refresh();
   }, []);
   useEffect(() => {
@@ -1078,7 +1077,7 @@ function useDrawing() {
                 );
                 setValue("lat", layer.getLatLng().lat);
                 setValue("lng", layer.getLatLng().lng);
-                layer.on("pm:change", (e2) => {
+                layer.on("pm:change", (_e) => {
                   setValue("properties.radius", layer.getRadius());
                 });
               });
@@ -1557,7 +1556,7 @@ function useSubmit(props) {
         { type: "success" }
       );
       goToList();
-    }).catch((error) => {
+    }).catch((_error) => {
     });
   };
   return { onSubmit };
@@ -1663,7 +1662,7 @@ function MyActions() {
     })
   });
 }
-function MeasureDataValidation(getLabel) {
+function MeasureDataValidation(_getLabel) {
   return {};
 }
 function useValidation() {
@@ -1844,15 +1843,15 @@ function useMeasure() {
       icon: getMarkerPointIcon(currentMeasure.current.measurePoints.length + 1),
       zIndexOffset: MAP_ZINDEX_DEFAULT
     }).addTo(map);
-    marker.on("moveend", function(e2) {
+    marker.on("moveend", function(_e) {
       var latlng = marker.getLatLng();
       labelMarker.setLatLng(latlng);
       setValue("value", measureDistante());
     });
-    marker.on("mouseover", function(e2) {
+    marker.on("mouseover", function(_e) {
       currentMeasure.current.addMarker = false;
     });
-    marker.on("mouseout", function(e2) {
+    marker.on("mouseout", function(_e) {
       currentMeasure.current.addMarker = true;
     });
     var labelMarker = L.marker([lat, lng], {
@@ -1861,21 +1860,21 @@ function useMeasure() {
       icon: getLabelMarkerPointIcon(formatDistanceFromPrevious),
       zIndexOffset: MAP_ZINDEX_DEFAULT
     }).addTo(map);
-    labelMarker.on("moveend", function(e2) {
+    labelMarker.on("moveend", function(_e) {
       var latlng = labelMarker.getLatLng();
       marker.setLatLng(latlng);
       setValue("value", measureDistante());
     });
-    labelMarker.on("mouseover", function(e2) {
+    labelMarker.on("mouseover", function(_e) {
       currentMeasure.current.addMarker = false;
     });
-    labelMarker.on("mouseout", function(e2) {
+    labelMarker.on("mouseout", function(_e) {
       currentMeasure.current.addMarker = true;
     });
-    labelMarker.on("dragstart", function(e2) {
+    labelMarker.on("dragstart", function(_e) {
       currentMeasure.current.dragging = true;
     });
-    labelMarker.on("dragend", function(e2) {
+    labelMarker.on("dragend", function(_e) {
       setTimeout(function() {
         currentMeasure.current.dragging = false;
       }, 10);
@@ -1935,7 +1934,6 @@ function useMeasure() {
   }, []);
   return { statusEdition, magnitudFactor, value };
 }
-const DevTool = process.env.NODE_ENV === "development" ? require("@hookform/devtools").DevTool : () => null;
 function MeasureData() {
   const {
     getLabel
@@ -1944,9 +1942,6 @@ function MeasureData() {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  const {
-    control
-  } = useFormContext();
   const {
     value,
     magnitudFactor
@@ -1974,8 +1969,6 @@ function MeasureData() {
         className: mapToolsClasses.toolMeasureFormValueSymbol,
         children: magnitudFactor.symbol
       })]
-    }), process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(DevTool, {
-      control
     })]
   });
 }

package/components/maps/components/GpsTools/subcomponents/TabTools/subcomponents/MeasureTool/subcomponents/MeasureData/validations.d.ts

@@ -1,2 +1,2 @@
 import { GetLabelType } from '@m4l/core';
-export declare function MeasureDataValidation(getLabel: GetLabelType): {};
+export declare function MeasureDataValidation(_getLabel: GetLabelType): {};

package/components/maps/components/Map/classes/index.d.ts

@@ -1,5 +1,5 @@
 import { MapClasses } from './types';
 import { OwnerState } from '../contexts/MapContext/types';
 export declare const mapClasses: MapClasses;
-export declare const useMapUtilityClasses: (ownerState: OwnerState) => Record<"root" | "mapContainer" | "svgLayersContainer" | "svgLayer" | "svgLayerMultiPoints" | "layerMarker" | "mainToolsRoot" | "measureMarkerRoot" | "measureMarkerContainer" | "measureMarkerContainerRhomb" | "measureMarkerContainerSlot" | "measureMarkerContainerSlotNumber" | "measureLabelMarkerRoot" | "measureLabelMarkerContainer" | "measureLabelMarkerDistance" | "measureLabelMarkerRemove", string>;
+export declare const useMapUtilityClasses: (_ownerState: OwnerState) => Record<"root" | "mapContainer" | "svgLayersContainer" | "svgLayer" | "svgLayerMultiPoints" | "layerMarker" | "mainToolsRoot" | "measureMarkerRoot" | "measureMarkerContainer" | "measureMarkerContainerRhomb" | "measureMarkerContainerSlot" | "measureMarkerContainerSlotNumber" | "measureLabelMarkerRoot" | "measureLabelMarkerContainer" | "measureLabelMarkerDistance" | "measureLabelMarkerRemove", string>;
 export declare type Classes = ReturnType<typeof useMapUtilityClasses>;

package/components/maps/components/Map/contexts/MapContext/types.d.ts

@@ -274,7 +274,7 @@ export declare type AreaMapType = {
  * @interface
  * @description Interface que define el estado del componente (variables y funciones )
  */
-export interface MapState<P = any, G extends GeometryObject = GeometryObject> {
+export interface MapState {
     ownerState: OwnerState;
     /**
      *  "classes" enfocado al funcionamiento de las clases a nivel de map

package/components/maps/components/Map/{index.9fcc381d.js → index.5171d0de.js}

@@ -6,17 +6,17 @@ import React__default, { useEffect, useState, useCallback, createContext, useRef
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createStore, useStore } from "zustand";
 import L__default from "leaflet";
-import { T as ToggleButton } from "../../../mui_extended/ToggleButton/index.b030c4ec.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.e0854091.js";
+import { T as ToggleButton } from "../../../mui_extended/ToggleButton/index.21a1f8e5.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.00f13c40.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { cloneDeep } from "lodash";
-import { G as GpsToolsContext } from "../GpsTools/index.ed49dc90.js";
+import { G as GpsToolsContext } from "../GpsTools/index.c94fd76f.js";
 const COMPONENT_CLASS_NAME = "M4LMap";
 const MAP_ZINDEX_DEFAULT = 0;
 const MAP_ZINDEX_OVER_MAP = 1100;
@@ -38,7 +38,7 @@ const mapClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "measureLabelMarkerDistance",
   "measureLabelMarkerRemove"
 ]);
-const useMapUtilityClasses = (ownerState) => {
+const useMapUtilityClasses = (_ownerState) => {
   const slots = {
     root: ["root"],
     mapContainer: ["mapContainer"],

package/components/modal/{WindowBase.2f29424e.js → WindowBase.ea17cf20.js}

@@ -2,9 +2,9 @@ import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.dd9f297b.js";
-import { I as Icon } from "../Icon/index.f1161f32.js";
-import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.26de70bd.js";
+import { I as Icon } from "../Icon/index.05984e7f.js";
+import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/{WindowConfirm.1d1d9cd2.js → WindowConfirm.19ddbd5d.js}

@@ -1,13 +1,13 @@
-import { A as Actions } from "../CommonActions/components/Actions/index.ccf731c1.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.2f6286eb.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.9799dfc0.js";
+import { I as Image } from "../Image/index.bf37e923.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.2f29424e.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.5916fb86.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.789d82ed.js";
+import { W as WindowBase } from "./WindowBase.ea17cf20.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.06539086.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.3e8a2e60.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.c8c7d392.js → index.19018073.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.dd9f297b.js";
+import { I as IconButton } from "../IconButton/index.26de70bd.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.384f1182.js";
+import { g as getNameDataTestId } from "../../../vendor.10467412.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Button/classes/types.d.ts

@@ -1,3 +1,4 @@
+import { useUtilityClasses } from ".";
 export interface ButtonClassesType {
     root: string;
     skeleton: string;
@@ -15,3 +16,4 @@ export interface ButtonClassesType {
     toggleNotPressed: string;
 }
 export declare type ButtonClassesKey = keyof ButtonClassesType;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/mui_extended/Button/{index.bd3371a3.js → index.570fd3a4.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.9799dfc0.js";
+import { I as Image } from "../../Image/index.bf37e923.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { T as Typography } from "../Typography/index.379dd374.js";
@@ -146,7 +146,7 @@ function ImageButton({
     }) : imageButton
   });
 }
-const componentName = "M4LoadingButton";
+const componentName = "M4LLoadingButton";
 generateUtilityClasses(componentName, [
   "root",
   "skeleton",
@@ -171,7 +171,7 @@ const useUtilityClasses = (onwerState) => {
   };
 };
 const LoadingButtonRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LoadingButton?.styleOverrides
+  ...theme.components?.M4LLoadingButton?.styleOverrides
 }));
 const LOADINGBUTTON_PREFIX = "M4LoadingButton";
 const getNameDataTestId = (KEY) => {

package/components/mui_extended/IconButton/{index.dd9f297b.js → index.26de70bd.js}

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

package/components/mui_extended/LoadingButton/classes/constants.d.ts

@@ -1 +1 @@
-export declare const componentName = "M4LoadingButton";
+export declare const componentName = "M4LLoadingButton";

package/components/mui_extended/MenuActions/{index.46c5f7c7.js → index.8c02ff61.js}

@@ -3,12 +3,12 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.b3eca6b1.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { B as Badge } from "../Badge/index.09f5aee5.js";
-import { I as IconButton$1 } from "../IconButton/index.dd9f297b.js";
+import { I as IconButton$1 } from "../IconButton/index.26de70bd.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme