@m4l/components 0.1.92 → 0.1.93

package/components/LoadingError/types.d.ts

@@ -0,0 +1,10 @@
+import { AreaStatus, AreasStatus } from "../areas/contexts/AreasContext/types";
+export interface AreasLoadingErrorProps {
+    status: AreasStatus | AreaStatus;
+    action: () => void;
+    title?: string;
+    description?: string;
+    recommendation?: string;
+    introMessage?: string;
+    errorIcon?: string;
+}

package/components/MFLoader/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LMFLoader";

package/components/MFLoader/classes/index.d.ts

@@ -0,0 +1,7 @@
+import { MFLoaderClassesType } from './types';
+export declare const mfLoaderClasses: MFLoaderClassesType;
+export declare function getMFLoaderUtilityClass(slot: string): string;
+export declare const mfLoaderUtilityClasses: () => {
+    root: string;
+    containerLinearProgress: string;
+};

package/components/MFLoader/classes/types.d.ts

@@ -0,0 +1,7 @@
+import { mfLoaderUtilityClasses } from ".";
+export interface MFLoaderClassesType {
+    root: string;
+    containerLinearProgress: string;
+}
+export declare type MFLoaderClassesKey = keyof MFLoaderClassesType;
+export declare type Classes = ReturnType<typeof mfLoaderUtilityClasses>;

package/components/MFLoader/dictionary.d.ts

@@ -0,0 +1 @@
+export declare function getMFLoaderComponentsDictionary(): string[];

package/components/MFLoader/index.caee87dd.js

