@m4l/components 0.1.76 → 0.1.78

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.a019742c.js}

@@ -1,23 +1,24 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.9dae8337.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.9877f7bf.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/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const HelperTextRoot = styled("div")(({

package/components/Icon/{index.9dae8337.js → index.9fcd1476.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.2f497e6c.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.98b63dcb.js}

@@ -3,23 +3,24 @@ 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.9fcd1476.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.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.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 "../mui_extended/MenuActions/index.43a2e1ae.js";
 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/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const LanguagePopoverRoot = styled("div")(({

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.d9937d46.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.8e85f7ae.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.9fcd1476.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.00efea85.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.52125041.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.a5dea6d3.js}

@@ -2,23 +2,24 @@ 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.9fcd1476.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.12f1a3c3.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.9877f7bf.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/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

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

@@ -1,46 +1,47 @@
 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.9fb3e6a1.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.8e85f7ae.js";
+import { I as Icon } from "../Icon/index.9fcd1476.js";
+import "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
+import "../modal/index.00efea85.js";
+import "../CommonActions/components/Actions/index.52125041.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.12f1a3c3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.f0397b7c.js";
-import "../areas/components/AreasAdmin/index.946eebb9.js";
+import "../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.9877f7bf.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/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.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.14e62059.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.a0c0b322.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.d1a2e2d1.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -164,7 +165,8 @@ function DetailFormatter(props) {
 function ObjectLogs(props) {
   const {
     resource_id,
-    object_id
+    object_id,
+    dataTestId = ""
   } = props;
   const {
     getLabel
@@ -243,6 +245,9 @@ function ObjectLogs(props) {
     Refresh();
   };
   return /* @__PURE__ */ jsxs(Container$1, {
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: `m4ldatagrid-${dataTestId}`
+    } : {},
     children: [/* @__PURE__ */ jsx(Actions, {
       id: "objectLogsActions",
       children: /* @__PURE__ */ jsx(DynamicFilter, {
@@ -284,6 +289,7 @@ function ObjectLogs(props) {
       id: "GridWrapper",
       children: /* @__PURE__ */ jsx(DataGrid, {
         id: "users_logs_list",
+        dataTestId,
         columns,
         rows,
         rowKeyGetter: (row) => row.id,

package/components/ObjectLogs/types.d.ts

@@ -11,6 +11,7 @@ export interface RowLog {
 export interface LogsProps {
     resource_id: number;
     object_id: Maybe<number>;
+    dataTestId?: string;
 }
 export interface QueryParams extends LogsProps, Record<string, unknown> {
 }

package/components/PaperForm/{index.5e1bc99f.js → index.ba38a0bd.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.9fcd1476.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.7b94c418.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.9fcd1476.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.52125041.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.e9a7ba4a.js";
+import "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../modal/index.1b25b61d.js";
+import "../modal/index.00efea85.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.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.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/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.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.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.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.14e62059.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/PropertyValue/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const COMPONENT_PREFIX = "m4l-property-value";
+export declare const PREFIX_TEST_ATTRIBUTE = "data-testid";
+export declare const TEST_PROPS_DATA: string;

package/components/PropertyValue/{index.8a1adf3e.js → index.45c73161.js}

@@ -1,6 +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.e353394b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
@@ -83,18 +84,17 @@ const SKTWrapperProperty = styled("div")(() => ({
   display: "flex",
   justifyContent: "flex-end"
 }));
-const ICON_PREFIX = "M4LPropertyValue";
-const getNamePropertyValueDataTestId = (KEY) => {
-  return `${ICON_PREFIX}-${KEY}`;
-};
+const COMPONENT_PREFIX = "m4l-property-value";
+const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
 function SKTProperty(props) {
   const {
-    className
+    className,
+    dataTestId = ""
   } = props;
   return /* @__PURE__ */ jsx(SKTWrapperProperty, {
     className,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNamePropertyValueDataTestId("skeletonProperty")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "skeletonProperty", dataTestId)
     } : {},
     children: /* @__PURE__ */ jsx(Skeleton, {
       variant: "text",
@@ -134,7 +134,8 @@ function PropertyValue(props) {
     valueWidth = "100",
     valueWidthMobile,
     isForm,
-    className
+    className,
+    dataTestId = ""
   } = props;
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
@@ -169,24 +170,29 @@ function PropertyValue(props) {
     isForm,
     propertyWidth,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNamePropertyValueDataTestId("root")
+      [TEST_PROPS_DATA]: JSON.stringify([{
+        property: property ? true : false,
+        value: value ? true : false
+      }]),
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
     } : {},
     children: [/* @__PURE__ */ jsx(Property, {
       className: classes.property,
       isForm,
       propertyWidth,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNamePropertyValueDataTestId("property")
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "property", dataTestId)
       } : {},
       children: isSkeleton ? /* @__PURE__ */ jsx(SKTProperty, {
-        className: classes.skeletonProperty
+        className: classes.skeletonProperty,
+        dataTestId
       }) : property
     }), /* @__PURE__ */ jsx(Value, {
       className: classes.value,
       valueWidth: getValueW(),
       valueHeight,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNamePropertyValueDataTestId("value")
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
       } : {},
       children: value
     })]

package/components/PropertyValue/types.d.ts

@@ -12,10 +12,11 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
     value: number | string | ReactNode;
     isForm?: boolean;
     className?: string;
+    dataTestId?: string;
 }
 export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
 export declare type WrapperPropertyProps = WrapperProps;
 export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;
-export interface SKTPropertyProps {
+export interface SKTPropertyProps extends Pick<PropertyValueProps, 'dataTestId'> {
     className: string;
 }

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