@m4l/components 0.2.35 → 0.2.36

package/components/modal/WindowConfirm.ee6de236.js

@@ -1,105 +0,0 @@
-import { A as Actions } from "../CommonActions/components/Actions/index.fa7ab18c.js";
-import { Typography } from "@mui/material";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.f73d7e42.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.b799c514.js";
-import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.fd86f575.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.416cbf9b.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.094290fd.js";
-const dictionary = {
-  MESSAGE: "common_actions.confirm_quit_msg"
-};
-const MessageIlustration = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    variant
-  } = useModal();
-  const {
-    msg = getLabel(dictionary.MESSAGE),
-    classes,
-    title
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`;
-  const illustrationDanger = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_danger.svg`;
-  const illustrationSuccess = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_success.svg`;
-  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_info.svg`;
-  return /* @__PURE__ */ jsx("div", {
-    className: classes.containerMassageIlustration,
-    children: /* @__PURE__ */ jsxs("div", {
-      className: classes.modalContent,
-      children: [/* @__PURE__ */ jsx("div", {
-        className: classes.illustrationContainer,
-        children: /* @__PURE__ */ jsx(Image, {
-          className: classes.illustration,
-          src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationDanger : variant === "success" ? illustrationSuccess : illustrationInfo
-        })
-      }), /* @__PURE__ */ jsx("div", {
-        children: /* @__PURE__ */ jsx(Typography, {
-          variant: "subtitle",
-          children: title
-        })
-      }), /* @__PURE__ */ jsx("div", {
-        className: classes.messageContainer,
-        children: /* @__PURE__ */ jsx(Typography, {
-          variant: "body",
-          children: msg
-        })
-      })]
-    })
-  });
-};
-const WindowConfirm = (props) => {
-  const {
-    variant,
-    title,
-    onClickCancel,
-    onClickIntro,
-    msg
-  } = props;
-  const {
-    closeModal
-  } = useModal();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  const classes = modalUtilityClasses({
-    variant
-  });
-  return /* @__PURE__ */ jsxs(
-    WindowBase,
-    {
-      title: getLabel("modal_dialog.label_window_confirm"),
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
-      children: [/* @__PURE__ */ jsx(MessageIlustration, {
-        classes,
-        msg,
-        title
-      }), /* @__PURE__ */ jsxs(Actions, {
-        children: [/* @__PURE__ */ jsx(ActionCancel, {
-          onClick: onCloseCancel
-        }), /* @__PURE__ */ jsx(ActionIntro, {
-          onClick: onClickIntro
-        })]
-      })]
-    }
-  );
-};
-export {
-  WindowConfirm as W
-};

package/components/mui_extended/Accordion/index.7dcdfd3a.js

@@ -1,126 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.f8a3021b.js";
-import { useEnvironment } from "@m4l/core";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.ad330e78.js";
-import { T as Typography } from "../Typography/index.379dd374.js";
-const componentName = "M4LAccordion";
-generateUtilityClasses(componentName, [
-  "root",
-  "endIcon",
-  "labelIcon",
-  "label",
-  "content"
-]);
-function getAccordionUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const accordionUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    endIcon: ["endIcon"],
-    labelIcon: ["labelIcon"],
-    label: ["label"],
-    content: ["content"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getAccordionUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  borderRadius: theme.spacing(0.5),
-  height: theme.spacing(4.5),
-  minHeight: theme.spacing(4.5),
-  backgroundColor: theme.palette.background.header,
-  paddingLeft: theme.spacing(2),
-  paddingRight: theme.spacing(2),
-  marginBottom: "0px"
-}));
-styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  gap: theme.spacing(2)
-}));
-const AccordionRoot = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LAccordion?.styleOverrides
-}));
-const COMPONENT_PREFIX = "m4l-accordion";
-function Accordion(props) {
-  const {
-    label,
-    SKTWidht,
-    SKTHeight,
-    children,
-    accordionProps,
-    summaryProps,
-    labelIcon,
-    className,
-    dataTestId = ""
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const classes = accordionUtilityClasses();
-  return /* @__PURE__ */ jsx(AccordionRoot, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-    } : {},
-    children: /* @__PURE__ */ jsxs(Accordion$1, {
-      variant: "outlined",
-      square: true,
-      TransitionProps: {
-        unmountOnExit: true
-      },
-      defaultExpanded: true,
-      ...accordionProps,
-      children: [/* @__PURE__ */ jsx(AccordionSummary, {
-        "aria-controls": "expanded-content",
-        disableTouchRipple: false,
-        expandIcon: /* @__PURE__ */ jsx(IconButton, {
-          "aria-label": "settings",
-          src: `${host_static_assets}/${environment_assets}/frontend/components/accordion/assets/icons/expanded.svg`,
-          className: classes.endIcon
-        }),
-        ...summaryProps,
-        children: /* @__PURE__ */ jsxs("div", {
-          className: classes.labelIcon,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "labelIcon", dataTestId)
-          } : {},
-          children: [labelIcon && /* @__PURE__ */ jsx(Icon, {
-            src: labelIcon
-          }), /* @__PURE__ */ jsx(Typography, {
-            className: classes.label,
-            variant: "subtitle",
-            skeletonWidth: SKTWidht,
-            skeletongHeight: SKTHeight,
-            children: label
-          })]
-        })
-      }), /* @__PURE__ */ jsx(AccordionDetails, {
-        className: classes.content,
-        children
-      })]
-    })
-  });
-}
-export {
-  Accordion as A
-};

