@m4l/components 0.1.80 → 0.1.82

package/components/GridLayout/types.d.ts

@@ -118,6 +118,7 @@ export interface LayoutItem extends BaseLayoutItem {
     static?: boolean | undefined;
     /**
      * If false, will not be draggable. Overrides `static`.
+     * Valor por defecto: True
      */
     isDraggable?: boolean | undefined;
     /**
@@ -131,11 +132,56 @@ export interface LayoutItem extends BaseLayoutItem {
     resizeHandles?: ResizeHandle[] | undefined;
     /**
      * If true and draggable, item will be moved only within grid.
+     * valor por defecto: False
      */
     isBounded?: boolean | undefined;
 }
-export declare type LayoutNotReadOnly = Array<LayoutItem>;
+/**
+ * GridLayoutState utilizado para saber si se está en draggin y si el componente ya se renderizó por primera vez
+ */
+export declare type GridLayoutState = {
+    /**
+     * "activeDrag" si es diferente a undefined es el layoutItem del placeHolder
+     */
+    activeDrag?: LayoutItem;
+    /**
+     * "mounted" si ya se renderizó por primera vez, se detecta con useEffect
+     */
+    mounted: boolean;
+};
+/**
+ * "GridLayoutRefState" Debido a la limitación de React de no poder obtener el valor de las variables en
+ * las funciones que  useCallback, se debe hacer una copia a un ref para poder obtener el último valor de estado.
+ */
+export declare type GridLayoutRefState = {
+    /**
+     * "layout" se guarda el layout actual con los cambios durante el resizing y/o dragging
+     */
+    layout: Layout;
+    /**
+     * "activeDrag" placeHolder mientras se esta moviendo o haciendo resizing
+     */
+    activeDrag?: LayoutItem;
+    /**
+     * "oldDragItem" snapshot de layoutItem cuando inicia el dragging
+     */
+    oldDragItem?: LayoutItem;
+    /**
+     * "oldLayout" snapshot del layout cuando se inicia el drag o el resize
+     */
+    oldLayout?: Layout;
+    /**
+     * "oldResizeItem" snapshot de layoutItem cuando inicia el resizzing
+     */
+    oldResizeItem?: LayoutItem;
+    zIndexes: string[];
+};
 export declare type Layout = Array<LayoutItem>;
+/** Tipos de datos para el responsive que es nec */
+export declare type Breakpoint = string;
+export interface Layouts {
+    [P: Breakpoint]: Layout;
+}
 export declare type CompactType = 'horizontal' | 'vertical' | null;
 export declare type EventCallback = (layout: Layout, oldItem: LayoutItem | undefined, newItem: LayoutItem, placeholder: LayoutItem | undefined, event: DraggableEvent | SyntheticEvent, element: HTMLElement) => void;
 export declare type LayoutItemType = 'placeholder' | 'layoutItem';
