@m4l/components 0.1.75 → 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.ec9b3e6a.js → index.ef31df1f.js}

@@ -1,23 +1,25 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.f9119f5e.js";
+import "../Icon/index.ecb63e65.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.3b05af71.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.03bd0e2a.js";
-import "../mui_extended/Avatar/index.1e1a91a3.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.aebbab34.js";
-import "../Image/index.8aae9322.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../mui_extended/Pager/index.80ec975a.js";
-import "../mui_extended/Tab/index.e0653a0a.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";
 const HelperTextRoot = styled("div")(({
   theme

package/components/Icon/{index.f9119f5e.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.1ae13a73.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/Image/{index.8aae9322.js → index.c18ebf5a.js}

@@ -3,6 +3,7 @@ import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useMemo }
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
@@ -95,9 +96,7 @@ function LazyLoadComponent(props) {
     })
   });
 }
-const ImageRoot = styled("div", {
-  shouldForwardProp: (props) => props !== "imageClasses"
-})(({
+const ImageRoot = styled("div")(({
   theme
 }) => ({
   ...theme.components?.M4LImage?.styleOverrides
@@ -145,7 +144,7 @@ const Skeleton = (props) => {
   });
 };
 const componentName = "M4LImage";
-const imageClasses = generateUtilityClasses(componentName, [
+generateUtilityClasses(componentName, [
   "root",
   "lazyLoad",
   "img",
@@ -242,7 +241,8 @@ function Image(props) {
     testingProps,
     width,
     height,
-    ratio = "1:1"
+    ratio = "1:1",
+    className
   } = props;
   const ratioImage = getRatioValues(ratio);
   const isSKeleton = useModuleSkeleton();
@@ -270,8 +270,7 @@ function Image(props) {
   const classes = useUtilityClasses(ownerState);
   const lazyLoadComponent = useMemo(() => {
     return /* @__PURE__ */ jsx(ImageRoot, {
-      className: classes.root,
-      imageClasses,
+      className: clsx(classes.root, className),
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("root")
       } : {},

package/components/Image/types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { ImageClassesType } from './utils/classes/types';
 export declare type Effect = 'blur' | 'black-and-white' | 'opacity';
 export declare type ScrollPosition = {
     x: number;
@@ -16,9 +15,6 @@ export interface BaseImageProps {
     width?: string;
     height?: string;
 }
-export interface WrapperImageProps {
-    imageClasses: ImageClassesType;
-}
 export interface IntersectComponentProps extends BaseImageProps {
     setIsVisible: (visible: boolean) => void;
     threshold: number;
@@ -46,6 +42,7 @@ export interface ImageProps extends Omit<IntersectComponentProps, 'setIsVisible'
     skeletonVariant?: SkeletonVariant;
     testingProps?: TestingProps;
     ratio?: RatioOptions;
+    className?: string;
 }
 export declare type StatusLoad = 'initial' | 'loaded' | 'removed';
 export interface OwnerState {

package/components/LanguagePopover/{index.491e1306.js → index.0023d069.js}

@@ -1,25 +1,27 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.8aae9322.js";
+import { I as Image } from "../Image/index.c18ebf5a.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.f9119f5e.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.3b05af71.js";
-import "../mui_extended/Accordion/index.03bd0e2a.js";
-import "../mui_extended/Avatar/index.1e1a91a3.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.aebbab34.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/Typography/index.443590d6.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../mui_extended/Pager/index.80ec975a.js";
-import "../mui_extended/Tab/index.e0653a0a.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";
 const LanguagePopoverRoot = styled("div")(({
   theme

package/components/LinearProgressIndeterminate/LinearProgressIndeterminate.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LinearProgressIndeterminate: () => import("react").JSX.Element;

package/components/LinearProgressIndeterminate/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";

package/components/LinearProgressIndeterminate/classes/index.d.ts

@@ -0,0 +1,3 @@
+import { LinearProgressIndeterminateClasses } from './types';
+export declare const linearProgressIndeterminateClasses: LinearProgressIndeterminateClasses;
+export declare const useLinearProgressIndeterminateUtilityClasses: () => Record<"root" | "windowLinearProgressBar", string>;

package/components/LinearProgressIndeterminate/classes/types.d.ts

@@ -0,0 +1,7 @@
+import { useLinearProgressIndeterminateUtilityClasses } from ".";
+export interface LinearProgressIndeterminateClasses {
+    root: string;
+    windowLinearProgressBar: string;
+}
+export declare type LinearProgressIndeterminateClassesKey = keyof LinearProgressIndeterminateClasses;
+export declare type Classes = ReturnType<typeof useLinearProgressIndeterminateUtilityClasses>;

package/components/LinearProgressIndeterminate/index.60dabc06.js

@@ -0,0 +1,43 @@
+import clsx from "clsx";
+import { generateUtilityClasses, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+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";
+generateUtilityClasses(LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME, [
+  "root",
+  "windowLinearProgressBar"
+], LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME);
+const useLinearProgressIndeterminateUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    windowLinearProgressBar: ["windowLinearProgressBar"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME), {});
+};
+const LinearProgressIndeterminateRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LinearProgressIndeterminate?.styleOverrides
+}));
+const ICON_PREFIX = "M4LinearProgressIndeterminate";
+const getNameLinearProgressIndeterminateDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+const classes = useLinearProgressIndeterminateUtilityClasses();
+const LinearProgressIndeterminate = () => {
+  return /* @__PURE__ */ jsx(LinearProgressIndeterminateRoot, {
+    className: clsx(classes.root, "borealisBar"),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameLinearProgressIndeterminateDataTestId("root")
+    } : {},
+    children: /* @__PURE__ */ jsx("div", {
+      className: classes.windowLinearProgressBar,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameLinearProgressIndeterminateDataTestId("windowLinearProgressBar")
+      } : {}
+    })
+  });
+};
+export {
+  LinearProgressIndeterminate as L
+};

package/components/LinearProgressIndeterminate/index.d.ts

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

package/components/LinearProgressIndeterminate/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const ICON_PREFIX = "M4LinearProgressIndeterminate";

package/components/LinearProgressIndeterminate/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import type { LinearProgressIndeterminateClassesKey } from '../classes/types';
+export declare const getNameLinearProgressIndeterminateDataTestId: (KEY: LinearProgressIndeterminateClassesKey) => string;

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

@@ -1,62 +1,14 @@
-import { Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.e625b0d1.js";
-import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
-import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.b61dccbe.js";
-import { R as ResizeableWindow } from "../Resizeable/index.41a8048b.js";
+import { useTheme, Dialog, Paper } from "@mui/material";
+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.f9119f5e.js";
+import { I as Icon } from "../Icon/index.ecb63e65.js";
 import { useEnvironment } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.3ec589d3.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.37ffde59.js";
-const WrapperDialog = styled(Dialog)(() => ({}));
-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",
@@ -88,19 +40,28 @@ const ModalDialog = () => {
     maxWidth,
     maxHeigth,
     window,
-    fullScreen
+    fullScreen,
+    variant
   } = useModal();
   const isDesktop = useResponsiveDesktop();
   const {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  const contentComnponent = /* @__PURE__ */ jsx(Container, {
-    id: "Container",
+  const theme = useTheme();
+  const classes = modalUtilityClasses({
+    variant
+  });
+  const contentComnponent = /* @__PURE__ */ jsx("div", {
+    className: classes.containerWindow,
     children: typeof window === "function" ? window() : window
   });
-  return /* @__PURE__ */ jsxs(WrapperDialog, {
+  return /* @__PURE__ */ jsxs(Dialog, {
     open,
+    className: classes.root,
+    sx: {
+      ...theme.components?.M4LModalDialog?.styleOverrides
+    },
     "aria-labelledby": "child-modal-title",
     "aria-describedby": "child-modal-description",
     PaperComponent: isDesktop ? DragabblePaperComponent : PaperComponent,

package/components/NavLink/{index.f8aee9f4.js → index.cd92eceb.js}

@@ -2,23 +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.f9119f5e.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.3b05af71.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.03bd0e2a.js";
-import "../mui_extended/Avatar/index.1e1a91a3.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.aebbab34.js";
-import "../Image/index.8aae9322.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../mui_extended/Pager/index.80ec975a.js";
-import "../mui_extended/Tab/index.e0653a0a.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";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [

package/components/NoItemSelected/{index.cce86db4.js → index.23dfc897.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.8aae9322.js";
+import { I as Image } from "../Image/index.c18ebf5a.js";
 import { Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,36 +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.c0c626cd.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.26075cdd.js";
-import { I as Icon } from "../Icon/index.f9119f5e.js";
-import "../../react-draggable.e625b0d1.js";
-import "../ModalDialog/index.f652ea12.js";
-import "../Resizeable/index.41a8048b.js";
-import "../CommonActions/components/Actions/index.37ffde59.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.aebbab34.js";
+import "../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.3b05af71.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../areas/components/AreasAdmin/index.158621e0.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.621c0de4.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.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.9c2aaaeb.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../modal/WindowConfirm.023e293f.js";
-import { W as WindowBase } from "../modal/WindowBase.c223e4da.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.3034c6ba.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%",
@@ -241,28 +251,28 @@ function ObjectLogs(props) {
         automatic: false,
         fields: [{
           name: "user_logs.created_at",
-          dictionaryId: getLabel("object_logs.created_at"),
+          dictionaryId: "object_logs.created_at",
           type: "datetime",
           multiple: false,
           presence: "fixed",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
         }, {
           name: "users.email",
-          dictionaryId: getLabel("object_logs.email"),
+          dictionaryId: "object_logs.email",
           type: "string",
           multiple: true,
           presence: "optional",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
         }, {
           name: "user_logs.log_preview",
-          dictionaryId: getLabel("object_logs.log_preview"),
+          dictionaryId: "object_logs.log_preview",
           type: "string",
           multiple: true,
           presence: "optional",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_preview.svg`
         }, {
           name: "user_logs.log_detail",
-          dictionaryId: getLabel("object_logs.log_detail"),
+          dictionaryId: "object_logs.log_detail",
           type: "string",
           multiple: true,
           presence: "optional",

package/components/PaperForm/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LPaperForm";

package/components/PaperForm/classes/index.d.ts

@@ -0,0 +1,11 @@
+import { PaperFormClassesType } from './types';
+export declare const periodClasses: PaperFormClassesType;
+export declare function getPaperFormUtilityClass(slot: string): string;
+export declare const paperFormUtilityClasses: () => {
+    root: string;
+    content: string;
+    headerContainer: string;
+    iconTitleContainer: string;
+    iconHeaderContainer: string;
+    skeletonContainer: string;
+};

package/components/PaperForm/classes/types.d.ts

@@ -0,0 +1,10 @@
+import { paperFormUtilityClasses } from ".";
+export interface PaperFormClassesType {
+    root: string;
+    headerContainer: string;
+    iconTitleContainer: string;
+    iconHeaderContainer: string;
+    skeletonContainer: string;
+}
+export declare type PaperFormClassesKey = keyof PaperFormClassesType;
+export declare type Classes = ReturnType<typeof paperFormUtilityClasses>;