@m4l/components 0.2.19 → 0.2.21

package/components/PopupsProvider/contexts/PopupsContext/types.d.ts

@@ -1,117 +0,0 @@
-import { GetLabelType } from '@m4l/core';
-import { ReactNode } from 'react';
-import { PopupsClasses } from '../../classes/types';
-import { DraggableWindowProps } from '../../../DragResizeWindow/types';
-import { PositionXY } from '../../../../utils/types';
-export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | 'defaultPosition'> {
-    /**
-     * "popupId" Indetificador del popupId
-     */
-    popupId: string;
-    /**
-     * "title" Titulo de la ventan
-    */
-    title?: string;
-    /**
-     * draggable Indica si el popup es arrastrable, default true
-     */
-    draggable?: boolean;
-    /**
-     * resizable Indica si el popup es redimensionable, default true
-     */
-    resizable?: boolean;
-    /**
-     * maxSizeByPadding Tamaño maximo del popup en terminos de padding con respecto al conenedor padre
-     */
-    maxSizeByPadding?: PositionXY;
-    /**
-     * functionComponent retorna el componente que se va a mostrar en el popup.
-     * Se utiliza ()=>ReactNode para evitar que zustand cargue todo el componente en el store.
-     * Lo unico que necesita es guardar la referencia la función que retorna el componente.
-     */
-    functionComponent: (() => ReactNode);
-    /**
-     * "onMouseDown" Evento nativo del Draggable, para tomar acciones externamente
-     */
-    onMouseDown?: (e: MouseEvent) => void;
-}
-export declare type PopupsStatus = 'init' | 'ready';
-export declare type OwnerState = {
-    status: PopupsStatus;
-    /**
-     *  "isMobile" cuando el navegador está en modo celular
-     */
-    isMobile: boolean;
-    /**
-     *  "isSkeleton" indica si el componente está en skeleton.
-     */
-    isSkeleton: boolean;
-};
-/**
- * @type
- * @name ExternalOwnerState
- * @description Estados que se actulizan por fuera del store, a través de hooks
- */
-export declare type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
-/**
- * @interface
- * @description Interface que define el estado del componente (variables y funciones )
- */
-export interface PopupsState {
-    ownerState: OwnerState;
-    /**
-     *  "classes" enfocado al funcionamiento de las clases a nivel de map
-     */
-    classes: PopupsClasses;
-    /**
-     *  "poupsIds" Poups para saber en que orden se muestran
-     */
-    popupsIds: string[];
-    /**
-     *  "hashPoups" Poups
-     */
-    hashPopups: Record<string, PopupStoreProps>;
-    /**
-     *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
-     */
-    getLabel: GetLabelType;
-}
-export interface PopupsStateWithActions extends PopupsState {
-    popupsActions: {
-        /**
-         * @description
-         */
-        init(layersStore: PopupStoreProps[]): void;
-        /**
-         * @description Cambia el estado del popus
-         */
-        setState: (state: PopupsStatus) => void;
-        /**
-         * @description Agrega una capa nueva,
-         */
-        addPopup: (popupProps: PopupStoreProps) => void;
-        /**
-         * @description Remueve un feature especifico de la capa
-         */
-        removePopup: (layerId: string) => void;
-        /**
-         * @description Actualiza la variable de estado "getLabel"
-         * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
-         * cambia por el useCallback, cuando el diccionario se carga.
-         * @returns void
-         */
-        setHandlerGetLabel: (newHandler: GetLabelType) => void;
-        /**
-         * @description Modifica los estados que se actualizan externamente al Store
-         * @param newIsMobile
-         * @returns
-         */
-        setExternalState: (newExternalState: ExternalOwnerState) => void;
-    };
-}
-export declare type DefaultPopupsStoreProps = PopupsState;
-export declare type InitialPopupsStoreProps = Pick<PopupsState, 'getLabel' | 'ownerState'> & Partial<DefaultPopupsStoreProps>;
-export interface PopupsProviderProps {
-    initialPopups?: PopupStoreProps[];
-    children: ReactNode;
-}

package/components/PopupsProvider/hooks/usePopupsStore/index.d.ts

