@asaleh37/ui-base 26.2.131 → 27.5.26

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

@@ -1,190 +1,190 @@
-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 { useSelector } from "react-redux";
-import OrgMemberRoleForm from "./OrgMemberRoleForm";
-import { AppInfo } from "../../../redux/features/common/AppInfoSlice";
-
-type OrganizationMemberGridProps = {
-  selectedPerson: any;
-};
-const OrganizationMemberGrid: React.FC<OrganizationMemberGridProps> = (
-  props
-) => {
-  const appInfo: AppInfo = useSelector((state: any) => state.AppInfo.value);
-  const [selectedRecord, setSelectedRecord] = useState<any>(null);
-  const {
-    Window: OrganizationMemberRolesWindow,
-    setWindowState: setOrganizationMemberRolesWindowState,
-  } = useWindow({
-    windowIcon: "tag",
-    windowTitle: "Organization Member Roles",
-    width: "50%",
-  });
-  const SystemOrganizations = useSelector(
-    (state: any) => state.commonStores.stores.SystemOrganizations.data
-  );
-  const SystemOrganizationRanks = useSelector(
-    (state: any) => state.commonStores.stores.SystemOrganizationRanks.data
-  );
-  const SystemOrganizationUnits = useSelector(
-    (state: any) => state.commonStores.stores.SystemOrganizationUnits.data
-  );
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/admin/organizationmember/all",
-    deleteById: "api/v1/admin/organizationmember",
-    save: "api/v1/admin/organizationmember",
-    findById: "api/v1/admin/organizationmember",
-    setData: setData,
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_MEMBER_IS_ACTIVE",
-        fieldName: "isActive",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_MEMBER_IS_DEFAULT",
-        fieldName: "isDefault",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Organization",
-        fieldName: "organizationId",
-        required: true,
-        fieldType: "combobox",
-        options: SystemOrganizations,
-        optionValueField: "id",
-        optionDisplayField: "organizationEnName",
-      },
-    },
-  ];
-
-  if (appInfo?.isUserProfileManaged) {
-    formElements.push(
-      {
-        type: "field",
-        mode: "props",
-        props: {
-          fieldLabel: "ORGANIZATION_MEMBER_ORGANIZATION_RANK_ID",
-          fieldName: "organizationRankId",
-          required: false,
-          fieldType: "combobox",
-          options: SystemOrganizationRanks,
-          optionValueField: "id",
-          optionDisplayField: "rankDisplay",
-        },
-      },
-      {
-        type: "field",
-        mode: "props",
-        props: {
-          fieldLabel: "ORGANIZATION_MEMBER_ORGANIZATION_UNIT_ID",
-          fieldName: "organizationUnitId",
-          required: false,
-          fieldType: "combobox",
-          options: SystemOrganizationUnits,
-          optionValueField: "id",
-          optionDisplayField: "fullPath",
-        },
-      },
-      {
-        type: "field",
-        mode: "props",
-        props: {
-          fieldLabel: "Membership number",
-          fieldName: "organizationMembershipNumber",
-          fieldType: "text",
-        },
-      },
-      {
-        type: "field",
-        mode: "props",
-        props: {
-          hidden: true,
-          gridProps: {
-            hidden: true,
-          },
-          fieldLabel: "ORGANIZATION_MEMBER_PERSON_ID",
-          fieldName: "personId",
-          required: false,
-          fieldType: "number",
-        },
-      }
-    );
-  }
-  return (
-    <>
-      <OrganizationMemberRolesWindow>
-        <OrgMemberRoleForm
-          selectedRecord={selectedRecord}
-          closeModalFn={() => {
-            setOrganizationMemberRolesWindowState(false);
-          }}
-        />
-      </OrganizationMemberRolesWindow>
-      <TemplateGrid
-        apiActions={apiActions}
-        hideInfoBar={true}
-        data={data}
-        setData={setData}
-        editMode={{ editMode: "row" }}
-        formElements={formElements}
-        rowActions={[
-          {
-            icon: "tag",
-            label: "Roles",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setOrganizationMemberRolesWindowState(true);
-            },
-          },
-        ]}
-        gridLoadParametersValues={{
-          personId: props.selectedPerson.id,
-          employeeNumber: props.selectedPerson.employeeNumber,
-        }}
-        keyColumnName={"id"}
-        gridTitle="ORGANIZATION_MEMBER_PLURAL"
-        girdIcon="table-cells"
-        editAction={{
-          isEnabled: true,
-          authority: "ORGANIZATION_MEMBER_EDIT",
-          preActionValidation: async (data) => {
-            if (appInfo?.isUserProfileManaged) {
-              data.personId = props.selectedPerson.id;
-            } else {
-              data.organizationMembershipNumber =
-                props.selectedPerson.employeeNumber;
-            }
-            return true;
-          },
-        }}
-        deleteAction={{
-          isEnabled: true,
-          authority: "ORGANIZATION_MEMBER_DELETE",
-        }}
-      />
-    </>
-  );
-};
-
-export default OrganizationMemberGrid;
+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 { useSelector } from "react-redux";
+import OrgMemberRoleForm from "./OrgMemberRoleForm";
+import { AppInfo } from "../../../redux/features/common/AppInfoSlice";
+
+type OrganizationMemberGridProps = {
+  selectedPerson: any;
+};
+const OrganizationMemberGrid: React.FC<OrganizationMemberGridProps> = (
+  props
+) => {
+  const appInfo: AppInfo = useSelector((state: any) => state.AppInfo.value);
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const {
+    Window: OrganizationMemberRolesWindow,
+    setWindowState: setOrganizationMemberRolesWindowState,
+  } = useWindow({
+    windowIcon: "tag",
+    windowTitle: "Organization Member Roles",
+    width: "50%",
+  });
+  const SystemOrganizations = useSelector(
+    (state: any) => state.commonStores.stores.SystemOrganizations.data
+  );
+  const SystemOrganizationRanks = useSelector(
+    (state: any) => state.commonStores.stores.SystemOrganizationRanks.data
+  );
+  const SystemOrganizationUnits = useSelector(
+    (state: any) => state.commonStores.stores.SystemOrganizationUnits.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/organizationmember/all",
+    deleteById: "api/v1/admin/organizationmember",
+    save: "api/v1/admin/organizationmember",
+    findById: "api/v1/admin/organizationmember",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_MEMBER_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_MEMBER_IS_DEFAULT",
+        fieldName: "isDefault",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Organization",
+        fieldName: "organizationId",
+        required: true,
+        fieldType: "combobox",
+        options: SystemOrganizations,
+        optionValueField: "id",
+        optionDisplayField: "organizationEnName",
+      },
+    },
+  ];
+
+  if (appInfo?.isUserProfileManaged) {
+    formElements.push(
+      {
+        type: "field",
+        mode: "props",
+        props: {
+          fieldLabel: "ORGANIZATION_MEMBER_ORGANIZATION_RANK_ID",
+          fieldName: "organizationRankId",
+          required: false,
+          fieldType: "combobox",
+          options: SystemOrganizationRanks,
+          optionValueField: "id",
+          optionDisplayField: "rankDisplay",
+        },
+      },
+      {
+        type: "field",
+        mode: "props",
+        props: {
+          fieldLabel: "ORGANIZATION_MEMBER_ORGANIZATION_UNIT_ID",
+          fieldName: "organizationUnitId",
+          required: false,
+          fieldType: "combobox",
+          options: SystemOrganizationUnits,
+          optionValueField: "id",
+          optionDisplayField: "fullPath",
+        },
+      },
+      {
+        type: "field",
+        mode: "props",
+        props: {
+          fieldLabel: "Membership number",
+          fieldName: "organizationMembershipNumber",
+          fieldType: "text",
+        },
+      },
+      {
+        type: "field",
+        mode: "props",
+        props: {
+          hidden: true,
+          gridProps: {
+            hidden: true,
+          },
+          fieldLabel: "ORGANIZATION_MEMBER_PERSON_ID",
+          fieldName: "personId",
+          required: false,
+          fieldType: "number",
+        },
+      }
+    );
+  }
+  return (
+    <>
+      <OrganizationMemberRolesWindow>
+        <OrgMemberRoleForm
+          selectedRecord={selectedRecord}
+          closeModalFn={() => {
+            setOrganizationMemberRolesWindowState(false);
+          }}
+        />
+      </OrganizationMemberRolesWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        hideInfoBar={true}
+        data={data}
+        setData={setData}
+        editMode={{ editMode: "row" }}
+        formElements={formElements}
+        rowActions={[
+          {
+            icon: "tag",
+            label: "Roles",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setOrganizationMemberRolesWindowState(true);
+            },
+          },
+        ]}
+        gridLoadParametersValues={{
+          personId: props.selectedPerson.id,
+          employeeNumber: props.selectedPerson.employeeNumber,
+        }}
+        keyColumnName={"id"}
+        gridTitle="ORGANIZATION_MEMBER_PLURAL"
+        girdIcon="table-cells"
+        editAction={{
+          isEnabled: true,
+          authority: "ORGANIZATION_MEMBER_EDIT",
+          preActionValidation: async (data) => {
+            if (appInfo?.isUserProfileManaged) {
+              data.personId = props.selectedPerson.id;
+            } else {
+              data.organizationMembershipNumber =
+                props.selectedPerson.employeeNumber;
+            }
+            return true;
+          },
+        }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "ORGANIZATION_MEMBER_DELETE",
+        }}
+      />
+    </>
+  );
+};
+
+export default OrganizationMemberGrid;

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

