@m4l/components 0.1.27 → 0.1.28

package/assets/Logo/index.228dcb5a.js

@@ -1,86 +1,93 @@
-import { Link as d } from "react-router-dom";
-import { useTheme as f } from "@mui/material/styles";
-import { Box as h } from "@mui/material";
-import { jsx as o, jsxs as t, Fragment as a } from "react/jsx-runtime";
-function G({
-  disabledLink: s = !1,
-  sx: n
+import { Link } from "react-router-dom";
+import { useTheme } from "@mui/material/styles";
+import { Box } from "@mui/material";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function Logo({
+  disabledLink = false,
+  sx
 }) {
-  const e = f(), i = e.palette.primary.light, r = e.palette.primary.main, p = e.palette.primary.dark, l = /* @__PURE__ */ o(h, {
+  const theme = useTheme();
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+  const PRIMARY_MAIN = theme.palette.primary.main;
+  const PRIMARY_DARK = theme.palette.primary.dark;
+  const logo = /* @__PURE__ */ jsx(Box, {
     sx: {
       width: 40,
       height: 40,
-      ...n
+      ...sx
     },
-    children: /* @__PURE__ */ t("svg", {
+    children: /* @__PURE__ */ jsxs("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: "100%",
       height: "100%",
       viewBox: "0 0 512 512",
-      children: [/* @__PURE__ */ t("defs", {
-        children: [/* @__PURE__ */ t("linearGradient", {
+      children: [/* @__PURE__ */ jsxs("defs", {
+        children: [/* @__PURE__ */ jsxs("linearGradient", {
           id: "BG1",
           x1: "100%",
           x2: "50%",
           y1: "9.946%",
           y2: "50%",
-          children: [/* @__PURE__ */ o("stop", {
+          children: [/* @__PURE__ */ jsx("stop", {
             offset: "0%",
-            stopColor: p
-          }), /* @__PURE__ */ o("stop", {
+            stopColor: PRIMARY_DARK
+          }), /* @__PURE__ */ jsx("stop", {
             offset: "100%",
-            stopColor: r
+            stopColor: PRIMARY_MAIN
           })]
-        }), /* @__PURE__ */ t("linearGradient", {
+        }), /* @__PURE__ */ jsxs("linearGradient", {
           id: "BG2",
           x1: "50%",
           x2: "50%",
           y1: "0%",
           y2: "100%",
-          children: [/* @__PURE__ */ o("stop", {
+          children: [/* @__PURE__ */ jsx("stop", {
             offset: "0%",
-            stopColor: i
-          }), /* @__PURE__ */ o("stop", {
+            stopColor: PRIMARY_LIGHT
+          }), /* @__PURE__ */ jsx("stop", {
             offset: "100%",
-            stopColor: r
+            stopColor: PRIMARY_MAIN
           })]
-        }), /* @__PURE__ */ t("linearGradient", {
+        }), /* @__PURE__ */ jsxs("linearGradient", {
           id: "BG3",
           x1: "50%",
           x2: "50%",
           y1: "0%",
           y2: "100%",
-          children: [/* @__PURE__ */ o("stop", {
+          children: [/* @__PURE__ */ jsx("stop", {
             offset: "0%",
-            stopColor: i
-          }), /* @__PURE__ */ o("stop", {
+            stopColor: PRIMARY_LIGHT
+          }), /* @__PURE__ */ jsx("stop", {
             offset: "100%",
-            stopColor: r
+            stopColor: PRIMARY_MAIN
           })]
         })]
-      }), /* @__PURE__ */ t("g", {
+      }), /* @__PURE__ */ jsxs("g", {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        children: [/* @__PURE__ */ o("path", {
+        children: [/* @__PURE__ */ jsx("path", {
           fill: "url(#BG1)",
           d: "m1.9 136.9 208.3 120.3v240.5L1.9 377.5z"
-        }), /* @__PURE__ */ o("path", {
+        }), /* @__PURE__ */ jsx("path", {
           fill: "url(#BG2)",
           d: "m226.8 257.2 208.5-120.3v240.6L226.8 497.8z"
-        }), /* @__PURE__ */ o("path", {
+        }), /* @__PURE__ */ jsx("path", {
           fill: "url(#BG3)",
           d: "M218.6 242.8 10.2 122.5 218.6 2.2 427 122.5z"
         })]
       })]
     })
   });
-  return s ? /* @__PURE__ */ o(a, {
-    children: l
-  }) : /* @__PURE__ */ o(d, {
+  if (disabledLink) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: logo
+    });
+  }
+  return /* @__PURE__ */ jsx(Link, {
     to: "/",
-    children: l
+    children: logo
   });
 }
 export {
-  G as L
+  Logo as L
 };

package/commonjs.565e6834.js

@@ -2,11 +2,11 @@ import "react";
 import "prop-types";
 import "react-dom";
 import "clsx";
-var f = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function a(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 export {
-  f as c,
-  a as g
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
 };

package/components/CommonActions/components/ActionCancel/index.e498eeb2.js

@@ -0,0 +1,17 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.53b56958.js";
+import { jsx } from "react/jsx-runtime";
+const ActionCancel = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    ...props,
+    children: getLabel("common_actions.cancel")
+  });
+};
+export {
+  ActionCancel as A
+};

package/components/CommonActions/components/ActionFormCancel/index.4ff0ad73.js

@@ -0,0 +1,64 @@
+import { useFormContext, useFormState } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
+import { B as Button } from "../../../mui_extended/Button/index.53b56958.js";
+import { useCallback } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.5fee01a3.js";
+import { jsx } from "react/jsx-runtime";
+function ActionFormCancel(props) {
+  const {
+    to,
+    navigateOptions = {
+      replace: false
+    }
+  } = props;
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    openModalConfirm
+  } = useModal();
+  const navigate = useNavigate();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isDirty
+  } = useFormState({
+    control
+  });
+  const onConfirmCancel = () => {
+    navigate(to, navigateOptions);
+  };
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModalConfirm({
+        variant: "warning",
+        title: getLabel("common_actions.confirm_quit_title"),
+        msg: getLabel("common_actions.confirm_quit_msg"),
+        onClickIntro: onConfirmCancel
+      });
+    } else {
+      onConfirmCancel();
+    }
+  }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    onClick: onClickCancel,
+    ...props,
+    children: getLabel("common_actions.cancel")
+  });
+}
+export {
+  ActionFormCancel as A
+};

package/components/CommonActions/components/ActionFormIntro/index.ca4d2674.js

@@ -1,31 +1,37 @@
-import { useFormContext as m, useFormState as s } from "react-hook-form";
-import { useModuleDictionary as a, useModuleSkeleton as c } from "@m4l/core";
-import { LoadingButton as u } from "@mui/lab";
-import { Skeleton as l } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-function h(t) {
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { LoadingButton } from "@mui/lab";
+import { Skeleton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+function ActionFormIntro(props) {
   const {
-    getLabel: n
-  } = a(), r = c(), {
-    control: i
-  } = m(), {
-    isSubmitting: e
-  } = s({
-    control: i
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isSubmitting
+  } = useFormState({
+    control
   });
-  return r ? /* @__PURE__ */ o(l, {
-    variant: "text",
-    width: 57,
-    height: 30
-  }) : /* @__PURE__ */ o(u, {
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  return /* @__PURE__ */ jsx(LoadingButton, {
     variant: "contained",
     type: "submit",
     color: "primary",
-    loading: e,
-    ...t,
-    children: n("common_actions.intro")
+    loading: isSubmitting,
+    ...props,
+    children: getLabel("common_actions.intro")
   });
 }
 export {
-  h as A
+  ActionFormIntro as A
 };

package/components/CommonActions/components/ActionIntro/index.60ef7bd7.js

@@ -0,0 +1,18 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.53b56958.js";
+import { jsx } from "react/jsx-runtime";
+const ActionIntro = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "contained",
+    type: "submit",
+    color: "primary",
+    ...props,
+    children: getLabel("common_actions.intro")
+  });
+};
+export {
+  ActionIntro as A
+};