@@ -0,0 +1,296 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { useState, useCallback, useEffect } from "react";
+import { useNetwork, useEnvironment, useHostTools, axiosOperation } from "@m4l/core";
+import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
+import debounce from "lodash/debounce";
+import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
+import { L as LoadingError } from "../LoadingError/index.96bdc803.js";
+const componentName = "M4LMFLoader";
+const mfLoaderClasses = generateUtilityClasses(componentName, [
+  "root",
+  "containerLinearProgress"
+]);
+function getMFLoaderUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const mfLoaderUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerLinearProgress: ["containerLinearProgress"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getMFLoaderUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const ProggessLoadingMF = (props) => {
+  try {
+    const {
+      loadingProgress
+    } = props;
+    if (loadingProgress >= 0 && loadingProgress <= 100) {
+      return /* @__PURE__ */ jsx("div", {
+        className: mfLoaderClasses.containerLinearProgress,
+        children: /* @__PURE__ */ jsx(LinearProgress, {
+          variant: "determinate",
+          value: loadingProgress
+        })
+      });
+    }
+  } catch (error) {
+  }
+  return null;
+};
+class ObservableLoaderMF {
+  constructor(host, scriptId, networkOperation, isRemote) {
+    __publicField(this, "host");
+    __publicField(this, "isRemote");
+    __publicField(this, "eventStatus");
+    __publicField(this, "scriptId");
+    __publicField(this, "networkOperation");
+    __publicField(this, "subscribers");
+    this.host = host;
+    this.subscribers = [];
+    this.scriptId = scriptId;
+    this.networkOperation = networkOperation;
+    this.isRemote = isRemote;
+    this.eventStatus = "progress";
+    this.start = this.start.bind(this);
+    this.subscribe = this.subscribe.bind(this);
+    this.unsubscribe = this.unsubscribe.bind(this);
+    this.notify = this.notify.bind(this);
+    this.tryAgain = this.tryAgain.bind(this);
+    setTimeout(this.start, 100);
+  }
+  tryAgain() {
+    if (this.eventStatus === "error") {
+      setTimeout(this.start, 100);
+      new Promise((resolve) => {
+        resolve("ok");
+      }).then(() => {
+        this.start();
+      });
+    }
+  }
+  async start() {
+    let percentCompleted = 0;
+    this.notify("progress", percentCompleted);
+    const manifest = await fetch(`${this.host}/manifest.json?rnd=${Math.random()}`).then((res) => res.json()).catch(() => {
+      setTimeout(() => this.notify("error", 0), 300);
+      return void 0;
+    });
+    if (!manifest) {
+      return;
+    }
+    percentCompleted = 10;
+    this.notify("progress", percentCompleted);
+    const urlFile = `${this.host}/${manifest["src/index.tsx"]["file"]}?rnd=${Math.random()}`;
+    const controller = new AbortController();
+    const ret = await this.networkOperation({
+      method: "GET",
+      endPoint: urlFile,
+      isRemote: this.isRemote,
+      headers: { "Content-Type": "application/json" },
+      onDownloadProgress: (progressEvent) => {
+        try {
+          if (progressEvent.lengthComputable) {
+            percentCompleted = 10 + Math.round(progressEvent.loaded * 90 / progressEvent.total);
+          } else {
+            percentCompleted = 10 + progressEvent.loaded / 15e5 * 90;
+            if (percentCompleted > 95)
+              percentCompleted = 95;
+          }
+        } catch (error) {
+        }
+        this.notify("progress", percentCompleted);
+      },
+      isExternalUrl: true,
+      responseType: "text",
+      signal: controller.signal
+    }).then(() => {
+      return "ok";
+    }).catch(() => {
+      this.notify("error", 0);
+      return "error";
+    });
+    if (ret == "ok") {
+      const script = document.createElement("script");
+      const startTime = new Date().getTime();
+      script.id = this.scriptId;
+      script.crossOrigin = "";
+      script.type = "module";
+      script.src = urlFile || "";
+      script.onload = () => {
+        this.notify("complete", 100);
+      };
+      document.head.appendChild(script);
+      console.debug("Script appened", startTime);
+    }
+  }
+  subscribe(subscriber) {
+    this.subscribers.push(subscriber);
+    this.tryAgain();
+  }
+  unsubscribe(subscriber) {
+    console.log("unsubscribe", subscriber);
+    const index = this.subscribers.indexOf(subscriber);
+    if (index !== -1) {
+      this.subscribers.splice(index, 1);
+    }
+  }
+  notify(newEvent, progress) {
+    this.eventStatus = newEvent;
+    this.subscribers.forEach((subscriber) => {
+      setTimeout(() => subscriber(newEvent, progress), 1);
+    });
+  }
+}
+const MFLoaderRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LMFLoader?.styleOverrides
+}));
+function getDivScritId(prefix, moduleId) {
+  const rotational_id = `${Math.round(new Date().getTime() / 1e3)}_rnd_${Math.round(Math.random() * 1e3)}`;
+  return {
+    divContainerId: `container_${prefix}_${moduleId}_${rotational_id}`,
+    scriptId: `script_${moduleId}_${rotational_id}`,
+    moduleId
+  };
+}
+function MFLoader(props) {
+  const {
+    prefix,
+    moduleId,
+    cache = true,
+    debug_port,
+    dynamicMFStore,
+    windowTools
+  } = props;
+  const {
+    hostThemeOptions,
+    fnComponentsOverrides
+  } = useHostTheme();
+  const {
+    networkOperation
+  } = useNetwork();
+  const environment = useEnvironment();
+  const hostTools = useHostTools();
+  const formatter = useFormatter();
+  const [statusLoader, setStatusLoader] = useState("progress");
+  const [loadingProgress, setLoadingProgress] = useState(-1);
+  const [divScript, setDivScript] = useState(getDivScritId(prefix, moduleId));
+  const {
+    currentLocale
+  } = useLocales();
+  console.log("divScript", divScript);
+  const classes = mfLoaderUtilityClasses();
+  const isFirstRender = useFirstRender([moduleId]);
+  const final_host = environment.isLocalhost ? `https://localhost:${debug_port}` : `https://${window.location.host}/mf/${moduleId}`;
+  function cleanUp(dScript) {
+    try {
+      if (window[`unmount_${prefix}_${dScript.moduleId}`]) {
+        window[`unmount_${prefix}_${dScript.moduleId}`](dScript.divContainerId);
+      }
+    } catch (error) {
+    }
+    if (!cache) {
+      const script = document.getElementById(dScript.scriptId);
+      if (script) {
+        try {
+          document.head.removeChild(script);
+          delete window[`render_${prefix}_${dScript.moduleId}`];
+          delete window[`unmount_${prefix}_${dScript.moduleId}`];
+        } catch (error) {
+        }
+      }
+    }
+  }
+  const renderMicroFrontend = useCallback((newDScript) => {
+    console.log("`render_${prefix}_${newDScript.moduleId}`", `render_${prefix}_${newDScript.moduleId}`);
+    try {
+      window[`render_${prefix}_${newDScript.moduleId}`](newDScript.divContainerId, environment, hostTools, currentLocale, {
+        hostThemeOptions,
+        fnComponentsOverrides
+      }, axiosOperation, formatter, dynamicMFStore, windowTools);
+    } catch (error) {
+    }
+  }, [hostThemeOptions, currentLocale, formatter]);
+  const debouncedSetDivScript = useCallback(debounce((newName) => {
+    const newDivScript = getDivScritId(prefix, newName);
+    if (newName !== divScript.moduleId) {
+      setDivScript({
+        ...newDivScript
+      });
+    }
+  }, 200), [divScript]);
+  useEffect(() => {
+    if (!isFirstRender) {
+      debouncedSetDivScript(moduleId + "");
+      if (moduleId !== divScript.moduleId)
+        ;
+    }
+    return () => {
+    };
+  }, [moduleId]);
+  const tryAgainOnError = useCallback(() => {
+    window[`observable_${prefix}_${moduleId}`]?.tryAgain();
+  }, []);
+  useEffect(() => {
+    const dsNowScript = {
+      ...divScript
+    };
+    const observableDownload = (event, progress) => {
+      setLoadingProgress(progress);
+      setStatusLoader(event);
+    };
+    if (!window[`render_${prefix}_${moduleId}`]) {
+      let observableLoaderMF;
+      if (!window[`observable_${prefix}_${moduleId}`]) {
+        observableLoaderMF = new ObservableLoaderMF(final_host, dsNowScript.scriptId, networkOperation, !environment.isLocalhost);
+        window[`observable_${prefix}_${moduleId}`] = observableLoaderMF;
+      } else {
+        observableLoaderMF = window[`observable_${prefix}_${moduleId}`];
+      }
+      observableLoaderMF.subscribe(observableDownload);
+    } else {
+      setStatusLoader("complete");
+    }
+    return () => {
+      window[`observable_${prefix}_${moduleId}`].unsubscribe(observableDownload);
+      cleanUp(dsNowScript);
+    };
+  }, [divScript]);
+  useEffect(() => {
+    if (statusLoader === "complete") {
+      renderMicroFrontend(divScript);
+    }
+  }, [statusLoader]);
+  return /* @__PURE__ */ jsxs(MFLoaderRoot, {
+    id: divScript.divContainerId,
+    className: classes.root,
+    children: [statusLoader === "progress" ? /* @__PURE__ */ jsx(ProggessLoadingMF, {
+      loadingProgress
+    }) : null, statusLoader === "error" ? /* @__PURE__ */ jsx(LoadingError, {
+      status: statusLoader,
+      action: tryAgainOnError
+    }) : null]
+  });
+}
+MFLoader.defaultProps = {
+  document,
+  window
+};
+function getMFLoaderComponentsDictionary() {
+  return ["mf_loader"];
+}
+export {
+  MFLoader as M,
+  getMFLoaderComponentsDictionary as g
+};

