@m4l/components 0.1.90 → 0.1.93

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

@@ -1,7 +1,6 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
-export declare const ROW_HEIGTH_GRIDLAYOUT = 20;
 export declare const PADDING_GRIDLAYOUT = 4;
 export declare const MARGIN_GRIDLAYOUT = 4;
 export declare const DEBOUCED_SAVE_TIME = 500;
@@ -29,6 +28,20 @@ export declare const DEFAULT_LAYOUTS: {
     xs: never[];
     xxs: never[];
 };
+export declare const RESPONSIVE_COLAPSED_HEIGHTS: {
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const RESPONSIVE_ROW_HEIGHTS: {
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
 import { Layouts } from '../../../GridLayout/types';
 export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading' | 'toasties' | 'toastyCount' | 'hashToasties'>;
 export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'viewMode'>;

package/components/areas/contexts/AreasContext/{index.1950eef9.js → index.646f3c8f.js}

@@ -5,18 +5,15 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.ee7170bc.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.98a54515.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.625bf23b.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.ddb384a1.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import "clsx";
-import "../../../GridLayout/subcomponents/Griditem/index.c7a33781.js";
-import { z as isEqualLayouts } from "../../../GridLayout/index.8ae34c50.js";
-import { jsx } from "react/jsx-runtime";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.f459804c.js";
 import { debounce, cloneDeep } from "lodash";
+import { A as isEqualLayouts } from "../../../GridLayout/index.1421f0d4.js";
 import { useNavigate } from "react-router-dom";
-const ROW_HEIGTH_GRIDLAYOUT = 20;
+import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 4;
 const MARGIN_GRIDLAYOUT = 4;
 const DEBOUCED_SAVE_TIME = 500;
@@ -25,6 +22,8 @@ const COOKIE_WINDOWS = "windows";
 const BREAKPOINT_SIZES = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 1 };
 const NORMALIZED_COLS = { lg: 64, md: 48, sm: 32, xs: 24, xxs: 1 };
 const DEFAULT_LAYOUTS = { lg: [], md: [], sm: [], xs: [], xxs: [] };
+const RESPONSIVE_COLAPSED_HEIGHTS = { xxs: 48, xs: 48, sm: 40, md: 40, lg: 40 };
+const RESPONSIVE_ROW_HEIGHTS = { xxs: 48, xs: 48, sm: 48, md: 40, lg: 40 };
 const DEFAULT_WINDOW = {
   status: "init",
   moduleActions: [],
@@ -186,7 +185,7 @@ function getDataFromResponse(data, state, areaId) {
             NORMALIZED_COLS,
             [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
             [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
-            ROW_HEIGTH_GRIDLAYOUT
+            RESPONSIVE_ROW_HEIGHTS
           );
         }
       }
@@ -399,6 +398,7 @@ const createAreasStore = (initProps) => {
         },
         areaActions: {
           addWindow: (newWindowProps) => {
+            console.log("se ejecut\xF3 addWindow");
             const windowId = `${get().currentAreaId}_window_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
             if (newWindowProps.emergeType === "layout" || newWindowProps.emergeType === "popup") {
               get().areaActions.addLayout(
@@ -429,6 +429,8 @@ const createAreasStore = (initProps) => {
               if (!area) {
                 return;
               }
+              console.log("state data", state);
+              console.log("area data", area.layoutItemsIds);
               if (newWindowProps.replaceMeId) {
                 for (let index = 0; index < area.layoutItemsIds.length; index++) {
                   const key = area.layoutItemsIds[index];
@@ -470,7 +472,7 @@ const createAreasStore = (initProps) => {
                   NORMALIZED_COLS,
                   [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
                   [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
-                  ROW_HEIGTH_GRIDLAYOUT,
+                  RESPONSIVE_ROW_HEIGHTS,
                   area.containerHeight,
                   area.currentBreakpoint
                 );
@@ -1069,6 +1071,7 @@ function AreasProvider(props) {
   const addWindow = useCallback((newWindow) => {
     const currentAreaId = areasStoreRef.current?.getState().currentAreaId;
     const areas = areasStoreRef.current?.getState().areasIds;
+    console.log("newWindow argument", newWindow);
     if (currentAreaId && areas) {
       areasStoreRef.current?.getState().areaActions.addWindow(newWindow);
     }
@@ -1115,6 +1118,7 @@ export {
   AreasContext as A,
   MARGIN_GRIDLAYOUT as M,
   PADDING_GRIDLAYOUT as P,
-  ROW_HEIGTH_GRIDLAYOUT as R,
-  AreasProvider as a
+  RESPONSIVE_COLAPSED_HEIGHTS as R,
+  RESPONSIVE_ROW_HEIGHTS as a,
+  AreasProvider as b
 };

package/components/areas/contexts/index.24025b97.js

@@ -0,0 +1 @@
+

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

@@ -4,3 +4,4 @@ export type { DynamicMFStore } from './DynamicMFParmsContext/store';
 export type { WindowToolsMF } from './WindowToolsMFContext/types';
 export type { AreaWindowAction as ModuleAction } from '../types';
 export { WindowToolsMFProvider, WindowToolsMFContext } from './WindowToolsMFContext';
+export { createDynamicMFStore } from './DynamicMFParmsContext/store';

package/components/areas/hooks/index.d9dc1e21.js

@@ -0,0 +1 @@
+

package/components/areas/hooks/useAreas/{index.ce75bfb5.js → index.ee66240b.js}

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

package/components/areas/index.4cc6a221.js

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+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/areas/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks';
-export type { ToastyOptions } from './types';
+export type { ToastyOptions, CookieType } from './types';
 export * from './dictionary';

package/components/formatters/BooleanFormatter/{index.a013b080.js → index.3c2df7a8.js}

@@ -1,7 +1,9 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.a70c4729.js";
+import { I as Icon } from "../../Icon/index.3211023d.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.dc77adb7.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
 const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;
@@ -30,6 +32,7 @@ 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, {
@@ -41,9 +44,12 @@ function BooleanFormatter(props) {
         children: final_value ? getLabel(LABEL_BOOLEAN_TRUE) : getLabel(LABEL_BOOLEAN_FALSE)
       });
     }
-    return /* @__PURE__ */ jsx(Component, {
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: final_value ? srcCheckTrue : srcCheckFalse
+    return /* @__PURE__ */ jsx(FormatterRoot, {
+      children: /* @__PURE__ */ jsx(Component, {
+        children: /* @__PURE__ */ jsx(Icon, {
+          src: final_value ? srcCheckTrue : srcCheckFalse,
+          className: clsx(formatterClasses.root, formatterClasses.booleanFormatterIcon, final_value && formatterClasses.booleanFormatterCheck)
+        })
       })
     });
   }, [final_value]);

package/components/formatters/FormatterRoot/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormatterRootProps } from './types';
+export declare const FormatterRoot: (props: FormatterRootProps) => import("react").JSX.Element;

package/components/formatters/FormatterRoot/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from "react";
+export interface FormatterRootProps {
+    children: ReactElement;
+}

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

@@ -0,0 +1,4 @@
+import { FormatterClasses } from './types';
+export declare const formatterClasses: FormatterClasses;
+export declare const useUtilityClasses: () => Record<"root" | "booleanFormatterIcon" | "booleanFormatterCheck", string>;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -0,0 +1,6 @@
+export interface FormatterClasses {
+    root: string;
+    booleanFormatterIcon: string;
+    booleanFormatterCheck: string;
+}
+export declare type GridLayoutClassesKey = keyof FormatterClasses;

package/components/formatters/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_CLASS_NAME = "M4LFormatter";

package/components/formatters/{index.576922c9.js → index.dc77adb7.js}

@@ -1,12 +1,27 @@
-import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
+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 "react";
-import "../Icon/index.a70c4729.js";
-import "@mui/material";
-import "clsx";
-import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.a013b080.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.3c2df7a8.js";
+const COMPONENT_CLASS_NAME = "M4LFormatter";
+const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
+  "root",
+  "booleanFormatterIcon",
+  "booleanFormatterCheck"
+]);
+const FormatterRootContainer = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LFormatter?.styleOverrides
+}));
+const FormatterRoot = (props) => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(FormatterRootContainer, {
+    className: formatterClasses.root,
+    children
+  });
+};
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)
@@ -125,9 +140,11 @@ function getFormattersComponentsDictionary() {
 const FORMATTER_DICTIONARY = BOOLEAN_FORMATTER_DICTIONARY_LABELS.concat(PERIOD_FORMATTER_DICTIONARY_LABELS);
 export {
   ConcatenatedFormatter as C,
-  FORMATTER_DICTIONARY as F,
+  FormatterRoot as F,
   PeriodFormatter as P,
   getFormatPeriod as a,
   getFormattersComponentsDictionary as b,
+  FORMATTER_DICTIONARY as c,
+  formatterClasses as f,
   getFormatConcatenated as g
 };

package/components/hook-form/RHFAutocomplete/{index.8e4ff8d7.js → index.52387f0f.js}

@@ -1,32 +1,16 @@
 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 { I as Image } from "../../Image/index.c18ebf5a.js";
+import { styled } from "@mui/material/styles";
+import { I as Image } from "../../Image/index.611cd930.js";
 import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.31f2a824.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.76624519.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { styled } from "@mui/material/styles";
-import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.a70c4729.js";
-import "../../mui_extended/Accordion/index.a706b12f.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-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 "@mui/lab";
-import "../../mui_extended/MenuActions/index.570fbae0.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.d0302c81.js";
-import "../../mui_extended/Pager/index.ac2a21f0.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.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 { I as IconButton } from "../../mui_extended/IconButton/index.53cd6388.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -305,6 +289,7 @@ function RHFAutocomplete(props) {
                 ...props2,
                 className: classes.popper,
                 placement: "bottom-start",
+                placeholder: /* @__PURE__ */ jsx(Fragment, {}),
                 sx: {
                   ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
                 }

package/components/hook-form/RHFAutocompleteAsync/{index.78f8e4c4.js → index.638bd2ae.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.8e4ff8d7.js";
 import { jsx } from "react/jsx-runtime";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.52387f0f.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",
@@ -115,7 +115,8 @@ function RHFAutocompleteAsync(props) {
       },
       isRemote
     }).then((response) => {
-      const newOptions = getPropertyByString(response, resultField);
+      const valueMaybeArray = getPropertyByString(response, resultField);
+      const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
       setOptions(newOptions);
     }).catch(() => {
       setCanLoadOptions(true);

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

@@ -2,31 +2,11 @@ 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.31f2a824.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.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.a70c4729.js";
-import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.76624519.js";
-import "../../mui_extended/Accordion/index.a706b12f.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.f79eb74e.js";
-import { C as CheckBox } from "../../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.570fbae0.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.d0302c81.js";
-import "../../mui_extended/Pager/index.ac2a21f0.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.e662d20c.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFDateTime/{index.73f8a11e.js → index.66e334b0.js}

@@ -1,33 +1,17 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { DateTimePicker } from "@mui/x-date-pickers";
-import { useModuleSkeleton } from "@m4l/core";
+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 "../../Icon/index.a70c4729.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.76624519.js";
-import "../../mui_extended/Accordion/index.a706b12f.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.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.570fbae0.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.d0302c81.js";
-import "../../mui_extended/Pager/index.ac2a21f0.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.31f2a824.js";
-import { styled } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
+import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
+import { I as Icon } from "../../Icon/index.3211023d.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({
@@ -104,6 +88,15 @@ function RHFDateTime(props) {
     label,
     helperMessage
   } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const resourceIcon = () => {
+    return /* @__PURE__ */ jsx(Icon, {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/rhfdate/ended_at.svg`
+    });
+  };
   const [isFocus, setIsFocus] = useState(false);
   const [currentVariant, setCurrentVariant] = useState(void 0);
   const {
@@ -164,13 +157,20 @@ function RHFDateTime(props) {
             variant: "body",
             children: label
           }), /* @__PURE__ */ jsx(DateTimePicker, {
+            sx: {
+              "& .MuiTouchRipple-root": {
+                display: "none"
+              }
+            },
             inputRef: ref,
             ampm: true,
             value,
             onChange: (newValue) => {
               onChange(newValue);
             },
-            slots: {},
+            slots: {
+              openPickerIcon: resourceIcon
+            },
             slotProps: {
               textField: {
                 onFocus: handlerFocus,

package/components/hook-form/RHFPeriod/{index.71df31df.js → index.23099265.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.31f2a824.js";
-import { P as Period } from "../../Period/index.d1182d4a.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { P as Period } from "../../Period/index.c35c6a6c.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.6d21060a.js → index.25b3627e.js}

@@ -1,18 +1,16 @@
 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.76624519.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.53cd6388.js";
+import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.a70c4729.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.c43a95f4.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.31f2a824.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.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";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.f04d24ee.js → index.65588e08.js}

@@ -2,33 +2,16 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.c18ebf5a.js";
+import { I as Image } from "../../Image/index.611cd930.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.f79eb74e.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.31f2a824.js";
-import "clsx";
-import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import "@mui/material/Button";
-import "../../Icon/index.a70c4729.js";
-import "../../mui_extended/IconButton/index.76624519.js";
-import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.a706b12f.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.570fbae0.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.d0302c81.js";
-import "../../mui_extended/Pager/index.ac2a21f0.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
+import { B as Button } from "../../mui_extended/Button/index.94fec33c.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme
 }) => ({

package/components/index.d.ts

@@ -18,12 +18,15 @@ export * from './CommonActions/';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';
 export * from './GridLayout';
+export * from './PrintingSystem';
 export * from './Icon';
 export * from './LanguagePopover';
 export * from './LinearProgressIndeterminate';
 export * from './Image/Image';
 export * from './Loadable';
 export * from './modal';
+export * from './LoadingError';
+export * from './MFLoader';
 export { NavLink } from './NavLink';
 export * from './NoItemSelected';
 export * from './NoItemSelected/dictionary';

package/components/modal/{WindowBase.b9dd76a4.js → WindowBase.161ec78a.js}

@@ -1,42 +1,10 @@
+import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
-import "react";
-import { u as useModal } from "../../hooks/useModal/index.71987a49.js";
-import "@mui/material";
-import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.676c96fe.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "@m4l/graphics";
-import { m as modalUtilityClasses } from "./index.764e2723.js";
-import "../CommonActions/components/Actions/index.8dcaba29.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
 import clsx from "clsx";
-import "react-hook-form";
-import { I as Icon } from "../Icon/index.a70c4729.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.76624519.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.1950eef9.js";
-import "../areas/components/AreasAdmin/index.98a54515.js";
-import "zustand/shallow";
-import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.a706b12f.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.570fbae0.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.d0302c81.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.ee7170bc.js";
-import "../LinearProgressIndeterminate/index.60dabc06.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
 const Header = (props) => {
   const {
     title,