@m4l/components 0.1.27 → 0.1.28

package/components/mui_extended/Button/index.51dae0bb.js

@@ -1,144 +0,0 @@
-import { useModuleSkeleton as g, useEnvironment as B, useModuleDictionary as k } from "@m4l/core";
-import { Skeleton as m, styled as S, IconButton as v, Tooltip as I } from "@mui/material";
-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.a321e5cb.js";
-import { styled as h, alpha as F } from "@mui/material/styles";
-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, {
-  sx: {
-    borderRadius: 2
-  },
-  variant: "rectangular",
-  width: "100px",
-  height: "36px"
-}) : /* @__PURE__ */ i(_, {
-  ...t
-}), D = S("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  borderRadius: t.spacing(1),
-  overflow: "hidden"
-})), W = () => /* @__PURE__ */ i(D, {
-  id: "WrapperSKTLoadingButton",
-  children: /* @__PURE__ */ i(m, {
-    variant: "rectangular",
-    width: "100%",
-    height: "48px"
-  })
-}), H = (t) => {
-  const {
-    children: r,
-    ...n
-  } = t;
-  return g() ? /* @__PURE__ */ i(W, {}) : /* @__PURE__ */ i(b, {
-    ...n,
-    children: r
-  });
-}, w = h("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: t.spacing(3.75),
-  height: t.spacing(3.75),
-  background: F(t.palette.primary.main, 0.3)
-})), C = h("div")(() => ({
-  "&.isDirty": {
-    animationName: "dirtyEffect",
-    animationDuration: "1s",
-    animationFillMode: "both",
-    animationIterationCount: "infinite",
-    transition: "all .3s",
-    "@keyframes dirtyEffect": {
-      "20%": {
-        opacity: 1
-      },
-      "50%": {
-        opacity: 0.5
-      },
-      "100%": {
-        opacity: 1
-      }
-    }
-  },
-  "&.isDirtyError": {}
-}));
-function J() {
-  const {
-    isSkeleton: t,
-    fireOnChangeFilters: r,
-    automatic: n,
-    isDirty: o,
-    isValid: e
-  } = L(), {
-    host_static_assets: s,
-    environment_assets: l
-  } = B();
-  if (t)
-    return /* @__PURE__ */ i(w, {
-      children: /* @__PURE__ */ i(m, {
-        variant: "circular",
-        width: 20,
-        height: 20
-      })
-    });
-  const a = u(() => n || !o ? "action.active" : e ? "primary.main" : "error.main", [n, e, o]);
-  return /* @__PURE__ */ i(C, {
-    id: "WrapperFilterButton",
-    className: o && e ? "isDirty" : "",
-    children: /* @__PURE__ */ i(x, {
-      bgColor: a,
-      dictionaryTooltip: "dynamic_filter.filter_tooltip",
-      onClick: () => r(),
-      "aria-label": "settings",
-      src: `${s}/${l}/frontend/components/dynamic_filter/assets/icons/${n ? "refresh" : "search"}.svg`
-    })
-  });
-}
-function O({
-  src: t,
-  width: r,
-  height: n,
-  className: o,
-  useIntersectionObserver: e,
-  skeletonVariant: s = "circle",
-  tooltip: l,
-  dictionaryTooltip: a,
-  sx: d = {
-    width: 40,
-    height: 40
-  },
-  ...y
-}) {
-  const {
-    getLabel: c
-  } = k(), p = u(() => a && c ? c(a) : l, [l, a, c]), f = u(() => /* @__PURE__ */ i(v, {
-    sx: d,
-    className: `m4l_image_button ${o || ""}`,
-    ...y,
-    children: /* @__PURE__ */ i($, {
-      src: t,
-      width: r,
-      height: n,
-      useIntersectionObserver: e,
-      skeletonVariant: s
-    })
-  }), [t, r, n, e, s, d]);
-  return p ? /* @__PURE__ */ i(I, {
-    title: p || "",
-    children: f
-  }) : f;
-}
-export {
-  G as B,
-  J as F,
-  O as I,
-  H as L
-};

package/components/mui_extended/Pager/index.1dc45f5e.js

@@ -1,126 +0,0 @@
-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.edeb05c2.js";
-import { styled as a } from "@mui/material/styles";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-a("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden"
-}));
-const b = a("div")(({ theme: t }) => ({
-  width: "100%",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  marginLeft: t.spacing(3)
-})), T = a("div")(({ theme: t }) => ({
-  display: "flex",
-  marginLeft: t.spacing(3)
-})), s = a("div")(({ theme: t }) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  width: t.spacing(3.75),
-  height: t.spacing(3.75)
-})), D = a("div")(({ theme: t }) => ({
-  display: "grid",
-  gridTemplateColumns: "auto auto",
-  gridGap: t.spacing(1),
-  marginRight: t.spacing(3)
-}));
-function A(t) {
-  const {
-    totalRecords: n,
-    rowsPerPageOptions: d = [5, 10, 2],
-    rowsPerPage: r = 25,
-    page: g,
-    onPageChange: h,
-    onRowsPerPageChange: f,
-    labelRows: P = "Rows per page",
-    labelOf: u = "Of",
-    isSkeleton: m = "false",
-    isDesktop: p
-  } = t, v = y(() => r * g > n ? Math.floor(n / r) : g, [g, r, n]), w = (o) => {
-    f(parseInt(o.target.value, 10)), h(0);
-  }, x = (o, c) => {
-    h(c);
-  };
-  return m ? /* @__PURE__ */ l(b, {
-    children: [/* @__PURE__ */ l(D, {
-      children: [/* @__PURE__ */ e(i, {
-        variant: "text",
-        width: "40px",
-        height: "16px"
-      }), /* @__PURE__ */ e(i, {
-        variant: "text",
-        width: "20px",
-        height: "16px"
-      })]
-    }), /* @__PURE__ */ e(i, {
-      variant: "text",
-      width: "50px",
-      height: "16px"
-    }), /* @__PURE__ */ l(T, {
-      children: [/* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      }), /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      }), /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      }), /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      })]
-    })]
-  }) : /* @__PURE__ */ e(R, {
-    id: "TablePagination",
-    rowsPerPageOptions: d,
-    component: "div",
-    count: n,
-    rowsPerPage: r,
-    page: v,
-    onPageChange: x,
-    onRowsPerPageChange: w,
-    labelDisplayedRows: p ? ({
-      from: o,
-      to: c,
-      count: C
-    }) => `${o}-${c} ${u} ${C}` : () => "",
-    labelRowsPerPage: p ? P : "",
-    ActionsComponent: S
-  });
-}
-function B() {
-  return ["pager"];
-}
-const L = {
-  pager: {
-    first: "First",
-    previous: "Previous",
-    before: "Before",
-    last: "Last",
-    of: "of"
-  }
-};
-export {
-  A as P,
-  L as d,
-  B as g
-};

package/components/mui_extended/Popover/index.cb2ccc66.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.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.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.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,
-  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.9ebc793c.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.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",
-  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.34f5978e.js

@@ -1,11 +0,0 @@
-import { useContext as t } from "react";
-import { M as e } from "../../contexts/ModalContext/index.9ebc793c.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
-};