@m4l/components 0.2.35 → 0.2.36

package/components/AccountPopover/index.39efc8f0.js

@@ -1,302 +0,0 @@
-import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
-import { useState, useEffect } from "react";
-import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
-import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.ad330e78.js";
-import clsx from "clsx";
-const componentName = "M4LAccountPopover";
-generateUtilityClasses(componentName, [
-  "root",
-  "containerUserName",
-  "containerUserEmail",
-  "containerlogOut",
-  "containerUserInfo",
-  "containerSetting",
-  "labelUserName",
-  "labelUserEmail",
-  "labelVersion",
-  "containerAvatarPopover",
-  "myAvatar",
-  "popover",
-  "containerAppVersion",
-  "containerMenuItems",
-  "containerProgress",
-  "logOut",
-  "menuItem"
-]);
-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
-  };
-};
-const AcountPopOverRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LAccountPopover?.styleOverrides
-}));
-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
-  });
-}
-const MenuPopOver = (props) => {
-  const {
-    data,
-    itemHandleClick,
-    version,
-    handleLogOut,
-    classes,
-    userData,
-    settingsHandleOpen: settingHandleOpen,
-    asyncState
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    avatar_url,
-    first_name,
-    last_name,
-    email
-  } = userData || {};
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const [open2, 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: avatar_url,
-        firstName: first_name || "",
-        lastName: last_name || "",
-        onClick: handleOpen
-      })
-    }), /* @__PURE__ */ jsxs(Popover, {
-      open: Boolean(open2),
-      anchorEl: open2,
-      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: `${first_name} ${last_name}`
-          })]
-        }), /* @__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", {
-          className: classes.containerSetting,
-          onClick: () => {
-            settingHandleOpen();
-            handleClose();
-          },
-          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", {
-        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")
-        })]
-      })]
-    })]
-  });
-};
-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
-    })
-  });
-};
-function getAccountPopoverDictionary() {
-  return ["account_popover"];
-}
-export {
-  AccountPopover as A,
-  getAccountPopoverDictionary as g
-};

package/components/AppBar/index.c8850b99.js

@@ -1,109 +0,0 @@
-import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { useResponsiveContainerStore } from "@m4l/graphics";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { unstable_composeClasses } from "@mui/base";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.b799c514.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.f8a3021b.js";
-const AppBarRoot = styled("header")(({
-  theme
-}) => ({
-  ...theme.components?.M4LAppBar?.styleOverrides
-}));
-const APPBAR_PREFIX = "M4LAppBar";
-const getNameDataTestId = (KEY) => {
-  return `${APPBAR_PREFIX}-${KEY}`;
-};
-const componentName = "M4LAppBar";
-generateUtilityClasses(componentName, [
-  "root",
-  "containerChilds",
-  "containerIconMenuToggle",
-  "iconMenuToggle",
-  "containerLogo",
-  "containerImageTypography"
-]);
-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
-  };
-};
-const AppBar = (props) => {
-  const {
-    onToggleVisible,
-    children,
-    companyLogo,
-    companyName
-  } = props;
-  const {
-    isUpSm,
-    breakPoint
-  } = useResponsiveContainerStore((state) => state);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const classes = useAppBarUtilityClasses();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  console.log("host break point", breakPoint);
-  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
-    })]
-  });
-};
-function getAppBarDictionary() {
-  return ["appbar"];
-}
-export {
-  AppBar as A,
-  getAppBarDictionary as g
-};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.867b8745.js

@@ -1,26 +0,0 @@
-import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.abe0f9b9.js";
-import { jsx } from "react/jsx-runtime";
-function ColumnInteractiveCheckFormatter(props) {
-  const {
-    row,
-    onRowChange,
-    column
-  } = props;
-  const handleChange = () => {
-    const newRow = {
-      ...row
-    };
-    newRow[column.key] = !row[column.key];
-    onRowChange(newRow);
-  };
-  return /* @__PURE__ */ jsx(Checkbox, {
-    size: "small",
-    checked: row[column.key] || false,
-    onChange: handleChange,
-    className: dataGridClasses.formatterColumn
-  });
-}
-export {
-  ColumnInteractiveCheckFormatter as C
-};