@m4l/components 0.1.24 → 0.1.25

package/index.js

@@ -11,41 +11,41 @@ import { R as k, g as G } from "./components/hook-form/RHFAutocomplete/index.5ee
 import "react";
 import { I as V } from "./components/Image/index.c9da2d5a.js";
 import "lodash/debounce";
-import { R as W } from "./components/hook-form/RHFCheckbox/index.6a40e25f.js";
-import { R as J } from "./components/hook-form/RHFDateTime/index.5ed774e3.js";
+import { R as W } from "./components/hook-form/RHFCheckbox/index.6dcec9e2.js";
 import "@mui/x-date-pickers";
-import { R as Q, a as X } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
+import { R as J } from "./components/hook-form/RHFDateTime/index.9231a7c7.js";
+import { R as Q, a as X } from "./components/hook-form/RHFTextField/index.ba2a8f67.js";
 import { I as Z } from "./components/Icon/index.f569765b.js";
-import { R as $ } from "./components/hook-form/RHFPeriod/index.6c6733eb.js";
+import { R as $ } from "./components/hook-form/RHFPeriod/index.067790c9.js";
 import { E as ro } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as ao, g as eo } from "./components/Period/index.05c1c5e0.js";
-import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.798c6aee.js";
+import { P as ao, g as eo } from "./components/Period/index.080a987d.js";
+import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.309d3b6f.js";
 import "@mui/material/Button";
-import { M as xo, a as fo } from "./contexts/ModalContext/index.73ab6934.js";
+import { M as xo, a as fo } from "./contexts/ModalContext/index.f17b3653.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
-import { R as go } from "./components/hook-form/RHFUpload/index.56e2e277.js";
+import { R as go } from "./components/hook-form/RHFUpload/index.6347159a.js";
 import { A as uo } from "./components/mui_extended/Accordion/index.49f5df8e.js";
 import { A as yo } from "./components/mui_extended/Avatar/index.dadb0528.js";
-import { B as Ao, L as Po } from "./components/mui_extended/Button/index.ae47764f.js";
-import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.b6e4392a.js";
-import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.298730a1.js";
+import { B as Ao, L as Po } from "./components/mui_extended/Button/index.2afaa420.js";
+import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.12b0ab55.js";
+import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.a23cf8de.js";
 import { T as Io } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.cb62609c.js";
+import { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.fe073438.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "@m4l/graphics";
 import { S as Uo } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.549adc46.js";
+import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.d0753667.js";
 import "simplebar/dist/simplebar.min.css";
 import { R as wo } from "./components/contexts/RHFormContext/index.33dba822.js";
 import "yup";
 import "./react-draggable.20e95c61.js";
-import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.0340fb86.js";
+import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.a24ca508.js";
 import { R as Xo } from "./components/Resizeable/index.45995d2b.js";
 import { N as Zo, d as _o, g as $o } from "./components/NoItemSelected/index.9609a7f7.js";
-import { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.b1dcc4db.js";
+import { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.a7d36267.js";
 import "./react-json-view.f56a7f8e.js";
 import { P as mr } from "./components/PaperForm/index.3f8c7ef2.js";
 import { H as ir } from "./components/Page/index.fc660ee5.js";
@@ -70,14 +70,14 @@ import { T as Wr } from "./components/mui_extended/Typography/index.e5494696.js"
 import { B as Jr, c as Kr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
 import { D as Xr, c as Yr } from "./components/formatters/DateFormatter/index.08d8823b.js";
 import { P as _r, a as $r, U as ot, e as rt, b as tt, c as at, d as et, g as mt } from "./components/formatters/index.6959c2de.js";
-import { A as it } from "./components/CommonActions/components/ActionCancel/index.465be070.js";
-import { A as nt } from "./components/CommonActions/components/ActionIntro/index.235ecbe2.js";
-import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.0deaba48.js";
+import { A as it } from "./components/CommonActions/components/ActionCancel/index.9cfffe65.js";
+import { A as nt } from "./components/CommonActions/components/ActionIntro/index.f8403e8e.js";
+import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.ef60c2ee.js";
 import { A as lt } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
 import { L as gt } from "./components/Loadable/index.f5518558.js";
 import { S as ut } from "./components/ScrollToTop/index.e06f98f6.js";
 import { u as yt } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as At } from "./hooks/useModal/index.f2492b34.js";
+import { u as At } from "./hooks/useModal/index.b1f96279.js";
 import { L as Ct } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",

package/components/Period/index.05c1c5e0.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.798c6aee.js";
-import "@mui/material/Button";
-import "react-hook-form";
-import "react-router-dom";
-import "../../contexts/ModalContext/index.73ab6934.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/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.6c6733eb.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.05c1c5e0.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
-};