@m4l/components 0.1.13 → 0.1.15

package/assets/Logo/index.js

@@ -0,0 +1,91 @@
+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 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,
+      ...sx
+    },
+    children: /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 512 512",
+      children: [/* @__PURE__ */ jsxs("defs", {
+        children: [/* @__PURE__ */ jsxs("linearGradient", {
+          id: "BG1",
+          x1: "100%",
+          x2: "50%",
+          y1: "9.946%",
+          y2: "50%",
+          children: [/* @__PURE__ */ jsx("stop", {
+            offset: "0%",
+            stopColor: PRIMARY_DARK
+          }), /* @__PURE__ */ jsx("stop", {
+            offset: "100%",
+            stopColor: PRIMARY_MAIN
+          })]
+        }), /* @__PURE__ */ jsxs("linearGradient", {
+          id: "BG2",
+          x1: "50%",
+          x2: "50%",
+          y1: "0%",
+          y2: "100%",
+          children: [/* @__PURE__ */ jsx("stop", {
+            offset: "0%",
+            stopColor: PRIMARY_LIGHT
+          }), /* @__PURE__ */ jsx("stop", {
+            offset: "100%",
+            stopColor: PRIMARY_MAIN
+          })]
+        }), /* @__PURE__ */ jsxs("linearGradient", {
+          id: "BG3",
+          x1: "50%",
+          x2: "50%",
+          y1: "0%",
+          y2: "100%",
+          children: [/* @__PURE__ */ jsx("stop", {
+            offset: "0%",
+            stopColor: PRIMARY_LIGHT
+          }), /* @__PURE__ */ jsx("stop", {
+            offset: "100%",
+            stopColor: PRIMARY_MAIN
+          })]
+        })]
+      }), /* @__PURE__ */ jsxs("g", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        children: [/* @__PURE__ */ jsx("path", {
+          fill: "url(#BG1)",
+          d: "m1.9 136.9 208.3 120.3v240.5L1.9 377.5z"
+        }), /* @__PURE__ */ jsx("path", {
+          fill: "url(#BG2)",
+          d: "m226.8 257.2 208.5-120.3v240.6L226.8 497.8z"
+        }), /* @__PURE__ */ jsx("path", {
+          fill: "url(#BG3)",
+          d: "M218.6 242.8 10.2 122.5 218.6 2.2 427 122.5z"
+        })]
+      })]
+    })
+  });
+  if (disabledLink) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: logo
+    });
+  }
+  return /* @__PURE__ */ jsx(Link, {
+    to: "/",
+    children: logo
+  });
+}
+export { Logo as L };

package/commonjs.js

@@ -0,0 +1,9 @@
+import "react";
+import "prop-types";
+import "react-dom";
+import "clsx";
+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 { commonjsGlobal as c, getDefaultExportFromCjs as g };

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

@@ -0,0 +1,15 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.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.js

@@ -0,0 +1,62 @@
+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.js";
+import { useCallback } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.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.js

@@ -0,0 +1,35 @@
+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
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isSubmitting
+  } = useFormState({
+    control
+  });
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  return /* @__PURE__ */ jsx(LoadingButton, {
+    variant: "contained",
+    type: "submit",
+    color: "primary",
+    loading: isSubmitting,
+    ...props,
+    children: getLabel("common_actions.intro")
+  });
+}
+export { ActionFormIntro as A };

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

@@ -0,0 +1,16 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.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 };