package/components/MFLoader/index.d.ts

@@ -0,0 +1,2 @@
+export { MFLoader } from './MFLoader';
+export { getMFLoaderComponentsDictionary } from './dictionary';

package/components/MFLoader/types.d.ts

@@ -0,0 +1,7 @@
+import { DynamicMFStore, WindowToolsMF } from "../areas";
+import { MFBaseProps } from "../areas/types";
+export interface MFLoaderProps extends MFBaseProps {
+    moduleId: string;
+    dynamicMFStore?: DynamicMFStore;
+    windowTools: WindowToolsMF;
+}

package/components/ModalDialog/{index.99745527.js → index.ec55087e.js}

@@ -1,11 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.7abb5d0a.js";
-import { u as useModal } from "../../hooks/useModal/index.fa6dfaa1.js";
-import { R as ResizeableWindow } from "../Resizeable/index.676c96fe.js";
+import { c as cjs } from "../../react-draggable.e4725f3a.js";
+import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { R as ResizeableWindow } from "../Resizeable/index.8c53c1fa.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.b434146b.js";
+import { m as modalUtilityClasses } from "../modal/index.61389369.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.7a196c44.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ccf731c1.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NavLink/{index.f12bba32.js → index.b75c91e1.js}

@@ -1,29 +1,9 @@
 import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.a70c4729.js";