package/components/mui_extended/BoxIcon/index.e638ecc8.js

@@ -1,22 +0,0 @@
-import { Box } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-function BoxIcon({
-  src,
-  sx
-}) {
-  return /* @__PURE__ */ jsx(Box, {
-    component: "span",
-    sx: {
-      width: 20,
-      height: 20,
-      display: "inline-block",
-      bgcolor: "currentColor",
-      mask: `url(${src}) no-repeat center / contain`,
-      WebkitMask: `url(${src}) no-repeat center / contain`,
-      ...sx
-    }
-  });
-}
-export {
-  BoxIcon as B
-};

package/components/mui_extended/Breadcrumbs/index.5e37d903.js

@@ -1,94 +0,0 @@
-import { useMemo } from "react";
-import { useModuleDictionary } from "@m4l/core";
-import { Link, Box, Typography, Breadcrumbs as Breadcrumbs$1 } from "@mui/material";
-import { Link as Link$1 } from "react-router-dom";
-import { jsxs, jsx } from "react/jsx-runtime";
-function LinkItem({
-  link
-}) {
-  const {
-    href,
-    name,
-    icon,
-    dictionaryField: dictionaryDescription
-  } = link;
-  const {
-    getLabel
-  } = useModuleDictionary();
-  return /* @__PURE__ */ jsxs(Link, {
-    variant: "body2",
-    component: Link$1,
-    to: href || "#",
-    sx: {
-      lineHeight: 2,
-      display: "flex",
-      alignItems: "center",
-      color: "text.primary",
-      "& > div": {
-        display: "inherit"
-      }
-    },
-    children: [icon && /* @__PURE__ */ jsx(Box, {
-      sx: {
-        mr: 1,
-        "& svg": {
-          width: 20,
-          height: 20
-        }
-      },
-      children: icon
-    }), dictionaryDescription !== void 0 && getLabel ? getLabel(dictionaryDescription) : name]
-  }, name);
-}
-function Breadcrumbs(props) {
-  const {
-    links,
-    activeLast = false,
-    ...other
-  } = props;
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const currentLink = useMemo(() => {
-    if (links.length === 0)
-      return "";
-    const {
-      dictionaryField
-    } = links[links.length - 1];
-    return getLabel(dictionaryField);
-  }, [getLabel, links]);
-  const listDefault = useMemo(() => links.map((link) => /* @__PURE__ */ jsx(LinkItem, {
-    link
-  }, link.name)), [links]);
-  const listActiveLast = useMemo(() => links.map((link) => link.name !== currentLink ? /* @__PURE__ */ jsx(LinkItem, {
-    link
-  }, link.name) : /* @__PURE__ */ jsx(Typography, {
-    variant: "body2",
-    sx: {
-      maxWidth: 260,
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      color: "text.disabled",
-      textOverflow: "ellipsis"
-    },
-    children: currentLink
-  }, link.name)), [currentLink, links]);
-  return /* @__PURE__ */ jsx(Breadcrumbs$1, {
-    id: "MUIBreadcrumbs",
-    separator: /* @__PURE__ */ jsx(Box, {
-      component: "span",
-      sx: {
-        width: 4,
-        height: 4,
-        mx: 0.5,
-        borderRadius: "50%",
-        bgcolor: "text.disabled"
-      }
-    }),
-    ...other,
-    children: activeLast ? listDefault : listActiveLast
-  });
-}
-export {
-  Breadcrumbs as B
-};

package/components/mui_extended/LinkWithRoute/index.16436ab8.js

@@ -1,30 +0,0 @@
-import { Link as Link$1 } from "react-router-dom";
-import { Skeleton, Link } from "@mui/material";
-import { useModuleSkeleton } from "@m4l/core";
-import { jsx } from "react/jsx-runtime";
-const LinkWithRoute = (props) => {
-  const {
-    to,
-    children,
-    skeletonWidth = "100%",
-    skeletonHeight = "14px",
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: skeletonWidth,
-      height: skeletonHeight
-    });
-  }
-  return /* @__PURE__ */ jsx(Link, {
-    component: Link$1,
-    to,
-    ...other,
-    children
-  });
-};
-export {
-  LinkWithRoute as L
-};

package/components/mui_extended/Popover/index.d85de73b.js

