@m4l/components 1.1.1 → 1.1.2

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.c50fc538.js → index.c568e68d.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.84b8fd47.js";
-import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2342a37e.js";
+import { B as Button } from "../../../mui_extended/Button/index.111f830e.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.a61e7dda.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.e64a379b.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.939811b3.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.97e91dae.js";
-import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.6591c56e.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.621ff8bc.js";
-import { D as DataGrid } from "../../../DataGrid/index.9aa088f6.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.aeb3bf66.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.3674daf7.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.40a9547e.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9425bdc5.js";
+import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.776c62e7.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.cd20de81.js";
+import { D as DataGrid } from "../../../DataGrid/index.b1cac6af.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.e06c693f.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.13aaae3c.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.ae30825c.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.82970357.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.caf23a5d.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox.a8958eb8.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.5e78a637.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.8fe4aa5d.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.14912462.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.78d1638f.js";
 import { b as bearingRawToCSS } from "../../index.13bb982c.js";
 import "leaflet-polylinedecorator";
 const COMPONENT_CLASS_NAME = "M4LMap";
@@ -1708,10 +1708,21 @@ function Controls(props) {
       L__default.DomEvent.disableScrollPropagation(cContainer);
     }
   }, [map]);
-  return /* @__PURE__ */ jsxs(PopupsProvider, { baseZindex: MAP_ZINDEX_OVER_MAP, children: [
+  return /* @__PURE__ */ jsxs(PopupsProvider, { baseZindex: MAP_ZINDEX_OVER_MAP, containerElement: map.getContainer(), initialPopups: [
+    {
+      popupId: "popup1",
+      status: "init",
+      iconUrl: "`https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/dynamic_filter/assets/icons/edit.svg`,",
+      title: "Popup 1",
+      subTitle: "Subtitulo",
+      zIndex: 1,
+      componentProps: {},
+      functionComponent: () => /* @__PURE__ */ jsx("div", { children: "MyComponent" })
+    }
+  ], children: [
     /* @__PURE__ */ jsx(TopLeftTools, {}),
     /* @__PURE__ */ jsx(TopRightTools, { gpsTools }),
-    controlContainer && createPortal(/* @__PURE__ */ jsx(PopupsViewer, { containerElement: map.getContainer() }), controlContainer)
+    controlContainer && createPortal(/* @__PURE__ */ jsx(PopupsViewer, {}), controlContainer)
   ] });
 }
 const MarkerClusterGroup = createPathComponent(({ children: _c, ...props }, ctx) => {
@@ -1768,10 +1779,8 @@ const MyLayer = (props) => {
     if (lefaletLayerRef.current.clickCount === 1) {
       lefaletLayerRef.current.clickTimeout = setTimeout(() => {
         const cluster2 = a.propagatedFrom;
-        if (cluster2 && cluster2 instanceof L__default.MarkerCluster) {
-          const childMarkers = cluster2.getAllChildMarkers();
-          console.log("Markers in this cluster: ", childMarkers);
-        }
+        if (cluster2 && cluster2 instanceof L__default.MarkerCluster)
+          ;
         if (!popupRef.current) {
           popupRef.current = L__default.popup().setLatLng(a.sourceTarget._cLatLng).setContent("Hello, World!");
           map.addLayer(popupRef.current);
@@ -2167,10 +2176,6 @@ const CommonFeatureRender = (props) => {
       fetchData();
     }
   }, [feature]);
-  useEffect(() => {
-    return () => {
-    };
-  }, []);
   if (!feature) {
     return null;
   }
@@ -2229,9 +2234,7 @@ const CommonFeatureRender = (props) => {
           },
           draggable: false,
           eventHandlers: {
-            add: onAddPointLayer,
-            click: (_e) => {
-            }
+            add: onAddPointLayer
           },
           ...styleProperties,
           ...propFeature