@m4l/components 0.2.1 → 0.2.3

package/components/DynamicFilter/subcomponents/fieldstypes/factory.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import type { FilterFieldApplyed, Field, DataTypeFilerLabels, FilterValue, FormFilterValue, FormFilterFieldApplyed } from '../../types';
@@ -13,7 +12,7 @@ import { FormStatusLoad } from '../../../../contexts';
 export declare const DataTypeComponent: (props: {
     formFilter: FormFilterFieldApplyed;
     statusLoad: FormStatusLoad;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * @description Funciona encargada de devolver los labels necesarios para visualizar un filtro
  * @param field Campo del filtro aplicado

package/components/GridLayout/{index.e8c04242.js → index.4a245d9e.js}

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.4d38f12e.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.ea745285.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.ee028152.js";
+import { r as react_resizable_css } from "../../react-resizable.c07d63fb.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/{GridItem → Griditem}/index.d.ts

@@ -5,5 +5,5 @@ import { GridItemProps } from './types';
  * En el GridItem es realmente donde se generan los tamaños y posiciones denependiendo si se está
  * en Dragging o en Resizing
  */
-export declare function GridItem(props: GridItemProps): React.JSX.Element;
+export declare function GridItem(props: GridItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const MemonizedGridItem: React.MemoExoticComponent<typeof GridItem>;

package/components/GridLayout/subcomponents/Griditem/{index.4d38f12e.js → index.ea745285.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.ee21cb7e.js";
-import { R as Resizable } from "../../../../react-resizable.ee028152.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.e8c04242.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.e4725f3a.js";
+import { R as Resizable } from "../../../../react-resizable.c07d63fb.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.4a245d9e.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ResponsiveProps } from './types';
 /**
  * Componente encargado de proporcionar el layout basado
@@ -13,4 +12,4 @@ import { ResponsiveProps } from './types';
  * @param props
  * @returns
  */
-export declare function Responsive(props: ResponsiveProps): import("react").JSX.Element;
+export declare function Responsive(props: ResponsiveProps): import("react/jsx-runtime").JSX.Element;

package/components/GridLayout/subcomponents/Responsive/{index.e25df1dc.js → index.edb59c22.js}

@@ -1,4 +1,4 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.e8c04242.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.4a245d9e.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/WidthProvider/index.d.ts

@@ -11,5 +11,5 @@ export interface ComponentResponsiveReactGridLayoutProps extends Omit<Responsive
     measureBeforeMount?: boolean;
 }
 declare type MinimalParameters = Pick<CoreProps, 'containerWidth' | 'containerHeight' | 'innerRef' | 'style' | 'className'>;
-export declare function SizeProvider<T extends MinimalParameters>(ComposedComponent: FunctionComponent<T>): (props: Omit<T, 'containerWidth' | 'containerHeight' | 'innerRef'> & HOCProps) => import("react").JSX.Element;
+export declare function SizeProvider<T extends MinimalParameters>(ComposedComponent: FunctionComponent<T>): (props: Omit<T, 'containerWidth' | 'containerHeight' | 'innerRef'> & HOCProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/HelmetPage/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { HelmetPageProps } from './types';
 export declare const HelmetPage: {
-    (props: HelmetPageProps): import("react").JSX.Element;
+    (props: HelmetPageProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/HelperText/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HelperTextProps } from './types';
 import { HelperTextClassesType } from './utils/Clases/types';
 /**
@@ -8,4 +7,4 @@ import { HelperTextClassesType } from './utils/Clases/types';
  */
 export { errorLabelClasses } from './utils/Clases/index';
 export declare type ErrorLabelClassesKey = HelperTextClassesType;
-export declare const HelperText: (props: HelperTextProps) => import("react").JSX.Element;
+export declare const HelperText: (props: HelperTextProps) => import("react/jsx-runtime").JSX.Element;

package/components/Icon/Icon.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { IconProps } from './types';
 /**
  * Provee de un medio por el cual se carga un icono svg en la plataforma web, aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare function Icon(props: IconProps): import("react").JSX.Element;
+export declare function Icon(props: IconProps): import("react/jsx-runtime").JSX.Element;

package/components/Icon/index.f1161f32.js

@@ -0,0 +1,147 @@
+import { useEnvironment } from "@m4l/core";
+import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.83ee1067.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+const IconRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LIcon?.styleOverrides
+}));
+const DivIcon = styled("div", {
+  shouldForwardProp: (props) => props !== "src" && props !== "rotationAngle"
+})(({
+  src,
+  rotationAngle
+}) => ({
+  maskPosition: "center",
+  maskRepeat: "no-repeat",
+  maskSize: "cover",
+  WebkitMaskRepeat: "no-repeat",
+  mask: `url('data:image/svg+xml;base64,${src}')`,
+  WebkitMask: `url('data:image/svg+xml;base64,${src}')`,
+  WebkitMaskSize: "cover",
+  ...rotationAngle && {
+    transform: `rotate(${rotationAngle}deg)`
+  }
+}));
+const componentName = "M4LIcon";
+generateUtilityClasses(componentName, [
+  "root",
+  "icon",
+  "variantSkeleton",
+  "sizeExtraSmall",
+  "sizeSmall",
+  "sizeMedium",
+  "sizeLarge",
+  "sizeExtraLarge",
+  "rotationAngle"
+]);
+function getIconClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root"],
+    icon: ["icon", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge", ownerState.rotationAngle ? "rotationAngle" : ""],
+    variantSkeleton: ["variantSkeleton", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getIconClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const ICON_PREFIX = "Icon";
+const getNameDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+function Icon(props) {
+  const {
+    src,
+    size = "small",
+    rotationAngle,
+    testingProps,
+    className
+  } = props;
+  const [resource, setResource] = useState(testingProps?.resource || void 0);
+  const isDesktop = useResponsiveDesktop();
+  useEffect(() => {
+    let mounted = true;
+    (async function networkOperation() {
+      await fetch(src).then((response) => {
+        return response.text() || "";
+      }).then((xml) => {
+        xml = xml.match(
+          /(<svg\b[^>]*\s*(viewBox="(\b[^"]*)").*?>([\s\S]*?)<\/svg>|<svg>([\s\S]*?)<\/svg>)/g
+        )?.toString() || "";
+        if (mounted) {
+          setResource(window.btoa(xml));
+        }
+      }).catch((_err) => {
+      });
+    })();
+    return function clenUp() {
+      mounted = false;
+    };
+  }, [src]);
+  const ownerState = {
+    size: isDesktop ? size : "medium",
+    rotationAngle
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(IconRoot, {
+    className: clsx(classes.root, className),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
+    children: resource ? /* @__PURE__ */ jsx(DivIcon, {
+      className: classes.icon,
+      src: resource,
+      rotationAngle,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId("icon")
+      } : {}
+    }) : /* @__PURE__ */ jsx(Skeleton, {
+      variant: "rectangular",
+      className: classes.variantSkeleton,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId("variantSkeleton")
+      } : {}
+    })
+  });
+}
+const ArrowIconRoot = styled("div")(() => ({
+  display: "flex",
+  alignSelf: "center",
+  lineHeight: 0
+}));
+function ArrowIcon(props) {
+  const {
+    openState
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    classes
+  } = useSideBar();
+  return /* @__PURE__ */ jsx(ArrowIconRoot, {
+    className: classes.arrowIconRoot,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId$1("arrowIconRoot")
+    } : {},
+    children: /* @__PURE__ */ jsx(Icon, {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
+      rotationAngle: openState ? 90 : 0
+    })
+  });
+}
+export {
+  ArrowIcon as A,
+  Icon as I
+};

