@m4l/components 3.1.9 → 4.0.0

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/styles-B-bKLBgN.js

@@ -0,0 +1,29 @@
+import { styled, alpha } from "@mui/material/styles";
+import { ListItemText } from "@mui/material";
+const NavItemMainRoot = styled("div", {
+  shouldForwardProp: (prop) => prop !== "activeRoot"
+})(({ activeRoot, theme }) => ({
+  ...activeRoot && {
+    ...theme.colorSchemes.finalTheme.typography.subtitle2,
+    color: theme.vars.palette.primary.main,
+    backgroundColor: alpha(
+      theme.colorSchemes.finalTheme.palette.primary.main,
+      theme.vars.palette.action.selectedOpacity
+    )
+  }
+}));
+styled(ListItemText, {
+  shouldForwardProp: (prop) => prop !== "isCollapse"
+})(({ isCollapse, theme }) => ({
+  whiteSpace: "nowrap",
+  transition: theme.transitions.create(["width", "opacity"], {
+    duration: theme.transitions.duration.shorter
+  }),
+  ...isCollapse && {
+    width: 0,
+    opacity: 0
+  }
+}));
+export {
+  NavItemMainRoot as N
+};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/index-NbDs8ek_.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
+import { A as ArrowIcon } from "../../../ArrowIcon/index-BFSPWIQ2.js";
+import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { I as Icon } from "../../../../../../../../../Icon/Icon-_wceDYwV.js";
+const NavItemMainContent = (props) => {
+  const { item, onClick, handlerOpen, changeVisible, open } = props;
+  const { title, icon_url: icon, children } = item;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { classes } = useSideBar();
+  const isDesktop = useResponsiveDesktop();
+  const handlerClick = (event) => {
+    onClick && onClick(item);
+    handlerOpen && handlerOpen(event);
+    !isDesktop && changeVisible && changeVisible();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: classes.navItemRootContent,
+      id: "WrapperNavItemRootContent",
+      onClick: handlerClick,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: classes.navItemRootContentIconTypo, children: [
+          icon ? /* @__PURE__ */ jsx(
+            Icon,
+            {
+              src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon}`
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(Typography, { variant: "paragraph", color: "text.secondary", children: title })
+        ] }),
+        children ? /* @__PURE__ */ jsx(ArrowIcon, { openState: open }) : null
+      ]
+    }
+  );
+};
+export {
+  NavItemMainContent as N
+};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/index-C8DIt_9z.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Collapse } from "@mui/material";
+import { useState, useEffect } from "react";
+import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
+import { N as NavListSubItemRoot } from "./styles-DufcL0vH.js";
+import { N as NavSubItem } from "./subcomponents/NavItemSub/index-balvzY2-.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 { useBase, BaseProvider } from "@m4l/core";
+import { useLocation } from "react-router-dom";
+function NavListSubItem(props) {
+  const { item: list, closePopover = () => {
+  } } = props;
+  const { setAncestorActive } = useBase();
+  const [internalItemActive, setInternalItemActive] = useState(false);
+  const { classes, isItemActive } = useSideBar();
+  const active = isItemActive(list);
+  const [openSub, setOpenSub] = useState(false);
+  const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
+  const location = useLocation();
+  useEffect(() => {
+    let mounted = true;
+    if (mounted) {
+      if (active || internalItemActive) {
+        setAncestorActive(true);
+      } else {
+        setAncestorActive(false);
+      }
+    }
+    return function cleanUp() {
+      setAncestorActive(false);
+      mounted = false;
+    };
+  }, [active, internalItemActive, location.search]);
+  return /* @__PURE__ */ jsx(
+    NavListSubItemRoot,
+    {
+      className: clsx(
+        classes.navListSubItemRoot,
+        active || internalItemActive ? classes.subItemActive : null
+      ),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("navListSubItemRoot") } : {},
+      children: hasChildren ? /* @__PURE__ */ jsx(
+        BaseProvider,
+        {
+          value: {
+            ancestorActive: internalItemActive,
+            setAncestorActive: setInternalItemActive
+          },
+          children: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              NavSubItem,
+              {
+                item: list,
+                openSub,
+                setOpenSub,
+                closePopover
+              }
+            ),
+            /* @__PURE__ */ jsx(Collapse, { in: openSub, timeout: "auto", unmountOnExit: true, children: (list.children || []).map((item) => /* @__PURE__ */ jsx(NavListSubItem, { item, closePopover }, item.title)) })
+          ] })
+        }
+      ) : /* @__PURE__ */ jsx(
+        NavSubItem,
+        {
+          item: list,
+          openSub,
+          setOpenSub,
+          closePopover
+        }
+      )
+    }
+  );
+}
+export {
+  NavListSubItem as N
+};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/styles-DufcL0vH.js

@@ -0,0 +1,8 @@
+import { styled } from "@mui/material";
+const NavListSubItemRoot = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+export {
+  NavListSubItemRoot as N
+};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/index-balvzY2-.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { N as NavSubItemContent } from "./subcomponents/NavItemSubContent/index-CqBv7uIS.js";
+import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
+function NavSubItem(props) {
+  const { item, closePopover, setOpenSub, openSub } = props;
+  const { onClick } = useSideBar();
+  return /* @__PURE__ */ jsx(
+    NavSubItemContent,
+    {
+      item,
+      onClick: () => onClick(item),
+      closePopover,
+      setOpenSub,
+      openSub
+    }
+  );
+}
+export {
+  NavSubItem as N
+};

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

@@ -0,0 +1,57 @@
+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-BFSPWIQ2.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-_wceDYwV.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

@@ -0,0 +1,39 @@
+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/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.d.ts

@@ -2,5 +2,5 @@
 import { DotIconProps } from './types';
 export declare const NavSubItemContentRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "alignItems" | "divider" | "dense" | "sx" | "classes" | "autoFocus" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "alignItems" | "divider" | "dense" | "sx" | "classes" | "autoFocus" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const DotIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DotIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/SideBar/subcomponents/ContentMobile/index-26xDb69z.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
+import { C as ContentGroups } from "../ContentGroups/index-S2HkF6xA.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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,57 @@
+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

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

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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,29 @@
+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

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

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

@@ -0,0 +1,7 @@
+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-CbeZ1op9.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } 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 { R as RootStyled } from "./slots/toastContainerSlots-CFxsbGFM.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__ */ 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

@@ -0,0 +1,8 @@
+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-DzYEKmB3.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { toast } from "react-toastify";
+import { T as ToastMessage } from "../subcomponents/ToastMessage/ToastMessage-CuWJpRHm.js";
+function optionsToProps(toastProps, containerId) {
+  return {
+    containerId,
+    type: toastProps?.type,
+    toastId: toastProps?.toastId,
+    autoClose: toastProps?.autoClose
+  };
+}
+function triggerToast({ props, toastOptions, containerId, type = "default" }) {
+  const currentContainerId = containerId || toastOptions?.containerId;
+  const allProps = { ...props, ...optionsToProps(toastOptions, currentContainerId) };
+  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) {
+  const toaster = (props, toastOptions = {}) => {
+    return triggerToast({ props, toastOptions, containerId });
+  };
+  toaster.success = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "success", containerId });
+  toaster.info = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "info", containerId });
+  toaster.warning = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "warning", containerId });
+  toaster.error = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "error", containerId });
+  return toaster;
+}
+export {
+  createToaster as c
+};

package/components/ToastContainer/icons-CuE5RTrU.js

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+