@@ -1,87 +1,87 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import {useApiActions} from "../../../hooks";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-
-const OrganizationMemberRoleGrid: React.FC = () => {
-	const { t } = useTranslation();
-	const [data, setData] = useState([]);
-    const apiActions = useApiActions({
-    	findAll: "api/v1/admin/organizationmemberrole/all",
-    	deleteById: "api/v1/admin/organizationmemberrole",
-    	save: "api/v1/admin/organizationmemberrole",
-		findById: "api/v1/admin/organizationmemberrole",
-    	setData: setData,
-  	});
-	
-	const formElements: Array<FormElementProps> = [
-											{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_IS_ACTIVE",
-        				fieldName: "isActive",
-        				required: false,
-        				fieldType: "checkbox",
-      				},
-    			},
-					    			    			    			    										{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_END_DATE",
-        				fieldName: "endDate",
-        				required: false,
-        				fieldType: "datetime",
-      				},
-    			},
-					    			    			    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_ORGANIZATION_MEMBER_ID",
-        				fieldName: "organizationMemberId",
-        				required: true,
-        				fieldType: "text",
-      				},
-    			},			
-					    										{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_START_DATE",
-        				fieldName: "startDate",
-        				required: false,
-        				fieldType: "datetime",
-      				},
-    			},
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_SYSTEM_APPLICATION_ROLE_ID",
-        				fieldName: "systemApplicationRoleId",
-        				required: true,
-        				fieldType: "text",
-      				},
-    			},			
-					    			    			    			    		];
-
-	return (
-    	<TemplateGrid
-      		apiActions={apiActions}
-      		data={data}
-      		setData={setData}
-      		editMode={{ editMode: "row"}}
-      		formElements={formElements}
-			keyColumnName={"id"}
-      		gridTitle="ORGANIZATION_MEMBER_ROLE_PLURAL"
-      		girdIcon="table-cells"
-      		editAction={{ isEnabled: true, authority: "ORGANIZATION_MEMBER_ROLE_EDIT" }}
-      		deleteAction={{ isEnabled: true, authority: "ORGANIZATION_MEMBER_ROLE_DELETE" }}
-    	/>
-  );
-};
-
-export default OrganizationMemberRoleGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import {useApiActions} from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+
+const OrganizationMemberRoleGrid: React.FC = () => {
+	const { t } = useTranslation();
+	const [data, setData] = useState([]);
+    const apiActions = useApiActions({
+    	findAll: "api/v1/admin/organizationmemberrole/all",
+    	deleteById: "api/v1/admin/organizationmemberrole",
+    	save: "api/v1/admin/organizationmemberrole",
+		findById: "api/v1/admin/organizationmemberrole",
+    	setData: setData,
+  	});
+	
+	const formElements: Array<FormElementProps> = [
+											{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_IS_ACTIVE",
+        				fieldName: "isActive",
+        				required: false,
+        				fieldType: "checkbox",
+      				},
+    			},
+					    			    			    			    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_END_DATE",
+        				fieldName: "endDate",
+        				required: false,
+        				fieldType: "datetime",
+      				},
+    			},
+					    			    			    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_ORGANIZATION_MEMBER_ID",
+        				fieldName: "organizationMemberId",
+        				required: true,
+        				fieldType: "text",
+      				},
+    			},			
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_START_DATE",
+        				fieldName: "startDate",
+        				required: false,
+        				fieldType: "datetime",
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_SYSTEM_APPLICATION_ROLE_ID",
+        				fieldName: "systemApplicationRoleId",
+        				required: true,
+        				fieldType: "text",
+      				},
+    			},			
+					    			    			    			    		];
+
+	return (
+    	<TemplateGrid
+      		apiActions={apiActions}
+      		data={data}
+      		setData={setData}
+      		editMode={{ editMode: "row"}}
+      		formElements={formElements}
+			keyColumnName={"id"}
+      		gridTitle="ORGANIZATION_MEMBER_ROLE_PLURAL"
+      		girdIcon="table-cells"
+      		editAction={{ isEnabled: true, authority: "ORGANIZATION_MEMBER_ROLE_EDIT" }}
+      		deleteAction={{ isEnabled: true, authority: "ORGANIZATION_MEMBER_ROLE_DELETE" }}
+    	/>
+  );
+};
+
+export default OrganizationMemberRoleGrid;