@m4l/components 0.2.35 → 1.0.0

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/assets/Logo/index.228dcb5a.js

@@ -1,93 +0,0 @@
-import { Link } from "react-router-dom";
-import { useTheme } from "@mui/material/styles";
-import { Box } from "@mui/material";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-function Logo({
-  disabledLink = false,
-  sx
-}) {
-  const theme = useTheme();
-  const PRIMARY_LIGHT = theme.palette.primary.light;
-  const PRIMARY_MAIN = theme.palette.primary.main;
-  const PRIMARY_DARK = theme.palette.primary.dark;
-  const logo = /* @__PURE__ */ jsx(Box, {
-    sx: {
-      width: 40,
-      height: 40,
-      ...sx
-    },
-    children: /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "100%",
-      height: "100%",
-      viewBox: "0 0 512 512",
-      children: [/* @__PURE__ */ jsxs("defs", {
-        children: [/* @__PURE__ */ jsxs("linearGradient", {
-          id: "BG1",
-          x1: "100%",
-          x2: "50%",
-          y1: "9.946%",
-          y2: "50%",
-          children: [/* @__PURE__ */ jsx("stop", {
-            offset: "0%",
-            stopColor: PRIMARY_DARK
-          }), /* @__PURE__ */ jsx("stop", {
-            offset: "100%",
-            stopColor: PRIMARY_MAIN
-          })]
-        }), /* @__PURE__ */ jsxs("linearGradient", {
-          id: "BG2",
-          x1: "50%",
-          x2: "50%",
-          y1: "0%",
-          y2: "100%",
-          children: [/* @__PURE__ */ jsx("stop", {
-            offset: "0%",
-            stopColor: PRIMARY_LIGHT
-          }), /* @__PURE__ */ jsx("stop", {
-            offset: "100%",
-            stopColor: PRIMARY_MAIN
-          })]
-        }), /* @__PURE__ */ jsxs("linearGradient", {
-          id: "BG3",
-          x1: "50%",
-          x2: "50%",
-          y1: "0%",
-          y2: "100%",
-          children: [/* @__PURE__ */ jsx("stop", {
-            offset: "0%",
-            stopColor: PRIMARY_LIGHT
-          }), /* @__PURE__ */ jsx("stop", {
-            offset: "100%",
-            stopColor: PRIMARY_MAIN
-          })]
-        })]
-      }), /* @__PURE__ */ jsxs("g", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        children: [/* @__PURE__ */ jsx("path", {
-          fill: "url(#BG1)",
-          d: "m1.9 136.9 208.3 120.3v240.5L1.9 377.5z"
-        }), /* @__PURE__ */ jsx("path", {
-          fill: "url(#BG2)",
-          d: "m226.8 257.2 208.5-120.3v240.6L226.8 497.8z"
-        }), /* @__PURE__ */ jsx("path", {
-          fill: "url(#BG3)",
-          d: "M218.6 242.8 10.2 122.5 218.6 2.2 427 122.5z"
-        })]
-      })]
-    })
-  });
-  if (disabledLink) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: logo
-    });
-  }
-  return /* @__PURE__ */ jsx(Link, {
-    to: "/",
-    children: logo
-  });
-}
-export {
-  Logo as L
-};

package/assets/Logo.d.ts

@@ -1,6 +0,0 @@
-import { BoxProps } from '@mui/material';
-interface Props extends BoxProps {
-    disabledLink?: boolean;
-}
-export declare function Logo({ disabledLink, sx }: Props): import("react/jsx-runtime").JSX.Element;
-export default Logo;

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/CommonActions/components/ActionCancel/index.416cbf9b.js

@@ -1,20 +0,0 @@
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
-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
-};

package/components/CommonActions/components/ActionFormCancel/index.78267f7c.js

@@ -1,61 +0,0 @@
-import { useFormContext, useFormState } from "react-hook-form";
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
-import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.f73d7e42.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
-import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.ee6de236.js";
-function ActionFormCancel() {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    openModal
-  } = useModal();
-  const {
-    close: closeWindow,
-    setFnQueryClose: setQueryClose
-  } = useWindowToolsMF();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isDirty
-  } = useFormState({
-    control
-  });
-  const onConfirmQuit = useCallback(() => {
-    closeWindow();
-  }, []);
-  const onClickCancel = useCallback(() => {
-    if (isDirty) {
-      openModal({
-        window: /* @__PURE__ */ jsx(WindowConfirm, {
-          variant: "warning",
-          title: getLabel("common_actions.confirm_quit_title"),
-          msg: getLabel("common_actions.confirm_quit_msg"),
-          onClickIntro: onConfirmQuit
-        }),
-        variant: "warning"
-      });
-    } else {
-      onConfirmQuit();
-    }
-  }, [getLabel, isDirty, openModal]);
-  useEffect(() => {
-    setQueryClose(onClickCancel);
-  }, [onClickCancel]);
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "outlined",
-    color: "inherit",
-    onClick: onClickCancel,
-    className: classes.actionFormCancel,
-    children: getLabel("common_actions.cancel")
-  });
-}
-export {
-  ActionFormCancel as A
-};

package/components/CommonActions/components/ActionFormIntro/index.dcb4d280.js

@@ -1,40 +0,0 @@
-import { useFormContext, useFormState } from "react-hook-form";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.c3084916.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
-function ActionFormIntro(props) {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isSubmitting
-  } = useFormState({
-    control
-  });
-  const classes = useCommonActionsUtilityClasses();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    });
-  }
-  return /* @__PURE__ */ jsx(LoadingButton, {
-    variant: "contained",
-    type: "submit",
-    color: "primary",
-    loading: isSubmitting,
-    className: classes.actionFormIntro,
-    ...props,
-    children: getLabel("common_actions.intro")
-  });
-}
-export {
-  ActionFormIntro as A
-};

package/components/CommonActions/components/ActionIntro/index.094290fd.js

@@ -1,26 +0,0 @@
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
-const ACTIONINTRO_TEST_ID = "m4lactions";
-const ActionIntro = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(Button, {
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: ACTIONINTRO_TEST_ID
-    } : {},
-    variant: "contained",
-    type: "submit",
-    color: "primary",
-    className: classes.actionIntro,
-    ...props,
-    children: getLabel("common_actions.intro")
-  });
-};
-export {
-  ActionIntro as A
-};