@m4l/components 0.1.19 → 0.1.21

package/components/mui_extended/Button/{index.bcf26c59.js → index.fbd38cd1.js}

@@ -5,18 +5,18 @@ 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.118d3638.js";
+import { u as L } from "../../DynamicFilter/index.f0b93aef.js";
 import { useMemo as u } from "react";
 import { I as $ } from "../../Image/index.c9da2d5a.js";
-const G = (t) => g() ? /* @__PURE__ */ i(_, {
-  ...t
-}) : /* @__PURE__ */ i(m, {
+const G = (t) => g() ? /* @__PURE__ */ i(m, {
   sx: {
     borderRadius: 2
   },
   variant: "rectangular",
   width: "100px",
   height: "36px"
+}) : /* @__PURE__ */ i(_, {
+  ...t
 }), D = S("div")(({
   theme: t
 }) => ({

package/{packages/components → components}/mui_extended/MenuActions/styles.d.ts

@@ -26,5 +26,5 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "children" | "tabIndex" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "disabled" | "children" | "tabIndex" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/{index.03103cdd.js → index.fd2bca74.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.9324a339.js";
+import { P as S } from "../../CommonActions/components/Actions/index.03412615.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 → index.cb3125b4.js}

@@ -11,9 +11,9 @@ 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 { I as S } from "../Button/index.fbd38cd1.js";
+import "../../CommonActions/components/Actions/index.03412615.js";
+import "../Pager/index.fd2bca74.js";
 import "../Tab/index.e0653a0a.js";
 const O = I("span")(({
   arrowType: t,

package/contexts/ModalContext/index.8f76fbe4.js

@@ -0,0 +1,136 @@
+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.180937f5.js";
+import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.c794e2a1.js";
+import { A as b } from "../../components/CommonActions/components/ActionCancel/index.6649cc3d.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/{packages/contexts → contexts}/ModalContext/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ModalContextProps, TProps } from './types';
-declare const ModalContext: import("react").Context<ModalContextProps>;
+declare const ModalContext: import("react").Context<ModalContextProps | null>;
 declare function ModalProvider({ children }: TProps): JSX.Element;
 export { ModalProvider, ModalContext };

package/hooks/useModal/index.44c5993b.js

@@ -0,0 +1,11 @@
+import { useContext as t } from "react";
+import { M as e } from "../../contexts/ModalContext/index.8f76fbe4.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/hooks/useModal/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useModal(): import("../..").ModalContextProps;
+export default useModal;