@m4l/components 1.1.1 → 2.0.0

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.8281527d.js → index.26017754.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.0dba90d3.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.3571068b.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.939811b3.js → index.54d30cb2.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.7868464e.js";
+import { aP as FormProviderRoot } from "../../styles/index.d972f170.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LRHFormProvider";

package/hooks/useFormAddEdit/{index.dfb5570d.js → index.bd4ae2a5.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.538e8219.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.141e19a9.js";
+import { u as useModal } from "../useModal/index.d3c18b29.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.b8a431dd.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.538e8219.js → index.d3c18b29.js}

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

package/hooks/useTab/{index.bc8d38fc.js → index.da9b5a24.js}

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

package/index.js

@@ -1,127 +1,127 @@
-import { D, c, g } from "./components/DataGrid/index.9aa088f6.js";
+import { D, c, g } from "./components/DataGrid/index.d538cef8.js";
 import { N, T } from "./components/DataGrid/subcomponents/editors/TextEditor/index.3f0d9e28.js";
-import { N as N2 } from "./components/NavLink/index.0c844a30.js";
+import { N as N2 } from "./components/NavLink/index.82f5f2f4.js";
 import { S } from "./components/ScrollToTop/index.e06f98f6.js";
-import { A, I } from "./components/animate/index.d6f073fe.js";
+import { A, I } from "./components/animate/index.14aa2d3c.js";
 import { M } from "./components/animate/MotionContainer/index.3032bd8f.js";
 import { M as M2 } from "./components/animate/MotionLazyContainer/index.d2902a6c.js";
-import { L } from "./components/animate/LoadingScreen/index.881ca784.js";
+import { L } from "./components/animate/LoadingScreen/index.db36f970.js";
 import { P } from "./components/animate/PropagateLoader/index.a9da8d00.js";
 import { v } from "./components/animate/variants/fade.b561c0fc.js";
 import { v as v2 } from "./components/animate/variants/bounce.784aaaaa.js";
 import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
 import { v as v4, a, b } from "./components/animate/variants/transition.bd46b9ce.js";
-import { A as A2 } from "./components/areas/components/AreasAdmin/index.80da2678.js";
-import { A as A3 } from "./components/areas/components/AreasViewer/index.7836a623.js";
+import { A as A2 } from "./components/areas/components/AreasAdmin/index.55c40f0c.js";
+import { A as A3 } from "./components/areas/components/AreasViewer/index.8a568629.js";
 import { a as a2, W } from "./components/areas/contexts/WindowToolsMFContext/index.992ae7a3.js";
 import { a as a3, D as D2, M as M3, c as c2 } from "./components/areas/contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
-import { b as b2, A as A4 } from "./components/areas/contexts/AreasContext/index.c4e41ac3.js";
+import { b as b2, A as A4 } from "./components/areas/contexts/AreasContext/index.c677ccfa.js";
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index.9e09e1e3.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
 import { A as A5, D as D3, L as L2, a as a4, g as g2 } from "./components/areas/dictionary.08cfc4c9.js";
-import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index.dab5e2d6.js";
-import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index.a61e7dda.js";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index.2f4ce21c.js";
+import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index.c8bcfed8.js";
+import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index.2b2ff592.js";
+import { R as R3 } from "./components/hook-form/RHFDateTime/index.fb4867fa.js";
 import { R as R4 } from "./components/hook-form/RHFMultiCheckbox/index.437e6ba3.js";
 import { R as R5 } from "./components/hook-form/RHFSelect/index.c6c60ecc.js";
-import { R as R6 } from "./components/hook-form/RHFPeriod/index.acf46fb2.js";
-import { P as P2, g as g5 } from "./components/Period/index.732248a8.js";
-import { R as R7 } from "./components/hook-form/RHFRadioGroup/index.11c0add8.js";
-import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index.3a8f36b1.js";
-import { R as R9 } from "./components/hook-form/RHFCheckbox/index.71751a9d.js";
-import { b as b3, c as c3, a as a5, R as R10, d } from "./components/hook-form/RHFTextField/index.06342648.js";
-import { R as R11 } from "./components/hook-form/RHFUpload/index.ef58c607.js";
-import { A as A6 } from "./components/mui_extended/Accordion/index.e76a8701.js";
-import { A as A7 } from "./components/mui_extended/Avatar/index.fc674f4b.js";
+import { R as R6 } from "./components/hook-form/RHFPeriod/index.75e07583.js";
+import { P as P2, g as g5 } from "./components/Period/index.f0095a0a.js";
+import { R as R7 } from "./components/hook-form/RHFRadioGroup/index.a0a28a48.js";
+import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index.f606dce6.js";
+import { R as R9 } from "./components/hook-form/RHFCheckbox/index.06c0b776.js";
+import { b as b3, c as c3, a as a5, R as R10, d } from "./components/hook-form/RHFTextField/index.257c6486.js";
+import { R as R11 } from "./components/hook-form/RHFUpload/index.a6954d0d.js";
+import { A as A6 } from "./components/mui_extended/Accordion/index.bb0cd2ab.js";
+import { A as A7 } from "./components/mui_extended/Avatar/index.bcf4d669.js";
 import { B } from "./components/mui_extended/BoxIcon/index.d61e7ac5.js";
 import { B as B2 } from "./components/mui_extended/Breadcrumbs/index.4a44883c.js";
 import { C } from "./components/mui_extended/CircularProgress/index.967e70b7.js";
-import { B as B3 } from "./components/mui_extended/Badge/index.615959af.js";
+import { B as B3 } from "./components/mui_extended/Badge/index.89ca5b23.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index.4092bb69.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.288c51f3.js";
-import { B as B4, I as I2, L as L5 } from "./components/mui_extended/Button/index.a391ee9f.js";
-import { M as M4 } from "./components/mui_extended/MenuActions/index.1092605e.js";
-import { P as P3, g as g7 } from "./components/mui_extended/Pager/index.4d510ef5.js";
-import { a as a6, b as b4, d as d2, c as c4, T as T2 } from "./components/mui_extended/Tab/index.f31eb904.js";
-import { C as C2 } from "./components/mui_extended/CheckBox.ae30825c.js";
-import { I as I3 } from "./components/mui_extended/IconButton/index.97e91dae.js";
-import { P as P4 } from "./components/mui_extended/Popover/index.82970357.js";
-import { S as S2 } from "./components/mui_extended/Stack/index.e64a379b.js";
+import { B as B4, I as I2, L as L5 } from "./components/mui_extended/Button/index.24b9496b.js";
+import { M as M4 } from "./components/mui_extended/MenuActions/index.540d82fd.js";
+import { P as P3, g as g7 } from "./components/mui_extended/Pager/index.f3a6c94b.js";
+import { a as a6, b as b4, d as d2, c as c4, T as T2 } from "./components/mui_extended/Tab/index.0941bb3a.js";
+import { C as C2 } from "./components/mui_extended/CheckBox.4d930bed.js";
+import { I as I3 } from "./components/mui_extended/IconButton/index.f5dcf537.js";
+import { P as P4 } from "./components/mui_extended/Popover/index.6d8fe229.js";
+import { S as S2 } from "./components/mui_extended/Stack/index.9d6ed8c2.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/index.49bb5ee1.js";
-import { T as T4 } from "./components/mui_extended/Typography/index.8a0f958b.js";
-import { T as T5 } from "./components/mui_extended/ToggleButton/index.4afacb33.js";
-import { T as T6 } from "./components/mui_extended/ToggleIconButton/index.621ff8bc.js";
-import { B as B5 } from "./components/formatters/BooleanFormatter/index.6f664715.js";
+import { T as T4 } from "./components/mui_extended/Typography/index.dbc44e77.js";
+import { T as T5 } from "./components/mui_extended/ToggleButton/index.d45c7a60.js";
+import { T as T6 } from "./components/mui_extended/ToggleIconButton/index.c51670d1.js";
+import { B as B5 } from "./components/formatters/BooleanFormatter/index.5243a181.js";
 import { D as D4, g as g8 } from "./components/formatters/DateFormatter/index.2ef6f261.js";
 import { U, g as g9 } from "./components/formatters/UncertaintyFormatter/index.c3ffdebc.js";
 import { P as P5, g as g10 } from "./components/formatters/PointsFormatter/index.51cd6774.js";
-import { C as C3, P as P6, g as g11, a as a7, b as b5 } from "./components/formatters/index.d1846e98.js";
+import { C as C3, P as P6, g as g11, a as a7, b as b5 } from "./components/formatters/index.1b738709.js";
 import { P as P7, g as g12 } from "./components/formatters/PriceFormatter/index.97f75b4b.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/index.a87302d1.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnPointsFormatter/index.ab152484.js";
 import { C as C6 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/index.880e743b.js";
-import { C as C7 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/index.ea1b882e.js";
+import { C as C7 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/index.0a3660c0.js";
 import { C as C8 } from "./components/DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js";
-import { C as C9 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.cff633f6.js";
+import { C as C9 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.4b1df4ab.js";
 import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/index.bf9d9e60.js";
-import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.d2e656a0.js";
+import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.37f4f359.js";
 import { C as C12 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js";
-import { a as a8 } from "./components/DynamicFilter/dictionary.e9ad0f7c.js";
-import { D as D5 } from "./components/DynamicFilter/index.e737845f.js";
-import { F } from "./components/FieldLabel/index.a6235bcc.js";
-import { H, e } from "./components/HelperText/index.b1961313.js";
-import { A as A8, d as d3, g as g13 } from "./components/CommonActions/components/Actions/index.84b8fd47.js";
-import { A as A9 } from "./components/CommonActions/components/ActionCancel/index.c3cddacf.js";
-import { A as A10 } from "./components/CommonActions/components/ActionIntro/index.db2b2999.js";
-import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index.3ec840af.js";
-import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index.3187e7a7.js";
-import { D as D6, d as d4 } from "./components/DragResizeWindow/index.8f5a2e3e.js";
-import { G, w, A as A13 } from "./components/GridLayout/index.14b734d6.js";
-import { R as R12, a as a9, b as b6, c as c5 } from "./components/GridLayout/subcomponents/Responsive/index.6646c077.js";
-import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index.1108dd01.js";
-import { P as P8 } from "./components/PrintingSystem/index.7aed44a2.js";
-import { I as I4 } from "./components/Icon/index.e06c693f.js";
-import { L as L6 } from "./components/LanguagePopover/index.25266514.js";
-import { L as L7 } from "./components/LinearProgressIndeterminate/index.80f8b74d.js";
-import { I as I5 } from "./components/Image/index.8a3d05d3.js";
+import { a as a8 } from "./components/DynamicFilter/dictionary.f471309f.js";
+import { D as D5 } from "./components/DynamicFilter/index.a7e772f7.js";
+import { F } from "./components/FieldLabel/index.44f3e099.js";
+import { H, e } from "./components/HelperText/index.e9eddfe4.js";
+import { A as A8, d as d3, g as g13 } from "./components/CommonActions/components/Actions/index.434f4824.js";
+import { A as A9 } from "./components/CommonActions/components/ActionCancel/index.ce196f96.js";
+import { A as A10 } from "./components/CommonActions/components/ActionIntro/index.1c40d33b.js";
+import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index.d63f6a23.js";
+import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index.0daa98b8.js";
+import { D as D6, d as d4 } from "./components/DragResizeWindow/index.17e7059d.js";
+import { G, w, A as A13 } from "./components/GridLayout/index.a9f419d8.js";
+import { R as R12, a as a9, b as b6, c as c5 } from "./components/GridLayout/subcomponents/Responsive/index.ad80dae3.js";
+import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index.6ebe8790.js";
+import { P as P8 } from "./components/PrintingSystem/index.88fbf9ec.js";
+import { I as I4 } from "./components/Icon/index.2b591dd6.js";
+import { L as L6 } from "./components/LanguagePopover/index.f495b317.js";
+import { L as L7 } from "./components/LinearProgressIndeterminate/index.8a0b3615.js";
+import { I as I5 } from "./components/Image/index.fb9e71ba.js";
 import { L as L8 } from "./components/Loadable/index.e83cdb4e.js";
-import { C as C13, b as b7, d as d5, c as c6, e as e2, u as u3 } from "./components/maps/components/Map/index.c50fc538.js";
-import { M as M5, G as G2, u as u4 } from "./components/maps/components/GpsTools/index.3cc627c5.js";
-import { M as M6, d as d6, g as g14 } from "./components/ModalDialog/index.0dba90d3.js";
+import { C as C13, b as b7, d as d5, c as c6, e as e2, u as u3 } from "./components/maps/components/Map/index.14f082d4.js";
+import { M as M5, G as G2, u as u4 } from "./components/maps/components/GpsTools/index.30fe41d1.js";
+import { M as M6, d as d6, g as g14 } from "./components/ModalDialog/index.3571068b.js";
 import { g as g15 } from "./components/modal/index.81eb6def.js";
-import { W as W2 } from "./components/modal/WindowConfirm.141e19a9.js";
-import { W as W3 } from "./components/modal/WindowBase.af49e2e8.js";
-import { L as L9, g as g16 } from "./components/LoadingError/index.81979bb3.js";
-import { M as M7, g as g17 } from "./components/MFLoader/index.952a3fee.js";
-import { N as N3, d as d7, g as g18 } from "./components/NoItemSelected/index.dd2cee48.js";
-import { O, d as d8, g as g19 } from "./components/ObjectLogs/index.f98e884b.js";
-import { P as P9 } from "./components/PaperForm/index.f1467e34.js";
-import { P as P10 } from "./components/PDFViewer/index.1b7068e5.js";
-import { H as H2 } from "./components/Page/index.fa45b3d5.js";
-import { P as P11 } from "./components/PropertyValue/index.f85c4118.js";
-import { R as R13 } from "./components/Resizeable/index.305dae8c.js";
-import { S as S3 } from "./components/ScrollBar/index.9c677335.js";
-import { S as S4 } from "./components/SplitLayout/index.a5414b61.js";
-import { T as T7, a as a10 } from "./components/ToastContainer/index.ce752150.js";
-import { S as S5 } from "./components/SideBar/index.d33d87f4.js";
-import { A as A14, g as g20 } from "./components/AppBar/index.19b11c19.js";
-import { A as A15, g as g21 } from "./components/AccountPopover/index.dde11a5c.js";
-import { a as a11, P as P12, u as u5 } from "./components/popups/PopupsProvider/index.6591c56e.js";
-import { P as P13 } from "./components/popups/PopupsViewer/index.caf23a5d.js";
-import { A as A16 } from "./components/commercial/AppBarCommercial/index.00571293.js";
-import { H as H3 } from "./components/commercial/index.788464b6.js";
-import { T as T8 } from "./components/commercial/TopBar/index.56ade547.js";
-import { S as S6 } from "./components/commercial/SectionCommercial/index.c3f56cb3.js";
-import { M as M8 } from "./components/MFIsolationApp/index.3125cd12.js";
-import { B as B6 } from "./components/BaseModule/index.4b725d16.js";
-import { R as R14, g as g22 } from "./contexts/RHFormContext/index.939811b3.js";
-import { a as a12, M as M9 } from "./contexts/ModalContext/index.8281527d.js";
-import { g as g23, u as u6 } from "./hooks/useFormAddEdit/index.dfb5570d.js";
-import { u as u7 } from "./hooks/useModal/index.538e8219.js";
-import { u as u8 } from "./hooks/useTab/index.bc8d38fc.js";
+import { W as W2 } from "./components/modal/WindowConfirm.b8a431dd.js";
+import { W as W3 } from "./components/modal/WindowBase.0dc3b3ea.js";
+import { L as L9, g as g16 } from "./components/LoadingError/index.2675dde0.js";
+import { M as M7, g as g17 } from "./components/MFLoader/index.49a6bd2c.js";
+import { N as N3, d as d7, g as g18 } from "./components/NoItemSelected/index.437fb106.js";
+import { O, d as d8, g as g19 } from "./components/ObjectLogs/index.5d260f34.js";
+import { P as P9 } from "./components/PaperForm/index.d6293e64.js";
+import { P as P10 } from "./components/PDFViewer/index.9f1d12c4.js";
+import { H as H2 } from "./components/Page/index.4e1e1b9b.js";
+import { P as P11 } from "./components/PropertyValue/index.5d847b88.js";
+import { R as R13 } from "./components/Resizeable/index.f22bccb6.js";
+import { S as S3 } from "./components/ScrollBar/index.3f1ca3da.js";
+import { S as S4 } from "./components/SplitLayout/index.4b247e0c.js";
+import { T as T7, a as a10 } from "./components/ToastContainer/index.dec47e74.js";
+import { S as S5 } from "./components/SideBar/index.f15b9904.js";
+import { A as A14, g as g20 } from "./components/AppBar/index.4b2c02da.js";
+import { A as A15, g as g21 } from "./components/AccountPopover/index.493dbab5.js";
+import { a as a11, P as P12, u as u5 } from "./components/popups/PopupsProvider/index.776c62e7.js";
+import { P as P13 } from "./components/popups/PopupsViewer/index.6a175b73.js";
+import { A as A16 } from "./components/commercial/AppBarCommercial/index.85de55bb.js";
+import { H as H3 } from "./components/commercial/index.90e72726.js";
+import { T as T8 } from "./components/commercial/TopBar/index.ec7a6cc6.js";
+import { S as S6 } from "./components/commercial/SectionCommercial/index.47c0cb0c.js";
+import { M as M8 } from "./components/MFIsolationApp/index.359ce9ec.js";
+import { B as B6 } from "./components/BaseModule/index.dba0d174.js";
+import { R as R14, g as g22 } from "./contexts/RHFormContext/index.54d30cb2.js";
+import { a as a12, M as M9 } from "./contexts/ModalContext/index.26017754.js";
+import { g as g23, u as u6 } from "./hooks/useFormAddEdit/index.bd4ae2a5.js";
+import { u as u7 } from "./hooks/useModal/index.d3c18b29.js";
+import { u as u8 } from "./hooks/useTab/index.da9b5a24.js";
 import { useState } from "react";
 import "react/jsx-runtime";
-import "./styles/index.7868464e.js";
+import "./styles/index.d972f170.js";
 import "@mui/material";
 import "@mui/material/styles";
 import "simplebar-react";
@@ -136,7 +136,7 @@ import "react-dnd";
 import "react-dnd-html5-backend";
 import "./components/DataGrid/constants.e334cd50.js";
 import "@m4l/core";
-import "./components/DataGrid/subcomponents/Actions/index.9416e750.js";
+import "./components/DataGrid/subcomponents/Actions/index.8d2e96e7.js";
 import "@m4l/graphics";
 import "zustand/shallow";
 import "@mui/base";
@@ -145,7 +145,7 @@ import "./test/getNameDataTestId.0faeade8.js";
 import "react-router-dom";
 import "framer-motion";
 import "./react-spinners.342a6578.js";
-import "./components/areas/hooks/useAreas/index.cf3f35fa.js";
+import "./components/areas/hooks/useAreas/index.2d10f64c.js";
 import "zustand";
 import "yup";
 import "./components/areas/constants.66529246.js";
@@ -155,8 +155,8 @@ import "./components/areas/index.4cc6a221.js";
 import "zustand/middleware/immer";
 import "zustand/middleware";
 import "lodash";
-import "react-hook-form";
 import "./index.js";
+import "react-hook-form";
 import "lodash/debounce";
 import "@mui/x-date-pickers";
 import "react-color";
@@ -166,36 +166,36 @@ import "@mui/material/Button";
 import "@mui/lab";
 import "./hocs/withToggle/index.548aeace.js";
 import "./components/WrapperComponent/index.57964195.js";
-import "./components/DynamicFilter/subcomponents/FieldTypes/index.8d2e925e.js";
-import "./components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/index.5caf5b34.js";
+import "./components/DynamicFilter/subcomponents/FieldTypes/index.de33ba0a.js";
+import "./components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/index.b0a2c96e.js";
 import "./components/DynamicFilter/constants.095f1dbb.js";
-import "./components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.1ba1cc22.js";
-import "./components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/index.f5262ca2.js";
-import "./components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/index.f48b4af1.js";
-import "./components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.86de8517.js";
-import "./components/DynamicFilter/store/index.7a5e5f6a.js";
-import "./components/DynamicFilter/subcomponents/DynamicFilterBase/index.9be8d255.js";
-import "./components/DynamicFilter/slots/dynamicFilterSlots.c6d731f1.js";
+import "./components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.804bb474.js";
+import "./components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/index.2036b257.js";
+import "./components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/index.d7559fb2.js";
+import "./components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.d628de04.js";
+import "./components/DynamicFilter/store/index.3733c18e.js";
+import "./components/DynamicFilter/subcomponents/DynamicFilterBase/index.bbc1b1c0.js";
+import "./components/DynamicFilter/slots/dynamicFilterSlots.1e2dc145.js";
 import "./components/DynamicFilter/slots/SlotsEnum.104a03d4.js";
 import "./styles/DynamicFilter.27c16026.js";
-import "./components/DynamicFilter/subcomponents/InputFilter/index.f3f01ebc.js";
-import "./components/DynamicFilter/subcomponents/PopoverMenuFields/index.d5efe247.js";
-import "./components/DynamicFilter/subcomponents/AppliedFilters/index.c4131ff0.js";
-import "./components/DynamicFilter/subcomponents/AppliedFilterChip/index.f714d323.js";
-import "./components/DynamicFilter/subcomponents/FilterActions/index.066a32f4.js";
-import "./components/DynamicFilter/subcomponents/PopoverFilter/index.7805f621.js";
-import "./components/GridLayout/subcomponents/Griditem/index.5c8546c8.js";
+import "./components/DynamicFilter/subcomponents/InputFilter/index.1b95c167.js";
+import "./components/DynamicFilter/subcomponents/PopoverMenuFields/index.9f07285e.js";
+import "./components/DynamicFilter/subcomponents/AppliedFilters/index.e38ed08e.js";
+import "./components/DynamicFilter/subcomponents/AppliedFilterChip/index.5b952ba7.js";
+import "./components/DynamicFilter/subcomponents/FilterActions/index.c8c90968.js";
+import "./components/DynamicFilter/subcomponents/PopoverFilter/index.fd8a2421.js";
+import "./components/GridLayout/subcomponents/Griditem/index.c9f8165b.js";
 import "fast-equals";
-import "./components/PrintingSystem/subcomponents/DividerNode/index.f9343c1f.js";
-import "./components/PrintingSystem/subcomponents/SectionNode/index.21b9d770.js";
-import "./components/PrintingSystem/subcomponents/TextBoxNode/index.03e73c9d.js";
-import "./components/PrintingSystem/subcomponents/HeaderNode/index.715f4e49.js";
-import "./components/PrintingSystem/subcomponents/BodyNode/index.3e82f72e.js";
-import "./components/PrintingSystem/subcomponents/FooterNode/index.1cdf54cf.js";
-import "./components/PrintingSystem/subcomponents/PaperNode/index.92df744d.js";
-import "./components/PrintingSystem/subcomponents/PropertyValueNode/index.4316a07a.js";
-import "./components/PrintingSystem/subcomponents/GridNode/index.32a2e08a.js";
-import "./components/PrintingSystem/subcomponents/ChartNode/index.8d4e4894.js";
+import "./components/PrintingSystem/subcomponents/DividerNode/index.350c25de.js";
+import "./components/PrintingSystem/subcomponents/SectionNode/index.d76d27d3.js";
+import "./components/PrintingSystem/subcomponents/TextBoxNode/index.2dcd8991.js";
+import "./components/PrintingSystem/subcomponents/HeaderNode/index.462d6322.js";
+import "./components/PrintingSystem/subcomponents/BodyNode/index.79cb87c7.js";
+import "./components/PrintingSystem/subcomponents/FooterNode/index.8c2f7536.js";
+import "./components/PrintingSystem/subcomponents/PaperNode/index.a5e25147.js";
+import "./components/PrintingSystem/subcomponents/PropertyValueNode/index.430bd242.js";
+import "./components/PrintingSystem/subcomponents/GridNode/index.b02b56db.js";
+import "./components/PrintingSystem/subcomponents/ChartNode/index.a5d910d6.js";
 import "chart.js";
 import "chartjs-chart-error-bars";
 import "react-leaflet";
@@ -211,8 +211,8 @@ import "./components/maps/index.13bb982c.js";
 import "leaflet-polylinedecorator";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
-import "./components/DataGrid/formatters/index.4b65c281.js";
-import "./components/hook-form/HelperError/index.a0faefe4.js";
+import "./components/DataGrid/formatters/index.91129d5e.js";
+import "./components/hook-form/HelperError/index.c6f8f840.js";
 import "immer";
 import "./react-json-view.57125fcf.js";
 import "./commonjs.565e6834.js";
@@ -221,6 +221,10 @@ import "./react-splitter-layout.8b1655c8.js";
 import "react-toastify";
 import "@m4l/styles";
 import "react-transition-group";
+import "./components/popups/PopupsViewer/icons.066abd43.js";
+import "./components/popups/PopupsViewer/slots/popupsViewerSlots.be9219c7.js";
+import "./components/popups/PopupsViewer/constants.29247547.js";
+import "./components/popups/PopupsViewer/slots/index.154e4e5f.js";
 import "./hooks/useSizeContainer/index.3c48670c.js";
 import "history";
 import "eventemitter3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",

package/styles/PopupViewer.styles.d.ts

@@ -0,0 +1,2 @@
+import { PopupsViewerStyles } from '../components/popups/components/PopupsViewer/types';
+export declare const popupsViewerStyles: PopupsViewerStyles;

package/styles/{index.7868464e.js → index.d972f170.js}

@@ -1,14 +1,14 @@
 import { styled, alpha, Skeleton, Popover, IconButton, Stack, Tabs, Dialog, ListItemText, ListItemButton } from "@mui/material";
 import { styled as styled$1, alpha as alpha$1 } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
-import { h as gridLayoutClasses } from "../components/GridLayout/index.14b734d6.js";
+import { h as gridLayoutClasses } from "../components/GridLayout/index.a9f419d8.js";
 import { a as ResizableBox } from "../react-resizable.a59c14f4.js";
-import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.80da2678.js";
-import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.7836a623.js";
-import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.3cc627c5.js";
-import { R as RHFormProvider } from "../contexts/RHFormContext/index.939811b3.js";
-import { S as Stack$1 } from "../components/mui_extended/Stack/index.e64a379b.js";
-import { I as Image } from "../components/Image/index.8a3d05d3.js";
+import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.55c40f0c.js";
+import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.8a568629.js";
+import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.30fe41d1.js";
+import { R as RHFormProvider } from "../contexts/RHFormContext/index.54d30cb2.js";
+import { S as Stack$1 } from "../components/mui_extended/Stack/index.9d6ed8c2.js";
+import { I as Image } from "../components/Image/index.fb9e71ba.js";
 const RootStyle$1 = styled("div", {
   shouldForwardProp: (props) => props !== "variant"
 })(({ theme, variant }) => ({
@@ -440,9 +440,6 @@ const WrapperOption = styled$1("li")(({ theme }) => ({
 const HelperTextRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LErrorLabel?.styleOverrides
 }));
-const WrapperStandarActions = styled$1("div")(({ theme }) => ({
-  ...theme.components?.M4LCommonActions?.styleOverrides
-}));
 const RHFColorPickerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LRHFColorPicker?.styleOverrides
 }));
@@ -494,6 +491,9 @@ const ContainerCheckTypography = styled$1("div")(() => ({
   display: "flex",
   alignItems: "center"
 }));
+const WrapperStandarActions = styled$1("div")(({ theme }) => ({
+  ...theme.components?.M4LCommonActions?.styleOverrides
+}));
 const RHFDateTimeRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LRHFDateTime?.styleOverrides
 }));
@@ -1015,6 +1015,95 @@ const ContainerImage = styled$1("div")(() => ({
   width: "16px",
   height: "16px"
 }));
+const CONTAINER_QUERY_NAME = "poupup_root";
+const popupsViewerStyles = {
+  root: ({ ownerState }) => ({
+    containerName: CONTAINER_QUERY_NAME,
+    containerType: "inline-size",
+    position: "absolute",
+    left: "0px",
+    top: "0px",
+    width: "0px",
+    height: "0px",
+    cursor: "default",
+    zIndex: ownerState.baseZindex || 0
+  }),
+  popupDragWindowRoot: ({ ownerState }) => ({
+    display: "flex",
+    flexDirection: "column",
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    "&.fade-enter": {
+      opacity: 0
+    },
+    "&.fade-enter-active": {
+      opacity: 1,
+      transition: "opacity 300ms"
+    },
+    "&.fade-enter-done": {
+      opacity: 1
+    },
+    "& .fade-exit": {
+      opacity: 1
+    },
+    "& .fade-exit-active": {
+      opacity: 0
+    },
+    ...ownerState?.status === "hidden" ? {
+      visibility: "hidden",
+      pointerEvents: "none"
+    } : {}
+  }),
+  pDWHeaderContainer: () => ({
+    display: "flex",
+    position: "relative",
+    margin: "6px",
+    gap: "8px",
+    marginLeft: "8px",
+    borderBottom: "2px solid blue",
+    cursor: "move"
+  }),
+  pDWHeaderTitle: ({ ownerState }) => ({
+    flexGrow: 1,
+    fontWeight: "bold",
+    ...ownerState?.subTitle ? {
+      flexGrow: "unset",
+      "&:after": {
+        content: '"*"',
+        color: "red",
+        fontSize: "22px",
+        top: "0px",
+        bottom: "0px",
+        position: "absolute"
+      }
+    } : {}
+  }),
+  pDWHeaderSubTitle: ({}) => ({
+    flexGrow: 1
+  }),
+  pDWContentRoot: ({}) => ({
+    display: "flex",
+    padding: "12px",
+    position: "relative",
+    flexGrow: 1,
+    flexDirection: "column",
+    overflow: "hidden"
+  }),
+  pDWContentEditionInfo: ({}) => ({
+    display: "flex",
+    justifyContent: "flex-end",
+    "& .M4LIcon-root": {
+      paddingRight: "8px"
+    }
+  }),
+  pDWContentWrapper: ({}) => ({
+    flexGrow: 1,
+    display: "flex",
+    position: "relative",
+    overflow: "auto"
+  })
+};
 const DivTabGpsToolsRoot = styled$1("div")`
   .${gpsToolsClasses.gpsToolsTabContent}.${gpsToolsClasses.hidden} {
     display: none;
@@ -1356,7 +1445,8 @@ export {
   TabRoot as aL,
   SKTTabWrapper as aM,
   WarpperTypography as aN,
-  FormProviderRoot as aO,
+  popupsViewerStyles as aO,
+  FormProviderRoot as aP,
   AreasViewerRoot as aa,
   AppBarComercialRoot as ab,
   SectionCommercialRoot as ac,

package/components/hook-form/RHFRadioGroup/index.11c0add8.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useFormContext, Controller } from "react-hook-form";
-import { RadioGroup, FormControlLabel, Radio, FormHelperText } from "@mui/material";
-function RHFRadioGroup({
-  name,
-  options,
-  getOptionLabel,
-  getOptionValue,
-  ...other
-}) {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(RadioGroup, { ...field, row: true, ...other, children: options.map((option) => /* @__PURE__ */ jsx(
-          FormControlLabel,
-          {
-            defaultValue: field.value,
-            value: getOptionValue(option),
-            control: /* @__PURE__ */ jsx(Radio, {}),
-            label: getOptionLabel(option)
-          },
-          getOptionValue(option)
-        )) }),
-        !!error && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: error.message })
-      ] })
-    }
-  );
-}
-export {
-  RHFRadioGroup as R
-};

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

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