@m4l/components 0.1.23 → 0.1.25

package/components/Period/index.ba6c0e11.js

@@ -1,159 +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.f569765b.js";
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { g as O } from "../CommonActions/components/Actions/index.edceed6b.js";
-import "@mui/material/Button";
-import "react-hook-form";
-import "react-router-dom";
-import "../../contexts/ModalContext/index.33dc1be9.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 : "" : "", z = (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 B() {
-  return ["period"].concat(O());
-}
-export {
-  z as P,
-  B as g
-};

package/components/hook-form/RHFAutocomplete/index.ee3d9b3c.js

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

package/components/hook-form/RHFAutocompleteAsync/index.3b3da5f6.js

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

package/components/hook-form/RHFCheckbox/index.6a40e25f.js

@@ -1,55 +0,0 @@
-import { useFormContext as i, Controller as c } from "react-hook-form";
-import { styled as m } from "@mui/material/styles";
-import { styled as p, Skeleton as d, FormControlLabel as u, Checkbox as f } from "@mui/material";
-import { useModuleSkeleton as g } from "@m4l/core";
-import { jsx as e, jsxs as k, Fragment as x } from "react/jsx-runtime";
-const h = p("div")(() => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: "8px"
-})), C = () => /* @__PURE__ */ e(h, {
-  children: /* @__PURE__ */ e(d, {
-    variant: "rectangular"
-  })
-}), y = m("p")(({
-  theme: r
-}) => ({
-  ...r.typography.caption,
-  color: r.palette.error.main,
-  marginRight: 14,
-  marginLeft: 14
-}));
-function L({
-  name: r,
-  sizeCheck: n = "small",
-  ...l
-}) {
-  const {
-    control: s
-  } = i(), a = g();
-  return /* @__PURE__ */ e(u, {
-    control: /* @__PURE__ */ e(c, {
-      name: r,
-      control: s,
-      render: ({
-        field: t,
-        fieldState: {
-          error: o
-        }
-      }) => a ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ k(x, {
-        children: [/* @__PURE__ */ e(f, {
-          size: n,
-          ...t,
-          checked: t.value
-        }), o?.message && /* @__PURE__ */ e(y, {
-          children: o?.message + ""
-        })]
-      })
-    }),
-    ...l
-  });
-}
-export {
-  L as R
-};

package/components/hook-form/RHFDateTime/index.5ed774e3.js

@@ -1,66 +0,0 @@
-import { useFormContext as u, Controller as c } from "react-hook-form";
-import { Skeleton as h, TextField as x } from "@mui/material";
-import { styled as g } from "@mui/material/styles";
-import { DateTimePicker as k } from "@mui/x-date-pickers";
-import { useModuleSkeleton as F, useEnvironment as v } from "@m4l/core";
-import { jsx as e } from "react/jsx-runtime";
-const C = g("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${t.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: t.spacing(1)
-}));
-function w(t) {
-  const {
-    name: i,
-    autoComplete: a = "off",
-    skeletonWidth: m = "100%",
-    skeletonHeight: s = 14
-  } = t, l = F(), {
-    control: d
-  } = u(), {
-    dfnsFormat: {
-      datetime_format: p,
-      datetime_mask: f
-    }
-  } = v();
-  return l ? /* @__PURE__ */ e(C, {
-    children: /* @__PURE__ */ e(h, {
-      variant: "text",
-      width: m,
-      height: s
-    })
-  }) : /* @__PURE__ */ e(c, {
-    name: i,
-    control: d,
-    render: ({
-      field: r,
-      fieldState: {
-        error: n
-      }
-    }) => /* @__PURE__ */ e(k, {
-      ampm: !1,
-      inputFormat: p,
-      mask: f,
-      label: "",
-      value: r.value,
-      onChange: (o) => {
-        isNaN(o) ? r.onChange(void 0) : r.onChange(o);
-      },
-      renderInput: (o) => /* @__PURE__ */ e(x, {
-        autoComplete: a,
-        fullWidth: !0,
-        error: !!n,
-        helperText: n?.message,
-        ...o
-      })
-    })
-  });
-}
-export {
-  w as R
-};

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

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

package/components/hook-form/RHFTextField/index.bab2a2cf.js

@@ -1,113 +0,0 @@
-import { useModuleSkeleton as w, useEnvironment as F } from "@m4l/core";
-import { styled as v, Skeleton as S, TextField as y, InputAdornment as C } from "@mui/material";
-import { forwardRef as I, useState as R } from "react";
-import { I as H } from "../../mui_extended/IconButton/index.4b5ce8b5.js";
-import { useFormContext as T, Controller as b } from "react-hook-form";
-import { jsx as t } from "react/jsx-runtime";
-const $ = v("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${e.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: e.spacing(1)
-})), P = (e) => {
-  const {
-    width: o,
-    height: n
-  } = e;
-  return /* @__PURE__ */ t($, {
-    children: /* @__PURE__ */ t(S, {
-      variant: "text",
-      width: o,
-      height: n
-    })
-  });
-}, c = I((e, o) => {
-  const {
-    name: n,
-    autoComplete: l = "off",
-    skeletonWidth: d = "100%",
-    skeletonHeight: s = "18px",
-    type: r,
-    ...i
-  } = e, a = w(), {
-    control: f
-  } = T();
-  return a ? /* @__PURE__ */ t(P, {
-    width: d,
-    height: s
-  }) : /* @__PURE__ */ t(b, {
-    name: n,
-    control: f,
-    render: ({
-      field: {
-        onChange: p,
-        onBlur: h,
-        value: g,
-        name: x,
-        ref: k
-      },
-      fieldState: {
-        error: u
-      }
-    }) => /* @__PURE__ */ t(
-      y,
-      {
-        inputRef: o,
-        autoComplete: l,
-        onChange: (m) => {
-          if (r === "number" && m.target.value) {
-            p(Number(m.target.value));
-            return;
-          }
-          p(m);
-        },
-        onBlur: h,
-        value: g || "",
-        name: x,
-        ref: k,
-        fullWidth: !0,
-        error: !!u,
-        helperText: u?.message,
-        type: r,
-        ...i
-      }
-    )
-  });
-});
-c.displayName = "RHFTextField";
-const M = (e) => {
-  const {
-    name: o,
-    label: n,
-    skeletonWidth: l,
-    skeletonHeight: d
-  } = e, [s, r] = R(!1), {
-    host_static_assets: i,
-    environment_assets: a
-  } = F();
-  return /* @__PURE__ */ t(c, {
-    name: o,
-    label: n,
-    type: s ? "text" : "password",
-    autoComplete: "on",
-    skeletonWidth: l,
-    skeletonHeight: d,
-    InputProps: {
-      endAdornment: /* @__PURE__ */ t(C, {
-        position: "start",
-        children: /* @__PURE__ */ t(H, {
-          onClick: () => r(!s),
-          src: s ? `${i}/${a}/frontend/domain/host/login/assets/icons/eye.svg` : `${i}/${a}/frontend/domain/host/login/assets/icons/eye_off.svg`
-        })
-      })
-    }
-  });
-};
-export {
-  c as R,
-  M as a
-};