@m4l/components 0.1.74 → 0.1.75

package/components/modal/{WindowConfirm.7ec9dcd3.js → WindowConfirm.023e293f.js}

@@ -1,34 +1,34 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.c6069beb.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.51b9c92a.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.fad4a0dc.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0fb6efbe.js";
+import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.37ffde59.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.574ea031.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d635cbc4.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f9d54780.js";
+import "../mui_extended/Button/index.aebbab34.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.17b4ec8a.js";
-import "../ModalDialog/index.6c35e653.js";
-import "../Resizeable/index.834a9144.js";
+import "../../react-draggable.e625b0d1.js";
+import "../ModalDialog/index.f652ea12.js";
+import "../Resizeable/index.41a8048b.js";
 import "@m4l/graphics";
-import { I as Icon } from "../Icon/index.d214a74d.js";
+import { I as Icon } from "../Icon/index.f9119f5e.js";
 import { styled } from "@mui/material/styles";
-import { b as getVariantColor } from "../../utils/index.aca80f3a.js";
-import { W as WindowBase } from "./WindowBase.9b93578e.js";
-import "../mui_extended/IconButton/index.822cdaac.js";
+import { b as getVariantColor } from "../../utils/index.b61dccbe.js";
+import { W as WindowBase } from "./WindowBase.c223e4da.js";
+import "../mui_extended/IconButton/index.3b05af71.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.a88b73a6.js";
-import "../areas/components/AreasAdmin/index.1eda80b9.js";
+import "../areas/contexts/AreasContext/index.d98b89fc.js";
+import "../areas/components/AreasAdmin/index.158621e0.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.eddc9945.js";
+import "../areas/components/AreasViewer/index.621c0de4.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.e2d9e3f2.js";
+import "../mui_extended/Typography/index.443590d6.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/modal/index.dbce0cab.js

@@ -0,0 +1,36 @@
+import "@mui/material";
+import "../../react-draggable.e625b0d1.js";
+import "react";
+import "../../contexts/ModalContext/index.a0de81f0.js";
+import "../ModalDialog/index.f652ea12.js";
+import "../Resizeable/index.41a8048b.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "../Icon/index.f9119f5e.js";
+import "clsx";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.37ffde59.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.aebbab34.js";
+import "react-hook-form";
+import "./WindowBase.c223e4da.js";
+import "../mui_extended/IconButton/index.3b05af71.js";
+import "../mui_extended/Accordion/index.03bd0e2a.js";
+import "../mui_extended/Avatar/index.1e1a91a3.js";
+import "react-router-dom";
+import "../Image/index.8aae9322.js";
+import "@mui/lab";
+import "../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 "zustand";
+import "../areas/contexts/AreasContext/index.d98b89fc.js";
+import "../areas/components/AreasAdmin/index.158621e0.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/components/AreasViewer/index.621c0de4.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "./WindowConfirm.023e293f.js";

package/components/mui_extended/Accordion/{index.09a89d3d.js → index.03bd0e2a.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.822cdaac.js";
+import { I as IconButton } from "../IconButton/index.3b05af71.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d214a74d.js";
+import { I as Icon } from "../../Icon/index.f9119f5e.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Avatar/{index.d.ts → Avatar.d.ts}

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 import { AvatarProps } from './types';
 export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export default Avatar;

package/components/mui_extended/Avatar/classes/constants.d.ts

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

package/components/mui_extended/Avatar/classes/index.d.ts

@@ -0,0 +1,7 @@
+import { AvatarClassesType } from './types';
+export declare const avatarClasses: AvatarClassesType;
+export declare function getAvatarUtilityClass(slot: string): string;
+export declare const useAvatarUtilityClasses: () => {
+    root: string;
+    skeleton: string;
+};

package/components/mui_extended/Avatar/classes/types.d.ts

@@ -0,0 +1,7 @@
+import { useAvatarUtilityClasses } from "./index";
+export interface AvatarClassesType {
+    root: string;
+    skeleton: string;
+}
+export declare type AvatarClassesKey = keyof AvatarClassesType;
+export declare type Classes = ReturnType<typeof useAvatarUtilityClasses>;

package/components/mui_extended/Avatar/index.1e1a91a3.js

@@ -0,0 +1,69 @@
+import { forwardRef } from "react";
+import { Skeleton, generateUtilityClasses, generateUtilityClass, styled, Avatar as Avatar$1 } from "@mui/material";
+import { useModuleSkeleton } from "@m4l/core";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { jsx } from "react/jsx-runtime";
+import { unstable_composeClasses } from "@mui/base";
+const AVATAR_PREFIX = "M4LAvatar";
+const getNameAvatarDataTestId = (KEY) => {
+  return `${AVATAR_PREFIX}-${KEY}`;
+};
+const SkeletonAvatar = (props) => {
+  const {
+    className
+  } = props;
+  return /* @__PURE__ */ jsx(Skeleton, {
+    variant: "circular",
+    width: "32px",
+    height: "32px",
+    className,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameAvatarDataTestId("skeleton")
+    } : {}
+  });
+};
+const componentName = "M4LAvatar";
+generateUtilityClasses(componentName, [
+  "root",
+  "skeleton"
+]);
+function getAvatarUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useAvatarUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAvatarUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const AvatarRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LAvatar?.styleOverrides
+}));
+const Avatar = forwardRef(({
+  color = "default",
+  sx,
+  ...other
+}, ref) => {
+  const isSkeleton = useModuleSkeleton();
+  const classes = useAvatarUtilityClasses();
+  return /* @__PURE__ */ jsx(AvatarRoot, {
+    className: classes.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameAvatarDataTestId("root")
+    } : {},
+    children: !isSkeleton ? /* @__PURE__ */ jsx(Avatar$1, {
+      ref,
+      ...other
+    }) : /* @__PURE__ */ jsx(SkeletonAvatar, {
+      className: classes.skeleton
+    })
+  });
+});
+Avatar.displayName = "Avatar";
+export {
+  Avatar as A
+};

