@m4l/components 0.2.14 → 0.2.16

package/components/ObjectLogs/{index.3a939c6b.js → index.f2b5f7d9.js}

@@ -1,95 +1,18 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.387652a9.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.e5b552a2.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
 import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.8acace45.js";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
-import "../../react-draggable.ee21cb7e.js";
-import "../Resizeable/index.6478d7d8.js";
-import "../modal/index.ac0c9093.js";
-import "../animate/index.4e9774a6.js";
-import "framer-motion";
-import "react-router-dom";
-import "../animate/LoadingScreen/index.1d0c4307.js";
-import "../animate/PropagateLoader/index.7fab43c8.js";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "clsx";
-import "zustand";
-import "../areas/contexts/AreasContext/index.cffa1526.js";
-import "../areas/components/AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
+import { u as useModal } from "../../hooks/useModal/index.1c88654a.js";
+import { I as Icon } from "../Icon/index.282c5b58.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.e084d8e9.js";
-import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../LoadingError/index.b3e4e8e5.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand/middleware/immer";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "react-hook-form";
-import "../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../HelperText/index.918bba47.js";
-import "../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../hook-form/RHFDateTime/index.984b803f.js";
-import "../hook-form/RHFTextField/index.1167879e.js";
-import "../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../Period/index.3bd05e05.js";
-import "../CommonActions/components/Actions/index.93e9112b.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../hook-form/RHFUpload/index.49edcb02.js";
-import "../formatters/index.4426a315.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.9e9885b0.js";
-import "yup";
-import "../../contexts/RHFormContext/index.7769076a.js";
-import "../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../PrintingSystem/index.70234425.js";
-import "../LanguagePopover/index.424bad09.js";
-import "../MFLoader/index.3d17dfc3.js";
-import "../NavLink/index.ed4c0609.js";
-import "../NoItemSelected/index.5ed80b8e.js";
-import "../PaperForm/index.013ed28b.js";
-import "../PDFViewer/index.4d16e5bc.js";
-import "../Page/index.890fbaac.js";
-import "../PropertyValue/index.45482ca3.js";
-import "../SplitLayout/index.30fd5861.js";
-import "../../react-splitter-layout.c5d98bf7.js";
-import "../ToastContainer/index.5e729fbb.js";
-import "../SideBar/index.614f85fb.js";
-import "../AppBar/index.c8e7b25c.js";
-import "../AccountPopover/index.7060320a.js";
-import { W as WindowBase } from "../modal/WindowBase.8e3e5337.js";
+import { W as WindowBase } from "../modal/WindowBase.779aa7a5.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.73258cb8.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/PDFViewer/{index.4d16e5bc.js → index.51e4f1b2.js}

@@ -1,28 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.e215d0f0.js";
-import "clsx";
-import "@m4l/graphics";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import { B as Button } from "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "@mui/material/Button";
 import { unstable_composeClasses } from "@mui/base";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { B as Button } from "../mui_extended/Button/index.5c68764a.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));
