@m4l/components 0.1.88 → 0.1.89

package/components/DynamicFilter/{index.cdc90c70.js → index.d2e7bdcc.js}

@@ -4,42 +4,42 @@ import { useContext, useMemo, useEffect, createContext, useRef, createElement, u
 import clsx from "clsx";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent, CommonFlags } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
-import { I as IconButton } from "../mui_extended/IconButton/index.bb108329.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.76624519.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.c2b73255.js";
+import { g as getNameDataTestId } from "../../vendor.92191f81.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.35095da9.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.4c2e48d4.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.6459c16b.js";
+import { I as Icon } from "../Icon/index.a70c4729.js";
 import { styled, useTheme } from "@mui/material/styles";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.ea2758ed.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.e3be92cf.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.aac245a9.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a4386a07.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.366cb775.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.ffc5618a.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.81d2648b.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
-import "../../contexts/ModalContext/index.c312fca2.js";
+import "../../contexts/ModalContext/index.1fc9f5d9.js";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.c997f1df.js";
+import "../Resizeable/index.676c96fe.js";
+import "../modal/index.dbdb6ac0.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.a5dab72c.js";
-import "../areas/components/AreasAdmin/index.3b358ff4.js";
-import "../areas/components/AreasViewer/index.df370ebe.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -47,19 +47,19 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.c43a95f4.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.c6f46842.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.5c23bd25.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.4c52e870.js";
-import "../hook-form/RHFCheckbox/index.066c715f.js";
-import "../HelperText/index.e47a7ccf.js";
+import "../hook-form/RHFAutocompleteAsync/index.85b11f3a.js";
+import "../hook-form/RHFCheckbox/index.a136882e.js";
+import "../HelperText/index.69791151.js";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.3661a6c9.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.0a784644.js";
-import "../hook-form/RHFPeriod/index.4c9a1646.js";
-import "../Period/index.ba2a843b.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.1ca795b0.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.ccea64e7.js";
+import "../hook-form/RHFPeriod/index.90777c53.js";
+import "../Period/index.972dbe64.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.a98e961d.js";
+import "../hook-form/RHFUpload/index.85e59119.js";
 import * as Yup from "yup";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -156,12 +156,12 @@ function useDynamicFilter(selector, equalityFn) {
 }
 const DYNAMICFILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
-  return [DYNAMICFILTER_DICTIONARY_ID].concat(getCommonActionsDictionary());
+  return [DYNAMICFILTER_DICTIONARY_ID].concat(getCommonActionsDictionary().concat(getRHFAutocompleteComponentsDictionary()));
 }
 const DICCTIONARY = {
   input_placeholder: "input_placeholder",
-  operand_true: "true",
-  operand_false: "false",
+  operand_true: "operand_true",
+  operand_false: "operand_false",
   filter_tooltip_refresh: "filter_tooltip_refresh",
   filter_tooltip_dirty: "filter_tooltip_dirty",
   filter_tooltip_invalid: "filter_tooltip_invalid",
@@ -183,7 +183,11 @@ const DICCTIONARY = {
   label_operand1_number: "label_operand1_number",
   label_operand2_number: "label_operand2_number",
   label_operator_string: "label_operator_string",
-  label_operand1_string: "label_operand1_string"
+  label_operand1_string: "label_operand1_string",
+  operator_required: "operator_required",
+  error_invalid_date: "error_invalid_date",
+  error_less_than_start: "error_less_than_start",
+  error_operand_required: "error_operand_required"
 };
 const getDynamicFilterDictionary = (key) => {
   return `${DYNAMICFILTER_DICTIONARY_ID}.${key}`;
@@ -200,10 +204,10 @@ function BooleanFilter() {
   })), [getLabel]);
   const optionsYesNo = useMemo(() => [{
     value: true,
-    label: getLabel(getDynamicFilterDictionary(`operand_true`))
+    label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_true))
   }, {
     value: false,
-    label: getLabel(getDynamicFilterDictionary(`operand_false`))
+    label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_false))
   }], [getLabel]);
   return /* @__PURE__ */ jsxs("div", {
     ...process.env.NODE_ENV !== "production" ? {
@@ -216,14 +220,14 @@ function BooleanFilter() {
       options: operators,
       getOptionLabel: (option) => option.label,
       isOptionEqualToValue: (option, value) => option.id === value.id,
-      label: getLabel(getDynamicFilterDictionary(`label_boolean_operator`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operator))
     }), /* @__PURE__ */ jsx(RHFAutocomplete, {
       name: "formValueOperand1",
       autoComplete: "off",
       options: optionsYesNo,
       getOptionLabel: (option) => option.label,
       isOptionEqualToValue: (option, value) => option.value === value.value,
-      label: getLabel(getDynamicFilterDictionary(`label_boolean_operand1`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operand1))
     })]
   });
 }