+import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.76624519.js";
-import "@m4l/graphics";
-import "../mui_extended/Accordion/index.cdedddba.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.7669b8af.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import { unstable_composeClasses } from "@mui/base";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"

package/components/NoItemSelected/{index.1eaf72d8.js → index.3e29c208.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.c18ebf5a.js";
+import { I as Image } from "../Image/index.611cd930.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";

package/components/ObjectLogs/{index.9bbac2a0.js → index.38fd657f.js}

@@ -1,48 +1,18 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.95cea2ca.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.abedf2c0.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 { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.fa6dfaa1.js";
-import { I as Icon } from "../Icon/index.a70c4729.js";
-import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.676c96fe.js";
-import "../modal/index.b434146b.js";
-import "../CommonActions/components/Actions/index.7a196c44.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
-import "clsx";
-import "react-hook-form";
-import "../mui_extended/IconButton/index.76624519.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.d528f6e7.js";
-import "../areas/components/AreasAdmin/index.cd054608.js";
-import "zustand/shallow";
-import "../mui_extended/Accordion/index.cdedddba.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.c18ebf5a.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.7669b8af.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.62abf0bb.js";
-import "../LinearProgressIndeterminate/index.60dabc06.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../modal/WindowBase.a4752aa1.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.e9192ebd.js";
+import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
+import { W as WindowBase } from "../modal/WindowBase.161ec78a.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.cb1402aa.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",
@@ -132,8 +102,12 @@ function DetailFormatter(props) {
     openModal({
       window: /* @__PURE__ */ jsx(WindowBase, {
         title: getLabel("data_grid.settings_title"),
-        children: /* @__PURE__ */ jsx(DetailDialog, {
-          log_id
+        children: /* @__PURE__ */ jsx(Stack, {
+          direction: "column",
+          flexGrow: 1,
+          children: /* @__PURE__ */ jsx(DetailDialog, {
+            log_id
+          })
         })
       }),
       fullScreen: !isDesktop ? true : false

package/components/Page/index.c4642a29.js

@@ -0,0 +1,127 @@
+import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
+import { c as classes, a as getSize, F as FactoryRender } from "../PrintingSystem/index.e18a2fa8.js";
+import clsx from "clsx";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import { Helmet } from "react-helmet-async";
+import { useLocales } from "@m4l/graphics";
+const PagerNode = (props) => {
+  const {
+    style = {},
+    className = ""
+  } = props;
+  const {
+    mainColor,
+    countPages,
+    pageId
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.pagerNodeRoot, className),
+    style: {
+      ...style,
+      color: mainColor
+    },
+    children: ` ${pageId} / ${countPages}`
+  });
+};
+const PageNode = (props) => {
+  const {
+    children,
+    style = {},
+    className = "",
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    gap = "unset"
+  } = props;
+  const {
+    unitSize
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.pageNodeRoot, className),
+    style: {
+      width: getSize(width, unitSize),
+      gap: getSize(gap, unitSize),
+      height: getSize(height, unitSize),
+      minWidth: getSize(width, unitSize),
+      minHeight: typeof height === "number" ? `${height}${unitSize}` : height,
+      paddingTop: typeof paddingTop === "number" ? `${paddingTop}${unitSize}` : paddingTop,
+      paddingRight: typeof paddingRight === "number" ? `${paddingRight}${unitSize}` : paddingRight,
+      paddingBottom: typeof paddingBottom === "number" ? `${paddingBottom}${unitSize}` : paddingBottom,
+      paddingLeft: typeof paddingLeft === "number" ? `${paddingLeft}${unitSize}` : paddingLeft,
+      ...style
+    },
+    children
+  });
+};
+const PageRender = (props) => {
+  const {
+    data: parent,
+    id,
+    unitSize,
+    mainColor,
+    countPages,
+    HeaderGeneral,
+    FooterGeneral,
+    sourceData,
+    templateData
+  } = props;
+  const {
+    children,
+    ...otherProps
+  } = parent || {};
+  return /* @__PURE__ */ jsx(BaseProvider, {
+    value: {
+      pageId: id,
+      unitSize,
+      mainColor,
+      countPages,
+      HeaderGeneral,
+      FooterGeneral,
+      templateData,
+      sourceData
+    },
+    children: /* @__PURE__ */ jsxs(PageNode, {
+      ...otherProps,
+      children: [Array.isArray(children) && children.length > 0 ? children.map((subComponent, id2) => {
+        return /* @__PURE__ */ jsxs(React__default.Fragment, {
+          children: [id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, {
+            ancestor: parent
+          }, `${parent.key}-header`) : null : null, /* @__PURE__ */ jsx(FactoryRender, {
+            data: subComponent
+          }, `${parent.type}-${subComponent.key}`), id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, {
+            ancestor: parent
+          }, `${parent.key}-footer`) : null : null]
+        }, `fragment-page-${id2}`);
+      }) : null, typeof children === "string" ? children : null]
+    })
+  });
+};
+const HelmetPage = (props) => {
+  const {
+    children,
+    title,
+    meta,
+    subtitle
+  } = props;
+  const localeString = useLocales().currentLocale?.localeString;
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [!isSkeleton && /* @__PURE__ */ jsxs(Helmet, {
+      children: [/* @__PURE__ */ jsx("title", {
+        children: `${title}${subtitle ? ` | ${subtitle}` : ""} `
+      }), /* @__PURE__ */ jsx("html", {
+        lang: localeString
+      }), meta]
+    }), children]
+  });
+};
+HelmetPage.displayName = "Page";
+export {
+  HelmetPage as H,
+  PagerNode as P,
+  PageRender as a
+};

