@m4l/components 0.1.81 → 0.1.82

package/components/mui_extended/Pager/{index.82e89328.js → index.da26e9d4.js}

@@ -1,10 +1,11 @@
 import { useMemo } from "react";
-import { generateUtilityClasses, generateUtilityClass, TablePagination, Skeleton } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.12f1a3c3.js";
+import { I as IconButton } from "../IconButton/index.a318316e.js";
 import { useEnvironment } from "@m4l/core";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
+import { T as Typography } from "../Typography/index.443590d6.js";
 const WrapperPagerActions = styled("div")(({ theme }) => ({
   width: "100%",
   justifyContent: "center",
@@ -21,7 +22,8 @@ function PagerActions(props) {
     count,
     page,
     rowsPerPage,
-    onPageChange
+    onPageChange,
+    classes
   } = props;
   const {
     host_static_assets,
@@ -40,31 +42,35 @@ function PagerActions(props) {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
   return /* @__PURE__ */ jsxs(WrapperPagerActions, {
-    id: "WrapperPagerActions",
+    className: classes.pagerActions,
     children: [/* @__PURE__ */ jsx(IconButton, {
       id: "test_bruce",
       dictionaryTooltipId: "pager.first",
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
+      className: classes.actionIconFirstPage,
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltipId: "pager.previous",
       onClick: handleBackButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
+      className: classes.actionIconPrevious,
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltipId: "pager.next",
       onClick: handleNextButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "next page",
+      className: classes.actionIconNextPage,
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltipId: "pager.last",
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "last page",
+      className: classes.actionIconLastPage,
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
     })]
   });
@@ -105,10 +111,22 @@ styled("div")(({ theme }) => ({
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",
+  "labelRowsPerPageContainer",
+  "labelRowsPager",
+  "select",
+  "selectMenuItem",
+  "selectMenuPopover",
+  "labelDisplayRows",
+  "pagerActions",
+  "customTablePaginationRoot",
   "skeletonRoot",
   "skeletonRowsPerPage",
   "skeletonButtonContainer",
-  "skeletonIconButton"
+  "skeletonIconButton",
+  "actionIconFirstPage",
+  "actionIconPrevious",
+  "actionIconNextPage",
+  "actionIconLastPage"
 ]);
 function getPagerUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -116,16 +134,101 @@ function getPagerUtilityClass(slot) {
 const pagerUtilityClasses = () => {
   const slots = {
     root: ["root"],
+    labelRowsPerPageContainer: ["labelRowsPerPageContainer"],
+    labelRowsPager: ["labelRowsBager"],
+    select: ["select"],
+    selectMenuPopover: ["selectMenuPopover"],
+    selectMenuItem: ["selectMenuItem"],
+    labelDisplayRows: ["labelDisplayRows"],
+    pagerActions: ["pagerActions"],
+    customTablePaginationRoot: ["customTablePaginationRoot"],
     skeletonRoot: ["skeletonRoot"],
     skeletonRowsPerPage: ["skeletonRowsPerPage"],
     skeletonButtonContainer: ["skeletonButtonContainer"],
-    skeletonIconButton: ["skeletonIconButton"]
+    skeletonIconButton: ["skeletonIconButton"],
+    actionIconFirstPage: ["actionIconFirstPage"],
+    actionIconPrevious: ["actionIconPrevious"],
+    actionIconNextPage: ["actionIconNextPage"],
+    actionIconLastPage: ["actionIconLastPage"]
   };
   const composedClasses = unstable_composeClasses(slots, getPagerUtilityClass, {});
   return {
     ...composedClasses
   };
 };
+const CustomTablePagination = (props) => {
+  const {
+    count,
+    page,
+    rowsPerPage,
+    rowsPerPageOptions = [10, 25, 50, 100],
+    labelRowsPerPage,
+    classes,
+    onRowsPerPageChange,
+    onPageChange,
+    SelectProps,
+    labelDisplayedRows = defaultLabelDisplayedRows,
+    ActionsComponent
+  } = props;
+  const theme = useTheme();
+  function defaultLabelDisplayedRows({
+    from,
+    to,
+    count: count2
+  }) {
+    return `${from}\u2013${to} of ${count2 !== -1 ? count2 : `more than ${to}`}`;
+  }
+  const getLabelDisplayedRowsTo = () => {
+    if (count === -1) {
+      return (page + 1) * rowsPerPage;
+    }
+    return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", {
+      className: classes.labelRowsPerPageContainer,
+      children: [/* @__PURE__ */ jsx(Typography, {
+        variant: "body",
+        children: labelRowsPerPage
+      }), /* @__PURE__ */ jsx(Select, {
+        variant: "standard",
+        ...!SelectProps?.variant && {
+          input: /* @__PURE__ */ jsx(InputBase, {})
+        },
+        value: rowsPerPage,
+        onChange: onRowsPerPageChange,
+        className: classes.select,
+        MenuProps: {
+          className: classes.selectMenuPopover,
+          sx: {
+            ...theme.components?.M4LPagerMenuPopover?.styleOverrides
+          }
+        },
+        ...SelectProps,
+        children: rowsPerPageOptions.map((item, idx) => /* @__PURE__ */ jsx(MenuItem, {
+          className: classes.selectMenuItem,
+          value: item,
+          children: item
+        }, `${classes.selectMenuItem}-${idx}`))
+      })]
+    }) : null, /* @__PURE__ */ jsx(Typography, {
+      variant: "body",
+      className: classes.labelDisplayRows,
+      children: labelDisplayedRows({
+        from: count === 0 ? 0 : page * rowsPerPage + 1,
+        to: getLabelDisplayedRowsTo(),
+        count: count === -1 ? -1 : count,
+        page
+      })
+    }), /* @__PURE__ */ jsx(ActionsComponent, {
+      count,
+      page,
+      rowsPerPage,
+      onPageChange: () => onPageChange,
+      classes
+    })]
+  });
+};
 function Pager(props) {
   const {
     totalRecords,
@@ -136,7 +239,6 @@ function Pager(props) {
     onRowsPerPageChange,
     labelRows = "Rows per page",
     labelOf = "Of",
-    isSkeleton = "false",
     isDesktop
   } = props;
   const currentPage = useMemo(() => {
@@ -145,7 +247,7 @@ function Pager(props) {
     }
     return page;
   }, [page, rowsPerPage, totalRecords]);
-  const handleChangeRowsPerPage = (event) => {
+  const handleChangeRowsPerPage = (event, _child) => {
     onRowsPerPageChange(parseInt(event.target.value, 10));
     onPageChange(0);
   };
@@ -155,12 +257,12 @@ function Pager(props) {
   const classes = pagerUtilityClasses();
   return /* @__PURE__ */ jsx(PagerRoot, {
     className: classes.root,
-    children: !isSkeleton ? /* @__PURE__ */ jsx(TablePagination, {
-      id: "TablePagination",
+    children: /* @__PURE__ */ jsx(CustomTablePagination, {
       rowsPerPageOptions,
-      component: "div",
       count: totalRecords,
       rowsPerPage,
+      classes,
+      labelRowsPerPage: labelRows,
       page: currentPage,
       onPageChange: handleChangePage,
       onRowsPerPageChange: handleChangeRowsPerPage,
@@ -169,57 +271,7 @@ function Pager(props) {
         to,
         count
       }) => `${from}-${to} ${labelOf} ${count}` : () => ``,
-      labelRowsPerPage: isDesktop ? labelRows : "",
       ActionsComponent: PagerActions
-    }) : /* @__PURE__ */ jsxs("div", {
-      className: classes.skeletonRoot,
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: classes.skeletonRowsPerPage,
-        children: [/* @__PURE__ */ jsx(Skeleton, {
-          variant: "text",
-          width: "40px",
-          height: "16px"
-        }), /* @__PURE__ */ jsx(Skeleton, {
-          variant: "text",
-          width: "20px",
-          height: "16px"
-        })]
-      }), /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: "50px",
-        height: "16px"
-      }), /* @__PURE__ */ jsxs("div", {
-        className: classes.skeletonButtonContainer,
-        children: [/* @__PURE__ */ jsx("div", {
-          className: classes.skeletonIconButton,
-          children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "circular",
-            width: 20,
-            height: 20
-          })
-        }), /* @__PURE__ */ jsx("div", {
-          className: classes.skeletonIconButton,
-          children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "circular",
-            width: 20,
-            height: 20
-          })
-        }), /* @__PURE__ */ jsx("div", {
-          className: classes.skeletonIconButton,
-          children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "circular",
-            width: 20,
-            height: 20
-          })
-        }), /* @__PURE__ */ jsx("div", {
-          className: classes.skeletonIconButton,
-          children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "circular",
-            width: 20,
-            height: 20
-          })
-        })]
-      })]
     })
   });
 }

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/index.d.ts

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

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/types.d.ts

