@m4l/components 0.1.25 → 0.1.27

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
-};