@asaleh37/ui-base 1.2.29 → 25.1.9

package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridMultiRecordAction.tsx

@@ -1,89 +1,89 @@
-import { Button } from "@mui/material";
-import { RecordAction } from "../DataEntryTypes";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { toast } from "react-toastify";
-import { useTranslation } from "react-i18next";
-import useSession from "../../../../hooks/UseSession";
-import { useConfirmationWindow } from "../../../../hooks/UseConfirmationWindow";
-
-const TemplateGridMultiRecordAction: React.FC<RecordAction> = (
-  rowAction: RecordAction
-) => {
-  const { t } = useTranslation();
-  const session = useSession();
-  const { ConfirmationWindow, setOpen } = useConfirmationWindow({
-    body: t(rowAction?.confirmationMessage || "ACTION_CONFIRMATION"),
-    title: t("CONFIRMATION"),
-    onConfirmationCallBk: async () => {
-      await rowAction?.actionFn(
-        rowAction.recordsToProcessActionOn,
-        rowAction.recordIdsToProcessActionOn
-      );
-      if (rowAction?.reloadData) {
-        rowAction.reloadData();
-      }
-    },
-  });
-  let isActionAllowed = true;
-  if (rowAction.authority) {
-    isActionAllowed = session.isUserAuthorized(rowAction.authority);
-  }
-
-  if (isActionAllowed) {
-    return (
-      <>
-        <ConfirmationWindow />
-        <Button
-          onClick={async () => {
-            if (
-              rowAction?.recordsToProcessActionOn &&
-              rowAction?.recordsToProcessActionOn.length > 0
-            ) {
-              if (rowAction?.preActionValidation) {
-                for (const record of rowAction.recordsToProcessActionOn) {
-                  if (!rowAction.preActionValidation(record)) {
-                    return;
-                  }
-                }
-              }
-              if (rowAction?.isConfirmationRequired === true) {
-                setOpen(true);
-              } else {
-                await rowAction.actionFn(
-                  rowAction.recordsToProcessActionOn,
-                  rowAction.recordIdsToProcessActionOn
-                );
-                if (rowAction?.reloadData) {
-                  rowAction.reloadData();
-                }
-              }
-            } else {
-              toast.error(t("AT_LEAST_ONE_RECORD_SELECTED_MESSAGE"));
-            }
-          }}
-          variant={
-            rowAction?.label
-              ? "outlined"
-              : rowAction?.formActionProps?.actionButtonVariant
-              ? rowAction.formActionProps.actionButtonVariant
-              : "text"
-          }
-          size="small"
-          color={rowAction?.formActionProps?.actionButtonColor || "primary"}
-        >
-          {rowAction?.icon ? (
-            <FontAwesomeIcon
-              style={{ marginRight: 5, marginLeft: 5 }}
-              icon={rowAction.icon}
-            />
-          ) : (
-            <></>
-          )}
-          {rowAction?.label ? t(rowAction.label) : <></>}
-        </Button>
-      </>
-    );
-  }
-};
-
-export default TemplateGridMultiRecordAction;
+import { Button } from "@mui/material";
+import { RecordAction } from "../DataEntryTypes";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { toast } from "react-toastify";
+import { useTranslation } from "react-i18next";
+import useSession from "../../../../hooks/UseSession";
+import { useConfirmationWindow } from "../../../../hooks/UseConfirmationWindow";
+
+const TemplateGridMultiRecordAction: React.FC<RecordAction> = (
+  rowAction: RecordAction
+) => {
+  const { t } = useTranslation();
+  const session = useSession();
+  const { ConfirmationWindow, setOpen } = useConfirmationWindow({
+    body: t(rowAction?.confirmationMessage || "ACTION_CONFIRMATION"),
+    title: t("CONFIRMATION"),
+    onConfirmationCallBk: async () => {
+      await rowAction?.actionFn(
+        rowAction.recordsToProcessActionOn,
+        rowAction.recordIdsToProcessActionOn
+      );
+      if (rowAction?.reloadData) {
+        rowAction.reloadData();
+      }
+    },
+  });
+  let isActionAllowed = true;
+  if (rowAction.authority) {
+    isActionAllowed = session.isUserAuthorized(rowAction.authority);
+  }
+
+  if (isActionAllowed) {
+    return (
+      <>
+        <ConfirmationWindow />
+        <Button
+          onClick={async () => {
+            if (
+              rowAction?.recordsToProcessActionOn &&
+              rowAction?.recordsToProcessActionOn.length > 0
+            ) {
+              if (rowAction?.preActionValidation) {
+                for (const record of rowAction.recordsToProcessActionOn) {
+                  if (!rowAction.preActionValidation(record)) {
+                    return;
+                  }
+                }
+              }
+              if (rowAction?.isConfirmationRequired === true) {
+                setOpen(true);
+              } else {
+                await rowAction.actionFn(
+                  rowAction.recordsToProcessActionOn,
+                  rowAction.recordIdsToProcessActionOn
+                );
+                if (rowAction?.reloadData) {
+                  rowAction.reloadData();
+                }
+              }
+            } else {
+              toast.error(t("AT_LEAST_ONE_RECORD_SELECTED_MESSAGE"));
+            }
+          }}
+          variant={
+            rowAction?.label
+              ? "outlined"
+              : rowAction?.formActionProps?.actionButtonVariant
+              ? rowAction.formActionProps.actionButtonVariant
+              : "text"
+          }
+          size="small"
+          color={rowAction?.formActionProps?.actionButtonColor || "primary"}
+        >
+          {rowAction?.icon ? (
+            <FontAwesomeIcon
+              style={{ marginRight: 5, marginLeft: 5 }}
+              icon={rowAction.icon}
+            />
+          ) : (
+            <></>
+          )}
+          {rowAction?.label ? t(rowAction.label) : <></>}
+        </Button>
+      </>
+    );
+  }
+};
+
+export default TemplateGridMultiRecordAction;

