@m4l/components 0.1.76 → 0.1.77

package/components/GridLayout/utils.d.ts

@@ -0,0 +1,123 @@
+import { CompactType, Layout, LayoutItem, Position } from './types';
+export declare const noop: () => void;
+/**
+ * Return the bottom coordinate of the layout.
+ *
+ * @param  {Array} layout Layout array.
+ * @return {Number}       Bottom coordinate.
+ */
+export declare function bottom(layout: Layout, colapsedHeight: 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;
+/**
+ * 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;
+/**
+ * Given a layout, compact it. This involves going down each y coordinate and removing gaps
+ * between items.
+ *
+ * Does not modify layout items (clones). Creates a new layout array.
+ *
+ * @param  {Array} layout Layout.
+ * @param  {Boolean} verticalCompact Whether or not to compact the layout
+ *   vertically.
+ * @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;
+/**
+ * Get a layout item by ID. Used so we can override later on if necessary.
+ *
+ * @param  {Array}  layout Layout array.
+ * @param  {String} id     ID
+ * @return {LayoutItem}    Item at ID.
+ */
+export declare function getLayoutItem(layout: Layout, id: string): LayoutItem | undefined;
+/**
+ * Get all static elements.
+ * @param  {Array} layout Array of layout objects.
+ * @return {Array}        Array of static layout items..
+ */
+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>;
+/**
+ * Returns the first item this layout collides with.
+ * It doesn't appear to matter which order we approach this from, although
+ * perhaps that is the wrong thing to do.
+ *
+ * @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 modifyLayout(layout: Layout, layoutItem: LayoutItem): Layout;
+/**
+ * This is where the magic needs to happen - given a collision, move an element away from the collision.
+ * We attempt to move it up if there's room, otherwise it goes below.
+ *
+ * @param  {Array} layout            Full layout to modify.
+ * @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;
+/**
+ * Move an element. Responsible for doing cascading movements of other elements.
+ *
+ * Modifies layout items.
+ *
+ * @param  {Array}      layout            Full layout to modify.
+ * @param  {LayoutItem} l                 element to move.
+ * @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;
+/**
+ * Helper to convert a number to a percentage string.
+ *
+ * @param  {Number} num Any number
+ * @return {String}     That number as a percentage.
+ */
+export declare function perc(num: number): string;
+export declare function setTransform({ top, left, width, height }: Position): Record<string, any>;
+export declare function setTopLeft({ top, left, width, height }: Position): Record<string, any>;
+/**
+ * Sort layout items by row ascending and column ascending.
+ *
+ * Does not modify Layout.
+ */
+export declare function sortLayoutItemsByRowCol(layout: Layout): Layout;
+/**
+ * Sort layout items by column ascending then row ascending.
+ *
+ * Does not modify Layout.
+ */
+export declare function sortLayoutItemsByColRow(layout: Layout): Layout;
+/**
+ * Get layout items sorted from top left to right and down.
+ *
+ * @return {Array} Array of layout objects.
+ * @return {Array}        Layout, sorted static items first.
+ */
+export declare function sortLayoutItems(layout: Layout, compactType: CompactType): Layout;
+export declare function withLayoutItem(layout: Layout, itemKey: string, cb: (l: LayoutItem) => LayoutItem): [Layout, LayoutItem | undefined];
+/**
+ * Given a layout, make sure all elements fit within its bounds.
+ *
+ * Modifies layout items.
+ *
+ * @param  {Array} layout Layout array.
+ * @param  {Number} bounds Number of columns.
+ */
+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;

package/components/HelperText/{index.9864f773.js → index.ef31df1f.js}

@@ -1,22 +1,23 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.9dae8337.js";
+import "../Icon/index.ecb63e65.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.12b1339a.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.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/MenuActions/index.f5b1c022.js";
+import "../mui_extended/Pager/index.435af0df.js";
 import "../mui_extended/Tab/index.9e2f6e34.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/Icon/{index.9dae8337.js → index.ecb63e65.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.9e1a5b96.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.c5ce0bad.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.938c6675.js → index.0023d069.js}

@@ -3,22 +3,23 @@ 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.9dae8337.js";
+import "../Icon/index.ecb63e65.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.1a9d4fa5.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../mui_extended/Accordion/index.12b1339a.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.fdb5dcbd.js";
+import { I as ImageButton } from "../mui_extended/Button/index.4288f9fc.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/MenuActions/index.f5b1c022.js";
+import "../mui_extended/Pager/index.435af0df.js";
 import "../mui_extended/Tab/index.9e2f6e34.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/LinearProgressIndeterminate/{index.d34d398f.js → index.60dabc06.js}

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.008b4c2a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";

package/components/ModalDialog/{index.d9c5d400.js → index.d880e685.js}

@@ -1,62 +1,14 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.6d7949a3.js";
-import { u as useModal } from "../../hooks/useModal/index.7b7d26ba.js";
-import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.008b4c2a.js";
-import { R as ResizeableWindow } from "../Resizeable/index.f6e48e56.js";
+import { c as cjs } from "../../react-draggable.7abb5d0a.js";
+import { u as useModal } from "../../hooks/useModal/index.de522a10.js";
+import { R as ResizeableWindow } from "../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon } from "../Icon/index.9dae8337.js";
+import { I as Icon } from "../Icon/index.ecb63e65.js";
 import { useEnvironment } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.19cde4b4.js";
-import { m as modalUtilityClasses } from "../modal/index.1b25b61d.js";
+import { I as ICONS } from "../areas/icons.8266ccc8.js";
+import { m as modalUtilityClasses } from "../modal/index.a0978193.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.e376a68e.js";
-const Container = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden",
-  padding: theme.spacing(3)
-}));
-styled("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  minHeight: theme.spacing(5),
-  borderBottom: `1px solid ${theme.palette.divider}`,
-  overflow: "hidden"
-}));
-styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "row",
-  flexGrow: 1,
-  alignItems: "center",
-  cursor: "move",
-  ...theme.typography.subtitle1,
-  color: theme.palette.text.primary
-}));
-styled("div")(({ theme, variant }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  marginRight: theme.spacing(1.5),
-  "& > span": {
-    background: getThemeVariantColor(theme, variant)
-  }
-}));
-styled("div")(() => ({
-  flexGrow: 1,
-  position: "relative",
-  overflow: "auto"
-}));
-styled("div")(({ theme, variant }) => ({
-  ...theme.typography.subtitle1,
-  color: getThemeVariantColor(theme, variant),
-  width: "100%",
-  whiteSpace: "nowrap",
-  textOverflow: "ellipsis",
-  overflow: "hidden"
-}));
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.3eba9d91.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",
@@ -100,7 +52,7 @@ const ModalDialog = () => {
   const classes = modalUtilityClasses({
     variant
   });
-  const contentComnponent = /* @__PURE__ */ jsx(Container, {
+  const contentComnponent = /* @__PURE__ */ jsx("div", {
     className: classes.containerWindow,
     children: typeof window === "function" ? window() : window
   });

package/components/NavLink/{index.21c8fd90.js → index.cd92eceb.js}

@@ -2,22 +2,23 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.9dae8337.js";
+import "../Icon/index.ecb63e65.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.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.12b1339a.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.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/MenuActions/index.f5b1c022.js";
+import "../mui_extended/Pager/index.435af0df.js";
 import "../mui_extended/Tab/index.9e2f6e34.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/ObjectLogs/{index.a2709fc2.js → index.f174c542.js}

@@ -1,46 +1,46 @@
 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.ffaf000e.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.545b492f.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.7b7d26ba.js";
-import { I as Icon } from "../Icon/index.9dae8337.js";
-import "../../react-draggable.6d7949a3.js";
-import "../ModalDialog/index.d9c5d400.js";
-import "../Resizeable/index.f6e48e56.js";
-import "../modal/index.1b25b61d.js";
-import "../CommonActions/components/Actions/index.e376a68e.js";
+import { u as useModal } from "../../hooks/useModal/index.de522a10.js";
+import { I as Icon } from "../Icon/index.ecb63e65.js";
+import "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
+import "../modal/index.a0978193.js";
+import "../CommonActions/components/Actions/index.3eba9d91.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.f0397b7c.js";
-import "../areas/components/AreasAdmin/index.946eebb9.js";
+import "../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../areas/components/AreasAdmin/index.cc4cbf56.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.12b1339a.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/MenuActions/index.f5b1c022.js";
+import "../mui_extended/Pager/index.435af0df.js";
 import "../mui_extended/Tab/index.9e2f6e34.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.bf4191ea.js";
-import "../LinearProgressIndeterminate/index.d34d398f.js";
+import "../areas/components/AreasViewer/index.9c2aaaeb.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.7acb9f1d.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.d7c03a61.js";
+import { W as WindowBase } from "../modal/WindowBase.850ea31a.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.d7be0f37.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.5e1bc99f.js → index.1bd86ee5.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.9dae8337.js";
+import { I as Icon } from "../Icon/index.ecb63e65.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.526791a3.js → index.711db043.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.9dae8337.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.e376a68e.js";
+import { I as Icon } from "../Icon/index.ecb63e65.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.3eba9d91.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.699f95fa.js";
-import "../../react-draggable.6d7949a3.js";
-import "../ModalDialog/index.d9c5d400.js";
-import "../Resizeable/index.f6e48e56.js";
+import "../../contexts/ModalContext/index.dee85a61.js";
+import "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../modal/index.1b25b61d.js";
+import "../modal/index.a0978193.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../mui_extended/Accordion/index.12b1339a.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/Badge/index.8c2b8b66.js";
 import "@mui/lab";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/MenuActions/index.f5b1c022.js";
+import "../mui_extended/Pager/index.435af0df.js";
 import "../mui_extended/Tab/index.9e2f6e34.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.f0397b7c.js";
-import "../areas/components/AreasAdmin/index.946eebb9.js";
+import "../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../areas/components/AreasAdmin/index.cc4cbf56.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.bf4191ea.js";
-import "../LinearProgressIndeterminate/index.d34d398f.js";
+import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
@@ -95,14 +95,13 @@ var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
   ETimePeriods2[ETimePeriods2["DAYS"] = 2] = "DAYS";
   return ETimePeriods2;
 })(ETimePeriods || {});
-const PERIOD_FORMATTER_DICTIONARY_KEY = `period_formatter`;
 const dictionary = {
-  LABEL_YEARS: `${PERIOD_FORMATTER_DICTIONARY_KEY}.label_years`,
-  LABEL_MONTHS: `${PERIOD_FORMATTER_DICTIONARY_KEY}.label_months`,
-  LABEL_DAYS: `${PERIOD_FORMATTER_DICTIONARY_KEY}.label_days`
+  LABEL_YEARS: "period.label_years",
+  LABEL_MONTHS: "period.label_months",
+  LABEL_DAYS: "period.label_days"
 };
 function getPeriodComponetsDictionary() {
-  return ["dictionary"].concat(getCommonActionsDictionary());
+  return ["period"].concat(getCommonActionsDictionary());
 }
 const componentName = "M4LPeriod";
 generateUtilityClasses(componentName, [
@@ -231,7 +230,7 @@ const Period = (props) => {
           children: /* @__PURE__ */ jsx(Typography, {
             variant: "body",
             skeletonWidth: "50%",
-            children: value.selPeriodTime
+            children: value.selPeriodTime === 0 ? getLabel(dictionary.LABEL_YEARS) : value.selPeriodTime === 1 ? getLabel(dictionary.LABEL_MONTHS) : value.selPeriodTime === 2 ? getLabel(dictionary.LABEL_DAYS) : null
           })
         }), /* @__PURE__ */ jsx(Gap, {
           className: classes.gap,

package/components/Resizeable/{index.f6e48e56.js → index.9a9c79a4.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.b6f8e04a.js";
+import { a as ResizableBox } from "../../react-resizable.ba08699a.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.9e1a5b96.js → index.c5ce0bad.js}

@@ -3,17 +3,17 @@ 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.1a9d4fa5.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fc5b7c2d.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.9dae8337.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.ecb63e65.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 { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.008b4c2a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -850,8 +850,8 @@ const ContentDesktop = () => {
           [TEST_PROP_ID]: getNameDataTestId("containerLogo")
         } : {},
         children: [/* @__PURE__ */ jsx(Image, {
-          width: "40px",
-          height: "40px",
+          width: "60px",
+          height: "60px",
           src: companyLogoSmallUrl,
           alt: "logo"
         }, "Logo"), /* @__PURE__ */ jsx(Typography, {

package/components/areas/components/AreasAdmin/classes/index.d.ts

@@ -1,5 +1,5 @@
 import { AreasAdmninClasses } from './types';
 import { OwnerState } from '../../../contexts/AreasContext/types';
 export declare const areasAdminClasses: AreasAdmninClasses;
-export declare const useAreasAdminUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaChipRoot" | "areaIconLayer" | "areaContainerChips" | "areaEditPopover" | "areaChipMobileRoot" | "areaChipMobileIconContainer" | "areaChipTitle" | "areaContainerChipEditButton" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton", string>;
+export declare const useAreasAdminUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaChipRoot" | "areaIconLayer" | "areaContainerChips" | "areaEditPopover" | "areaChipMobileRoot" | "areaChipMobileIconContainer" | "areaChipTitle" | "areaContainerChipEditButton" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton" | "areasPopoverMobileOptions" | "areasPopoverListWindows", string>;
 export declare type AdminClasses = ReturnType<typeof useAreasAdminUtilityClasses>;

package/components/areas/components/AreasAdmin/classes/types.d.ts

@@ -11,6 +11,8 @@ export interface AreasAdmninClasses {
     areaChipDeleteButton: string;
     areaChipEditButton: string;
     areasAddButton: string;
+    areasPopoverMobileOptions: string;
+    areasPopoverListWindows: string;
     selected: string;
     isMobile: string;
     disabled: string;