@m4l/components 0.1.17 → 0.1.19

package/components/mui_extended/LinkWithRoute/index.16436ab8.js

@@ -0,0 +1,26 @@
+import { Link as k } from "react-router-dom";
+import { Skeleton as m, Link as h } from "@mui/material";
+import { useModuleSkeleton as l } from "@m4l/core";
+import { jsx as t } from "react/jsx-runtime";
+const a = (e) => {
+  const {
+    to: o,
+    children: n,
+    skeletonWidth: i = "100%",
+    skeletonHeight: r = "14px",
+    ...s
+  } = e;
+  return l() ? /* @__PURE__ */ t(m, {
+    variant: "text",
+    width: i,
+    height: r
+  }) : /* @__PURE__ */ t(h, {
+    component: k,
+    to: o,
+    ...s,
+    children: n
+  });
+};
+export {
+  a as L
+};

package/components/mui_extended/Pager/{index.171ce39d.js → index.03103cdd.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.4ba034cb.js";
+import { P as S } from "../../CommonActions/components/Actions/index.9324a339.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.12f381c4.js

@@ -0,0 +1,218 @@
+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.bcf26c59.js";
+import "../../CommonActions/components/Actions/index.9324a339.js";
+import "../Pager/index.03103cdd.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
+};

package/components/mui_extended/Typography/index.e5494696.js

@@ -0,0 +1,31 @@
+import { useModuleSkeleton as s } from "@m4l/core";
+import { Skeleton as p, Typography as i } from "@mui/material";
+import { jsx as r } from "react/jsx-runtime";
+const h = (t) => {
+  const {
+    skeletonWidth: e,
+    skeletongHeight: o
+  } = t;
+  return /* @__PURE__ */ r(p, {
+    variant: "text",
+    width: e,
+    height: o
+  });
+};
+function k(t) {
+  const {
+    skeletonWidth: e = "100%",
+    skeletongHeight: o = "18px",
+    ...n
+  } = t;
+  return s() ? /* @__PURE__ */ r(h, {
+    skeletonWidth: e,
+    skeletongHeight: o
+  }) : /* @__PURE__ */ r(i, {
+    className: "m4l_typography",
+    ...n
+  });
+}
+export {
+  k as T
+};

package/contexts/ModalContext/{index.7113cfd8.js → index.b84b990b.js}

@@ -4,9 +4,9 @@ import { Typography as I } from "@mui/material";
 import { styled as c } from "@mui/material/styles";
 import { B as _ } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx as t, jsxs as f, Fragment as k } from "react/jsx-runtime";
-import { M as $ } from "../../components/ModalDialog/index.8788743f.js";
-import { A as b } from "../../components/CommonActions/components/ActionIntro/index.8872533f.js";
-import { A } from "../../components/CommonActions/components/ActionCancel/index.62a3aacc.js";
+import { M as $ } from "../../components/ModalDialog/index.dce36500.js";
+import { A as b } from "../../components/CommonActions/components/ActionIntro/index.d0f98589.js";
+import { A } from "../../components/CommonActions/components/ActionCancel/index.261d7b43.js";
 import { b as j } from "../../utils/index.214d9542.js";
 const D = c("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.ab22798b.js → index.f2101669.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../contexts/ModalContext/index.7113cfd8.js";
+import { M as t } from "../../contexts/ModalContext/index.b84b990b.js";
 const s = () => o(t);
 export {
   s as u