@m4l/components 0.1.70 → 0.1.72

package/components/areas/components/{index.359c2b18.js → AreasViewer/index.51ee3d38.js}

@@ -1,81 +1,84 @@
-import { I as IconButton } from "../../mui_extended/IconButton/index.57824447.js";
-import { u as useAreasStore } from "../hooks/useArea/index.2adbe001.js";
-import { useEnvironment, useModuleDictionary, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
+import { styled } from "@mui/material/styles";
+import { r as react_resizable_css } from "../../../../react-resizable.e78d1cc8.js";
+import { generateUtilityClasses, Skeleton, styled as styled$1, Typography as Typography$1, Dialog } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.8608d16c.js";
+import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
+import React__default, { useMemo, useState, useRef, useCallback, useEffect } from "react";
+import { WidthProvider, Responsive } from "react-grid-layout";
 import { shallow } from "zustand/shallow";
-import { A as AREAS_VIEWER_CLASS_NAME, a as AREAS_ADMIN_CLASS_NAME, I as ICONS, g as getAreasDictionary } from "../index.8a58bcbf.js";
-import { I as Icon } from "../../Icon/index.caaed284.js";
+import { I as Icon } from "../../../Icon/index.9839297c.js";
+import { m } from "framer-motion";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { useMemo, useState, useRef, useCallback, useEffect } from "react";
-import { generateUtilityClasses, Skeleton, styled as styled$1, Typography as Typography$1, Dialog } from "@mui/material";
+import "react-router-dom";
+import "../../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../../animate/PropagateLoader/index.be5b02c3.js";
+import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.590049b4.js";
 import clsx from "clsx";
+import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender, useResizeObserver } from "@m4l/graphics";
+import { u as useAreasStore } from "../../hooks/useAreas/index.e868e3d9.js";
+import "../AreasAdmin/index.218451cf.js";
+import { I as ICONS } from "../../icons.b36751f2.js";
+import "../../../ScrollBar/index.bbe48f4d.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT, T as THROTTLE_RESIZE_TIME } from "../../contexts/AreasContext/index.0b50676d.js";
+import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT, T as THROTTLE_RESIZE_TIME } from "../contexts/AreasContext/index.de8b4e78.js";
-import "../../mui_extended/Accordion/index.437bb3f8.js";
-import "../../mui_extended/Avatar/index.fe06afd7.js";
-import "react-router-dom";
+import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "react-hook-form";
+import "../../../hook-form/RHFAutocomplete/index.b185393e.js";
+import { I as Image } from "../../../Image/index.a88f6341.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.1659d310.js";
+import "../../../mui_extended/Accordion/index.d420b666.js";
+import "../../../mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
-import { B as Button } from "../../mui_extended/Button/index.f8ce9ccd.js";
-import { I as Image } from "../../Image/index.82a6cd46.js";
+import { B as Button } from "../../../mui_extended/Button/index.1cd0c4e4.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import "../../mui_extended/Popover/index.226f247e.js";
-import { M as MenuActions } from "../../mui_extended/MenuActions/index.37043326.js";
-import "../../mui_extended/Pager/index.eeed3bd5.js";
-import "../../mui_extended/Tab/index.e0653a0a.js";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.a2312a73.js";
-import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../../react-resizable.8307e056.js";
-import { WidthProvider, Responsive } from "react-grid-layout";
-import { m } from "framer-motion";
-import "../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../animate/PropagateLoader/index.be5b02c3.js";
-import { W as WindowToolsMFProvider } from "../contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import { D as DynamicMFParmsProvider } from "../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "react-hook-form";
-import "../../hook-form/RHFAutocomplete/index.09c400c3.js";
-import "../../HelperText/index.a69e9509.js";
+import "../../../mui_extended/Popover/index.9f35d0eb.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.f9eb6463.js";
+import "../../../mui_extended/Pager/index.c058b933.js";
+import "../../../mui_extended/Tab/index.e0653a0a.js";
+import "../../../HelperText/index.4c27bfc1.js";
 import debounce from "lodash/debounce";
-import "../../hook-form/RHFAutocompleteAsync/index.e8acff04.js";
-import "../../hook-form/RHFCheckbox/index.70310f35.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.7a569646.js";
+import "../../../hook-form/RHFCheckbox/index.7a9ea396.js";
 import "@mui/x-date-pickers";