package/components/PaperForm/{index.e02c772c.js → index.cce9ed39.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.a70c4729.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.ebd5e3b7.js → index.c35c6a6c.js}

@@ -1,44 +1,12 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.a70c4729.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.7a196c44.js";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
-import "clsx";
-import "react-hook-form";
-import "../../contexts/ModalContext/index.347f6738.js";
-import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.676c96fe.js";
-import "@m4l/graphics";
-import "../modal/index.b434146b.js";
-import "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.76624519.js";
-import "../mui_extended/Accordion/index.cdedddba.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_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.7669b8af.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.d528f6e7.js";
-import "../areas/components/AreasAdmin/index.cd054608.js";
-import "zustand/shallow";
-import "../ScrollBar/index.65bb2930.js";
-import "../areas/components/AreasViewer/index.62abf0bb.js";
-import "../LinearProgressIndeterminate/index.60dabc06.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ccf731c1.js";
 import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const ContainerPeriod = styled("div")(({
   theme
 }) => ({

package/components/PrintingSystem/PrintingSystem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PrintingSystemProps, PrintingSystemRef } from './types';
+export declare const PrintingSystem: import("react").ForwardRefExoticComponent<PrintingSystemProps & import("react").RefAttributes<PrintingSystemRef>>;

package/components/PrintingSystem/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LPrintingSystem";