@m4l/components 0.1.62 → 0.1.63

package/vendor.a15d263e.js

@@ -0,0 +1,458 @@
+import "./components/Icon/index.0f9b360e.js";
+import "framer-motion";
+import { generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import "react-router-dom";
+import "./components/animate/LoadingScreen/index.1d0c4307.js";
+import "./components/animate/PropagateLoader/index.be5b02c3.js";
+import "./components/areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import "./contexts/ModalContext/index.ae8041f3.js";
+import { useState, useEffect } from "react";
+import "react-hook-form";
+import "@hookform/resolvers/yup";
+import "./contexts/RHFormContext/index.a7511399.js";
+import { useModuleDictionary, useNetwork, useEnvironment } from "@m4l/core";
+import "./components/hook-form/RHFAutocomplete/index.083e23c1.js";
+import "./components/Image/index.1a9c0327.js";
+import { T as Typography } from "./components/mui_extended/Typography/index.41b60a6b.js";
+import "clsx";
+import { I as IconButton } from "./components/mui_extended/IconButton/index.be9c2ce5.js";
+import "./components/mui_extended/Accordion/index.b7487e37.js";
+import { A as Avatar } from "./components/mui_extended/Avatar/index.fe06afd7.js";
+import "@mui/material/Button";
+import "./components/mui_extended/Button/index.d9e0ae2e.js";
+import "@mui/lab";
+import { P as Popover } from "./components/mui_extended/Popover/index.260aae81.js";
+import "./components/mui_extended/MenuActions/index.ec654122.js";
+import "./components/mui_extended/Pager/index.9e123670.js";
+import "./components/mui_extended/Tab/index.e0653a0a.js";
+import "./components/HelperText/index.3c07ca2a.js";
+import "lodash/debounce";
+import "./components/hook-form/RHFAutocompleteAsync/index.ba751be9.js";
+import "./components/hook-form/RHFCheckbox/index.c19393b1.js";
+import "@mui/x-date-pickers";
+import "./components/hook-form/RHFDateTime/index.6c129ce4.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import "./components/hook-form/RHFTextField/index.97485ff2.js";
+import "./components/hook-form/RHFPeriod/index.c0a80aeb.js";
+import "./components/Period/index.99feb99e.js";
+import "./components/CommonActions/components/Actions/index.433cd345.js";
+import { c as cjs } from "./react-draggable.1aa81436.js";
+import "./components/ModalDialog/index.3efe049b.js";
+import "./components/Resizeable/index.b5d42efb.js";
+import "./components/modal/WindowConfirm.c1339cf8.js";
+import "./components/modal/WindowBase.59f50553.js";
+import "./components/areas/components/index.eace295a.js";
+import { A as AreasAdmin } from "./components/areas/components/AreasAdmin/index.51e28f63.js";
+import "zustand";
+import "./components/areas/contexts/AreasContext/index.0792a8d1.js";
+import "zustand/shallow";
+import "./components/areas/components/AreasContainer/index.1e5e6e91.js";
+import "react-grid-layout/css/styles.css";
+import "./react-resizable.e86cb01e.js";
+import "./components/areas/contexts/index.2a915acf.js";
+import "lodash/isString";
+import "react-dropzone";
+import "./components/hook-form/RHFUpload/index.798eb11d.js";
+import "./components/DataGrid/index.42521a55.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./components/DynamicFilter/index.442bda79.js";
+import "./components/ScrollBar/index.bbe48f4d.js";
+import "yup";
+import "./components/LanguagePopover/index.68de7176.js";
+import "./components/NavLink/index.ae9f1cc9.js";
+import "./components/NoItemSelected/index.7cfd7613.js";
+import "./components/ObjectLogs/index.b50726fb.js";
+import "./react-json-view.57125fcf.js";
+import "./components/PaperForm/index.44bf4469.js";
+import "./components/Page/index.4237c241.js";
+import "./components/PropertyValue/index.dfcfe1ba.js";
+import "./react-splitter-layout.8b1655c8.js";
+import "./components/SplitLayout/index.5a8355d8.js";
+import "./components/SideBar/index.011880b6.js";
+import "./components/animate/variants/fade.b561c0fc.js";
+import "./components/animate/variants/bounce.784aaaaa.js";
+import "./components/animate/variants/container.11f82b76.js";
+import "./components/animate/variants/transition.bd46b9ce.js";
+import "./components/animate/MotionContainer/index.8d9f9d80.js";
+import "./components/animate/MotionLazyContainer/index.572dd012.js";
+import "./components/areas/hooks/useDynamicMFParameters/index.041a666b.js";
+import "./components/areas/hooks/index.f4d78492.js";
+import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
+import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
+import "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
+import "./components/mui_extended/BoxIcon/index.e638ecc8.js";
+import "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
+import { C as CircularProgress } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
+import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
+import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+import "./components/formatters/BooleanFormatter/index.cd00c8e1.js";
+import "./components/formatters/DateFormatter/index.578a9f53.js";
+import "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
+import "./components/formatters/PointsFormatter/index.80a4e414.js";
+import "./components/formatters/index.deae4701.js";
+import "./components/formatters/PriceFormatter/index.83cbe7be.js";
+import "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
+import "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js";
+import "./components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js";
+import "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
+import "./components/CommonActions/components/ActionCancel/index.2eb2c1e1.js";
+import "./components/CommonActions/components/ActionIntro/index.0d138cb3.js";
+import "./components/CommonActions/components/ActionFormCancel/index.2864d574.js";
+import "./components/CommonActions/components/ActionFormIntro/index.e7f83ddd.js";
+import "./components/Loadable/index.117eaced.js";
+import "./components/ScrollToTop/index.e06f98f6.js";
+import { unstable_composeClasses } from "@mui/base";
+import { c as getNameDataTestId } from "./utils/index.e199226a.js";
+import "./hooks/useFormAddEdit/index.15de3ba8.js";
+import "./hooks/useModal/index.5c159ed2.js";
+import "./assets/Logo/index.228dcb5a.js";
+const TEST_PROP_ID = "data-testid";
+const DraggableWindow = (props) => {
+  const {
+    children,
+    handle = "m4l_draggable_handle",
+    cancel = '[class*="MuiDialogContent-root"]',
+    defaultPosition,
+    ...others
+  } = props;
+  const [position, setPosition] = useState(defaultPosition || {
+    x: 0,
+    y: 0
+  });
+  const onDrag = (_e, data) => {
+    const {
+      x,
+      y
+    } = data;
+    const xPos = x < 0 ? 0 : Math.round(x);
+    const yPos = y < 0 ? 0 : Math.round(y);
+    setPosition({
+      x: xPos,
+      y: yPos
+    });
+  };
+  return /* @__PURE__ */ jsx(cjs.exports, {
+    handle,
+    cancel,
+    position,
+    onDrag,
+    ...others,
+    children
+  });
+};
+const AppBarRoot = styled("header")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  height: theme.spacing(6),
+  boxShadow: "none",
+  borderBottom: `1px dashed ${theme.palette.divider}`,
+  padding: theme.spacing(0, 1.25),
+  [theme.breakpoints.up("sm")]: {
+    padding: theme.spacing(0, 3),
+    justifyContent: "flex-end"
+  }
+}));
+const componentName$1 = "M4LAppBar";
+generateUtilityClasses(componentName$1, [
+  "root"
+]);
+function getAppBarClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useUtilityClasses$1 = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAppBarClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const ICON_PREFIX = "M4LAppBar";
+const PRIMARY_NAME = ["A", "N", "H", "L", "Q", "9", "8"];
+const INFO_NAME = ["F", "G", "T", "I", "J", "1", "2", "3"];
+const SUCCESS_NAME = ["K", "D", "Y", "B", "O", "4", "5"];
+const WARNING_NAME = ["P", "E", "R", "S", "C", "U", "6", "7"];
+const ERROR_NAME = ["V", "W", "X", "M", "Z"];
+function getFirstCharacter(name) {
+  return name && name.charAt(0).toUpperCase();
+}
+function getAvatarColor(name) {
+  if (PRIMARY_NAME.includes(getFirstCharacter(name)))
+    return "primary";
+  if (INFO_NAME.includes(getFirstCharacter(name)))
+    return "info";
+  if (SUCCESS_NAME.includes(getFirstCharacter(name)))
+    return "success";
+  if (WARNING_NAME.includes(getFirstCharacter(name)))
+    return "warning";
+  if (ERROR_NAME.includes(getFirstCharacter(name)))
+    return "error";
+  return "default";
+}
+function createAvatar(name) {
+  return {
+    name: getFirstCharacter(name),
+    color: getAvatarColor(name)
+  };
+}
+function MyAvatar({
+  ...other
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      src: "",
+      alt: "full_name",
+      color: "default",
+      ...other,
+      children: createAvatar("").name
+    }
+  );
+}
+const AcountPopOverRoot = styled$1("div")(() => ({
+  display: "flex"
+}));
+const ContainerUserInfo = styled$1("div")(({
+  theme
+}) => ({
+  margin: theme.spacing(0, 1.5),
+  padding: theme.spacing(3.75, 0)
+}));
+const ContainerAppVersion = styled$1("div")(({
+  theme
+}) => ({
+  margin: theme.spacing(0, 1.5),
+  paddingBottom: theme.spacing(2.5),
+  display: "flex",
+  flexDirection: "column"
+}));
+const MenuItem = styled$1("div")(({
+  theme
+}) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.primary,
+  padding: theme.spacing(0.75, 0),
+  margin: theme.spacing(0, 1.25),
+  textDecoration: "none"
+}));
+const LogOut = styled$1("div")(({
+  theme
+}) => ({
+  ...theme.typography.body2,
+  cursor: "pointer",
+  color: theme.palette.text.primary,
+  padding: theme.spacing(0.75, 1.25)
+}));
+const ContainerMenuItems = styled$1("div")(({
+  theme
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  borderBottom: "1px solid",
+  borderColor: theme.palette.divider,
+  marginBottom: theme.spacing(1),
+  paddingBottom: theme.spacing(1)
+}));
+const ContainerProgress = styled$1("div")(({
+  theme
+}) => ({
+  padding: theme.spacing(0.75, 0),
+  margin: theme.spacing(0, 1.25)
+}));
+styled$1("div")(({
+  theme
+}) => ({
+  maxWidth: theme.spacing(26),
+  overflow: "auto"
+}));
+const MenuPopOver = (props) => {
+  const {
+    setOpen,
+    open,
+    data,
+    handleClick: onClick,
+    version,
+    handleLogOut,
+    classes
+  } = props;
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const handleClick = (item) => {
+    onClick(item);
+    handleClose();
+  };
+  const handleClose = () => {
+    setOpen(null);
+  };
+  return /* @__PURE__ */ jsxs(Popover, {
+    open: Boolean(open),
+    anchorEl: open,
+    onClose: handleClose,
+    arrowType: "top-right",
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "center"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    sx: {
+      ml: "26px",
+      mt: "10px",
+      maxWidth: "200px",
+      width: "200px"
+    },
+    children: [/* @__PURE__ */ jsxs(ContainerUserInfo, {
+      className: classes.containerUserInfo,
+      children: [/* @__PURE__ */ jsx(Typography, {
+        variant: "subtitle2",
+        noWrap: true
+      }), /* @__PURE__ */ jsx(Typography, {
+        variant: "body2",
+        sx: {
+          color: "text.secondary"
+        },
+        noWrap: true
+      })]
+    }), /* @__PURE__ */ jsx(ContainerAppVersion, {
+      children: /* @__PURE__ */ jsx(Typography, {
+        variant: "subtitle2",
+        noWrap: true,
+        children: `${getLabel("version")} ${version}`
+      })
+    }), /* @__PURE__ */ jsx(ContainerMenuItems, {
+      children: data ? data.length !== 0 && data.map((option) => /* @__PURE__ */ jsx(MenuItem, {
+        onClick: () => handleClick(option),
+        children: option.title
+      }, option.title)) : /* @__PURE__ */ jsx(ContainerProgress, {
+        children: /* @__PURE__ */ jsx(CircularProgress, {
+          size: "20px"
+        })
+      })
+    }), /* @__PURE__ */ jsx(LogOut, {
+      onClick: handleLogOut,
+      children: getLabel("logout")
+    })]
+  });
+};
+const componentName = "M4LAcountPopover";
+generateUtilityClasses(componentName, [
+  "root",
+  "containerUserInfo"
+]);
+function getAccountPopoverClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerUserInfo: ["containerUserInfo"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAccountPopoverClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const AccountPopover = (props) => {
+  const {
+    handleClick,
+    version,
+    handleLogOut
+  } = props;
+  const [open, setOpen] = useState(null);
+  const [asyncState, setAsyncState] = useState("unLoad");
+  const [menuData, setMenuData] = useState([]);
+  const {
+    networkOperation
+  } = useNetwork();
+  useEffect(() => {
+    let mounted = true;
+    if (open && asyncState === "unLoad") {
+      setAsyncState("loading");
+      networkOperation({
+        method: "GET",
+        endPoint: `menus`,
+        parms: {
+          position: 1
+        }
+      }).then((response) => {
+        if (mounted) {
+          setAsyncState("loaded");
+          setMenuData(response.data);
+        }
+      }).catch((_error) => {
+        console.error("AccountData network request error - get menus", _error);
+      });
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [open]);
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsxs(AcountPopOverRoot, {
+    className: classes.root,
+    children: [/* @__PURE__ */ jsx(MyAvatar, {
+      sx: {
+        width: 32,
+        height: 32
+      },
+      onClick: handleOpen
+    }), /* @__PURE__ */ jsx(MenuPopOver, {
+      open,
+      setOpen,
+      data: menuData,
+      handleClick,
+      version,
+      handleLogOut,
+      classes
+    })]
+  });
+};
+const AppBar = (props) => {
+  const {
+    onToggleVisible,
+    handleClick,
+    handleLogOut,
+    version
+  } = props;
+  const isDesktop = useResponsiveDesktop();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const classes = useUtilityClasses$1();
+  return /* @__PURE__ */ jsxs(AppBarRoot, {
+    className: classes.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
+    children: [/* @__PURE__ */ jsx(AreasAdmin, {}), !isDesktop ? /* @__PURE__ */ jsx(IconButton, {
+      tooltip: "test",
+      src: `${host_static_assets}/${environment_assets}/frontend/components/settings/assets/icons/options.svg`,
+      onClick: onToggleVisible
+    }) : null, /* @__PURE__ */ jsx(AccountPopover, {
+      handleClick,
+      handleLogOut,
+      version
+    })]
+  });
+};
+export {
+  AppBar as A,
+  DraggableWindow as D,
+  ICON_PREFIX as I,
+  TEST_PROP_ID as T,
+  AccountPopover as a
+};

package/components/ErrorLabel/index.d.ts

@@ -1,10 +0,0 @@
-import { ErrorLabelProps } from './types';
-import { ErrorLabelClassesType } from './utils/Clases/types';
-/**
- * Provee de un texto que posee los estilos gráficos de error.
- * @param props
- * @returns
- */
-export { errorLabelClasses } from './utils/Clases/index';
-export declare type ErrorLabelClassesKey = ErrorLabelClassesType;
-export declare const ErrorLabel: (props: ErrorLabelProps) => JSX.Element;

package/components/ErrorLabel/index.e140421c.js

@@ -1,65 +0,0 @@
-import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.b29ff2d9.js";
-import "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.afa201a7.js";
-import "../mui_extended/Accordion/index.725a10af.js";
-import "../mui_extended/Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.8406ed5b.js";
-import "../Image/index.aa24e982.js";
-import "@mui/lab";
-import "../mui_extended/Popover/index.8ed52492.js";
-import "../mui_extended/MenuActions/index.1affe51a.js";
-import "../mui_extended/Pager/index.d4d1a1a0.js";
-import "../mui_extended/Tab/index.e0653a0a.js";
-import { t as typographyClasses, T as Typography } from "../mui_extended/Typography/index.be3a279a.js";
-import { unstable_composeClasses } from "@mui/base";
-const ErrorLabelRoot = styled("div")(({
-  theme
-}) => ({
-  margin: "8px 14px 0 14px",
-  [`& .${typographyClasses.root} .MuiTypography-root`]: {
-    color: theme.palette.error.main
-  },
-  ...theme.components?.M4LErrorLabel?.styleOverrides
-}));
-const errorLabelClasses = generateUtilityClasses("M4LErrorLabel", [
-  "root"
-]);
-function getErrorLabelUtilityClass(slot) {
-  return generateUtilityClass("M4LErrorLabel", slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getErrorLabelUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const ErrorLabel = (props) => {
-  const {
-    message,
-    skeletonWidth,
-    skeletongHeight
-  } = props;
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(ErrorLabelRoot, {
-    className: classes.root,
-    children: /* @__PURE__ */ jsx(Typography, {
-      variant: "caption",
-      skeletonWidth,
-      skeletongHeight,
-      children: message
-    })
-  });
-};
-export {
-  ErrorLabel as E,
-  errorLabelClasses as e
-};

package/components/ErrorLabel/types.d.ts

@@ -1,4 +0,0 @@
-import { TypographyProps } from '../mui_extended/Typography/types';
-export interface ErrorLabelProps extends Pick<TypographyProps, 'skeletonWidth' | 'skeletongHeight'> {
-    message: string;
-}

package/components/ErrorLabel/utils/Clases/index.d.ts

@@ -1,6 +0,0 @@
-import { ErrorLabelClassesType } from './types';
-export declare const errorLabelClasses: ErrorLabelClassesType;
-export declare function getErrorLabelUtilityClass(slot: string): string;
-export declare const useUtilityClasses: () => {
-    root: string;
-};

package/components/ErrorLabel/utils/Clases/types.d.ts

@@ -1,3 +0,0 @@
-export interface ErrorLabelClassesType {
-    root: string;
-}