-import "../../hook-form/RHFDateTime/index.7b815072.js";
-import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender, useResizeObserver } from "@m4l/graphics";
-import "../../hook-form/RHFTextField/index.d4c39859.js";
-import "../../hook-form/RHFPeriod/index.3c7d393c.js";
-import "../../Period/index.fbf074d3.js";
-import "../../CommonActions/components/Actions/index.154d7cb6.js";
-import "../../../contexts/ModalContext/index.8e3cd7a8.js";
-import { c as cjs } from "../../../react-draggable.0d64c8b1.js";
-import "../../ModalDialog/index.cdfd1ae8.js";
-import { R as ResizeableWindow } from "../../Resizeable/index.aafda79e.js";
-import "../../modal/WindowConfirm.e21763cb.js";
-import "../../modal/WindowBase.6a40a945.js";
+import "../../../hook-form/RHFDateTime/index.2fd1d56b.js";
+import "../../../hook-form/RHFTextField/index.e1b50c30.js";
+import "../../../hook-form/RHFPeriod/index.df3d3f69.js";
+import "../../../Period/index.2ab4f2a1.js";
+import "../../../CommonActions/components/Actions/index.e190561b.js";
+import "../../../../contexts/ModalContext/index.92e80136.js";
+import { c as cjs } from "../../../../react-draggable.21aa9ee1.js";
+import "../../../ModalDialog/index.75ddf6de.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.086ff29e.js";
+import "../../../modal/WindowConfirm.b89712de.js";
+import "../../../modal/WindowBase.e5ec6128.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../hook-form/RHFUpload/index.31044674.js";
-import "../../DataGrid/index.2f4a0e64.js";
+import "../../../hook-form/RHFUpload/index.ec977af6.js";
+import "../../../DataGrid/index.549bd646.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../DynamicFilter/index.789ab474.js";
-import "../../ScrollBar/index.bbe48f4d.js";
+import "../../../DynamicFilter/index.c1a3e2f1.js";
 import "yup";
 import "@hookform/resolvers/yup";
-import "../../../contexts/RHFormContext/index.a7511399.js";
-import "../../LanguagePopover/index.5af28b9e.js";
-import "../../NavLink/index.251fcf0d.js";
-import "../../NoItemSelected/index.3b9d16e3.js";
-import "../../ObjectLogs/index.57ea68b3.js";
-import "../../../react-json-view.57125fcf.js";
-import "../../PaperForm/index.d2d492ea.js";
-import "../../Page/index.4237c241.js";
-import "../../PropertyValue/index.dfcfe1ba.js";
-import "../../../react-splitter-layout.8b1655c8.js";
-import "../../SplitLayout/index.5a8355d8.js";
-import "../../SideBar/index.3bc6a634.js";
-import { D as DraggableWindow } from "../../../vendor.8edaef93.js";
-import { L as LinearProgress } from "../../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { v as varBounce } from "../../animate/variants/bounce.784aaaaa.js";
+import "../../../../contexts/RHFormContext/index.a7511399.js";
+import "../../../LanguagePopover/index.84c51cd3.js";
+import "../../../NavLink/index.e88494ef.js";
+import "../../../NoItemSelected/index.c3b67da1.js";
+import "../../../ObjectLogs/index.88bcf75a.js";
+import "../../../../react-json-view.57125fcf.js";
+import "../../../PaperForm/index.b141d583.js";
+import "../../../Page/index.4237c241.js";
+import "../../../PropertyValue/index.dfcfe1ba.js";
+import "../../../../react-splitter-layout.8b1655c8.js";
+import "../../../SplitLayout/index.5a8355d8.js";
+import "../../../SideBar/index.90137dc5.js";
+import { D as DraggableWindow } from "../../../../vendor.d194839d.js";
+import { g as getAreasDictionary } from "../../dictionary.e72db809.js";
+import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
+import { v as varBounce } from "../../../animate/variants/bounce.784aaaaa.js";
 import { throttle } from "lodash";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
@@ -90,9 +93,11 @@ const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "windowContent",
   "windowPopupRoot",
   "windowModalRoot",
+  "windowRootContainer",
   "panelWindowsRoot",
   "panelWindowsButtonContainer",
   "selected",
+  "selectedWindow",
   "isMobile",
   "loading"
 ], AREAS_VIEWER_CLASS_NAME);
