@asaleh37/ui-base 1.2.30 → 25.1.9

package/src/components/administration/admin/PersonGrid.tsx

@@ -1,231 +1,27 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { useApiActions, useWindow } from "../../../hooks";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { toast } from "react-toastify";
-import OrganizationMemberGrid from "./OrganizationMemberGrid";
-import { Box } from "@mui/material";
-import AttachmentImageViewer from "../../templates/attachment/AttachmentImageViewer";
-
-const PersonGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const [selectedPerson, setSelectedPerson] = useState<any>(null);
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/public/person/all",
-    deleteById: "api/v1/admin/person",
-    save: "api/v1/admin/person",
-    findById: "api/v1/admin/person",
-    setData: setData,
-  });
-  const {
-    Window: OrganizationMembersWindow,
-    setWindowState: setOrganizationMemberWindowState,
-  } = useWindow({
-    windowTitle: "Organizations Membership",
-    windowIcon: "globe",
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        hidden: true,
-        fieldLabel: "Ref Source",
-        fieldName: "refSource",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "",
-        fieldName: "custom",
-        fieldType: "custom",
-        gridProps: {
-          muiProps: {
-            align: "center",
-            headerAlign: "center",
-            renderCell: (params) => {
-              return (
-                <Box
-                  sx={{
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    height: "100%",
-                  }}
-                >
-                  <AttachmentImageViewer
-                    showAsAvatar={true}
-                    attachmentCode="EMPLOYEE_PHOTOS"
-                    refKey={params.id + ""}
-                  />
-                </Box>
-              );
-            },
-          },
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        hidden: true,
-        fieldLabel: "PERSON_EMPLOYEE_NUMBER",
-        fieldName: "refSyncNumber",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "PERSON_EMPLOYEE_AR_NAME",
-        fieldName: "employeeArName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "PERSON_EMPLOYEE_EN_NAME",
-        fieldName: "employeeEnName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "PERSON_EMAIL",
-        fieldName: "email",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "PERSON_MOBILE_NUMBER",
-        fieldName: "mobileNumber",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        hidden: true,
-        gridProps: { hidden: true },
-        fieldLabel: "PERSON_PASSWORD",
-        fieldName: "password",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "PERSON_USERNAME",
-        fieldName: "username",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "PERSON_IS_ACTIVE",
-        fieldName: "isActive",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <>
-      <OrganizationMembersWindow>
-        <OrganizationMemberGrid selectedPerson={selectedPerson} />
-      </OrganizationMembersWindow>
-      <TemplateGrid
-        attachment={{ attachmentCode: "EMPLOYEE_PHOTOS" }}
-        apiActions={apiActions}
-        data={data}
-        setData={setData}
-        editMode={{
-          editMode: "modal",
-          specs: {
-            modalIcon: "user",
-            modalTitle: "Person Profile",
-            modalWidth: 300,
-          },
-        }}
-        formElements={formElements}
-        keyColumnName={"id"}
-        gridTitle="PERSON_PLURAL"
-        rowActions={[
-          {
-            icon: "globe",
-            label: "User Organizations",
-            actionFn: async (data) => {
-              setSelectedPerson(data);
-              setOrganizationMemberWindowState(true);
-            },
-          },
-        ]}
-        girdIcon="users"
-        editAction={{
-          isEnabled: true,
-          authority: "PERSON_EDIT",
-          preActionValidation: (data) => {
-            if (
-              data.refSource != undefined &&
-              data.refSource != null &&
-              data.refSource != ""
-            ) {
-              toast.error(
-                "This Person Was synced from other system therefore you can't modify this record"
-              );
-              return false;
-            }
-            return true;
-          },
-        }}
-        deleteAction={{
-          isEnabled: true,
-          authority: "PERSON_DELETE",
-          preActionValidation: (data) => {
-            if (
-              data.refSource != undefined &&
-              data.refSource != null &&
-              data.refSource != ""
-            ) {
-              toast.error(
-                "This Person Was synced from other system therefore you can't modify this record"
-              );
-              return false;
-            }
-            return true;
-          },
-        }}
-      />
-    </>
-  );
-};
-
-export default PersonGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions, useSession, useWindow } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { toast } from "react-toastify";
+import OrganizationMemberGrid from "./OrganizationMemberGrid";
+import { Box } from "@mui/material";
+import AttachmentImageViewer from "../../templates/attachment/AttachmentImageViewer";
+import { useSelector } from "react-redux";
+import OrgMemberRoleForm from "./OrgMemberRoleForm";
+import ChangePasswordPanel from "./ChangePasswordPanel";
+import { AppInfo } from "../../../redux/features/common/AppInfoSlice";
+import OrgProvidedPersonGrid from "./OrgProvidedPersonGrid";
+import CustomPersonGrid from "./CustomPersonGrid";
+
+const PersonGrid: React.FC = () => {
+  const appInfo: AppInfo = useSelector((state: any) => state.AppInfo.value);
+  if (appInfo?.isUserProfileManaged) {
+    return <CustomPersonGrid />;    
+  } else {
+    return <OrgProvidedPersonGrid />;
+    
+  }
+};
+
+export default PersonGrid;

