@m4l/components 0.1.26 → 0.1.28

package/components/PaperForm/index.3f8c7ef2.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.f569765b.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.a112ce37.js

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

package/components/contexts/RHFormContext/index.33dba822.js

@@ -1,56 +0,0 @@
-import { useEffect as t } from "react";
-import { useForm as f, FormProvider as m } from "react-hook-form";
-import { o as n } from "../../../node_modules.168cb897.js";
-import { styled as c } from "@mui/material/styles";
-import { jsx as l } from "react/jsx-runtime";
-const h = c("form")(({
-  theme: r
-}) => ({
-  display: "flex",
-  marginBottom: r.spacing(1),
-  flexDirection: "column",
-  width: "100%",
-  overflow: "auto",
-  maxWidth: r.stretch ? "unset" : "900px",
-  padding: r.spacing(3)
-}));
-function P(r) {
-  const {
-    children: d,
-    onSubmit: i,
-    values: s,
-    validationSchema: u,
-    statusLoad: o = "ready"
-  } = r, e = f({
-    resolver: n(u),
-    defaultValues: s
-  });
-  return t(() => {
-    if (console.log("useEffect FormProvider reload_values_provider===", o, s, e), o === "reload_values_provider") {
-      Object.keys(s).forEach((a) => {
-        e.setValue(a, s[a], {
-          shouldValidate: !1,
-          shouldDirty: !1,
-          shouldTouch: !1
-        });
-      });
-      return;
-    }
-  }, [e, o, s]), t(() => {
-    o === "ready" && (console.log("useEffect FormProvider Ready", o), e.setValue("statusLoad", "ready", {
-      shouldValidate: !1,
-      shouldDirty: !1,
-      shouldTouch: !1
-    }));
-  }, [o]), /* @__PURE__ */ l(m, {
-    ...e,
-    children: /* @__PURE__ */ l(h, {
-      id: "formProvider",
-      onSubmit: e.handleSubmit(i),
-      children: d
-    })
-  });
-}
-export {
-  P as R
-};

package/components/formatters/BooleanFormatter/index.3ec56305.js