package/components/Icon/types.d.ts

@@ -8,7 +8,6 @@ export interface IconProps {
     rotationAngle?: number;
     testingProps?: TestingProps;
     className?: string;
-    memorizeResource?: boolean;
 }
 export declare type DivIconProps = Pick<IconProps, 'src' | 'rotationAngle'>;
 export declare type WrapperPlaceHolderProps = {

package/components/Image/Image.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { ImageProps } from './types';
 /**
  * Provee de un medio por el cual se carga una imagen tipo mapa de bits, en la plataforma web, aporta su versión provisional de carga en red
  * @param props
  * @returns
  */
-export declare function Image(props: ImageProps): import("react").JSX.Element;
+export declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
 export default Image;

package/components/Image/{index.bb1670e5.js → index.9799dfc0.js}

@@ -1,12 +1,11 @@
-import { useBase, useModuleSkeleton, BaseProvider, useEnvironment, evaluateWithContext } from "@m4l/core";
+import { useBase, useModuleSkeleton, BaseProvider, useEnvironment } from "@m4l/core";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useMemo } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { c as classes, g as getSize } from "../PrintingSystem/index.89c4d0f9.js";
-import { Q as QRCode } from "../../node_modules.9cedcf1f.js";
+import { g as getEvalValue, c as classes, a as getSize } from "../PrintingSystem/index.d1fd7818.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }
@@ -279,9 +278,7 @@ function Image(props) {
       ...width && height ? {
         style: {
           minWidth: width,
-          minHeight: height,
-          width,
-          height
+          minHeight: height
         }
       } : {
         sx: {
@@ -336,7 +333,7 @@ const ImageNode = (props) => {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  const resourceImg = evaluateWithContext(sourceData, src);
+  const resourceImg = getEvalValue(sourceData, src);
   return /* @__PURE__ */ jsx("img", {
     src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
     className: clsx(classes.imageNodeRoot, className),
@@ -347,46 +344,7 @@ const ImageNode = (props) => {
     }
   });
 };
-const convertToPx = (size, magnitud) => {
-  if (isNaN(size)) {
-    return 0;
-  }
-  if (magnitud === "px") {
-    return size;
-  }
-  switch (magnitud) {
-    case "cm":
-      return size * 37.8;
-    case "mm":
-      return size * 3.78;
-    case "in":
-      return size * 96;
-    case "pt":
-      return size * 1.33;
-    case "pc":
-      return size * 16;
-    default:
-      return 100;
-  }
-};
-const QRImageNode = (props) => {
-  const {
-    url,
-    size = 8,
-    color
-  } = props;
-  const {
-    unitSize
-  } = useBase();
-  return /* @__PURE__ */ jsx(QRCode, {
-    value: url,
-    size: convertToPx(size, unitSize),
-    fgColor: color,
-    renderAs: "canvas"
-  });
-};
 export {
   Image as I,
-  QRImageNode as Q,
   ImageNode as a
 };

package/components/Image/subcomponents/LazyLoadComponent/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { LazyLoadComponentProps } from '../../types';
 /**
  * Sub-componente encargado de validar y condicionar la funcionalidad del intersection observer.
  * @param props
  * @returns
  */
-export declare function LazyLoadComponent(props: LazyLoadComponentProps): import("react").JSX.Element;
+export declare function LazyLoadComponent(props: LazyLoadComponentProps): import("react/jsx-runtime").JSX.Element;

package/components/Image/subcomponents/Skeleton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonProps } from './types';
-export declare const Skeleton: (props: SkeletonProps) => import("react").JSX.Element;
+export declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/components/Image/types.d.ts

@@ -12,8 +12,8 @@ export interface TestingProps {
     isVisible?: boolean;
 }
 export interface BaseImageProps {
-    width?: string | number;
-    height?: string | number;
+    width?: string;
+    height?: string;
 }
 export interface IntersectComponentProps extends BaseImageProps {
     setIsVisible: (visible: boolean) => void;

package/components/LanguagePopover/LanguagePopover.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { LanguagePopoverProps } from './types';
 /**
  * Provee un componente que le permite al usuario cambiar la configuración del idioma en la plataforma.
  * @param props
  * @returns
  */
-export declare function LanguagePopover(props: LanguagePopoverProps): import("react").JSX.Element;
+export declare function LanguagePopover(props: LanguagePopoverProps): import("react/jsx-runtime").JSX.Element;

package/components/LanguagePopover/{index.6ff9df10.js → index.b8fd6ccc.js}

@@ -1,8 +1,8 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.bb1670e5.js";
+import { I as Image } from "../Image/index.9799dfc0.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.56e7522c.js";
+import { I as ImageButton } from "../mui_extended/Button/index.bd3371a3.js";
 import { useEnvironment, useNetwork } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";

package/components/LinearProgressIndeterminate/LinearProgressIndeterminate.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const LinearProgressIndeterminate: () => import("react").JSX.Element;
+export declare const LinearProgressIndeterminate: () => import("react/jsx-runtime").JSX.Element;

package/components/LinearProgressIndeterminate/{index.a0ad2d9e.js → index.c46da124.js}

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";

package/components/Loadable/index.d.ts

@@ -1,2 +1,2 @@
 import { ElementType } from 'react';
-export declare const Loadable: (Component: ElementType) => (props: any) => import("react").JSX.Element;
+export declare const Loadable: (Component: ElementType) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/components/LoadingError/LoadingError.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { AreasLoadingErrorProps } from './types';
-export declare const LoadingError: (props: AreasLoadingErrorProps) => import("react").JSX.Element;
+export declare const LoadingError: (props: AreasLoadingErrorProps) => import("react/jsx-runtime").JSX.Element;

package/components/LoadingError/{index.33ab5063.js → index.19b6eeb6.js}

@@ -3,10 +3,10 @@ import { I as ICONS } from "../areas/icons.8266ccc8.js";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../Icon/index.3e559a61.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.c46da124.js";
+import { I as Icon } from "../Icon/index.f1161f32.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.56e7522c.js";
+import { B as Button } from "../mui_extended/Button/index.bd3371a3.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/MFLoader.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { MFLoaderProps } from './types';
 declare global {
     interface Window {
         [key: string]: any;
     }
 }
-export declare function MFLoader(props: MFLoaderProps): import("react").JSX.Element;
+export declare function MFLoader(props: MFLoaderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MFLoader {
     var defaultProps: {
         document: Document;

package/components/MFLoader/{index.ad3b304a.js → index.56cd1993.js}

@@ -12,7 +12,7 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 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.33ab5063.js";
+import { L as LoadingError } from "../LoadingError/index.19b6eeb6.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/subcomponents/ProggessLoadingMF/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ProggessLoadingMFProps } from './types';
-export declare const ProggessLoadingMF: (props: ProggessLoadingMFProps) => import("react").JSX.Element | null;
+export declare const ProggessLoadingMF: (props: ProggessLoadingMFProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/ModalDialog/{index.89e26413.js → index.ec55087e.js}

@@ -1,11 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.ee21cb7e.js";
-import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
-import { R as ResizeableWindow } from "../Resizeable/index.6478d7d8.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.61389369.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2f6286eb.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/NavLink.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { NavLinkProps } from './types';
-export declare const NavLink: (props: NavLinkProps) => import("react").JSX.Element;
+export declare const NavLink: (props: NavLinkProps) => import("react/jsx-runtime").JSX.Element;

package/components/NoItemSelected/{index.f20bbfb3.js → index.8a2a13f8.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.bb1670e5.js";
+import { I as Image } from "../Image/index.9799dfc0.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";

package/components/NoItemSelected/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { NoItemSelectedProps } from './types';
-export declare function NoItemSelected(props: NoItemSelectedProps): import("react").JSX.Element;
+export declare function NoItemSelected(props: NoItemSelectedProps): import("react/jsx-runtime").JSX.Element;

package/components/ObjectLogs/components/DetailDialog/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DetailDialogProps } from './types';
-export declare function DetailDialog(props: DetailDialogProps): import("react").JSX.Element;
+export declare function DetailDialog(props: DetailDialogProps): import("react/jsx-runtime").JSX.Element;

package/components/ObjectLogs/components/DetailFormatter/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DetailFormatterProps } from './types';
-export declare function DetailFormatter(props: DetailFormatterProps): import("react").JSX.Element;
+export declare function DetailFormatter(props: DetailFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/ObjectLogs/{index.ce1b4f13.js → index.7150b3a9.js}

@@ -1,18 +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.d5559a4d.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.71fae988.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.5636414a.js";
-import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
+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.abdc0962.js";
-import { I as Icon } from "../Icon/index.3e559a61.js";
+import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { I as Icon } from "../Icon/index.f1161f32.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.444849a3.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.e275fed2.js";
+import { W as WindowBase } from "../modal/WindowBase.2f29424e.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.69c2e381.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/ObjectLogs/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LogsProps } from './types';
-export declare function ObjectLogs(props: LogsProps): import("react").JSX.Element;
+export declare function ObjectLogs(props: LogsProps): import("react/jsx-runtime").JSX.Element;

package/components/Page/{index.6dd70d4c.js → index.49d18c85.js}

@@ -1,5 +1,5 @@
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.89c4d0f9.js";
+import { c as classes, a as getSize, F as FactoryRender } from "../PrintingSystem/index.d1fd7818.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/PaperForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PaperFormProps } from './types';
-export declare function PaperForm(props: PaperFormProps): import("react").JSX.Element;
+export declare function PaperForm(props: PaperFormProps): import("react/jsx-runtime").JSX.Element;

package/components/PaperForm/components/Header.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { HeaderProps } from '../types';
-export declare const Header: (props: HeaderProps) => import("react").JSX.Element;
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/components/PaperForm/{index.725aee55.js → index.637c8cb4.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.3e559a61.js";
+import { I as Icon } from "../Icon/index.f1161f32.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/Period.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PeriodProps } from './types';
-export declare const Period: (props: PeriodProps) => import("react").JSX.Element;
+export declare const Period: (props: PeriodProps) => import("react/jsx-runtime").JSX.Element;

package/components/Period/{index.b2c8b4f7.js → index.c964884f.js}

@@ -1,8 +1,8 @@
 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.3e559a61.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2f6286eb.js";
+import { I as Icon } from "../Icon/index.f1161f32.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";