@m4l/gclick 0.3.0 → 0.3.1-beta.1

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useTool.js

@@ -1,64 +1,43 @@
-import { useMap } from "react-leaflet";
-import { usePopupsStore, deepShallow } from "@m4l/components";
-import { useCallback } from "react";
-function useTool(props) {
-  const { ToolComponent, popupId, iconUrl, title, defaultPosition } = props;
-  const { addPopup } = usePopupsStore((state) => state.popupsActions);
-  const { close } = usePopupsStore((state) => state.popupActions);
-  const { isToggled, isDisabled } = usePopupsStore(
-    (state) => {
-      const openPopupsIds = state.popupsIds.filter((pId) => {
-        return state.hashPopups[pId].status === "init";
-      });
+import { useMap as b } from "react-leaflet";
+import { usePopupsStore as i, deepShallow as h } from "@m4l/components";
+import { useCallback as r } from "react";
+function k(f) {
+  const { ToolComponent: s, popupId: n, iconUrl: u, title: a, defaultPosition: l } = f, { addPopup: d } = i((o) => o.popupsActions), { close: c } = i((o) => o.popupActions), { isToggled: p, isDisabled: P } = i(
+    (o) => {
+      const g = o.popupsIds.filter((T) => o.hashPopups[T].status === "init");
       return {
-        isToggled: openPopupsIds.indexOf(popupId) > -1,
-        isDisabled: state.popupsIds.indexOf(popupId) > -1 && openPopupsIds.indexOf(popupId) === -1
+        isToggled: g.indexOf(n) > -1,
+        isDisabled: o.popupsIds.indexOf(n) > -1 && g.indexOf(n) === -1
       };
     },
-    deepShallow
-  );
-  const map = useMap();
-  const onMouseUp = useCallback((e) => {
-    map.dragging.enable();
-    e.stopPropagation();
-    document.removeEventListener("mouseup", onMouseUp);
-  }, [map]);
-  const onMouseDown = useCallback((e) => {
-    map.dragging.disable();
-    e.stopPropagation();
-    document.addEventListener("mouseup", onMouseUp);
-  }, [map.dragging, onMouseUp]);
-  const onToolClick = useCallback((e) => {
-    if (!ToolComponent) {
-      return;
-    }
-    if (!isToggled) {
-      addPopup(
+    h
+  ), e = b(), t = r((o) => {
+    e.dragging.enable(), o.stopPropagation(), document.removeEventListener("mouseup", t);
+  }, [e]), m = r((o) => {
+    e.dragging.disable(), o.stopPropagation(), document.addEventListener("mouseup", t);
+  }, [e.dragging, t]);
+  return {
+    onToolClick: r((o) => {
+      s && (p ? c(n) : d(
         {
           winType: "component",
-          popupId,
-          title,
-          iconUrl,
-          component: ToolComponent,
-          onMouseDown,
-          defaultPosition,
+          popupId: n,
+          title: a,
+          iconUrl: u,
+          component: s,
+          onMouseDown: m,
+          defaultPosition: l,
           dynamicParams: {
             mytool: "juan"
           }
         },
-        { closeOthers: false }
-      );
-    } else {
-      close(popupId);
-    }
-    e.stopPropagation();
-  }, [ToolComponent, isToggled, addPopup, popupId, title, iconUrl, onMouseDown, defaultPosition, close]);
-  return {
-    onToolClick,
-    isToggled,
-    isDisabled
+        { closeOthers: !1 }
+      ), o.stopPropagation());
+    }, [s, p, d, n, a, u, m, l, c]),
+    isToggled: p,
+    isDisabled: P
   };
 }
 export {
-  useTool as u
+  k as useTool
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.d.ts

@@ -3,3 +3,4 @@ import { MapToolButton } from '../../../../../types';
  * TODO: Documentar
  */
 export declare function useZoomBottons(): MapToolButton[];
+//# sourceMappingURL=useZoomBottons.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomBottons.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD;;GAEG;AACH,wBAAgB,cAAc,IAAI,aAAa,EAAE,CAmDhD"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.js

@@ -1,61 +1,52 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { useMap } from "react-leaflet";
-import { M as MAP_ICONS } from "../../../../../icons.js";
-import { useEnvironment } from "@m4l/core";
-import { Z as ZoomButtonStyled } from "../../../../../slots/styled.js";
-function useZoomBottons() {
-  const map = useMap();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const [zoomInDisabled, setZoomInDisabled] = useState(false);
-  const [zoomOutDisabled, setZoomOutDisabled] = useState(false);
-  useEffect(() => {
-    const updateButtonState = () => {
-      const currentZoom = map.getZoom();
-      const maxZoom = map.getMaxZoom();
-      const minZoom = map.getMinZoom();
-      setZoomInDisabled(currentZoom === maxZoom);
-      setZoomOutDisabled(currentZoom === minZoom);
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { useState as u, useEffect as M, useCallback as d, useMemo as z } from "react";
+import { useMap as _ } from "react-leaflet";
+import { MAP_ICONS as p } from "../../../../../icons.js";
+import { useEnvironment as C } from "@m4l/core";
+import { ZoomButtonStyled as f } from "../../../../../slots/styled.js";
+function g() {
+  const o = _(), { host_static_assets: t, environment_assets: n } = C(), [s, l] = u(!1), [m, Z] = u(!1);
+  M(() => {
+    const e = () => {
+      const r = o.getZoom(), O = o.getMaxZoom(), b = o.getMinZoom();
+      l(r === O), Z(r === b);
     };
-    map.on("zoomend", updateButtonState);
-    updateButtonState();
-    return () => {
-      map.off("zoomend", updateButtonState);
+    return o.on("zoomend", e), e(), () => {
+      o.off("zoomend", e);
     };
-  }, [map]);
-  const handleZoomIn = useCallback(() => {
-    map.zoomIn();
-  }, [map]);
-  const handleZoomOut = useCallback(() => {
-    map.zoomOut();
-  }, [map]);
-  return useMemo(() => [
+  }, [o]);
+  const a = d(() => {
+    o.zoomIn();
+  }, [o]), i = d(() => {
+    o.zoomOut();
+  }, [o]);
+  return z(() => [
     {
       id: "zoom-in",
       type: "button",
-      ButtonComponent: /* @__PURE__ */ jsx(
-        ZoomButtonStyled,
+      ButtonComponent: /* @__PURE__ */ c(
+        f,
         {
-          onClick: handleZoomIn,
-          src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_ZOOM_IN}`,
-          disabled: zoomInDisabled
+          onClick: a,
+          src: `${t}/${n}/frontend/components/map/assets/icons/${p.MAP_ZOOM_IN}`,
+          disabled: s
         }
       )
     },
     {
       id: "zoom-out",
       type: "button",
-      ButtonComponent: /* @__PURE__ */ jsx(
-        ZoomButtonStyled,
+      ButtonComponent: /* @__PURE__ */ c(
+        f,
         {
-          onClick: handleZoomOut,
-          src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_ZOOM_OUT}`,
-          disabled: zoomOutDisabled
+          onClick: i,
+          src: `${t}/${n}/frontend/components/map/assets/icons/${p.MAP_ZOOM_OUT}`,
+          disabled: m
         }
       )
     }
-  ], [handleZoomIn, host_static_assets, environment_assets, zoomInDisabled, handleZoomOut, zoomOutDisabled]);
+  ], [a, t, n, s, i, m]);
 }
 export {
-  useZoomBottons as u
+  g as useZoomBottons
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.d.ts

@@ -4,4 +4,5 @@ import { ButtonsToolsListProps } from './types';
  * @param props
  * @returns
  */
-export declare function ButtonsToolsList(props: ButtonsToolsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonsToolsList(props: ButtonsToolsListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKrD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA4C5D"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.js

@@ -1,38 +1,31 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { M as MapControl } from "../../../../external/MapControl/index.js";
-import { B as ButtonPopupTool } from "./subcomponents/ButtonPopupTool/index.js";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-function ButtonsToolsList(props) {
-  const { tools, ControlContainer, position } = props;
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const toolsList = useMemo(() => {
-    return tools.map((tool) => {
-      if (tool.type === "popup") {
-        const isInternal = "isInternal" in tool && tool.isInternal;
-        const iconUrl = isInternal ? `${host_static_assets}/${environment_assets}/frontend/components/${tool.componentPathId}/assets/icons/${tool.iconId}` : tool.iconUrl;
-        const title = isInternal ? getLabel(tool.dictionaryId) : tool.PopupTitle;
-        return /* @__PURE__ */ jsx(
-          ButtonPopupTool,
-          {
-            ToolComponent: tool.PopupContentComponent,
-            iconUrl,
-            popupId: tool.id,
-            title,
-            defaultPosition: tool.popupDefaultPosition
-          },
-          tool.id
-        );
-      } else if (tool.type === "button") {
-        const ButtonComponent = tool.ButtonComponent;
-        return typeof ButtonComponent === "function" ? /* @__PURE__ */ jsx(ButtonComponent, {}, tool.id) : ButtonComponent;
-      }
-      return null;
-    });
-  }, [tools, host_static_assets, environment_assets, getLabel]);
-  return /* @__PURE__ */ jsx(MapControl, { position, prepend: true, ControlContainer, children: toolsList });
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as f } from "react";
+import { MapControl as l } from "../../../../external/MapControl/index.js";
+import { ButtonPopupTool as C } from "./subcomponents/ButtonPopupTool/index.js";
+import { useModuleDictionary as I, useEnvironment as P } from "@m4l/core";
+function L(p) {
+  const { tools: e, ControlContainer: u, position: c } = p, { getLabel: i } = I(), { host_static_assets: s, environment_assets: r } = P(), m = f(() => e.map((n) => {
+    if (n.type === "popup") {
+      const t = "isInternal" in n && n.isInternal, a = t ? `${s}/${r}/frontend/components/${n.componentPathId}/assets/icons/${n.iconId}` : n.iconUrl, d = t ? i(n.dictionaryId) : n.PopupTitle;
+      return /* @__PURE__ */ o(
+        C,
+        {
+          ToolComponent: n.PopupContentComponent,
+          iconUrl: a,
+          popupId: n.id,
+          title: d,
+          defaultPosition: n.popupDefaultPosition
+        },
+        n.id
+      );
+    } else if (n.type === "button") {
+      const t = n.ButtonComponent;
+      return typeof t == "function" ? /* @__PURE__ */ o(t, {}, n.id) : t;
+    }
+    return null;
+  }), [e, s, r, i]);
+  return /* @__PURE__ */ o(l, { position: c, prepend: !0, ControlContainer: u, children: m });
 }
 export {
-  ButtonsToolsList as B
+  L as ButtonsToolsList
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.d.ts

@@ -2,4 +2,5 @@ import { ButtonToolProps } from './types';
 /**
  * Boton de herramienta, se encarga de renderizar el boton de herramienta y gestionar el popup asociado.
  */
-export declare function ButtonPopupTool(props: ButtonToolProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ButtonPopupTool(props: ButtonToolProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2DAgBrD"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.js

@@ -1,22 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import { u as useTool } from "../../hooks/useTool.js";
-import { T as ToggleIconButtonPopupToolStyled } from "../../../../../../slots/styled.js";
-function ButtonPopupTool(props) {
-  const { ToolComponent, iconUrl } = props;
-  const { onToolClick, isDisabled, isToggled } = useTool(props);
-  if (!ToolComponent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ToggleIconButtonPopupToolStyled,
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useTool as u } from "../../hooks/useTool.js";
+import { ToggleIconButtonPopupToolStyled as T } from "../../../../../../slots/styled.js";
+function s(o) {
+  const { ToolComponent: n, iconUrl: l } = o, { onToolClick: t, isDisabled: i, isToggled: e } = u(o);
+  return n ? /* @__PURE__ */ r(
+    T,
     {
-      isToggled,
-      disabled: isDisabled,
-      onToggle: onToolClick,
-      icon: iconUrl
+      isToggled: e,
+      disabled: i,
+      onToggle: t,
+      icon: l
     }
-  );
+  ) : null;
 }
 export {
-  ButtonPopupTool as B
+  s as ButtonPopupTool
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/types.d.ts

@@ -1,2 +1,3 @@
 import { useToolProps } from '../../hooks/types';
 export type ButtonToolProps = useToolProps;
+//# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.d.ts

@@ -1,4 +1,5 @@
 /**
  * TODO: Documentar
  */
-export declare function MapLayersTool(): import("react/jsx-runtime").JSX.Element;
+export declare function MapLayersTool(): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MapLayersTool.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLayersTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.tsx"],"names":[],"mappings":"AAcA;;GAEG;AACH,wBAAgB,aAAa,qDA2B5B"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.js

@@ -1,30 +1,28 @@
-import { jsx } from "react/jsx-runtime";
-import { u as useMapLayersTool } from "./hooks/useMapLayersTool.js";
-import { u as useDisableMapEventsOnMouseOver } from "../../../../../../hooks/useDisableMapEventsOnMouseOver/index.js";
-import { useRef } from "react";
-import { G as GpsMapLayersToolRootStyled } from "./slots/styled.js";
-import { M as MapLayerRow } from "./subcomponents/MapLayerRow.js";
-function MapLayersTool() {
-  const { layers, setCheckedLayers, removeLayer } = useMapLayersTool();
-  const divRef = useRef(null);
-  useDisableMapEventsOnMouseOver(divRef.current);
-  return /* @__PURE__ */ jsx(GpsMapLayersToolRootStyled, { ref: divRef, children: layers.map((layer) => /* @__PURE__ */ jsx(
-    MapLayerRow,
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { useMapLayersTool as i } from "./hooks/useMapLayersTool.js";
+import { useDisableMapEventsOnMouseOver as m } from "../../../../../../hooks/useDisableMapEventsOnMouseOver/index.js";
+import { useRef as l } from "react";
+import { GpsMapLayersToolRootStyled as c } from "./slots/styled.js";
+import { MapLayerRow as p } from "./subcomponents/MapLayerRow.js";
+function A() {
+  const { layers: t, setCheckedLayers: r, removeLayer: u } = i(), o = l(null);
+  return m(o.current), /* @__PURE__ */ s(c, { ref: o, children: t.map((e) => /* @__PURE__ */ s(
+    p,
     {
-      id: layer.id,
-      name: layer.name,
-      autoFocusAble: layer.autoFocusAble,
-      clusterAble: layer.clusterAble,
-      deleteAble: layer.deleteAble,
-      visible: layer.visible,
-      cluster: layer.cluster,
-      autoFocus: layer.autoFocus,
-      setCheckedLayers,
-      removeLayer
+      id: e.id,
+      name: e.name,
+      autoFocusAble: e.autoFocusAble,
+      clusterAble: e.clusterAble,
+      deleteAble: e.deleteAble,
+      visible: e.visible,
+      cluster: e.cluster,
+      autoFocus: e.autoFocus,
+      setCheckedLayers: r,
+      removeLayer: u
     },
-    layer.id
+    e.id
   )) });
 }
 export {
-  MapLayersTool as M
+  A as MapLayersTool
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.styles.d.ts

@@ -1,2 +1,3 @@
 import { MapLayersToolStyles } from './types';
 export declare const mapLayersToolStyles: MapLayersToolStyles;
+//# sourceMappingURL=MapLayersTool.styles.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLayersTool.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,EAAE,mBA6CjC,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.styles.js

@@ -1,11 +1,11 @@
-const mapLayersToolStyles = {
+const e = {
   /**
    * Estilos del componente MapSourcesTool
    */
-  mapLayersToolRoot: ({ theme }) => ({
+  mapLayersToolRoot: ({ theme: a }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp3,
+    gap: a.vars.size.baseSpacings.sp3,
     position: "absolute",
     left: "-16px",
     top: "-16px",
@@ -13,15 +13,15 @@ const mapLayersToolStyles = {
     bottom: "-16px",
     overflowX: "hidden",
     overflowY: "auto",
-    margin: theme.vars.size.baseSpacings.sp3
+    margin: a.vars.size.baseSpacings.sp3
   }),
   /**
    * Estilos del componente MapLayersToolHeader
    */
-  mapLayersToolRowContainer: ({ theme }) => ({
+  mapLayersToolRowContainer: ({ theme: a }) => ({
     display: "flex",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp2
+    gap: a.vars.size.baseSpacings.sp2
   }),
   /**
    * Estilos del componente MapLayersToolRowCheckBoxNameContainer
@@ -34,12 +34,12 @@ const mapLayersToolStyles = {
   /**
    * Estilos del componente MapLayersToolRowOptionsContainer
    */
-  mapLayersToolRowOptionsContainer: ({ theme }) => ({
+  mapLayersToolRowOptionsContainer: ({ theme: a }) => ({
     display: "flex",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp2
+    gap: a.vars.size.baseSpacings.sp2
   })
 };
 export {
-  mapLayersToolStyles as m
+  e as mapLayersToolStyles
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/types.d.ts

@@ -9,3 +9,4 @@ export interface LayersListModel extends Pick<LayerStore, 'name' | 'clusterAble'
      */
     id: LayerId;
 }
+//# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAC;AAE5E,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAC7B;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EACtD,MAAM,GACN,aAAa,GACb,eAAe,GACf,YAAY,GACZ,SAAS,GACT,WAAW,GACX,SAAS,CACV;IACC;;OAEG;IACH,EAAE,EAAE,OAAO,CAAC;CAEb"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/useMapLayersTool.d.ts

@@ -7,3 +7,4 @@ export declare function useMapLayersTool(): {
     setCheckedLayers: (layerId: string, checkedNameProp: import('../../../../../../../contexts/MapContext/types').CheckedNameProp, newValue: boolean) => void;
     removeLayer: (layerId: string) => void;
 };
+//# sourceMappingURL=useMapLayersTool.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/useMapLayersTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMapLayersTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/useMapLayersTool.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,wBAAgB,gBAAgB;;;;EAqC/B"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/hooks/useMapLayersTool.js

@@ -1,37 +1,34 @@
-import { u as useMapStore } from "../../../../../../../hooks/useMapStore/index.js";
-import { deepShallow } from "@m4l/components";
-function useMapLayersTool() {
-  const { layers, setCheckedLayers, removeLayer } = useMapStore(
-    (state) => {
-      const arrLayers = [];
-      state.layersIds.forEach((layerId) => {
-        if (state.hashLayers[layerId]) {
-          arrLayers.push({
-            id: layerId,
-            name: state.hashLayers[layerId].name || `*${layerId}`,
-            clusterAble: state.hashLayers[layerId].clusterAble || false,
-            deleteAble: state.hashLayers[layerId].deleteAble || false,
-            autoFocusAble: state.hashLayers[layerId].autoFocusAble || false,
-            visible: state.hashLayers[layerId].visible || false,
-            autoFocus: state.hashLayers[layerId].autoFocus || false,
-            cluster: state.hashLayers[layerId].cluster || false
-          });
-        }
-      });
-      return {
-        layers: arrLayers,
-        setCheckedLayers: state.mapActions.setCheckedLayers,
-        removeLayer: state.mapActions.removeLayer
+import { useMapStore as u } from "../../../../../../../hooks/useMapStore/index.js";
+import { deepShallow as c } from "@m4l/components";
+function f() {
+  const { layers: a, setCheckedLayers: o, removeLayer: h } = u(
+    (e) => {
+      const r = [];
+      return e.layersIds.forEach((s) => {
+        e.hashLayers[s] && r.push({
+          id: s,
+          name: e.hashLayers[s].name || `*${s}`,
+          clusterAble: e.hashLayers[s].clusterAble || !1,
+          deleteAble: e.hashLayers[s].deleteAble || !1,
+          autoFocusAble: e.hashLayers[s].autoFocusAble || !1,
+          visible: e.hashLayers[s].visible || !1,
+          autoFocus: e.hashLayers[s].autoFocus || !1,
+          cluster: e.hashLayers[s].cluster || !1
+        });
+      }), {
+        layers: r,
+        setCheckedLayers: e.mapActions.setCheckedLayers,
+        removeLayer: e.mapActions.removeLayer
       };
     },
-    deepShallow
+    c
   );
   return {
-    layers,
-    setCheckedLayers,
-    removeLayer
+    layers: a,
+    setCheckedLayers: o,
+    removeLayer: h
   };
 }
 export {
-  useMapLayersTool as u
+  f as useMapLayersTool
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/slots.d.ts

@@ -4,3 +4,4 @@ export declare enum MapSlotsLayersTool {
     mapLayersToolRowCheckBoxNameContainer = "mapLayersToolRowCheckBoxNameContainer",
     mapLayersToolRowOptionsContainer = "mapLayersToolRowOptionsContainer"
 }
+//# sourceMappingURL=slots.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,iBAAiB,sBAAsB;IAEvC,yBAAyB,8BAA8B;IAEvD,qCAAqC,0CAA0C;IAE/E,gCAAgC,qCAAqC;CACtE"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/slots.js

@@ -1,10 +1,4 @@
-var MapSlotsLayersTool = /* @__PURE__ */ ((MapSlotsLayersTool2) => {
-  MapSlotsLayersTool2["mapLayersToolRoot"] = "mapLayersToolRoot";
-  MapSlotsLayersTool2["mapLayersToolRowContainer"] = "mapLayersToolRowContainer";
-  MapSlotsLayersTool2["mapLayersToolRowCheckBoxNameContainer"] = "mapLayersToolRowCheckBoxNameContainer";
-  MapSlotsLayersTool2["mapLayersToolRowOptionsContainer"] = "mapLayersToolRowOptionsContainer";
-  return MapSlotsLayersTool2;
-})(MapSlotsLayersTool || {});
+var a = /* @__PURE__ */ ((o) => (o.mapLayersToolRoot = "mapLayersToolRoot", o.mapLayersToolRowContainer = "mapLayersToolRowContainer", o.mapLayersToolRowCheckBoxNameContainer = "mapLayersToolRowCheckBoxNameContainer", o.mapLayersToolRowOptionsContainer = "mapLayersToolRowOptionsContainer", o))(a || {});
 export {
-  MapSlotsLayersTool as M
+  a as MapSlotsLayersTool
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/styled.d.ts

@@ -1,12 +1,13 @@
-export declare const GpsMapLayersToolRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+export declare const GpsMapLayersToolRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const GpsMapLayersToolRowContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const GpsMapLayersToolRowContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const GpsMapLayersToolRowCheckBoxNameContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const GpsMapLayersToolRowCheckBoxNameContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const GpsMapLayersToolRowOptionsContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const GpsMapLayersToolRowOptionsContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,0BAA0B;;6NAGG,CAAC;AAE3C,eAAO,MAAM,kCAAkC;;6NAGG,CAAC;AAEnD,eAAO,MAAM,8CAA8C;;6NAGG,CAAC;AAE/D,eAAO,MAAM,yCAAyC;;6NAGG,CAAC"}