@@ -1,42 +0,0 @@
-import { useModuleDictionary as u, useEnvironment as _, getPropertyByString as p } from "@m4l/core";
-import l from "react";
-import { I as d } from "../../Icon/index.f569765b.js";
-import { jsx as t } from "react/jsx-runtime";
-function g(r) {
-  const {
-    presentationType: n,
-    value: s,
-    Component: o = l.Fragment
-  } = r, {
-    getLabel: e
-  } = u(), {
-    host_static_assets: c,
-    environment_assets: i
-  } = _(), a = s ?? !1, m = `${c}/${i}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`, f = `${c}/${i}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
-  return n === "string_yes_no" ? /* @__PURE__ */ t(o, {
-    children: e(a ? "formatters.boolean_yes" : "formatters.boolean_no")
-  }) : n === "string_true_false" ? /* @__PURE__ */ t(o, {
-    children: e(a ? "formatters.boolean_true" : "formatters.boolean_false")
-  }) : /* @__PURE__ */ t(o, {
-    children: /* @__PURE__ */ t(d, {
-      src: a ? m : f,
-      bgColor: "action.disabled"
-    })
-  });
-}
-function C(r) {
-  const {
-    fieldValue: n,
-    presentationType: s,
-    Component: o = l.Fragment
-  } = r;
-  return (e) => /* @__PURE__ */ t(g, {
-    presentationType: s,
-    value: p(e, n),
-    Component: o
-  });
-}
-export {
-  g as B,
-  C as c
-};

package/components/formatters/DateFormatter/index.08d8823b.js

@@ -1,57 +0,0 @@
-import c from "react";
-import { useEnvironment as p, useHostTools as u, getPropertyByString as d } from "@m4l/core";
-import "../../Icon/index.f569765b.js";
-import "@mui/material/styles";
-import { jsx as f, Fragment as y } from "react/jsx-runtime";
-function g(a) {
-  const {
-    presentationType: n,
-    value: t,
-    format: e,
-    Component: m = c.Fragment
-  } = a, {
-    dfnsFormat: r
-  } = p(), {
-    formatDate: l
-  } = u();
-  let o = e || r.datetime_format, i, s;
-  if (t == null)
-    return /* @__PURE__ */ f(y, {
-      children: "-"
-    });
-  switch (n) {
-    case "datetime":
-      o = e || r.datetime_format;
-      break;
-    case "date":
-      o = e || r.date_format;
-      break;
-    case "time":
-      o = e || r.time_format;
-      break;
-  }
-  try {
-    typeof t == "number" || typeof t == "string" ? s = new Date(t) : s = t, i = l(s, o);
-  } catch {
-    i = "err_typing";
-  }
-  return /* @__PURE__ */ f(m, {
-    children: i
-  });
-}
-function k(a) {
-  const {
-    fieldValue: n,
-    presentationType: t,
-    Component: e = c.Fragment
-  } = a;
-  return (m) => /* @__PURE__ */ f(g, {
-    presentationType: t,
-    value: d(m, n),
-    Component: e
-  });
-}
-export {
-  g as D,
-  k as c
-};

package/components/formatters/index.6959c2de.js

@@ -1,106 +0,0 @@
-import l from "react";
-import { jsx as m, Fragment as u } from "react/jsx-runtime";
-import { getPropertyByString as i } from "@m4l/core";
-import "../Icon/index.f569765b.js";
-import "@mui/material/styles";
-function _(e) {
-  const {
-    value: n,
-    unit: t,
-    symbol: c,
-    Component: o = l.Fragment
-  } = e;
-  if (n == null || !Array.isArray(n))
-    return /* @__PURE__ */ m(u, {
-      children: ""
-    });
-  let r = "";
-  return n.map((a, s) => {
-    const f = a.cmc_min_closed != !0 ? "<" : "\u2264", d = a.cmc_max_closed != !0 ? "<" : "\u2264";
-    r = r.concat(`${s > 0 ? " " : ""}`, a.cmc_min !== a.cmc_max ? `[${a.cmc_min}${t} ${f} ${c} ${d} ${a.cmc_max}${t} \xB1 ${a.cmc_uncertainty}]` : `[${a.cmc_min}${t} \xB1 ${a.cmc_uncertainty}]`);
-  }), /* @__PURE__ */ m(o, {
-    children: r
-  });
-}
-function y(e) {
-  const {
-    value: n,
-    unit: t,
-    Component: c = l.Fragment
-  } = e;
-  if (console.log("points", n), n == null || !Array.isArray(n))
-    return /* @__PURE__ */ m(u, {
-      children: "[]"
-    });
-  let o = "";
-  return n.map((r) => {
-    r && (console.log("point", r), o = o.concat(`[${r}${t}]`));
-  }), /* @__PURE__ */ m(c, {
-    children: o
-  });
-}
-function C(e) {
-  const {
-    value: n,
-    Component: t = l.Fragment
-  } = e;
-  return /* @__PURE__ */ m(t, {
-    children: `${n}$Cop`
-  });
-}
-function v() {
-  return ["formatters"];
-}
-const h = {
-  pager: {
-    boolean_yes: "Yes",
-    boolean_no: "No",
-    boolean_true: "True",
-    boolean_false: "False"
-  }
-};
-function U(e) {
-  const {
-    fieldUnit: n,
-    fieldValue: t,
-    fieldSymbol: c,
-    Component: o
-  } = e;
-  return (r) => /* @__PURE__ */ m(_, {
-    Component: o,
-    value: i(r, t),
-    unit: i(r, n),
-    symbol: i(r, c)
-  });
-}
-function A(e) {
-  const {
-    fieldUnit: n,
-    fieldValue: t,
-    Component: c
-  } = e;
-  return (o) => /* @__PURE__ */ m(y, {
-    Component: c,
-    value: i(o, t),
-    unit: i(o, n)
-  });
-}
-function V(e) {
-  const {
-    fieldValue: n,
-    Component: t = l.Fragment
-  } = e;
-  return (c) => /* @__PURE__ */ m(t, {
-    children: i(c, n) + ""
-  });
-}
-export {
-  y as P,
-  _ as U,
-  C as a,
-  A as b,
-  U as c,
-  h as d,
-  V as e,
-  v as g
-};