@asaleh37/ui-base 25.6.1 → 25.6.2-0.1

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

@@ -1,243 +1,243 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useApiActions } from "../../../hooks";
-import { useSelector } from "react-redux";
-
-type WorkflowDocumentStatusGridProps = {
-  selectedRecord: any;
-};
-
-const WorkflowDocumentStatusGrid: React.FC<WorkflowDocumentStatusGridProps> = (
-  props
-) => {
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/dev/workflowdocumentstatus/all",
-    deleteById: "api/v1/dev/workflowdocumentstatus",
-    save: "api/v1/dev/workflowdocumentstatus",
-    findById: "api/v1/dev/workflowdocumentstatus",
-    setData: setData,
-  });
-  const SystemDataQueries = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataQueries.data
-  );
-  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_STATUS_DOCUMENT_STATUS_CODE",
-        fieldName: "documentStatusCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Status Arabic Name",
-        fieldName: "documentStatusArName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Status English Name",
-        fieldName: "documentStatusEnName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_DOCUMENT_STATUS_ORDER",
-        fieldName: "documentStatusOrder",
-        required: false,
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_IS_ZERO_STATE",
-        fieldName: "isZeroState",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "Next Actions Query (must return array of actions in table named workflow_document_action)",
-        fieldName: "nextActionsQueryId",
-        required: false,
-        fieldType: "combobox",
-        options: SystemDataQueries,
-        optionValueField: "id",
-        optionDisplayField: "queryName",
-        gridProps: { hidden: true },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "Next Action Takers Query (must return array of persons in table named person)",
-        fieldName: "nextActionTakersQueryId",
-        required: false,
-        fieldType: "combobox",
-        options: SystemDataQueries,
-        optionValueField: "id",
-        optionDisplayField: "queryName",
-        gridProps: { hidden: true },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Next Action Takers Authority",
-        fieldName: "nextActionTakersAuthority",
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_WORKFLOW_DOCUMENT_ID",
-        fieldName: "workflowDocumentId",
-        required: false,
-        hidden: true,
-        gridProps: { hidden: true },
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_ENABLED",
-        fieldName: "enabled",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      hideInfoBar={true}
-      gridLoadParametersValues={{
-        workflowDocumentId: props.selectedRecord.id,
-      }}
-      editMode={{
-        editMode: "modal",
-        specs: {
-          modalIcon: "tag",
-          modalTitle: "Workflow Document Status",
-          modalWidth: 600,
-        },
-      }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle={t("WORKFLOW_DOCUMENT_STATUS_PLURAL")}
-      girdIcon="tags"
-      editAction={{
-        isEnabled: true,
-        authority: "WORKFLOW_DOCUMENT_STATUS_EDIT",
-        preActionValidation: (record) => {
-          record.workflowDocumentId = props.selectedRecord.id;
-          return true;
-        },
-      }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "WORKFLOW_DOCUMENT_STATUS_DELETE",
-      }}
-    />
-  );
-};
-
-export default WorkflowDocumentStatusGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions } from "../../../hooks";
+import { useSelector } from "react-redux";
+
+type WorkflowDocumentStatusGridProps = {
+  selectedRecord: any;
+};
+
+const WorkflowDocumentStatusGrid: React.FC<WorkflowDocumentStatusGridProps> = (
+  props
+) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/workflowdocumentstatus/all",
+    deleteById: "api/v1/dev/workflowdocumentstatus",
+    save: "api/v1/dev/workflowdocumentstatus",
+    findById: "api/v1/dev/workflowdocumentstatus",
+    setData: setData,
+  });
+  const SystemDataQueries = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataQueries.data
+  );
+  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_STATUS_DOCUMENT_STATUS_CODE",
+        fieldName: "documentStatusCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Status Arabic Name",
+        fieldName: "documentStatusArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Status English Name",
+        fieldName: "documentStatusEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_DOCUMENT_STATUS_ORDER",
+        fieldName: "documentStatusOrder",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_IS_ZERO_STATE",
+        fieldName: "isZeroState",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Next Actions Query (must return array of actions in table named workflow_document_action)",
+        fieldName: "nextActionsQueryId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemDataQueries,
+        optionValueField: "id",
+        optionDisplayField: "queryName",
+        gridProps: { hidden: true },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Next Action Takers Query (must return array of persons in table named person)",
+        fieldName: "nextActionTakersQueryId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemDataQueries,
+        optionValueField: "id",
+        optionDisplayField: "queryName",
+        gridProps: { hidden: true },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Next Action Takers Authority",
+        fieldName: "nextActionTakersAuthority",
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_WORKFLOW_DOCUMENT_ID",
+        fieldName: "workflowDocumentId",
+        required: false,
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_STATUS_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      hideInfoBar={true}
+      gridLoadParametersValues={{
+        workflowDocumentId: props.selectedRecord.id,
+      }}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalIcon: "tag",
+          modalTitle: "Workflow Document Status",
+          modalWidth: 600,
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("WORKFLOW_DOCUMENT_STATUS_PLURAL")}
+      girdIcon="tags"
+      editAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_STATUS_EDIT",
+        preActionValidation: (record) => {
+          record.workflowDocumentId = props.selectedRecord.id;
+          return true;
+        },
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_STATUS_DELETE",
+      }}
+    />
+  );
+};
+
+export default WorkflowDocumentStatusGrid;

