@m4l/components 0.0.46 → 0.0.49

package/dist/commonjs.js

@@ -1,6 +1,6 @@
 import "react";
-import "prop-types";
 import "react-dom";
+import "prop-types";
 import "clsx";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {

package/dist/components/CommonActions/components/ActionCancel/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '@mui/material';
+export declare const ActionCancel: (props: ButtonProps) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../../vendor.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/dist/components/CommonActions/components/ActionFormCancel/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ActionFormCancelProps } from './types';
+export declare function ActionFormCancel(props: ActionFormCancelProps): JSX.Element;

package/dist/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 "../../../../vendor.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
+  });
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  const onConfirmCancel = () => {
+    navigate(to, navigateOptions);
+  };
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModalConfirm({
+        variant: "warning",
+        title: getLabel("form_provider.confirm_quit_title"),
+        msg: getLabel("form_provider.confirm_quit_msg"),
+        onClickIntro: onConfirmCancel
+      });
+    } else {
+      onConfirmCancel();
+    }
+  }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    onClick: onClickCancel,
+    ...props,
+    children: getLabel("actions.action_cancel")
+  });
+}
+export { ActionFormCancel as A };

package/dist/components/CommonActions/components/ActionFormCancel/types.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '@mui/material';
+import { NavigateOptions, To } from 'react-router-dom';
+export interface ActionFormCancelProps extends ButtonProps {
+    to: To;
+    navigateOptions?: NavigateOptions;
+}

package/dist/components/CommonActions/components/ActionFormIntro/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { LoadingButtonProps } from '@mui/lab';
+export declare function ActionFormIntro(props: LoadingButtonProps): JSX.Element;

package/dist/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/dist/components/CommonActions/components/ActionIntro/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '@mui/material';
+export declare const ActionIntro: (props: ButtonProps) => JSX.Element;

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

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

package/dist/components/CommonActions/components/Actions/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { StandardActionsProps } from './types';
+export declare const Actions: (props: StandardActionsProps) => JSX.Element;