@m4l/components 0.1.25 → 0.1.26

package/components/CommonActions/components/ActionCancel/{index.9cfffe65.js → index.6736b782.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary as n } from "@m4l/core";
-import { B as r } from "../../../mui_extended/Button/index.2afaa420.js";
+import { B as r } from "../../../mui_extended/Button/index.52d18aea.js";
 import { jsx as i } from "react/jsx-runtime";
 const m = (o) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.ef60c2ee.js → index.281ee166.js}

@@ -2,9 +2,9 @@ import { useFormContext as f, useFormState as p } from "react-hook-form";
 import { useNavigate as C } from "react-router-dom";
 import { useModuleDictionary as g, useModuleSkeleton as d } from "@m4l/core";
 import { Skeleton as k } from "@mui/material";
-import { B as _ } from "../../../mui_extended/Button/index.2afaa420.js";
+import { B as _ } from "../../../mui_extended/Button/index.52d18aea.js";
 import { useCallback as v } from "react";
-import { u as h } from "../../../../hooks/useModal/index.b1f96279.js";
+import { u as h } from "../../../../hooks/useModal/index.3b1ff084.js";
 import { jsx as r } from "react/jsx-runtime";
 function A(n) {
   const {

package/components/CommonActions/components/ActionIntro/{index.f8403e8e.js → index.4665a611.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary as r } from "@m4l/core";
-import { B as n } from "../../../mui_extended/Button/index.2afaa420.js";
+import { B as n } from "../../../mui_extended/Button/index.52d18aea.js";
 import { jsx as i } from "react/jsx-runtime";
 const e = (o) => {
   const {

package/components/CommonActions/components/Actions/{index.309d3b6f.js → index.cd7b2671.js}

@@ -6,16 +6,16 @@ import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
 import { useState as W, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
-import "../../../../contexts/ModalContext/index.f17b3653.js";
+import "../../../../contexts/ModalContext/index.5388dfd5.js";
 import "@mui/lab";
 import { I as y } from "../../../mui_extended/IconButton/index.4b5ce8b5.js";
-import { u as I, a as lt, O as ct } from "../../../DataGrid/index.fe073438.js";
-import { P as dt } from "../../../mui_extended/Pager/index.a23cf8de.js";
+import { u as I, a as lt, O as ct } from "../../../DataGrid/index.2caf6231.js";
+import { P as dt } from "../../../mui_extended/Pager/index.951b6975.js";
 import { D as pt } from "../../../../react-data-grid.d46d625e.js";
-import { u as gt } from "../../../../hooks/useModal/index.b1f96279.js";
-import { A as ft } from "../ActionCancel/index.9cfffe65.js";
-import { A as ut } from "../ActionIntro/index.f8403e8e.js";
-import { P as mt } from "../../../mui_extended/Popover/index.12b0ab55.js";
+import { u as gt } from "../../../../hooks/useModal/index.3b1ff084.js";
+import { A as ft } from "../ActionCancel/index.6736b782.js";
+import { A as ut } from "../ActionIntro/index.4665a611.js";
+import { P as mt } from "../../../mui_extended/Popover/index.4da8587a.js";
 import { I as N } from "../../../Icon/index.f569765b.js";
 import { useResponsiveDesktop as ht } from "@m4l/graphics";
 const _t = p("div")(({

package/components/DataGrid/{index.fe073438.js → index.2caf6231.js}

@@ -6,9 +6,9 @@ import { HTML5Backend as ge } from "react-dnd-html5-backend";
 import { SvgIcon as B, Checkbox as fe, InputBase as he, Skeleton as pe } from "@mui/material";
 import { jsx as d, jsxs as Q } from "react/jsx-runtime";
 import { voidFunction as I, useModuleDictionary as we, useModuleSkeleton as me } from "@m4l/core";
-import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.309d3b6f.js";
-import { g as be, d as ve } from "../ModalDialog/index.a24ca508.js";
-import { g as xe, d as Re } from "../mui_extended/Pager/index.a23cf8de.js";
+import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.cd7b2671.js";
+import { g as be, d as ve } from "../ModalDialog/index.bee344a5.js";
+import { g as xe, d as Re } from "../mui_extended/Pager/index.951b6975.js";
 const Se = A("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/{index.d0753667.js → index.f2377369.js}

@@ -13,13 +13,13 @@ import "@mui/x-date-pickers";
 import { R as ee } from "../hook-form/RHFDateTime/index.9231a7c7.js";
 import { R as Y } from "../hook-form/RHFTextField/index.ba2a8f67.js";
 import { I as he } from "../Icon/index.f569765b.js";
-import "../hook-form/RHFPeriod/index.067790c9.js";
+import "../hook-form/RHFPeriod/index.979d0898.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.080a987d.js";
-import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.309d3b6f.js";
+import "../Period/index.a112ce37.js";
+import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.cd7b2671.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.f17b3653.js";
+import "../../contexts/ModalContext/index.5388dfd5.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
@@ -27,11 +27,11 @@ import "../Image/index.c9da2d5a.js";
 import "../hook-form/RHFUpload/index.6347159a.js";
 import { I as G } from "../mui_extended/IconButton/index.4b5ce8b5.js";
 import "simplebar/dist/simplebar.min.css";
-import { F as te } from "../mui_extended/Button/index.2afaa420.js";
-import { P as Xe } from "../mui_extended/Popover/index.12b0ab55.js";
+import { F as te } from "../mui_extended/Button/index.52d18aea.js";
+import { P as Xe } from "../mui_extended/Popover/index.4da8587a.js";
 import { R as Ze } from "../contexts/RHFormContext/index.33dba822.js";
-import { A as et } from "../CommonActions/components/ActionCancel/index.9cfffe65.js";
-import { A as tt } from "../CommonActions/components/ActionIntro/index.f8403e8e.js";
+import { A as et } from "../CommonActions/components/ActionCancel/index.6736b782.js";
+import { A as tt } from "../CommonActions/components/ActionIntro/index.4665a611.js";
 import { useResponsiveDesktop as rt } from "@m4l/graphics";
 const re = h("div")(({
   theme: e

package/components/LanguagePopover/styles.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
 export declare const LabelItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ContainerProgress: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerMenuItems: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ModalDialog/{index.a24ca508.js → index.bee344a5.js}

@@ -1,6 +1,6 @@
 import { Dialog as b, IconButton as w, Paper as v } from "@mui/material";
 import { c as D } from "../../react-draggable.20e95c61.js";
-import { u as $ } from "../../hooks/useModal/index.b1f96279.js";
+import { u as $ } from "../../hooks/useModal/index.3b1ff084.js";
 import { styled as s } from "@mui/material/styles";
 import { a as x } from "../../utils/index.214d9542.js";
 import { R as M } from "../Resizeable/index.45995d2b.js";
@@ -8,7 +8,7 @@ import { useResponsiveDesktop as H } from "@m4l/graphics";
 import { useEnvironment as I } from "@m4l/core";
 import { I as C } from "../Icon/index.f569765b.js";
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { b as W, g as _ } from "../CommonActions/components/Actions/index.309d3b6f.js";
+import { b as W, g as _ } from "../CommonActions/components/Actions/index.cd7b2671.js";
 const j = s(b)(() => ({})), k = s("div")(({ theme: o }) => ({
   display: "flex",
   flexDirection: "column",

package/components/ObjectLogs/{index.a7d36267.js → index.6b6f95e6.js}

@@ -1,14 +1,14 @@
 import { useState as _, useEffect as f, useCallback as d, useMemo as $ } from "react";
 import { useNetwork as k, useModuleDictionary as y, useEnvironment as h, usePaginate as O } from "@m4l/core";
 import { styled as g } from "@mui/material/styles";
-import { D as R, g as I } from "../DataGrid/index.fe073438.js";
+import { D as R, g as I } from "../DataGrid/index.2caf6231.js";
 import { D as L } from "../formatters/DateFormatter/index.08d8823b.js";
 import { Tooltip as G, IconButton as M } from "@mui/material";
 import { R as S } from "../../react-json-view.f56a7f8e.js";
 import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { u as T } from "../../hooks/useModal/index.b1f96279.js";
+import { u as T } from "../../hooks/useModal/index.3b1ff084.js";
 import { I as u } from "../Icon/index.f569765b.js";
-import { D as E, g as K } from "../DynamicFilter/index.d0753667.js";
+import { D as E, g as K } from "../DynamicFilter/index.f2377369.js";
 const q = g("div")(() => ({
   height: "100%",
   width: "100%",

package/components/Page/index.4237c241.js

@@ -0,0 +1,25 @@
+import { Helmet as c } from "react-helmet-async";
+import { useLocales as a } from "@m4l/graphics";
+import { useModuleSkeleton as d } from "@m4l/core";
+import { jsxs as t, Fragment as g, jsx as l } from "react/jsx-runtime";
+const p = (o) => {
+  const {
+    children: r,
+    title: n,
+    meta: i,
+    subtitle: e
+  } = o, m = a().currentLocale?.localeString, s = d();
+  return /* @__PURE__ */ t(g, {
+    children: [!s && /* @__PURE__ */ t(c, {
+      children: [/* @__PURE__ */ l("title", {
+        children: `${n}${e ? ` | ${e}` : ""} `
+      }), /* @__PURE__ */ l("html", {
+        lang: m
+      }), i]
+    }), r]
+  });
+};
+p.displayName = "Page";
+export {
+  p as H
+};

package/components/Period/{index.080a987d.js → index.a112ce37.js}

@@ -3,11 +3,11 @@ import { styled as a, Skeleton as u, Autocomplete as T, TextField as b } from "@
 import { useMemo as $ } from "react";
 import { I as A } from "../Icon/index.f569765b.js";
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { g as w } from "../CommonActions/components/Actions/index.309d3b6f.js";
+import { g as w } from "../CommonActions/components/Actions/index.cd7b2671.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.f17b3653.js";
+import "../../contexts/ModalContext/index.5388dfd5.js";
 import "@mui/lab";
 const M = a("div")(({
   theme: t,

package/components/hook-form/RHFPeriod/{index.067790c9.js → index.979d0898.js}

@@ -1,7 +1,7 @@
 import { styled as d } from "@mui/material";
 import { useFormContext as f, Controller as p } from "react-hook-form";
 import { E as c } from "../../ErrorLabel/index.c8615f16.js";
-import { P as x } from "../../Period/index.080a987d.js";
+import { P as x } from "../../Period/index.a112ce37.js";
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 const u = d("div")(({
   theme: e

package/components/mui_extended/Button/{index.2afaa420.js → index.52d18aea.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.d0753667.js";
+import { u as L } from "../../DynamicFilter/index.f2377369.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.a23cf8de.js → index.951b6975.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.309d3b6f.js";
+import { P as S } from "../../CommonActions/components/Actions/index.cd7b2671.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

@@ -0,0 +1,252 @@
+import { useState as d, useEffect as I } from "react";
+import { Popover as x, styled as h, Stack as O, MenuItem as S } from "@mui/material";
+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 { 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 "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 "../Tab/index.e0653a0a.js";
+const y = C("span")(({
+  arrowType: t,
+  theme: n
+}) => {
+  const o = `solid 1px ${n.palette.grey[50012]}`, a = {
+    borderRadius: "0 0 3px 0",
+    top: -6,
+    borderBottom: o,
+    borderRight: o
+  }, l = {
+    borderRadius: "3px 0 0 0",
+    bottom: -6,
+    borderTop: o,
+    borderLeft: o
+  }, s = {
+    borderRadius: "0 3px 0 0",
+    left: -6,
+    borderTop: o,
+    borderRight: o
+  }, r = {
+    borderRadius: "0 0 0 3px",
+    right: -6,
+    borderBottom: o,
+    borderLeft: o
+  };
+  return {
+    display: "none",
+    [n.breakpoints.up("sm")]: {
+      zIndex: 1,
+      width: 12,
+      height: 12,
+      content: "''",
+      position: "absolute",
+      display: "block",
+      transform: "rotate(-135deg)",
+      background: n.palette.background.paper
+    },
+    ...t === "top-left" && {
+      ...a,
+      left: 20
+    },
+    ...t === "top-center" && {
+      ...a,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...t === "top-right" && {
+      ...a,
+      right: 20
+    },
+    ...t === "bottom-left" && {
+      ...l,
+      left: 20
+    },
+    ...t === "bottom-center" && {
+      ...l,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...t === "bottom-right" && {
+      ...l,
+      right: 20
+    },
+    ...t === "left-top" && {
+      ...s,
+      top: 20
+    },
+    ...t === "left-center" && {
+      ...s,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...t === "left-bottom" && {
+      ...s,
+      bottom: 20
+    },
+    ...t === "right-top" && {
+      ...r,
+      top: 20
+    },
+    ...t === "right-center" && {
+      ...r,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...t === "right-bottom" && {
+      ...r,
+      bottom: 20
+    }
+  };
+});
+function _({
+  children: t,
+  arrowType: n = "top-right",
+  sx: p,
+  className: c,
+  ...o
+}) {
+  return /* @__PURE__ */ m(x, {
+    className: `m4l_popover ${c || ""}`,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    PaperProps: {
+      sx: {
+        p: 1,
+        overflow: "inherit",
+        ...p
+      }
+    },
+    ...o,
+    children: [n !== "no-arrow" && /* @__PURE__ */ i(y, {
+      arrowType: n
+    }), t]
+  });
+}
+const z = h("span")(({
+  theme: t
+}) => ({
+  marginLeft: t.spacing(1)
+})), B = h("div")(({
+  theme: t
+}) => ({
+  padding: t.spacing(0.75, 0),
+  margin: t.spacing(0, 1.25)
+})), M = h("div")(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+function T() {
+  const {
+    currentLocale: t,
+    onChangeLocale: n
+  } = v(), {
+    domain_token: p
+  } = L(), {
+    networkOperation: c
+  } = k(), [o, a] = d(null), [l, s] = d(!1), [r, f] = d([]), b = (e) => {
+    console.log("handleOpen", r, l), a(e.currentTarget);
+  }, u = () => {
+    a(null);
+  };
+  return I(() => {
+    let e = !0;
+    if (!(o === null || l || r.length > 0))
+      return s(!0), c({
+        method: "GET",
+        endPoint: "na/locales",
+        parms: {
+          domain_token: p
+        }
+      }).then((g) => {
+        console.log("Response", g.data), e && f(g.data);
+      }).finally(() => {
+        s(!1);
+      }), function() {
+        e = !1;
+      };
+  }, [o]), console.log("Render lang", r, l), /* @__PURE__ */ m(R, {
+    children: [/* @__PURE__ */ i(N, {
+      className: "m4l_language_popover",
+      onClick: b,
+      sx: {
+        width: 40,
+        height: 40,
+        ...o && {
+          bgcolor: "action.selected"
+        }
+      },
+      src: t?.url_icon || "",
+      alt: t?.name,
+      width: "24px",
+      height: "24px",
+      skeletonVariant: "circle",
+      tooltip: "dddd"
+    }), /* @__PURE__ */ i(_, {
+      arrowType: "top-right",
+      open: Boolean(o),
+      anchorEl: o,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      },
+      onClose: u,
+      sx: {
+        mt: 1.5,
+        ml: 0.75,
+        width: 180,
+        rowGap: "100px",
+        "& .MuiMenuItem-root": {
+          px: 1,
+          typography: "body2",
+          borderRadius: 0.75
+        }
+      },
+      children: /* @__PURE__ */ m(M, {
+        children: [r.length === 0 && /* @__PURE__ */ i(B, {
+          children: /* @__PURE__ */ i(E, {
+            size: "20px"
+          })
+        }), r.length > 0 && /* @__PURE__ */ i(O, {
+          spacing: 0.75,
+          children: r.map((e) => /* @__PURE__ */ m(S, {
+            selected: e.lang === t?.lang && e?.script === t?.script && e?.region === t?.region,
+            onClick: () => {
+              n(e), u();
+            },
+            children: [/* @__PURE__ */ i(P, {
+              alt: e.name,
+              src: e.url_icon,
+              width: "24px",
+              height: "24px"
+            }), /* @__PURE__ */ i(z, {
+              children: e.name
+            })]
+          }, e.lang || e.script || e.region))
+        })]
+      })
+    })]
+  });
+}
+export {
+  T as L,
+  _ as P
+};

package/contexts/ModalContext/{index.f17b3653.js → index.5388dfd5.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.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 { 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 { b as A } from "../../utils/index.214d9542.js";
 const j = l("div")(() => ({
   display: "flex",

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

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

package/index.js

@@ -16,39 +16,39 @@ 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.067790c9.js";
+import { R as $ } from "./components/hook-form/RHFPeriod/index.979d0898.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 { 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 "@mui/material/Button";
-import { M as xo, a as fo } from "./contexts/ModalContext/index.f17b3653.js";
+import { M as xo, a as fo } from "./contexts/ModalContext/index.5388dfd5.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.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 { 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 { 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 { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.2caf6231.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.d0753667.js";
+import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.f2377369.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.a24ca508.js";
+import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.bee344a5.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 { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.6b6f95e6.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";
+import { H as ir } from "./components/Page/index.4237c241.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";
@@ -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.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 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 { 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 { u as At } from "./hooks/useModal/index.3b1ff084.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.25",
+  "version": "0.1.26",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",

package/components/Page/index.fc660ee5.js

@@ -1,27 +0,0 @@
-import { Helmet as a } from "react-helmet-async";
-import { useLocales as c } from "@m4l/graphics";
-import { useModuleSkeleton as u } from "@m4l/core";
-import { jsxs as t, Fragment as d, jsx as r } from "react/jsx-runtime";
-const p = (l) => {
-  const {
-    children: o,
-    title: n,
-    meta: m,
-    subtitle: e
-  } = l, {
-    currentLang: s
-  } = c(), i = u();
-  return /* @__PURE__ */ t(d, {
-    children: [!i && /* @__PURE__ */ t(a, {
-      children: [/* @__PURE__ */ r("title", {
-        children: `${n}${e ? ` | ${e}` : ""} `
-      }), /* @__PURE__ */ r("html", {
-        lang: s.value
-      }), m]
-    }), o]
-  });
-};
-p.displayName = "Page";
-export {
-  p as H
-};

package/components/mui_extended/Popover/index.12b0ab55.js

@@ -1,218 +0,0 @@
-import { useState as c } from "react";
-import { Popover as g, styled as d, Stack as h, MenuItem as b } from "@mui/material";
-import { I as u } from "../../Image/index.c9da2d5a.js";
-import { useLocales as f } from "@m4l/graphics";
-import "@m4l/core";
-import "../../Icon/index.f569765b.js";
-import { styled as I } from "@mui/material/styles";
-import { jsxs as m, jsx as l, Fragment as x } from "react/jsx-runtime";
-import "../Accordion/index.49f5df8e.js";
-import "../Avatar/index.dadb0528.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "@mui/lab";
-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,
-  theme: e
-}) => {
-  const o = `solid 1px ${e.palette.grey[50012]}`, a = {
-    borderRadius: "0 0 3px 0",
-    top: -6,
-    borderBottom: o,
-    borderRight: o
-  }, n = {
-    borderRadius: "3px 0 0 0",
-    bottom: -6,
-    borderTop: o,
-    borderLeft: o
-  }, r = {
-    borderRadius: "0 3px 0 0",
-    left: -6,
-    borderTop: o,
-    borderRight: o
-  }, s = {
-    borderRadius: "0 0 0 3px",
-    right: -6,
-    borderBottom: o,
-    borderLeft: o
-  };
-  return {
-    display: "none",
-    [e.breakpoints.up("sm")]: {
-      zIndex: 1,
-      width: 12,
-      height: 12,
-      content: "''",
-      position: "absolute",
-      display: "block",
-      transform: "rotate(-135deg)",
-      background: e.palette.background.paper
-    },
-    ...t === "top-left" && {
-      ...a,
-      left: 20
-    },
-    ...t === "top-center" && {
-      ...a,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...t === "top-right" && {
-      ...a,
-      right: 20
-    },
-    ...t === "bottom-left" && {
-      ...n,
-      left: 20
-    },
-    ...t === "bottom-center" && {
-      ...n,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...t === "bottom-right" && {
-      ...n,
-      right: 20
-    },
-    ...t === "left-top" && {
-      ...r,
-      top: 20
-    },
-    ...t === "left-center" && {
-      ...r,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...t === "left-bottom" && {
-      ...r,
-      bottom: 20
-    },
-    ...t === "right-top" && {
-      ...s,
-      top: 20
-    },
-    ...t === "right-center" && {
-      ...s,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...t === "right-bottom" && {
-      ...s,
-      bottom: 20
-    }
-  };
-});
-function v({
-  children: t,
-  arrowType: e = "top-right",
-  sx: p,
-  className: i,
-  ...o
-}) {
-  return /* @__PURE__ */ m(g, {
-    className: `m4l_popover ${i || ""}`,
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    },
-    PaperProps: {
-      sx: {
-        p: 1,
-        overflow: "inherit",
-        ...p
-      }
-    },
-    ...o,
-    children: [e !== "no-arrow" && /* @__PURE__ */ l(O, {
-      arrowType: e
-    }), t]
-  });
-}
-const P = d("span")(({
-  theme: t
-}) => ({
-  marginLeft: t.spacing(1)
-}));
-function V() {
-  const {
-    allLang: t,
-    currentLang: e,
-    onChangeLang: p
-  } = f(), [i, o] = c(null), a = (r) => {
-    o(r.currentTarget);
-  }, n = () => {
-    o(null);
-  };
-  return /* @__PURE__ */ m(x, {
-    children: [/* @__PURE__ */ l(S, {
-      className: "m4l_language_popover",
-      onClick: a,
-      sx: {
-        width: 40,
-        height: 40,
-        ...i && {
-          bgcolor: "action.selected"
-        }
-      },
-      src: e.icon,
-      alt: e.label,
-      width: "24px",
-      height: "24px",
-      skeletonVariant: "circle",
-      tooltip: "dddd"
-    }), /* @__PURE__ */ l(v, {
-      arrowType: "top-right",
-      open: Boolean(i),
-      anchorEl: i,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "right"
-      },
-      onClose: n,
-      sx: {
-        mt: 1.5,
-        ml: 0.75,
-        width: 180,
-        rowGap: "100px",
-        "& .MuiMenuItem-root": {
-          px: 1,
-          typography: "body2",
-          borderRadius: 0.75
-        }
-      },
-      children: /* @__PURE__ */ l(h, {
-        spacing: 0.75,
-        children: t.map((r) => /* @__PURE__ */ m(b, {
-          selected: r.value === e.value,
-          onClick: () => {
-            p(r.value), n();
-          },
-          children: [/* @__PURE__ */ l(u, {
-            alt: r.label,
-            src: r.icon,
-            width: "24px",
-            height: "24px"
-          }), /* @__PURE__ */ l(P, {
-            children: r.label
-          })]
-        }, r.value))
-      })
-    })]
-  });
-}
-export {
-  V as L,
-  v as P
-};