@m4l/components 1.1.0 → 1.1.2

package/components/popups/PopupsViewer/{index.d8b9a059.js → index.8fe4aa5d.js}

@@ -2,59 +2,28 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
 import { shallow } from "zustand/shallow";
 import { forwardRef } from "react";
-import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.07940e4f.js";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.ad0da648.js";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.cb274bbe.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.776c62e7.js";
+import { P as POPUPS_ICONS } from "./icons.066abd43.js";
+import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots.aaf546e2.js";
+import { d as draggableWindowClasses } from "../../DragResizeWindow/index.46048367.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.9425bdc5.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
-import { styled } from "@mui/material/styles";
-const COMPONENT_CLASS_NAME = "M4LPopupsViewer";
-const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
-  "containerRoot",
-  "popupRoot",
-  "popupHeaderContainer",
-  "popupHeaderTitle",
-  "popupHeaderSubTitle",
-  "popupContentRoot",
-  "popupContentEditionInfo",
-  "popupContentWrapper",
-  "popupHidden",
-  "popupWithSubTitle"
-]);
-function getPopupsUtilityClass(slot) {
-  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
-}
-const popupsUtilityClasses = (_ownerState) => {
-  const slots = {
-    containerRoot: ["containerRoot"],
-    popupsContainer: ["popupsContainer"],
-    popupRoot: ["popupRoot"],
-    popupHeaderContainer: ["popupHeaderContainer"],
-    popupHeaderTitle: ["popupHeaderTitle"],
-    popupHeaderSubTitle: ["popupHeaderSubTitle"],
-    popupContentRoot: ["popupContentRoot"],
-    popupContentEditionInfo: ["popupContentEditionInfo"],
-    popupContentWrapper: ["popupContentWrapper"],
-    popupHidden: ["popupHidden"],
-    popupWithSubTitle: ["popupWithSubTitle"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPopupsUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const POPUPS_ICONS = {
-  CLOSE: "close.svg",
-  EDITION_INFO: "edition_info.svg"
-};
 const Header = (props) => {
   const { popupId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
+  const {
+    status,
+    subTitle,
+    zIndex
+  } = popup || {};
+  const ownerState = {
+    status,
+    subTitle,
+    zIndex
+  };
   const { closePopup } = usePopupsStore((state) => state.popupsActions, shallow);
   const { iconUrl } = popup || {};
   const onClose = () => {
@@ -64,22 +33,14 @@ const Header = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs(
-    "div",
+    PopupHeaderContainerStyled,
     {
-      className: clsx(popupsClasses.popupHeaderContainer, draggableWindowClasses.draggableHandle),
+      ownerState,
+      className: draggableWindowClasses.draggableHandle,
       children: [
         /* @__PURE__ */ jsx(Icon, { src: iconUrl, size: "small" }),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              popupsClasses.popupHeaderTitle,
-              popup.subTitle ? popupsClasses.popupWithSubTitle : null
-            ),
-            children: popup.title
-          }
-        ),
-        popup.subTitle && /* @__PURE__ */ jsx("span", { className: popupsClasses.popupHeaderSubTitle, children: popup.subTitle }),
+        /* @__PURE__ */ jsx(PopupHeaderTitleStyled, { ownerState: { ...popup }, children: popup.title }),
+        popup.subTitle && /* @__PURE__ */ jsx(PopupHeaderSubTitleStyled, { ownerState, children: popup.subTitle }),
         /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -96,7 +57,7 @@ const Header = (props) => {
 const EditionInfo = (props) => {
   const { editionInfo } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsxs("div", { className: popupsClasses.popupContentEditionInfo, children: [
+  return /* @__PURE__ */ jsxs(PopupContentEditionInfoStyled, { ownerState: { editionInfo }, children: [
     /* @__PURE__ */ jsx(
       Icon,
       {
@@ -112,6 +73,10 @@ const Popup = forwardRef((props, ref) => {
   const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
   const { setPopupOnTop } = usePopupsStore((state) => state.popupsActions, shallow);
   const {
+    status,
+    subTitle,
+    editionInfo,
+    zIndex,
     draggable = true,
     resizable = true,
     defaultPosition,
@@ -119,6 +84,12 @@ const Popup = forwardRef((props, ref) => {
     onMouseDown,
     ...others
   } = popup || {};
+  const ownerState = {
+    status,
+    subTitle,
+    editionInfo,
+    zIndex
+  };
   const onMouseDownLocal = (e) => {
     setPopupOnTop(popupId);
     if (onMouseDown) {
@@ -129,13 +100,11 @@ const Popup = forwardRef((props, ref) => {
     return null;
   }
   return /* @__PURE__ */ jsxs(
-    DragResizeWindow,
+    PopupDragWindowRootStyled,
     {
+      ownerState,
       ref,
-      className: clsx(
-        popupsClasses.popupRoot,
-        popup.status === "hidden" && popupsClasses.popupHidden
-      ),
+      hidden: popup.status === "hidden",
       onMouseDown: onMouseDownLocal,
       containerElement,
       containerSize,
@@ -147,30 +116,27 @@ const Popup = forwardRef((props, ref) => {
       ...others,
       children: [
         /* @__PURE__ */ jsx(Header, { popupId: popup.popupId }),
-        /* @__PURE__ */ jsxs("div", { className: popupsClasses.popupContentRoot, children: [
+        /* @__PURE__ */ jsxs(PopupContentRootStyled, { ownerState, children: [
           popup.editionInfo && /* @__PURE__ */ jsx(EditionInfo, { editionInfo: popup.editionInfo }),
-          /* @__PURE__ */ jsx("div", { className: popupsClasses.popupContentWrapper, children: popup.functionComponent && popup.functionComponent({ ...popup.componentProps }) })
+          /* @__PURE__ */ jsx(PopupContentWrapperStyled, { ownerState, children: popup.functionComponent && popup.functionComponent({ ...popup.componentProps }) })
         ] })
       ]
     }
   );
 });
-const PopupsViewerRoot = styled("div")`
-  ${(props) => props.theme.components?.M4LPopupsViewer?.styleOverrides}
-`;
-const PopupsViewer = (props) => {
-  const { containerElement } = props;
+const PopupsViewer = () => {
   const popupsIds = usePopupsStore(
     (state) => state.popupsIds.filter((pId) => state.hashPopups[pId].status !== "closing"),
     shallow
   );
+  const baseZindex = usePopupsStore((state) => state.baseZindex, shallow);
+  const containerElement = usePopupsStore((state) => state.getContainer, shallow)();
   const { removePopup } = usePopupsStore((state) => state.popupsActions, shallow);
   const containerSize = useSizeContainer(containerElement);
-  if (!containerElement) {
+  if (!containerElement || !containerSize) {
     return null;
   }
-  return /* @__PURE__ */ jsx(PopupsViewerRoot, { className: popupsClasses.containerRoot, children: /* @__PURE__ */ jsx(TransitionGroup, { children: popupsIds.map((id) => {
-    console.log(`${new Date().toLocaleString()}: Render`);
+  return /* @__PURE__ */ jsx(RootStyled, { ownerState: { baseZindex }, children: /* @__PURE__ */ jsx(TransitionGroup, { children: popupsIds.map((id) => {
     return /* @__PURE__ */ jsx(
       CSSTransition,
       {
@@ -199,6 +165,5 @@ const PopupsViewer = (props) => {
   }) }) });
 };
 export {
-  PopupsViewer as P,
-  popupsUtilityClasses as p
+  PopupsViewer as P
 };

package/components/popups/PopupsViewer/slots/index.154e4e5f.js

@@ -0,0 +1,14 @@
+var PopupViewerSlots = /* @__PURE__ */ ((PopupViewerSlots2) => {
+  PopupViewerSlots2["root"] = "root";
+  PopupViewerSlots2["popupDragWindowRoot"] = "popupRoot";
+  PopupViewerSlots2["pDWHeaderContainer"] = "pDWHeaderContainer";
+  PopupViewerSlots2["pDWHeaderTitle"] = "pDWHeaderTitle";
+  PopupViewerSlots2["pDWHeaderSubTitle"] = "pDWHeaderSubTitle";
+  PopupViewerSlots2["pDWContentRoot"] = "pDWContentRoot";
+  PopupViewerSlots2["pDWContentEditionInfo"] = "pDWContentEditionInfo";
+  PopupViewerSlots2["pDWContentWrapper"] = "pDWContentWrapper";
+  return PopupViewerSlots2;
+})(PopupViewerSlots || {});
+export {
+  PopupViewerSlots as P
+};

package/components/popups/PopupsViewer/slots/popupsViewerSlots.aaf546e2.js

@@ -0,0 +1,39 @@
+import { styled } from "@mui/material/styles";
+import { P as POPUPS_VIEWER_KEY_COMPONENT } from "../constants.29247547.js";
+import { aO as popupsViewerStyles } from "../../../../styles/index.239f949e.js";
+import { P as PopupViewerSlots } from "./index.154e4e5f.js";
+import { D as DragResizeWindow } from "../../../DragResizeWindow/index.46048367.js";
+const RootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.root
+);
+const PopupDragWindowRootStyled = styled(DragResizeWindow, { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.popupDragWindowRoot
+);
+const PopupContentEditionInfoStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.pDWContentEditionInfo
+);
+const PopupHeaderContainerStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.pDWHeaderContainer
+);
+const PopupHeaderTitleStyled = styled("span", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.pDWHeaderTitle
+);
+const PopupHeaderSubTitleStyled = styled("span", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.pDWHeaderSubTitle
+);
+const PopupContentRootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.pDWContentRoot
+);
+const PopupContentWrapperStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.pDWContentWrapper
+);
+export {
+  PopupHeaderContainerStyled as P,
+  RootStyled as R,
+  PopupHeaderTitleStyled as a,
+  PopupHeaderSubTitleStyled as b,
+  PopupContentEditionInfoStyled as c,
+  PopupDragWindowRootStyled as d,
+  PopupContentRootStyled as e,
+  PopupContentWrapperStyled as f
+};

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

@@ -13,4 +13,4 @@ export declare const createPopupsStore: (initProps: InitialPopupsStoreProps) =>
         type: unknown;
     } | undefined): void;
 };
-export declare type PopupsStore = ReturnType<typeof createPopupsStore>;
+export declare type PopupsStoreWithActionsType = ReturnType<typeof createPopupsStore>;

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

@@ -1,9 +1,7 @@
 import { GetLabelType } from '@m4l/core';
 import { ReactNode } from 'react';
-import { PopupsClasses } from '../../../PopupsViewer/classes/types';
 import { DraggableWindowProps } from '../../../../../DragResizeWindow/types';
-import { PositionXY } from '../../../../../../utils/types';
-export declare type PopupStatus = 'init' | 'closing' | 'hidden';
+import { PopupStatus } from '../../../PopupsViewer/types';
 export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | 'defaultPosition'> {
     /**
      * "popupId" Indetificador del popupId
@@ -38,9 +36,9 @@ export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | '
      */
     resizable?: boolean;
     /**
-     * maxSizeByPadding Tamaño maximo del popup en terminos de padding con respecto al conenedor padre
+     * "zIndex" Zindex del popup, tener en cuenta que se usa el baseZindex como offset para el zIndex
      */
-    maxSizeByPadding?: PositionXY;
+    zIndex: number;
     /**
      * "componentProps" Propiedades que se le pasan al componente que se va a mostrar en el popup.
      */
@@ -55,39 +53,16 @@ export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | '
      * "onMouseDown" Evento nativo del Draggable, para tomar acciones externamente
      */
     onMouseDown?: (e: MouseEvent) => void;
-    /**
-     * "zIndex" Zindex del popup
-     */
-    zIndex: number;
 }
-export declare type PopupsClassStatus = 'init' | 'ready';
-export declare type OwnerState = {
-    status: PopupsClassStatus;
-    /**
-     *  "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 )
+ * @description Interface que define el store del componente (variables y funciones )
  */
-export interface PopupsState {
-    ownerState: OwnerState;
+export interface PopupsStore {
     /**
-     *  "classes" enfocado al funcionamiento de las clases a nivel de map
+     * @description Id del store, para identificarlo en las herramientas de redux.
      */
-    classes: PopupsClasses;
+    storeId?: string;
     /**
      *  "poupsIds" Poups para saber en que orden se muestran
      */
@@ -109,6 +84,10 @@ export interface PopupsState {
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
      */
     getLabel: GetLabelType;
+    /**
+     *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
+     */
+    getContainer: () => HTMLElement;
 }
 export declare type OpenPopupOptions = {
     /**
@@ -116,16 +95,12 @@ export declare type OpenPopupOptions = {
      */
     closeOthers: boolean;
 };
-export interface PopupsStateWithActions extends PopupsState {
+export interface PopupsStateWithActions extends PopupsStore {
     popupsActions: {
         /**
          * @description
          */
         init(layersStore: PopupStoreProps[]): void;
-        /**
-         * @description Cambia el estado del popus
-         */
-        setState: (state: PopupsClassStatus) => void;
         /**
          * @description Agrega una un poupup nuevo al hash de popups y al array de ids,
          */
@@ -161,18 +136,23 @@ export interface PopupsStateWithActions extends PopupsState {
          * @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' | 'baseZindex'> & Partial<DefaultPopupsStoreProps>;
-export interface PopupsProviderProps {
-    baseZindex?: number;
+export declare type DefaultPopupsStoreProps = PopupsStore;
+export declare type InitialPopupsStoreProps = Pick<PopupsStore, 'getLabel' | 'baseZindex'> & Partial<DefaultPopupsStoreProps> & {
+    containerElement: HTMLElement;
+};
+export interface PopupsProviderProps extends Pick<PopupsStore, 'baseZindex' | 'storeId'> {
+    /**
+     * Contenedor donde los popups serán renderizados
+     */
+    containerElement: HTMLElement;
+    /**
+     * @description Poopus abiertos desde el principio, puede servir para abrir los poupus previamente cargados en las cookies
+     */
     initialPopups?: PopupStoreProps[];
+    /**
+     * @description children
+     */
     children: ReactNode;
 }

package/components/popups/components/PopupsViewer/PopupsViewer.d.ts

@@ -1,8 +1,7 @@
-import type { PopupContainerProps } from './types';
 /**
  * @description Visor de poups, cuyo funcionamineto depende del proveedor de popups. PoupsProvider.
  *  Utiliza la librería de tranciones para animar la apertura y cierre de los popups.
  * @param props
  * @returns
  */
-export declare const PopupsViewer: (props: PopupContainerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PopupsViewer: () => import("react/jsx-runtime").JSX.Element | null;

package/components/popups/components/PopupsViewer/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const COMPONENT_TEST_ID = "M4LPopupsViewer";
-export declare const COMPONENT_CLASS_NAME = "M4LPopupsViewer";
+export declare const POPUPS_VIEWER_KEY_COMPONENT = "M4LPopupsViewer";
 export declare const EARTH_RADIO = 6378137;
 export declare const DN = 500;
 export declare const DE = 500;

package/components/popups/components/PopupsViewer/slots/popupsViewerSlots.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupDragWindowRootStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../../DragResizeWindow/types").DraggableWindowProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../../../DragResizeWindow/types").DraggableWindowProps | keyof import("react").RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopupContentEditionInfoStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupHeaderContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupHeaderTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PopupHeaderSubTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PopupContentRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupContentWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/components/popups/components/PopupsViewer/slots/slots.d.ts

@@ -0,0 +1,10 @@
+export declare enum PopupViewerSlots {
+    root = "root",
+    popupDragWindowRoot = "popupRoot",
+    pDWHeaderContainer = "pDWHeaderContainer",
+    pDWHeaderTitle = "pDWHeaderTitle",
+    pDWHeaderSubTitle = "pDWHeaderSubTitle",
+    pDWContentRoot = "pDWContentRoot",
+    pDWContentEditionInfo = "pDWContentEditionInfo",
+    pDWContentWrapper = "pDWContentWrapper"
+}

package/components/popups/components/PopupsViewer/types.d.ts

@@ -1,3 +1,17 @@
-export declare type PopupContainerProps = {
-    containerElement: HTMLElement;
-};
+import { Theme } from '@mui/material/styles';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { PopupViewerSlots } from './slots/slots';
+import { POPUPS_VIEWER_KEY_COMPONENT } from './constants';
+import { PopupStoreProps, PopupsStore } from '../PopupsProvider/contexts/PopupsContext/types';
+export declare type PopupViewerSlotsType = keyof typeof PopupViewerSlots;
+export declare type PopupsViewerProps = {};
+export declare type PopupStatus = 'init' | 'closing' | 'hidden';
+export interface PopupOwnerState extends Pick<PopupStoreProps, 'status' | 'subTitle' | 'editionInfo' | 'zIndex'> {
+    /**
+     *  "isMobile" cuando el navegador está corriendo en dispositivo móvil
+     */
+    isMobile?: boolean;
+}
+export interface PopupsViewerOwnerState extends Pick<PopupsStore, 'baseZindex'>, PopupOwnerState {
+}
+export declare type PopupsViewerStyles = Partial<OverridesStyleRules<PopupViewerSlotsType, typeof POPUPS_VIEWER_KEY_COMPONENT, Theme> | undefined> | undefined;

package/contexts/ModalContext/{index.dd147fa6.js → index.a5c622d6.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.b975fc7b.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.ff275011.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.cedd3482.js → index.40a9547e.js}

@@ -3,7 +3,7 @@ import { useEffect } from "react";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { aO as FormProviderRoot } from "../../styles/index.1735a866.js";
+import { aP as FormProviderRoot } from "../../styles/index.239f949e.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LRHFormProvider";

package/hooks/useFormAddEdit/{index.00c86b5b.js → index.b6a3cf63.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.84233480.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.abcfd142.js";
+import { u as useModal } from "../useModal/index.3ad1e014.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.60955735.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.84233480.js → index.3ad1e014.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as ModalContext } from "../../contexts/ModalContext/index.dd147fa6.js";
+import { a as ModalContext } from "../../contexts/ModalContext/index.a5c622d6.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/hooks/useTab/{index.74399f56.js → index.4081b113.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { d as TabContext } from "../../components/mui_extended/Tab/index.2ac4a667.js";
+import { d as TabContext } from "../../components/mui_extended/Tab/index.a94a92c1.js";
 const useTab = () => {
   const context = useContext(TabContext);
   if (context === null) {