@m4l/components 4.2.0 → 5.0.1

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/index-D-b9FagQ.js

@@ -1,57 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useSideBar } from "../../../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
-import { N as NavSubItemContentRoot } from "./styles-BpxvDTCo.js";
-import { T as TEST_PROP_ID } from "../../../../../../../../../../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "../../../../../../../../../../tests/utils-tW-XG1xE.js";
-import clsx from "clsx";
-import { A as ArrowIcon } from "../../../../../ArrowIcon/index-CdmVlp1X.js";
-import { useEnvironment } from "@m4l/core";
-import { T as Typography } from "../../../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../../../../../../../../../../../Icon/Icon-BV4VaWM4.js";
-const NavSubItemContent = (props) => {
-  const { item, onClick, closePopover = () => {
-  }, setOpenSub, openSub } = props;
-  const { title, icon_url } = item;
-  const { isItemActive, onToggleVisible, classes } = useSideBar();
-  const active = isItemActive(item);
-  const isDesktop = useResponsiveDesktop();
-  const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const handlerClick = () => {
-    onClick(item);
-    if (!hasChildren || hasChildren === void 0) {
-      closePopover();
-    }
-    setOpenSub((val) => !val);
-    if (!isDesktop && (!hasChildren || hasChildren === void 0)) {
-      onToggleVisible();
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    NavSubItemContentRoot,
-    {
-      onClick: handlerClick,
-      disableRipple: true,
-      className: clsx(
-        classes.navSubItemContentRoot,
-        active && classes.subItemActive,
-        hasChildren && openSub ? classes.subItemCollapseActive : ""
-      ),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("navSubItemContentRoot") } : {},
-      children: [
-        icon_url && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon_url}`
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", children: title }),
-        hasChildren ? /* @__PURE__ */ jsx(ArrowIcon, { openState: openSub }) : null
-      ]
-    }
-  );
-};
-export {
-  NavSubItemContent as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles-BpxvDTCo.js

@@ -1,39 +0,0 @@
-import { ListItemButton } from "@mui/material";
-import { styled } from "@mui/material/styles";
-const NavSubItemContentRoot = styled(ListItemButton)(({ theme }) => ({
-  display: "flex",
-  padding: theme.spacing(0, 2),
-  alignItems: "center",
-  height: theme.spacing(6),
-  borderRadius: theme.spacing(1),
-  "& .m4l_icon": {
-    marginRight: theme.spacing(1)
-  }
-}));
-styled("span", {
-  shouldForwardProp: (props) => props !== "active"
-})(({ theme, active }) => ({
-  width: "22px",
-  height: "22px",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: "50%",
-  transition: theme.transitions.create("transform", {
-    duration: theme.transitions.duration.shorter
-  }),
-  "&::before": {
-    content: '""',
-    width: "4px",
-    height: "4px",
-    borderRadius: "50%",
-    backgroundColor: theme.vars.palette.text.disabled,
-    ...active && {
-      transform: "scale(1.5)",
-      backgroundColor: theme.vars.palette.primary.main
-    }
-  }
-}));
-export {
-  NavSubItemContentRoot as N
-};

package/components/SideBar/subcomponents/ContentMobile/index-BQY4i7Cf.js

@@ -1,81 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTheme } from "@mui/material";
-import { C as ContentGroups } from "../ContentGroups/index-Cw6qkzkX.js";
-import { W as WrapperContentMobile } from "./styles-CRzFPD56.js";
-import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "../../tests/utils-tW-XG1xE.js";
-import { D as Drawer } from "./subcomponents/Drawer-C1SYx_3y.js";
-import { T as Typography } from "../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Image } from "../../../Image/Image-BjqOt3pz.js";
-const ContentMobile = () => {
-  const {
-    visible,
-    onToggleVisible,
-    companyLogoSmallUrl,
-    expandedWidth,
-    collapsed,
-    classes,
-    companyName
-  } = useSideBar();
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      open: visible,
-      onClose: onToggleVisible,
-      PaperProps: { sx: { width: expandedWidth } },
-      className: classes.drawer,
-      sx: { ...theme.components?.M4LSideBarDrawer?.styleOverrides },
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.lineLeft,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("lineLeft") } : {}
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          WrapperContentMobile,
-          {
-            className: classes.contentMobile,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("contentMobile") } : {},
-            children: [
-              companyLogoSmallUrl ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classes.containerSideBarLogo,
-                  ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo") } : {},
-                  children: /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: classes.containerLogo,
-                      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerLogo") } : {},
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          Image,
-                          {
-                            width: "40px",
-                            height: "40px",
-                            src: companyLogoSmallUrl,
-                            alt: "logo"
-                          },
-                          "Logo"
-                        ),
-                        !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "subtitleDens", skeletonWidth: "100px", children: companyName })
-                      ]
-                    }
-                  )
-                }
-              ) : null,
-              /* @__PURE__ */ jsx(ContentGroups, {})
-            ]
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  ContentMobile as C
-};

package/components/SideBar/subcomponents/ContentMobile/styles-CRzFPD56.js

@@ -1,18 +0,0 @@
-import { styled } from "@mui/material";
-const WrapperContentMobile = styled("div")(({ theme }) => ({
-  "& .m4l_image": {
-    display: "flex",
-    gap: theme.spacing(3),
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0
-  }
-}));
-styled("div")(({ theme }) => ({
-  width: "100%",
-  height: "auto",
-  padding: theme.spacing(0, 2)
-}));
-export {
-  WrapperContentMobile as W
-};

package/components/SideBar/subcomponents/ContentMobile/subcomponents/Drawer-C1SYx_3y.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Drawer as Drawer$1 } from "@mui/material";
-const Drawer = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(Drawer$1, { ...props, children });
-};
-export {
-  Drawer as D
-};

package/components/SideBar/tests/constants-DIIH2Sct.js

@@ -1,4 +0,0 @@
-const SIDEBAR_PREFIX = "M4LSideBar";
-export {
-  SIDEBAR_PREFIX as S
-};

package/components/SideBar/tests/utils-tW-XG1xE.js

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

package/components/SplitLayout/SplitLayout-B8bP0kvQ.js

@@ -1,57 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { S as SplitLayoutRoot, a as SplitMaster, b as SplitDetail } from "./styles-Cw_bnund.js";
-import { u as useSplitLayoutUtilityClasses } from "./classes/index-Bi71dnD5.js";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameSplitLayoutDataTestId } from "./tests/utils-Qs_xtytB.js";
-import { S as SplitterLayout } from "../../react-splitter-layout-C-JTsNGs.js";
-function SplitLayout(props) {
-  const {
-    splitPosition,
-    firstPart,
-    secondPart,
-    secondParrtInitialSize = 50,
-    percentage = true,
-    className
-  } = props;
-  const ownerState = {
-    splitPosition
-  };
-  const classes = useSplitLayoutUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(
-    SplitLayoutRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameSplitLayoutDataTestId("root") } : {},
-      children: SplitterLayout ? /* @__PURE__ */ jsxs(
-        SplitterLayout,
-        {
-          vertical: splitPosition === "vertical",
-          percentage,
-          secondaryInitialSize: secondParrtInitialSize,
-          children: [
-            /* @__PURE__ */ jsx(
-              SplitMaster,
-              {
-                className: classes.firstPart,
-                ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameSplitLayoutDataTestId("firstPart") } : {},
-                children: typeof firstPart === "function" ? firstPart() : firstPart
-              }
-            ),
-            splitPosition !== "none" && /* @__PURE__ */ jsx(
-              SplitDetail,
-              {
-                className: classes.secondPart,
-                ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameSplitLayoutDataTestId("secondPart") } : {},
-                children: typeof secondPart === "function" ? secondPart() : secondPart
-              }
-            )
-          ]
-        }
-      ) : null
-    }
-  );
-}
-export {
-  SplitLayout as S
-};

package/components/SplitLayout/classes/constants-C_O42A4G.js

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

package/components/SplitLayout/classes/index-Bi71dnD5.js

@@ -1,33 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-C_O42A4G.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "firstPart",
-  "secondPart",
-  /* states or variants of elements */
-  "stateVertical",
-  "stateHorizontal"
-]);
-function getSplitLayoutUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useSplitLayoutUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.splitPosition === "vertical" && "stateVertical",
-      ownerState.splitPosition === "horizontal" && "stateHorizontal"
-    ],
-    firstPart: ["firstPart"],
-    secondPart: ["secondPart"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getSplitLayoutUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useSplitLayoutUtilityClasses as u
-};

package/components/SplitLayout/styles-Cw_bnund.js

@@ -1,29 +0,0 @@
-import { styled } from "@mui/material";
-const SplitLayoutRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LSplitLayout?.styleOverrides
-}));
-const SplitMaster = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  position: "relative",
-  width: "100%",
-  height: "100%",
-  overflow: "hidden"
-}));
-const SplitDetail = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  overflow: "hidden",
-  position: "absolute",
-  left: "0px",
-  right: "0px",
-  top: "0px",
-  bottom: "0px"
-}));
-export {
-  SplitLayoutRoot as S,
-  SplitMaster as a,
-  SplitDetail as b
-};

package/components/SplitLayout/tests/constants-w_t_rd0V.js

@@ -1,4 +0,0 @@
-const SPLITLAYOUT_PREFIX = "M4LSplitLayout";
-export {
-  SPLITLAYOUT_PREFIX as S
-};

package/components/SplitLayout/tests/utils-Qs_xtytB.js

@@ -1,7 +0,0 @@
-import { S as SPLITLAYOUT_PREFIX } from "./constants-w_t_rd0V.js";
-const getNameSplitLayoutDataTestId = (KEY) => {
-  return `${SPLITLAYOUT_PREFIX}-${KEY}`;
-};
-export {
-  getNameSplitLayoutDataTestId as g
-};

package/components/ToastContainer/ToastContainer-_FYxGq0T.js

@@ -1,36 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ToastContainer as ToastContainer$1 } from "react-toastify";
-import { D as DEFAULT_CLOSE_TIME } from "./constants-BrwLWG5c.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
-import "react-toastify/dist/ReactToastify.min.css";
-import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
-import { R as RootStyled } from "./slots/toastContainerSlots-ShE6GR0W.js";
-import { T as ToastContainerSlots } from "./slots/ToastContainerEnum-mpJBAxqc.js";
-const ToastContainer = (props) => {
-  const { children, fixed = true, dataTestId, ...restProps } = props;
-  const ownerState = { fixed };
-  return /* @__PURE__ */ jsx(AppearanceComponentProvider, { children: /* @__PURE__ */ jsxs(
-    RootStyled,
-    {
-      ownerState,
-      ...getPropDataTestId(dataTestId, ToastContainerSlots.root),
-      children: [
-        /* @__PURE__ */ jsx(
-          ToastContainer$1,
-          {
-            stacked: true,
-            icon: false,
-            closeButton: false,
-            autoClose: DEFAULT_CLOSE_TIME,
-            theme: "light",
-            ...restProps
-          }
-        ),
-        children
-      ]
-    }
-  ) });
-};
-export {
-  ToastContainer as T
-};

package/components/ToastContainer/constants-BrwLWG5c.js

@@ -1,8 +0,0 @@
-const TOAST_KEY_COMPONENT = "M4LToastContainer";
-const DEFAULT_CLOSE_TIME = 3e4;
-const ICONS_PATH = "frontend/components/toast/assets/icons";
-export {
-  DEFAULT_CLOSE_TIME as D,
-  ICONS_PATH as I,
-  TOAST_KEY_COMPONENT as T
-};

package/components/ToastContainer/helpers/toaster-WqO38v2y.js

@@ -1,47 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { toast } from "react-toastify";
-import { T as ToastMessage } from "../subcomponents/ToastMessage/ToastMessage-P17rGQi4.js";
-function optionsToProps(toastProps, containerId, size) {
-  return {
-    containerId,
-    type: toastProps?.type,
-    toastId: toastProps?.toastId,
-    autoClose: toastProps?.autoClose,
-    size
-  };
-}
-function triggerToast({
-  props,
-  toastOptions,
-  containerId,
-  type = "default",
-  size
-}) {
-  const currentContainerId = containerId || toastOptions?.containerId;
-  const allProps = { ...props, ...optionsToProps(toastOptions, currentContainerId, size) };
-  const toastFn = type === "default" || type === void 0 ? toast : toast[type];
-  const id = toastFn(/* @__PURE__ */ jsx(ToastMessage, { ...allProps }), {
-    ...toastOptions,
-    containerId: currentContainerId
-  });
-  if (!toastOptions?.toastId) {
-    toast.update(id, {
-      containerId: currentContainerId,
-      render: /* @__PURE__ */ jsx(ToastMessage, { ...allProps, toastId: id })
-    });
-  }
-  return toastOptions?.toastId || id;
-}
-function createToaster(containerId, size) {
-  const toaster = (props, toastOptions = {}) => {
-    return triggerToast({ props, toastOptions, containerId, size });
-  };
-  toaster.success = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "success", containerId, size });
-  toaster.info = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "info", containerId, size });
-  toaster.warning = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "warning", containerId, size });
-  toaster.error = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "error", containerId, size });
-  return toaster;
-}
-export {
-  createToaster as c
-};

package/components/ToastContainer/icons-CuE5RTrU.js

@@ -1,12 +0,0 @@
-const ICONS = {
-  SUCCESS: "success.svg",
-  INFO: "info.svg",
-  WARNING: "warning.svg",
-  ERROR: "error.svg",
-  DEFAULT: "info.svg",
-  CLOSE: "close.svg",
-  PIN: "pin.svg"
-};
-export {
-  ICONS as I
-};

package/components/ToastContainer/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/ToastContainer/slots/ToastContainerEnum-mpJBAxqc.js

@@ -1,17 +0,0 @@
-var ToastContainerSlots = /* @__PURE__ */ ((ToastContainerSlots2) => {
-  ToastContainerSlots2["root"] = "root";
-  ToastContainerSlots2["messageRoot"] = "messageRoot";
-  ToastContainerSlots2["messageHeader"] = "messageHeader";
-  ToastContainerSlots2["messageIconRoot"] = "messageIconRoot";
-  ToastContainerSlots2["messageIcon"] = "messageIcon";
-  ToastContainerSlots2["messageTitle"] = "messageTitle";
-  ToastContainerSlots2["messageDescription"] = "messageDescription";
-  ToastContainerSlots2["messageCloseButton"] = "messageCloseButton";
-  ToastContainerSlots2["messageCloseButtonIcon"] = "messageCloseButtonIcon";
-  ToastContainerSlots2["messagePinButton"] = "messagePinButton";
-  ToastContainerSlots2["messagePinButtonIcon"] = "messagePinButtonIcon";
-  return ToastContainerSlots2;
-})(ToastContainerSlots || {});
-export {
-  ToastContainerSlots as T
-};

package/components/ToastContainer/slots/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/ToastContainer/slots/toastContainerSlots-ShE6GR0W.js

@@ -1,62 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { T as ToastContainerSlots } from "./ToastContainerEnum-mpJBAxqc.js";
-import { T as TOAST_KEY_COMPONENT } from "../constants-BrwLWG5c.js";
-import { t as toastStyles } from "../../../styles/ToastContainer.styles-DyoHGY_x.js";
-import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
-const RootStyled = styled("div", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.root
-})(toastStyles?.root);
-const MessageRootStyled = styled("div", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageRoot
-})(toastStyles?.messageRoot);
-const MessageHeaderStyled = styled("div", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageHeader
-})(toastStyles?.messageHeader);
-const MessageIconRootStyled = styled("div", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageIconRoot
-})(toastStyles?.messageIconRoot);
-const MessageIconStyled = styled(Icon, {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageIcon
-})(toastStyles?.messageIcon);
-const MessageTitleStyled = styled("strong", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageTitle
-})(toastStyles?.messageTitle);
-const MessageDescriptionStyled = styled("p", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageDescription
-})(toastStyles?.messageDescription);
-const MessageCloseButtonStyled = styled("button", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageCloseButton
-})(toastStyles?.messageCloseButton);
-const MessageCloseButtonIconStyled = styled(Icon, {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messageCloseButtonIcon
-})(toastStyles?.messageCloseButtonIcon);
-const MessagePinButtonStyled = styled("button", {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messagePinButton
-})(toastStyles?.messagePinButton);
-const MessagePinButtonIconStyled = styled(Icon, {
-  name: TOAST_KEY_COMPONENT,
-  slot: ToastContainerSlots.messagePinButtonIcon
-})(toastStyles?.messagePinButtonIcon);
-export {
-  MessageRootStyled as M,
-  RootStyled as R,
-  MessageHeaderStyled as a,
-  MessageIconRootStyled as b,
-  MessageIconStyled as c,
-  MessageTitleStyled as d,
-  MessagePinButtonStyled as e,
-  MessagePinButtonIconStyled as f,
-  MessageCloseButtonStyled as g,
-  MessageCloseButtonIconStyled as h,
-  MessageDescriptionStyled as i
-};

package/components/ToastContainer/subcomponents/ToastMessage/ToastMessage-P17rGQi4.js

@@ -1,50 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { T as TOAST_KEY_COMPONENT } from "../../constants-BrwLWG5c.js";
-import { u as useToastMessage } from "./useToastMessage-CnlGBnjj.js";
-import { M as MessageRootStyled, a as MessageHeaderStyled, b as MessageIconRootStyled, c as MessageIconStyled, d as MessageTitleStyled, e as MessagePinButtonStyled, f as MessagePinButtonIconStyled, g as MessageCloseButtonStyled, h as MessageCloseButtonIconStyled, i as MessageDescriptionStyled } from "../../slots/toastContainerSlots-ShE6GR0W.js";
-const ToastMessage = (props) => {
-  const { title, description, closeToast } = props;
-  const { pinToast, isPinned, ownerState, iconPinPath, iconTypePath, iconClosePath, currentSize } = useToastMessage(props);
-  return /* @__PURE__ */ jsxs(MessageRootStyled, { ownerState, children: [
-    /* @__PURE__ */ jsxs(MessageHeaderStyled, { ownerState, children: [
-      /* @__PURE__ */ jsx(MessageIconRootStyled, { ownerState, children: /* @__PURE__ */ jsx(MessageIconStyled, { src: iconTypePath, ownerState, size: currentSize }) }),
-      /* @__PURE__ */ jsx(MessageTitleStyled, { ownerState, size: currentSize, children: title }),
-      !isPinned && /* @__PURE__ */ jsx(
-        MessagePinButtonStyled,
-        {
-          onClick: pinToast,
-          ownerState,
-          "aria-describedby": `${TOAST_KEY_COMPONENT}-pin`,
-          children: /* @__PURE__ */ jsx(
-            MessagePinButtonIconStyled,
-            {
-              src: iconPinPath,
-              size: currentSize,
-              ownerState
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        MessageCloseButtonStyled,
-        {
-          onClick: closeToast,
-          ownerState,
-          "aria-describedby": `${TOAST_KEY_COMPONENT}-close`,
-          children: /* @__PURE__ */ jsx(
-            MessageCloseButtonIconStyled,
-            {
-              src: iconClosePath,
-              size: currentSize,
-              ownerState
-            }
-          )
-        }
-      )
-    ] }),
-    description && /* @__PURE__ */ jsx(MessageDescriptionStyled, { ownerState, size: currentSize, children: description })
-  ] });
-};
-export {
-  ToastMessage as T
-};

package/components/ToastContainer/subcomponents/ToastMessage/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/ToastContainer/subcomponents/ToastMessage/useToastMessage-CnlGBnjj.js

@@ -1,42 +0,0 @@
-import { useState } from "react";
-import { toast } from "react-toastify";
-import { useEnvironment } from "@m4l/core";
-import { I as ICONS_PATH } from "../../constants-BrwLWG5c.js";
-import { I as ICONS } from "../../icons-CuE5RTrU.js";
-import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize-IEs8SldY.js";
-const iconTypes = {
-  default: ICONS.DEFAULT,
-  info: ICONS.INFO,
-  success: ICONS.SUCCESS,
-  warning: ICONS.WARNING,
-  error: ICONS.ERROR
-};
-function useToastMessage(props) {
-  const [isPinned, setIsPinned] = useState(false);
-  const { type, description, toastId, containerId, size } = props;
-  const ownerState = { type, hasDescription: Boolean(description) };
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { currentSize } = useComponentSize(size);
-  const iconToShow = iconTypes?.[type || "default"] || iconTypes.default;
-  const iconTypePath = `${host_static_assets}/${environment_assets}/${ICONS_PATH}/${iconToShow}`;
-  const iconClosePath = `${host_static_assets}/${environment_assets}/${ICONS_PATH}/${ICONS.CLOSE}`;
-  const iconPinPath = `${host_static_assets}/${environment_assets}/${ICONS_PATH}/${ICONS.PIN}`;
-  function pinToast() {
-    if (toastId) {
-      toast.update(toastId, { containerId, autoClose: false, closeOnClick: false });
-      setIsPinned(true);
-    }
-  }
-  return {
-    pinToast,
-    isPinned,
-    ownerState,
-    iconTypePath,
-    iconClosePath,
-    iconPinPath,
-    currentSize
-  };
-}
-export {
-  useToastMessage as u
-};