@m4l/components 0.1.27 → 0.1.28

package/components/Period/index.81de7941.js

@@ -1,175 +0,0 @@
-import { useModuleDictionary as k, useModuleSkeleton as O, useEnvironment as P } from "@m4l/core";
-import { styled as a, Skeleton as u, Autocomplete as R, TextField as S } from "@mui/material";
-import { useMemo as T } from "react";
-import { I as A } from "../Icon/index.619c31c4.js";
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { g as $ } from "../CommonActions/components/Actions/index.edeb05c2.js";
-import "@mui/material/Button";
-import "react-hook-form";
-import "react-router-dom";
-import "../../contexts/ModalContext/index.9ebc793c.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
-})), w = 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"
-})), D = a("div")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  width: "100%",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-})), F = 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 H = (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
-  } = k(), Y = O(), f = H(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);
-  }, _ = (e) => {
-    e && m(e.id, x);
-  }, {
-    host_static_assets: y,
-    environment_assets: v
-  } = P(), b = T(() => [{
-    id: 0,
-    label: d("period.label_days")
-  }, {
-    id: 1,
-    label: d("period.label_months")
-  }, {
-    id: 2,
-    label: d("period.label_years")
-  }], [d]);
-  return Y ? /* @__PURE__ */ c(w, {
-    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(R, {
-      options: b,
-      value: b[f],
-      disableClearable: !0,
-      onChange: (e, o) => {
-        _(o);
-      },
-      renderInput: (e) => /* @__PURE__ */ n(S, {
-        ...e,
-        fullWidth: !0,
-        variant: "standard",
-        SelectProps: {
-          native: !0
-        },
-        InputProps: {
-          disableUnderline: !0,
-          ...e.InputProps
-        },
-        autoComplete: "off"
-      }, `tx_async_${e.id}`)
-    }), /* @__PURE__ */ n(g, {}), /* @__PURE__ */ n(S, {
-      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($());
-}
-export {
-  J as P,
-  Q as g
-};

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/index.c2a9b55d.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.619c31c4.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
-};

package/components/hook-form/RHFAutocomplete/index.5eee9d7c.js

@@ -1,174 +0,0 @@
-import { useModuleDictionary as j, useModuleSkeleton as K } from "@m4l/core";
-import { useFormContext as U, Controller as z } from "react-hook-form";
-import { Skeleton as y, Autocomplete as B, TextField as G, CircularProgress as N } from "@mui/material";
-import { styled as d } from "@mui/material/styles";
-import { I as W } from "../../Image/index.c9da2d5a.js";
-import { useMemo as J, useState as v, useEffect as Q } from "react";
-import { jsxs as h, jsx as n, Fragment as X } from "react/jsx-runtime";
-const Y = d("div")(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column"
-})), Z = d("div")(({
-  theme: t
-}) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr auto",
-  gridGap: t.spacing(2),
-  alignItems: "center",
-  height: `${t.spacing(4.5)}`,
-  border: `1px solid ${t.palette.divider}`,
-  borderRadius: `${t.spacing(1)}`,
-  padding: `0 ${t.spacing(2)}`,
-  [t.breakpoints.down("md")]: {
-    width: "100%"
-  }
-})), ee = d("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  "& .MuiAutocomplete-root": {
-    width: "100%"
-  },
-  "& .m4l_image": {
-    marginLeft: t.spacing(1.5)
-  }
-})), te = d("li")(({
-  theme: t
-}) => ({
-  "& .m4l_image": {
-    marginRight: t.spacing(1.5)
-  }
-}));
-function oe(t, s, c) {
-  return function(a, g) {
-    return /* @__PURE__ */ h(te, {
-      ...a,
-      children: [/* @__PURE__ */ n(W, {
-        src: t(g),
-        width: s,
-        height: c
-      }), a.key]
-    });
-  };
-}
-function ue(t) {
-  const {
-    name: s,
-    getOptionLabel: c,
-    isOptionEqualToValue: O,
-    label: a,
-    skeletonWidth: g = 100,
-    skeletonHeight: H = "18px",
-    options: x,
-    disabled: P,
-    getOptionUrlImage: p,
-    imageWidth: I = "24px",
-    imageHeight: C = "24px",
-    onOpen: T,
-    onClose: b,
-    loading: L,
-    onChangeFilterParmsLocal: l,
-    ...E
-  } = t, {
-    getLabel: _
-  } = j(), M = K(), {
-    control: $
-  } = U(), w = J(() => p !== void 0, [p]), [k, A] = v(!1), q = (e, o) => {
-    A(!1), b && b(e, o);
-  }, D = (e) => {
-    A(!0), T && T(e);
-  }, u = (e) => e == null ? "" : c(e), S = (e) => e == null || p === void 0 ? "" : p(e), V = (e, o) => o == null || e === null ? !1 : O(e, o);
-  return M ? /* @__PURE__ */ n(Y, {
-    children: /* @__PURE__ */ h(Z, {
-      children: [/* @__PURE__ */ n(y, {
-        variant: "text",
-        width: g,
-        height: H
-      }, "sk1"), /* @__PURE__ */ n(y, {
-        variant: "circular",
-        width: 16,
-        height: 16
-      }, "sk2")]
-    })
-  }) : /* @__PURE__ */ n(z, {
-    name: s,
-    control: $,
-    render: ({
-      field: {
-        onChange: e,
-        value: o
-      },
-      fieldState: {
-        error: F
-      }
-    }) => {
-      const [R, m] = v(u(o));
-      return Q(() => {
-        !k && o === null && R !== "" && m(""), !k && o !== null && x.length === 0 && l && l(u(o), "reset");
-      }, [o]), /* @__PURE__ */ n(ee, {
-        className: "m4l_rhf_autocomplete",
-        children: /* @__PURE__ */ n(B, {
-          autoComplete: !0,
-          autoSelect: !1,
-          options: x,
-          getOptionLabel: u,
-          inputValue: R,
-          clearOnBlur: !1,
-          onInputChange: (i, r, f) => {
-            console.log("onInputChange ", s, r, f), f === "input" && (m(r), l && l(r, f)), e(null);
-          },
-          isOptionEqualToValue: V,
-          disableClearable: !0,
-          value: o || null,
-          onOpen: D,
-          onClose: q,
-          onChange: (i, r) => {
-            m(u(r)), e(r);
-          },
-          filterOptions: l ? (i) => i : void 0,
-          loading: L,
-          loadingText: _("rhf_autocomplete.loading_options"),
-          disabled: P,
-          noOptionsText: _("rhf_autocomplete.no_options"),
-          renderOption: w ? oe(S, I, C) : void 0,
-          renderInput: (i) => /* @__PURE__ */ n(G, {
-            ...i,
-            label: a,
-            fullWidth: !0,
-            SelectProps: {
-              native: !0
-            },
-            InputProps: {
-              ...i.InputProps,
-              startAdornment: w && o ? /* @__PURE__ */ n(W, {
-                src: S(o),
-                width: I,
-                height: C
-              }, "ImageTextField") : null,
-              endAdornment: /* @__PURE__ */ h(X, {
-                children: [L ? /* @__PURE__ */ n(N, {
-                  color: "inherit",
-                  size: 20
-                }) : null, i.InputProps.endAdornment]
-              })
-            },
-            autoComplete: "off",
-            error: !!F,
-            helperText: F?.message,
-            ...E
-          })
-        })
-      });
-    }
-  });
-}
-function de() {
-  return ["rhf_autocomplete"];
-}
-export {
-  ue as R,
-  de as g
-};

