@m4l/components 0.1.50 → 0.1.51

package/components/CommonActions/components/ActionFormCancel/{index.bf4c99f9.js → index.27e301c5.js}

@@ -3,28 +3,28 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.2097260d.js";
+import { u as useModal } from "../../../../hooks/useModal/index.56c03c00.js";
 import "../../../../react-draggable.0eef011c.js";
-import "../../../ModalDialog/index.1e2f7995.js";
+import "../../../ModalDialog/index.de10969f.js";
 import "../../../Resizeable/index.8a442a8b.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.d5026cb4.js";
-import "../../../modal/WindowBase.9f5db87e.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.72de5ce8.js";
+import "../../../modal/WindowBase.ed279350.js";
 import "../../../Icon/index.f6e8d810.js";
 import "@mui/material/styles";
-import "../../../areas/components/index.3c88ce04.js";
-import "../../../areas/components/AreasAdmin/index.c6ccc79c.js";
+import "../../../areas/components/index.29809e82.js";
+import "../../../areas/components/AreasAdmin/index.3e586e9b.js";
 import "../../../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.cbfa4a53.js";
+import "../../../areas/contexts/AreasContext/index.4f938baa.js";
 import "zustand/shallow";
-import "../../../areas/components/AreasContainer/index.a4393459.js";
+import "../../../areas/components/AreasContainer/index.15e4628d.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.bb58c8fc.js";
-import "../../../areas/contexts/index.ea2185f5.js";
+import "../../../areas/contexts/index.4cfa6ea9.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import { u as useWindowToolsMF } from "../../../areas/hooks/index.98cf18fc.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/index.b15baf14.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/Actions/{index.274f0ce8.js → index.c06ea173.js}

@@ -6,25 +6,25 @@ import "@mui/material/Button";
 import "../../../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.6a6bf90d.js";
+import "../../../../contexts/ModalContext/index.e94f0e72.js";
 import "../../../../react-draggable.0eef011c.js";
-import "../../../ModalDialog/index.1e2f7995.js";
+import "../../../ModalDialog/index.de10969f.js";
 import "../../../Resizeable/index.8a442a8b.js";
 import "@m4l/graphics";
 import "@mui/lab";
-import "../../../modal/WindowConfirm.d5026cb4.js";
+import "../../../modal/WindowConfirm.72de5ce8.js";
 import "../../../Icon/index.f6e8d810.js";
-import "../../../modal/WindowBase.9f5db87e.js";
-import "../../../areas/components/index.3c88ce04.js";
-import "../../../areas/components/AreasAdmin/index.c6ccc79c.js";
+import "../../../modal/WindowBase.ed279350.js";
+import "../../../areas/components/index.29809e82.js";
+import "../../../areas/components/AreasAdmin/index.3e586e9b.js";
 import "../../../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.cbfa4a53.js";
+import "../../../areas/contexts/AreasContext/index.4f938baa.js";
 import "zustand/shallow";
-import "../../../areas/components/AreasContainer/index.a4393459.js";
+import "../../../areas/components/AreasContainer/index.15e4628d.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.bb58c8fc.js";
-import "../../../areas/contexts/index.ea2185f5.js";
+import "../../../areas/contexts/index.4cfa6ea9.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const WrapperStandarActions = styled("div")(({
   theme

package/components/DataGrid/{index.01df4f26.js → index.eb1bdc97.js}