@@ -104,141 +109,19 @@ const useAreasViewerUtilityClasses = (ownerState) => {
     areaGridLayout: ["areaGridLayout"],
     areaGridLayoutPopupsContainer: ["areaGridLayoutPopupsContainer"],
     windowRoot: ["windowRoot"],
+    windowRootContainer: ["windowRootContainer"],
     windowHeader: ["windowHeader"],
     windowHeaderTitle: ["windowHeaderTitle"],
     windowHeaderMainActions: ["windowHeaderMainActions"],
     windowContent: ["windowContent"],
     windowPopupRoot: ["windowPopupRoot"],
     windowModalRoot: ["windowModalRoot"],
+    selectedWindow: ["selectedWindow"],
     panelWindowsRoot: ["panelWindowsRoot"],
     panelWindowsButtonContainer: ["panelWindowsButtonContainer"]
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_VIEWER_CLASS_NAME), {});
 };
-const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
-  "root",
-  "areaChipRoot",
-  "areaChipTitle",
-  "areaChipDeleteButton",
-  "areaChipEditButton",
-  "areasAddButton",
-  "areaContainerChips",
-  "areaIconLayer",
-  "selected",
-  "isMobile",
-  "disabled"
-], AREAS_ADMIN_CLASS_NAME);
-const useAreasAdminUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.status, ownerState.isMobile && "isMobile", ownerState.isSkeleton && "isSkeleton"],
-    areaChipRoot: ["areaChipRoot"],
-    areaIconLayer: ["areaIconLayer"],
-    areaContainerChips: ["areaContainerChips"],
-    areaChipTitle: ["areaChipTitle"],
-    areaChipDeleteButton: ["areaChipDeleteButton"],
-    areaChipEditButton: ["areaChipEditButton"],
-    areasAddButton: ["areasAddButton"]
-  };
-  return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_ADMIN_CLASS_NAME), {});
-};
-const AreaChip = (props) => {
-  const {
-    areaId,
-    selected,
-    areaName,
-    disabled
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    deleteArea,
-    selectArea
-  } = useAreasStore((state) => state.areasActions);
-  const onClickDeleteArea = (e) => {
-    e.stopPropagation();
-    deleteArea(areaId);
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    role: "presentation",
-    className: clsx(areasAdminClasses.areaChipRoot, selected ? areasAdminClasses.selected : null, disabled ? areasAdminClasses.disabled : null),
-    onClick: () => {
-      selectArea(areaId);
-    },
-    children: [/* @__PURE__ */ jsx("span", {
-      className: areasAdminClasses.areaChipTitle,
-      children: areaName
-    }), /* @__PURE__ */ jsx(IconButton, {
-      className: areasAdminClasses.areaChipDeleteButton,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-      size: "small",
-      disabled,
-      onClick: onClickDeleteArea
-    })]
-  });
-};
-AreaChip.displayName = "AreaButtons";
-const AreasAdminRoot = styled("div")`
-    display: flex;
-    position: relative;
-
-    //areaRoot
-    & .${areasAdminClasses.areaChipRoot} {
-        display: flex;
-    }
-
-    & .${areasAdminClasses.areaChipRoot}.${areasAdminClasses.selected}::before {
-        content: "";
-        background-color: ${(props) => props.theme.palette.primary.main};
-        height: 100%;
-        width: 8px;
-    }
-
-    ${(props) => props.theme.components?.M4LAreasAdmin?.styleOverrides}
-
- 
-`;
-function AreasAdmin() {
-  const areas = useAreasStore((state) => state.areas, shallow);
-  const currentArea = useAreasStore((state) => state.currentAreaId, shallow);
-  const status = useAreasStore((state) => state.ownerState.status);
-  const classesRoot = useAreasStore((state) => state.adminClasses.root);
-  const areasLength = useAreasStore((state) => state.areas.length);
-  const {
-    addArea
-  } = useAreasStore((state) => state.areasActions, shallow);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  console.log("Render AreasAdmin", areas);
-  if (status !== "loaded") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(AreasAdminRoot, {
-    className: classesRoot,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: areasAdminClasses.areaIconLayer,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.LAYERS}`
-      })
-    }), /* @__PURE__ */ jsx("div", {
-      className: areasAdminClasses.areaContainerChips,
-      children: areas.map((area) => /* @__PURE__ */ jsx(AreaChip, {
-        areaId: area.id,
-        selected: area.id === currentArea,
-        areaName: area.name,
-        disabled: areasLength === 1
-      }, area.id))
-    }), /* @__PURE__ */ jsx(IconButton, {
-      className: areasAdminClasses.areasAddButton,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,
-      size: "small",
-      onClick: addArea
-    })]
-  });
-}
 const AreasViewerRoot = styled("div")`
     /* display: flex; */
     width: 100%;
@@ -309,11 +192,72 @@ const AreasViewerRoot = styled("div")`
     &.${areasViewerClasses.isMobile} .${areasViewerClasses.panelWindowsRoot} {
         flex-direction: row;
     }
-    & .${areasViewerClasses.panelWindowsButtonContainer}.${areasViewerClasses.selected} {
-        border: 1px solid red;
-    }
 
     // windowRoot
+    & .${areasViewerClasses.windowRoot} {
+        inset:0;
+        position: absolute;
+        display: flex;
+        flex-direction: column;
+        /* height: 100%; */
+        /* width: 100%; */
+        overflow: hidden;
+        border: 1px solid gray;
+
+        background-color: ${(props) => props.theme.palette.background.default};
+        padding: ${(props) => props.theme.spacing(0)};
+    }
+
+    & .${areasViewerClasses.windowRoot}.${areasViewerClasses.selected} {
+        border-top: 1px solid green;
+    }
+    // windowHeader
+    & .${areasViewerClasses.windowHeader} {
+        display: flex;
+        gap: 4px;
+        
+        align-items: center;
+        position: relative;
+
+        padding: 8px;
+        justify-content: end;
+        min-height: ${(props) => props.theme.spacing(5)} ;
+
+        border-bottom: 1px solid ${(props) => props.theme.palette.divider};
+        overflow: hidden;
+        cursor: move;
+        height: 60px;
+
+
+
+        > span: {
+            margin-right: 12px;
+        }
+    }
+    // windowHeaderTitle
+    & .${areasViewerClasses.windowHeaderTitle} {
+        width: 100%;
+        max-width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        color: ${(props) => props.theme.palette.text.primary};
+        margin-left: 12px;
+        margin-right: 24px;
+        text-overflow: ellipsis;
+    }
+    // windowHeaderMainActions
+    & .${areasViewerClasses.windowHeaderMainActions} {
+        display: flex;
+
+        gap: 4px;
+    }
+
+    
+    // windowHeaderMainActions
+    & .${areasViewerClasses.windowContent} {
+        flex-grow: 1;
+        position: relative;
+    }
 
     // windowModalRoot
     & .${areasViewerClasses.windowModalRoot} {
@@ -774,7 +718,8 @@ function Header(props) {
 }
 const WrapperLinearProgress = styled$1("div")(() => ({
   width: "70%",
-  margin: "auto auto"
+  margin: "auto auto",
+  position: "absolute"
 }));
 const WrapperFallBackNotFound = styled$1("div")(({
   theme
@@ -1183,7 +1128,7 @@ const Window = (props) => {
   }, []);
   return /* @__PURE__ */ jsxs(WindowRoot, {
     role: "presentation",
-    className: clsx(areasViewerClasses.windowRoot, selected ? areasViewerClasses.selected : null, wd.loading ? areasViewerClasses.loading : null),
+    className: clsx(areasViewerClasses.windowRoot, selected ? areasViewerClasses.selectedWindow : null, wd.loading ? areasViewerClasses.loading : null),
     onMouseDown: onTouch,
     children: [/* @__PURE__ */ jsx(Header, {
       areaId,
@@ -1214,6 +1159,10 @@ const WindowPopUp = (props) => {
     windowProps,
     windowId
   } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const {
     selectWindowPopUp
   } = useAreasStore((store) => store.areaActions);
@@ -1240,6 +1189,13 @@ const WindowPopUp = (props) => {
       onResizeStart: () => {
         onTouch();
       },
+      handle: (resizeHandle, ref) => /* @__PURE__ */ jsx("div", {
+        ref,
+        children: /* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.RESIZE}`,
+          className: `custom-handle custom-handle-${resizeHandle}`
+        })
+      }, resizeHandle),
       children: /* @__PURE__ */ jsx(Window, {
         ...props
       })
