@asaleh37/ui-base 25.6.1 → 25.6.2-0.1

package/src/components/administration/dev/WorkflowDocumentGrid.tsx

@@ -1,377 +1,377 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useApiActions, useWindow } from "../../../hooks";
-import { useSelector } from "react-redux";
-import WorkflowDocumentStatusGrid from "./WorkflowDocumentStatusGrid";
-import WorkflowDocumentActionGrid from "./WorkflowDocumentActionGrid";
-
-const WorkflowDocumentGrid: React.FC = () => {
-  const [selectedRecord, setSelectedRecord] = useState<any>(null);
-  const {
-    Window: WorkflowStatusWindow,
-    setWindowState: setWorkflowStatusWindowState,
-  } = useWindow({
-    windowTitle: "Document Status",
-    windowIcon: "tag",
-  });
-  const {
-    Window: WorkflowActionWindow,
-    setWindowState: setWorkflowActionWindowState,
-  } = useWindow({
-    windowTitle: "Document Action",
-    windowIcon: "stamp",
-  });
-  const SystemOrganizations = useSelector(
-    (state: any) => state.commonStores.stores.SystemOrganizations.data
-  );
-  const SystemReports = useSelector(
-    (state: any) => state.commonStores.stores.SystemReports.data
-  );
-  const SystemDataSources = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataSources.data
-  );
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/dev/workflowdocument/all",
-    deleteById: "api/v1/dev/workflowdocument",
-    save: "api/v1/dev/workflowdocument",
-    findById: "api/v1/dev/workflowdocument",
-    setData: setData,
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "id",
-        fieldName: "id",
-        fieldType: "number",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "createTime",
-        fieldName: "createTime",
-        fieldType: "datetime",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "createdBy",
-        fieldName: "createdBy",
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "lastUpdateBy",
-        fieldName: "lastUpdateBy",
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "lastUpdateTime",
-        fieldName: "lastUpdateTime",
-        fieldType: "datetime",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_ORG_CODE",
-        fieldName: "orgCode",
-        required: false,
-        fieldType: "combobox",
-        options: SystemOrganizations,
-        optionDisplayField: "organizationCode",
-        optionValueField: "id",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CODE",
-        fieldName: "documentCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Workflow Document En Display Name",
-        fieldName: "documentEnName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Workflow Document Ar Display Name",
-        fieldName: "documentArName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Report To be Attached For The Document ( will be passed a parameter called doc_id)",
-        fieldName: "documentReportId",
-        required: false,
-        fieldType: "combobox",
-        options: SystemReports,
-        optionDisplayField: "reportName",
-        optionValueField: "id",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_APPROVAL_ALLOWED",
-        fieldName: "mailApprovalAllowed",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "group",
-      props: {
-        icon: "bell",
-        style: { border: "1px dashed black", padding: 1, marginBottom: 1 },
-        label: "App Visual Notifications",
-        elements: [
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_ICON",
-              fieldName: "appNotificationIcon",
-              required: false,
-              fieldType: "text",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_STYLE",
-              fieldName: "appNotificationStyle",
-              required: false,
-              fieldType: "text",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_APP_VIEW_ROUTE",
-              fieldName: "appViewRoute",
-              required: false,
-              fieldType: "text",
-            },
-          },
-        ],
-      },
-    },
-
-    {
-      type: "group",
-      props: {
-        icon: "database",
-        style: { border: "1px dashed black", padding: 1, marginBottom: 1 },
-        label: "Related Document Database",
-        elements: [
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_USE_SYSTEM_CON",
-              fieldName: "useSystemCon",
-              required: false,
-              fieldType: "checkbox",
-              formProps: {
-                onValueChangeCallBack(
-                  value,
-                  formManager,
-                  formActions,
-                  selectedRecord
-                ) {
-                  if (value) {
-                    formActions.hideField("documentConId");
-                    formManager.setValue("documentConId", null);
-                  } else {
-                    formActions.showField("documentConId");
-                  }
-                },
-              },
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CON_ID",
-              fieldName: "documentConId",
-              required: false,
-              fieldType: "combobox",
-              options: SystemDataSources,
-              optionDisplayField: "connectionName",
-              optionValueField: "id",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_NAME",
-              fieldName: "documentDatabaseName",
-              required: true,
-              fieldType: "text",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_TABLE",
-              fieldName: "documentDatabaseTable",
-              required: true,
-              fieldType: "text",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_ID_FIELD",
-              fieldName: "documentIdField",
-              required: true,
-              fieldType: "text",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_STATUS_FIELD",
-              fieldName: "documentStatusField",
-              required: true,
-              fieldType: "text",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_NUMBER_FIELD",
-              fieldName: "documentNumberField",
-              required: true,
-              fieldType: "text",
-            },
-          },
-        ],
-      },
-    },
-  ];
-
-  return (
-    <>
-      <WorkflowStatusWindow>
-        <WorkflowDocumentStatusGrid selectedRecord={selectedRecord} />
-      </WorkflowStatusWindow>
-      <WorkflowActionWindow>
-        <WorkflowDocumentActionGrid selectedRecord={selectedRecord} />
-      </WorkflowActionWindow>
-      <TemplateGrid
-        apiActions={apiActions}
-        formLoadCallBk={(formActions, formManager, record) => {
-          if (record.useSystemCon === true) {
-            formActions.hideField("documentConId");
-          } else {
-            formActions.showField("documentConId");
-          }
-        }}
-        data={data}
-        setData={setData}
-        rowActions={[
-          {
-            icon: "tag",
-            label: "Document States",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setWorkflowStatusWindowState(true);
-            },
-          },
-          {
-            icon: "stamp",
-            label: "Document Actions",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setWorkflowActionWindowState(true);
-            },
-          },
-        ]}
-        editMode={{
-          editMode: "modal",
-          specs: {
-            modalIcon: "chart-diagram",
-            modalTitle: t("WORKFLOW_DOCUMENT_SINGULAR"),
-          },
-        }}
-        formElements={formElements}
-        keyColumnName={"id"}
-        gridTitle={t("WORKFLOW_DOCUMENT_PLURAL")}
-        girdIcon="chart-diagram"
-        editAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_EDIT" }}
-        deleteAction={{
-          isEnabled: true,
-          authority: "WORKFLOW_DOCUMENT_DELETE",
-        }}
-      />
-    </>
-  );
-};
-
-export default WorkflowDocumentGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions, useWindow } from "../../../hooks";
+import { useSelector } from "react-redux";
+import WorkflowDocumentStatusGrid from "./WorkflowDocumentStatusGrid";
+import WorkflowDocumentActionGrid from "./WorkflowDocumentActionGrid";
+
+const WorkflowDocumentGrid: React.FC = () => {
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const {
+    Window: WorkflowStatusWindow,
+    setWindowState: setWorkflowStatusWindowState,
+  } = useWindow({
+    windowTitle: "Document Status",
+    windowIcon: "tag",
+  });
+  const {
+    Window: WorkflowActionWindow,
+    setWindowState: setWorkflowActionWindowState,
+  } = useWindow({
+    windowTitle: "Document Action",
+    windowIcon: "stamp",
+  });
+  const SystemOrganizations = useSelector(
+    (state: any) => state.commonStores.stores.SystemOrganizations.data
+  );
+  const SystemReports = useSelector(
+    (state: any) => state.commonStores.stores.SystemReports.data
+  );
+  const SystemDataSources = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataSources.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/workflowdocument/all",
+    deleteById: "api/v1/dev/workflowdocument",
+    save: "api/v1/dev/workflowdocument",
+    findById: "api/v1/dev/workflowdocument",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "id",
+        fieldName: "id",
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createTime",
+        fieldName: "createTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createdBy",
+        fieldName: "createdBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateBy",
+        fieldName: "lastUpdateBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateTime",
+        fieldName: "lastUpdateTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ORG_CODE",
+        fieldName: "orgCode",
+        required: false,
+        fieldType: "combobox",
+        options: SystemOrganizations,
+        optionDisplayField: "organizationCode",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CODE",
+        fieldName: "documentCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Workflow Document En Display Name",
+        fieldName: "documentEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Workflow Document Ar Display Name",
+        fieldName: "documentArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Report To be Attached For The Document ( will be passed a parameter called doc_id)",
+        fieldName: "documentReportId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemReports,
+        optionDisplayField: "reportName",
+        optionValueField: "id",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_APPROVAL_ALLOWED",
+        fieldName: "mailApprovalAllowed",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "group",
+      props: {
+        icon: "bell",
+        style: { border: "1px dashed black", padding: 1, marginBottom: 1 },
+        label: "App Visual Notifications",
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_ICON",
+              fieldName: "appNotificationIcon",
+              required: false,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_STYLE",
+              fieldName: "appNotificationStyle",
+              required: false,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_APP_VIEW_ROUTE",
+              fieldName: "appViewRoute",
+              required: false,
+              fieldType: "text",
+            },
+          },
+        ],
+      },
+    },
+
+    {
+      type: "group",
+      props: {
+        icon: "database",
+        style: { border: "1px dashed black", padding: 1, marginBottom: 1 },
+        label: "Related Document Database",
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_USE_SYSTEM_CON",
+              fieldName: "useSystemCon",
+              required: false,
+              fieldType: "checkbox",
+              formProps: {
+                onValueChangeCallBack(
+                  value,
+                  formManager,
+                  formActions,
+                  selectedRecord
+                ) {
+                  if (value) {
+                    formActions.hideField("documentConId");
+                    formManager.setValue("documentConId", null);
+                  } else {
+                    formActions.showField("documentConId");
+                  }
+                },
+              },
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CON_ID",
+              fieldName: "documentConId",
+              required: false,
+              fieldType: "combobox",
+              options: SystemDataSources,
+              optionDisplayField: "connectionName",
+              optionValueField: "id",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_NAME",
+              fieldName: "documentDatabaseName",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_TABLE",
+              fieldName: "documentDatabaseTable",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_ID_FIELD",
+              fieldName: "documentIdField",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_STATUS_FIELD",
+              fieldName: "documentStatusField",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_NUMBER_FIELD",
+              fieldName: "documentNumberField",
+              required: true,
+              fieldType: "text",
+            },
+          },
+        ],
+      },
+    },
+  ];
+
+  return (
+    <>
+      <WorkflowStatusWindow>
+        <WorkflowDocumentStatusGrid selectedRecord={selectedRecord} />
+      </WorkflowStatusWindow>
+      <WorkflowActionWindow>
+        <WorkflowDocumentActionGrid selectedRecord={selectedRecord} />
+      </WorkflowActionWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        formLoadCallBk={(formActions, formManager, record) => {
+          if (record.useSystemCon === true) {
+            formActions.hideField("documentConId");
+          } else {
+            formActions.showField("documentConId");
+          }
+        }}
+        data={data}
+        setData={setData}
+        rowActions={[
+          {
+            icon: "tag",
+            label: "Document States",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setWorkflowStatusWindowState(true);
+            },
+          },
+          {
+            icon: "stamp",
+            label: "Document Actions",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setWorkflowActionWindowState(true);
+            },
+          },
+        ]}
+        editMode={{
+          editMode: "modal",
+          specs: {
+            modalIcon: "chart-diagram",
+            modalTitle: t("WORKFLOW_DOCUMENT_SINGULAR"),
+          },
+        }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle={t("WORKFLOW_DOCUMENT_PLURAL")}
+        girdIcon="chart-diagram"
+        editAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_EDIT" }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "WORKFLOW_DOCUMENT_DELETE",
+        }}
+      />
+    </>
+  );
+};
+
+export default WorkflowDocumentGrid;