@m4l/components 0.2.35 → 0.2.36

package/components/ObjectLogs/index.1d85a021.js

@@ -1,293 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
-import { styled, Tooltip, IconButton } from "@mui/material";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.abe0f9b9.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
-import { R as ReactJson } from "../../react-json-view.57125fcf.js";
-import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.f73d7e42.js";
-import { I as Icon } from "../Icon/index.ad330e78.js";
-import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.fd86f575.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.c52a8e96.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-const Container = styled("div")(() => ({
-  height: "100%",
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "flex-start",
-  gap: "4px"
-}));
-const Actions = styled("div")(({
-  theme
-}) => ({
-  position: "relative",
-  height: "auto",
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  "& .MuiFormControl-root": {
-    flexGrow: 1
-  },
-  [theme.breakpoints.up("sm")]: {
-    "& .MuiFormControl-root:nth-of-type(1)": {
-      marginRight: theme.spacing(3)
-    }
-  }
-}));
-const GridWrapper = styled("div")(() => ({
-  position: "relative",
-  flexGrow: "1",
-  width: "100%"
-}));
-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({
-      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`
-        }, {
-          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`
-        }, {
-          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`
-        }, {
-          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`
-        }],
-        initialApplyedFilters: []
-      })
-    }), /* @__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/Page/index.5d34dc4d.js

@@ -1,127 +0,0 @@
-import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.27f1f209.js";
-import clsx from "clsx";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-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 ? 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/PrintingSystem/subcomponents/BodyNode/index.319a3bb9.js

@@ -1,48 +0,0 @@
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-const BodyNode = (props) => {
-  const {
-    children,
-    className,
-    direction = "row",
-    gap = "unset",
-    style,
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    alignX = "unset",
-    alignY = "unset",
-    grow = false
-  } = props;
-  const {
-    unitSize
-  } = useBase();
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(classes.bodyNodeRoot, className),
-    style: {
-      flexDirection: direction,
-      gap: getSize(gap, unitSize),
-      width: getSize(width, unitSize),
-      height: getSize(height, unitSize),
-      minWidth: getSize(width, unitSize),
-      minHeight: getSize(height, unitSize),
-      paddingTop: getSize(paddingTop, unitSize),
-      paddingRight: getSize(paddingRight, unitSize),
-      paddingBottom: getSize(paddingBottom, unitSize),
-      paddingLeft: getSize(paddingLeft, unitSize),
-      justifyContent: direction === "row" ? alignX : alignY,
-      alignItems: direction === "row" ? alignY : alignX,
-      flex: grow ? 1 : "unset",
-      ...style
-    },
-    children
-  });
-};
-export {
-  BodyNode as B
-};

package/components/PrintingSystem/subcomponents/DividerNode/index.e504dbd2.js

@@ -1,19 +0,0 @@
-import { c as classes } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-const DividerNode = (props) => {
-  const {
-    direction = "vertical",
-    className = "",
-    style = {}
-  } = props;
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(classes.dividerNodeRoot, className, direction === "vertical" ? classes.dividerNodeVertical : classes.dividerNodeHorizontal),
-    style: {
-      ...style
-    }
-  });
-};
-export {
-  DividerNode as D
-};

package/components/PrintingSystem/subcomponents/FooterNode/index.9a19a7cb.js

@@ -1,48 +0,0 @@
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-const FooterNode = (props) => {
-  const {
-    children,
-    className,
-    direction = "row",
-    gap = "unset",
-    style,
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    alignX = "unset",
-    alignY = "unset",
-    grow = false
-  } = props;
-  const {
-    unitSize
-  } = useBase();
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(classes.footerNodeRoot, className),
-    style: {
-      flexDirection: direction,
-      gap: getSize(gap, unitSize),
-      width: getSize(width, unitSize),
-      height: getSize(height, unitSize),
-      minWidth: getSize(width, unitSize),
-      minHeight: getSize(height, unitSize),
-      paddingTop: getSize(paddingTop, unitSize),
-      paddingRight: getSize(paddingRight, unitSize),
-      paddingBottom: getSize(paddingBottom, unitSize),
-      paddingLeft: getSize(paddingLeft, unitSize),
-      justifyContent: direction === "row" ? alignX : alignY,
-      alignItems: direction === "row" ? alignY : alignX,
-      flex: grow ? 1 : "unset",
-      ...style
-    },
-    children
-  });
-};
-export {
-  FooterNode as F
-};

package/components/PrintingSystem/subcomponents/GridNode/index.8d14e1b6.js

@@ -1,71 +0,0 @@
-import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsxs, jsx } from "react/jsx-runtime";
-const GridNode = (props) => {
-  const {
-    style = {},
-    className = "",
-    rows,
-    columns
-  } = props;
-  const regexPattern = /\$\{([^{}]+)\}/g;
-  const rowMaybeString = typeof rows === "string" && regexPattern.exec(rows) || "";
-  const dataColumns = Array.isArray(columns) && columns.length > 0 ? columns : [];
-  const {
-    unitSize,
-    sourceData
-  } = useBase();
-  const result = getPropertyByString(sourceData, typeof rows === "string" ? rowMaybeString[1] : "");
-  const rowEval = Array.isArray(result) ? result : typeof result === "object" ? [{
-    ...result
-  }] : [];
-  const rowsFormated = typeof rows === "string" ? rowEval : rows;
-  if (dataColumns.length > 0) {
-    return /* @__PURE__ */ jsxs("table", {
-      className: clsx(classes.gridNodeRoot, className),
-      style: {
-        ...style
-      },
-      children: [/* @__PURE__ */ jsx("thead", {
-        children: /* @__PURE__ */ jsx("tr", {
-          className: classes.gridNodeTr,
-          children: columns.map((column) => {
-            return /* @__PURE__ */ jsx("th", {
-              className: classes.gridNodeTh,
-              style: {
-                minWidth: column.width ? getSize(column.width, unitSize) : "auto",
-                maxWidth: column.width ? getSize(column.width, unitSize) : "auto",
-                justifyContent: column.alignX ? column.alignX : "center"
-              },
-              children: evaluateWithContext(sourceData, column.title)
-            }, `th-${Math.random().toString(36).substring(7)}`);
-          })
-        }, `tr-${Math.random().toString(36).substring(7)}`)
-      }), /* @__PURE__ */ jsx("tbody", {
-        children: rowsFormated.map((row) => {
-          return /* @__PURE__ */ jsx("tr", {
-            className: classes.gridNodeTr,
-            children: columns.map((cell, id) => {
-              const isNested = cell.nestedValue ? true : false;
-              return /* @__PURE__ */ jsx("td", {
-                className: classes.gridNodeTd,
-                style: {
-                  minWidth: getSize(dataColumns[id].width || "auto", unitSize),
-                  justifyContent: cell.alignX ? cell.alignX : "center"
-                },
-                children: isNested ? evaluateWithContext({
-                  row
-                }, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
-              }, `td-${Math.random().toString(36).substring(7)}`);
-            })
-          }, `tr-${Math.random().toString(36).substring(7)}`);
-        })
-      })]
-    });
-  }
-  return null;
-};
-export {
-  GridNode as G
-};