@@ -1,179 +0,0 @@
-import { styled, Popover as Popover$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { jsxs, jsx } from "react/jsx-runtime";
-const PopoverRoot = styled(Popover$1)(({
-  theme
-}) => ({
-  ...theme.components?.M4LPopover?.styleOverrides
-}));
-generateUtilityClasses("M4LPopover", [
-  "root",
-  "arrowStyle",
-  "noArrow",
-  "topLeft",
-  "topCenter",
-  "topRight",
-  "bottomLeft",
-  "bottomCenter",
-  "bottomRight",
-  "leftTop",
-  "leftCenter",
-  "leftBottom",
-  "rightTop",
-  "rightCenter",
-  "rightBottom"
-]);
-function getPopoverClassesUtilityClass(slot) {
-  return generateUtilityClass("M4LPopover", slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root"],
-    arrowStyle: ["arrowStyle", ownerState.arrowType === "top-left" && "topLeft", ownerState.arrowType === "top-center" && "topCenter", ownerState.arrowType === "top-right" && "topRight", ownerState.arrowType === "bottom-left" && "bottomLeft", ownerState.arrowType === "bottom-center" && "bottomCenter", ownerState.arrowType === "bottom-right" && "bottomRight", ownerState.arrowType === "left-top" && "leftTop", ownerState.arrowType === "left-center" && "leftCenter", ownerState.arrowType === "left-bottom" && "leftBottom", ownerState.arrowType === "right-top" && "rightTop", ownerState.arrowType === "right-center" && "rightCenter", ownerState.arrowType === "right-bottom" && "rightBottom"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const ArrowStyle = styled("span")(({
-  arrowType,
-  theme
-}) => {
-  const SIZE = 12;
-  const POSITION = -(SIZE / 2);
-  const borderStyle = `solid 1px ${theme.palette.grey[50012]}`;
-  const topStyle = {
-    borderRadius: "0 0 3px 0",
-    top: POSITION,
-    borderBottom: borderStyle,
-    borderRight: borderStyle
-  };
-  const bottomStyle = {
-    borderRadius: "3px 0 0 0",
-    bottom: POSITION,
-    borderTop: borderStyle,
-    borderLeft: borderStyle
-  };
-  const leftStyle = {
-    borderRadius: "0 3px 0 0",
-    left: POSITION,
-    borderTop: borderStyle,
-    borderRight: borderStyle
-  };
-  const rightStyle = {
-    borderRadius: "0 0 0 3px",
-    right: POSITION,
-    borderBottom: borderStyle,
-    borderLeft: borderStyle
-  };
-  return {
-    display: "none",
-    [theme.breakpoints.up("sm")]: {
-      width: SIZE,
-      height: SIZE,
-      content: "''",
-      position: "absolute",
-      display: "block",
-      transform: "rotate(-135deg)",
-      background: theme.palette.background.default
-    },
-    ...arrowType === "top-left" && {
-      ...topStyle,
-      left: 20
-    },
-    ...arrowType === "top-center" && {
-      ...topStyle,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...arrowType === "top-right" && {
-      ...topStyle,
-      right: 20
-    },
-    ...arrowType === "bottom-left" && {
-      ...bottomStyle,
-      left: 20
-    },
-    ...arrowType === "bottom-center" && {
-      ...bottomStyle,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...arrowType === "bottom-right" && {
-      ...bottomStyle,
-      right: 20
-    },
-    ...arrowType === "left-top" && {
-      ...leftStyle,
-      top: 20
-    },
-    ...arrowType === "left-center" && {
-      ...leftStyle,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...arrowType === "left-bottom" && {
-      ...leftStyle,
-      bottom: 20
-    },
-    ...arrowType === "right-top" && {
-      ...rightStyle,
-      top: 20
-    },
-    ...arrowType === "right-center" && {
-      ...rightStyle,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...arrowType === "right-bottom" && {
-      ...rightStyle,
-      bottom: 20
-    }
-  };
-});
-const Popover = (props) => {
-  const {
-    children,
-    arrowType = "top-right",
-    className,
-    ...other
-  } = props;
-  const ownerState = {
-    arrowType
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsxs(PopoverRoot, {
-    className: clsx(classes.root, className),
-    "data-testid": "PopoverRoot",
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    },
-    transitionDuration: 0,
-    PaperProps: {
-      sx: {
-        p: 1,
-        overflow: "inherit"
-      }
-    },
-    ...other,
-    children: [/* @__PURE__ */ jsx(ArrowStyle, {
-      className: classes.arrowStyle,
-      "data-testid": "ArrowStyle",
-      arrowType
-    }), children]
-  });
-};
-export {
-  Popover as P
-};

package/components/mui_extended/ToggleButton/index.191711f3.js

@@ -1,19 +0,0 @@
-import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.c3084916.js";
-import { w as withToggle } from "../../../hocs/withToggle/index.50aec5e4.js";
-import { jsx } from "react/jsx-runtime";
-const ToggleAbleButton = ({
-  onToggle,
-  isToggled,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(Button, {
-    onClick: onToggle,
-    ...props,
-    className: clsx(isToggled ? buttonClasses.togglePressed : buttonClasses.toggleNotPressed)
-  });
-};
-const ToggleButton = withToggle(ToggleAbleButton);
-export {
-  ToggleButton as T
-};