@m4l/components 3.1.7 → 3.1.8

package/components/ObjectLogs/index-CiXOJpS4.js

@@ -1,233 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
-import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index-DKj6m8SL.js";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index-BZ-lbmuU.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index-CGcRZ8BA.js";
-import { Tooltip, IconButton } from "@mui/material";
-import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
-import { R as ReactJson } from "../../react-json-view-bhqIAaNg.js";
-import { S as ScrollBar } from "../ScrollBar/index-f2URPPE2.js";
-import { u as useModal } from "../../hooks/useModal/index-BJSQOX3U.js";
-import { I as Icon } from "../Icon/index-C89MAkeH.js";
-import { S as Stack } from "../mui_extended/Stack/index-DzEeCYfp.js";
-import { W as WindowBase } from "../modal/WindowBase-Gd27v5FU.js";
-import { D as DynamicFilter } from "../DynamicFilter/index-DZiJc9h7.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary-PrbXU3VZ.js";
-function DetailDialog(props) {
-  const { log_id } = props;
-  const { networkOperation } = useNetwork();
-  const { hostThemeOptions } = useHostTheme();
-  const [detail, setDetail] = useState({});
-  useEffect(() => {
-    let mounted = true;
-    networkOperation({
-      method: "GET",
-      endPoint: `logs/${log_id}`
-    }).then((response) => {
-      if (mounted) {
-        const parseData = JSON.parse(String(response.data.log_detail));
-        setDetail(parseData);
-      }
-    });
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, []);
-  const modeTheme = hostThemeOptions.palette?.mode;
-  return /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(
-    ReactJson,
-    {
-      theme: modeTheme === "dark" ? "summerfruit" : "rjv-default",
-      name: null,
-      sortKeys: true,
-      displayDataTypes: false,
-      quotesOnKeys: false,
-      src: detail
-    }
-  ) });
-}
-function DetailFormatter(props) {
-  const { log_id } = props;
-  const { openModal } = useModal();
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const isDesktop = useResponsiveDesktop();
-  const onClickDetail = () => {
-    openModal({
-      // onQueryClose: () => closeModal(),
-      window: /* @__PURE__ */ jsx(WindowBase, { title: getLabel("data_grid.settings_title"), children: /* @__PURE__ */ jsx(Stack, { direction: "column", flexGrow: 1, children: /* @__PURE__ */ jsx(DetailDialog, { log_id }) }) }),
-      fullScreen: !isDesktop ? true : false
-    });
-  };
-  return /* @__PURE__ */ jsx(Tooltip, { title: getLabel("object_logs.view_log_detail"), children: /* @__PURE__ */ jsx(IconButton, { onClick: onClickDetail, "aria-label": "filter", children: /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/search.svg`
-    }
-  ) }) });
-}
-function ObjectLogs(props) {
-  const { resource_id, object_id, dataTestId = "" } = props;
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const [queryParams, setQueryParams] = useState({
-    resource_id,
-    object_id
-  });
-  const dateFormatterCreatedAt = useCallback(
-    (rowProps) => /* @__PURE__ */ jsx(DateFormatter, { presentationType: "datetime", value: rowProps.row.created_at }),
-    []
-  );
-  const DetailRowFormatter = useCallback(
-    (rowProps) => /* @__PURE__ */ jsx(DetailFormatter, { log_id: rowProps.row.id }),
-    []
-  );
-  const columns = useMemo(
-    () => [
-      {
-        key: "created_at",
-        name: getLabel("object_logs.created_at"),
-        type: "date",
-        width: 300,
-        formatter: dateFormatterCreatedAt
-      },
-      { key: "email", name: getLabel("object_logs.email"), type: "string", width: 300 },
-      {
-        key: "resource_name",
-        name: getLabel("object_logs.resource_name"),
-        type: "string",
-        width: 120
-      },
-      {
-        key: "log_preview",
-        name: getLabel("object_logs.log_preview"),
-        type: "string",
-        width: 250
-      },
-      {
-        key: "Detail",
-        name: getLabel("object_logs.log_detail"),
-        type: "custom",
-        formatter: DetailRowFormatter
-      },
-      { key: "ip", name: getLabel("object_logs.ip"), type: "string", width: 120 }
-    ],
-    [getLabel]
-  );
-  const { pagerState, rows, onPageChange, onRowsPerPageChange, clearRows, Refresh } = usePaginate({
-    endPoint: "logs",
-    fireOnChangeParms: false,
-    queryParams
-  });
-  useEffect(() => {
-    clearRows();
-    setQueryParams((oldParms) => ({ ...oldParms, object_id }));
-  }, [object_id]);
-  const onChangeFilter = (_initFilters, rawFilters) => {
-    setQueryParams((oldParms) => ({ ...oldParms, f: rawFilters }));
-    Refresh();
-  };
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: `m4ldatagrid-${dataTestId}` } : {},
-      children: [
-        /* @__PURE__ */ jsx(Actions, { id: "objectLogsActions", children: /* @__PURE__ */ jsx(
-          DynamicFilter,
-          {
-            withAllField: true,
-            onChangeFilters: onChangeFilter,
-            automatic: false,
-            fields: [
-              {
-                name: "user_logs.created_at",
-                dictionaryId: "object_logs.created_at",
-                type: "datetime",
-                multiple: false,
-                presence: "fixed",
-                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
-                // defaultOperand1: startOfMonth(now),
-                // defaultOperand2: endOfDay(new Date()),
-              },
-              {
-                name: "users.email",
-                dictionaryId: "object_logs.email",
-                type: "string",
-                multiple: true,
-                presence: "optional",
-                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
-                // defaultOperand1: startOfMonth(now),
-                // defaultOperand2: endOfDay(new Date()),
-              },
-              {
-                name: "user_logs.log_preview",
-                dictionaryId: "object_logs.log_preview",
-                type: "string",
-                multiple: true,
-                presence: "optional",
-                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_preview.svg`
-                // defaultOperand1: startOfMonth(now),
-                // defaultOperand2: endOfDay(new Date()),
-              },
-              {
-                name: "user_logs.log_detail",
-                dictionaryId: "object_logs.log_detail",
-                type: "string",
-                multiple: true,
-                presence: "optional",
-                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_detail.svg`
-              }
-            ],
-            initialAppliedFilters: []
-          }
-        ) }),
-        /* @__PURE__ */ jsx(GridWrapper, { id: "GridWrapper", children: /* @__PURE__ */ jsx(
-          DataGrid,
-          {
-            id: "users_logs_list",
-            dataTestId,
-            columns,
-            rows,
-            rowKeyGetter: (row) => row.id,
-            withActions: true,
-            actionsProps: {
-              withPager: true,
-              withLocalFilters: true,
-              pagerOptions: {
-                records: rows.length,
-                totalRecords: pagerState.totalRecords,
-                rowsPerPageOptions: [1, 2, 3, 4, 5, 10, 25],
-                page: pagerState.page,
-                rowsPerPage: pagerState.rowsPerPage,
-                onPageChange,
-                onRowsPerPageChange
-              }
-            }
-          },
-          "users_list_logs"
-        ) })
-      ]
-    }
-  );
-}
-function getObjectLogsComponentsDictionary() {
-  return ["object_logs"].concat(getDataGridComponentsDictionary()).concat(getDynamicFilterComponentsDictionary());
-}
-const defaultObjectLogDictionary = {
-  object_logs: {
-    created_at: "Start date",
-    user: "User/email",
-    resource_name: "Resource",
-    privilege_name: "Privilege",
-    log_preview: "Log",
-    log_detail: "Detail",
-    ip: "Ip"
-  }
-};
-export {
-  ObjectLogs as O,
-  defaultObjectLogDictionary as d,
-  getObjectLogsComponentsDictionary as g
-};

package/components/PDFViewer/index-GVN2rfd6.js

@@ -1,51 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { P as PDFVeiwerRoot } from "../../styles/index-DKj6m8SL.js";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { B as Button } from "../mui_extended/Button/index-CGfZbaea.js";
-const componentName = "M4LPDFViewer";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "buttonDownload"
-  /* states or variants of elements */
-]);
-function getPDFViewerUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const pdfviewerUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    buttonDownload: ["buttonDownload"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPDFViewerUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const PDFViewer = (props) => {
-  const { pdfUrl } = props;
-  const handleDownload = async () => {
-    try {
-      const response = await fetch(pdfUrl);
-      const blob = await response.blob();
-      const url = window.URL.createObjectURL(new Blob([blob]));
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = pdfUrl.substring(pdfUrl.lastIndexOf("/") + 1);
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-    } catch (error) {
-      console.error("Error al descargar el PDF:", error);
-    }
-  };
-  const classes = pdfviewerUtilityClasses();
-  return /* @__PURE__ */ jsxs(PDFVeiwerRoot, { className: classes.root, children: [
-    /* @__PURE__ */ jsx("embed", { src: pdfUrl, type: "application/pdf", width: "100%", height: "100%" }),
-    /* @__PURE__ */ jsx(Button, { onClick: handleDownload, variant: "contained", children: "Descargar PDF" })
-  ] });
-};
-export {
-  PDFViewer as P
-};

package/components/Page/index-DZMkYmr4.js

@@ -1,117 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index-B2qcnfw0.js";
-import clsx from "clsx";
-import React__default from "react";
-import { Helmet } from "react-helmet-async";
-import { useLocales } from "@m4l/graphics";
-const PagerNode = (props) => {
-  const { style = {}, className = "" } = props;
-  const { mainColor, countPages, pageId } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.pagerNodeRoot, className),
-      style: {
-        ...style,
-        color: mainColor
-      },
-      children: ` ${pageId} / ${countPages}`
-    }
-  );
-};
-const PageNode = (props) => {
-  const {
-    children,
-    style = {},
-    className = "",
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    gap = "unset"
-  } = props;
-  const { unitSize } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.pageNodeRoot, className),
-      style: {
-        width: getSize(width, unitSize),
-        gap: getSize(gap, unitSize),
-        height: getSize(height, unitSize),
-        minWidth: getSize(width, unitSize),
-        minHeight: typeof height === "number" ? `${height}${unitSize}` : height,
-        paddingTop: typeof paddingTop === "number" ? `${paddingTop}${unitSize}` : paddingTop,
-        paddingRight: typeof paddingRight === "number" ? `${paddingRight}${unitSize}` : paddingRight,
-        paddingBottom: typeof paddingBottom === "number" ? `${paddingBottom}${unitSize}` : paddingBottom,
-        paddingLeft: typeof paddingLeft === "number" ? `${paddingLeft}${unitSize}` : paddingLeft,
-        ...style
-      },
-      children
-    }
-  );
-};
-const PageRender = (props) => {
-  const {
-    data: parent,
-    id,
-    unitSize,
-    mainColor,
-    countPages,
-    HeaderGeneral,
-    FooterGeneral,
-    sourceData,
-    templateData
-  } = props;
-  const { children, ...otherProps } = parent || {};
-  return /* @__PURE__ */ jsx(
-    BaseProvider,
-    {
-      value: {
-        pageId: id,
-        unitSize,
-        mainColor,
-        countPages,
-        HeaderGeneral,
-        FooterGeneral,
-        templateData,
-        sourceData
-      },
-      children: /* @__PURE__ */ jsxs(PageNode, { ...otherProps, children: [
-        Array.isArray(children) && children.length > 0 ? (
-          // eslint-disable-next-line @typescript-eslint/no-shadow
-          children.map((subComponent, id2) => {
-            return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-              id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, { ancestor: parent }, `${parent.key}-header`) : null : null,
-              /* @__PURE__ */ jsx(FactoryRender, { data: subComponent }, `${parent.type}-${subComponent.key}`),
-              id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, { ancestor: parent }, `${parent.key}-footer`) : null : null
-            ] }, `fragment-page-${id2}`);
-          })
-        ) : null,
-        typeof children === "string" ? children : null
-      ] })
-    }
-  );
-};
-const HelmetPage = (props) => {
-  const { children, title, meta, subtitle } = props;
-  const localeString = useLocales().currentLocale?.localeString;
-  const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !isSkeleton && /* @__PURE__ */ jsxs(Helmet, { children: [
-      /* @__PURE__ */ jsx("title", { children: `${title}${subtitle ? ` | ${subtitle}` : ""} ` }),
-      /* @__PURE__ */ jsx("html", { lang: localeString }),
-      meta
-    ] }),
-    children
-  ] });
-};
-HelmetPage.displayName = "Page";
-export {
-  HelmetPage as H,
-  PagerNode as P,
-  PageRender as a
-};

package/components/PaperForm/index-DwgAfjci.js

@@ -1,59 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index-DKj6m8SL.js";
-import { useModuleSkeleton } from "@m4l/core";
-import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index-C89MAkeH.js";
-import { unstable_composeClasses } from "@mui/base";
-const Header = (props) => {
-  const { urlIcon, title, classes } = props;
-  const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsx(HeaderContainer, { id: "Header", className: classes.headerContainer, children: !isSkeleton ? /* @__PURE__ */ jsxs(IconTitleContainer, { className: classes.iconTitleContainer, children: [
-    urlIcon ? /* @__PURE__ */ jsx(IconHeader, { className: classes.iconHeaderContainer, children: /* @__PURE__ */ jsx(Icon, { src: urlIcon }) }) : null,
-    title
-  ] }) : /* @__PURE__ */ jsxs(SkTPaperFormHeader, { className: classes.skeletonContainer, children: [
-    /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 16, height: 16 }),
-    /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 68, height: 14 })
-  ] }) });
-};
-const componentName = "M4LPaperForm";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "headerContainer",
-  "iconTitleContainer",
-  "iconHeaderContainer",
-  "skeletonContainer",
-  /* states or variants of elements */
-  "isForm"
-]);
-function getPaperFormUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const paperFormUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.isForm && "isForm"],
-    headerContainer: ["headerContainer"],
-    iconTitleContainer: ["iconTitleContainer"],
-    iconHeaderContainer: ["iconHeaderContainer"],
-    skeletonContainer: ["skeletonContainer"],
-    content: ["content"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPaperFormUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function PaperForm(props) {
-  const { urlIcon, title, children, isForm = false } = props;
-  const ownerState = {
-    isForm
-  };
-  const classes = paperFormUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsxs(PaperFormRoot, { className: classes.root, children: [
-    /* @__PURE__ */ jsx(Header, { urlIcon, title, classes }),
-    /* @__PURE__ */ jsx(Content, { className: classes.content, children })
-  ] });
-}
-export {
-  PaperForm as P
-};