@m4l/components 0.1.23 → 0.1.25

package/components/hook-form/RHFUpload/index.6347159a.js

@@ -0,0 +1,258 @@
+import { styled as w, Skeleton as p, FormHelperText as I } from "@mui/material";
+import { useCallback as D } from "react";
+import { useFormContext as y, Controller as N } from "react-hook-form";
+import S from "lodash/isString";
+import { useDropzone as m } from "react-dropzone";
+import { styled as e, alpha as x } from "@mui/material/styles";
+import { I as l } from "../../Image/index.c9da2d5a.js";
+import { useEnvironment as z, useModuleDictionary as h, useModuleSkeleton as A } from "@m4l/core";
+import { jsx as i, jsxs as n, Fragment as b } from "react/jsx-runtime";
+const j = e("div")(({
+  theme: t
+}) => ({
+  width: "inherit",
+  height: "100%",
+  minWidth: t.spacing(20),
+  margin: "auto",
+  borderRadius: t.spacing(1),
+  padding: t.spacing(1),
+  border: `1px dashed ${t.palette.divider}`
+})), T = e("div")(({
+  theme: t
+}) => ({
+  zIndex: 0,
+  width: "100%",
+  height: "100%",
+  outline: "none",
+  display: "flex",
+  overflow: "hidden",
+  borderRadius: t.spacing(1),
+  position: "relative",
+  alignItems: "center",
+  justifyContent: "center",
+  "& > *": {
+    width: "100%",
+    height: "100%"
+  },
+  "&:hover": {
+    cursor: "pointer",
+    "& .placeholder": {
+      zIndex: 9
+    }
+  }
+})), E = e("div")(({
+  theme: t
+}) => ({
+  "&:hover": {
+    opacity: 1
+  },
+  display: "flex",
+  justifyContent: "center",
+  position: "absolute",
+  zIndex: "2",
+  inset: "0",
+  transition: t.transitions.create("opacity", {
+    easing: t.transitions.easing.easeInOut,
+    duration: t.transitions.duration.shorter
+  }),
+  overflow: "auto"
+})), v = e("div")(({
+  theme: t
+}) => ({
+  padding: t.spacing(3, 5),
+  display: "flex",
+  flexWrap: "wrap",
+  justifyContent: "center",
+  width: "100%",
+  height: "100%",
+  gap: t.spacing(3)
+})), U = e("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  flexDirection: "column",
+  gap: t.spacing(3)
+})), Y = e("span")(({
+  theme: t
+}) => ({
+  ...t.typography.subtitle2,
+  width: "fit-content"
+})), H = e("span")(({
+  theme: t
+}) => ({
+  ...t.typography.body2,
+  minWidth: t.spacing(20)
+})), k = e("span")(({
+  theme: t
+}) => ({
+  ...t.typography.caption,
+  width: "fit-content"
+})), G = e("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  maxWidth: t.spacing(20)
+}));
+e("div")(() => ({
+  width: "100%",
+  height: "100%",
+  position: "absolute",
+  inset: "0",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}));
+const Q = w("div")(({
+  theme: t
+}) => ({
+  maskPosition: "center!important",
+  maskRepeat: "no-repeat!important",
+  WebkitMaskRepeat: "no-repeat!important",
+  border: `1px dashed ${t.palette.divider}`,
+  width: "100%",
+  height: "100%",
+  mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
+  WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
+})), f = () => /* @__PURE__ */ i(j, {
+  children: /* @__PURE__ */ i(Q, {
+    children: /* @__PURE__ */ i(p, {
+      variant: "rectangular",
+      width: "100%",
+      height: "100%"
+    })
+  })
+});
+function Z({
+  error: t,
+  file: M,
+  helperText: s,
+  sx: a,
+  ...c
+}) {
+  const {
+    getRootProps: L,
+    getInputProps: o,
+    isDragActive: r,
+    isDragReject: d
+  } = m({
+    multiple: !1,
+    ...c
+  }), {
+    host_static_assets: C,
+    environment_assets: g
+  } = z(), {
+    getLabel: u
+  } = h();
+  return A() ? /* @__PURE__ */ i(f, {}) : /* @__PURE__ */ n(b, {
+    children: [/* @__PURE__ */ i(j, {
+      sx: {
+        ...(d || t) && {
+          borderColor: "error.light"
+        },
+        ...a
+      },
+      children: /* @__PURE__ */ n(T, {
+        id: "DropZoneStyle",
+        ...L(),
+        sx: {
+          ...r && {
+            opacity: 0.72
+          }
+        },
+        children: [/* @__PURE__ */ i("input", {
+          ...o()
+        }), M && /* @__PURE__ */ i(l, {
+          alt: "avatar",
+          src: S(M) ? M : M.preview || "",
+          width: "100%"
+        }), /* @__PURE__ */ i(E, {
+          id: "PlaceholderStyle",
+          className: "placeholder",
+          sx: {
+            ...M ? {
+              bgcolor: x("#161C24", 0.72),
+              color: "common.white",
+              opacity: 0
+            } : {
+              opacity: 1
+            },
+            ...(d || t) && {
+              bgcolor: "error.lighter",
+              borderColor: "error.light",
+              color: "error.main"
+            }
+          },
+          children: /* @__PURE__ */ n(v, {
+            className: "ContainerUploadBody",
+            children: [/* @__PURE__ */ i(G, {
+              children: /* @__PURE__ */ i(l, {
+                src: `${C}/${g}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
+                width: "100%",
+                height: "auto"
+              })
+            }), /* @__PURE__ */ n(U, {
+              children: [/* @__PURE__ */ i(Y, {
+                children: u(M ? "upload_image.title_update" : "upload_image.title_upload")
+              }), /* @__PURE__ */ i(H, {
+                children: u("upload_image.description")
+              }), /* @__PURE__ */ i(k, {
+                children: u("upload_image.conditions")
+              })]
+            })]
+          })
+        })]
+      })
+    }), s && s]
+  });
+}
+const W = w("div")(() => ({
+  width: "inherit",
+  height: "inherit",
+  padding: "1px"
+}));
+function $({
+  name: t,
+  ...M
+}) {
+  const {
+    control: s,
+    setValue: a
+  } = y(), c = D((L) => {
+    const o = L[0];
+    o && a(t, Object.assign(o, {
+      preview: URL.createObjectURL(o)
+    }));
+  }, [a]);
+  return /* @__PURE__ */ i(N, {
+    name: t,
+    control: s,
+    render: ({
+      field: L,
+      fieldState: {
+        error: o
+      }
+    }) => {
+      const r = !!o && !L.value;
+      return /* @__PURE__ */ n(W, {
+        children: [/* @__PURE__ */ i(Z, {
+          onDrop: c,
+          error: r,
+          ...M,
+          file: L.value
+        }), r && /* @__PURE__ */ i(I, {
+          error: !0,
+          sx: {
+            px: 2,
+            textAlign: "center"
+          },
+          children: o.message
+        })]
+      });
+    }
+  });
+}
+export {
+  $ as R
+};

package/components/hook-form/index.d.ts

@@ -1,5 +1,7 @@
 export { RHFAutocomplete } from './RHFAutocomplete';
+export { getRHFAutocompleteComponentsDictionary } from './RHFAutocomplete/dictionary';
 export { RHFAutocompleteAsync } from './RHFAutocompleteAsync';
+export { getRHFAutocompleteAsyncComponentsDictionary } from './RHFAutocompleteAsync/dictionary';
 export { RHFCheckbox } from './RHFCheckbox';
 export { RHFDateTime } from './RHFDateTime';
 export { RHFMultiCheckbox } from './RHFMultiCheckbox';

package/components/mui_extended/Button/{index.6df3e958.js → index.2afaa420.js}

@@ -5,7 +5,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { LoadingButton as b } from "@mui/lab";
 import { I as x } from "../IconButton/index.4b5ce8b5.js";
 import { styled as h, alpha as F } from "@mui/material/styles";
-import { u as L } from "../../DynamicFilter/index.4d3c60b4.js";
+import { u as L } from "../../DynamicFilter/index.d0753667.js";
 import { useMemo as u } from "react";
 import { I as $ } from "../../Image/index.c9da2d5a.js";
 const G = (t) => g() ? /* @__PURE__ */ i(m, {

package/components/mui_extended/Pager/{index.b072df6b.js → index.a23cf8de.js}

@@ -1,6 +1,6 @@
 import { useMemo as y } from "react";
 import { Skeleton as i, TablePagination as R } from "@mui/material";
-import { P as S } from "../../CommonActions/components/Actions/index.edceed6b.js";
+import { P as S } from "../../CommonActions/components/Actions/index.309d3b6f.js";
 import { styled as a } from "@mui/material/styles";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 a("div")(() => ({

package/components/mui_extended/Popover/{index.d708b699.js → index.12b0ab55.js}

@@ -11,9 +11,9 @@ import "../Avatar/index.dadb0528.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "@mui/lab";
-import { I as S } from "../Button/index.6df3e958.js";
-import "../../CommonActions/components/Actions/index.edceed6b.js";
-import "../Pager/index.b072df6b.js";
+import { I as S } from "../Button/index.2afaa420.js";
+import "../../CommonActions/components/Actions/index.309d3b6f.js";
+import "../Pager/index.a23cf8de.js";
 import "../Tab/index.e0653a0a.js";
 const O = I("span")(({
   arrowType: t,

package/contexts/ModalContext/{index.33dc1be9.js → index.f17b3653.js}

@@ -4,9 +4,9 @@ import { Typography as M } from "@mui/material";
 import { styled as l } from "@mui/material/styles";
 import { B as I } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { M as k } from "../../components/ModalDialog/index.e1f31e50.js";
-import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.35c8757f.js";
-import { A as b } from "../../components/CommonActions/components/ActionCancel/index.7b862bd3.js";
+import { M as k } from "../../components/ModalDialog/index.a24ca508.js";
+import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.f8403e8e.js";
+import { A as b } from "../../components/CommonActions/components/ActionCancel/index.9cfffe65.js";
 import { b as A } from "../../utils/index.214d9542.js";
 const j = l("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.34cc1e55.js → index.b1f96279.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../contexts/ModalContext/index.33dc1be9.js";
+import { M as e } from "../../contexts/ModalContext/index.f17b3653.js";
 function s() {
   const o = t(e);
   if (!o)

package/index.js

@@ -7,78 +7,78 @@ import "react-router-dom";
 import { L as U } from "./components/animate/LoadingScreen/index.1d0c4307.js";
 import "@m4l/core";
 import "react-hook-form";
-import { R as k } from "./components/hook-form/RHFAutocomplete/index.ee3d9b3c.js";
+import { R as k, g as G } from "./components/hook-form/RHFAutocomplete/index.5eee9d7c.js";
 import "react";
-import { I as z } from "./components/Image/index.c9da2d5a.js";
+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 q } 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 K, a as Q } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
-import { I as Y } from "./components/Icon/index.f569765b.js";
-import { R as _ } from "./components/hook-form/RHFPeriod/index.fc3af81f.js";
-import { E as oo } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as to, g as ao } from "./components/Period/index.ba6c0e11.js";
-import { b as mo, M as so, d as io, g as po } from "./components/CommonActions/components/Actions/index.edceed6b.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.067790c9.js";
+import { E as ro } from "./components/ErrorLabel/index.c8615f16.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.33dc1be9.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 lo } from "./components/hook-form/RHFUpload/index.56e2e277.js";
-import { A as Fo } from "./components/mui_extended/Accordion/index.49f5df8e.js";
-import { A as Do } from "./components/mui_extended/Avatar/index.dadb0528.js";
-import { B as yo, L as Po } from "./components/mui_extended/Button/index.6df3e958.js";
-import { L as Co, P as Lo } from "./components/mui_extended/Popover/index.d708b699.js";
-import { P as Ho, g as Mo } from "./components/mui_extended/Pager/index.b072df6b.js";
-import { T as Bo } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D as To, N as So, T as Eo, g as No } from "./components/DataGrid/index.cd4fff69.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.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.fe073438.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "@m4l/graphics";
-import { S as Oo } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as jo, d as ko, g as Go } from "./components/DynamicFilter/index.4d3c60b4.js";
+import { S as Uo } from "./components/ScrollBar/index.39eeb2de.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 Vo } from "./components/contexts/RHFormContext/index.33dba822.js";
+import { R as wo } from "./components/contexts/RHFormContext/index.33dba822.js";
 import "yup";
 import "./react-draggable.20e95c61.js";
-import { M as Wo, d as qo, g as Jo } from "./components/ModalDialog/index.e1f31e50.js";
-import { R as Qo } from "./components/Resizeable/index.45995d2b.js";
-import { N as Yo, d as Zo, g as _o } from "./components/NoItemSelected/index.9609a7f7.js";
-import { O as or, d as rr, g as tr } from "./components/ObjectLogs/index.9c43ba69.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.a7d36267.js";
 import "./react-json-view.f56a7f8e.js";
-import { P as er } from "./components/PaperForm/index.3f8c7ef2.js";
-import { H as sr } from "./components/Page/index.fc660ee5.js";
-import { P as pr } from "./components/PropertyValue/index.ab3dd7e9.js";
+import { P as mr } from "./components/PaperForm/index.3f8c7ef2.js";
+import { H as ir } from "./components/Page/index.fc660ee5.js";
+import { P as nr } from "./components/PropertyValue/index.ab3dd7e9.js";
 import "./react-splitter-layout.7810ac1b.js";
 import { S as xr } from "./components/SplitLayout/index.4032673d.js";
-import { v as cr } from "./components/animate/variants/fade.b561c0fc.js";
-import { v as dr } from "./components/animate/variants/bounce.784aaaaa.js";
-import { v as Fr } from "./components/animate/variants/container.11f82b76.js";
-import { v as Dr, a as Rr, b as yr } from "./components/animate/variants/transition.bd46b9ce.js";
-import { M as Ar } from "./components/animate/MotionContainer/index.8d9f9d80.js";
-import { M as Lr } from "./components/animate/MotionLazyContainer/index.572dd012.js";
-import { R as Hr } from "./components/hook-form/RHFAutocompleteAsync/index.3b3da5f6.js";
-import { R as br } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
-import { R as Ir } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { R as Sr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
-import { B as Nr } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
-import { B as Or } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import { C as jr } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
-import { L as Gr } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import { T as Vr } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as Wr, c as qr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
-import { D as Kr, c as Qr } from "./components/formatters/DateFormatter/index.08d8823b.js";
-import { P as Yr, a as Zr, U as _r, e as $r, b as ot, c as rt, d as tt, g as at } from "./components/formatters/index.6959c2de.js";
-import { A as mt } from "./components/CommonActions/components/ActionCancel/index.7b862bd3.js";
-import { A as it } from "./components/CommonActions/components/ActionIntro/index.35c8757f.js";
-import { A as nt } from "./components/CommonActions/components/ActionFormCancel/index.b59a0011.js";
-import { A as ft } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import { L as lt } from "./components/Loadable/index.f5518558.js";
-import { S as gt } from "./components/ScrollToTop/index.e06f98f6.js";
-import { u as ut } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as Rt } from "./hooks/useModal/index.34cc1e55.js";
-import { L as Pt } from "./assets/Logo/index.228dcb5a.js";
+import { v as lr } from "./components/animate/variants/fade.b561c0fc.js";
+import { v as gr } from "./components/animate/variants/bounce.784aaaaa.js";
+import { v as ur } from "./components/animate/variants/container.11f82b76.js";
+import { v as yr, a as Rr, b as Ar } from "./components/animate/variants/transition.bd46b9ce.js";
+import { M as Cr } from "./components/animate/MotionContainer/index.8d9f9d80.js";
+import { M as Hr } from "./components/animate/MotionLazyContainer/index.572dd012.js";
+import { R as Mr, g as br } from "./components/hook-form/RHFAutocompleteAsync/index.757b5080.js";
+import { R as Ir } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
+import { R as Sr } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
+import { R as Nr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
+import { B as Or } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
+import { B as jr } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
+import { C as Gr } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
+import { L as Vr } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+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.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.b1f96279.js";
+import { L as Ct } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";
 import "clsx";
@@ -90,95 +90,97 @@ import "./react-resizable.5277deaf.js";
 import "./commonjs.565e6834.js";
 import "react-helmet-async";
 export {
-  Fo as Accordion,
-  mt as ActionCancel,
-  nt as ActionFormCancel,
-  ft as ActionFormIntro,
-  it as ActionIntro,
-  mo as Actions,
-  Do as Avatar,
-  Wr as BooleanFormatter,
-  Nr as BoxIcon,
-  Or as Breadcrumbs,
-  yo as Button,
-  jr as CircularProgress,
-  To as DataGrid,
-  Kr as DateFormatter,
-  jo as DynamicFilter,
-  oo as ErrorLabel,
-  sr as HelmetPage,
-  Y as Icon,
+  uo as Accordion,
+  it as ActionCancel,
+  xt as ActionFormCancel,
+  lt as ActionFormIntro,
+  nt as ActionIntro,
+  so as Actions,
+  yo as Avatar,
+  Jr as BooleanFormatter,
+  Or as BoxIcon,
+  jr as Breadcrumbs,
+  Ao as Button,
+  Gr as CircularProgress,
+  So as DataGrid,
+  Xr as DateFormatter,
+  ko as DynamicFilter,
+  ro as ErrorLabel,
+  ir as HelmetPage,
+  Z as Icon,
   N as IconButton,
   h as IconButtonAnimate,
-  z as Image,
-  Co as LanguagePopover,
-  Gr as LinkWithRoute,
-  lt as Loadable,
+  V as Image,
+  Lo as LanguagePopover,
+  Vr as LinkWithRoute,
+  gt as Loadable,
   Po as LoadingButton,
   U as LoadingScreen,
-  Pt as Logo,
-  so as MenuActions,
+  Ct as Logo,
+  io as MenuActions,
   xo as ModalContext,
-  Wo as ModalDialog,
+  qo as ModalDialog,
   fo as ModalProvider,
-  Ar as MotionContainer,
-  Lr as MotionLazyContainer,
-  Yo as NoItemSelected,
-  So as NumberEditor,
-  or as ObjectLogs,
-  Ho as Pager,
-  er as PaperForm,
-  to as Period,
-  Yr as PointsFormatter,
-  Lo as Popover,
-  Zr as PriceFormatter,
-  pr as PropertyValue,
+  Cr as MotionContainer,
+  Hr as MotionLazyContainer,
+  Zo as NoItemSelected,
+  Eo as NumberEditor,
+  rr as ObjectLogs,
+  Mo as Pager,
+  mr as PaperForm,
+  ao as Period,
+  _r as PointsFormatter,
+  Ho as Popover,
+  $r as PriceFormatter,
+  nr as PropertyValue,
   k as RHFAutocomplete,
-  Hr as RHFAutocompleteAsync,
-  w as RHFCheckbox,
-  q as RHFDateTime,
-  br as RHFMultiCheckbox,
-  _ as RHFPeriod,
-  Sr as RHFRadioGroup,
-  Ir as RHFSelect,
-  K as RHFTextField,
-  Q as RHFTextFieldPassword,
-  lo as RHFUploadImage,
-  Vo as RHFormProvider,
-  Qo as Resizeable,
-  Oo as ScrollBar,
-  gt as ScrollToTop,
+  Mr as RHFAutocompleteAsync,
+  W as RHFCheckbox,
+  J as RHFDateTime,
+  Ir as RHFMultiCheckbox,
+  $ as RHFPeriod,
+  Nr as RHFRadioGroup,
+  Sr as RHFSelect,
+  Q as RHFTextField,
+  X as RHFTextFieldPassword,
+  go as RHFUploadImage,
+  wo as RHFormProvider,
+  Xo as Resizeable,
+  Uo as ScrollBar,
+  ut as ScrollToTop,
   xr as SplitLayout,
-  Bo as Tab,
-  Eo as TextEditor,
-  Vr as Typography,
-  _r as UncertaintyFormatter,
-  qr as columnBooleanFormatter,
-  Qr as columnDateFormatter,
-  $r as columnNestedValueFormatter,
-  ot as columnPointsFormatter,
-  rt as columnUncertaintyFormatter,
-  io as defaultCommonActionsDictionary,
-  ko as defaultDynamicFilterDictionary,
-  tt as defaultFormattersDictionary,
-  qo as defaultModalDialogDictionary,
-  Zo as defaultNoItemSelectedDictionary,
-  rr as defaultObjectLogDictionary,
-  po as getCommonActionsDictionary,
-  Go as getDynamicFilterComponentsDictionary,
-  at as getFormattersComponentsDictionary,
-  No as getGridComponentsDictionary,
-  Jo as getModalDialogComponentsDictionary,
-  _o as getNoItemSelectedComponentsDictionary,
-  tr as getObjectLogsComponentsDictionary,
-  Mo as getPagerComponentsDictionary,
-  ao as getPeriodComponetsDictionary,
-  ut as useFormAddEdit,
-  Rt as useModal,
-  dr as varBounce,
-  Fr as varContainer,
-  cr as varFade,
-  Dr as varTranEnter,
+  Io as Tab,
+  No as TextEditor,
+  Wr as Typography,
+  ot as UncertaintyFormatter,
+  Kr as columnBooleanFormatter,
+  Yr as columnDateFormatter,
+  rt as columnNestedValueFormatter,
+  tt as columnPointsFormatter,
+  at as columnUncertaintyFormatter,
+  po as defaultCommonActionsDictionary,
+  Go as defaultDynamicFilterDictionary,
+  et as defaultFormattersDictionary,
+  Jo as defaultModalDialogDictionary,
+  _o as defaultNoItemSelectedDictionary,
+  tr as defaultObjectLogDictionary,
+  no as getCommonActionsDictionary,
+  zo as getDynamicFilterComponentsDictionary,
+  mt as getFormattersComponentsDictionary,
+  ho as getGridComponentsDictionary,
+  Ko as getModalDialogComponentsDictionary,
+  $o as getNoItemSelectedComponentsDictionary,
+  ar as getObjectLogsComponentsDictionary,
+  bo as getPagerComponentsDictionary,
+  eo as getPeriodComponetsDictionary,
+  br as getRHFAutocompleteAsyncComponentsDictionary,
+  G as getRHFAutocompleteComponentsDictionary,
+  yt as useFormAddEdit,
+  At as useModal,
+  gr as varBounce,
+  ur as varContainer,
+  lr as varFade,
+  yr as varTranEnter,
   Rr as varTranExit,
-  yr as varTranHover
+  Ar as varTranHover
 };

package/package.json

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