@@ -9,31 +9,31 @@ import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByStri
 import { M as MenuActions } from "../mui_extended/MenuActions/index.1261168c.js";
 import { P as Pager, g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.984aac44.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.1318a283.js";
-import { u as useModal } from "../../hooks/useModal/index.2097260d.js";
+import { u as useModal } from "../../hooks/useModal/index.56c03c00.js";
 import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
 import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d567aebb.js";
 import "../../react-draggable.0eef011c.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.1e2f7995.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.de10969f.js";
 import "../Resizeable/index.8a442a8b.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.274f0ce8.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.c06ea173.js";
 import "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
-import "../areas/components/index.3c88ce04.js";
-import "../areas/components/AreasAdmin/index.c6ccc79c.js";
+import "../areas/components/index.29809e82.js";
+import "../areas/components/AreasAdmin/index.3e586e9b.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.cbfa4a53.js";
+import "../areas/contexts/AreasContext/index.4f938baa.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.a4393459.js";
+import "../areas/components/AreasContainer/index.15e4628d.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.ea2185f5.js";
+import "../areas/contexts/index.4cfa6ea9.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.d5026cb4.js";
+import "../modal/WindowConfirm.72de5ce8.js";
 import "../Icon/index.f6e8d810.js";
-import { W as WindowBase } from "../modal/WindowBase.9f5db87e.js";
+import { W as WindowBase } from "../modal/WindowBase.ed279350.js";
 import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.b3fb8a75.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { C as ConcatenatedFormatter } from "../formatters/index.90a19f9f.js";

package/components/DynamicFilter/{index.c1022a6f.js → index.17731fda.js}

@@ -28,24 +28,24 @@ import "@mui/x-date-pickers";
 import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.7f1cbd85.js";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { R as RHFTextField } from "../hook-form/RHFTextField/index.57f138f7.js";
-import "../hook-form/RHFPeriod/index.72f32f9b.js";
-import "../Period/index.514252d6.js";
-import { A as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.274f0ce8.js";
-import "../../contexts/ModalContext/index.6a6bf90d.js";
+import "../hook-form/RHFPeriod/index.47cf646d.js";
+import "../Period/index.89daad51.js";
+import { A as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c06ea173.js";
+import "../../contexts/ModalContext/index.e94f0e72.js";
 import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.1e2f7995.js";
+import "../ModalDialog/index.de10969f.js";
 import "../Resizeable/index.8a442a8b.js";
-import "../modal/WindowConfirm.d5026cb4.js";
-import "../modal/WindowBase.9f5db87e.js";
-import "../areas/components/index.3c88ce04.js";
-import "../areas/components/AreasAdmin/index.c6ccc79c.js";
+import "../modal/WindowConfirm.72de5ce8.js";
+import "../modal/WindowBase.ed279350.js";
+import "../areas/components/index.29809e82.js";
+import "../areas/components/AreasAdmin/index.3e586e9b.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.cbfa4a53.js";
+import "../areas/contexts/AreasContext/index.4f938baa.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.a4393459.js";
+import "../areas/components/AreasContainer/index.15e4628d.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.ea2185f5.js";
+import "../areas/contexts/index.4cfa6ea9.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "lodash/isString";
 import "react-dropzone";

package/components/ModalDialog/{index.1e2f7995.js → index.de10969f.js}

@@ -1,12 +1,12 @@
 import { Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.0eef011c.js";
-import { u as useModal } from "../../hooks/useModal/index.2097260d.js";
+import { u as useModal } from "../../hooks/useModal/index.56c03c00.js";
 import { styled } from "@mui/material/styles";
 import { a as getThemeVariantColor } from "../../utils/index.e882b264.js";
 import { R as ResizeableWindow } from "../Resizeable/index.8a442a8b.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.274f0ce8.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c06ea173.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/ObjectLogs/{index.820d75ac.js → index.338656c6.js}

@@ -1,36 +1,36 @@
 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.01df4f26.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.eb1bdc97.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.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.2097260d.js";
+import { u as useModal } from "../../hooks/useModal/index.56c03c00.js";
 import { I as Icon } from "../Icon/index.f6e8d810.js";
 import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.1e2f7995.js";
+import "../ModalDialog/index.de10969f.js";
 import "../Resizeable/index.8a442a8b.js";
-import "../CommonActions/components/Actions/index.274f0ce8.js";
+import "../CommonActions/components/Actions/index.c06ea173.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
-import "../areas/components/index.3c88ce04.js";
-import "../areas/components/AreasAdmin/index.c6ccc79c.js";
+import "../areas/components/index.29809e82.js";
+import "../areas/components/AreasAdmin/index.3e586e9b.js";
 import "../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.cbfa4a53.js";
+import "../areas/contexts/AreasContext/index.4f938baa.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.a4393459.js";
+import "../areas/components/AreasContainer/index.15e4628d.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.ea2185f5.js";
+import "../areas/contexts/index.4cfa6ea9.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.d5026cb4.js";
-import { W as WindowBase } from "../modal/WindowBase.9f5db87e.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.c1022a6f.js";
+import "../modal/WindowConfirm.72de5ce8.js";
+import { W as WindowBase } from "../modal/WindowBase.ed279350.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.17731fda.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/Period/{index.514252d6.js → index.89daad51.js}

@@ -3,28 +3,28 @@ import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
 import { I as Icon } from "../Icon/index.f6e8d810.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.274f0ce8.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c06ea173.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.6a6bf90d.js";
+import "../../contexts/ModalContext/index.e94f0e72.js";
 import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.1e2f7995.js";
+import "../ModalDialog/index.de10969f.js";
 import "../Resizeable/index.8a442a8b.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.d5026cb4.js";
+import "../modal/WindowConfirm.72de5ce8.js";
 import "@mui/material/styles";
-import "../modal/WindowBase.9f5db87e.js";
-import "../areas/components/index.3c88ce04.js";
-import "../areas/components/AreasAdmin/index.c6ccc79c.js";
+import "../modal/WindowBase.ed279350.js";
+import "../areas/components/index.29809e82.js";
+import "../areas/components/AreasAdmin/index.3e586e9b.js";
 import "../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.cbfa4a53.js";
+import "../areas/contexts/AreasContext/index.4f938baa.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.a4393459.js";
+import "../areas/components/AreasContainer/index.15e4628d.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.ea2185f5.js";
+import "../areas/contexts/index.4cfa6ea9.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({

package/components/areas/components/Area/types.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { DynamicMFParameters } from '../../contexts/DynamicMFParmsContext/types';
 import type { Layout } from 'react-grid-layout';
 import { WindowStore } from '../../contexts/WindowContext/store';
-import { AreaProviderRef } from '../../contexts/AreaContext/types';
+import { AreaStore } from '../../contexts/AreaContext/store';
 export declare type WinType = 'microfrontend' | 'component';
 export declare type EmergeType = 'layout' | 'popup' | 'modal';
 export interface MFBaseProps {
@@ -87,11 +87,13 @@ export declare type ModalProps = ModalMFProps | ModalComponentProps;
 export declare type NewModalProps = Omit<ModalMFProps, 'windowId' | 'onClose'> | Omit<ModalComponentProps, 'windowId' | 'onClose'>;
 export declare type WindowProps = LayoutProps | PopUpProps | ModalProps;
 export declare type NewWindowProps = NewLayoutProps | NewPopUpProps | NewModalProps;
+export declare type AddWindow = (newWindow: NewWindowProps) => string;
 export interface AreaType {
     id: string;
     name: string;
     loadWindows?: boolean;
-    ref?: AreaProviderRef;
+    store?: AreaStore;
+    linked?: boolean;
 }
 export interface AreaProps extends Omit<AreaType, 'url_icon' | 'name'> {
     active: boolean;

package/components/areas/components/AreasAdmin/{index.c6ccc79c.js → index.3e586e9b.js}

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { I as IconButton } from "../../../mui_extended/IconButton/index.1318a283.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.868089ed.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.575c2abe.js";
 import { useEnvironment } from "@m4l/core";
 import "@mui/material";
 import "../../../Icon/index.f6e8d810.js";

package/components/areas/components/AreasContainer/{index.a4393459.js → index.15e4628d.js}

@@ -1,8 +1,8 @@
 import { styled } from "@mui/material/styles";
-import { A as Area } from "../index.3c88ce04.js";
+import { A as Area } from "../index.29809e82.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.bb58c8fc.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.868089ed.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.575c2abe.js";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 const ContainerAreas = styled("div")(({

package/components/areas/components/GridLayout/index.f38f5b74.js

@@ -0,0 +1,101 @@
+import { WidthProvider, Responsive } from "react-grid-layout";
+import { a as useAreaStore } from "../../hooks/useArea/index.575c2abe.js";
+import { styled } from "@mui/material/styles";
+import { M as MemonizedWindowPopUp } from "../WindowPopUp/index.90566fca.js";
+import { M as MemonizedWindow, W as WindowModal } from "../Window/index.d1a59be4.js";
+import "react-grid-layout/css/styles.css";
+import "../../../../react-resizable.bb58c8fc.js";
+import { shallow } from "zustand/shallow";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+const WrapperPoups = styled("div")(() => ({
+  zIndex: 1,
+  " .react-draggable": {
+    position: "absolute"
+  }
+}));
+const ResponsiveGridLayout = WidthProvider(Responsive);
+const GridLayout = () => {
+  const areaId = useAreaStore((state) => state.id);
+  const gridLayouts = useAreaStore((state) => state.gridLayouts, shallow);
+  const hashWindowsPopups = useAreaStore((state) => state.hashWindowsPopups, shallow);
+  const hashWindowsLayouts = useAreaStore((state) => state.hashWindowsLayouts, shallow);
+  const breakPointsLayouts = useAreaStore((state) => state.breakpointsLayouts, shallow);
+  const windowsPopUps = useAreaStore((state) => state.windowsPopUps, shallow);
+  const windowModal = useAreaStore((state) => state.windowModal, shallow);
+  const {
+    onBreakpointsLayoutsChange: onBreakPointsLayoutsChange
+  } = useAreaStore((state) => state.actions);
+  function onBreakpointChange(_newBreakpoint, _newCols) {
+  }
+  console.log("Render GridLayout windowModal", windowModal);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(ResponsiveGridLayout, {
+      className: `M4L_GridLayout M4L_GridLayout_${areaId}`,
+      onLayoutChange: onBreakPointsLayoutsChange,
+      onBreakpointChange,
+      breakpoints: {
+        lg: 1200,
+        md: 996,
+        sm: 768,
+        xs: 480,
+        xxs: 0
+      },
+      cols: {
+        lg: 24,
+        md: 20,
+        sm: 12,
+        xs: 8,
+        xxs: 2
+      },
+      rowHeight: 100,
+      margin: [5, 5],
+      containerPadding: [3, 3],
+      draggableHandle: ".m4l_draggable_handle",
+      compactType: "horizontal",
+      layouts: breakPointsLayouts,
+      onResizeStart: (item) => {
+        console.log("onResizestart", item);
+      },
+      children: [/* @__PURE__ */ jsx(WrapperPoups, {
+        id: "WrapperPoups",
+        "data-grid": {
+          i: "none",
+          x: 0,
+          y: 0,
+          w: 0,
+          h: 0,
+          maxW: 0,
+          maxH: 0,
+          minW: 0,
+          minH: 0,
+          static: true,
+          isDraggable: false,
+          isResizable: false
+        },
+        children: windowsPopUps.map((wp) => {
+          if (hashWindowsPopups[wp]) {
+            return /* @__PURE__ */ jsx(MemonizedWindowPopUp, {
+              ...hashWindowsPopups[wp]
+            }, hashWindowsPopups[wp].windowId);
+          }
+          return null;
+        })
+      }, "none"), gridLayouts.map((l) => {
+        if (hashWindowsLayouts[l.i]) {
+          return /* @__PURE__ */ jsx("div", {
+            "data-grid": l,
+            children: /* @__PURE__ */ jsx(MemonizedWindow, {
+              ...hashWindowsLayouts[l.i]
+            })
+          }, l.i);
+        }
+        return null;
+      })]
+    }), windowModal && /* @__PURE__ */ jsx(WindowModal, {
+      ...windowModal
+    })]
+  });
+};
+export {
+  GridLayout as G
+};

package/components/areas/components/Window/{index.ac629c20.js → index.d1a59be4.js}

@@ -1,38 +1,81 @@
 import React__default, { useMemo, useState, useRef, useCallback, useEffect } from "react";
-import { a as useAreaStore } from "../../hooks/useArea/index.868089ed.js";
+import { I as Icon } from "../../../Icon/index.f6e8d810.js";
+import { m } from "framer-motion";
+import { Skeleton, Typography, styled as styled$1, Dialog, Paper } from "@mui/material";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
-import { W as WindowToolsMFProvider, a as WindowMFProvider } from "../../contexts/index.ea2185f5.js";
+import "react-router-dom";
+import "../../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../../animate/PropagateLoader/index.be5b02c3.js";
+import "../index.29809e82.js";
+import "../AreasAdmin/index.3e586e9b.js";
+import { useEnvironment, useModuleSkeleton, useModuleDictionary, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.1318a283.js";
+import "zustand";
+import "../../contexts/AreasContext/index.4f938baa.js";
 import { shallow } from "zustand/shallow";
+import "../AreasContainer/index.15e4628d.js";
+import "react-grid-layout/css/styles.css";
+import "../../../../react-resizable.bb58c8fc.js";
+import { W as WindowToolsMFProvider, a as WindowMFProvider } from "../../contexts/index.4cfa6ea9.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import "../../../../contexts/ModalContext/index.6a6bf90d.js";
 import "react-hook-form";
-import "@hookform/resolvers/yup";
-import "../../../../contexts/RHFormContext/index.828b60ad.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a as useWindow, b as useWindowStore } from "../../hooks/index.98cf18fc.js";
-import { useEnvironment, useModuleSkeleton, useModuleDictionary, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { Skeleton, Typography, styled as styled$1 } from "@mui/material";
-import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.1318a283.js";
-import { I as Icon } from "../../../Icon/index.f6e8d810.js";
+import "../../../hook-form/RHFAutocomplete/index.74add0d0.js";
+import { I as Image } from "../../../Image/index.aa24e982.js";
+import debounce from "lodash/debounce";
+import "../../../hook-form/RHFCheckbox/index.ca94a050.js";
 import "../../../mui_extended/Accordion/index.1d513477.js";
 import "../../../mui_extended/Avatar/index.fe06afd7.js";
-import "react-router-dom";
+import "@mui/material/Button";
 import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
-import { I as Image } from "../../../Image/index.aa24e982.js";
 import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.1261168c.js";
 import "../../../mui_extended/Popover/index.58c49cc0.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.1261168c.js";
 import "../../../mui_extended/Pager/index.984aac44.js";
 import "../../../mui_extended/Tab/index.e0653a0a.js";
 import "../../../mui_extended/Typography/index.be3a279a.js";
-import debounce from "lodash/debounce";
-import "@mui/material/Button";
+import "../../../ErrorLabel/index.78553a1e.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.7f1cbd85.js";
+import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
+import "../../../hook-form/RHFTextField/index.57f138f7.js";
+import "../../../hook-form/RHFPeriod/index.47cf646d.js";
+import "../../../Period/index.89daad51.js";
+import "../../../CommonActions/components/Actions/index.c06ea173.js";
+import "../../../../contexts/ModalContext/index.e94f0e72.js";
+import { c as cjs } from "../../../../react-draggable.0eef011c.js";
+import "../../../ModalDialog/index.de10969f.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.8a442a8b.js";
+import "../../../modal/WindowConfirm.72de5ce8.js";
+import "../../../modal/WindowBase.ed279350.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.7fdff30f.js";
+import "../../../DataGrid/index.eb1bdc97.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../ScrollBar/index.39eeb2de.js";
+import "../../../DynamicFilter/index.17731fda.js";
+import "clsx";
+import "simplebar/dist/simplebar.min.css";
+import "@hookform/resolvers/yup";
+import "../../../../contexts/RHFormContext/index.828b60ad.js";
+import "yup";
+import "../../../../index.js";
+import "@mui/base";
+import "../../../LanguagePopover/index.5047b444.js";
+import "../../../NoItemSelected/index.9636ec8a.js";
+import "../../../ObjectLogs/index.338656c6.js";
+import "../../../../react-json-view.57125fcf.js";
+import "../../../PaperForm/index.0114aa9b.js";
+import "../../../Page/index.4237c241.js";
+import "../../../PropertyValue/index.dfcfe1ba.js";
+import "../../../../react-splitter-layout.8b1655c8.js";
+import "../../../SplitLayout/index.5a8355d8.js";
+import { a as useAreaStore } from "../../hooks/useArea/index.575c2abe.js";
+import { a as useWindow, b as useWindowStore } from "../../hooks/index.b15baf14.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { m } from "framer-motion";
 import { v as varBounce } from "../../../animate/variants/bounce.784aaaaa.js";
-import "../../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../../animate/PropagateLoader/index.be5b02c3.js";
 const WrapperWindow = styled("div", {
   shouldForwardProp: (props) => props !== "selected"
 })(({ theme, selected }) => ({
@@ -614,9 +657,6 @@ const InnerForHooks = (props) => {
   const {
     winType
   } = props;
-  const areaStatus = useAreaStore((state) => state.status);
-  if (areaStatus !== "loaded")
-    return null;
   console.log("Render InnerForHooks", props.windowId);
   return /* @__PURE__ */ jsxs(WindowMFProvider, {
     ...props,
@@ -644,7 +684,7 @@ const Window = (props) => {
     if (!selected) {
       if (emergeType === "popup") {
         selectWindowPopUp(props.windowId);
-      } else {
+      } else if (emergeType === "layout") {
         selectWindowLayout(props.windowId);
       }
     }
@@ -660,7 +700,78 @@ const Window = (props) => {
   });
 };
 const MemonizedWindow = React__default.memo(Window);
+const Container = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  overflow: "hidden",
+  padding: theme.spacing(3)
+}));
+const WrapperWindowModal = styled(Dialog)(() => ({
+  height: "100%",
+  "&.m4l_selected": {
+    borderTop: "1px solid green"
+  }
+}));
+const DragabblePaperComponent = (props) => {
+  return /* @__PURE__ */ jsx(cjs.exports, {
+    handle: ".m4l_draggable_handle",
+    cancel: '[class*="MuiDialogContent-root"]',
+    children: /* @__PURE__ */ jsx(Paper, {
+      sx: {
+        maxHeight: "unset",
+        maxWidth: "unset"
+      },
+      ...props
+    })
+  });
+};
+function PaperComponent(props) {
+  return /* @__PURE__ */ jsx(Paper, {
+    sx: {
+      maxHeight: "unset",
+      maxWidth: "unset",
+      height: "100%"
+    },
+    ...props
+  });
+}
+const WindowModal = (props) => {
+  const {
+    closeWindowModal
+  } = useAreaStore((state) => state.actions);
+  const isDesktop = useResponsiveDesktop();
+  const onClose = () => {
+    closeWindowModal();
+  };
+  const contentComnponent = /* @__PURE__ */ jsx(Container, {
+    id: "Container",
+    children: /* @__PURE__ */ jsx(Window, {
+      ...props,
+      onClose
+    })
+  });
+  console.log("Render WindowModal");
+  return /* @__PURE__ */ jsxs(WrapperWindowModal, {
+    open: true,
+    "aria-labelledby": "child-modal-title",
+    "aria-describedby": "child-modal-description",
+    PaperComponent: isDesktop ? DragabblePaperComponent : PaperComponent,
+    maxWidth: false,
+    fullWidth: !isDesktop,
+    fullScreen: false,
+    disableEnforceFocus: true,
+    children: [isDesktop && /* @__PURE__ */ jsx(
+      ResizeableWindow,
+      {
+        children: contentComnponent
+      }
+    ), !isDesktop && contentComnponent]
+  });
+};
+React__default.memo(WindowModal);
 export {
   MemonizedWindow as M,
-  Window as W
+  WindowModal as W,
+  Window as a
 };

package/components/areas/components/Window/subcomponents/InnerForHooks/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { WindowProps } from '../../../Area/types';
-export declare const InnerForHooks: (props: WindowProps) => JSX.Element | null;
-export declare const MemonizedInnerForHooks: React.MemoExoticComponent<(props: WindowProps) => JSX.Element | null>;
+export declare const InnerForHooks: (props: WindowProps) => JSX.Element;
+export declare const MemonizedInnerForHooks: React.MemoExoticComponent<(props: WindowProps) => JSX.Element>;

package/components/areas/components/WindowModal/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ModalProps } from '../Area/types';
+export declare const WindowModal: (props: ModalProps) => JSX.Element;
+export declare const MemonizedWindowModal: React.MemoExoticComponent<(props: ModalProps) => JSX.Element>;