@@ -251,13 +255,13 @@ function DateTimeFilter() {
       options: operators,
       getOptionLabel: (option) => option.label,
       isOptionEqualToValue: (option, value) => option.id === value.id,
-      label: getLabel(getDynamicFilterDictionary(`label_operator_date_time`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_date_time))
     }), /* @__PURE__ */ jsx(RHFDateTime, {
       name: "formValueOperand1",
-      label: getLabel(getDynamicFilterDictionary(`label_operand1_date_time`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_date_time))
     }), operator && operator.id === "b" && /* @__PURE__ */ jsx(RHFDateTime, {
       name: "formValueOperand2",
-      label: getLabel(getDynamicFilterDictionary(`label_operand2_date_time`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_date_time))
     })]
   });
 }
@@ -285,15 +289,15 @@ function NumberFilter() {
       options: operators,
       getOptionLabel: (option) => option.label,
       isOptionEqualToValue: (option, value) => option.id === value.id,
-      label: getLabel(getDynamicFilterDictionary(`label_operator_number`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_number))
     }), /* @__PURE__ */ jsx(RHFTextField, {
       name: "formValueOperand1",
       type: "number",
-      label: getLabel(getDynamicFilterDictionary(`label_operand1_number`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_number))
     }), operator && operator.id === "b" && /* @__PURE__ */ jsx(RHFTextField, {
       name: "formValueOperand2",
       type: "number",
-      label: getLabel(getDynamicFilterDictionary(`label_operand2_number`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_number))
     })]
   });
 }
@@ -314,10 +318,10 @@ function StringFilter() {
       options: operators,
       getOptionLabel: (option) => option.label,
       isOptionEqualToValue: (option, value) => option.id === value.id,
-      label: getLabel(getDynamicFilterDictionary(`label_operator_string`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_string))
     }), /* @__PURE__ */ jsx(RHFTextField, {
       name: "formValueOperand1",
-      label: getLabel(getDynamicFilterDictionary(`label_operand1_string`))
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_string))
     })]
   });
 }
@@ -347,8 +351,8 @@ const getBooleanLabels = (filter, getLabel) => {
   return ret;
 };
 const getBooleanSchema = (getLabel) => Yup.object({
-  formValueOperator: Yup.object().nullable().required(getLabel(`error_operator_required`)),
-  formValueOperand1: Yup.object().nullable().required(getLabel(`error_operand_required`))
+  formValueOperator: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operator_required`)),
+  formValueOperand1: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operand_required`))
 });
 const getBooleanFormValue = (field, getLabel, filterValueBoolean) => {
   const filterValue = filterValueBoolean ? filterValueBoolean : void 0;
@@ -401,8 +405,8 @@ const getStringLabels = (filter, getLabel) => {
   };
 };
 const getStringSchema = (getLabel) => Yup.object({
-  formValueOperator: Yup.object().nullable().required(getLabel(`operator_required`)),
-  formValueOperand1: Yup.string().required(getLabel(`operand_required`))
+  formValueOperator: Yup.object().nullable().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.operator_required))),
+  formValueOperand1: Yup.string().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_operand_required)))
 });
 const getStringFormValue = (field, getLabel, filterValue) => {
   const filterValueString = filterValue;
@@ -466,13 +470,13 @@ const getDateLabels = (filter, getLabel, formatters) => {
   };
 };
 const getDateTimeSchema = (getLabel) => Yup.object({
-  formValueOperator: Yup.object().nullable().required(getLabel(`operator_required`)),
-  formValueOperand1: Yup.date().required(getLabel(`dynamic_filter.error_invalid_date`)).typeError(getLabel(`dynamic_filter.error_invalid_date`)),
+  formValueOperator: Yup.object().nullable().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.operator_required))),
+  formValueOperand1: Yup.date().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))).typeError(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))),
   formValueOperand2: Yup.mixed().when(["formValueOperator.id"], {
     is: "b",
-    then: Yup.date().typeError(getLabel(`dynamic_filter.error_invalid_date`)).min(
+    then: Yup.date().typeError(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))).min(
       Yup.ref("formValueOperand1"),
-      getLabel(`dynamic_filter.error_less_than_start`)
+      getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))
     )
   })
 });
@@ -1411,7 +1415,6 @@ function FilterButton() {
     dictionaryTooltipId: getDynamicFilterDictionary(isValid ? isDirty ? DICCTIONARY.filter_tooltip_dirty : DICCTIONARY.filter_tooltip_refresh : DICCTIONARY.filter_tooltip_invalid),
     onClick: fireOnChangeFilters,
     "aria-label": "settings",
-    variant: "primary",
     src: `${host_static_assets}/${environment_assets}/${ASSETS_URL}/${automatic ? ASSETS.refresh : ASSETS.search}`
   });
 }