package/src/components/common/ChangeOrgForm.tsx

@@ -1,81 +1,81 @@
-import { useState } from "react";
-import { useAxios, useSession } from "../../hooks";
-import { ComboBox } from "../templates";
-import { Box, Button } from "@mui/material";
-import { useDispatch, useSelector } from "react-redux";
-import { UserSessionActions } from "../../redux/features/common/UserSessionSlice";
-
-type ChangeOrgFormProps = {
-  successChangeCallBackFn: () => void;
-};
-
-const ChangeOrgForm: React.FC<ChangeOrgFormProps> = (props) => {
-  const { UserSession } = useSession();
-  const AppLayoutState = useSelector((state: any) => state.AppLayout);
-  const dispatch = useDispatch();
-  const { handlePostRequest } = useAxios();
-  const [newOrgId, setNewOrgId] = useState(
-    UserSession.value.currentOrganization.id
-  );
-  return (
-    <Box
-      sx={{
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: 1,
-      }}
-    >
-      <ComboBox
-        sx={{ width: "100%" }}
-        displayField={
-          AppLayoutState.appDirection === "ltr"
-            ? "organizationEnName"
-            : "organizationArName"
-        }
-        valueField="id"
-        label=""
-        options={UserSession.value.userOrganizations}
-        value={newOrgId}
-        onChangeCallBack={(value) => {
-          setNewOrgId(value);
-        }}
-      />
-      <Button
-        sx={{ m: 1 }}
-        variant="contained"
-        disabled={
-          newOrgId == null ||
-          newOrgId === UserSession.value.currentOrganization.id
-        }
-        onClick={async () => {
-          await handlePostRequest({
-            endPointURI: "api/auth/changeCurrentOrg",
-            showMask: true,
-            parameters: {
-              username: UserSession.value.username,
-              orgId: newOrgId,
-            },
-            data: {},
-            successCallBkFn: (response) => {
-              const UserSession = {
-                ...response.data,
-                isAuthenticated: true,
-              };
-              dispatch(UserSessionActions.setAuthenticated(UserSession));
-              if (props.successChangeCallBackFn) {
-                props.successChangeCallBackFn();
-              }
-            },
-          });
-        }}
-      >
-        Change Organization
-      </Button>
-    </Box>
-  );
-};
-
-export default ChangeOrgForm;
+import { useState } from "react";
+import { useAxios, useSession } from "../../hooks";
+import { ComboBox } from "../templates";
+import { Box, Button } from "@mui/material";
+import { useDispatch, useSelector } from "react-redux";
+import { UserSessionActions } from "../../redux/features/common/UserSessionSlice";
+
+type ChangeOrgFormProps = {
+  successChangeCallBackFn: () => void;
+};
+
+const ChangeOrgForm: React.FC<ChangeOrgFormProps> = (props) => {
+  const { UserSession } = useSession();
+  const AppLayoutState = useSelector((state: any) => state.AppLayout);
+  const dispatch = useDispatch();
+  const { handlePostRequest } = useAxios();
+  const [newOrgId, setNewOrgId] = useState(
+    UserSession.value.currentOrganization.id
+  );
+  return (
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 1,
+      }}
+    >
+      <ComboBox
+        sx={{ width: "100%" }}
+        displayField={
+          AppLayoutState.appDirection === "ltr"
+            ? "organizationEnName"
+            : "organizationArName"
+        }
+        valueField="id"
+        label=""
+        options={UserSession.value.userOrganizations}
+        value={newOrgId}
+        onChangeCallBack={(value) => {
+          setNewOrgId(value);
+        }}
+      />
+      <Button
+        sx={{ m: 1 }}
+        variant="contained"
+        disabled={
+          newOrgId == null ||
+          newOrgId === UserSession.value.currentOrganization.id
+        }
+        onClick={async () => {
+          await handlePostRequest({
+            endPointURI: "api/auth/changeCurrentOrg",
+            showMask: true,
+            parameters: {
+              username: UserSession.value.username,
+              orgId: newOrgId,
+            },
+            data: {},
+            successCallBkFn: (response) => {
+              const UserSession = {
+                ...response.data,
+                isAuthenticated: true,
+              };
+              dispatch(UserSessionActions.setAuthenticated(UserSession));
+              if (props.successChangeCallBackFn) {
+                props.successChangeCallBackFn();
+              }
+            },
+          });
+        }}
+      >
+        Change Organization
+      </Button>
+    </Box>
+  );
+};
+
+export default ChangeOrgForm;