@m4l/components 0.1.13 → 0.1.15

package/components/hook-form/RHFAutocompleteAsync/index.8f2c97ea.js

@@ -1,153 +0,0 @@
-import { useState as p, useEffect as c, Fragment as K } from "react";
-import { useModuleDictionary as M, useModuleSkeleton as W, useNetwork as z, getPropertyByString as B } from "@m4l/core";
-import { useFormContext as N, Controller as J } from "react-hook-form";
-import { Skeleton as b, Autocomplete as Q, TextField as U, CircularProgress as X } from "@mui/material";
-import { styled as f } from "@mui/material/styles";
-import { jsx as i, jsxs as O } from "react/jsx-runtime";
-const Y = f("div")(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column"
-}));
-f("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  justifyContent: "flex-end",
-  paddingRight: `${e.spacing(2)}`,
-  [e.breakpoints.down("md")]: {
-    justifyContent: "flex-start"
-  }
-}));
-const Z = f("div")(({
-  theme: e
-}) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr auto",
-  gridGap: e.spacing(2),
-  alignItems: "center",
-  height: `${e.spacing(4.5)}`,
-  border: `1px solid ${e.palette.divider}`,
-  borderRadius: `${e.spacing(1)}`,
-  padding: `0 ${e.spacing(2)}`,
-  [e.breakpoints.down("md")]: {
-    width: "100%"
-  }
-}));
-function le(e) {
-  const {
-    name: a,
-    getOptionLabel: T,
-    isOptionEqualToValue: k,
-    label: C,
-    endPoint: d,
-    timeout: _ = 5e3,
-    parms: g,
-    resultField: v = "data",
-    skeletonProps: w = {},
-    isRemote: S = !0,
-    disabled: L,
-    ...P
-  } = e, {
-    width: $ = 100,
-    height: A = "18px"
-  } = w, {
-    getLabel: V
-  } = M(), m = W(), {
-    control: F,
-    getValues: I,
-    setValue: R
-  } = N(), {
-    networkOperation: E
-  } = z(), r = I(a), [j, u] = p(r === null ? [] : [r]), [q, x] = p(!1), [l, h] = p(!1), s = q && !l && !!d && !m;
-  c(() => {
-    l && (h(!1), u([]), R(a, null));
-  }, [g, d]), c(() => {
-    !l && r && u([r]);
-  }, [r, l]);
-  const D = (t) => t == null ? "" : T(t), G = (t, n) => n == null || t === null ? !1 : k(t, n);
-  return c(() => {
-    let t = !0;
-    if (!!s)
-      return E({
-        method: "GET",
-        endPoint: d,
-        timeout: _,
-        parms: g,
-        isRemote: S
-      }).then((n) => {
-        t && (u(B(n, v)), h(!0));
-      }), () => {
-        t = !1;
-      };
-  }, [s]), m ? /* @__PURE__ */ i(Y, {
-    children: /* @__PURE__ */ O(Z, {
-      children: [/* @__PURE__ */ i(b, {
-        variant: "text",
-        width: $,
-        height: A
-      }, "sk1"), /* @__PURE__ */ i(b, {
-        variant: "circular",
-        width: 16,
-        height: 16
-      }, "sk2")]
-    })
-  }) : /* @__PURE__ */ i(J, {
-    name: a,
-    control: F,
-    render: ({
-      field: {
-        onChange: t,
-        value: n
-      },
-      fieldState: {
-        error: y
-      }
-    }) => /* @__PURE__ */ i(Q, {
-      options: j,
-      getOptionLabel: D,
-      defaultValue: r,
-      isOptionEqualToValue: G,
-      disableClearable: !0,
-      value: n || null,
-      onOpen: () => {
-        x(!0);
-      },
-      onClose: () => {
-        x(!1);
-      },
-      onChange: (o, H) => {
-        t(H);
-      },
-      disabled: L,
-      loading: s,
-      loadingText: "",
-      noOptionsText: V("rhf_autocomplete.component_no_options"),
-      renderInput: (o) => /* @__PURE__ */ i(U, {
-        ...o,
-        label: C,
-        fullWidth: !0,
-        SelectProps: {
-          native: !0
-        },
-        InputProps: {
-          ...o.InputProps,
-          endAdornment: /* @__PURE__ */ O(K, {
-            children: [s ? /* @__PURE__ */ i(X, {
-              color: "primary",
-              size: 20
-            }, `cp_async${o.id}`) : null, o.InputProps.endAdornment]
-          }, `fr_async_${o.id}`)
-        },
-        autoComplete: "off",
-        error: !!y,
-        helperText: y?.message,
-        ...P
-      }, `tx_async_${o.id}`)
-    }, "at_async")
-  });
-}
-export {
-  le as R
-};

package/components/hook-form/RHFCheckbox/index.f9ce6c39.js

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

package/components/hook-form/RHFDateTime/index.fc5cbafe.js

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

package/components/hook-form/RHFMultiCheckbox/index.2680b3b6.js