package/src/components/administration/admin/RoleAuthoritiesForm.tsx

@@ -1,82 +1,82 @@
-import { useEffect, useState } from "react";
-import TransferList from "../../templates/TransferList";
-import { Box, Button } from "@mui/material";
-import { toast } from "react-toastify";
-import { useAxios } from "../../../hooks";
-
-type RoleAuthoritiesFormProps = {
-  roleId: number;
-  closeModalFn: () => void;
-};
-
-const RoleAuthoritiesForm: React.FC<RoleAuthoritiesFormProps> = (props) => {
-  const [selectedOptions, setSelectedOptions] = useState([]);
-  const [availableAuthorities, setAvailableAuthorities] = useState([]);
-  const { handlePostRequest, handleGetRequest } = useAxios();
-
-  const getRoleAuthorities = async () => {
-    await handleGetRequest({
-      endPointURI: "api/v1/admin/systemApplicationRoleAuthorities",
-      showMask: true,
-      parameters: {
-        roleId: props.roleId,
-      },
-      successCallBkFn: (response: any) => {
-        setSelectedOptions(response.data.selectedAuthorities);
-        setAvailableAuthorities(response.data.availableAuthorities);
-      },
-    });
-  };
-
-  useEffect(() => {
-    if (props.roleId) {
-      getRoleAuthorities();
-    }
-  }, [props.roleId]);
-  const saveRoleAuthorities = async () => {
-    await handlePostRequest({
-      endPointURI: "api/v1/admin/systemApplicationRoleAuthorities",
-      showMask: true,
-      parameters: { roleId: props.roleId },
-      data: selectedOptions,
-      successCallBkFn: () => {
-        toast.success("Your request has been proccesed successfully");
-        if (props.closeModalFn) {
-          props.closeModalFn();
-        }
-      },
-    });
-  };
-  return (
-    <>
-      <TransferList
-        displayField="authorityName"
-        options={availableAuthorities}
-        valueField="id"
-        selectedOptions={selectedOptions}
-        setSelection={setSelectedOptions}
-      />
-      <Box
-        sx={{
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "flex-end",
-          width: "100%",
-        }}
-      >
-        <Button
-          variant="contained"
-          onClick={saveRoleAuthorities}
-          sx={{ marginRight: 1, marginLeft: 1 }}
-        >
-          Save
-        </Button>
-        <Button variant="contained" color="error" onClick={props.closeModalFn}>
-          Cancel
-        </Button>
-      </Box>
-    </>
-  );
-};
-
-export default RoleAuthoritiesForm;
+import { useEffect, useState } from "react";
+import TransferList from "../../templates/TransferList";
+import { Box, Button } from "@mui/material";
+import { toast } from "react-toastify";
+import { useAxios } from "../../../hooks";
+
+type RoleAuthoritiesFormProps = {
+  roleId: number;
+  closeModalFn: () => void;
+};
+
+const RoleAuthoritiesForm: React.FC<RoleAuthoritiesFormProps> = (props) => {
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  const [availableAuthorities, setAvailableAuthorities] = useState([]);
+  const { handlePostRequest, handleGetRequest } = useAxios();
+
+  const getRoleAuthorities = async () => {
+    await handleGetRequest({
+      endPointURI: "api/v1/admin/systemApplicationRoleAuthorities",
+      showMask: true,
+      parameters: {
+        roleId: props.roleId,
+      },
+      successCallBkFn: (response: any) => {
+        setSelectedOptions(response.data.selectedAuthorities);
+        setAvailableAuthorities(response.data.availableAuthorities);
+      },
+    });
+  };
+
+  useEffect(() => {
+    if (props.roleId) {
+      getRoleAuthorities();
+    }
+  }, [props.roleId]);
+  const saveRoleAuthorities = async () => {
+    await handlePostRequest({
+      endPointURI: "api/v1/admin/systemApplicationRoleAuthorities",
+      showMask: true,
+      parameters: { roleId: props.roleId },
+      data: selectedOptions,
+      successCallBkFn: () => {
+        toast.success("Your request has been proccesed successfully");
+        if (props.closeModalFn) {
+          props.closeModalFn();
+        }
+      },
+    });
+  };
+  return (
+    <>
+      <TransferList
+        displayField="authorityName"
+        options={availableAuthorities}
+        valueField="id"
+        selectedOptions={selectedOptions}
+        setSelection={setSelectedOptions}
+      />
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-end",
+          width: "100%",
+        }}
+      >
+        <Button
+          variant="contained"
+          onClick={saveRoleAuthorities}
+          sx={{ marginRight: 1, marginLeft: 1 }}
+        >
+          Save
+        </Button>
+        <Button variant="contained" color="error" onClick={props.closeModalFn}>
+          Cancel
+        </Button>
+      </Box>
+    </>
+  );
+};
+
+export default RoleAuthoritiesForm;

