@m4l/components 0.1.13 → 0.1.15

package/components/ObjectLogs/index.27ef875d.js

@@ -1,266 +0,0 @@
-import { useState as _, useEffect as f, useCallback as d, useMemo as $ } from "react";
-import { useNetwork as k, useModuleDictionary as y, useEnvironment as h, usePaginate as O } from "@m4l/core";
-import { styled as g } from "@mui/material/styles";
-import { D as R, g as I } from "../DataGrid/index.b688877d.js";
-import { D as L } from "../formatters/DateFormatter/index.ad8d9b8e.js";
-import { Tooltip as G, IconButton as M } from "@mui/material";
-import { R as S } from "../../react-json-view.f56a7f8e.js";
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { u as T } from "../../hooks/useModal/index.6571d2d9.js";
-import { I as u } from "../Icon/index.cbca79b0.js";
-import { D as E, g as K } from "../DynamicFilter/index.82ce857e.js";
-const q = g("div")(() => ({
-  height: "100%",
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "flex-start"
-})), J = g("div")(({
-  theme: o
-}) => ({
-  position: "relative",
-  height: "auto",
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  "& .MuiFormControl-root": {
-    flexGrow: 1
-  },
-  [o.breakpoints.up("sm")]: {
-    "& .MuiFormControl-root:nth-of-type(1)": {
-      marginRight: o.spacing(3)
-    }
-  }
-})), N = g("div")(() => ({
-  position: "relative",
-  flexGrow: "1",
-  width: "100%"
-})), Q = g("div")(({ theme: o }) => ({
-  color: o.palette.text.primary,
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
-g("span")(({ theme: o }) => ({
-  color: o.palette.text.primary,
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
-function U(o) {
-  const {
-    log_id: c
-  } = o, {
-    networkOperation: n
-  } = k(), [e, r] = _({});
-  return f(() => {
-    let s = !0;
-    return n({
-      method: "GET",
-      endPoint: `logs/${c}`
-    }).then((a) => {
-      if (s) {
-        const l = JSON.parse(String(a.data.log_detail));
-        r(l);
-      }
-    }), function() {
-      s = !1;
-    };
-  }, []), /* @__PURE__ */ t(Q, {
-    id: "objectLogsDetail",
-    children: /* @__PURE__ */ t(S, {
-      name: null,
-      sortKeys: !0,
-      displayDataTypes: !1,
-      quotesOnKeys: !1,
-      src: e
-    })
-  });
-}
-function W(o) {
-  const {
-    log_id: c
-  } = o, {
-    openModal: n,
-    closeModal: e
-  } = T(), {
-    getLabel: r
-  } = y(), {
-    host_static_assets: s,
-    environment_assets: a
-  } = h(), l = () => {
-    n({
-      onQueryClose: () => e(),
-      title: r("object_logs.modal_detail_title"),
-      iconComponent: /* @__PURE__ */ t(u, {
-        src: `${s}/${a}/frontend/components/object_logs/assets/icons/search.svg`
-      }),
-      contentComponent: /* @__PURE__ */ t(U, {
-        log_id: c
-      })
-    });
-  };
-  return /* @__PURE__ */ t(G, {
-    title: r("object_logs.view_log_detail"),
-    children: /* @__PURE__ */ t(M, {
-      onClick: l,
-      "aria-label": "filter",
-      children: /* @__PURE__ */ t(u, {
-        src: `${s}/${a}/frontend/components/object_logs/assets/icons/search.svg`
-      })
-    })
-  });
-}
-function ie(o) {
-  const {
-    resource_id: c,
-    object_id: n
-  } = o, {
-    getLabel: e
-  } = y(), {
-    host_static_assets: r,
-    environment_assets: s
-  } = h(), [a, l] = _({
-    resource_id: c,
-    object_id: n
-  }), b = d((i) => /* @__PURE__ */ t(L, {
-    presentationType: "datetime",
-    value: i.row.created_at
-  }), []), w = d((i) => /* @__PURE__ */ t(W, {
-    log_id: i.row.id
-  }), []), j = $(() => [{
-    key: "created_at",
-    name: e("object_logs.created_at"),
-    type: "date",
-    width: 300,
-    formatter: b
-  }, {
-    key: "email",
-    name: e("object_logs.email"),
-    type: "string",
-    width: 300
-  }, {
-    key: "resource_name",
-    name: e("object_logs.resource_name"),
-    type: "string"
-  }, {
-    key: "log_preview",
-    name: e("object_logs.log_preview"),
-    type: "string"
-  }, {
-    key: "Detail",
-    name: e("object_logs.log_detail"),
-    type: "custom",
-    formatter: w
-  }, {
-    key: "ip",
-    name: e("object_logs.ip"),
-    type: "string"
-  }], [e]), {
-    pagerState: p,
-    rows: m,
-    onPageChange: D,
-    onRowsPerPageChange: v,
-    clearRows: C,
-    Refresh: x
-  } = O({
-    endPoint: "logs",
-    fireOnChangeParms: !1,
-    queryParams: a
-  });
-  return f(() => {
-    C(), l((i) => ({
-      ...i,
-      object_id: n
-    }));
-  }, [n]), /* @__PURE__ */ A(q, {
-    children: [/* @__PURE__ */ t(J, {
-      id: "objectLogsActions",
-      children: /* @__PURE__ */ t(E, {
-        withAllField: !0,
-        onChangeFilter: (i, P) => {
-          l((F) => ({
-            ...F,
-            f: P
-          })), x();
-        },
-        automatic: !1,
-        fields: [{
-          name: "user_logs.created_at",
-          label: e("object_logs.created_at"),
-          type: "datetime",
-          multiple: !1,
-          presence: "fixed",
-          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/email.svg`
-        }, {
-          name: "users.email",
-          label: e("object_logs.email"),
-          type: "string",
-          multiple: !0,
-          presence: "optional",
-          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/email.svg`
-        }, {
-          name: "user_logs.log_preview",
-          label: e("object_logs.log_preview"),
-          type: "string",
-          multiple: !0,
-          presence: "optional",
-          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/log_preview.svg`
-        }, {
-          name: "user_logs.log_detail",
-          label: e("object_logs.log_detail"),
-          type: "string",
-          multiple: !0,
-          presence: "optional",
-          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/log_detail.svg`
-        }],
-        initialFilters: []
-      })
-    }), /* @__PURE__ */ t(N, {
-      id: "GridWrapper",
-      children: /* @__PURE__ */ t(R, {
-        id: "users_logs_list",
-        columns: j,
-        rows: m,
-        rowKeyGetter: (i) => i.id,
-        isMultipleSelect: !1,
-        withActions: !0,
-        actionsProps: {
-          withPager: !0,
-          withLocalFilters: !0,
-          pagerOptions: {
-            records: m.length,
-            totalRecords: p.totalRecords,
-            rowsPerPageOptions: [1, 2, 3, 4, 5, 10, 25],
-            page: p.page,
-            rowsPerPage: p.rowsPerPage,
-            onPageChange: D,
-            onRowsPerPageChange: v
-          }
-        }
-      }, "users_list_logs")
-    })]
-  });
-}
-function ne() {
-  return ["object_logs"].concat(I()).concat(K());
-}
-const ae = {
-  object_logs: {
-    created_at: "Start date",
-    user: "User/email",
-    resource_name: "Resource",
-    privilege_name: "Privilege",
-    log_preview: "Log",
-    log_detail: "Detail",
-    ip: "Ip"
-  }
-};
-export {
-  ie as O,
-  ae as d,
-  ne as g
-};

package/components/Page/index.6d69977e.js

@@ -1,35 +0,0 @@
-import { forwardRef as d } from "react";
-import { Helmet as f } from "react-helmet-async";
-import { Box as p } from "@mui/material";
-import { useLocales as u } from "@m4l/graphics";
-import { useDomain as h, useModuleSkeleton as g } from "@m4l/core";
-import { jsxs as o, Fragment as x, jsx as e } from "react/jsx-runtime";
-const P = d((r, t) => {
-  const {
-    children: m,
-    title: n,
-    meta: a,
-    ...i
-  } = r, {
-    currentLang: l
-  } = u(), {
-    name: s
-  } = h(), c = g();
-  return /* @__PURE__ */ o(x, {
-    children: [!c && /* @__PURE__ */ o(f, {
-      children: [/* @__PURE__ */ e("title", {
-        children: `${n} | ${s}`
-      }), /* @__PURE__ */ e("html", {
-        lang: l.value
-      }), a]
-    }), /* @__PURE__ */ e(p, {
-      ref: t,
-      ...i,
-      children: m
-    })]
-  });
-});
-P.displayName = "Page";
-export {
-  P
-};

package/components/PaperForm/index.d7c74064.js

@@ -1,105 +0,0 @@
-import { styled as r } from "@mui/material/styles";
-import { useModuleSkeleton as s } from "@m4l/core";
-import { Skeleton as d } from "@mui/material";
-import { I as l } from "../Icon/index.cbca79b0.js";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-const c = r("div")(({
-  theme: i
-}) => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: i.spacing(1),
-  [i.breakpoints.up("sm")]: {
-    margin: `${i.spacing(1.5)}  ${i.spacing(1.5)}  ${i.spacing(3)}  ${i.spacing(1.5)}`,
-    borderRadius: i.spacing(2),
-    boxShadow: i.customShadows.z8,
-    padding: i.spacing(3),
-    backgroundColor: i.palette.background.paper
-  }
-})), p = r("div")(({
-  theme: i
-}) => ({
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "center",
-  borderBottom: `1px solid ${i.palette.divider}`,
-  paddingBottom: i.spacing(3),
-  marginBottom: i.spacing(2),
-  overflow: "hidden"
-})), g = r("div")(({
-  theme: i
-}) => ({
-  display: "flex",
-  flexDirection: "row",
-  flexGrow: 1,
-  alignItems: "center",
-  cursor: "move",
-  ...i.typography.subtitle1,
-  color: i.palette.text.primary
-})), u = r("div")(({
-  theme: i
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  marginRight: i.spacing(1.5)
-})), f = r("div")(() => ({
-  flexGrow: 1,
-  position: "relative"
-})), m = r("div")(({
-  theme: i
-}) => ({
-  width: "auto",
-  display: "grid",
-  gridTemplateColumns: `${i.spacing(2)} auto`,
-  gridGap: `${i.spacing(1.5)}`,
-  paddingBottom: `${i.spacing(3)}`,
-  borderBottom: `1px solid ${i.palette.divider}`,
-  marginBottom: `${i.spacing(3)}`
-})), x = (i) => {
-  const {
-    urlIcon: n,
-    title: t
-  } = i;
-  return s() ? /* @__PURE__ */ a(m, {
-    children: [/* @__PURE__ */ o(d, {
-      variant: "circular",
-      width: 16,
-      height: 16
-    }), /* @__PURE__ */ o(d, {
-      variant: "text",
-      width: 68,
-      height: 14
-    })]
-  }) : /* @__PURE__ */ o(p, {
-    id: "Header",
-    children: /* @__PURE__ */ a(g, {
-      className: "draggable-dialog-title",
-      children: [/* @__PURE__ */ o(u, {
-        children: /* @__PURE__ */ o(l, {
-          src: n
-        })
-      }), t]
-    })
-  });
-};
-function I(i) {
-  const {
-    urlIcon: n,
-    title: t,
-    children: e
-  } = i;
-  return /* @__PURE__ */ a(c, {
-    id: "ContainerPropertyValue",
-    children: [/* @__PURE__ */ o(x, {
-      urlIcon: n,
-      title: t
-    }), /* @__PURE__ */ o(f, {
-      id: "Content",
-      children: e
-    })]
-  });
-}
-export {
-  I as P
-};

package/components/Period/index.5e68286a.js

@@ -1,160 +0,0 @@
-import { useModuleDictionary as Y, useModuleSkeleton as R, useEnvironment as T } from "@m4l/core";
-import { styled as a, Skeleton as d, Autocomplete as $, TextField as x } from "@mui/material";
-import { useMemo as D } from "react";
-import { I as v } from "../Icon/index.cbca79b0.js";
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { g as O } from "../CommonActions/components/Actions/index.e8148d98.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.84d8898c.js";
-import "react-hook-form";
-import "react-router-dom";
-import "../../contexts/ModalContext/index.2188b69e.js";
-import "@mui/lab";
-const S = a("div")(({
-  theme: t,
-  error: s
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "auto",
-  alignItems: "center",
-  gap: t.spacing(1),
-  border: s ? `1px solid ${t.palette.error.main}` : `1px solid ${t.palette.divider}`,
-  padding: t.spacing(0.5, 1),
-  borderRadius: "4px",
-  "& .MuiAutocomplete-root, & .MuiTextField-root": {
-    width: "100%"
-  },
-  "& .MuiAutocomplete-root .MuiTextField-root": {
-    width: "100%"
-  },
-  "& .MuiTextField-root .MuiInput-input": {
-    padding: "5px!important"
-  }
-})), p = a("div")(({
-  theme: t
-}) => ({
-  width: "1px",
-  height: "20px",
-  backgroundColor: t.palette.divider
-})), P = a("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "auto",
-  height: "37.5px",
-  alignItems: "center",
-  gap: t.spacing(1),
-  border: `1px solid ${t.palette.divider}`,
-  padding: t.spacing(0.5, 1),
-  borderRadius: "4px"
-})), k = a("div")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  width: "100%",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-})), w = a("div")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  width: "70px",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-}));
-var i = /* @__PURE__ */ ((t) => (t[t.YEARS = 0] = "YEARS", t[t.MONTHS = 1] = "MONTHS", t[t.DAYS = 2] = "DAYS", t))(i || {});
-const F = (t) => t ? t.selPeriodTime ? t.selPeriodTime : t.years && t.years > 0 ? i.YEARS : t.months && t.months > 0 ? i.MONTHS : t.days && t.days > 0 ? i.DAYS : i.YEARS : i.YEARS, _ = (t) => t ? t.singleValue !== void 0 ? t.singleValue : t.years && t.years > 0 ? t.years : t.months && t.months > 0 ? t.months : t.days && t.days > 0 ? t.days : "" : "", B = (t) => {
-  const {
-    value: s,
-    onChange: b,
-    error: A = !1,
-    readOnly: M = !1
-  } = t, {
-    getLabel: l
-  } = Y(), C = R(), c = F(s), g = _(s), f = (e, r) => {
-    const o = {
-      selPeriodTime: e,
-      singleValue: r
-    };
-    r !== "" && r > 0 && (o.years = 0, o.months = 0, o.days = 0, e === i.YEARS && (o.years = r), e === i.MONTHS && (o.months = r), e === i.DAYS && (o.days = r)), b(o);
-  }, I = (e) => {
-    e && f(e.id, g);
-  }, {
-    host_static_assets: h,
-    environment_assets: m
-  } = T(), y = D(() => [{
-    id: 0,
-    label: l("period.years")
-  }, {
-    id: 1,
-    label: l("period.months")
-  }, {
-    id: 2,
-    label: l("period.days")
-  }], [l]);
-  return C ? /* @__PURE__ */ u(P, {
-    children: [/* @__PURE__ */ n(d, {
-      variant: "rounded",
-      width: "100%"
-    }), /* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(d, {
-      variant: "rounded",
-      width: "100%"
-    }), /* @__PURE__ */ n(d, {
-      variant: "circular",
-      width: 20,
-      sx: {
-        minWidth: "20px",
-        minHeight: "20px"
-      }
-    })]
-  }) : (M && (s.selPeriodTime, s.singleValue, v, `${h}${m}`), /* @__PURE__ */ u(S, {
-    error: A,
-    children: [/* @__PURE__ */ n($, {
-      options: y,
-      value: y[c],
-      disableClearable: !0,
-      onChange: (e, r) => {
-        I(r);
-      },
-      renderInput: (e) => /* @__PURE__ */ n(x, {
-        ...e,
-        fullWidth: !0,
-        variant: "standard",
-        SelectProps: {
-          native: !0
-        },
-        InputProps: {
-          disableUnderline: !0,
-          ...e.InputProps
-        },
-        autoComplete: "off"
-      }, `tx_async_${e.id}`)
-    }), /* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(x, {
-      type: "number",
-      variant: "standard",
-      value: g,
-      InputProps: {
-        disableUnderline: !0
-      },
-      onChange: (e) => {
-        f(c, e.target.value === "" ? "" : parseInt(e.target.value));
-      }
-    }), /* @__PURE__ */ n(v, {
-      src: `${h}/${m}/frontend/components/period/assets/icons/clock.svg`
-    })]
-  }));
-};
-function J() {
-  return ["period"].concat(O());
-}
-export {
-  B as P,
-  J as g
-};