@@ -1,3 +0,0 @@
-import { PopupsStateWithActions } from '../../contexts/PopupsContext/types';
-export declare function usePopupsStore<T>(selector: (state: PopupsStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export default usePopupsStore;

package/components/PopupsProvider/index.81460070.js

@@ -1,247 +0,0 @@
-import React__default, { useContext, useRef, useEffect, createContext } from "react";
-import { createStore, useStore } from "zustand";
-import { shallow } from "zustand/shallow";
-import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { cloneDeep } from "lodash";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { styled } from "@mui/material/styles";
-import { D as DragResizeWindow, d as draggableWindowClasses } from "../DragResizeWindow/index.cb3d34e7.js";
-import { useMap } from "react-leaflet";
-import { u as useSizeContainer } from "../../hooks/useSizeContainer/index.62b4e0c4.js";
-const COMPONENT_CLASS_NAME = "M4LPopupsProvider";
-const MAP_ZINDEX_OVER_MAP = 1100;
-const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
-  "root",
-  "windowRoot",
-  "headerContainer",
-  "windowContent"
-]);
-function getPopupsUtilityClass(slot) {
-  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
-}
-const popupsUtilityClasses = (_ownerState) => {
-  const slots = {
-    root: ["root"],
-    popupsContainer: ["popupsContainer"],
-    windowRoot: ["windowBaseRoot"],
-    headerContainer: ["headerContainer"],
-    windowContent: ["windowContent"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPopupsUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const updateOwnerStateClasses = (state) => {
-  state.classes = popupsUtilityClasses(state.ownerState);
-};
-const createPopupsStore = (initProps) => {
-  const startProps = {
-    classes: popupsUtilityClasses(initProps.ownerState),
-    popupsIds: [],
-    hashPopups: {},
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, get) => ({
-        ...startProps,
-        popupsActions: {
-          init: (initialPopups) => {
-            set((state) => {
-              for (let index = 0; index < initialPopups.length; index++) {
-                state.hashPopups[initialPopups[index].popupId] = cloneDeep(
-                  initialPopups[index]
-                );
-                state.popupsIds.push(initialPopups[index].popupId);
-              }
-            });
-          },
-          setState: (status) => {
-            set((state) => {
-              state.ownerState.status = status;
-            });
-          },
-          addPopup: (popupProps) => {
-            if (get().hashPopups[popupProps.popupId]) {
-              throw new Error(`Poupup with id ${popupProps.popupId} already exists`);
-            }
-            set((state) => {
-              state.hashPopups[popupProps.popupId] = popupProps;
-              state.popupsIds.push(popupProps.popupId);
-            });
-          },
-          removePopup: (popupId) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              state.popupsIds.splice(state.popupsIds.indexOf(popupId), 1);
-              delete state.hashPopups[popupId];
-            });
-          },
-          setHandlerGetLabel: (newHandler) => {
-            set((state) => {
-              state.getLabel = newHandler;
-            });
-          },
-          setExternalState: (newExternalState) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, ...newExternalState };
-              updateOwnerStateClasses(state);
-            });
-          }
-        }
-      })),
-      { name: `Popups store` }
-    )
-  );
-};
-function usePopupsStore(selector, equalityFn) {
-  const context = useContext(PopupsContext);
-  if (!context)
-    throw new Error("usePopupsStore context must be use inside PopupsContext");
-  return useStore(context, selector, equalityFn);
-}
-const PopupWindowRoot = styled("div")`
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-
-    .${popupsClasses.headerContainer} {
-        position: relative;
-    }
-    .${popupsClasses.windowContent} {
-        padding: 12px;
-        position: relative;
-        flex-grow: 1;
-        overflow: hidden;
-    }
-
-`;
-const Popup = (props) => {
-  const {
-    popupId,
-    containerElement,
-    containerSize
-  } = props;
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const {
-    draggable,
-    resizable,
-    defaultPosition,
-    bounds,
-    ...others
-  } = popup;
-  const nodeRef = useRef(null);
-  return /* @__PURE__ */ jsx(DragResizeWindow, {
-    className: popupsClasses.root,
-    onMouseDown: popup.onMouseDown,
-    containerElement,
-    containerSize,
-    bounds,
-    draggable,
-    resizeable: resizable,
-    defaultPosition,
-    ...others,
-    children: /* @__PURE__ */ jsxs(PopupWindowRoot, {
-      className: popupsClasses.windowRoot,
-      children: [/* @__PURE__ */ jsx("div", {
-        ref: nodeRef,
-        className: clsx(popupsClasses.headerContainer, draggableWindowClasses.draggableHandle),
-        children: /* @__PURE__ */ jsx("h3", {
-          children: popup.popupId
-        })
-      }), /* @__PURE__ */ jsx("div", {
-        className: popupsClasses.windowContent,
-        children: popup.functionComponent()
-      })]
-    })
-  });
-};
-const PopupsContainer = (_props) => {
-  const map = useMap();
-  const popupsIds = usePopupsStore((state) => state.popupsIds, shallow);
-  const [containerElement, setContainerElement] = React__default.useState();
-  const containerSize = useSizeContainer(containerElement);
-  useEffect(() => {
-    if (!map)
-      return;
-    setContainerElement(map.getContainer());
-  }, [map]);
-  if (!containerElement) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(React__default.Fragment, {
-    children: popupsIds.map((id) => {
-      return /* @__PURE__ */ jsx(Popup, {
-        popupId: id,
-        containerElement,
-        containerSize
-      }, id);
-    })
-  });
-};
-const PopupsContext = createContext(null);
-function PopupsProvider(props) {
-  const {
-    children,
-    initialPopups
-  } = props;
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const isFirstRender = useFirstRender([getLabel]);
-  const popupsStoreRef = useRef();
-  if (!popupsStoreRef.current) {
-    popupsStoreRef.current = createPopupsStore({
-      getLabel,
-      ownerState: {
-        status: "init",
-        isMobile: !isDesktop,
-        isSkeleton
-      }
-    });
-    popupsStoreRef.current?.getState().popupsActions.init(initialPopups || []);
-  }
-  const {
-    setHandlerGetLabel,
-    setExternalState
-  } = useStore(popupsStoreRef.current, (state) => state.popupsActions, shallow);
-  useEffect(() => {
-    if (!isFirstRender) {
-      setHandlerGetLabel(getLabel);
-    }
-  }, [getLabel]);
-  useEffect(() => {
-    if (isFirstRender) {
-      return;
-    }
-    setExternalState({
-      isMobile: !isDesktop,
-      isSkeleton
-    });
-  }, [isDesktop, isSkeleton]);
-  return /* @__PURE__ */ jsx(PopupsContext.Provider, {
-    value: popupsStoreRef.current,
-    children: /* @__PURE__ */ jsxs(React__default.Fragment, {
-      children: [children, /* @__PURE__ */ jsx(PopupsContainer, {})]
-    })
-  });
-}
-export {
-  MAP_ZINDEX_OVER_MAP as M,
-  PopupsProvider as P,
-  usePopupsStore as u
-};

