@m4l/components 5.0.0 → 5.0.2

package/vite-env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/globals" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/globals" />
+/// <reference types="vitest/importMeta" />

package/@types/export.d-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/@types/types.d-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/AccountPopover/AccountPopover-NVz2YbA6.js

@@ -1,69 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useNetwork } from "@m4l/core";
-import { useState, useEffect } from "react";
-import { u as useAccountPopoverUtilityClasses, g as getAccountPopoverClassesUtilityClass } from "./classes/index-BPokei6j.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { A as AcountPopOverRoot } from "./style-KJYhN6c4.js";
-import { M as MenuPopOver } from "./subcomponents/PopOver/index-B3d9Xop9.js";
-import clsx from "clsx";
-const AccountPopover = (props) => {
-  const {
-    itemHandleClick,
-    version,
-    handleLogOut,
-    userData,
-    className,
-    settingsHandleOpen: settingHandleOpen
-  } = props;
-  const [asyncState, setAsyncState] = useState("unLoad");
-  const [menuData, setMenuData] = useState([]);
-  const { networkOperation } = useNetwork();
-  useEffect(() => {
-    let mounted = true;
-    if (asyncState === "unLoad") {
-      setAsyncState("loading");
-      networkOperation({
-        method: "GET",
-        endPoint: `menus`,
-        parms: {
-          position: 1
-        }
-      }).then((response) => {
-        if (mounted) {
-          setAsyncState("loaded");
-          setMenuData(response.data);
-        }
-      }).catch((_error) => {
-        console.error("AccountData network request error - get menus", _error);
-        setMenuData([]);
-      });
-    }
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, [open]);
-  const accountPopoverClasses = useAccountPopoverUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    AcountPopOverRoot,
-    {
-      className: clsx(accountPopoverClasses.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("root") } : {},
-      children: /* @__PURE__ */ jsx(
-        MenuPopOver,
-        {
-          data: menuData,
-          asyncState,
-          itemHandleClick,
-          version,
-          handleLogOut,
-          classes: accountPopoverClasses,
-          userData,
-          settingsHandleOpen: settingHandleOpen
-        }
-      )
-    }
-  );
-};
-export {
-  AccountPopover as A
-};

package/components/AccountPopover/classes/constants-Bh4Ddb0Q.js

@@ -1,4 +0,0 @@
-const componentName = "M4LAccountPopover";
-export {
-  componentName as c
-};

package/components/AccountPopover/classes/index-BPokei6j.js

@@ -1,59 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-Bh4Ddb0Q.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "containerUserName",
-    "containerUserEmail",
-    "containerlogOut",
-    "containerUserInfo",
-    "containerSetting",
-    "labelUserName",
-    "labelUserEmail",
-    "labelVersion",
-    "containerAvatarPopover",
-    "myAvatar",
-    "popover",
-    "containerAppVersion",
-    "containerMenuItems",
-    "containerProgress",
-    "logOut",
-    "menuItem"
-    /* states or variants of elements */
-  ]
-);
-function getAccountPopoverClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useAccountPopoverUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    containerUserName: ["containerUserName"],
-    containerUserEmail: ["containerUserEmail"],
-    containerUserInfo: ["containerUserInfo"],
-    containerlogOut: ["containerlogOut"],
-    containerSetting: ["containerSetting"],
-    labelUserName: ["labelUserName"],
-    labelUserEmail: ["labelUserEmail"],
-    labelVersion: ["labelVersion"],
-    myAvatar: ["myAvatar"],
-    containerAvatarPopover: ["containerAvatarPopover"],
-    popover: ["popover"],
-    containerAppVersion: ["containerAppVersion"],
-    containerMenuItems: ["containerMenuItems"],
-    containerProgress: ["containerProgress"],
-    logOut: ["logOut"],
-    menuItem: ["menuItem"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getAccountPopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  getAccountPopoverClassesUtilityClass as g,
-  useAccountPopoverUtilityClasses as u
-};

package/components/AccountPopover/dictionary-BUSBiVvV.js