package/components/PropertyValue/index.ab3dd7e9.js

@@ -1,116 +0,0 @@
-import { styled as p } from "@mui/material/styles";
-import { Skeleton as g } from "@mui/material";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { useResponsiveDesktop as c } from "@m4l/graphics";
-import { useModuleSkeleton as h } from "@m4l/core";
-const y = p("div", {
-  shouldForwardProp: (r) => r !== "propertyWidth" && r !== "propertyHeight" && r !== "isForm"
-})(({
-  propertyWidth: r,
-  isForm: i,
-  theme: t
-}) => ({
-  display: "grid",
-  gridTemplateColumns: "1fr",
-  alignItems: "flex-start",
-  width: "100%",
-  padding: `${t.spacing(1)} ${t.spacing(2)}`,
-  ":hover": {
-    backgroundColor: i ? "unset" : t.palette.grid?.rowHover
-  },
-  borderBottom: i ? "none" : `1px solid ${t.palette.divider}`,
-  flexDirection: "column",
-  [t.breakpoints.up("sm")]: {
-    gridTemplateColumns: r ? `${r}px 1fr` : "150px 1fr",
-    gap: t.spacing(2),
-    alignItems: "center"
-  }
-})), x = p("div", {
-  shouldForwardProp: (r) => r !== "propertyWidth" && r !== "propertyHeight" && r !== "isForm"
-})(({
-  propertyWidth: r,
-  isForm: i,
-  theme: t
-}) => ({
-  width: "100%",
-  minWidth: "100%",
-  ...t.typography.subtitle2,
-  color: t.palette.text.primary,
-  height: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-start",
-  position: "relative",
-  [t.breakpoints.up("sm")]: {
-    borderRight: i ? "none" : `1px solid ${t.palette.divider}`,
-    paddingRight: t.spacing(2),
-    textAlign: "right",
-    width: r || "150px",
-    minWidth: r || "150px",
-    justifyContent: "flex-end"
-  },
-  overflow: "hidden",
-  overflowWrap: "break-word"
-})), v = p("div", {
-  shouldForwardProp: (r) => r !== "valueWidth" && r !== "valueHeight" && r !== "withGrid"
-})(({
-  valueWidth: r,
-  valueHeight: i,
-  theme: t
-}) => ({
-  flexGrow: "1",
-  ...t.typography.body2,
-  color: t.palette.text.secondary,
-  position: "relative",
-  padding: "1px",
-  maxWidth: `${r}%`,
-  width: `${r}%`,
-  height: i,
-  marginTop: t.spacing(1),
-  [t.breakpoints.up("sm")]: {
-    marginTop: "0px"
-  },
-  overflow: "hidden",
-  overflowWrap: "break-word"
-})), m = p("div")(() => ({
-  display: "flex",
-  justifyContent: "flex-end"
-}));
-function w() {
-  return /* @__PURE__ */ n(m, {
-    children: /* @__PURE__ */ n(g, {
-      variant: "text",
-      width: 68,
-      height: 14
-    })
-  });
-}
-function C(r) {
-  const {
-    property: i,
-    value: t,
-    propertyWidth: a = 200,
-    valueHeight: d = "auto",
-    valueWidth: e = "100",
-    isForm: l
-  } = r, o = c(), s = h(), u = (() => e === "75" && o ? "75" : e === "75" && !o ? "100" : e === "50" && o ? "50" : e === "50" && !o ? "100" : e === "25" && o || e === "12.5" && o ? `${e}` : e === "25" && !o ? "50" : e === "12.5" && !o ? "25" : "100")();
-  return /* @__PURE__ */ f(y, {
-    id: "WrapperPropertyValue",
-    isForm: l,
-    propertyWidth: a,
-    children: [/* @__PURE__ */ n(x, {
-      id: "Property",
-      isForm: l,
-      propertyWidth: a,
-      children: s ? /* @__PURE__ */ n(w, {}) : i
-    }), /* @__PURE__ */ n(v, {
-      id: "Value",
-      valueWidth: u,
-      valueHeight: d,
-      children: t
-    })]
-  });
-}
-export {
-  C as P
-};