@m4l/components 0.1.26 → 0.1.27

package/components/hook-form/RHFUpload/{index.6347159a.js → index.ec4d5326.js}

@@ -1,10 +1,10 @@
 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 { useFormContext as y, Controller as m } from "react-hook-form";
+import N from "lodash/isString";
+import { useDropzone as x } from "react-dropzone";
+import { styled as e, alpha as S } from "@mui/material/styles";
+import { I as d } 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")(({
@@ -12,6 +12,7 @@ const j = e("div")(({
 }) => ({
   width: "inherit",
   height: "100%",
+  minHeight: "200px",
   minWidth: t.spacing(20),
   margin: "auto",
   borderRadius: t.spacing(1),
@@ -61,7 +62,7 @@ const j = e("div")(({
 }) => ({
   padding: t.spacing(3, 5),
   display: "flex",
-  flexWrap: "wrap",
+  flexDirection: "column",
   justifyContent: "center",
   width: "100%",
   height: "100%",
@@ -72,28 +73,25 @@ const j = e("div")(({
   display: "flex",
   justifyContent: "center",
   flexDirection: "column",
-  gap: t.spacing(3)
-})), Y = e("span")(({
+  gap: t.spacing(1)
+})), H = e("div")(({
   theme: t
 }) => ({
-  ...t.typography.subtitle2,
-  width: "fit-content"
-})), H = e("span")(({
+  ...t.typography.subtitle1,
+  textAlign: "center"
+})), Y = e("div")(({
   theme: t
 }) => ({
   ...t.typography.body2,
-  minWidth: t.spacing(20)
-})), k = e("span")(({
+  textAlign: "center"
+})), k = e("div")(({
   theme: t
 }) => ({
   ...t.typography.caption,
-  width: "fit-content"
-})), G = e("div")(({
-  theme: t
-}) => ({
+  textAlign: "center"
+})), G = e("div")(() => ({
   display: "flex",
-  alignItems: "center",
-  maxWidth: t.spacing(20)
+  justifyContent: "center"
 }));
 e("div")(() => ({
   width: "100%",
@@ -104,7 +102,13 @@ e("div")(() => ({
   justifyContent: "center",
   alignItems: "center"
 }));
-const Q = w("div")(({
+const Q = e("div")(() => ({
+  "& .m4l_image > img": {
+    objectFit: "cover",
+    width: "auto",
+    margin: "0 auto"
+  }
+})), f = w("div")(({
   theme: t
 }) => ({
   maskPosition: "center!important",
@@ -115,8 +119,8 @@ const Q = w("div")(({
   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, {
+})), Z = () => /* @__PURE__ */ i(j, {
+  children: /* @__PURE__ */ i(f, {
     children: /* @__PURE__ */ i(p, {
       variant: "rectangular",
       width: "100%",
@@ -124,61 +128,63 @@ const Q = w("div")(({
     })
   })
 });
-function Z({
+function W({
   error: t,
-  file: M,
+  file: o,
   helperText: s,
-  sx: a,
-  ...c
+  sx: r,
+  ...a
 }) {
   const {
     getRootProps: L,
-    getInputProps: o,
-    isDragActive: r,
-    isDragReject: d
-  } = m({
+    getInputProps: M,
+    isDragActive: u,
+    isDragReject: l
+  } = x({
     multiple: !1,
-    ...c
+    ...a
   }), {
     host_static_assets: C,
     environment_assets: g
   } = z(), {
-    getLabel: u
+    getLabel: c
   } = h();
-  return A() ? /* @__PURE__ */ i(f, {}) : /* @__PURE__ */ n(b, {
+  return A() ? /* @__PURE__ */ i(Z, {}) : /* @__PURE__ */ n(b, {
     children: [/* @__PURE__ */ i(j, {
       sx: {
-        ...(d || t) && {
+        ...(l || t) && {
           borderColor: "error.light"
         },
-        ...a
+        ...r
       },
       children: /* @__PURE__ */ n(T, {
-        id: "DropZoneStyle",
         ...L(),
         sx: {
-          ...r && {
+          ...u && {
             opacity: 0.72
           }
         },
         children: [/* @__PURE__ */ i("input", {
-          ...o()
-        }), M && /* @__PURE__ */ i(l, {
-          alt: "avatar",
-          src: S(M) ? M : M.preview || "",
-          width: "100%"
+          ...M()
+        }), o && /* @__PURE__ */ i(Q, {
+          children: /* @__PURE__ */ i(d, {
+            alt: "avatar",
+            src: N(o) ? o : o.preview || "",
+            width: "auto",
+            height: "100%"
+          })
         }), /* @__PURE__ */ i(E, {
           id: "PlaceholderStyle",
           className: "placeholder",
           sx: {
-            ...M ? {
-              bgcolor: x("#161C24", 0.72),
+            ...o ? {
+              bgcolor: S("#161C24", 0.72),
               color: "common.white",
               opacity: 0
             } : {
               opacity: 1
             },
-            ...(d || t) && {
+            ...(l || t) && {
               bgcolor: "error.lighter",
               borderColor: "error.light",
               color: "error.main"
@@ -187,18 +193,18 @@ function Z({
           children: /* @__PURE__ */ n(v, {
             className: "ContainerUploadBody",
             children: [/* @__PURE__ */ i(G, {
-              children: /* @__PURE__ */ i(l, {
+              children: /* @__PURE__ */ i(d, {
                 src: `${C}/${g}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
-                width: "100%",
-                height: "auto"
+                width: "100px",
+                height: "100px"
               })
             }), /* @__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")
+              children: [/* @__PURE__ */ i(H, {
+                children: c("upload_image.title_upload")
+              }), /* @__PURE__ */ i(Y, {
+                children: c("upload_image.description")
               }), /* @__PURE__ */ i(k, {
-                children: u("upload_image.conditions")
+                children: c("upload_image.conditions")
               })]
             })]
           })
@@ -207,52 +213,52 @@ function Z({
     }), s && s]
   });
 }
-const W = w("div")(() => ({
+const P = w("div")(() => ({
   width: "inherit",
   height: "inherit",
   padding: "1px"
 }));
-function $({
+function q({
   name: t,
-  ...M
+  ...o
 }) {
   const {
     control: s,
-    setValue: a
-  } = y(), c = D((L) => {
-    const o = L[0];
-    o && a(t, Object.assign(o, {
-      preview: URL.createObjectURL(o)
+    setValue: r
+  } = y(), a = D((L) => {
+    const M = L[0];
+    M && r(t, Object.assign(M, {
+      preview: URL.createObjectURL(M)
     }));
-  }, [a]);
-  return /* @__PURE__ */ i(N, {
+  }, [r]);
+  return /* @__PURE__ */ i(m, {
     name: t,
     control: s,
     render: ({
       field: L,
       fieldState: {
-        error: o
+        error: M
       }
     }) => {
-      const r = !!o && !L.value;
-      return /* @__PURE__ */ n(W, {
-        children: [/* @__PURE__ */ i(Z, {
-          onDrop: c,
-          error: r,
-          ...M,
+      const u = !!M && !L.value;
+      return /* @__PURE__ */ n(P, {
+        children: [/* @__PURE__ */ i(W, {
+          onDrop: a,
+          error: u,
+          ...o,
           file: L.value
-        }), r && /* @__PURE__ */ i(I, {
+        }), u && /* @__PURE__ */ i(I, {
           error: !0,
           sx: {
             px: 2,
             textAlign: "center"
           },
-          children: o.message
+          children: M.message
         })]
       });
     }
   });
 }
 export {
-  $ as R
+  q as R
 };

package/components/mui_extended/Accordion/{index.49f5df8e.js → index.a02ac6ae.js}

@@ -1,7 +1,7 @@
 import { Skeleton as d, Accordion as f, AccordionSummary as x, AccordionDetails as b } from "@mui/material";
-import { I as v } from "../IconButton/index.4b5ce8b5.js";
+import { I as v } from "../IconButton/index.a321e5cb.js";
 import { useEnvironment as y, useModuleSkeleton as I } from "@m4l/core";
-import { I as S } from "../../Icon/index.f569765b.js";
+import { I as S } from "../../Icon/index.619c31c4.js";
 import { styled as c } from "@mui/material/styles";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 c("div")(({

package/components/mui_extended/Avatar/index.fe06afd7.js

@@ -0,0 +1,41 @@
+import { forwardRef as m } from "react";
+import { useTheme as p } from "@mui/material/styles";
+import { Skeleton as u, Avatar as s } from "@mui/material";
+import { useModuleSkeleton as f } from "@m4l/core";
+import { jsx as t } from "react/jsx-runtime";
+const l = () => /* @__PURE__ */ t(u, {
+  variant: "circular",
+  width: "32px",
+  height: "32px"
+}), c = m(({
+  color: r = "default",
+  children: o,
+  sx: a,
+  ...n
+}, i) => {
+  const e = p();
+  return f() ? /* @__PURE__ */ t(l, {}) : r === "default" ? /* @__PURE__ */ t(s, {
+    ref: i,
+    sx: {
+      cursor: "pointer",
+      ...a
+    },
+    ...n,
+    children: o
+  }) : /* @__PURE__ */ t(s, {
+    ref: i,
+    sx: {
+      fontWeight: e.typography.fontWeightMedium,
+      color: e.palette[r].contrastText,
+      backgroundColor: e.palette[r].main,
+      cursor: "pointer",
+      ...a
+    },
+    ...n,
+    children: o
+  });
+});
+c.displayName = "Avatar";
+export {
+  c as A
+};

package/components/mui_extended/Button/{index.52d18aea.js → index.51dae0bb.js}

@@ -3,9 +3,9 @@ import { Skeleton as m, styled as S, IconButton as v, Tooltip as I } from "@mui/
 import _ from "@mui/material/Button";
 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 { I as x } from "../IconButton/index.a321e5cb.js";
 import { styled as h, alpha as F } from "@mui/material/styles";
-import { u as L } from "../../DynamicFilter/index.f2377369.js";
+import { u as L } from "../../DynamicFilter/index.e1d4a948.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/IconButton/index.a321e5cb.js

@@ -0,0 +1,105 @@
+import { m as f } from "framer-motion";
+import { forwardRef as v, useMemo as I } from "react";
+import { IconButton as l, Box as b, Skeleton as h, Tooltip as x } from "@mui/material";
+import { jsx as e } from "react/jsx-runtime";
+import { useModuleDictionary as B, useModuleSkeleton as S } from "@m4l/core";
+import { I as d } from "../../Icon/index.619c31c4.js";
+const g = {
+  hover: {
+    scale: 1.1
+  },
+  tap: {
+    scale: 0.95
+  }
+}, k = {
+  hover: {
+    scale: 1.09
+  },
+  tap: {
+    scale: 0.97
+  }
+}, w = {
+  hover: {
+    scale: 1.08
+  },
+  tap: {
+    scale: 0.99
+  }
+};
+function M({
+  size: t,
+  children: o
+}) {
+  const a = t === "small", n = t === "large";
+  return /* @__PURE__ */ e(b, {
+    component: f.div,
+    whileTap: "tap",
+    whileHover: "hover",
+    variants: a && g || n && w || k,
+    sx: {
+      display: "inline-flex"
+    },
+    children: o
+  });
+}
+const L = v(({
+  children: t,
+  size: o = "medium",
+  ...a
+}, n) => /* @__PURE__ */ e(M, {
+  size: o,
+  children: /* @__PURE__ */ e(l, {
+    size: o,
+    ref: n,
+    ...a,
+    children: t
+  })
+}));
+L.displayName = "IconButtonAnimate";
+const y = () => /* @__PURE__ */ e(h, {
+  variant: "circular",
+  width: "30px",
+  height: "30px"
+});
+function R({
+  src: t,
+  tooltip: o,
+  size: a = "small",
+  dictionaryTooltip: n,
+  bgColor: s = "primary.active",
+  rotationAngle: c,
+  angleTransition: u,
+  ...r
+}) {
+  const {
+    getLabel: i
+  } = B(), p = S(), m = I(() => {
+    if (!r.disabled)
+      return n && i ? i(n) : o;
+  }, [n, i, r.disabled]);
+  return p ? /* @__PURE__ */ e(y, {}) : m ? /* @__PURE__ */ e(x, {
+    title: m || "",
+    children: /* @__PURE__ */ e(l, {
+      size: a,
+      ...r,
+      children: /* @__PURE__ */ e(d, {
+        src: t,
+        bgColor: r.disabled ? "action.disabled" : s,
+        rotationAngle: c
+      })
+    })
+  }) : /* @__PURE__ */ e(l, {
+    size: a,
+    ...r,
+    children: /* @__PURE__ */ e(d, {
+      src: t,
+      bgColor: r.disabled ? "action.disabled" : s,
+      rotationAngle: c,
+      angleTransition: u
+    })
+  });
+}
+export {
+  R as I,
+  L as a
+};

package/components/mui_extended/IconButton/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 import { IconButtonProps } from './types';
-export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, rotate, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;
+export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, rotationAngle, angleTransition, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;

package/components/mui_extended/Pager/{index.951b6975.js → index.1dc45f5e.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.cd7b2671.js";
+import { P as S } from "../../CommonActions/components/Actions/index.edeb05c2.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.4da8587a.js → index.cb2ccc66.js}

@@ -3,18 +3,18 @@ import { Popover as x, styled as h, Stack as O, MenuItem as S } from "@mui/mater
 import { I as P } from "../../Image/index.c9da2d5a.js";
 import { useLocales as v } from "@m4l/graphics";
 import { useEnvironment as L, useNetwork as k } from "@m4l/core";
-import "../../Icon/index.f569765b.js";
+import "../../Icon/index.619c31c4.js";
 import { styled as C } from "@mui/material/styles";
 import { jsxs as m, jsx as i, Fragment as R } from "react/jsx-runtime";
-import "../Accordion/index.49f5df8e.js";
-import "../Avatar/index.dadb0528.js";
+import "../Accordion/index.a02ac6ae.js";
+import "../Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import { C as E } from "../CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import { I as N } from "../Button/index.52d18aea.js";
-import "../../CommonActions/components/Actions/index.cd7b2671.js";
-import "../Pager/index.951b6975.js";
+import { I as N } from "../Button/index.51dae0bb.js";
+import "../../CommonActions/components/Actions/index.edeb05c2.js";
+import "../Pager/index.1dc45f5e.js";
 import "../Tab/index.e0653a0a.js";
 const y = C("span")(({
   arrowType: t,

package/contexts/ModalContext/{index.5388dfd5.js → index.9ebc793c.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.bee344a5.js";
-import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.4665a611.js";
-import { A as b } from "../../components/CommonActions/components/ActionCancel/index.6736b782.js";
+import { M as k } from "../../components/ModalDialog/index.ad61757f.js";
+import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.85557b90.js";
+import { A as b } from "../../components/CommonActions/components/ActionCancel/index.431160ba.js";
 import { b as A } from "../../utils/index.214d9542.js";
 const j = l("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.3b1ff084.js → index.34f5978e.js}

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

package/index.js

@@ -1,4 +1,4 @@
-import { I as N, a as h } from "./components/mui_extended/IconButton/index.4b5ce8b5.js";
+import { I as N, a as h } from "./components/mui_extended/IconButton/index.a321e5cb.js";
 import "framer-motion";
 import "@mui/material";
 import "react/jsx-runtime";
@@ -14,42 +14,42 @@ import "lodash/debounce";
 import { R as W } from "./components/hook-form/RHFCheckbox/index.6dcec9e2.js";
 import "@mui/x-date-pickers";
 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.979d0898.js";
+import { R as Q, a as X } from "./components/hook-form/RHFTextField/index.f9aaaa90.js";
+import { I as Z } from "./components/Icon/index.619c31c4.js";
+import { R as $ } from "./components/hook-form/RHFPeriod/index.e08fb1ab.js";
 import { E as ro } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as ao, g as eo } from "./components/Period/index.a112ce37.js";
-import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.cd7b2671.js";
+import { P as ao, g as eo } from "./components/Period/index.81de7941.js";
+import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.edeb05c2.js";
 import "@mui/material/Button";
-import { M as xo, a as fo } from "./contexts/ModalContext/index.5388dfd5.js";
+import { M as xo, a as fo } from "./contexts/ModalContext/index.9ebc793c.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
-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.52d18aea.js";
-import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.4da8587a.js";
-import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.951b6975.js";
+import { R as go } from "./components/hook-form/RHFUpload/index.ec4d5326.js";
+import { A as uo } from "./components/mui_extended/Accordion/index.a02ac6ae.js";
+import { A as yo } from "./components/mui_extended/Avatar/index.fe06afd7.js";
+import { B as Ao, L as Po } from "./components/mui_extended/Button/index.51dae0bb.js";
+import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.cb2ccc66.js";
+import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.1dc45f5e.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.2caf6231.js";
+import { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.2ce9da7d.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.f2377369.js";
+import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.e1d4a948.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.bee344a5.js";
+import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.ad61757f.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.6b6f95e6.js";
+import { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.6ebaec71.js";
 import "./react-json-view.f56a7f8e.js";
-import { P as mr } from "./components/PaperForm/index.3f8c7ef2.js";
+import { P as mr } from "./components/PaperForm/index.ec9cb8c9.js";
 import { H as ir } from "./components/Page/index.4237c241.js";
-import { P as nr } from "./components/PropertyValue/index.ab3dd7e9.js";
+import { P as nr } from "./components/PropertyValue/index.dfcfe1ba.js";
 import "./react-splitter-layout.7810ac1b.js";
 import { S as xr } from "./components/SplitLayout/index.4032673d.js";
 import { v as lr } from "./components/animate/variants/fade.b561c0fc.js";
@@ -67,17 +67,17 @@ 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.6736b782.js";
-import { A as nt } from "./components/CommonActions/components/ActionIntro/index.4665a611.js";
-import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.281ee166.js";
+import { B as Jr, c as Kr } from "./components/formatters/BooleanFormatter/index.8da35c9c.js";
+import { D as Xr, c as Yr } from "./components/formatters/DateFormatter/index.1b9baacc.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.c2a9b55d.js";
+import { A as it } from "./components/CommonActions/components/ActionCancel/index.431160ba.js";
+import { A as nt } from "./components/CommonActions/components/ActionIntro/index.85557b90.js";
+import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.6a0f34aa.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.3b1ff084.js";
+import { u as At } from "./hooks/useModal/index.34f5978e.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.26",
+  "version": "0.1.27",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",