@m4l/components 0.2.36 → 1.0.0

package/components/mui_extended/MenuActions/index.d92ed0d6.js

@@ -1,175 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React__default, { useState, useEffect, useMemo } from "react";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { styled, IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.4e7340b4.js";
-import { I as Icon } from "../../Icon/index.ee7b85c9.js";
-import clsx from "clsx";
-import { unstable_composeClasses } from "@mui/base";
-import { B as Badge } from "../Badge/index.2a3aef2c.js";
-import { I as IconButton$1 } from "../IconButton/index.b0ee4965.js";
-styled(IconButton)(() => ({}));
-const LabelMemuItem = styled("div")(({ theme }) => ({
-  height: "22px",
-  overflow: "hidden",
-  wordBreak: "break-all",
-  marginLeft: theme.spacing(1.5),
-  display: "flex",
-  alignItems: "center"
-}));
-const ICONS = {
-  MENU: "menu.svg"
-};
-const componentName = "M4LMenuActions";
-generateUtilityClasses(componentName, [
-  "root",
-  "itemDelete"
-]);
-function getMenuActionsUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useMenuActionsUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    itemDelete: ["itemDelete"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getMenuActionsUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function MenuActions(props) {
-  const {
-    menuActions,
-    endListElement,
-    menuActionSx,
-    className,
-    iconButtonClassName = "",
-    objItem = {},
-    urlIcon,
-    toolTip = "",
-    marginTop = -1,
-    marginBottom,
-    marginLeft,
-    marginRight,
-    width = 200,
-    withBadge = false,
-    badgeContent,
-    arrowType = "right-top",
-    externalOpen = null,
-    externalClose,
-    ...other
-  } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { getLabel } = useModuleDictionary();
-  const [open, setOpen] = useState(null);
-  const handleOpen = (event) => {
-    setOpen(event.currentTarget);
-  };
-  const theme = useTheme();
-  const classes = useMenuActionsUtilityClasses();
-  useEffect(() => {
-    let mounted = true;
-    if (mounted) {
-      setOpen(externalOpen);
-    }
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, [externalOpen]);
-  const urlFinalIcon = useMemo(() => {
-    if (urlIcon)
-      return urlIcon;
-    return `${host_static_assets}/${environment_assets}/frontend/components/menu_actions/assets/icons/${ICONS.MENU}`;
-  }, [urlIcon, host_static_assets, environment_assets]);
-  const handleClose = (e) => {
-    e.stopPropagation();
-    setOpen(null);
-    externalClose && externalClose(null);
-  };
-  const handleClick = (e, menuAction) => {
-    e.stopPropagation();
-    setOpen(null);
-    menuAction.onClick();
-  };
-  const finalActions = useMemo(() => {
-    let ret;
-    if (typeof menuActions !== "function") {
-      ret = menuActions;
-    } else {
-      ret = menuActions(objItem);
-    }
-    return ret;
-  }, [menuActions, objItem]);
-  const IconButtonElement = /* @__PURE__ */ jsx(Fragment, { children: withBadge ? /* @__PURE__ */ jsx(Badge, { badgeContent, children: /* @__PURE__ */ jsx(
-    IconButton$1,
-    {
-      src: urlFinalIcon,
-      onClick: handleOpen,
-      tooltip: toolTip,
-      className: iconButtonClassName
-    }
-  ) }) : /* @__PURE__ */ jsx(
-    IconButton$1,
-    {
-      src: urlFinalIcon,
-      onClick: handleOpen,
-      tooltip: toolTip,
-      className: iconButtonClassName
-    }
-  ) });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    IconButtonElement,
-    /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        id: "Popover",
-        open: Boolean(open),
-        anchorEl: open,
-        onClose: handleClose,
-        arrowType,
-        className: clsx(classes.root, className),
-        sx: {
-          marginTop,
-          marginBottom,
-          marginLeft,
-          marginRight,
-          width,
-          maxWidth: 300,
-          "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 },
-          ...theme.components?.M4LMenuActions?.styleOverrides,
-          ...menuActionSx
-        },
-        ...other,
-        children: [
-          finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(
-            MenuItem,
-            {
-              dense: true,
-              onClick: (e) => {
-                handleClick(e, menuAction);
-              },
-              sx: { color: menuAction.color ?? "text.main" },
-              disabled: menuAction.disabled,
-              className: clsx(
-                menuAction?.className,
-                menuAction.variant === "delete" && classes.itemDelete
-              ),
-              children: [
-                menuAction.urlIcon ? /* @__PURE__ */ jsx(Icon, { src: menuAction.urlIcon }) : null,
-                /* @__PURE__ */ jsx(LabelMemuItem, { children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId) })
-              ]
-            },
-            `menu_action_${index}`
-          )),
-          endListElement ? endListElement : null
-        ]
-      }
-    )
-  ] });
-}
-const MemonizedMenuActions = React__default.memo(MenuActions);
-export {
-  MenuActions as M,
-  MemonizedMenuActions as a
-};

package/components/mui_extended/Popover/index.4e7340b4.js

@@ -1,142 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { styled, Popover as Popover$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-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/Stack/index.fe363ca5.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, generateUtilityClass, styled, Stack as Stack$1 } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-const componentName = "M4LStack";
-generateUtilityClasses(componentName, [
-  "root"
-]);
-function getStackUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useStackUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getStackUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const MUISTack = styled(Stack$1)(({ theme }) => ({
-  ...theme.components?.M4LStack?.styleOverrides
-}));
-const classes = useStackUtilityClasses();
-const Stack = (props) => {
-  const { children, className, ...others } = props;
-  return /* @__PURE__ */ jsx(MUISTack, { ...others, className: clsx(classes.root, className), children });
-};
-export {
-  Stack as S
-};

