@m4l/components 0.1.87 → 0.1.89

package/components/DataGrid/subcomponents/Actions/{index.080e8c7d.js → index.895fc73f.js}

@@ -1,48 +1,48 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.c53370f6.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.c348b106.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.4c2e48d4.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.8c887df9.js";
 import { useTheme, Checkbox, Skeleton } from "@mui/material";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.d6c87c44.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.ac2a21f0.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
 import { styled } from "@mui/material/styles";
-import { u as useModal } from "../../../../hooks/useModal/index.caaeaddd.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e66f9b5f.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.33892c01.js";
+import { u as useModal } from "../../../../hooks/useModal/index.6457198c.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.ffc5618a.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.81d2648b.js";
 import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.9a9c79a4.js";
+import "../../../Resizeable/index.676c96fe.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../Icon/index.435df215.js";
-import "clsx";
-import "../../../modal/index.8d846036.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.018d4c62.js";
+import "../../../modal/index.dbdb6ac0.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.366cb775.js";
 import "react-hook-form";
 import "@mui/material/Button";
 import "../../../mui_extended/Button/index.f79eb74e.js";
+import "clsx";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.060aa7b0.js";
-import "../../../areas/components/AreasAdmin/index.f0fd024a.js";
+import "../../../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../../../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.65bb2930.js";
-import "../../../mui_extended/Accordion/index.1d182a0e.js";
+import "../../../mui_extended/Accordion/index.0e0090ca.js";
+import "../../../Icon/index.a70c4729.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/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.8592b93c.js";
+import "../../../mui_extended/Tab/index.3db2e0c7.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.6c28b2c0.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.f568bcac.js";
+import { W as WindowBase } from "../../../modal/WindowBase.39a70f35.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {
@@ -121,9 +121,9 @@ styled("div")(({ theme }) => ({
   fontSize: theme.typography.h4.fontSize
 }));
 const DivSelColumns = styled("div")(({ theme }) => ({
-  ...theme.typography.subtitle2,
+  ...theme.typography.bodyDens,
   color: theme.palette.text.primary,
-  padding: `${theme.spacing(3)} ${theme.spacing(1)}`
+  padding: `16px 8px`
 }));
 const WrapperDataGrid = styled("div")(() => ({
   position: "relative",
@@ -136,8 +136,9 @@ styled("div")(() => ({
   display: "flex",
   flexDirection: "row"
 }));
-const ColumnActions = styled("div")(({ theme }) => ({
-  paddingTop: theme.spacing(3),
+const ColumnActions = styled("div")(() => ({
+  paddingTop: "16px",
+  paddingBottom: "8px",
   display: "flex",
   flexDirection: "row"
 }));
@@ -458,6 +459,7 @@ function Settings() {
       fullScreen: !isDesktop ? true : false,
       window: /* @__PURE__ */ jsxs(WindowBase, {
         title: getLabel("data_grid.settings_title"),
+        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
         children: [/* @__PURE__ */ jsx(DataGridRoot, {
           className: classes.root,
           children: /* @__PURE__ */ jsx("div", {

package/components/DynamicFilter/dictionary.d.ts

@@ -3,8 +3,8 @@ export declare function getDynamicFilterComponentsDictionary(): string[];
 export declare const LABEL_FILTER_BUTTON = "filter_tooltip";
 export declare const DICCTIONARY: {
     readonly input_placeholder: "input_placeholder";
-    readonly operand_true: "true";
-    readonly operand_false: "false";
+    readonly operand_true: "operand_true";
+    readonly operand_false: "operand_false";
     readonly filter_tooltip_refresh: "filter_tooltip_refresh";
     readonly filter_tooltip_dirty: "filter_tooltip_dirty";
     readonly filter_tooltip_invalid: "filter_tooltip_invalid";
@@ -27,6 +27,10 @@ export declare const DICCTIONARY: {
     readonly label_operand2_number: "label_operand2_number";
     readonly label_operator_string: "label_operator_string";
     readonly label_operand1_string: "label_operand1_string";
+    readonly operator_required: "operator_required";
+    readonly error_invalid_date: "error_invalid_date";
+    readonly error_less_than_start: "error_less_than_start";
+    readonly error_operand_required: "error_operand_required";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;
 export declare const getDynamicFilterDictionary: (key: keyof TypeDictionary) => string;

package/components/DynamicFilter/{index.20ee6e21.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.d88a3f2e.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.15beabcd.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.c53370f6.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.435df215.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.018d4c62.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e66f9b5f.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.33892c01.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.9fb8e0a2.js";
+import "../../contexts/ModalContext/index.1fc9f5d9.js";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.8d846036.js";
+import "../Resizeable/index.676c96fe.js";
+import "../modal/index.dbdb6ac0.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/Accordion/index.1d182a0e.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.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.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.060aa7b0.js";
-import "../areas/components/AreasAdmin/index.f0fd024a.js";
-import "../areas/components/AreasViewer/index.6c28b2c0.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.f4eb65ce.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.5c23bd25.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.8ecce8fd.js";
-import "../hook-form/RHFCheckbox/index.45b6ee0b.js";
-import "../HelperText/index.d00b45e5.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.802fb228.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.75129118.js";
-import "../hook-form/RHFPeriod/index.6395b24a.js";
-import "../Period/index.83b88249.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.fead1c63.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.d00b45e5.js → index.69791151.js}

@@ -1,26 +1,26 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.435df215.js";
+import "../Icon/index.a70c4729.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.1d182a0e.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.c53370f6.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.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.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.435df215.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.387a2fa1.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.3f25054a.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.435df215.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.d88a3f2e.js";
-import "../mui_extended/Accordion/index.1d182a0e.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.c53370f6.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.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.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.df9b1e97.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.caaeaddd.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.435df215.js";
-import { useEnvironment } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { m as modalUtilityClasses } from "../modal/index.8d846036.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.018d4c62.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]