@@ -0,0 +1,12 @@
+import { SelectChangeEvent, TablePaginationProps } from "@mui/material";
+import { Classes } from "../../classes/types";
+import { PagerActionsProps } from "../PagerActions/types";
+import { ReactNode } from "react";
+export declare type CustomTablePaginationProps = {
+    rowsPerPageOptions: number[];
+    onPageChange: (_event: unknown, newPage: number) => void;
+    labelRowsPerPage: string;
+    classes: Classes;
+    onRowsPerPageChange: (event: SelectChangeEvent<unknown>, child: ReactNode) => void;
+    ActionsComponent: React.ElementType<PagerActionsProps>;
+} & Omit<TablePaginationProps, 'onPageChange' | 'onRowsPerPageChange' | 'classes' | 'ActionsComponent'>;

package/components/mui_extended/Pager/{components → subcomponents}/PagerActions/types.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { Classes } from "../../classes/types";
 export interface PagerActionsProps {
     count: number;
     page: number;
     rowsPerPage: number;
     onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
+    classes: Classes;
 }

package/components/mui_extended/Tab/{index.f94d233e.js → index.0d5f96e6.js}

@@ -4,7 +4,7 @@ import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.fefd45a3.js";
+import { g as getNameDataTestId } from "../../../vendor.88ed58a5.js";
 import { jsx } from "react/jsx-runtime";
 const TabRoot = styled("div")(({
   theme

package/components/mui_extended/{index.07fcc38f.js → index.f6a356b9.js}

@@ -1,23 +1,23 @@
 import "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.js";
 import "clsx";
 import "react/jsx-runtime";
-import "./IconButton/index.12f1a3c3.js";
+import "./IconButton/index.a318316e.js";
 import "@m4l/graphics";
-import "./Accordion/index.fa658639.js";
+import "./Accordion/index.42cef1c7.js";
 import "./Typography/index.443590d6.js";
 import "./Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "./Button/index.4288f9fc.js";
+import "./Button/index.40af964e.js";
 import "./CheckBox.5f6c78b0.js";
 import "./Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "./MenuActions/index.43a2e1ae.js";
+import "./MenuActions/index.f6bfdd40.js";
 import "./Popover/index.9f35d0eb.js";
-import "./Pager/index.82e89328.js";
-import "./Tab/index.f94d233e.js";
+import "./Pager/index.da26e9d4.js";
+import "./Tab/index.0d5f96e6.js";
 import "./Tooltip/index.5a795dcd.js";

package/contexts/ModalContext/{index.66e060a3.js → index.efc1135a.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.62ffad3a.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.4dc1c8ed.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/contexts/RHFormContext/{index.fe175bab.js → index.b9266262.js}

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { styled } from "@mui/material/styles";
-import { S as ScrollBar } from "../../components/ScrollBar/index.bbe48f4d.js";
+import { S as ScrollBar } from "../../components/ScrollBar/index.d4410cb5.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx } from "react/jsx-runtime";

package/hooks/useModal/{index.61968b84.js → index.9b0cc3fe.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.66e060a3.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.efc1135a.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/index.js

@@ -2,104 +2,105 @@ import { v } from "./components/animate/variants/fade.b561c0fc.js";
 import { v as v2 } from "./components/animate/variants/bounce.784aaaaa.js";
 import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
 import { v as v4, a, b } from "./components/animate/variants/transition.bd46b9ce.js";
-import { I } from "./components/animate/index.1f8eadd4.js";
+import { A, I } from "./components/animate/index.4e9774a6.js";
 import { M } from "./components/animate/MotionContainer/index.8d9f9d80.js";
 import { M as M2 } from "./components/animate/MotionLazyContainer/index.572dd012.js";
 import { L } from "./components/animate/LoadingScreen/index.1d0c4307.js";
 import { P } from "./components/animate/PropagateLoader/index.7fab43c8.js";
-import { A } from "./components/areas/components/AreasAdmin/index.5562f65f.js";
-import { A as A2 } from "./components/areas/components/AreasViewer/index.1004b7a0.js";
-import { A as A3, a as a2 } from "./components/areas/contexts/AreasContext/index.4bf1eabe.js";
+import { A as A2 } from "./components/areas/components/AreasAdmin/index.f011d49d.js";
+import { A as A3 } from "./components/areas/components/AreasViewer/index.51a52736.js";
+import { A as A4, a as a2 } from "./components/areas/contexts/AreasContext/index.9820bc7f.js";
 import { a as a3, W } from "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { A as A4, D, L as L2, a as a4, g } from "./components/areas/dictionary.afb7e3d9.js";
-import { R, g as g2 } from "./components/hook-form/RHFAutocomplete/index.9a9d7c73.js";
-import { R as R2, g as g3 } from "./components/hook-form/RHFAutocompleteAsync/index.172df421.js";
-import { R as R3 } from "./components/hook-form/RHFCheckbox/index.47f0157b.js";
-import { R as R4 } from "./components/hook-form/RHFDateTime/index.f46e987f.js";
+import { A as A5, D, L as L2, a as a4, g } from "./components/areas/dictionary.afb7e3d9.js";
+import { R, g as g2 } from "./components/hook-form/RHFAutocomplete/index.6edb51b1.js";
+import { R as R2, g as g3 } from "./components/hook-form/RHFAutocompleteAsync/index.c2ca5c66.js";
+import { R as R3 } from "./components/hook-form/RHFCheckbox/index.c6c3933b.js";
+import { R as R4 } from "./components/hook-form/RHFDateTime/index.3add0fa4.js";
 import { R as R5 } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import { R as R6 } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { b as b2, c, a as a5, R as R7, d } from "./components/hook-form/RHFTextField/index.253620eb.js";
+import { b as b2, c, a as a5, R as R7, d } from "./components/hook-form/RHFTextField/index.20daa95e.js";
 import { R as R8 } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
-import { R as R9 } from "./components/hook-form/RHFPeriod/index.2e07ba7b.js";
-import { P as P2, g as g4 } from "./components/Period/index.7d44c0e5.js";
-import { R as R10 } from "./components/hook-form/RHFUpload/index.9f00121f.js";
-import { A as A5 } from "./components/mui_extended/Accordion/index.fa658639.js";
-import { A as A6 } from "./components/mui_extended/Avatar/index.75e6ed57.js";
+import { R as R9 } from "./components/hook-form/RHFPeriod/index.72edef4d.js";
+import { P as P2, g as g4 } from "./components/Period/index.4fd9df2a.js";
+import { R as R10 } from "./components/hook-form/RHFUpload/index.cc5adc15.js";
+import { A as A6 } from "./components/mui_extended/Accordion/index.42cef1c7.js";
+import { A as A7 } from "./components/mui_extended/Avatar/index.75e6ed57.js";
 import { B } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { B as B2 } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import { B as B3, I as I2, L as L3 } from "./components/mui_extended/Button/index.4288f9fc.js";
+import { B as B3, I as I2, L as L3 } from "./components/mui_extended/Button/index.40af964e.js";
 import { C } from "./components/mui_extended/CheckBox.5f6c78b0.js";
 import { C as C2 } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
 import { B as B4 } from "./components/mui_extended/Badge/index.cad260fe.js";
-import { I as I3 } from "./components/mui_extended/IconButton/index.12f1a3c3.js";
+import { I as I3 } from "./components/mui_extended/IconButton/index.a318316e.js";
 import { L as L4 } from "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
 import { L as L5 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import { M as M3 } from "./components/mui_extended/MenuActions/index.43a2e1ae.js";
+import { M as M3 } from "./components/mui_extended/MenuActions/index.f6bfdd40.js";
 import { P as P3 } from "./components/mui_extended/Popover/index.9f35d0eb.js";
-import { P as P4, g as g5 } from "./components/mui_extended/Pager/index.82e89328.js";
-import { T } from "./components/mui_extended/Tab/index.f94d233e.js";
+import { P as P4, g as g5 } from "./components/mui_extended/Pager/index.da26e9d4.js";
+import { T } from "./components/mui_extended/Tab/index.0d5f96e6.js";
 import { T as T2 } from "./components/mui_extended/Tooltip/index.5a795dcd.js";
 import { T as T3 } from "./components/mui_extended/Typography/index.443590d6.js";
-import { B as B5 } from "./components/formatters/BooleanFormatter/index.e8de8e4c.js";
+import { B as B5 } from "./components/formatters/BooleanFormatter/index.32de0803.js";
 import { D as D2, g as g6 } from "./components/formatters/DateFormatter/index.578a9f53.js";
 import { U, g as g7 } from "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
 import { P as P5, g as g8 } from "./components/formatters/PointsFormatter/index.80a4e414.js";
-import { C as C3, F, P as P6, g as g9, a as a6, b as b3 } from "./components/formatters/index.67aeb049.js";
+import { C as C3, F, P as P6, g as g9, a as a6, b as b3 } from "./components/formatters/index.d16d2331.js";
 import { P as P7, g as g10 } from "./components/formatters/PriceFormatter/index.83cbe7be.js";
-import { D as D3, e, h, f, c as c2, g as g11 } from "./components/DataGrid/index.820e0043.js";
+import { D as D3, e, h, f, c as c2, g as g11 } from "./components/DataGrid/index.03ad08af.js";
 import { c as c3 } from "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
 import { c as c4 } from "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js";
 import { c as c5 } from "./components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js";
 import { c as c6 } from "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
 import { N, T as T4 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
-import { D as D4, g as g12 } from "./components/DynamicFilter/index.2b80238b.js";
-import { H, e as e2 } from "./components/HelperText/index.2c408d8a.js";
-import { A as A7, d as d2, g as g13 } from "./components/CommonActions/components/Actions/index.265d99c8.js";
-import { A as A8 } from "./components/CommonActions/components/ActionCancel/index.6928b5ae.js";
-import { A as A9 } from "./components/CommonActions/components/ActionIntro/index.8b1b3afc.js";
-import { A as A10 } from "./components/CommonActions/components/ActionFormCancel/index.28d32483.js";
-import { A as A11 } from "./components/CommonActions/components/ActionFormIntro/index.f044e93c.js";
+import { D as D4, g as g12 } from "./components/DynamicFilter/index.9b72180b.js";
+import { H, e as e2 } from "./components/HelperText/index.6c3adb40.js";
+import { A as A8, d as d2, g as g13 } from "./components/CommonActions/components/Actions/index.5abb6ac4.js";
+import { A as A9 } from "./components/CommonActions/components/ActionCancel/index.6cf96d04.js";
+import { A as A10 } from "./components/CommonActions/components/ActionIntro/index.856df8ef.js";
+import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index.a0335cbf.js";
+import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index.273b1b9f.js";
 import { D as D5 } from "./components/DraggableWindow/index.c702d3f2.js";
 import { G, w, z } from "./components/GridLayout/index.76bccc4f.js";
 import { R as R11, a as a7, b as b4, c as c7 } from "./components/GridLayout/subcomponents/Responsive/index.e589d8bf.js";
 import { W as W2 } from "./components/GridLayout/subcomponents/WidthProvider/index.50dafd87.js";
-import { I as I4 } from "./components/Icon/index.9fcd1476.js";
-import { L as L6 } from "./components/LanguagePopover/index.4596bf54.js";
+import { I as I4 } from "./components/Icon/index.2414ff25.js";
+import { L as L6 } from "./components/LanguagePopover/index.66e11634.js";
 import { L as L7 } from "./components/LinearProgressIndeterminate/index.60dabc06.js";
 import { I as I5 } from "./components/Image/index.c18ebf5a.js";
 import { L as L8 } from "./components/Loadable/index.e994fc3e.js";
-import { M as M4, d as d3, g as g14 } from "./components/ModalDialog/index.62ffad3a.js";
-import { W as W3 } from "./components/modal/WindowConfirm.1a8c8c21.js";
-import { W as W4 } from "./components/modal/WindowBase.37b59511.js";
-import { N as N2 } from "./components/NavLink/index.68392bd4.js";
+import { M as M4, d as d3, g as g14 } from "./components/ModalDialog/index.4dc1c8ed.js";
+import { W as W3 } from "./components/modal/WindowConfirm.f148e495.js";
+import { W as W4 } from "./components/modal/WindowBase.4016485b.js";
+import { N as N2 } from "./components/NavLink/index.5859e048.js";
 import { N as N3, d as d4, g as g15 } from "./components/NoItemSelected/index.23dfc897.js";
-import { O, d as d5, g as g16 } from "./components/ObjectLogs/index.665e043d.js";
-import { P as P8 } from "./components/PaperForm/index.ba38a0bd.js";
+import { O, d as d5, g as g16 } from "./components/ObjectLogs/index.51de2deb.js";
+import { P as P8 } from "./components/PaperForm/index.f931dc02.js";
 import { H as H2 } from "./components/Page/index.4237c241.js";
-import { P as P9 } from "./components/PropertyValue/index.a66988e1.js";
+import { P as P9 } from "./components/PropertyValue/index.1b09f426.js";
 import { R as R12 } from "./components/Resizeable/index.9a9c79a4.js";
-import { S } from "./components/ScrollBar/index.bbe48f4d.js";
+import { S } from "./components/ScrollBar/index.d4410cb5.js";
 import { S as S2 } from "./components/ScrollToTop/index.e06f98f6.js";
 import { S as S3 } from "./components/SplitLayout/index.9ef430f6.js";
-import { S as S4 } from "./components/SideBar/index.2f497e6c.js";
-import { A as A12 } from "./components/AppBar/index.6bdee075.js";
-import { A as A13 } from "./components/AccountPopover/index.fea740a5.js";
+import { S as S4 } from "./components/SideBar/index.72564ef2.js";
+import { A as A13 } from "./components/AppBar/index.fadcefc6.js";
+import { A as A14 } from "./components/AccountPopover/index.0ba26726.js";
 import { a as a8, D as D6, M as M5 } from "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { M as M6, a as a9 } from "./contexts/ModalContext/index.66e060a3.js";
-import { R as R13 } from "./contexts/RHFormContext/index.fe175bab.js";
+import { M as M6, a as a9 } from "./contexts/ModalContext/index.efc1135a.js";
+import { R as R13 } from "./contexts/RHFormContext/index.b9266262.js";
 import { u as u3 } from "./hooks/useFormAddEdit/index.15de3ba8.js";
-import { u as u4 } from "./hooks/useModal/index.61968b84.js";
+import { u as u4 } from "./hooks/useModal/index.9b0cc3fe.js";
 import { L as L9 } from "./assets/Logo/index.228dcb5a.js";
-import "framer-motion";
 import "react";
-import "@mui/material";
 import "react/jsx-runtime";
+import "framer-motion";
+import "@mui/material";
 import "@mui/material/styles";
 import "react-router-dom";
+import "simplebar-react";
 import "./react-spinners.342a6578.js";
-import "./components/areas/hooks/useAreas/index.c77a2416.js";
+import "./components/areas/hooks/useAreas/index.b403f383.js";
 import "zustand";
 import "@m4l/core";
 import "yup";
@@ -117,7 +118,7 @@ import "@mui/x-date-pickers";
 import "./react-draggable.7abb5d0a.js";
 import "prop-types";
 import "react-dom";
-import "./components/modal/index.c8e23b8d.js";
+import "./components/modal/index.e9fece72.js";
 import "zustand/shallow";
 import "lodash/isString";
 import "react-dropzone";
@@ -126,7 +127,7 @@ import "./components/GridLayout/subcomponents/Griditem/index.01fc14c3.js";
 import "./node_modules.d73a220d.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "./components/DataGrid/subcomponents/Actions/index.43325b59.js";
+import "./components/DataGrid/subcomponents/Actions/index.db54ec98.js";
 import "./react-data-grid.d46d625e.js";
 import "lodash";
 import "./react-json-view.57125fcf.js";
@@ -135,27 +136,27 @@ import "./react-splitter-layout.8b1655c8.js";
 import "zustand/middleware";
 import "zustand/middleware/immer";
 import "./test/constants_no_mock.86c553a9.js";
-import "./vendor.fefd45a3.js";
+import "./vendor.88ed58a5.js";
 import "./components/WrapperComponent/index.5e872594.js";
 import "react-helmet-async";
-import "simplebar-react";
 import "simplebar/dist/simplebar.min.css?used";
 import "@hookform/resolvers/yup";
 export {
-  A4 as AREAS_DICTIONARY_ID,
-  A5 as Accordion,
-  A13 as AccountPopover,
-  A8 as ActionCancel,
-  A10 as ActionFormCancel,
-  A11 as ActionFormIntro,
-  A9 as ActionIntro,
-  A7 as Actions,
-  A12 as AppBar,
-  A as AreasAdmin,
-  A3 as AreasContext,
+  A5 as AREAS_DICTIONARY_ID,
+  A6 as Accordion,
+  A14 as AccountPopover,
+  A9 as ActionCancel,
+  A11 as ActionFormCancel,
+  A12 as ActionFormIntro,
+  A10 as ActionIntro,
+  A8 as Actions,
+  A as AnimatedScroll,
+  A13 as AppBar,
+  A2 as AreasAdmin,
+  A4 as AreasContext,
   a2 as AreasProvider,
-  A2 as AreasViewer,
-  A6 as Avatar,
+  A3 as AreasViewer,
+  A7 as Avatar,
   B4 as Badge,
   B5 as BooleanFormatter,
   B as BoxIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.81",
+  "version": "0.1.82",
   "license": "UNLICENSED",
   "dependencies": {
     "@emotion/react": "^11.9.0",