@m4l/components 0.1.26 → 0.1.28

package/components/mui_extended/Popover/index.4da8587a.js

@@ -1,252 +0,0 @@
-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.5388dfd5.js

@@ -1,136 +0,0 @@
-import { createContext as x, useState as g } from "react";
-import { useEnvironment as y, voidFunction as w } from "@m4l/core";
-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 { b as A } from "../../utils/index.214d9542.js";
-const j = l("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%"
-})), D = l("div")(({
-  theme: n
-}) => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  gridGap: n.spacing(5),
-  flexGrow: 1,
-  [n.breakpoints.up("sm")]: {
-    display: "grid",
-    flexDirection: "row",
-    gridTemplateColumns: "1fr 1fr"
-  }
-})), O = l("div")(({
-  theme: n,
-  variant: o
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  "& > span": {
-    background: o === "warning" ? n.palette.warning.main : o === "delete" ? n.palette.error.main : o === "info" ? n.palette.info.main : "theme.palette.text.primary"
-  }
-})), B = l("div")(() => ({
-  display: "flex",
-  alignItems: "center"
-})), E = (n) => {
-  const {
-    variant: o = "info",
-    msg: i = "Are you sure you want to perform this action? Once complete, the information will be deleted."
-  } = n, {
-    host_static_assets: r,
-    environment_assets: e
-  } = y(), c = `${r}/${e}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`, m = `${r}/${e}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`, s = `${r}/${e}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
-  return /* @__PURE__ */ t(j, {
-    children: /* @__PURE__ */ p(D, {
-      children: [/* @__PURE__ */ t(O, {
-        variant: o,
-        children: /* @__PURE__ */ t(I, {
-          src: o === "warning" ? c : o === "delete" ? m : s,
-          sx: {
-            width: "230px",
-            height: "194px"
-          }
-        })
-      }), /* @__PURE__ */ t(B, {
-        children: /* @__PURE__ */ t(M, {
-          variant: "body1",
-          children: i
-        })
-      })]
-    })
-  });
-}, F = x(null);
-function K({
-  children: n
-}) {
-  const [o, i] = g({
-    open: !1,
-    withClose: !0,
-    onQueryClose: w,
-    title: "",
-    iconComponent: void 0,
-    contentComponent: void 0,
-    variant: void 0
-  }), [r, e] = g(!1), c = (a) => {
-    i({
-      open: !0,
-      ...a
-    });
-  }, m = (a) => {
-    const {
-      variant: d = "warning",
-      title: u,
-      msg: h,
-      onClickIntro: f,
-      onClickCancel: v = s
-    } = a;
-    i({
-      open: !0,
-      title: u,
-      variant: d,
-      contentComponent: /* @__PURE__ */ t(E, {
-        variant: d,
-        msg: h
-      }),
-      actions: /* @__PURE__ */ p(_, {
-        children: [/* @__PURE__ */ t(b, {
-          onClick: v
-        }), " ", /* @__PURE__ */ t($, {
-          onClick: () => {
-            f && f(), s();
-          },
-          color: A(d)
-        })]
-      })
-    });
-  }, s = () => {
-    i((a) => ({
-      ...a,
-      open: !1
-    })), e(!1);
-  }, C = () => {
-    e(!0);
-  };
-  return /* @__PURE__ */ p(F.Provider, {
-    value: {
-      ...o,
-      openModal: c,
-      openModalConfirm: m,
-      closeModal: s,
-      hasChanges: r,
-      setChanges: C
-    },
-    children: [n, /* @__PURE__ */ t(k, {})]
-  });
-}
-export {
-  F as M,
-  K as a
-};

package/hooks/useModal/index.3b1ff084.js

@@ -1,11 +0,0 @@
-import { useContext as t } from "react";
-import { M as e } from "../../contexts/ModalContext/index.5388dfd5.js";
-function s() {
-  const o = t(e);
-  if (!o)
-    throw new Error("useModal context must be use inside ModalContext");
-  return o;
-}
-export {
-  s as u
-};

package/node_modules.168cb897.js

@@ -1,55 +0,0 @@
-import { get as p, set as y, appendErrors as m } from "react-hook-form";
-var v = function(e, r, n) {
-  if (e && "reportValidity" in e) {
-    var o = p(n, r);
-    e.setCustomValidity(o && o.message || ""), e.reportValidity();
-  }
-}, h = function(e, r) {
-  var n = function(s) {
-    var t = r.fields[s];
-    t && t.ref && "reportValidity" in t.ref ? v(t.ref, s, e) : t.refs && t.refs.forEach(function(u) {
-      return v(u, s, e);
-    });
-  };
-  for (var o in r.fields)
-    n(o);
-}, V = function(e, r) {
-  r.shouldUseNativeValidation && h(e, r);
-  var n = {};
-  for (var o in e) {
-    var s = p(r.fields, o);
-    y(n, o, Object.assign(e[o], { ref: s && s.ref }));
-  }
-  return n;
-}, x = function(e, r, n) {
-  return r === void 0 && (r = {}), n === void 0 && (n = {}), function(o, s, t) {
-    try {
-      return Promise.resolve(function(u, f) {
-        try {
-          var c = (r.context && process.env.NODE_ENV === "development" && console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"), Promise.resolve(e[n.mode === "sync" ? "validateSync" : "validate"](o, Object.assign({ abortEarly: !1 }, r, { context: s }))).then(function(i) {
-            return t.shouldUseNativeValidation && h({}, t), { values: n.rawValues ? o : i, errors: {} };
-          }));
-        } catch (i) {
-          return f(i);
-        }
-        return c && c.then ? c.then(void 0, f) : c;
-      }(0, function(u) {
-        if (!u.inner)
-          throw u;
-        return { values: {}, errors: V((f = u, c = !t.shouldUseNativeValidation && t.criteriaMode === "all", (f.inner || []).reduce(function(i, a) {
-          if (i[a.path] || (i[a.path] = { message: a.message, type: a.type }), c) {
-            var l = i[a.path].types, d = l && l[a.type];
-            i[a.path] = m(a.path, c, i, a.type, d ? [].concat(d, a.message) : a.message);
-          }
-          return i;
-        }, {})), t) };
-        var f, c;
-      }));
-    } catch (u) {
-      return Promise.reject(u);
-    }
-  };
-};
-export {
-  x as o
-};