@m4l/components 2.0.6 → 3.0.0

package/components/hook-form/RHFUpload/{index.77519c4c.js → index.7b7ee732.js}

@@ -3,15 +3,15 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.472191c2.js";
+import { I as Image } from "../../Image/index.ae542f70.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.1664b7ed.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.db9e7ddb.js";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index.850bc036.js";
-import { B as Button } from "../../mui_extended/Button/index.d44027cf.js";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { T as Typography } from "../../mui_extended/Typography/index.8c0801e4.js";
+import { B as Button } from "../../mui_extended/Button/index.3d14e3e9.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/maps/components/GpsTools/{index.c912d7c6.js → index.c1198f79.js}

@@ -5,42 +5,42 @@ import { shallow } from "zustand/shallow";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import clsx from "clsx";
-import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.1664b7ed.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.93376b7c.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.ec837142.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.db9e7ddb.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.b07b567a.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.06c18753.js";
 import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index.eb0451a8.js";
-import { u as useModal } from "../../../../hooks/useModal/index.64d98763.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index.360f8fb7.js";
+import { u as useModal } from "../../../../hooks/useModal/index.eb857f6e.js";
 import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.9a23e1d0.js";
 import { createStore, useStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.c93b31d4.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.08d72905.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.4eb9ca1e.js";
-import { B as Button } from "../../../mui_extended/Button/index.d44027cf.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.f8867ae9.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.abf49573.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.f674be30.js";
+import { B as Button } from "../../../mui_extended/Button/index.3d14e3e9.js";
 import { useMap } from "react-leaflet";
 import * as L from "leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { u as useTab } from "../../../../hooks/useTab/index.75c252f9.js";
+import { u as useTab } from "../../../../hooks/useTab/index.9ad15247.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index.3a46ec6c.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.66b8a523.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.6f9bbd80.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.f88ee5eb.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.b43ca9c9.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.de28c147.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.6fc44977.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.cb37d00d.js";
-import { I as Icon } from "../../../Icon/index.d82723ca.js";
+import { P as PaperForm } from "../../../PaperForm/index.cdb1f846.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.089af1b8.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.80b98b98.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.99de8138.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.7b6c1ee3.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.d81eae0a.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.ed380b30.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.5c6a6801.js";
+import { I as Icon } from "../../../Icon/index.c06685f4.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.9b6c5008.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.765e578d.js";
-import { D as DataGrid } from "../../../DataGrid/index.dc8fa469.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.8947ee59.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.8c947175.js";
+import { D as DataGrid } from "../../../DataGrid/index.b37d6cab.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [
@@ -1098,7 +1098,7 @@ function useSubmit(props) {
       bodyToSnakeCase: true,
       isRemote: false
     }).then((response) => {
-      toast(response.message, { type: "success" });
+      toast({ title: response.message }, { type: "success" });
       closePopup("geofencesAddEdit");
       showPopup("gpsTools");
       if (objectId !== void 0) {
@@ -1224,7 +1224,7 @@ function useRowActionsGetter(props) {
       method: "DELETE",
       endPoint: `geofences/${row.id}`
     }).then((response) => {
-      toast(response.message, { type: "success" });
+      toast({ title: response.message }, { type: "success" });
       fullRefresh();
     });
     closeModal();

package/components/maps/components/Map/external/googleMutant/index.d.ts

@@ -1,159 +1,159 @@
-import 'leaflet';
-
-declare module 'leaflet' {
-  namespace gridLayer {
-    interface GoogleMutant extends GridLayer {
-      setElementSize(e: HTMLElement, size: Point): void;
-
-      /**
-       * Add additional Google Maps layer.
-       *
-       * https://developers.google.com/maps/documentation/javascript/trafficlayer
-       *
-       * @param googleLayerName such as BicyclingLayer, TrafficLayer, or TransitLayer.
-       * @param options? constructor arguments to pass through to the google layer.
-       * @returns Promise for the native Google Maps Layer instance.
-       */
-      addGoogleLayer(googleLayerName: string, options?: object): Promise<object>;
-
-      /**
-       * Removes Google Maps layer.
-       *
-       *  https://developers.google.com/maps/documentation/javascript/trafficlayer
-       *
-       * @param googleLayerName such as BicyclingLayer, TrafficLayer, or TransitLayer.
-       */
-      removeGoogleLayer(googleLayerName: string): void;
-    }
-
-    type GoogleMutantType = 'roadmap' | 'satellite' | 'terrain' | 'hybrid';
-
-    interface GoogleMutantStyler {
-      hue?: string | undefined;
-      lightness?: number | undefined;
-      saturation?: number | undefined;
-      gamma?: number | undefined;
-      invert_lightness?: boolean | undefined;
-      visibility?: string | undefined;
-      color?: string | undefined;
-      weight?: number | undefined;
-    }
-
-    /**
-     * Google's map style.
-     *
-     * https://developers.google.com/maps/documentation/javascript/style-reference
-     */
-    interface GoogleMutantStyle {
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-features
-       */
-      featureType?: string | undefined;
-
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-elements
-       */
-      elementType?: string | undefined;
-
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#stylers
-       */
-      stylers?: GoogleMutantStyler[] | undefined;
-    }
-
-    interface GoogleMutantOptions extends TileLayerOptions {
-      minZoom?: number | undefined;
-      maxZoom?: number | undefined;
-      maxNativeZoom?: number | undefined;
-      tileSize?: number | Point | undefined;
-      subdomains?: string | string[] | undefined;
-      errorTileUrl?: string | undefined;
-
-      /**
-       * The mutant container will add its own attribution anyways.
-       */
-      attribution?: string | undefined;
-
-      opacity?: number | undefined;
-      continuousWorld?: boolean | undefined;
-      noWrap?: boolean | undefined;
-
-      /**
-       * Google's map type. 'hybrid' is not really supported.
-       */
-      type?: GoogleMutantType | undefined;
-
-      /**
-       * Google's map styles.
-       */
-      styles?: GoogleMutantStyle[] | undefined;
-    }
-
-    function googleMutant(options?: GoogleMutantOptions): GoogleMutant;
-
-    // Remove the duplicate declaration of GoogleMutantType
-
-    interface GoogleMutantStyler {
-      hue?: string | undefined;
-      lightness?: number | undefined;
-      saturation?: number | undefined;
-      gamma?: number | undefined;
-      invert_lightness?: boolean | undefined;
-      visibility?: string | undefined;
-      color?: string | undefined;
-      weight?: number | undefined;
-    }
-
-    /**
-     * Google's map style.
-     *
-     * https://developers.google.com/maps/documentation/javascript/style-reference
-     */
-    interface GoogleMutantStyle {
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-features
-       */
-      featureType?: string | undefined;
-
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-elements
-       */
-      elementType?: string | undefined;
-
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#stylers
-       */
-      stylers?: GoogleMutantStyler[] | undefined;
-    }
-
-    interface GoogleMutantOptions extends TileLayerOptions {
-      minZoom?: number | undefined;
-      maxZoom?: number | undefined;
-      maxNativeZoom?: number | undefined;
-      tileSize?: number | Point | undefined;
-      subdomains?: string | string[] | undefined;
-      errorTileUrl?: string | undefined;
-
-      /**
-       * The mutant container will add its own attribution anyways.
-       */
-      attribution?: string | undefined;
-
-      opacity?: number | undefined;
-      continuousWorld?: boolean | undefined;
-      noWrap?: boolean | undefined;
-
-      /**
-       * Google's map type. 'hybrid' is not really supported.
-       */
-      type?: GoogleMutantType | undefined;
-
-      /**
-       * Google's map styles.
-       */
-      styles?: GoogleMutantStyle[] | undefined;
-    }
-
-    function googleMutant(options?: GoogleMutantOptions): GoogleMutant;
-  }
-}
+import 'leaflet';
+
+declare module 'leaflet' {
+  namespace gridLayer {
+    interface GoogleMutant extends GridLayer {
+      setElementSize(e: HTMLElement, size: Point): void;
+
+      /**
+       * Add additional Google Maps layer.
+       *
+       * https://developers.google.com/maps/documentation/javascript/trafficlayer
+       *
+       * @param googleLayerName such as BicyclingLayer, TrafficLayer, or TransitLayer.
+       * @param options? constructor arguments to pass through to the google layer.
+       * @returns Promise for the native Google Maps Layer instance.
+       */
+      addGoogleLayer(googleLayerName: string, options?: object): Promise<object>;
+
+      /**
+       * Removes Google Maps layer.
+       *
+       *  https://developers.google.com/maps/documentation/javascript/trafficlayer
+       *
+       * @param googleLayerName such as BicyclingLayer, TrafficLayer, or TransitLayer.
+       */
+      removeGoogleLayer(googleLayerName: string): void;
+    }
+
+    type GoogleMutantType = 'roadmap' | 'satellite' | 'terrain' | 'hybrid';
+
+    interface GoogleMutantStyler {
+      hue?: string | undefined;
+      lightness?: number | undefined;
+      saturation?: number | undefined;
+      gamma?: number | undefined;
+      invert_lightness?: boolean | undefined;
+      visibility?: string | undefined;
+      color?: string | undefined;
+      weight?: number | undefined;
+    }
+
+    /**
+     * Google's map style.
+     *
+     * https://developers.google.com/maps/documentation/javascript/style-reference
+     */
+    interface GoogleMutantStyle {
+      /**
+       * https://developers.google.com/maps/documentation/javascript/style-reference#style-features
+       */
+      featureType?: string | undefined;
+
+      /**
+       * https://developers.google.com/maps/documentation/javascript/style-reference#style-elements
+       */
+      elementType?: string | undefined;
+
+      /**
+       * https://developers.google.com/maps/documentation/javascript/style-reference#stylers
+       */
+      stylers?: GoogleMutantStyler[] | undefined;
+    }
+
+    interface GoogleMutantOptions extends TileLayerOptions {
+      minZoom?: number | undefined;
+      maxZoom?: number | undefined;
+      maxNativeZoom?: number | undefined;
+      tileSize?: number | Point | undefined;
+      subdomains?: string | string[] | undefined;
+      errorTileUrl?: string | undefined;
+
+      /**
+       * The mutant container will add its own attribution anyways.
+       */
+      attribution?: string | undefined;
+
+      opacity?: number | undefined;
+      continuousWorld?: boolean | undefined;
+      noWrap?: boolean | undefined;
+
+      /**
+       * Google's map type. 'hybrid' is not really supported.
+       */
+      type?: GoogleMutantType | undefined;
+
+      /**
+       * Google's map styles.
+       */
+      styles?: GoogleMutantStyle[] | undefined;
+    }
+
+    function googleMutant(options?: GoogleMutantOptions): GoogleMutant;
+
+    // Remove the duplicate declaration of GoogleMutantType
+
+    interface GoogleMutantStyler {
+      hue?: string | undefined;
+      lightness?: number | undefined;
+      saturation?: number | undefined;
+      gamma?: number | undefined;
+      invert_lightness?: boolean | undefined;
+      visibility?: string | undefined;
+      color?: string | undefined;
+      weight?: number | undefined;
+    }
+
+    /**
+     * Google's map style.
+     *
+     * https://developers.google.com/maps/documentation/javascript/style-reference
+     */
+    interface GoogleMutantStyle {
+      /**
+       * https://developers.google.com/maps/documentation/javascript/style-reference#style-features
+       */
+      featureType?: string | undefined;
+
+      /**
+       * https://developers.google.com/maps/documentation/javascript/style-reference#style-elements
+       */
+      elementType?: string | undefined;
+
+      /**
+       * https://developers.google.com/maps/documentation/javascript/style-reference#stylers
+       */
+      stylers?: GoogleMutantStyler[] | undefined;
+    }
+
+    interface GoogleMutantOptions extends TileLayerOptions {
+      minZoom?: number | undefined;
+      maxZoom?: number | undefined;
+      maxNativeZoom?: number | undefined;
+      tileSize?: number | Point | undefined;
+      subdomains?: string | string[] | undefined;
+      errorTileUrl?: string | undefined;
+
+      /**
+       * The mutant container will add its own attribution anyways.
+       */
+      attribution?: string | undefined;
+
+      opacity?: number | undefined;
+      continuousWorld?: boolean | undefined;
+      noWrap?: boolean | undefined;
+
+      /**
+       * Google's map type. 'hybrid' is not really supported.
+       */
+      type?: GoogleMutantType | undefined;
+
+      /**
+       * Google's map styles.
+       */
+      styles?: GoogleMutantStyle[] | undefined;
+    }
+
+    function googleMutant(options?: GoogleMutantOptions): GoogleMutant;
+  }
+}

package/components/maps/components/Map/{index.765e578d.js → index.8c947175.js}

@@ -9,24 +9,24 @@ import { createPortal } from "react-dom";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment, useModulePrivileges } from "@m4l/core";
 import clsx from "clsx";
 import { useFormContext, useWatch } from "react-hook-form";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.4eb9ca1e.js";
-import { B as Button } from "../../../mui_extended/Button/index.d44027cf.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.f674be30.js";
+import { B as Button } from "../../../mui_extended/Button/index.3d14e3e9.js";
 import * as Yup from "yup";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.d0f40f8f.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.f88ee5eb.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.b5e15835.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.b43ca9c9.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.f05b6fe3.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.99de8138.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.f9d41b99.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.7b6c1ee3.js";
 import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.9a23e1d0.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.fa33051b.js";
-import { D as DataGrid } from "../../../DataGrid/index.dc8fa469.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.cbfe1cad.js";
+import { D as DataGrid } from "../../../DataGrid/index.b37d6cab.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
 import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.d82723ca.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.c06685f4.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.a68237b1.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.ea936c4a.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.722af14c.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox.5dc01b37.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.a7da93f1.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.52653047.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";
@@ -37,7 +37,7 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.ebfbb70f.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.f77cc2ab.js";
 import { b as bearingRawToCSS } from "../../index.13bb982c.js";
 import "leaflet-polylinedecorator";
 const updateOwnerStateClasses = (_state) => {