@m4l/gclick 0.2.0 → 0.2.3-beta.0

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/index.js

@@ -1,84 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useEffect } from "react";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import "leaflet";
-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 { D as DivTabGpsToolsRoot } from "../../styles.js";
-import { usePopupsStore, Tabs, Tab, Icon, TabContent } from "@m4l/components";
-import { G as GeofencesList } from "./subcomponents/GeofencesList/index.js";
-import { u as useLayers } from "../../hooks/useLayers/index.js";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../dictionary.js";
-import { g as gpsToolsClasses } from "../../classes/index.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../icons.js";
-import { h as GPS_TOOLS_POPUP_ID } from "../../../GpsMap/constants.js";
-import { u as useGpsMapToolsStore } from "../../hooks/useGpsMapToolsStore/index.js";
-function TabsGpsTools() {
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const status = useGpsMapToolsStore((state) => state.ownerState.status, shallow);
-  const currentTabTool = useGpsMapToolsStore((state) => state.currentTabGpsTool, shallow);
-  const { setCurrentTabTool } = useGpsMapToolsStore((state) => state.gpsToolsActions, shallow);
-  const { update } = usePopupsStore((state) => state.popupActions, shallow);
-  const toolTabs = useMemo(() => {
-    return [
-      {
-        id: "geofences",
-        iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCES}`,
-        component: /* @__PURE__ */ jsx(GeofencesList, {}),
-        label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_TAB_GEO),
-        className: gpsToolsClasses.gpsToolsGeofencesList
-      }
-    ];
-  }, [getLabel]);
-  useEffect(() => {
-    update(GPS_TOOLS_POPUP_ID, {
-      subTitle: currentTabTool === "geofences" ? getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_TAB_GEO) : ""
-    });
-  }, [currentTabTool]);
-  useLayers();
-  if (status !== "ready") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(DivTabGpsToolsRoot, { className: gpsToolsClasses.gpsToolsRoot, children: [
-    /* @__PURE__ */ jsx(
-      Tabs,
-      {
-        value: currentTabTool,
-        scrollButtons: "auto",
-        variant: "scrollable",
-        allowScrollButtonsMobile: true,
-        onChange: (_e, value) => setCurrentTabTool(value),
-        children: toolTabs.map((tab) => /* @__PURE__ */ jsx(
-          Tab,
-          {
-            value: tab.id,
-            icon: /* @__PURE__ */ jsx(Icon, { src: tab.iconUrl }),
-            className: clsx(gpsToolsClasses.gpsToolsTab, tab.className)
-          },
-          tab.id
-        ))
-      }
-    ),
-    toolTabs.map((tab) => {
-      const isMatched = tab.id === currentTabTool;
-      return /* @__PURE__ */ jsx(
-        TabContent,
-        {
-          className: clsx(
-            gpsToolsClasses.gpsToolsTabContent,
-            tab.className,
-            isMatched ? gpsToolsClasses.visible : gpsToolsClasses.hidden
-          ),
-          children: tab.component
-        },
-        tab.id
-      );
-    })
-  ] });
-}
-export {
-  TabsGpsTools as T
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/constants.d.ts

@@ -1,20 +0,0 @@
-import { FormAddEditValues } from './types';
-export declare const STROKE_COLOR_DEFAULT = "#aaccaa";
-export declare const STROKE_OPACITY_DEFAULT: {
-    value: number;
-    label: string;
-};
-export declare const STROKE_WHEIGTH_DEFAULT: {
-    value: number;
-    label: string;
-};
-export declare const STROKE_DASH_ARRAY_DEFAULT: {
-    value: string;
-    label: string;
-};
-export declare const FILL_COLOR_DEFAULT = "#aa3000";
-export declare const FILL_OPACITY_DEFAULT: {
-    value: number;
-    label: string;
-};
-export declare const initialValues: FormAddEditValues;

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/constants.js

@@ -1,40 +0,0 @@
-const STROKE_COLOR_DEFAULT = "#aaccaa";
-const STROKE_OPACITY_DEFAULT = { value: 1, label: "100%" };
-const STROKE_WHEIGTH_DEFAULT = { value: 1, label: "1 px" };
-const STROKE_DASH_ARRAY_DEFAULT = { value: "", label: "-----" };
-const FILL_COLOR_DEFAULT = "#aa3000";
-const FILL_OPACITY_DEFAULT = { value: 0.2, label: "20%" };
-const initialValues = {
-  /** General Data */
-  name: "",
-  geofenceType: null,
-  /** Config Data */
-  alias: null,
-  customerId: null,
-  timeMinInSeconds: 5,
-  timeMinOutSeconds: 5,
-  /** de Apoyo */
-  inEdition: false,
-  geometry: null,
-  lat: null,
-  lng: null,
-  properties: {
-    radius: null,
-    /** Style Data */
-    strokeColor: STROKE_COLOR_DEFAULT,
-    strokeOpacity: STROKE_OPACITY_DEFAULT,
-    strokeWeight: STROKE_WHEIGTH_DEFAULT,
-    strokeDashArray: STROKE_DASH_ARRAY_DEFAULT,
-    fillColor: FILL_COLOR_DEFAULT,
-    fillOpacity: FILL_OPACITY_DEFAULT
-  }
-};
-export {
-  FILL_OPACITY_DEFAULT as F,
-  STROKE_DASH_ARRAY_DEFAULT as S,
-  FILL_COLOR_DEFAULT as a,
-  STROKE_WHEIGTH_DEFAULT as b,
-  STROKE_OPACITY_DEFAULT as c,
-  STROKE_COLOR_DEFAULT as d,
-  initialValues as i
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/hooks/useSumbitErrorsFocus.js

@@ -1,36 +0,0 @@
-import { useEffect } from "react";
-import { useFormContext } from "react-hook-form";
-import { useTab } from "@m4l/components";
-function useSumbitErrorsFocus() {
-  const {
-    setFocus,
-    formState: { isSubmitted, errors }
-  } = useFormContext();
-  const { handleChange } = useTab();
-  useEffect(() => {
-    if (isSubmitted) {
-      const firstError = Object.keys(errors).reduce((field, a) => {
-        const fieldKey = field;
-        return errors[fieldKey] ? fieldKey : a;
-      }, null);
-      if (firstError) {
-        const found = [
-          "name",
-          "geometry",
-          "geofenceType",
-          "timeMinInSeconds",
-          "timeMinOutSeconds"
-        ].some((field) => field.includes(firstError));
-        if (found) {
-          handleChange(null, "general");
-        }
-        if (firstError) {
-          setFocus(firstError);
-        }
-      }
-    }
-  }, [isSubmitted, errors]);
-}
-export {
-  useSumbitErrorsFocus as u
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/index.d.ts

@@ -1,5 +0,0 @@
-import { GeofenceAddEditProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function GeofenceAddEdit(props: GeofenceAddEditProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/index.js

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { R as RHFormProviderStyled } from "./styles.js";
-import { useFormAddEdit, Stack, TabProvider } from "@m4l/components";
-import { M as MyActions } from "./subcomponents/MyActions/index.js";
-import { M as MyTabs } from "./subcomponents/MyTabs/index.js";
-import { f as formatDataEnpoint } from "./helpers.js";
-import { u as useValidation } from "./hooks/useValidation.js";
-import { u as useSubmit } from "./hooks/useSubmit.js";
-import { i as initialValues } from "./constants.js";
-import { a as ENDPOINT_GEOFENCE_GET } from "../constants.js";
-import { g as gpsToolsClasses } from "../../../../classes/index.js";
-import { u as useGpsMapToolsStore } from "../../../../hooks/useGpsMapToolsStore/index.js";
-function GeofenceAddEdit(props) {
-  const { geofenceId } = props;
-  const [finalInitalValues, omitCallEnpoint] = useGpsMapToolsStore((state) => {
-    if (geofenceId === void 0) {
-      return [initialValues, false];
-    }
-    const geofence = state.geofenceState.hashGeofences[geofenceId];
-    if (geofence?.geometry) {
-      const emulateResponse = {
-        data: {
-          type: geofence.type,
-          name: geofence.name,
-          id: geofence.id,
-          active: false,
-          geometry: geofence.geometry,
-          properties: geofence.properties,
-          countCrossingFeatures: geofence.countCrossingFeatures,
-          countInternalFeatures: geofence.countInternalFeatures,
-          createdAt: geofence.createdAt,
-          updatedAt: geofence.updatedAt,
-          timeMinInSeconds: geofence.timeMinInSeconds,
-          timeMinOutSeconds: geofence.timeMinOutSeconds,
-          alias: geofence.alias,
-          customerId: geofence.customerId
-        }
-      };
-      return [formatDataEnpoint(emulateResponse), true];
-    } else {
-      return [initialValues, false];
-    }
-  });
-  const { formValues, statusLoad } = useFormAddEdit({
-    objectId: geofenceId,
-    formatDataEnpoint,
-    initialValues: finalInitalValues,
-    endPoint: ENDPOINT_GEOFENCE_GET,
-    isRemote: false,
-    omitCallEnpoint
-  });
-  const { validationSchema } = useValidation();
-  const { onSubmit } = useSubmit({ objectId: geofenceId });
-  return /* @__PURE__ */ jsx(
-    RHFormProviderStyled,
-    {
-      statusLoad,
-      onSubmit,
-      values: formValues,
-      validationSchema,
-      className: gpsToolsClasses.gpsToolsGeofencesAddEdit,
-      children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "8px", children: [
-        /* @__PURE__ */ jsx(TabProvider, { initialValue: "general", children: /* @__PURE__ */ jsx(MyTabs, {}) }),
-        /* @__PURE__ */ jsx(MyActions, { ...props })
-      ] })
-    }
-  );
-}
-export {
-  GeofenceAddEdit as G
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/styles.d.ts

@@ -1 +0,0 @@
-export declare const RHFormProviderStyled: import('@emotion/styled').StyledComponent<import('@m4l/components/src/components/hook-form/RHFormContext/types').FormProviderProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/styles.js

@@ -1,8 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { RHFormProvider } from "@m4l/components";
-const RHFormProviderStyled = styled(RHFormProvider)`
-  
-`;
-export {
-  RHFormProviderStyled as R
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/ConfigData/index.js

@@ -1,51 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { PaperForm, RHFTextField } from "@m4l/components";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../../dictionary.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../../../../icons.js";
-function ConfigData() {
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const urlIcon = `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.CONFIG}`;
-  return /* @__PURE__ */ jsxs(PaperForm, { urlIcon, title: getLabel(MAP_GPSTOOLS_DICCTIONARY.PAPER_CONFIG), children: [
-    /* @__PURE__ */ jsx(
-      RHFTextField,
-      {
-        name: "alias",
-        disabled: false,
-        type: "text",
-        label: getLabel(`${MAP_GPSTOOLS_DICCTIONARY.LABEL_ALIAS}`)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RHFTextField,
-      {
-        name: "customerId",
-        disabled: false,
-        type: "text",
-        label: getLabel(`${MAP_GPSTOOLS_DICCTIONARY.LABEL_CUSTOMER_ID}`)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RHFTextField,
-      {
-        name: "timeMinInSeconds",
-        disabled: false,
-        type: "number",
-        label: getLabel(`${MAP_GPSTOOLS_DICCTIONARY.LABEL_TIME_MIN_IN_SECONDS}`)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RHFTextField,
-      {
-        name: "timeMinOutSeconds",
-        disabled: false,
-        type: "number",
-        label: getLabel(`${MAP_GPSTOOLS_DICCTIONARY.LABEL_TIME_MIN_OUT_SECONDS}`)
-      }
-    )
-  ] });
-}
-export {
-  ConfigData as C
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/index.js

@@ -1,128 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { PaperForm, RHFTextField, Stack, RHFAutocomplete, IconButton } from "@m4l/components";
-import { u as useDrawing } from "../../hooks/useDrawing.js";
-import { u as useSumbitErrorsFocus } from "../../hooks/useSumbitErrorsFocus.js";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../../dictionary.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../../../../icons.js";
-import { g as gpsToolsClasses } from "../../../../../../classes/index.js";
-function GeneralData() {
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { inEdition, handleDraw, handleFinish, geometrTypeIdCached } = useDrawing();
-  useSumbitErrorsFocus();
-  const urlIcon = `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GENERAL}`;
-  const geofencesTypes = useMemo(() => {
-    return [
-      {
-        id: "gt_circle",
-        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_GEOMETRY_CIRCLE),
-        url: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_TYPE_CIRCLE}`
-      },
-      {
-        id: "gt_polygon",
-        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_GEOMETRY_POLYGON),
-        url: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_TYPE_POLYGON}`
-      },
-      {
-        id: "gt_rectangle",
-        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_GEOMETRY_RECTANGLE),
-        url: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_TYPE_RECTANGLE}`
-      }
-    ];
-  }, [getLabel]);
-  return /* @__PURE__ */ jsxs(PaperForm, { urlIcon, title: getLabel(MAP_GPSTOOLS_DICCTIONARY.PAPER_GENERAL), children: [
-    /* @__PURE__ */ jsx(
-      RHFTextField,
-      {
-        name: "name",
-        disabled: false,
-        type: "text",
-        label: getLabel(`${MAP_GPSTOOLS_DICCTIONARY.LABEL_NAME}`)
-      }
-    ),
-    /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(
-          RHFAutocomplete,
-          {
-            type: "image",
-            name: "geofenceType",
-            autoComplete: "off",
-            options: geofencesTypes,
-            getOptionLabel: (option) => option.name,
-            isOptionEqualToValue: (option, value) => option.id === value.id,
-            getOptionUrlImage: (option) => option.url,
-            label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_GEOMETRY_TYPE)
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            className: gpsToolsClasses.gpsToolsGeofencesAddEditDrawFinishContainer,
-            direction: "row",
-            gap: 1,
-            alignItems: "center",
-            children: [
-              /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  src: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_DRAW}`,
-                  onClick: handleDraw,
-                  disabled: inEdition || !geometrTypeIdCached,
-                  tooltip: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_DRAW)
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  src: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_FINISH}`,
-                  onClick: handleFinish,
-                  disabled: !inEdition,
-                  tooltip: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_FINISH)
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      geometrTypeIdCached && geometrTypeIdCached === "gt_circle" && // <HelperText variant='info' message={'undefined'} />
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(
-          RHFTextField,
-          {
-            name: "properties.radius",
-            label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_RADIUS),
-            autoComplete: "off",
-            disabled: true,
-            size: "small"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RHFTextField,
-          {
-            name: "lat",
-            label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_LAT),
-            autoComplete: "off",
-            disabled: true,
-            size: "small"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RHFTextField,
-          {
-            name: "lng",
-            label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_LON),
-            autoComplete: "off",
-            disabled: true,
-            size: "small"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-export {
-  GeneralData as G
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/types.d.ts

@@ -1,7 +0,0 @@
-import { GeofenceTypeItem } from '../../../../../../types';
-import { GeofenceGeometry } from '../../../model';
-export interface FormGeneralDataValues {
-    name: string;
-    geometry: GeofenceGeometry | null;
-    geofenceType: GeofenceTypeItem | null;
-}

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.d.ts

@@ -1,5 +0,0 @@
-import { MyActionsProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function MyActions(props: MyActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.js

@@ -1,55 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { useModuleDictionary } from "@m4l/core";
-import { useModal, usePopupsStore, WindowConfirm, ActionsContainer, RHFHelperError, Button, ActionFormIntro } from "@m4l/components";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../../dictionary.js";
-import { u as useGpsMapToolsStore } from "../../../../../../hooks/useGpsMapToolsStore/index.js";
-function MyActions(props) {
-  const { geofenceId } = props;
-  const { control } = useFormContext();
-  const { getLabel } = useModuleDictionary();
-  const { openModal } = useModal();
-  const inEdition = useWatch({
-    control,
-    name: "inEdition"
-  });
-  const { isDirty } = useFormState({
-    control
-  });
-  const { close, show } = usePopupsStore((state) => state.popupActions);
-  const { addCheckedGeofence } = useGpsMapToolsStore((state) => state.geofenceActions);
-  const onClickCancelLocal = useCallback(() => {
-    if (isDirty) {
-      openModal({
-        window: /* @__PURE__ */ jsx(
-          WindowConfirm,
-          {
-            variant: "warning",
-            title: getLabel("common_actions.confirm_quit_title"),
-            msg: getLabel("common_actions.confirm_quit_msg"),
-            onClickIntro: onConfirmQuit
-          }
-        ),
-        variant: "warning"
-      });
-    } else {
-      onConfirmQuit();
-    }
-  }, [getLabel, isDirty, openModal]);
-  const onConfirmQuit = () => {
-    close("geofencesAddEdit");
-    if (geofenceId !== void 0) {
-      addCheckedGeofence(geofenceId);
-    }
-    show("gpsTools");
-  };
-  return /* @__PURE__ */ jsxs(ActionsContainer, { children: [
-    /* @__PURE__ */ jsx(RHFHelperError, { name: "geometry" }),
-    /* @__PURE__ */ jsx(Button, { onClick: onClickCancelLocal, disabled: inEdition, label: getLabel(MAP_GPSTOOLS_DICCTIONARY.ACTION_CANCEL) }),
-    /* @__PURE__ */ jsx(ActionFormIntro, { label: "", disabled: inEdition })
-  ] });
-}
-export {
-  MyActions as M
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyTabs/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare function MyTabs(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyTabs/index.js

@@ -1,76 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import clsx from "clsx";
-import { useTab, Tabs, Tab, Icon, TabContent } from "@m4l/components";
-import { G as GeneralData } from "../GeneralData/index.js";
-import { C as ConfigData } from "../ConfigData/index.js";
-import { S as StyleData } from "../StyleData/index.js";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../../dictionary.js";
-import { g as gpsToolsClasses } from "../../../../../../classes/index.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../../../../icons.js";
-function MyTabs() {
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { currentTab, handleChange } = useTab();
-  const geofenceAddEditTabs = useMemo(() => {
-    return [
-      {
-        id: "general",
-        iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.DATA}`,
-        component: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(GeneralData, {}),
-          /* @__PURE__ */ jsx(ConfigData, {})
-        ] }),
-        label: getLabel(MAP_GPSTOOLS_DICCTIONARY.TAB_GENERAL_CONFIG_TOOLTIP),
-        className: gpsToolsClasses.toolGeofencesAddEditGeneral
-      },
-      {
-        id: "style",
-        iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.STYLE}`,
-        component: /* @__PURE__ */ jsx(StyleData, {}),
-        label: getLabel(MAP_GPSTOOLS_DICCTIONARY.TAB_STYLE_CONFIG_TOOLTIP),
-        className: gpsToolsClasses.toolGeofencesAddEditStyle
-      }
-    ];
-  }, [getLabel]);
-  return /* @__PURE__ */ jsxs("div", { className: gpsToolsClasses.gpsToolsGeofencesAddEditContent, children: [
-    /* @__PURE__ */ jsx(
-      Tabs,
-      {
-        value: currentTab,
-        scrollButtons: "auto",
-        variant: "scrollable",
-        allowScrollButtonsMobile: true,
-        onChange: (_e, newValue) => handleChange(_e, newValue),
-        children: geofenceAddEditTabs.map((tab) => /* @__PURE__ */ jsx(
-          Tab,
-          {
-            value: tab.id,
-            icon: /* @__PURE__ */ jsx(Icon, { src: tab.iconUrl }),
-            label: ""
-          },
-          tab.id
-        ))
-      }
-    ),
-    geofenceAddEditTabs.map((tab) => {
-      const isMatched = tab.id === currentTab;
-      return /* @__PURE__ */ jsx(
-        TabContent,
-        {
-          className: clsx(
-            gpsToolsClasses.gpsToolsTabContent,
-            tab.className,
-            isMatched ? gpsToolsClasses.visible : gpsToolsClasses.hidden
-          ),
-          children: tab.component
-        },
-        tab.id
-      );
-    })
-  ] });
-}
-export {
-  MyTabs as M
-};

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyTabs/types.d.ts

@@ -1,7 +0,0 @@
-export interface TabAction {
-    id: string;
-    iconUrl: string;
-    component: React.ReactNode;
-    label: string;
-    className?: string;
-}

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/StyleData/types.d.ts

@@ -1,10 +0,0 @@
-import { Maybe } from '@m4l/core';
-import { StyleOpacity, StyleDashArray, StyleWheight } from '../../../../../../types';
-export interface FormStyleDataValues {
-    strokeColor?: string;
-    strokeOpacity?: Maybe<StyleOpacity>;
-    strokeWeight?: Maybe<StyleWheight>;
-    strokeDashArray?: Maybe<StyleDashArray>;
-    fillColor?: string;
-    fillOpacity?: Maybe<StyleOpacity>;
-}

package/components/maps/components/GpsMapTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useCheckedFeatures.d.ts

@@ -1,9 +0,0 @@
-import { GeofencesFeaturesLayers } from '../../constants';
-/**
- * Hook encargado de cargar los features y pintarlos cuando los seleccionen
- * @param layerId
- * @param featuresType
- * @param endpoint
- * @returns
- */
-export declare function useCheckedFeatures(layerId: GeofencesFeaturesLayers, featuresType: 'CrossingFeatures' | 'InternalFeatures', endpoint: string): [ReadonlySet<number>, (newFeatures: ReadonlySet<number>) => void];