@m4l/components 3.1.7 → 3.1.8

package/components/maps/index-Ci-7-FHg.js

@@ -1,7 +0,0 @@
-function bearingRawToCSS(gpsBearing, offsetRotate) {
-  const rotation = -((360 + offsetRotate - gpsBearing) % 360);
-  return rotation;
-}
-export {
-  bearingRawToCSS as b
-};

package/components/modal/WindowBase-Gd27v5FU.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
-import { useEnvironment } from "@m4l/core";
-import clsx from "clsx";
-import { I as Icon } from "../Icon/index-C89MAkeH.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-CusYFjie.js";
-import { u as useModal } from "../../hooks/useModal/index-BJSQOX3U.js";
-const Header = (props) => {
-  const { title, onClickCancel, urlIcon, classes } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const handlerClick = (e) => {
-    e.stopPropagation();
-    onClickCancel && onClickCancel();
-  };
-  return /* @__PURE__ */ jsxs("div", { id: "Header", className: clsx(classes.headerContainer, "m4l_draggable_handle"), children: [
-    urlIcon && /* @__PURE__ */ jsx("div", { className: classes.iconHeader, children: /* @__PURE__ */ jsx(Icon, { src: urlIcon, size: "medium" }) }),
-    /* @__PURE__ */ jsx("div", { className: classes.titleHeader, children: title }),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        className: classes.iconCloseHeader,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
-        onClick: (e) => handlerClick(e),
-        "aria-label": "click"
-      }
-    )
-  ] });
-};
-const WindowBase = (props) => {
-  const { children, onClickCancel, ...other } = props;
-  const { closeModal, variant } = useModal();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  const classes = modalUtilityClasses({ variant });
-  return /* @__PURE__ */ jsxs("div", { className: classes.windowBaseRoot, children: [
-    /* @__PURE__ */ jsx(Header, { ...other, onClickCancel: onCloseCancel, classes }),
-    /* @__PURE__ */ jsx("div", { className: classes.windowContent, children })
-  ] });
-};
-export {
-  WindowBase as W
-};

package/components/modal/WindowConfirm-u6vAMFo7.js

@@ -1,73 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index-CuG1pnXW.js";
-import { Typography } from "@mui/material";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index-BJSQOX3U.js";
-import { I as Image } from "../Image/index-COp8vP0X.js";
-import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
-import { W as WindowBase } from "./WindowBase-Gd27v5FU.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-CIdpDXkr.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-CqqDZZcG.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
-    // msg = 'Are you sure you want to perform this action? Once complete, the information will be deleted.',
-  } = 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 onClikIntroLocal = () => {
-    closeModal();
-    if (onClickIntro) {
-      onClickIntro();
-    }
-  };
-  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: onClikIntroLocal })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  WindowConfirm as W
-};

package/components/modal/index-CydPIpKZ.js

@@ -1,65 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-const componentName = "M4LModal";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "windowBaseRoot",
-  "containerWindow",
-  "headerContainer",
-  "iconHeader",
-  "titleHeader",
-  "iconCloseHeader",
-  "containerMassageIlustration",
-  "modalContent",
-  "illustrationContainer",
-  "messageContainer",
-  "illustration",
-  "windowConfirm",
-  "resizeHandle",
-  "windowContent",
-  /* states or variants of elements */
-  "variantDelete",
-  "variantWarning",
-  "variantInfo",
-  "variantPrimary"
-]);
-function getModalUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const modalUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState?.variant === "delete" && "variantDelete",
-      ownerState.variant === "warning" && "variantWarning",
-      ownerState.variant === "info" && "variantInfo",
-      ownerState.variant === "success" && "variantSuccess"
-    ],
-    windowBaseRoot: ["windowBaseRoot"],
-    containerWindow: ["containerWindow"],
-    headerContainer: ["headerContainer"],
-    iconHeader: ["iconHeader"],
-    titleHeader: ["titleHeader"],
-    iconCloseHeader: ["iconCloseHeader"],
-    containerMassageIlustration: ["containerMassageIlustration"],
-    modalContent: ["modalContent"],
-    illustrationContainer: ["illustrationContainer"],
-    messageContainer: ["messageContainer"],
-    illustration: ["illustration"],
-    windowConfirm: ["windowConfirm"],
-    resizeHandle: ["resizeHandle"],
-    windowContent: ["windowContent"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getModalUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const getModalDictionary = () => {
-  return "modal_dialog";
-};
-export {
-  getModalDictionary as g,
-  modalUtilityClasses as m
-};

package/components/mui_extended/Accordion/index-DMLYJL7o.js

@@ -1,124 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index-CusYFjie.js";
-import { useEnvironment } from "@m4l/core";
-import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index-DKj6m8SL.js";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
-import { I as Icon } from "../../Icon/index-C89MAkeH.js";
-import { T as Typography } from "../Typography/index-Cf_4Zw8f.js";
-const componentName = "M4LAccordion";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "endIcon",
-  "labelIcon",
-  "label",
-  "content"
-  /* states or variants of elements */
-]);
-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
-  };
-};
-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/Avatar/index-ClBa-6eF.js

@@ -1,64 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avatar$1 } from "@mui/material";
-import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index-DKj6m8SL.js";
-import clsx from "clsx";
-const AVATAR_PREFIX = "M4LAvatar";
-const getNameAvatarDataTestId = (KEY) => {
-  return `${AVATAR_PREFIX}-${KEY}`;
-};
-const SkeletonAvatar = (props) => {
-  const { className } = props;
-  return /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      variant: "circular",
-      width: "32px",
-      height: "32px",
-      className,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameAvatarDataTestId("skeleton") } : {}
-    }
-  );
-};
-const componentName = "M4LAvatar";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton"
-  /* states or variants of elements */
-]);
-function getAvatarUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useAvatarUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getAvatarUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const Avatar = forwardRef(
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ({ color = "default", sx, className, ...other }, ref) => {
-    const isSkeleton = useModuleSkeleton();
-    const classes = useAvatarUtilityClasses();
-    return /* @__PURE__ */ jsx(
-      AvatarRoot,
-      {
-        className: clsx(classes.root, className),
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameAvatarDataTestId("root") } : {},
-        children: !isSkeleton ? /* @__PURE__ */ jsx(Avatar$1, { ref, ...other }) : /* @__PURE__ */ jsx(SkeletonAvatar, { className: classes.skeleton })
-      }
-    );
-  }
-);
-Avatar.displayName = "Avatar";
-export {
-  Avatar as A
-};

package/components/mui_extended/Badge/index-zI-F_Qkq.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
-import "@mui/base";
-import { az as BadgeRoot } from "../../../styles/index-DKj6m8SL.js";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-const componentName = "M4LBadge";
-const badgeClasses = generateUtilityClasses(componentName, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-const BADGE_PREFIX = "M4LBadge";
-const getNameBadgeDataTestId = (ELEMENTKEY, ID) => {
-  return `${BADGE_PREFIX}-${ELEMENTKEY}-${ID}`;
-};
-const Badge = (props) => {
-  const { children, dataTestId = "", ...others } = props;
-  return /* @__PURE__ */ jsx(
-    BadgeRoot,
-    {
-      className: badgeClasses.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameBadgeDataTestId("root", dataTestId) } : {},
-      children: /* @__PURE__ */ jsx(Badge$1, { ...others, children })
-    }
-  );
-};
-export {
-  Badge as B
-};

package/components/mui_extended/BoxIcon/index-BUTJ2tKw.js

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Box } from "@mui/material";
-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-DTS7rOZH.js

@@ -1,86 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-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";
-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
-};