package/components/mui_extended/Tab/index.c5ad86e2.js

@@ -1,134 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { generateUtilityClasses, generateUtilityClass, styled, Tabs as Tabs$1, Tab as Tab$1, Skeleton } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { createContext, useState } from "react";
-const componentName$2 = "M4LTabs";
-generateUtilityClasses(componentName$2, [
-  "root"
-]);
-function getTabsUtilityClass(slot) {
-  return generateUtilityClass(componentName$2, slot);
-}
-const useTabsUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabsUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const MUITabs = styled(Tabs$1)(({ theme }) => ({
-  ...theme.components?.M4LTabs?.styleOverrides
-}));
-const Tabs = (props) => {
-  const { children, className, ...others } = props;
-  const classes = useTabsUtilityClasses();
-  return /* @__PURE__ */ jsx(MUITabs, { className: clsx(classes.root, className), ...others, children });
-};
-const componentName$1 = "M4LTabContent";
-generateUtilityClasses(componentName$1, [
-  "root"
-]);
-function getTabContentUtilityClass(slot) {
-  return generateUtilityClass(componentName$1, slot);
-}
-const useTabContentUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabContentUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const TabContentRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTabContent?.styleOverrides
-}));
-const TabContent = (props) => {
-  const { children, className, ...others } = props;
-  const classes = useTabContentUtilityClasses();
-  return /* @__PURE__ */ jsx(TabContentRoot, { className: clsx(classes.root, className), ...others, children });
-};
-const TabRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTab?.styleOverrides
-}));
-const SKTTabWrapper = styled("div")(({ theme }) => ({
-  padding: theme.spacing(1.5, 2)
-}));
-const componentName = "M4LTab";
-generateUtilityClasses(componentName, [
-  "root",
-  "skeleton"
-]);
-function getTabUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const tabUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const COMPONENT_PREFIX = "m4l-tab";
-function Tab(props) {
-  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = tabUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    TabRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
-        SKTTabWrapper,
-        {
-          className: classes.skeleton,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId(
-              COMPONENT_PREFIX,
-              "skeleton",
-              dataTestId
-            )
-          } : {},
-          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
-        }
-      )
-    }
-  );
-}
-const TabContext = createContext(null);
-function TabProvider(props) {
-  const { children, initialValue } = props;
-  const [currentTab, setCurrentTab] = useState(initialValue);
-  const handleChange = (_event, newTab) => {
-    setCurrentTab(newTab);
-  };
-  return /* @__PURE__ */ jsx(
-    TabContext.Provider,
-    {
-      value: {
-        currentTab: currentTab.toString(),
-        handleChange
-      },
-      children
-    }
-  );
-}
-export {
-  Tabs as T,
-  Tab as a,
-  TabContent as b,
-  TabProvider as c,
-  TabContext as d
-};

package/components/mui_extended/ToggleButton/index.7fbc8614.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.5395d101.js";
-import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
-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
-};

package/components/mui_extended/ToggleIconButton/index.0cd347b4.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.b0ee4965.js";
-import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
-const ToggleAbleIconButton = ({
-  onToggle,
-  isToggled,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      onClick: onToggle,
-      ...props,
-      className: clsx(
-        onToggle ? iconButtonClasses.togglePressed : iconButtonClasses.toggleNotPressed
-      )
-    }
-  );
-};
-const ToggleIconButton = withToggle(ToggleAbleIconButton);
-export {
-  ToggleIconButton as T
-};

package/components/mui_extended/Tooltip/index.49bb5ee1.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, generateUtilityClass, useTheme, Tooltip as Tooltip$1 } from "@mui/material";
-import clsx from "clsx";
-import { unstable_composeClasses } from "@mui/base";
-const componentName = "M4LTooltip";
-generateUtilityClasses(componentName, [
-  "root"
-]);
-function getTooltipUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const tooltipUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTooltipUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const Tooltip = (props) => {
-  const { children, className, ...others } = props;
-  const classes = tooltipUtilityClasses();
-  const theme = useTheme();
-  const stylesoverrides = theme.components?.M4LTooltip?.styleOverrides;
-  return /* @__PURE__ */ jsx(
-    Tooltip$1,
-    {
-      PopperProps: {
-        sx: { ...stylesoverrides },
-        className: clsx(classes.root, className)
-      },
-      ...others,
-      children
-    }
-  );
-};
-export {
-  Tooltip as T
-};

package/components/mui_extended/Typography/index.a1e774a2.js

@@ -1,54 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-const WarpperTypography = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTypography?.styleOverrides
-}));
-const SkeletonTypography = (props) => {
-  const { skeletonWidth, skeletongHeight } = props;
-  return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletongHeight });
-};
-generateUtilityClasses("M4LTypography", [
-  "root"
-]);
-function getTypographyClassesUtilityClass(slot) {
-  return generateUtilityClass("M4LTypography", slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTypographyClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const TYPOGRAPHY_PREFIX = "Typography";
-const getNameDataTestId = (KEY) => {
-  return `${TYPOGRAPHY_PREFIX}-${KEY}`;
-};
-function Typography(props) {
-  const {
-    skeletonWidth = "100%",
-    skeletongHeight = "18px",
-    variant = "body",
-    className,
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    WarpperTypography,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, { ...other, variant }) : /* @__PURE__ */ jsx(SkeletonTypography, { skeletonWidth, skeletongHeight })
-    }
-  );
-}
-export {
-  Typography as T
-};

package/components/mui_extended/index.b606cd9d.js

@@ -1 +0,0 @@
-

package/hooks/useModal/index.30674bb7.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.45c275cd.js";
-function useModal() {
-  const context = useContext(ModalContext);
-  if (!context)
-    throw new Error("useModal context must be use inside ModalContext");
-  return context;
-}
-export {
-  useModal as u
-};