@@ -1439,6 +1395,10 @@ const WindowModal = (props) => {
   const {
     onClose
   } = useAreasStore((state) => state.hashWindowsModals[windowId]);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const isDesktop = useResponsiveDesktop();
   const DragabblePaperComponent = (_props) => {
     return /* @__PURE__ */ jsx(cjs.exports, {
@@ -1447,6 +1407,14 @@ const WindowModal = (props) => {
       children: /* @__PURE__ */ jsx(ResizeableWindow, {
         width: props.windowProps?.width || 400,
         height: props.windowProps?.height || 300,
+        className: areasViewerClasses.windowModalRoot,
+        handle: (resizeHandle, ref) => /* @__PURE__ */ jsx("div", {
+          ref,
+          children: /* @__PURE__ */ jsx(Icon, {
+            src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.RESIZE}`,
+            className: `custom-handle custom-handle-${resizeHandle}`
+          })
+        }, resizeHandle),
         children: /* @__PURE__ */ jsx(Window, {
           ...props
         })
@@ -1506,9 +1474,7 @@ function AreasViewer() {
   });
 }
 export {
-  AreasAdmin as A,
-  useAreasAdminUtilityClasses as a,
-  areasViewerClasses as b,
-  AreasViewer as c,
+  AreasViewer as A,
+  areasViewerClasses as a,
   useAreasViewerUtilityClasses as u
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts

@@ -1,3 +1,3 @@
-import { ModuleAction } from '../../../../../../../../contexts';
-export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: ModuleAction[]): ModuleAction[];
-export declare function getMenuActions(windowId: string, isDesktop: boolean | undefined, moduleActions: ModuleAction[], urlPrefix: string, saveModuleCookies: (wd: string) => void, resetModuleCookies: (wd: string) => void, version?: string): ModuleAction[];
+import { AreaWindowAction } from '../../../../../../../../types';
+export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: AreaWindowAction[]): AreaWindowAction[];
+export declare function getMenuActions(windowId: string, isDesktop: boolean | undefined, moduleActions: AreaWindowAction[], urlPrefix: string, saveModuleCookies: (wd: string) => void, resetModuleCookies: (wd: string) => void, version?: string): AreaWindowAction[];

package/components/areas/components/index.ae4cbf2e.js

@@ -0,0 +1,14 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../../Icon/index.9839297c.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../../mui_extended/IconButton/index.590049b4.js";
+import "@m4l/graphics";
+import "zustand";
+import "../contexts/AreasContext/index.0b50676d.js";
+import "./AreasAdmin/index.218451cf.js";
+import "zustand/shallow";
+import "../../ScrollBar/index.bbe48f4d.js";
+import "./AreasViewer/index.51ee3d38.js";

package/components/areas/constants.66529246.js

@@ -0,0 +1,6 @@
+const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
+const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
+export {
+  AREAS_ADMIN_CLASS_NAME as A,
+  AREAS_VIEWER_CLASS_NAME as a
+};

package/components/areas/contexts/AreasContext/helper.d.ts

@@ -1,8 +1,8 @@
 import { WritableDraft } from 'immer/dist/internal';
-import { Layouts } from 'react-grid-layout';
-import { Area, AreasStateWithActions } from './types';
-import { WinLayout } from './types';
-import { HashWindowsByLayouts } from '../../types';
+import type { Layouts } from 'react-grid-layout';
+import type { Area, AreasStateWithActions } from './types';
+import type { WinLayout } from './types';
+import type { HashWindowsByLayouts, WindowState, WindowStateProps } from '../../types';
 export declare const ROW_HEIGTH_GRIDLAYOUT = 20;
 export declare const CONTAINER_PADDING_GRIDLAYOUT = 3;
 export declare const MARGIN_GRIDLAYOUT = 5;
@@ -31,6 +31,7 @@ export declare const MAXIMIZED_COLS: {
     xs: number;
     xxs: number;
 };
+export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading' | 'tosties' | 'toastyCount'>;
 export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'loadWindows' | 'viewMode'>;
 /**
  * @description Función de apoyo que crea un área de trabajo,
@@ -57,3 +58,4 @@ export declare function getDataFromResponse(data: any, state: WritableDraft<Area
     newHashWindowLayouts: HashWindowsByLayouts;
 };
 export declare function getCookiesContainer(data: any, containerId: string): Record<string, any>;
+export declare const removeToasty: (state: WritableDraft<WindowStateProps>, toastyId: number) => void;