package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridRecordAction.tsx

@@ -1,95 +1,95 @@
-import { Tooltip } from "@mui/material";
-import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { RecordAction } from "../DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import useSession from "../../../../hooks/UseSession";
-import { useConfirmationWindow } from "../../../../hooks/UseConfirmationWindow";
-
-const TemplateGridRecordAction: React.FC<RecordAction> = (
-  rowAction: RecordAction
-) => {
-  const { t } = useTranslation();
-  const session = useSession();
-  const { ConfirmationWindow, setOpen } = useConfirmationWindow({
-    body: t(rowAction?.confirmationMessage || "ACTION_CONFIRMATION"),
-    title: t("CONFIRMATION"),
-    onConfirmationCallBk: async () => {
-      await rowAction?.actionFn(rowAction.record);
-      if (rowAction?.reloadData) {
-        rowAction.reloadData();
-      }
-    },
-  });
-  let isActionAllowed = true;
-  if (rowAction.authority) {
-    isActionAllowed = session.isUserAuthorized(rowAction.authority);
-  }
-  let iconStyle: any = {};
-  if (rowAction?.getActionIconStyleForRecord) {
-    iconStyle = rowAction.getActionIconStyleForRecord(rowAction.record);
-  }
-  let isActionVisibleForRecord = true;
-  if (rowAction?.isActionVisibleForRecord) {
-    isActionVisibleForRecord = rowAction?.isActionVisibleForRecord(
-      rowAction.record
-    );
-  }
-  let isActionDisabledForRecord = false;
-  if (rowAction?.isActionDisabledForRecord) {
-    isActionDisabledForRecord = rowAction.isActionDisabledForRecord(
-      rowAction.record
-    );
-  }
-  if (isActionAllowed && isActionVisibleForRecord) {
-    return (
-      <>
-        <ConfirmationWindow />
-        <GridActionsCellItem
-          disabled={isActionDisabledForRecord}
-          icon={
-            <Tooltip title={rowAction?.label ? t(rowAction.label) : ""}>
-              <FontAwesomeIcon
-                icon={rowAction.icon}
-                style={{
-                  ...iconStyle,
-                  color: isActionDisabledForRecord
-                    ? "gray"
-                    : iconStyle?.color != undefined
-                    ? iconStyle.color
-                    : undefined,
-                }}
-              />
-            </Tooltip>
-          }
-          showInMenu={rowAction?.gridActionProps?.showInMenu || false}
-          label={""}
-          className="textPrimary"
-          color="inherit"
-          onClick={async () => {
-            if (!isActionDisabledForRecord) {
-              if (rowAction?.preActionValidation) {
-                if (!rowAction.preActionValidation(rowAction.record)) {
-                  return;
-                }
-              }
-              if (rowAction?.isConfirmationRequired === true) {
-                setOpen(true);
-              } else {
-                await rowAction.actionFn(rowAction.record);
-                if (
-                  rowAction?.gridActionProps?.reloadGridAfterAction === true &&
-                  rowAction?.reloadData
-                ) {
-                  rowAction.reloadData();
-                }
-              }
-            }
-          }}
-        />
-      </>
-    );
-  }
-};
-
-export default TemplateGridRecordAction;
+import { Tooltip } from "@mui/material";
+import { GridActionsCellItem } from "@mui/x-data-grid-premium";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { RecordAction } from "../DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import useSession from "../../../../hooks/UseSession";
+import { useConfirmationWindow } from "../../../../hooks/UseConfirmationWindow";
+
+const TemplateGridRecordAction: React.FC<RecordAction> = (
+  rowAction: RecordAction
+) => {
+  const { t } = useTranslation();
+  const session = useSession();
+  const { ConfirmationWindow, setOpen } = useConfirmationWindow({
+    body: t(rowAction?.confirmationMessage || "ACTION_CONFIRMATION"),
+    title: t("CONFIRMATION"),
+    onConfirmationCallBk: async () => {
+      await rowAction?.actionFn(rowAction.record);
+      if (rowAction?.reloadData) {
+        rowAction.reloadData();
+      }
+    },
+  });
+  let isActionAllowed = true;
+  if (rowAction.authority) {
+    isActionAllowed = session.isUserAuthorized(rowAction.authority);
+  }
+  let iconStyle: any = {};
+  if (rowAction?.getActionIconStyleForRecord) {
+    iconStyle = rowAction.getActionIconStyleForRecord(rowAction.record);
+  }
+  let isActionVisibleForRecord = true;
+  if (rowAction?.isActionVisibleForRecord) {
+    isActionVisibleForRecord = rowAction?.isActionVisibleForRecord(
+      rowAction.record
+    );
+  }
+  let isActionDisabledForRecord = false;
+  if (rowAction?.isActionDisabledForRecord) {
+    isActionDisabledForRecord = rowAction.isActionDisabledForRecord(
+      rowAction.record
+    );
+  }
+  if (isActionAllowed && isActionVisibleForRecord) {
+    return (
+      <>
+        <ConfirmationWindow />
+        <GridActionsCellItem
+          disabled={isActionDisabledForRecord}
+          icon={
+            <Tooltip title={rowAction?.label ? t(rowAction.label) : ""}>
+              <FontAwesomeIcon
+                icon={rowAction.icon}
+                style={{
+                  ...iconStyle,
+                  color: isActionDisabledForRecord
+                    ? "gray"
+                    : iconStyle?.color != undefined
+                    ? iconStyle.color
+                    : undefined,
+                }}
+              />
+            </Tooltip>
+          }
+          showInMenu={rowAction?.gridActionProps?.showInMenu || false}
+          label={""}
+          className="textPrimary"
+          color="inherit"
+          onClick={async () => {
+            if (!isActionDisabledForRecord) {
+              if (rowAction?.preActionValidation) {
+                if (!rowAction.preActionValidation(rowAction.record)) {
+                  return;
+                }
+              }
+              if (rowAction?.isConfirmationRequired === true) {
+                setOpen(true);
+              } else {
+                await rowAction.actionFn(rowAction.record);
+                if (
+                  rowAction?.gridActionProps?.reloadGridAfterAction === true &&
+                  rowAction?.reloadData
+                ) {
+                  rowAction.reloadData();
+                }
+              }
+            }
+          }}
+        />
+      </>
+    );
+  }
+};
+
+export default TemplateGridRecordAction;