package/components/mui_extended/Avatar/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AvatarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Avatar/subcomponents/SkeletonAvatar/index.d.ts

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

package/components/mui_extended/Avatar/subcomponents/SkeletonAvatar/types.d.ts

@@ -0,0 +1,3 @@
+export interface SkeletonSkeletonAvatar {
+    className: string;
+}

package/components/mui_extended/Avatar/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const AVATAR_PREFIX = "M4LAvatar";

package/components/mui_extended/Avatar/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { AvatarClassesKey } from "../classes/types";
+export declare const getNameAvatarDataTestId: (KEY: AvatarClassesKey) => string;

package/components/mui_extended/Avatar/types.d.ts

@@ -1,6 +1,2 @@
 import { AvatarProps as MUIAvatarProps } from '@mui/material';
-declare type AvatarColor = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-export interface AvatarProps extends MUIAvatarProps {
-    color?: AvatarColor;
-}
-export {};
+export declare type AvatarProps = MUIAvatarProps;

package/components/mui_extended/Button/{index.f9d54780.js → index.aebbab34.js}

@@ -4,11 +4,11 @@ import MuiButton from "@mui/material/Button";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.1af119da.js";
+import { I as Image } from "../../Image/index.8aae9322.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.e2d9e3f2.js";
+import { T as Typography } from "../Typography/index.443590d6.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({
@@ -173,6 +173,7 @@ const LoadingButton = (props) => {
   const {
     children,
     skeletonWidth = "100%",
+    className,
     ...other
   } = props;
   const isSkeleton = useModuleSkeleton();
@@ -183,7 +184,7 @@ const LoadingButton = (props) => {
   };
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsx(LoadingButtonRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("root")
     } : {},

package/components/mui_extended/IconButton/{index.822cdaac.js → index.3b05af71.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.d214a74d.js";
+import { I as Icon } from "../../Icon/index.f9119f5e.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.03403529.js → index.ca5ce35a.js}

@@ -3,8 +3,8 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.9f35d0eb.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.d214a74d.js";
-import { I as IconButton$1 } from "../IconButton/index.822cdaac.js";
+import { I as Icon } from "../../Icon/index.f9119f5e.js";
+import { I as IconButton$1 } from "../IconButton/index.3b05af71.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

package/components/mui_extended/Pager/{index.6428b07c.js → index.80ec975a.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.822cdaac.js";
+import { I as IconButton } from "../IconButton/index.3b05af71.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

package/components/mui_extended/Typography/{index.e2d9e3f2.js → index.443590d6.js}

@@ -2,7 +2,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 const WarpperTypography = styled("div")(({
   theme

package/components/mui_extended/index.6dcdbb1f.js

@@ -0,0 +1,20 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.f9119f5e.js";
+import "clsx";
+import "react/jsx-runtime";
+import "./IconButton/index.3b05af71.js";
+import "@m4l/graphics";
+import "./Accordion/index.03bd0e2a.js";
+import "./Avatar/index.1e1a91a3.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "./Button/index.aebbab34.js";
+import "../Image/index.8aae9322.js";
+import "@mui/lab";
+import "./Typography/index.443590d6.js";
+import "./Popover/index.9f35d0eb.js";
+import "./MenuActions/index.ca5ce35a.js";
+import "./Pager/index.80ec975a.js";
+import "./Tab/index.e0653a0a.js";

package/components/mui_extended/index.d.ts

@@ -1,5 +1,5 @@
 export { Accordion } from './Accordion';
-export { Avatar } from './Avatar';
+export { Avatar } from './Avatar/Avatar';
 export { type AvatarProps } from './Avatar/types';
 export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';

package/contexts/ModalContext/{index.0484ca54.js → index.a0de81f0.js}

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

package/hooks/useModal/{index.c6069beb.js → index.26075cdd.js}

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