@m4l/components 2.0.4 → 2.0.6

package/components/hook-form/RHFUpload/{index.13724496.js → index.77519c4c.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.eec95206.js";
+import { I as Image } from "../../Image/index.472191c2.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.cabe6a64.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.1664b7ed.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.202945af.js";
-import { B as Button } from "../../mui_extended/Button/index.19eb272d.js";
-import { H as HelperText } from "../../HelperText/index.83b28429.js";
+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";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/maps/components/GpsTools/{index.6da62b64.js → index.c912d7c6.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.cabe6a64.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.5d0688b9.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.93458be0.js";
+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 { 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.f2b943ae.js";
-import { u as useModal } from "../../../../hooks/useModal/index.33e4befd.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index.eb0451a8.js";
+import { u as useModal } from "../../../../hooks/useModal/index.64d98763.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.2af9a15d.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.0d48420b.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.841f1da0.js";
-import { B as Button } from "../../../mui_extended/Button/index.19eb272d.js";
+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 { 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.bcbaa818.js";
+import { u as useTab } from "../../../../hooks/useTab/index.75c252f9.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index.5cc98ed7.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.3f11b4dd.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.7f95edb6.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.53be5d28.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.4134de6f.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.d1ca87c1.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.21ae7dca.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.7abd42e8.js";
-import { I as Icon } from "../../../Icon/index.f9cd9367.js";
+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 * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.5f204081.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.9c3b3cd0.js";
-import { D as DataGrid } from "../../../DataGrid/index.fa8634c0.js";
+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";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

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.9c3b3cd0.js → index.765e578d.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.841f1da0.js";
-import { B as Button } from "../../../mui_extended/Button/index.19eb272d.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.4eb9ca1e.js";
+import { B as Button } from "../../../mui_extended/Button/index.d44027cf.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.60003c6b.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.53be5d28.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.2ced89c0.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.4134de6f.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 { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.9a23e1d0.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.1f4121fa.js";
-import { D as DataGrid } from "../../../DataGrid/index.fa8634c0.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.fa33051b.js";
+import { D as DataGrid } from "../../../DataGrid/index.dc8fa469.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.f9cd9367.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.d82723ca.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.d6469bd2.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.ab4709b3.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.fb409d20.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 { 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.78d1638f.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.ebfbb70f.js";
 import { b as bearingRawToCSS } from "../../index.13bb982c.js";
 import "leaflet-polylinedecorator";
 const updateOwnerStateClasses = (_state) => {