package/src/components/administration/admin/SystemApplicationAuthorityGrid.tsx

@@ -1,126 +1,117 @@
-import { useEffect, useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { useApiActions, useAxios } from "../../../hooks";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-
-const SystemApplicationAuthorityGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/admin/systemapplicationauthority/all",
-    deleteById: "api/v1/admin/systemapplicationauthority",
-    save: "api/v1/admin/systemapplicationauthority",
-    findById: "api/v1/admin/systemapplicationauthority",
-    setData: setData,
-  });
-  const [systemApplicationModules, setSystemApplicationModules] = useState([]);
-
-  const { handleGetRequest } = useAxios();
-  const getSystemApplicationModules = async () => {
-    await handleGetRequest({
-      endPointURI: "api/v1/admin/systemapplicationmodule/application/all",
-      showMask: true,
-      successCallBkFn: (response: any) => {
-        setSystemApplicationModules(response.data);
-      },
-    });
-  };
-
-  useEffect(() => {
-    getSystemApplicationModules();
-  }, []);
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_SYSTEM_APPLICATION_ID",
-        fieldName: "systemApplicationId",
-        required: false,
-        hidden: true,
-        gridProps: { hidden: true },
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_SYSTEM_MODULE_ID",
-        fieldName: "systemModuleId",
-        required: false,
-        fieldType: "combobox",
-        options: systemApplicationModules,
-        optionValueField: "id",
-        optionDisplayField: "moduleName",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_NAME",
-        fieldName: "authorityName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_CODE",
-        fieldName: "authorityCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_DESCRIPTION",
-        fieldName: "authorityDescription",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_IS_ACTIVE",
-        fieldName: "isActive",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      hideInfoBar={true}
-      setData={setData}
-      editMode={{ editMode: "row" }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle="SYSTEM_APPLICATION_AUTHORITY_PLURAL"
-      girdIcon="key"
-      editAction={{
-        isEnabled: true,
-        authority: "SYSTEM_APPLICATION_AUTHORITY_EDIT",
-      }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "SYSTEM_APPLICATION_AUTHORITY_DELETE",
-      }}
-    />
-  );
-};
-
-export default SystemApplicationAuthorityGrid;
+import { useEffect, useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions, useAxios } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useSelector } from "react-redux";
+
+const SystemApplicationAuthorityGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    commonStoreKey: "SystemApplicationAuthorities",
+    deleteById: "api/v1/admin/systemapplicationauthority",
+    save: "api/v1/admin/systemapplicationauthority",
+    findById: "api/v1/admin/systemapplicationauthority",
+    setData: setData,
+  });
+
+  const SystemApplicationModules = useSelector(
+    (state: any) => state.commonStores.stores.SystemApplicationModules.data
+  );
+  const { handleGetRequest } = useAxios();
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_SYSTEM_APPLICATION_ID",
+        fieldName: "systemApplicationId",
+        required: false,
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_SYSTEM_MODULE_ID",
+        fieldName: "systemModuleId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemApplicationModules,
+        optionValueField: "id",
+        optionDisplayField: "moduleName",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_NAME",
+        fieldName: "authorityName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_CODE",
+        fieldName: "authorityCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_DESCRIPTION",
+        fieldName: "authorityDescription",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="SYSTEM_APPLICATION_AUTHORITY_PLURAL"
+      girdIcon="key"
+      editAction={{
+        isEnabled: true,
+        authority: "SYSTEM_APPLICATION_AUTHORITY_EDIT",
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "SYSTEM_APPLICATION_AUTHORITY_DELETE",
+      }}
+    />
+  );
+};
+
+export default SystemApplicationAuthorityGrid;