package/components/hook-form/RHFAutocompleteAsync/index.757b5080.js

@@ -1,65 +0,0 @@
-import { useState as e, useCallback as b, useEffect as p } from "react";
-import { useNetwork as k, getPropertyByString as w } from "@m4l/core";
-import x from "lodash/debounce";
-import { R as D, g as E } from "../RHFAutocomplete/index.5eee9d7c.js";
-import { jsx as S } from "react/jsx-runtime";
-function N(f) {
-  const {
-    name: d,
-    endPoint: n,
-    timeout: g = 5e3,
-    parms: r,
-    resultField: F = "data",
-    isRemote: C = !0,
-    onChangeFilterParms: s,
-    ...h
-  } = f, {
-    networkOperation: y
-  } = k(), [O, a] = e([]), [i, c] = e(!1), [m, l] = e(!1), [P, o] = e(!0), [u, R] = e({}), A = b(x((t) => {
-    o(!0), R(t);
-  }, 300), []), H = (t) => {
-    s && A(s(t));
-  };
-  return p(() => {
-    o(!0);
-  }, [r, n]), p(() => {
-    if (!(!i || m) && !!P)
-      return l(!0), a([]), o(!1), y({
-        method: "GET",
-        endPoint: n,
-        timeout: g,
-        parms: {
-          ...r,
-          ...u
-        },
-        isRemote: C
-      }).then((t) => {
-        const L = w(t, F);
-        a(L);
-      }).catch(() => {
-        o(!0);
-      }).finally(() => {
-        l(!1);
-      }), () => {
-      };
-  }, [i, r, u, n]), /* @__PURE__ */ S(D, {
-    name: d,
-    loading: m,
-    options: O,
-    onChangeFilterParmsLocal: s ? H : void 0,
-    onOpen: () => {
-      c(!0);
-    },
-    onClose: () => {
-      c(!1);
-    },
-    ...h
-  });
-}
-function T() {
-  return E();
-}
-export {
-  N as R,
-  T as g
-};

package/components/hook-form/RHFPeriod/index.e08fb1ab.js

@@ -1,51 +0,0 @@
-import { styled as d } from "@mui/material";
-import { useFormContext as f, Controller as p } from "react-hook-form";
-import { E as c } from "../../ErrorLabel/index.c8615f16.js";
-import { P as x } from "../../Period/index.81de7941.js";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-const u = d("div")(({
-  theme: e
-}) => ({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "flex-start",
-  gap: e.spacing(1)
-})), k = (e) => {
-  const {
-    name: o,
-    readOnly: s,
-    skeletonWidth: n,
-    skeletonHeight: i
-  } = e, {
-    control: l
-  } = f();
-  return /* @__PURE__ */ r(p, {
-    name: o,
-    control: l,
-    render: ({
-      field: {
-        onChange: m,
-        value: a
-      },
-      fieldState: {
-        error: t
-      }
-    }) => /* @__PURE__ */ g(u, {
-      children: [/* @__PURE__ */ r(x, {
-        value: a,
-        onChange: m,
-        error: !!t,
-        readOnly: s,
-        skeletonWidth: n,
-        skeletonHeight: i
-      }), t && /* @__PURE__ */ r(c, {
-        message: t.message || ""
-      })]
-    })
-  });
-};
-export {
-  k as R
-};