@@ -48,6 +27,7 @@ const PDFViewer = (props) => {
   const {
     pdfUrl
   } = props;
+  console.log("pdfUrl", pdfUrl);
   const handleDownload = async () => {
     try {
       const response = await fetch(pdfUrl);

package/components/Page/{index.890fbaac.js → index.f4aedd2d.js}

@@ -1,5 +1,5 @@
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.70234425.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.9dc25af9.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/classes/index.d.ts

@@ -1,8 +1,7 @@
 import { PaperFormClassesType } from './types';
-import { OwnerState } from '../types';
 export declare const periodClasses: PaperFormClassesType;
 export declare function getPaperFormUtilityClass(slot: string): string;
-export declare const paperFormUtilityClasses: (ownerState: OwnerState) => {
+export declare const paperFormUtilityClasses: () => {
     root: string;
     content: string;
     headerContainer: string;

package/components/PaperForm/classes/types.d.ts

@@ -5,7 +5,6 @@ export interface PaperFormClassesType {
     iconTitleContainer: string;
     iconHeaderContainer: string;
     skeletonContainer: string;
-    isForm: string;
 }
 export declare type PaperFormClassesKey = keyof PaperFormClassesType;
 export declare type Classes = ReturnType<typeof paperFormUtilityClasses>;

package/components/PaperForm/{index.013ed28b.js → index.30f68f0f.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
+import { I as Icon } from "../Icon/index.282c5b58.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({
@@ -91,15 +91,14 @@ generateUtilityClasses(componentName, [
   "headerContainer",
   "iconTitleContainer",
   "iconHeaderContainer",
-  "skeletonContainer",
-  "isForm"
+  "skeletonContainer"
 ]);
 function getPaperFormUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
-const paperFormUtilityClasses = (ownerState) => {
+const paperFormUtilityClasses = () => {
   const slots = {
-    root: ["root", ownerState.isForm && "isForm"],
+    root: ["root"],
     headerContainer: ["headerContainer"],
     iconTitleContainer: ["iconTitleContainer"],
     iconHeaderContainer: ["iconHeaderContainer"],
@@ -115,13 +114,9 @@ function PaperForm(props) {
   const {
     urlIcon,
     title,
-    children,
-    isForm = false
+    children
   } = props;
-  const ownerState = {
-    isForm
-  };
-  const classes = paperFormUtilityClasses(ownerState);
+  const classes = paperFormUtilityClasses();
   return /* @__PURE__ */ jsxs(PaperFormRoot, {
     className: classes.root,
     children: [/* @__PURE__ */ jsx(Header, {

package/components/PaperForm/types.d.ts

@@ -4,10 +4,7 @@ export interface PaperFormProps {
     urlIcon?: string;
     title: string;
     children: ReactNode;
-    isForm?: boolean;
 }
-export interface HeaderProps extends Omit<PaperFormProps, 'children' | 'isForm'> {
+export interface HeaderProps extends Omit<PaperFormProps, 'children'> {
     classes: Classes;
 }
-export interface OwnerState extends Pick<PaperFormProps, 'isForm'> {
-}

package/components/Period/{index.3bd05e05.js → index.8e118051.js}

@@ -1,95 +1,12 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.93e9112b.js";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "clsx";
-import "react-hook-form";
-import "../../contexts/ModalContext/index.ef38d747.js";
-import "../../react-draggable.ee21cb7e.js";
-import "../Resizeable/index.6478d7d8.js";
-import "@m4l/graphics";
-import "../modal/index.ac0c9093.js";
-import "../animate/index.4e9774a6.js";
-import "framer-motion";
-import "@mui/material/styles";
-import "react-router-dom";
-import "../animate/LoadingScreen/index.1d0c4307.js";
-import "../animate/PropagateLoader/index.7fab43c8.js";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.cffa1526.js";
-import "../areas/components/AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../ScrollBar/index.010f1b9d.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.e084d8e9.js";
-import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../LoadingError/index.b3e4e8e5.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand/middleware/immer";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../HelperText/index.918bba47.js";
-import "../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../hook-form/RHFDateTime/index.984b803f.js";
-import "../hook-form/RHFTextField/index.1167879e.js";
-import "../hook-form/RHFPeriod/index.1852e7d3.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../hook-form/RHFUpload/index.49edcb02.js";
-import "../formatters/index.4426a315.js";
-import "../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../DynamicFilter/index.9e9885b0.js";
-import "yup";
-import "../../contexts/RHFormContext/index.7769076a.js";
-import "../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../PrintingSystem/index.70234425.js";
-import "../LanguagePopover/index.424bad09.js";
-import "../MFLoader/index.3d17dfc3.js";
-import "../NavLink/index.ed4c0609.js";
-import "../NoItemSelected/index.5ed80b8e.js";
-import "../ObjectLogs/index.3a939c6b.js";
-import "../../react-json-view.5636414a.js";
-import "../PaperForm/index.013ed28b.js";
-import "../PDFViewer/index.4d16e5bc.js";
-import "../Page/index.890fbaac.js";
-import "../PropertyValue/index.45482ca3.js";
-import "../SplitLayout/index.30fd5861.js";
-import "../../react-splitter-layout.c5d98bf7.js";
-import "../ToastContainer/index.5e729fbb.js";
-import "../SideBar/index.614f85fb.js";
-import "../AppBar/index.c8e7b25c.js";
-import "../AccountPopover/index.7060320a.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { I as Icon } from "../Icon/index.282c5b58.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.8368ac0f.js";
 import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const ContainerPeriod = styled("div")(({
   theme
 }) => ({

package/components/PopupsProvider/classes/index.d.ts

@@ -0,0 +1,11 @@
+import { PopupsClasses } from './types';
+import { OwnerState } from '../contexts/PopupsContext/types';
+export declare const popupsClasses: PopupsClasses;
+export declare function getPopupsUtilityClass(slot: string): string;
+export declare const popupsUtilityClasses: (_ownerState: OwnerState) => {
+    root: string;
+    headerContainer: string;
+    windowContent: string;
+    windowRoot: string;
+    popupsContainer: string;
+};

package/components/PopupsProvider/classes/types.d.ts

@@ -0,0 +1,9 @@
+import { popupsUtilityClasses } from ".";
+export interface PopupsClasses {
+    root: string;
+    windowRoot: string;
+    headerContainer: string;
+    windowContent: string;
+}
+export declare type PopupsClassesKey = keyof PopupsClasses;
+export declare type Classes = ReturnType<typeof popupsUtilityClasses>;

package/components/PopupsProvider/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const COMPONENT_TEST_ID = "M4LPopupsProvider";
+export declare const COMPONENT_CLASS_NAME = "M4LPopupsProvider";
+export declare const EARTH_RADIO = 6378137;
+export declare const DN = 500;
+export declare const DE = 500;
+export declare const DLAT: number;
+export declare const THROTTLE_RENDER_MAP_TIMEOUT = 50;
+export declare const MAP_ZINDEX_DEFAULT = 0;
+export declare const MAP_ZINDEX_OVER_LAYERS = 1000;
+export declare const MAP_ZINDEX_OVER_MAP = 1100;

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

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

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

@@ -0,0 +1,7 @@
+import { WritableDraft } from 'immer/dist/internal';
+import type { PopupsStateWithActions } from './types';
+/**
+ * @description Actualiza la clases basado en owner state
+ * @param state immer State
+ */
+export declare const updateOwnerStateClasses: (state: WritableDraft<PopupsStateWithActions>) => void;

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

@@ -0,0 +1 @@
+export { PopupsProvider, PopupsContext } from './PopupsContext';

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

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

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

@@ -0,0 +1,117 @@
+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

@@ -0,0 +1,3 @@
+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;