package/components/PopupsProvider/index.d.ts

@@ -1,2 +0,0 @@
-export * from './contexts/PopupsContext';
-export { usePopupsStore } from './hooks/usePopupsStore';

package/components/PopupsProvider/subcomponents/Popup/index.d.ts

@@ -1,8 +0,0 @@
-import type { PopupProps } from './types';
-export declare type ResizeCorrectionRef = {
-    initialSize: {
-        width: number;
-        height: number;
-    };
-};
-export declare const Popup: (props: PopupProps) => import("react/jsx-runtime").JSX.Element;

package/components/PopupsProvider/subcomponents/Popup/types.d.ts

@@ -1,16 +0,0 @@
-import { ContainerSize } from "../../../../utils/types";
-export declare type ResizeReason = 'start' | 'resize' | 'stop';
-export interface PopupProps {
-    /**
-     * "popupId" Indetificador del popupId
-     */
-    popupId: string;
-    /**
-     * Referencia el contendedor donde van a estar los popups
-     */
-    containerElement: HTMLElement;
-    /**
-     * "containerSize" tamaño del contenedor padre
-     */
-    containerSize?: ContainerSize | undefined;
-}

package/components/PopupsProvider/subcomponents/PopupsContainer/index.d.ts

@@ -1,2 +0,0 @@
-import type { PopupContainerProps } from './types';
-export declare const PopupsContainer: (_props: PopupContainerProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/PopupsProvider/subcomponents/PopupsContainer/types.d.ts

@@ -1 +0,0 @@
-export declare type PopupContainerProps = {};

package/components/hook-form/HelperError/index.66bbcac3.js

@@ -1,30 +0,0 @@
-import { useFormContext, useController } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
-import { jsx } from "react/jsx-runtime";
-function HelperError(props) {
-  const {
-    name
-  } = props;
-  const {
-    control
-  } = useFormContext();
-  const {
-    fieldState
-  } = useController({
-    name,
-    control,
-    rules: {
-      required: true
-    }
-  });
-  if (fieldState?.error?.message) {
-    return /* @__PURE__ */ jsx(HelperText, {
-      variant: "error",
-      message: fieldState?.error?.message
-    });
-  }
-  return null;
-}
-export {
-  HelperError as H
-};

package/components/hook-form/RHFHelperError/index.d.ts

@@ -1,4 +0,0 @@
-export declare type HelperErrorProps = {
-    name: string;
-};
-export declare function HelperError(props: HelperErrorProps): import("react/jsx-runtime").JSX.Element | null;

package/components/maps/components/GpsTools/GpsTools.d.ts

@@ -1 +0,0 @@
-export declare function GpsTools(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/classes/index.d.ts

@@ -1,4 +0,0 @@
-import { MapToolsClasses } from './types';
-export declare const mapToolsClasses: MapToolsClasses;
-export declare const useUtilityClasses: () => Record<"root" | "tabToolsRoot" | "tabContentRoot" | "toolGeofences" | "toolGeofencesList" | "toolGeofencesAddEdit" | "toolGeofencesAddEditGeneral" | "toolGeofencesAddEditStyle" | "toolMeasure" | "toolMeasureFormValue" | "toolMeasureFormValueDistance" | "toolMeasureFormValueSymbol" | "toolMeausureLabel" | "toolMeausureLabelDistance" | "toolMeausureLabelSymbol", string>;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/maps/components/GpsTools/classes/types.d.ts

@@ -1,20 +0,0 @@
-export interface MapToolsClasses {
-    root: string;
-    tabToolsRoot: string;
-    tabContentRoot: string;
-    toolGeofences: string;
-    toolGeofencesList: string;
-    toolGeofencesAddEdit: string;
-    toolGeofencesAddEditGeneral: string;
-    toolGeofencesAddEditStyle: string;
-    toolMeasure: string;
-    toolMeasureFormValue: string;
-    toolMeasureFormValueDistance: string;
-    toolMeasureFormValueSymbol: string;
-    toolMeausureLabel: string;
-    toolMeausureLabelDistance: string;
-    toolMeausureLabelSymbol: string;
-    visible: string;
-    hidden: string;
-}
-export declare type MapToolsClassesKey = keyof MapToolsClasses;

package/components/maps/components/GpsTools/constants.d.ts

@@ -1,8 +0,0 @@
-import { StyleOpacity, StyleDashArray, StyleWheight } from "./types";
-export declare const COMPONENT_TEST_ID = "M4LGpsTools";
-export declare const COMPONENT_CLASS_NAME = "M4LGpsTools";
-export declare const COOKIE_MAP_GEO_FILTER = "filter_map_geo";
-export declare const COMPONENT_MAP_TOOLS_ID = "gps_tools";
-export declare const STYLE_OPACITIES: StyleOpacity[];
-export declare const STYLE_WHEIGHTS: StyleWheight[];
-export declare const STYLE_PATTERNS: StyleDashArray[];

package/components/maps/components/GpsTools/contexts/GpsToolsContext/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { MapGpsToolsProviderProps } from './types';
-declare const GpsToolsContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").GpsToolsStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import("./types").GpsToolsStateWithActions | Partial<import("./types").GpsToolsStateWithActions> | ((state: import("./types").GpsToolsStateWithActions) => import("./types").GpsToolsStateWithActions | Partial<import("./types").GpsToolsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import("./types").GpsToolsStateWithActions | Partial<import("./types").GpsToolsStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").GpsToolsStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-}) | null>;
-/**
- * @description Provedor del contexto de los mapas
- * Expone el store (MapStore) encargado de gestionar la creación, modificación y borrado de capas.
- * @param props
- * @returns
- */
-declare function GpsToolsProvider(props: MapGpsToolsProviderProps): import("react/jsx-runtime").JSX.Element;
-export { GpsToolsProvider, GpsToolsContext };

package/components/maps/components/GpsTools/contexts/GpsToolsContext/store.d.ts

@@ -1,16 +0,0 @@
-import type { GpsToolsStateWithActions, InitialMapGpsToolsStoreProps } from './types';
-/**
- * @description Crea el Store, por defecto inicia en estado 'init'
- * @param initProps propiedades iniciales del store
- * @returns
- */
-export declare const createGpsToolsStore: (initProps: InitialMapGpsToolsStoreProps) => Omit<Omit<import("zustand").StoreApi<GpsToolsStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: GpsToolsStateWithActions | Partial<GpsToolsStateWithActions> | ((state: GpsToolsStateWithActions) => GpsToolsStateWithActions | Partial<GpsToolsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: GpsToolsStateWithActions | Partial<GpsToolsStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<GpsToolsStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export declare type MapStore = ReturnType<typeof createGpsToolsStore>;