@@ -145,6 +191,16 @@ export declare type LayoutItemRenderProps = {
 };
 export declare type LayoutItemRender = (props: LayoutItemRenderProps) => JSX.Element;
 export interface CoreProps {
+    /**
+     * "layoutItemRender" función encargada de renderizar los gridItems
+     *  No es reactiva al cambio. Con la función que se inicia el componente
+     *
+     * */
+    layoutItemRender: LayoutItemRender;
+    /**
+     * Indica cual layout se va a maximizar
+     */
+    maximizeId?: string | undefined;
     /**
      * The classname to add to the root element.
      */
@@ -156,15 +212,18 @@ export interface CoreProps {
     /**
      * This allows setting the initial width on the server side.
      * This is required unless using the HOC <WidthProvider> or similar.
+     * Requerido para hacer maxización y cuando se redimensiona las ventanas, permite modificar
+     * el ancho de columna cambia
      */
-    width?: number | undefined;
+    containerWidth?: number | undefined;
     /**
-     * This allows setting the initial heigth on the server side.
      * This is required unless using the HOC <WidthProvider> or similar.
+     * Requerido para hacer maxización del GridItem
      */
-    height?: number | undefined;
+    containerHeight?: number | undefined;
     /**
      * If true, the container height swells and contracts to fit contents.
+     * Valor por defecto: false
      */
     autoSize?: boolean | undefined;
     /**
@@ -172,6 +231,7 @@ export interface CoreProps {
      * For example: `draggableCancel: '.MyNonDraggableAreaClassName'`
      * If you forget the leading. it will not work.
      * "".react-resizable-handle" is always prepended to this value.
+     * Valor por defecto:
      */
     draggableCancel?: string | undefined;
     /**
@@ -182,14 +242,17 @@ export interface CoreProps {
     draggableHandle?: string | undefined;
     /**
      * Compaction type.
+     * Valor por defecto: 'vertical'
      */
     compactType?: CompactType;
     /**
-     * Rows have a static height, but you can change this based on breakpoints if you like.
+     * Rows have a static height in pixles, but you can change this based on breakpoints if you like.
+     * Valor por defecto: 150'
      */
     rowHeight?: number | undefined;
     /**
-     * Altura cuando está colapsado
+     * Altura cuando está colapsado en pixels
+     * Valor inicial: 35
      */
     colapsedHeight?: number;
     /**
@@ -237,10 +300,12 @@ export interface CoreProps {
     transformScale?: number | undefined;
     /**
      * If true, grid can be placed one over the other.
+     * Valor por defecto: false
      */
     allowOverlap?: boolean | undefined;
     /**
      * If true, grid items won't change position when being dragged over.
+     * Valor por defecto: false
      */
     preventCollision?: boolean | undefined;
     /**
@@ -253,6 +318,7 @@ export interface CoreProps {
      * along with `draggable={true}` otherwise this feature will work incorrect.
      * onDragStart attribute is required for Firefox for a dragging initialization
      * @see https://bugzilla.mozilla.org/show_bug.cgi?id=568313
+     * ****** No implementado aún *************
      */
     isDroppable?: boolean | undefined;
     /**
@@ -304,6 +370,7 @@ export interface CoreProps {
      * Calls when an element is being dragged over the grid from outside as above.
      * This callback should return an object to dynamically change the droppingItem size
      * Return false to short-circuit the dragover
+     * ****** No implementado aún *************
      */
     onDropDragOver?(e: any): {
         w?: number;
@@ -312,23 +379,26 @@ export interface CoreProps {
     /**
      * Ref for getting a reference for the grid's wrapping div.
      * You can use this instead of a regular ref and the deprecated `ReactDOM.findDOMNode()`` function.
+     * Importante: Referencia al Div del grid layout, para observar los cambios de altura y ancho con useResizeObserver
+     *
      */
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export interface GridLayoutProps extends CoreProps {
-    layoutItemRender: LayoutItemRender;
     /**
-     * Number of columns in this layout.
+     * Number of columns in this layout, si no se proporciona 12
+     * No hace parte de CoreProps porque en resposive cambia el tipo de de dato
      */
     cols?: number | undefined;
     /**
-     * containerMargin between items `[x, y]` in px.
+     * "margin": Indica la margen que va a haber entre gridItems en px [x,y]
      */
-    containerMargin?: Margin;
+    margin?: Margin;
     /**
      * Padding inside the container `[x, y]` in px.
+     * Si no se establece se usa containerMargin por defecto
      */
-    containerPadding?: [number, number] | undefined;
+    containerPadding?: Margin;
     /**
      * Layout is an array of object with the format:
      *
@@ -340,13 +410,8 @@ export interface GridLayoutProps extends CoreProps {
      *
      * `{i: string, x: number, y: number, w: number, h: number}`
      *
-     * If not provided, use data-grid props on children.
-     */
-    layout?: Layout | undefined;
-    /**
-     * Indica cual ventana se va a maximizar
-     */
-    maximizeId?: string | undefined;
+     **/
+    layout: Layout;
     /**
      * Callback so you can save the layout.
      * Calls back with (currentLayout) after every drag or resize stop.

package/components/GridLayout/utils.d.ts

@@ -1,4 +1,4 @@
-import { CompactType, Layout, LayoutItem, Position } from './types';
+import { CompactType, Layout, LayoutItem, Layouts, Position } from './types';
 export declare const noop: () => void;
 /**
  * Return the bottom coordinate of the layout.
@@ -6,20 +6,20 @@ export declare const noop: () => void;
  * @param  {Array} layout Layout array.
  * @return {Number}       Bottom coordinate.
  */
-export declare function bottom(layout: Layout, colapsedHeight: number): number;
+export declare function bottom(layout: Layout, colapsedHeight: number, rowHeight: number): number;
 export declare function cloneLayoutItem(layoutItem: LayoutItem, layoutItemReplaceProps?: Partial<Exclude<LayoutItem, 'i'>>): LayoutItem;
 export declare function cloneLayout(layout: Layout, layoutItemReplaceProps?: Partial<Exclude<LayoutItem, 'i'>>): Layout;
 /**
  * Given two layoutitems, check if they collide.
  */
-export declare function collides(l1: LayoutItem, l2: LayoutItem, colapsedHeight: number): boolean;
+export declare function collides(l1: LayoutItem, l2: LayoutItem, colapsedHeight: number, rowHeight: number): boolean;
 /**
  * Compact an item in the layout.
  *
  * Modifies item.
  *
  */
-export declare function compactItem(compareWith: Layout, l: LayoutItem, compactType: CompactType, cols: number, fullLayout: Layout, colapsedHeight: number, allowOverlap?: boolean): LayoutItem;
+export declare function compactItem(compareWith: Layout, l: LayoutItem, compactType: CompactType, cols: number, fullLayout: Layout, colapsedHeight: number, rowHeight: number, allowOverlap?: boolean): LayoutItem;
 /**
  * Given a layout, compact it. This involves going down each y coordinate and removing gaps
  * between items.
@@ -32,7 +32,7 @@ export declare function compactItem(compareWith: Layout, l: LayoutItem, compactT
  * @param  {Boolean} allowOverlap When `true`, allows overlapping grid items.
  * @return {Array}       Compacted Layout.
  */
-export declare function compact(layout: Layout, compactType: CompactType, cols: number, colapsedHeight: number, allowOverlap?: boolean): Layout;
+export declare function compact(layout: Layout, compactType: CompactType, cols: number, colapsedHeight: number, rowHeight: number, allowOverlap?: boolean): Layout;
 /**
  * Get a layout item by ID. Used so we can override later on if necessary.
  *
@@ -48,7 +48,7 @@ export declare function getLayoutItem(layout: Layout, id: string): LayoutItem |
  */
 export declare function getStatics(layout: Layout): Array<LayoutItem>;
 export declare function fastPositionEqual(a: Position, b: Position): boolean;
-export declare function getAllCollisions(layout: Layout, layoutItem: LayoutItem, colapsedHeight: number): Array<LayoutItem>;
+export declare function getAllCollisions(layout: Layout, layoutItem: LayoutItem, colapsedHeight: number, rowHeight: number): Array<LayoutItem>;
 /**
  * Returns the first item this layout collides with.
  * It doesn't appear to matter which order we approach this from, although
@@ -57,7 +57,7 @@ export declare function getAllCollisions(layout: Layout, layoutItem: LayoutItem,
  * @param  {Object} layoutItem Layout item.
  * @return {Object|undefined}  A colliding layout item, or undefined.
  */
-export declare function getFirstCollision(layout: Layout, layoutItem: LayoutItem, colapsedHeight: number): LayoutItem | undefined;
+export declare function getFirstCollision(layout: Layout, layoutItem: LayoutItem, colapsedHeight: number, rowHeight: number): LayoutItem | undefined;
 export declare function modifyLayout(layout: Layout, layoutItem: LayoutItem): Layout;
 /**
  * This is where the magic needs to happen - given a collision, move an element away from the collision.
@@ -67,7 +67,7 @@ export declare function modifyLayout(layout: Layout, layoutItem: LayoutItem): La
  * @param  {LayoutItem} collidesWith Layout item we're colliding with.
  * @param  {LayoutItem} itemToMove   Layout item we're moving.
  */
-export declare function moveElementAwayFromCollision(layout: Layout, collidesWith: LayoutItem, itemToMove: LayoutItem, isUserAction: boolean, compactType: CompactType, cols: number, colapsedHeight: number): Layout;
+export declare function moveElementAwayFromCollision(layout: Layout, collidesWith: LayoutItem, itemToMove: LayoutItem, isUserAction: boolean, compactType: CompactType, cols: number, colapsedHeight: number, rowHeight: number): Layout;
 /**
  * Move an element. Responsible for doing cascading movements of other elements.
  *
@@ -78,7 +78,7 @@ export declare function moveElementAwayFromCollision(layout: Layout, collidesWit
  * @param  {Number}     [x]               X position in grid units.
  * @param  {Number}     [y]               Y position in grid units.
  */
-export declare function moveElement(layout: Layout, l: LayoutItem, x: number | undefined, y: number | undefined, isUserAction: boolean, preventCollision: boolean, compactType: CompactType, cols: number, colapsedHeight: number, allowOverlap: boolean): Layout;
+export declare function moveElement(layout: Layout, l: LayoutItem, x: number | undefined, y: number | undefined, isUserAction: boolean, preventCollision: boolean, compactType: CompactType, cols: number, colapsedHeight: number, rowHeight: number, allowOverlap: boolean): Layout;
 /**
  * Helper to convert a number to a percentage string.
  *
@@ -118,6 +118,9 @@ export declare function withLayoutItem(layout: Layout, itemKey: string, cb: (l:
  */
 export declare function correctBounds(layout: Layout, bounds: {
     cols: number;
-}, colapsedHeight: number): Layout;
-export declare function getH(h: number, colapsedHeight: number, colapsed?: boolean): number;
-export declare function getLayoutItemH(layoutItem: LayoutItem, colapsedHeight: number): number;
+}, colapsedHeight: number, rowHeight: number): Layout;
+export declare function getH(h: number, colapsedHeight: number, rowHeight: number, colapsed?: boolean): number;
+export declare function getLayoutItemH(layoutItem: LayoutItem, colapsedHeight: number, rowHeight: number): number;
+export declare function isEqualLayoutItem(layoutA: LayoutItem, layoutB: LayoutItem): boolean;
+export declare function isEqualLayout(layoutA: Layout, layoutB: Layout): boolean;
+export declare function isEqualLayouts(layoutsA: Layouts, layoutsB: Layouts): boolean;

package/components/HelperText/{index.6ef76993.js → index.6c3adb40.js}

@@ -1,25 +1,25 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/Accordion/index.42cef1c7.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.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const HelperTextRoot = styled("div")(({

package/components/Icon/{index.9fcd1476.js → index.2414ff25.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.2f497e6c.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.72564ef2.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.1564bd08.js → index.66e11634.js}

@@ -3,25 +3,25 @@ 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.9fcd1476.js";
+import "../Icon/index.2414ff25.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.12f1a3c3.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { I as ImageButton } from "../mui_extended/Button/index.4288f9fc.js";
+import { I as ImageButton } from "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const LanguagePopoverRoot = styled("div")(({

package/components/ModalDialog/{index.fbc4cd71.js → index.4dc1c8ed.js}

@@ -1,14 +1,14 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.7abb5d0a.js";
-import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
+import { u as useModal } from "../../hooks/useModal/index.9b0cc3fe.js";
 import { R as ResizeableWindow } from "../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon } from "../Icon/index.9fcd1476.js";
+import { I as Icon } from "../Icon/index.2414ff25.js";
 import { useEnvironment } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { m as modalUtilityClasses } from "../modal/index.b0a7236c.js";
+import { m as modalUtilityClasses } from "../modal/index.e9fece72.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.19d67bc6.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.5abb6ac4.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NavLink/{index.6c9c2588.js → index.5859e048.js}

@@ -2,25 +2,25 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.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.12f1a3c3.js";
+import "../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/Accordion/index.42cef1c7.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.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

package/components/ObjectLogs/{index.eab1c15f.js → index.51de2deb.js}

@@ -1,29 +1,29 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.2f175eba.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.03ad08af.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 { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
-import { I as Icon } from "../Icon/index.9fcd1476.js";
+import { u as useModal } from "../../hooks/useModal/index.9b0cc3fe.js";
+import { I as Icon } from "../Icon/index.2414ff25.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.b0a7236c.js";
-import "../CommonActions/components/Actions/index.19d67bc6.js";
+import "../modal/index.e9fece72.js";
+import "../CommonActions/components/Actions/index.5abb6ac4.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/IconButton/index.a318316e.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0a08a08b.js";
-import "../areas/components/AreasAdmin/index.7a0dabbe.js";
+import "../areas/contexts/AreasContext/index.9820bc7f.js";
+import "../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -31,17 +31,17 @@ import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.fd49f06c.js";
+import "../areas/components/AreasViewer/index.51a52736.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.7e19843e.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.c1f9d560.js";
+import { W as WindowBase } from "../modal/WindowBase.4016485b.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.9b72180b.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",

package/components/PaperForm/{index.ba38a0bd.js → index.f931dc02.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.9fcd1476.js";
+import { I as Icon } from "../Icon/index.2414ff25.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.26071a16.js → index.4fd9df2a.js}

@@ -1,38 +1,38 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.9fcd1476.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.19d67bc6.js";
+import { I as Icon } from "../Icon/index.2414ff25.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.5abb6ac4.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.89805978.js";
+import "../../contexts/ModalContext/index.efc1135a.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../modal/index.b0a7236c.js";
+import "../modal/index.e9fece72.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.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.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0a08a08b.js";
-import "../areas/components/AreasAdmin/index.7a0dabbe.js";
+import "../areas/contexts/AreasContext/index.9820bc7f.js";
+import "../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.fd49f06c.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../areas/components/AreasViewer/index.51a52736.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/PropertyValue/{index.18d3c0fd.js → index.1b09f426.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.f57d47a7.js";
+import { g as getNameDataTestId } from "../../vendor.88ed58a5.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";

package/components/ScrollBar/{index.bbe48f4d.js → index.d4410cb5.js}

@@ -38,6 +38,11 @@ const SimpleBarStyle = styled(SimpleBarReact)(({
   "& .simplebar-content": {
     display: "flex",
     height: "100%"
+  },
+  '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] ': {
+    "& .simplebar-content": {
+      marginRight: "20px"
+    }
   }
 }));
 function ScrollBar({

package/components/SideBar/{index.2f497e6c.js → index.72564ef2.js}

@@ -3,14 +3,14 @@ import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a318316e.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.9fcd1476.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.2414ff25.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
+import { S as ScrollBar } from "../ScrollBar/index.d4410cb5.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
@@ -436,7 +436,8 @@ const NavSubItemContent = (props) => {
     openSub
   } = props;
   const {
-    title
+    title,
+    icon_url
   } = item;
   const {
     isItemActive,
@@ -446,6 +447,10 @@ const NavSubItemContent = (props) => {
   const active = isItemActive(item);
   const isDesktop = useResponsiveDesktop();
   const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const handlerClick = () => {
     onClick(item);
     if (!hasChildren || hasChildren === void 0) {
@@ -463,8 +468,8 @@ const NavSubItemContent = (props) => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("navSubItemContentRoot")
     } : {},
-    children: [/* @__PURE__ */ jsx("div", {
-      className: classes.navSubItemContentBullet
+    children: [/* @__PURE__ */ jsx(Icon, {
+      src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon_url}`
     }), /* @__PURE__ */ jsx(Typography, {
       variant: "body",
       children: title

package/components/animate/AnimatedScroll/animatedScroll.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AnimatedScrollProps } from './types';
+export declare const AnimatedScroll: (props: AnimatedScrollProps) => import("react").JSX.Element;

package/components/animate/AnimatedScroll/index.d.ts

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