@m4l/components 1.0.21 → 1.1.0

package/components/DynamicFilter/store/{index.0e0854ee.js → index.6ec4c67c.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { A as ALL_FIELD } from "../constants.095f1dbb.js";
-import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.1aa60703.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.895da58e.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{index.f47f6ecc.js → index.42446f8e.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
-import { f as fieldFactory } from "../FieldTypes/index.e18e1229.js";
-import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
+import { f as fieldFactory } from "../FieldTypes/index.10c9c338.js";
+import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{index.caf0bb7f.js → index.621ca411.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/index.dc4726a5.js";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/index.f47f6ecc.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.4e447b30.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.42446f8e.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{index.f4fe3a8e.js → index.0c3af964.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
 import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
 import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.104a03d4.js";
-import { I as InputFilter } from "../InputFilter/index.2de425a8.js";
-import { A as AppliedFilters } from "../AppliedFilters/index.caf0bb7f.js";
-import { F as FilterActions } from "../FilterActions/index.3266cd55.js";
-import { P as PopoverFilter } from "../PopoverFilter/index.3f270770.js";
+import { I as InputFilter } from "../InputFilter/index.85d720be.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.621ca411.js";
+import { F as FilterActions } from "../FilterActions/index.7bee6c25.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.0fdc8a51.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{index.5c562061.js → index.f92d2a9c.js}

@@ -1,10 +1,10 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.0991b837.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
 import { B as BOOLEAN_OPERATORS } from "../../../constants.095f1dbb.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.9b605832.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/{index.b53e2fdc.js → index.aad7a12c.js}

@@ -1,13 +1,13 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.0991b837.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
 import { a as DATE_TIME_OPERATORS } from "../../../constants.095f1dbb.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.9b605832.js";
-import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.c37bf0d0.js";
-import { i as isValidDate } from "../../../../../utils/index.14912462.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.4c686856.js";
+import { i as isValidDate } from "../../../../../utils/index.f77cc2ab.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/{index.9fc191f0.js → index.852c4c73.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.0991b837.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
 import { N as NUMBER_OPERATORS } from "../../../constants.095f1dbb.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.9b605832.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.b9d95bd9.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.ec3f5dd5.js";
 function NumberFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/{index.c002c8f2.js → index.4beced1d.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.0991b837.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
 import { S as SELECT_OPERATORS } from "../../../constants.095f1dbb.js";
-import { u as useDynamicFilterStore } from "../../../store/index.0e0854ee.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.9b605832.js";
-import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.18b4663a.js";
+import { u as useDynamicFilterStore } from "../../../store/index.6ec4c67c.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.ad51f3e2.js";
 function SelectFilter() {
   const { getLabel } = useModuleDictionary();
   const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/{index.12fc8d0c.js → index.17191093.js}

@@ -1,11 +1,11 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.0991b837.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
 import { b as STRING_OPERATORS } from "../../../constants.095f1dbb.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.9b605832.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.b9d95bd9.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.ec3f5dd5.js";
 function StringFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(

package/components/DynamicFilter/subcomponents/FieldTypes/{index.e18e1229.js → index.10c9c338.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useFormContext } from "react-hook-form";
-import { B as BooleanFilterHelpers } from "./BooleanFilter/index.5c562061.js";
-import { S as StringFilterHelpers } from "./StringFilter/index.12fc8d0c.js";
-import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.b53e2fdc.js";
-import { N as NumberFilterHelpers } from "./NumberFilter/index.9fc191f0.js";
-import { S as SelectFilterHelpers } from "./SelectFilter/index.c002c8f2.js";
+import { B as BooleanFilterHelpers } from "./BooleanFilter/index.f92d2a9c.js";
+import { S as StringFilterHelpers } from "./StringFilter/index.17191093.js";
+import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.aad7a12c.js";
+import { N as NumberFilterHelpers } from "./NumberFilter/index.852c4c73.js";
+import { S as SelectFilterHelpers } from "./SelectFilter/index.4beced1d.js";
 const helpersStrategies = {
   boolean: new BooleanFilterHelpers(),
   string: new StringFilterHelpers(),

package/components/DynamicFilter/subcomponents/FilterActions/{index.3266cd55.js → index.7bee6c25.js}

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.0991b837.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.7aeaab97.js";
 import { Skeleton } from "@mui/material";
-import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
+import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
   refresh: "restart.svg",

package/components/DynamicFilter/subcomponents/InputFilter/{index.2de425a8.js → index.85d720be.js}

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.0991b837.js";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.7aeaab97.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
 import { A as ALL_FIELD } from "../../constants.095f1dbb.js";
 import { Skeleton } from "@mui/material";
-import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
-import { P as PopoverMenuFields } from "../PopoverMenuFields/index.ebd84aa5.js";
+import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
+import { P as PopoverMenuFields } from "../PopoverMenuFields/index.3674da6c.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
   const [filteredFields, setFilteredFields] = useState([]);

package/components/DynamicFilter/subcomponents/PopoverFilter/{index.3f270770.js → index.0fdc8a51.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useMemo, useCallback } from "react";
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
-import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.e18e1229.js";
-import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.d9efc253.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.d0adf9c4.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.6904d0ad.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
+import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.10c9c338.js";
+import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.cedd3482.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.a44544d1.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.63222f6a.js";
 function usePopoverFilter() {
   let anchorEl;
   let field;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/{index.ebd84aa5.js → index.3674da6c.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index.0e0854ee.js";
-import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots.1edc8e23.js";
+import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
+import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
 function usePopoverMenuFields() {
   const { getLabel } = useModuleDictionary();
   const fnAnchorEl = useDynamicFilterStore((state) => state.fnAnchorEl);

package/components/FieldLabel/{index.15e78848.js → index.523aaa62.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { F as FieldLabelRoot } from "../../styles/index.b0a69054.js";
+import { F as FieldLabelRoot } from "../../styles/index.1735a866.js";
 import { generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
+import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
 import clsx from "clsx";
-import { T as Typography } from "../mui_extended/Typography/index.ddde0fc7.js";
-import { I as Icon } from "../Icon/index.b1c014b0.js";
+import { T as Typography } from "../mui_extended/Typography/index.71fbb5c4.js";
+import { I as Icon } from "../Icon/index.ab280d41.js";
 const componentName = "M4LFieldLabel";
 generateUtilityClasses(componentName, [
   "root",

package/components/FieldLabel/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const FieldLabelRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;

package/components/GridLayout/{index.f5fb6d61.js → index.3b90ce9b.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.b5c91d2a.js";
-import { G as GridLayoutRoot } from "../../styles/index.b0a69054.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.83d54714.js";
+import { G as GridLayoutRoot } from "../../styles/index.1735a866.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 const COMPONENT_CLASS_NAME = "M4LGridLayout";

package/components/GridLayout/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GridLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/GridLayout/subcomponents/Griditem/{index.b5c91d2a.js → index.83d54714.js}

@@ -1,8 +1,8 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.1c1ba224.js";
-import { R as Resizable } from "../../../../react-resizable.a59c14f4.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.f5fb6d61.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.079122b0.js";
+import { R as Resizable } from "../../../../react-resizable.330f1499.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.3b90ce9b.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 function GridItem(props) {

package/components/GridLayout/subcomponents/Responsive/{index.a1179064.js → index.f06bbf5e.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-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.f5fb6d61.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.3b90ce9b.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.25dcc9bb.js → index.72bfaedb.js}

@@ -3,7 +3,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.f5fb6d61.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.3b90ce9b.js";
 function withSizeProvider(ComposedComponent) {
   return (props) => {
     const { measureBeforeMount = true, ...rest } = props;

package/components/HelperText/{index.f9b6e7a3.js → index.af402ba9.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { H as HelperTextRoot } from "../../styles/index.b0a69054.js";
+import { H as HelperTextRoot } from "../../styles/index.1735a866.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../mui_extended/Typography/index.ddde0fc7.js";
+import { T as Typography } from "../mui_extended/Typography/index.71fbb5c4.js";
 const componentName = "M4LHelperText";
 const errorLabelClasses = generateUtilityClasses(componentName, [
   "root",

package/components/HelperText/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const HelperTextRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Icon/{index.b1c014b0.js → index.ab280d41.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
-import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.9edada74.js";
+import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.7cb66143.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { I as IconRoot, e as DivIcon, f as ArrowIconRoot } from "../../styles/index.b0a69054.js";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.d321beef.js";
+import { I as IconRoot, e as DivIcon, f as ArrowIconRoot } from "../../styles/index.1735a866.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.902789b8.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";

package/components/Icon/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DivIconProps } from './types';
+export declare const IconRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & DivIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Image/{index.a011d2d2.js → index.ec13c4a1.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { g as ImageRoot } from "../../styles/index.b0a69054.js";
+import { g as ImageRoot } from "../../styles/index.1735a866.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.35ee772d.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.6d6cd410.js";
 import QRCode from "qrcode.react";
 const ratioOptions = {
   "1.168:1": {

package/components/Image/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ImageRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/LanguagePopover/{index.763ee58f.js → index.6af275d0.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.a011d2d2.js";
+import { I as Image } from "../Image/index.ec13c4a1.js";
 import { useLocales } from "@m4l/graphics";
-import { L as LanguagePopoverRoot, h as ContainerMenuItems, i as ContainerProgress, j as ContainerImage, k as LabelItem } from "../../styles/index.b0a69054.js";
-import { I as ImageButton } from "../mui_extended/Button/index.1f534053.js";
+import { L as LanguagePopoverRoot, h as ContainerMenuItems, i as ContainerProgress, j as ContainerImage, k as LabelItem } from "../../styles/index.1735a866.js";
+import { I as ImageButton } from "../mui_extended/Button/index.8afd5131.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";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.1758efd3.js";
+import { P as Popover } from "../mui_extended/Popover/index.594e3587.js";
 const componentName = "M4LanguagePopover";
 generateUtilityClasses(
   componentName,

package/components/LanguagePopover/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const LanguagePopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LabelItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerProgress: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerMenuItems: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/LinearProgressIndeterminate/{index.c5cb15a1.js → index.6739ff49.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
-import { l as LinearProgressIndeterminateRoot } from "../../styles/index.b0a69054.js";
+import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
+import { l as LinearProgressIndeterminateRoot } from "../../styles/index.1735a866.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
 generateUtilityClasses(

package/components/LinearProgressIndeterminate/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LinearProgressIndeterminateRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/LoadingError/{index.884275da.js → index.cfdfb380.js}

@@ -3,11 +3,11 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.8266ccc8.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { m as LoadingErrorRoot } from "../../styles/index.b0a69054.js";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.c5cb15a1.js";
-import { I as Icon } from "../Icon/index.b1c014b0.js";
-import { T as Typography } from "../mui_extended/Typography/index.ddde0fc7.js";
-import { B as Button } from "../mui_extended/Button/index.1f534053.js";
+import { m as LoadingErrorRoot } from "../../styles/index.1735a866.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.6739ff49.js";
+import { I as Icon } from "../Icon/index.ab280d41.js";
+import { T as Typography } from "../mui_extended/Typography/index.71fbb5c4.js";
+import { B as Button } from "../mui_extended/Button/index.8afd5131.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/LoadingError/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingErrorRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/MFIsolationApp/MFIsolationApp.d.ts

@@ -0,0 +1,2 @@
+import type { MFIsolationAppProps } from './types';
+export declare function MFIsolationApp(props: MFIsolationAppProps): import("react/jsx-runtime").JSX.Element;

package/components/MFIsolationApp/index.96eb2a32.js

@@ -0,0 +1,167 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useCallback } from "react";
+import { unstable_HistoryRouter } from "react-router-dom";
+import { ToastContainer, toast } from "react-toastify";
+import { createBrowserHistory } from "history";
+import EventEmitter from "eventemitter3";
+import NProgress from "nprogress";
+import { HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
+import { useAuth, DomainCountryProvider, EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
+import { format } from "date-fns";
+import { defaultThemeOptions, fnComponentsOverrides } from "@m4l/styles";
+import { B as BaseModule } from "../BaseModule/index.db78c929.js";
+import { A as AreasProvider } from "../areas/contexts/AreasContext/index.b29fb29f.js";
+function MFAuthApp(props) {
+  const { children, user, pwd } = props;
+  const { isAuthenticated, isInitialized, login, user: authUser } = useAuth();
+  useEffect(() => {
+    if (isInitialized && isAuthenticated === false) {
+      login(user, pwd, false);
+    }
+  }, [isInitialized, isAuthenticated]);
+  if (!isAuthenticated)
+    return /* @__PURE__ */ jsx("div", { children: "Pendiente por autenticarse" });
+  const domianCountry = {
+    id: 1,
+    currency: "USD",
+    currency_decimal_digits: 2,
+    decimal_symbol: ".",
+    thousands_symbol: ","
+  };
+  if (authUser?.domain_country) {
+    domianCountry.id = authUser?.domain_country.id ?? domianCountry.id;
+    domianCountry.currency = authUser?.domain_country.currency ?? domianCountry.currency;
+    domianCountry.currency_decimal_digits = authUser?.domain_country.currency_decimal_digits ?? domianCountry.currency_decimal_digits;
+    domianCountry.decimal_symbol = authUser?.domain_country.decimal_symbol ?? domianCountry.decimal_symbol;
+    domianCountry.thousands_symbol = authUser?.domain_country?.thousands_symbol ?? domianCountry.thousands_symbol;
+  }
+  return /* @__PURE__ */ jsxs(
+    HostThemeProvider,
+    {
+      hostThemeOptions: defaultThemeOptions,
+      fnComponentsOverrides,
+      isMicroFrontEnd: true,
+      children: [
+        /* @__PURE__ */ jsx(ToastContainer, {}),
+        /* @__PURE__ */ jsx(DomainCountryProvider, { ...domianCountry, isMicroFrontEnd: false, children: /* @__PURE__ */ jsx(
+          FormatterProvider,
+          {
+            isMicroFrontEnd: false,
+            dateFormatter: {
+              formatDate: format
+            },
+            currencyFormatter: {
+              code: domianCountry.currency,
+              decimalDigits: domianCountry.currency_decimal_digits
+            },
+            children
+          }
+        ) })
+      ]
+    }
+  );
+}
+const history = createBrowserHistory({ window });
+function MFIsolationApp(props) {
+  const {
+    children,
+    user,
+    pwd,
+    database = "domain",
+    host_api_local,
+    host_api_remote,
+    host_static_assets,
+    environment_assets,
+    moduleId,
+    skeletonFlags,
+    moduleNameField,
+    privileges,
+    componentsDictionary,
+    onLoad,
+    activeAreasNetwork = false,
+    activeCookiesFromNetwork = false,
+    observedDivRef
+  } = props;
+  const eventEmitter = useMemo(() => new EventEmitter(), []);
+  const events_add_listener = useCallback(
+    (eventName, handler) => {
+      eventEmitter.on(eventName, handler);
+    },
+    [eventEmitter]
+  );
+  const events_remove_listener = useCallback(
+    (eventName, handler) => {
+      if (handler === null) {
+        eventEmitter.removeListener(eventName);
+        return;
+      }
+      eventEmitter.removeListener(eventName, handler);
+    },
+    [eventEmitter]
+  );
+  const events_emit = useCallback(
+    (eventName, arg) => {
+      eventEmitter.emit(eventName, arg);
+    },
+    [eventEmitter]
+  );
+  const startProgress = () => {
+    NProgress.configure({
+      showSpinner: true
+    });
+    NProgress.start();
+  };
+  const stopProgress = () => {
+    NProgress.done();
+  };
+  const environment = useMemo(
+    () => ({
+      host: "",
+      isLocalhost: true,
+      domain_token: "lab1",
+      database,
+      host_api_local,
+      host_api_remote,
+      host_static_assets,
+      environment_assets
+    }),
+    []
+  );
+  const hostTools = useMemo(
+    () => ({
+      history,
+      toast,
+      startProgress,
+      stopProgress,
+      events_add_listener,
+      events_remove_listener,
+      events_emit
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(EnvironmentProvider, { ...environment, children: /* @__PURE__ */ jsx(HostToolsProvider, { ...hostTools, children: /* @__PURE__ */ jsx(NetworkProvider, { axiosOperation, children: /* @__PURE__ */ jsx(unstable_HistoryRouter, { history, children: /* @__PURE__ */ jsx(LocalesProvider, { isMicroFrontEnd: false, getLocaleFromNetwork, children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(MFAuthApp, { user, pwd, children: /* @__PURE__ */ jsx(
+    BaseModule,
+    {
+      moduleId,
+      privileges,
+      skeletonFlags,
+      componentsDictionary,
+      moduleNameField,
+      children: /* @__PURE__ */ jsx(
+        AreasProvider,
+        {
+          onLoad,
+          loadAreasFromNetwork: activeAreasNetwork,
+          loadCookiesFromNetwork: activeCookiesFromNetwork,
+          onSelectLayout: (modId) => {
+            console.log("onSelectLayout", modId);
+          },
+          children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children })
+        }
+      )
+    }
+  ) }) }) }) }) }) }) });
+}
+export {
+  MFIsolationApp as M
+};

package/components/MFIsolationApp/index.d.ts

@@ -0,0 +1 @@
+export { MFIsolationApp } from './MFIsolationApp';