@@ -1,34 +0,0 @@
-import { useFormContext as m, Controller as s } from "react-hook-form";
-import { FormGroup as C, FormControlLabel as h, Checkbox as x } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-function k({
-  name: n,
-  options: l,
-  ...c
-}) {
-  const {
-    control: t
-  } = m();
-  return /* @__PURE__ */ o(s, {
-    name: n,
-    control: t,
-    render: ({
-      field: e
-    }) => {
-      const u = (r) => e.value.includes(r) ? e.value.filter((a) => a !== r) : [...e.value, r];
-      return /* @__PURE__ */ o(C, {
-        children: l.map((r) => /* @__PURE__ */ o(h, {
-          control: /* @__PURE__ */ o(x, {
-            checked: e.value.includes(r),
-            onChange: () => e.onChange(u(r))
-          }),
-          label: r,
-          ...c
-        }, r))
-      });
-    }
-  });
-}
-export {
-  k as R
-};

package/components/hook-form/RHFPeriod/index.23c254e9.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.5e68286a.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/RHFRadioGroup/index.b3335e13.js

@@ -1,43 +0,0 @@
-import { useFormContext as s, Controller as u } from "react-hook-form";
-import { RadioGroup as c, FormControlLabel as x, Radio as p, FormHelperText as f } from "@mui/material";
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
-function j({
-  name: l,
-  options: m,
-  getOptionLabel: e,
-  ...n
-}) {
-  const {
-    control: a
-  } = s();
-  return /* @__PURE__ */ r(u, {
-    name: l,
-    control: a,
-    render: ({
-      field: d,
-      fieldState: {
-        error: t
-      }
-    }) => /* @__PURE__ */ R("div", {
-      children: [/* @__PURE__ */ r(c, {
-        ...d,
-        row: !0,
-        ...n,
-        children: m.map((o, i) => /* @__PURE__ */ r(x, {
-          value: o,
-          control: /* @__PURE__ */ r(p, {}),
-          label: e?.length ? e[i] : o
-        }, o))
-      }), !!t && /* @__PURE__ */ r(f, {
-        error: !0,
-        sx: {
-          px: 2
-        },
-        children: t.message
-      })]
-    })
-  });
-}
-export {
-  j as R
-};

package/components/hook-form/RHFSelect/index.b6ca8bb2.js

@@ -1,36 +0,0 @@
-import { useFormContext as m, Controller as s } from "react-hook-form";
-import { TextField as u } from "@mui/material";
-import { jsx as t } from "react/jsx-runtime";
-function x({
-  name: r,
-  children: o,
-  ...l
-}) {
-  const {
-    control: n
-  } = m();
-  return /* @__PURE__ */ t(s, {
-    name: r,
-    control: n,
-    render: ({
-      field: i,
-      fieldState: {
-        error: e
-      }
-    }) => /* @__PURE__ */ t(u, {
-      ...i,
-      select: !0,
-      fullWidth: !0,
-      SelectProps: {
-        native: !0
-      },
-      error: !!e,
-      helperText: e?.message,
-      ...l,
-      children: o
-    })
-  });
-}
-export {
-  x as R
-};

package/components/hook-form/RHFTextField/index.4c455f75.js

@@ -1,77 +0,0 @@
-import { useFormContext as R, Controller as T } from "react-hook-form";
-import { Skeleton as k, TextField as C } from "@mui/material";
-import { styled as S } from "@mui/material/styles";
-import { forwardRef as b } from "react";
-import { useModuleSkeleton as y } from "@m4l/core";
-import { jsx as t } from "react/jsx-runtime";
-const H = S("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${e.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: e.spacing(1)
-})), v = b((e, l) => {
-  const {
-    name: a,
-    autoComplete: d = "off",
-    skeletonProps: s = {},
-    type: o,
-    ...p
-  } = e, {
-    width: m = "100%",
-    height: f = 14
-  } = s, u = y(), {
-    control: x
-  } = R();
-  return u ? /* @__PURE__ */ t(H, {
-    children: /* @__PURE__ */ t(k, {
-      variant: "text",
-      width: m,
-      height: f
-    })
-  }) : /* @__PURE__ */ t(T, {
-    name: a,
-    control: x,
-    render: ({
-      field: {
-        onChange: n,
-        onBlur: c,
-        value: g,
-        name: h,
-        ref: F
-      },
-      fieldState: {
-        error: i
-      }
-    }) => /* @__PURE__ */ t(
-      C,
-      {
-        inputRef: l,
-        autoComplete: d,
-        onChange: (r) => {
-          if (o === "number" && r.target.value) {
-            n(Number(r.target.value));
-            return;
-          }
-          n(r);
-        },
-        onBlur: c,
-        value: g,
-        name: h,
-        ref: F,
-        fullWidth: !0,
-        error: !!i,
-        helperText: i?.message,
-        type: o,
-        ...p
-      }
-    )
-  });
-});
-v.displayName = "RHFTextField";
-export {
-  v as R
-};