@@ -1,6 +0,0 @@
-function getAccountPopoverDictionary() {
-  return ["account_popover"];
-}
-export {
-  getAccountPopoverDictionary as g
-};

package/components/AccountPopover/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/AccountPopover/style-KJYhN6c4.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material";
-const AcountPopOverRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LAccountPopover?.styleOverrides
-}));
-export {
-  AcountPopOverRoot as A
-};

package/components/AccountPopover/subcomponents/MyAvatar/index-B5TQqcPH.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { A as Avatar } from "../../../mui_extended/Avatar/Avatar-D1P1ad6r.js";
-function MyAvatar(props) {
-  const { avatarUrl, firstName = "", lastName = "arreee", ...other } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      alt: "full_name",
-      color: "default",
-      ...avatarUrl ? {
-        src: `${host_static_assets}/${environment_assets}/frontend/domain/${avatarUrl}`
-      } : { children: `${firstName[0]}${lastName[0]}` },
-      ...other
-    }
-  );
-}
-export {
-  MyAvatar as M
-};

package/components/AccountPopover/subcomponents/PopOver/index-B3d9Xop9.js

@@ -1,207 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { C as CircularProgress } from "../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { useTheme, ButtonBase } from "@mui/material";
-import { g as getAccountPopoverClassesUtilityClass } from "../../classes/index-BPokei6j.js";
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";
-import { M as MyAvatar } from "../MyAvatar/index-B5TQqcPH.js";
-import { useState } from "react";
-import { P as Popover } from "../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
-import { I as Icon } from "../../../Icon/Icon-1jxG9mYZ.js";
-const MenuPopOver = (props) => {
-  const {
-    data,
-    itemHandleClick,
-    version,
-    handleLogOut,
-    classes,
-    userData,
-    settingsHandleOpen: settingHandleOpen,
-    asyncState
-  } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { avatarUrl, firstName, lastName, email } = userData || {};
-  const { getLabel } = useModuleDictionary();
-  const [open, setOpen] = useState(null);
-  const theme = useTheme();
-  const handleClick = (item) => {
-    itemHandleClick(item);
-    handleClose();
-  };
-  const handleClose = () => {
-    setOpen(null);
-  };
-  const handleOpen = (event) => {
-    setOpen(event.currentTarget);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "presentation",
-      className: classes.containerAvatarPopover,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAvatarPopover") } : {},
-      children: [
-        /* @__PURE__ */ jsx(ButtonBase, { children: /* @__PURE__ */ jsx(
-          MyAvatar,
-          {
-            className: classes.myAvatar,
-            avatarUrl,
-            firstName: firstName || "",
-            lastName: lastName || "",
-            onClick: handleOpen
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          Popover,
-          {
-            open: Boolean(open),
-            anchorEl: open,
-            onClose: handleClose,
-            className: classes.popover,
-            arrowType: "no-arrow",
-            anchorOrigin: { vertical: "bottom", horizontal: "right" },
-            transformOrigin: { vertical: "top", horizontal: "right" },
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("popover") } : {},
-            sx: {
-              mt: "5px",
-              ...theme.components?.M4LAccountPopoverPopover?.styleOverrides
-            },
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: classes.containerUserInfo,
-                  ...process.env.NODE_ENV !== "production" ? {
-                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerUserInfo")
-                  } : {},
-                  children: [
-                    " ",
-                    /* @__PURE__ */ jsxs("div", { className: classes.containerUserName, children: [
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/users.svg`
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { className: classes.labelUserName, children: `${firstName} ${lastName}` })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: classes.containerUserEmail, children: [
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/email.svg`
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { className: classes.labelUserEmail, children: email })
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: classes.containerAppVersion,
-                  ...process.env.NODE_ENV !== "production" ? {
-                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAppVersion")
-                  } : {},
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/version.svg`
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: classes.labelVersion, children: `${getLabel("account_popover.label_version")} ${version}` })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: classes.containerMenuItems,
-                  ...process.env.NODE_ENV !== "production" ? {
-                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerMenuItems")
-                  } : {},
-                  children: [
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        role: "button",
-                        tabIndex: 0,
-                        className: classes.containerSetting,
-                        onClick: () => {
-                          settingHandleOpen();
-                          handleClose();
-                        },
-                        onKeyDown: (event) => {
-                          if (event.key === "Enter" || event.key === " ") {
-                            settingHandleOpen();
-                            handleClose();
-                            event.preventDefault();
-                          }
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Icon,
-                            {
-                              src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/configuration.svg`
-                            }
-                          ),
-                          /* @__PURE__ */ jsx("div", { className: classes.menuItem, children: getLabel("account_popover.label_settings") })
-                        ]
-                      }
-                    ),
-                    asyncState === "loaded" ? data.map((option) => /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        role: "presentation",
-                        onClick: () => handleClick(option),
-                        className: classes.menuItem,
-                        ...process.env.NODE_ENV !== "production" ? {
-                          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("menuItem")
-                        } : {},
-                        children: option.title
-                      },
-                      option.title
-                    )) : /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: classes.containerProgress,
-                        ...process.env.NODE_ENV !== "production" ? {
-                          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerProgress")
-                        } : {},
-                        children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { role: "button", tabIndex: 0, className: classes.containerlogOut, onClick: handleLogOut, children: [
-                /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/sign_off.svg`
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    role: "presentation",
-                    className: classes.logOut,
-                    ...process.env.NODE_ENV !== "production" ? {
-                      [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("logOut")
-                    } : {},
-                    children: getLabel("account_popover.label_logout")
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  MenuPopOver as M
-};

package/components/AppBar/AppBar-rzLpA1iD.js

@@ -1,57 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AppBarRoot } from "./styles-DEP7cqpd.js";
-import { useResponsiveContainerStore } from "@m4l/graphics";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "./tests/utils-B28LDbSp.js";
-import { u as useAppBarUtilityClasses } from "./classes/index-DrzQShzd.js";
-import { T as Typography } from "../mui_extended/Typography/Typography-CiRwBv1u.js";
-import { I as IconButton } from "../mui_extended/IconButton/IconButton-Bf75xsn0.js";
-import { I as Image } from "../Image/Image-BjqOt3pz.js";
-const AppBar = (props) => {
-  const { onToggleVisible, children, companyLogo, companyName } = props;
-  const { isUpSm } = useResponsiveContainerStore((state) => state);
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const classes = useAppBarUtilityClasses();
-  const { getLabel } = useModuleDictionary();
-  return /* @__PURE__ */ jsxs(
-    AppBarRoot,
-    {
-      className: classes.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: [
-        companyLogo && isUpSm ? /* @__PURE__ */ jsx("div", { className: classes.containerLogo, children: /* @__PURE__ */ jsxs("div", { className: classes.containerImageTypography, children: [
-          /* @__PURE__ */ jsx(Image, { src: companyLogo, alt: "logo" }, "Logo"),
-          /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", skeletonWidth: "100px", children: companyName })
-        ] }) }) : null,
-        !isUpSm ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.containerIconMenuToggle,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerIconMenuToggle") } : {},
-            children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                tooltip: getLabel("appbar.tooltip_toogle_menu"),
-                className: classes.iconMenuToggle,
-                src: `${host_static_assets}/${environment_assets}/frontend/components/settings/assets/icons/options.svg`,
-                onClick: onToggleVisible
-              }
-            )
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.containerChilds,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerChilds") } : {},
-            children
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  AppBar as A
-};

package/components/AppBar/classes/constants-BMVeFXZd.js

@@ -1,4 +0,0 @@
-const componentName = "M4LAppBar";
-export {
-  componentName as c
-};

package/components/AppBar/classes/index-DrzQShzd.js

@@ -1,33 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-BMVeFXZd.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "containerChilds",
-  "containerIconMenuToggle",
-  "iconMenuToggle",
-  "containerLogo",
-  "containerImageTypography"
-  /* states or variants of elements */
-]);
-function getAppBarClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useAppBarUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    containerChilds: ["containerChilds"],
-    containerIconMenuToggle: ["containerIconMenuToggle"],
-    iconMenuToggle: ["iconMenuToggle"],
-    containerLogo: ["containerLogo"],
-    containerImageTypography: ["containerImageTypography"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getAppBarClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useAppBarUtilityClasses as u
-};

package/components/AppBar/dictionary-DxNEDzLB.js

@@ -1,6 +0,0 @@
-function getAppBarDictionary() {
-  return ["appbar"];
-}
-export {
-  getAppBarDictionary as g
-};

package/components/AppBar/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/AppBar/styles-DEP7cqpd.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const AppBarRoot = styled("header")(({ theme }) => ({
-  ...theme.components?.M4LAppBar?.styleOverrides
-}));
-export {
-  AppBarRoot as A
-};

package/components/AppBar/tests/constants-RDOlKZ0s.js

@@ -1,4 +0,0 @@
-const APPBAR_PREFIX = "M4LAppBar";
-export {
-  APPBAR_PREFIX as A
-};

package/components/AppBar/tests/utils-B28LDbSp.js

@@ -1,7 +0,0 @@
-import { A as APPBAR_PREFIX } from "./constants-RDOlKZ0s.js";
-const getNameDataTestId = (KEY) => {
-  return `${APPBAR_PREFIX}-${KEY}`;
-};
-export {
-  getNameDataTestId as g
-};

package/components/BaseModule/BaseModule-1qgJozad.js

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, ModulePrivilegesProvider } from "@m4l/core";
-import { useLocales } from "@m4l/graphics";
-import { M as ModalProvider } from "../../contexts/ModalContext/index-BZQsMljQ.js";
-function BaseModule(props) {
-  const {
-    children,
-    isAuth = true,
-    moduleId,
-    moduleNameField,
-    skeletonFlags,
-    privileges,
-    componentsDictionary
-  } = props;
-  const localeString = useLocales().currentLocale?.localeString;
-  return /* @__PURE__ */ jsx(FlagsProvider, { children: /* @__PURE__ */ jsx(
-    ModuleDictionaryProvider,
-    {
-      isAuth,
-      moduleId,
-      moduleNameField,
-      componentsDictionary,
-      currentLang: localeString,
-      children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, { flags: skeletonFlags, children: isAuth ? /* @__PURE__ */ jsx(ModulePrivilegesProvider, { queryPrivileges: privileges, children: /* @__PURE__ */ jsx(ModalProvider, { children }) }) : /* @__PURE__ */ jsx(ModalProvider, { children }) })
-    }
-  ) });
-}
-export {
-  BaseModule as B
-};

package/components/BaseModule/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/CommonActions/classes/constants-BrkHp2Ia.js

@@ -1,4 +0,0 @@
-const componentName = "M4LCommonActions";
-export {
-  componentName as c
-};

package/components/CommonActions/classes/index-BnG1pLyl.js

@@ -1,33 +0,0 @@
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-BrkHp2Ia.js";
-import { g as getComponentUtilityClass } from "../../../utils/index-WXiWKKyo.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "skeleton",
-    "actionCancel",
-    "actionFormCancel",
-    "actionFormIntro",
-    "actionIntro",
-    "wrapperActions"
-    /* states or variants of elements */
-  ]
-);
-const useCommonActionsUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"],
-    actionCancel: ["actionCancel"],
-    actionFormCancel: ["actionFormCancel"],
-    actionFormIntro: ["actionFormIntro"],
-    actionIntro: ["actionIntro"],
-    wrapperActions: ["wrapperActions"]
-  };
-  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-};
-export {
-  useCommonActionsUtilityClasses as u
-};

package/components/CommonActions/components/ActionCancel/index-CI0Yqh5P.js

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/Button-BdusSjEV.js";
-import { u as useCommonActionsUtilityClasses } from "../../classes/index-BnG1pLyl.js";
-const ActionCancel = (props) => {
-  const { getLabel } = useModuleDictionary();
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "inherit", ...props, className: classes.actionCancel, children: getLabel("common_actions.cancel") });
-};
-export {
-  ActionCancel as A
-};