@m4l/components 0.2.31 → 0.2.33

package/components/DynamicFilter/types.d.ts

@@ -1,22 +1,28 @@
 import { Maybe } from '@m4l/core';
-export declare type FieldType = 'number' | 'string' | 'boolean' | 'datetime';
+import { RHFAutocompleteAsyncProps } from '../hook-form/RHFAutocompleteAsync/types';
+export declare type FieldType = 'number' | 'string' | 'boolean' | 'datetime' | 'select';
 export declare type OperandType = number | string | boolean | Date | [] | object;
 export declare type OperandInitialFilterType = number | string | boolean | [] | object;
 export declare type OperatorB = 'b';
-export declare type Operator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc';
+export declare type Operator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc' | 'in' | 'nin';
 export declare type StringOperator = 'c' | 'nc';
 export declare type NumberOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
 export declare type BooleanOperator = 'e' | 'ne';
 export declare type DateTimeOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
+export declare type SelectOperator = 'in' | 'nin';
 export declare type FieldPresence = 'initialized' | 'fixed' | 'optional';
-export declare type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'string' ? StringOperator : T;
-export declare type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : FieldType;
-export interface FieldDictionaryId {
-    dictionaryId: string;
-}
-export interface FieldLabel {
-    label: string;
-}
+export declare type FormOperandSelect = Record<string, any>;
+/**
+ * Posibles valores para el operandsArray para el caso del select o otros fields
+ */
+export declare type OperandsArrayValues = Array<FormOperandSelect>;
+export declare type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'string' ? StringOperator : T;
+export declare type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandsArrayValues : FieldType;
+declare type SelectOptions = Pick<RHFAutocompleteAsyncProps<{
+    [key: string]: any;
+}>, 'endPoint' | 'getOptionLabel' | 'isOptionEqualToValue' | 'multiple' | 'getOptionUrlImage' | 'imageHeight' | 'imageWidth' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
+    getOptionId: (option: Record<string, any>) => string | number;
+};
 export interface FieldBase<T extends FieldType = FieldType> {
     name: string;
     type: T;
@@ -26,6 +32,11 @@ export interface FieldBase<T extends FieldType = FieldType> {
     defaultOperator?: Maybe<FieldTypeOperator<T>>;
     defaultOperand1?: Maybe<FieldTypeOperand<T>>;
     defaultOperand2?: Maybe<FieldTypeOperand<T>>;
+    defaultOperandsArray?: Maybe<FieldTypeOperand<T>>;
+    selectOptions?: SelectOptions;
+}
+export interface FieldWithSelect<T extends 'select'> extends FieldBase<T> {
+    selectOptions: SelectOptions;
 }
 export interface FieldDictionaryId<T extends FieldType = FieldType> extends FieldBase<T> {
     dictionaryId: string;
@@ -35,7 +46,7 @@ export interface FieldLabel<T extends FieldType = FieldType> extends FieldBase<T
     label: string;
     dictionaryId?: undefined;
 }
-export declare type Field<T extends FieldType = FieldType> = FieldDictionaryId<T> | FieldLabel<T>;
+export declare type Field<T extends FieldType = FieldType> = T extends 'select' ? FieldWithSelect<T> & (FieldDictionaryId<T> | FieldLabel<T>) : FieldDictionaryId<T> | FieldLabel<T>;
 export interface BaseApplyFilter<T extends FieldType = FieldType> {
     id: number;
     field: Field<T>;
@@ -48,8 +59,9 @@ export interface BaseApplyFilter<T extends FieldType = FieldType> {
 export interface FilterValueBase {
     fieldType: FieldType;
     operator: Operator;
-    operand1: Maybe<OperandType>;
+    operand1?: Maybe<OperandType>;
     operand2?: Maybe<OperandType>;
+    operandsArray?: OperandsArrayValues;
 }
 export interface FilterValueBoolean extends FilterValueBase {
     fieldType: 'boolean';
@@ -85,10 +97,15 @@ export interface FilterValueString extends FilterValueBase {
     operator: StringOperator;
     operand1: string;
 }
+export interface FilterValueSelect extends FilterValueBase {
+    fieldType: 'select';
+    operator: SelectOperator;
+    operandsArray: OperandsArrayValues;
+}
 /**
  * @type FilterValue Valor de un filtro sobrecargado para cada tipo de dato
  */
-export declare type FilterValue = FilterValueBoolean | FilterValueDateTime | FilterValueNumber | FilterValueString;
+export declare type FilterValue = FilterValueBoolean | FilterValueDateTime | FilterValueNumber | FilterValueString | FilterValueSelect;
 /**
  * @type FilterFieldApplyed Estado del Filtro + Valor valor del filtro.
  */
@@ -101,10 +118,8 @@ export interface RawFilterFieldApply {
     o: Operator;
     o1: Maybe<OperandType>;
     o2: Maybe<OperandType>;
+    oa: Maybe<OperandType>;
 }
-export declare type FilterToAddApplyed = Omit<FilterFieldApplyed, 'id'> & {
-    isSetted: true;
-};
 export declare type FilterToEditApply = FilterFieldApplyed;
 export interface DataTypeFilerLabels {
     labelField: string;
@@ -121,6 +136,7 @@ export declare type InitialFilterApplyed = {
     operator: Operator;
     operand1?: Maybe<OperandInitialFilterType>;
     operand2?: Maybe<OperandInitialFilterType>;
+    operandsArray?: Array<Maybe<OperandInitialFilterType>>;
 };
 export declare type FormOperator<T extends Operator = Operator> = {
     id: T;
@@ -133,14 +149,13 @@ export declare type FormOperandBoolean = {
 export declare type FormOperandDateTime = Date;
 export declare type FormOperandNumber = number;
 export declare type FormOperandString = string;
-export declare type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString;
+export declare type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString | FormOperandSelect;
 /**
  * @interface FilterValueBase Base para el tipado de overloading de los valor de un filtro
  */
 export interface FormFilterValueBase {
     fieldType: FieldType;
     formValueOperator: FormOperator;
-    formValueOperand1: Maybe<FormOperand>;
 }
 export interface FormFilterValueBoolean extends FormFilterValueBase {
     fieldType: 'boolean';
@@ -164,10 +179,15 @@ export interface FormFilterValueString extends FormFilterValueBase {
     formValueOperator: FormOperator<StringOperator>;
     formValueOperand1: string;
 }
+export interface FormFilterValueSelect extends FormFilterValueBase {
+    fieldType: 'select';
+    formValueOperator: FormOperator<SelectOperator>;
+    formValueOperandsArray: Array<FormOperandSelect> | FormOperandSelect;
+}
 /**
  * @type FormFilterValue Valor de un filtro sobrecargado para cada tipo de dato
  */
-export declare type FormFilterValue = FormFilterValueBoolean | FormFilterValueDateTime | FormFilterValueNumber | FormFilterValueString;
+export declare type FormFilterValue = FormFilterValueBoolean | FormFilterValueDateTime | FormFilterValueNumber | FormFilterValueString | FormFilterValueSelect;
 /**
  * @type FilterFieldApplyed Estado del Filtro + Valor valor del filtro.
  */
@@ -218,3 +238,4 @@ export interface DynamicFilterProps {
      */
     dataTestId?: string;
 }
+export {};

package/components/FieldLabel/{index.75e89ace.js → index.6127de0c.js}

@@ -1,11 +1,11 @@
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.d2e8f376.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { I as Icon } from "../Icon/index.d34ed400.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));

package/components/GridLayout/{index.e005b65b.js → index.cd9b0723.js}

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.ee5c31cd.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.9d65edbc.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.0ebffd82.js";
+import { r as react_resizable_css } from "../../react-resizable.059cf55c.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -305,16 +305,12 @@ function resolveCompactionCollision(layout, item, moveToCoord, axis, colapsedHei
   item[axis] = moveToCoord;
 }
 function setTransform({ top, left, width, height }) {
-  const translate = `translate(${left}px,${top}px)`;
   return {
-    transform: translate,
-    WebkitTransform: translate,
-    MozTransform: translate,
-    msTransform: translate,
-    OTransform: translate,
     width: `${width}px`,
     height: `${height}px`,
-    position: "absolute"
+    position: "absolute",
+    left,
+    top
   };
 }
 function setTopLeft({ top, left, width, height }) {
@@ -524,6 +520,7 @@ const GridLayoutRoot = styled("div")`
     }
     .${gridLayoutClasses.gridItemRoot}.${gridLayoutClasses.cssTransforms} {
         transition-property: transform;
+        transition: left 0.1s ease, top 0.1s ease;
     }
     .${gridLayoutClasses.gridItemRoot}.${gridLayoutClasses.maximizeOther} {
         display: none;

package/components/GridLayout/subcomponents/Griditem/{index.ee5c31cd.js → index.9d65edbc.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.6cf19cba.js";
-import { R as Resizable } from "../../../../react-resizable.0ebffd82.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.e005b65b.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.483e2eaa.js";
+import { R as Resizable } from "../../../../react-resizable.059cf55c.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.cd9b0723.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.69e13d04.js → index.26128960.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.e005b65b.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.cd9b0723.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.607d8861.js → index.003027c6.js}

@@ -2,7 +2,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.e005b65b.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.cd9b0723.js";
 import { jsx } from "react/jsx-runtime";
 function withSizeProvider(ComposedComponent) {
   return (props) => {

package/components/HamburgerMenu/{index.fb1a3aae.js → index.35df83ad.js}

@@ -5,8 +5,8 @@ import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as SideBar } from "../SideBar/index.b1455bd0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
+import { S as SideBar } from "../SideBar/index.31e9929f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.21215143.js";
 const HamburgerMenuRoot = styled("header")(({
   theme
 }) => ({

package/components/Icon/{index.14670a00.js → index.d34ed400.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import { useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.b1455bd0.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.31e9929f.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";

package/components/Image/{index.6aa1ae49.js → index.7ca22fd5.js}

@@ -4,8 +4,8 @@ import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.bcef9a6f.js";
-import { Q as QRCode } from "../../node_modules.98455a76.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.7aff86a4.js";
+import { Q as QRCode } from "../../node_modules.0fb6293f.js";
 const ImageRoot = styled("div")(({
   theme
 }) => ({

package/components/LanguagePopover/{index.4149a8da.js → index.47796ed9.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.6aa1ae49.js";
+import { I as Image } from "../Image/index.7ca22fd5.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.d5a031be.js";
+import { I as ImageButton } from "../mui_extended/Button/index.7265987f.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/{index.6e5db737.js → index.7349e210.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.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.d2e8f376.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/LoadingError/{index.1ec78dd5.js → index.423d70c8.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.6e5db737.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.7349e210.js";
+import { I as Icon } from "../Icon/index.d34ed400.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.d5a031be.js";
+import { B as Button } from "../mui_extended/Button/index.7265987f.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.6037f834.js → index.9bf3be25.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.1ec78dd5.js";
+import { L as LoadingError } from "../LoadingError/index.423d70c8.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/ModalDialog/{index.7b85f8b0.js → index.17a7be82.js}

@@ -1,11 +1,12 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.6cf19cba.js";
-import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
-import { R as ResizeableWindow } from "../Resizeable/index.eba4fda9.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { c as cjs } from "../../react-draggable.483e2eaa.js";
+import { u as useModal } from "../../hooks/useModal/index.5a463055.js";
+import { R as ResizeableWindow } from "../Resizeable/index.e663ca86.js";
+import { useIsMobile } 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.23bfc86b.js";
+import { useState, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.5ebb95fe.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",
@@ -40,7 +41,11 @@ const ModalDialog = () => {
     fullScreen,
     variant
   } = useModal();
-  const isDesktop = useResponsiveDesktop();
+  const isMobile = useIsMobile();
+  const [fullScreenState, setFullScreenState] = useState(fullScreen);
+  useEffect(() => {
+    setFullScreenState(isMobile);
+  }, [isMobile]);
   const theme = useTheme();
   const classes = modalUtilityClasses({
     variant
@@ -49,7 +54,8 @@ const ModalDialog = () => {
     className: classes.containerWindow,
     children: typeof window === "function" ? window() : window
   });
-  return /* @__PURE__ */ jsxs(Dialog, {
+  console.log("fullScreen test", fullScreen);
+  return /* @__PURE__ */ jsx(Dialog, {
     open,
     className: classes.root,
     sx: {
@@ -57,10 +63,10 @@ const ModalDialog = () => {
     },
     "aria-labelledby": "child-modal-title",
     "aria-describedby": "child-modal-description",
-    PaperComponent: isDesktop ? DragabblePaperComponent : PaperComponent,
-    fullScreen,
+    PaperComponent: !isMobile ? DragabblePaperComponent : PaperComponent,
+    fullScreen: fullScreenState,
     disableEnforceFocus: true,
-    children: [isDesktop && /* @__PURE__ */ jsx(ResizeableWindow, {
+    children: !isMobile ? /* @__PURE__ */ jsx(ResizeableWindow, {
       width: initialWidth,
       height: initialHeigth,
       maxWidth,
@@ -70,7 +76,7 @@ const ModalDialog = () => {
         className: `custom-handle custom-handle-${resizeHandle}`
       }, resizeHandle),
       children: contentComnponent
-    }), !isDesktop && contentComnponent]
+    }) : contentComnponent
   });
 };
 function getModalDialogComponentsDictionary() {

package/components/NoItemSelected/{index.54023226.js → index.16500ea3.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { I as Image } from "../Image/index.6aa1ae49.js";
+import { I as Image } from "../Image/index.7ca22fd5.js";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";

package/components/ObjectLogs/{index.c0a6ebab.js → index.c33d046a.js}

@@ -1,17 +1,17 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled, Tooltip, IconButton } from "@mui/material";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.ca78a0a9.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.27810831.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { u as useModal } from "../../hooks/useModal/index.5a463055.js";
+import { I as Icon } from "../Icon/index.d34ed400.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.ab22627c.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.740ab57c.js";
+import { W as WindowBase } from "../modal/WindowBase.1cb35b2d.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.781f1212.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/PDFViewer/{index.d185afd0.js → index.195bf4c3.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as Button } from "../mui_extended/Button/index.d5a031be.js";
+import { B as Button } from "../mui_extended/Button/index.7265987f.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));

package/components/Page/{index.2c550c91.js → index.f4ce7c75.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.bcef9a6f.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/{index.63dc4b29.js → index.243b20bd.js}

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

package/components/Period/{index.ddf8716c.js → index.0e647446.js}

@@ -1,13 +1,13 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useState, useMemo } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.23bfc86b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.5ebb95fe.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 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.d8bdadaa.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.21215143.js";
 const ContainerPeriod = styled("div")(({
   theme
 }) => ({

package/components/PrintingSystem/{index.bcef9a6f.js → index.7aff86a4.js}

@@ -1,19 +1,19 @@
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.d2e8f376.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.ce81726b.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.d6344807.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.79d2e283.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.d3f4e000.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.6aa1ae49.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.14ecdd97.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.7fc8c316.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.30cbab70.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.05a3579e.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.88fcc856.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.aa2b8706.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.2c550c91.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.2e68dba0.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.40da2bf8.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.0c9719ce.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.3630fe0c.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.7ca22fd5.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.e7c04442.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.bb2a7dcb.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.a7086296.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.633304a0.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.53d82ef7.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.7bfbe141.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.f4ce7c75.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";

package/components/PrintingSystem/subcomponents/BodyNode/{index.14ecdd97.js → index.e7c04442.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BodyNode = (props) => {

package/components/PrintingSystem/subcomponents/ChartNode/{index.aa2b8706.js → index.7bfbe141.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.bcef9a6f.js";
+import { c as classes } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.ce81726b.js → index.2e68dba0.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.bcef9a6f.js";
+import { c as classes } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const DividerNode = (props) => {

package/components/PrintingSystem/subcomponents/FooterNode/{index.7fc8c316.js → index.bb2a7dcb.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const FooterNode = (props) => {

package/components/PrintingSystem/subcomponents/GridNode/{index.88fcc856.js → index.53d82ef7.js}

@@ -1,5 +1,5 @@
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {

package/components/PrintingSystem/subcomponents/HeaderNode/{index.d3f4e000.js → index.3630fe0c.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const HeaderNode = (props) => {

package/components/PrintingSystem/subcomponents/PaperNode/{index.30cbab70.js → index.a7086296.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.bcef9a6f.js";
+import { c as classes } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.05a3579e.js → index.633304a0.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {

package/components/PrintingSystem/subcomponents/SectionNode/{index.d6344807.js → index.40da2bf8.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.79d2e283.js → index.0c9719ce.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.bcef9a6f.js";
+import { c as classes } from "../../index.7aff86a4.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/components/PropertyValue/{index.1dbf6ef8.js → index.1b45d87a.js}

@@ -6,8 +6,8 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { useState } from "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { F as FieldLabel } from "../FieldLabel/index.75e89ace.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { F as FieldLabel } from "../FieldLabel/index.6127de0c.js";
+import { I as Icon } from "../Icon/index.d34ed400.js";
 const PropertyValueRoot = styled("div")(({
   theme
 }) => ({

package/components/Resizeable/{index.eba4fda9.js → index.e663ca86.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material";
-import { a as ResizableBox } from "../../react-resizable.0ebffd82.js";
+import { a as ResizableBox } from "../../react-resizable.059cf55c.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.b1455bd0.js → index.31e9929f.js}

@@ -1,18 +1,18 @@
 import { styled, generateUtilityClasses, ListItemText, ListItemButton, Collapse, Drawer as Drawer$1, useTheme } from "@mui/material";
 import { createContext, useState, useContext, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.d2e8f376.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.14670a00.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.d34ed400.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { I as Image } from "../Image/index.6aa1ae49.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
+import { I as Image } from "../Image/index.7ca22fd5.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.21215143.js";
 import { useResponsive } from "@m4l/styles";
 const SideBarRoot = styled("div")(({
   theme