@@ -1599,7 +1602,7 @@ function InputFilter() {
       }), /* @__PURE__ */ jsx("input", {
         type: "text",
         value: inputData,
-        placeholder: getLabel(getDynamicFilterDictionary("input_placeholder")),
+        placeholder: getLabel(getDynamicFilterDictionary(DICCTIONARY.input_placeholder)),
         onFocus: onFocusInputFilter,
         onChange: onChangeInputFilter,
         onKeyDown: handleKeyDown

package/components/GridLayout/{index.2383aaf9.js → index.8ae34c50.js}

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.58168132.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.c7a33781.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
@@ -564,11 +564,10 @@ const GridLayoutRoot = styled("div")`
 
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle {
         position: absolute;
-        width: 10px;
-        height: 10px;
-        padding: 12px;
+        width: 7px;
+        height: 7px;
         background-image: unset;
-        
+
         & .M4LIcon-icon {
             width: 10px;
             height: 10px;
@@ -591,30 +590,43 @@ const GridLayoutRoot = styled("div")`
 
     .react-resizable-hide > .react-resizable-handle {
         display: none;
+        border-color: ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
     }
 
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle.react-resizable-handle-sw {
-        bottom: 0;
-        left: 0;
+        bottom: 3px;
+        left: 3px;
         cursor: sw-resize;
         transform: rotate(90deg);
+        border-right:  ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom:  ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom-right-radius: 15%;
     }
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle.react-resizable-handle-se {
-        bottom: 0;
-        right: 0;
+        bottom: 3px;
+        right: 3px;
         cursor: se-resize;
+        border-right:  ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom:  ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom-right-radius: 15%;
     }
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle.react-resizable-handle-nw {
-        top: 0;
-        left: 0;
+        top: 3px;
+        left: 3px;
         cursor: nw-resize;
         transform: rotate(180deg);
+        border-right: ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom: ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom-right-radius: 15%;
     }
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle.react-resizable-handle-ne {
-        top: 0;
-        right: 0;
+        top: 3px;
+        right: 3px;
         cursor: ne-resize;
         transform: rotate(270deg);
+        border-right: ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom: ${(props) => `2px solid ${props.theme.palette.text.disabled}`};
+        border-bottom-right-radius: 15%;
     }
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle.react-resizable-handle-w,
     .${gridLayoutClasses.gridItemRoot} > .react-resizable-handle.react-resizable-handle-e {
@@ -714,7 +726,6 @@ function GridLayout(props) {
   }, []);
   useEffect(() => {
     if (nrOnlayoutChanges > 0) {
-      console.log("nrOnlayoutChanges fired", nrOnlayoutChanges, finalLayoutRender, refState.current.layout);
       onLayoutChange(refState.current.layout);
     }
   }, [nrOnlayoutChanges]);
@@ -1145,9 +1156,7 @@ function SizeProvider(ComposedComponent) {
     });
     const onWindowResizeMemo = useMemo(() => () => {
       const node = elementRef.current;
-      console.log(`oooo`);
       if (node instanceof HTMLElement && node.clientWidth) {
-        console.log(`onWindowResizeMemo w: ${node.offsetWidth} y:${node.offsetHeight}`);
         setCurrentState((prev) => ({
           ...prev,
           width: node.clientWidth,

package/components/GridLayout/subcomponents/Griditem/{index.58168132.js → index.c7a33781.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { D as DraggableCore_1 } from "../../../../react-draggable.7abb5d0a.js";
 import { R as Resizable } from "../../../../react-resizable.ba08699a.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.2383aaf9.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.8ae34c50.js";
 import clsx from "clsx";
 import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.a6642437.js → index.96cdb1b4.js}

@@ -1,4 +1,4 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, o as DEFAULT_COLAPSED_HEIGHT, i as DEFAULT_ROW_HEIGHT, z as isEqualLayouts, G as GridLayout, A as noop } from "../../index.2383aaf9.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, o as DEFAULT_COLAPSED_HEIGHT, i as DEFAULT_ROW_HEIGHT, z as isEqualLayouts, G as GridLayout, A as noop } from "../../index.8ae34c50.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
@@ -228,7 +228,6 @@ function Responsive(props) {
         cols: currentState.cols
       });
       if (currentState.fireOnLoadLayoutChange) {
-        console.warn("layout inicial incompatible, se notifica al host del componente");
         onLayoutChange(currentState.breakpointLayout, {
           ...layouts,
           [currentState.breakpoint]: currentState.breakpointLayout

package/components/HelperText/{index.e47a7ccf.js → index.69791151.js}

@@ -1,26 +1,26 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.6459c16b.js";
+import "../Icon/index.a70c4729.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.bb108329.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const HelperTextRoot = styled("div")(({

package/components/Icon/{index.6459c16b.js → index.a70c4729.js}

@@ -3,7 +3,7 @@ import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.4e3fd5fc.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.2dfc5445.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 const IconRoot = styled("div")(({

package/components/LanguagePopover/{index.6cfff34e.js → index.349d359c.js}

@@ -3,12 +3,12 @@ import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem }
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.6459c16b.js";
+import "../Icon/index.a70c4729.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.bb108329.js";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/IconButton/index.76624519.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -16,13 +16,13 @@ import "@mui/material/Button";
 import { I as ImageButton } from "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const LanguagePopoverRoot = styled("div")(({

package/components/ModalDialog/{index.cd00c1fc.js → index.302a87c9.js}

@@ -1,14 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.7abb5d0a.js";
-import { u as useModal } from "../../hooks/useModal/index.efa94032.js";
-import { R as ResizeableWindow } from "../Resizeable/index.9a9c79a4.js";
+import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
+import { R as ResizeableWindow } from "../Resizeable/index.676c96fe.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon } from "../Icon/index.6459c16b.js";
-import { useEnvironment } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { m as modalUtilityClasses } from "../modal/index.c997f1df.js";
+import { m as modalUtilityClasses } from "../modal/index.dbdb6ac0.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.e3be92cf.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.366cb775.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",
@@ -44,10 +41,6 @@ const ModalDialog = () => {
     variant
   } = useModal();
   const isDesktop = useResponsiveDesktop();
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
   const theme = useTheme();
   const classes = modalUtilityClasses({
     variant
@@ -74,10 +67,7 @@ const ModalDialog = () => {
       maxHeigth,
       handle: (resizeHandle, ref) => /* @__PURE__ */ jsx("div", {
         ref,
-        children: /* @__PURE__ */ jsx(Icon, {
-          src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.RESIZE}`,
-          className: `custom-handle custom-handle-${resizeHandle}`
-        })
+        className: `custom-handle custom-handle-${resizeHandle}`
       }, resizeHandle),
       children: contentComnponent
     }), !isDesktop && contentComnponent]

package/components/NavLink/{index.7f33ec07.js → index.8fe407ef.js}

@@ -2,26 +2,26 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.6459c16b.js";
+import "../Icon/index.a70c4729.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.bb108329.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

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

@@ -16,9 +16,8 @@ const Img = styled(Image)(() => ({
 const Label = styled("span")(({
   theme
 }) => ({
-  ...theme.typography.body2,
-  padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
-  color: theme.palette.text.primary
+  ...theme.typography.body,
+  padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`
 }));
 const WrapperSKTNoItemSelected = styled("div")(() => ({
   display: "flex",
@@ -64,14 +63,14 @@ function NoItemSelected(props) {
   return /* @__PURE__ */ jsx(WrapperNoItemSelected, {
     className: classes.root,
     children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
-      children: [!image ? /* @__PURE__ */ jsx(Img, {
-        src: defaultImage
-      }) : /* @__PURE__ */ jsx(Img, {
-        src: image
-      }), !message ? /* @__PURE__ */ jsx(Label, {
+      children: [!message ? /* @__PURE__ */ jsx(Label, {
         children: getLabel("no_item_selected.message")
       }) : /* @__PURE__ */ jsx(Label, {
         children: message
+      }), !image ? /* @__PURE__ */ jsx(Img, {
+        src: defaultImage
+      }) : /* @__PURE__ */ jsx(Img, {
+        src: image
       })]
     }) : /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, {
       id: "WrapperSKTNoItemSelected",

package/components/ObjectLogs/{index.253ca560.js → index.98d3400e.js}

@@ -1,48 +1,48 @@
 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.31c6039a.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.8c887df9.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.efa94032.js";
-import { I as Icon } from "../Icon/index.6459c16b.js";
+import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
+import { I as Icon } from "../Icon/index.a70c4729.js";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.c997f1df.js";
-import "../CommonActions/components/Actions/index.e3be92cf.js";
+import "../Resizeable/index.676c96fe.js";
+import "../modal/index.dbdb6ac0.js";
+import "../CommonActions/components/Actions/index.366cb775.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.bb108329.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.a5dab72c.js";
-import "../areas/components/AreasAdmin/index.3b358ff4.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.df370ebe.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../modal/WindowBase.84c1f7d7.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.cdc90c70.js";
+import { W as WindowBase } from "../modal/WindowBase.39a70f35.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.d2e7bdcc.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",