package/components/PrintingSystem/subcomponents/HeaderNode/index.89e4eaab.js

@@ -1,48 +0,0 @@
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-const HeaderNode = (props) => {
-  const {
-    children,
-    className,
-    direction = "row",
-    gap = "unset",
-    style,
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    alignX = "unset",
-    alignY = "unset",
-    grow = false
-  } = props;
-  const {
-    unitSize
-  } = useBase();
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(classes.headerNodeRoot, className),
-    style: {
-      flexDirection: direction,
-      gap: getSize(gap, unitSize),
-      width: getSize(width, unitSize),
-      height: getSize(height, unitSize),
-      minWidth: getSize(width, unitSize),
-      minHeight: getSize(height, unitSize),
-      paddingTop: getSize(paddingTop, unitSize),
-      paddingRight: getSize(paddingRight, unitSize),
-      paddingBottom: getSize(paddingBottom, unitSize),
-      paddingLeft: getSize(paddingLeft, unitSize),
-      justifyContent: direction === "row" ? alignX : alignY,
-      alignItems: direction === "row" ? alignY : alignX,
-      flex: grow ? 1 : "unset",
-      ...style
-    },
-    children
-  });
-};
-export {
-  HeaderNode as H
-};

package/components/PrintingSystem/subcomponents/PaperNode/index.dd4ca449.js

@@ -1,46 +0,0 @@
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsxs, jsx } from "react/jsx-runtime";
-const PaperNode = (props) => {
-  const {
-    children,
-    style = {},
-    className = "",
-    title,
-    titleSecondary
-  } = props;
-  const {
-    mainColor
-  } = useBase();
-  const {
-    sourceData
-  } = useBase();
-  const titleFormated = evaluateWithContext(sourceData, title);
-  const titleSecondaryFormated = evaluateWithContext(sourceData, titleSecondary || "");
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(classes.paperNodeRoot, className),
-    style: {
-      ...style
-    },
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: classes.paperNodeContainerTitles,
-      children: [/* @__PURE__ */ jsx("div", {
-        className: classes.paperNodeTitle,
-        children: titleFormated
-      }), titleSecondary ? /* @__PURE__ */ jsx("div", {
-        className: classes.paperNodeTitleSecondary,
-        style: {
-          color: mainColor
-        },
-        children: titleSecondaryFormated
-      }) : null]
-    }), /* @__PURE__ */ jsx("div", {
-      className: classes.paperNodeContent,
-      children
-    })]
-  });
-};
-export {
-  PaperNode as P
-};