@m4l/components 0.2.7 → 0.2.9

package/components/areas/hooks/useAreas/{index.de0591fe.js → index.fb721543.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.79ec57d5.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.9c8e3b41.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/index.abedae6a.js

@@ -0,0 +1,56 @@
+import { useEffect } from "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.29065051.js";
+import "clsx";
+import "@m4l/graphics";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.e295aa1f.js";
+import "zustand";
+import "./contexts/AreasContext/index.9c8e3b41.js";
+import "./components/AreasAdmin/index.6024578a.js";
+import "zustand/shallow";
+import "../ScrollBar/index.010f1b9d.js";
+import "../mui_extended/Accordion/index.3e247bd4.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f538e360.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.b09524fe.js";
+import "../Image/index.cf640615.js";
+import "@mui/lab";
+import "../mui_extended/MenuActions/index.9b37fadc.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.4c797c00.js";
+import "../mui_extended/Pager/index.78dea971.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "./components/AreasViewer/index.41e89676.js";
+import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../LoadingError/index.1426339a.js";
+import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand/middleware/immer";
+import "./contexts/DynamicMFParmsContext/index.1607c78e.js";
+function useOnClickOutside(ref, handler, noRef) {
+  useEffect(() => {
+    const listener = (event) => {
+      const el = ref?.current;
+      const noEl = noRef?.current;
+      if (!el || el.contains(event.target) || noEl && noEl.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
+export {
+  useOnClickOutside as u
+};

package/components/formatters/BooleanFormatter/{index.4f3cbdce.js → index.64ed2d71.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.05984e7f.js";
+import { I as Icon } from "../../Icon/index.29065051.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.4ca6946d.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.57f0da1b.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
@@ -26,7 +26,6 @@ function BooleanFormatter(props) {
   const final_value = value ?? false;
   const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
   const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
-  console.log("srcCheckTrue", srcCheckTrue);
   const memoComponent = useMemo(() => {
     if (presentationType === "string_yes_no") {
       return /* @__PURE__ */ jsx(Component, {

package/components/formatters/{index.4ca6946d.js → index.57f0da1b.js}

@@ -1,9 +1,13 @@
-import { generateUtilityClasses, styled } from "@mui/material";
-import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.4f3cbdce.js";
+import "react";
+import "../Icon/index.29065051.js";
+import { generateUtilityClasses, styled } from "@mui/material";
+import "clsx";
+import "@m4l/graphics";
+import "@mui/base";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.64ed2d71.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/RHFAutocomplete/{index.0ce87ac3.js → index.e830f749.js}

@@ -1,16 +1,32 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.bf37e923.js";
+import { I as Image } from "../../Image/index.cf640615.js";
 import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import "../../Icon/index.29065051.js";
+import "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.e295aa1f.js";
+import "../../mui_extended/Accordion/index.3e247bd4.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../mui_extended/Button/index.f538e360.js";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.9b37fadc.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.4c797c00.js";
+import "../../mui_extended/Pager/index.78dea971.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
+import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as IconButton } from "../../mui_extended/IconButton/index.26de70bd.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -279,7 +295,6 @@ function RHFAutocomplete(props) {
             inputValue,
             clearOnBlur: false,
             PopperComponent: (props2) => {
-              console.log("Autocomplete open Popover");
               return /* @__PURE__ */ jsx(Popper, {
                 ...props2,
                 className: classes.popper,

package/components/hook-form/RHFAutocompleteAsync/{index.57789d3a.js → index.12580722.js}

@@ -5,8 +5,8 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.e830f749.js";
 import { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.0ce87ac3.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.a38715e3.js → index.938321c1.js}

@@ -2,11 +2,31 @@ import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
+import "react";
+import "@m4l/core";
+import "../../Icon/index.29065051.js";
+import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { C as CheckBox } from "../../mui_extended/CheckBox.e662d20c.js";
+import "../../mui_extended/IconButton/index.e295aa1f.js";
+import "../../mui_extended/Accordion/index.3e247bd4.js";
+import "../../mui_extended/Typography/index.443590d6.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../mui_extended/Button/index.f538e360.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
+import "../../Image/index.cf640615.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.9b37fadc.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.4c797c00.js";
+import "../../mui_extended/Pager/index.78dea971.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFColorPicker/{index.d00a2b53.js → index.e292aa86.js}

@@ -1,17 +1,33 @@
 import { useState } from "react";
 import { useFormContext, Controller } from "react-hook-form";
+import { B as Button } from "../../mui_extended/Button/index.f538e360.js";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.8f15d11f.js";
+import { S as SketchPicker } from "../../../node_modules.56dca1cf.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
 import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skeleton$1 } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
-import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../../Icon/index.05984e7f.js";
-import { B as Button } from "../../mui_extended/Button/index.570fd3a4.js";
+import { I as Icon } from "../../Icon/index.29065051.js";
+import "../../mui_extended/IconButton/index.e295aa1f.js";
+import "clsx";
+import "@m4l/graphics";
+import "../../mui_extended/Accordion/index.3e247bd4.js";
+import "../../mui_extended/Typography/index.443590d6.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
+import "../../Image/index.cf640615.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.9b37fadc.js";
+import { P as Popover } from "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.4c797c00.js";
+import "../../mui_extended/Pager/index.78dea971.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.ae5d3a39.js → index.321e4b87.js}

@@ -2,16 +2,32 @@ import { useFormContext, Controller } from "react-hook-form";
 import { DateTimePicker } from "@mui/x-date-pickers";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
-import { styled } from "@mui/material/styles";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
-import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { I as Icon } from "../../Icon/index.29065051.js";
+import "../../mui_extended/IconButton/index.e295aa1f.js";
+import "../../mui_extended/Accordion/index.3e247bd4.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../../Icon/index.05984e7f.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../mui_extended/Button/index.f538e360.js";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
+import "../../Image/index.cf640615.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.9b37fadc.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.4c797c00.js";
+import "../../mui_extended/Pager/index.78dea971.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFPeriod/{index.ae9bcf41.js → index.98b2667a.js}

@@ -1,9 +1,9 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
+import { P as Period } from "../../Period/index.df612223.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { P as Period } from "../../Period/index.0aa8e507.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({
@@ -55,7 +55,6 @@ const RHFPeriod = (props) => {
         error
       }
     }) => {
-      console.log("value RHFPeriod", value);
       return /* @__PURE__ */ jsxs(RHFPeriodRoot, {
         className: classes.root,
         children: [/* @__PURE__ */ jsx(Period, {

package/components/hook-form/RHFTextField/{index.80cc07e0.js → index.d08c142b.js}

@@ -1,16 +1,18 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.26de70bd.js";
-import { useFormContext, Controller } from "react-hook-form";
+import { I as IconButton } from "../../mui_extended/IconButton/index.e295aa1f.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import "../../Icon/index.29065051.js";
+import "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
-import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.587aac00.js → index.cdb2e584.js}

@@ -2,16 +2,33 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.bf37e923.js";
+import { I as Image } from "../../Image/index.cf640615.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { B as Button } from "../../mui_extended/Button/index.f538e360.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.a6a02c79.js";
+import "clsx";
+import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.570fd3a4.js";
-import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import "@mui/material/Button";
+import "../../Icon/index.29065051.js";
+import "@m4l/graphics";
+import "../../mui_extended/IconButton/index.e295aa1f.js";
+import "../../mui_extended/Accordion/index.3e247bd4.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.9b37fadc.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.4c797c00.js";
+import "../../mui_extended/Pager/index.78dea971.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme
 }) => ({

package/components/modal/WindowBase.4fe313e7.js

@@ -0,0 +1,160 @@
+import { useEnvironment } from "@m4l/core";
+import "react";
+import { u as useModal } from "../../hooks/useModal/index.97742698.js";
+import "@mui/material";
+import "../../react-draggable.ee21cb7e.js";
+import "../Resizeable/index.6478d7d8.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import "@m4l/graphics";
+import { m as modalUtilityClasses } from "./index.ea3a21cb.js";
+import "../CommonActions/components/Actions/index.b61826a4.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f538e360.js";
+import clsx from "clsx";
+import "react-hook-form";
+import { I as Icon } from "../Icon/index.29065051.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.e295aa1f.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.9c8e3b41.js";
+import "../areas/components/AreasAdmin/index.6024578a.js";
+import "zustand/shallow";
+import "../ScrollBar/index.010f1b9d.js";
+import "../mui_extended/Accordion/index.3e247bd4.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.b09524fe.js";
+import "../Image/index.cf640615.js";
+import "@mui/lab";
+import "../mui_extended/MenuActions/index.9b37fadc.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.4c797c00.js";
+import "../mui_extended/Pager/index.78dea971.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "../areas/components/AreasViewer/index.41e89676.js";
+import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../LoadingError/index.1426339a.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand/middleware/immer";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "../animate/index.4e9774a6.js";
+import "framer-motion";
+import "@mui/material/styles";
+import "../animate/LoadingScreen/index.1d0c4307.js";
+import "../animate/PropagateLoader/index.7fab43c8.js";
+import "../hook-form/RHFAutocomplete/index.e830f749.js";
+import "../HelperText/index.a6a02c79.js";
+import "../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../hook-form/RHFColorPicker/index.e292aa86.js";
+import "lodash/debounce";
+import "../hook-form/RHFAutocompleteAsync/index.12580722.js";
+import "../hook-form/RHFCheckbox/index.938321c1.js";
+import "@mui/x-date-pickers";
+import "../hook-form/RHFDateTime/index.321e4b87.js";
+import "../hook-form/RHFTextField/index.d08c142b.js";
+import "../hook-form/RHFPeriod/index.98b2667a.js";
+import "../Period/index.df612223.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../hook-form/RHFUpload/index.cdb2e584.js";
+import "../formatters/index.57f0da1b.js";
+import "../DataGrid/index.3a2e683c.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../DataGrid/subcomponents/Actions/index.063a0197.js";
+import "../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../DynamicFilter/index.a5197d85.js";
+import "yup";
+import "../../contexts/RHFormContext/index.7769076a.js";
+import "../GridLayout/subcomponents/Griditem/index.8e4af155.js";
+import "../GridLayout/index.68093cfb.js";
+import "fast-equals";
+import "lodash";
+import "../PrintingSystem/index.73dd98b3.js";
+import "../LanguagePopover/index.0319d6a8.js";
+import "../MFLoader/index.cbd2e5af.js";
+import "../NavLink/index.618dabfb.js";
+import "../NoItemSelected/index.50d06852.js";
+import "../ObjectLogs/index.fb34f372.js";
+import "../../react-json-view.5636414a.js";
+import "../PaperForm/index.6859d4e8.js";
+import "../PDFViewer/index.ec8d0f79.js";
+import "../Page/index.5aefe8f7.js";
+import "../PropertyValue/index.df683b35.js";
+import "../SplitLayout/index.30fd5861.js";
+import "../../react-splitter-layout.c5d98bf7.js";
+import "../ToastContainer/index.f67795cb.js";
+import "../SideBar/index.f322ee0b.js";
+import "../AppBar/index.966d5162.js";
+import "../AccountPopover/index.8a11a7b6.js";
+const Header = (props) => {
+  const {
+    title,
+    onClickCancel,
+    urlIcon,
+    classes
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const handlerClick = (e) => {
+    e.stopPropagation();
+    onClickCancel && onClickCancel();
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    id: "Header",
+    className: clsx(classes.headerContainer, "m4l_draggable_handle"),
+    children: [urlIcon && /* @__PURE__ */ jsx("div", {
+      className: classes.iconHeader,
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: urlIcon,
+        size: "medium"
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.titleHeader,
+      children: title
+    }), /* @__PURE__ */ jsx(IconButton, {
+      className: classes.iconCloseHeader,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
+      onClick: (e) => handlerClick(e),
+      "aria-label": "click"
+    })]
+  });
+};
+const WindowBase = (props) => {
+  const {
+    children,
+    onClickCancel,
+    ...other
+  } = props;
+  const {
+    closeModal,
+    variant
+  } = useModal();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({
+    variant
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.windowBaseRoot,
+    children: [/* @__PURE__ */ jsx(Header, {
+      ...other,
+      onClickCancel: onCloseCancel,
+      classes
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.windowContent,
+      children
+    })]
+  });
+};
+export {
+  WindowBase as W
+};