@asaleh37/ui-base 26.2.131 → 27.5.26

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

@@ -1,107 +1,107 @@
-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 OrganizationApplicationModuleGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const { handleGetRequest } = useAxios();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/org/admin/organizationapplicationmodule/all",
-    deleteById: "api/org/v1/admin/organizationapplicationmodule",
-    save: "api/v1/org/admin/organizationapplicationmodule",
-    findById: "api/org/v1/admin/organizationapplicationmodule",
-    setData: setData,
-  });
-  const SystemApplicationModules = useSelector(
-    (state: any) => state.commonStores.stores.SystemApplicationModules.data
-  );
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "ORGANIZATION_APPLICATION_MODULE_SYSTEM_APPLICATION_MODULE_ID",
-        fieldName: "systemApplicationModuleId",
-        required: false,
-        fieldType: "combobox",
-        options: SystemApplicationModules,
-        optionDisplayField: "moduleName",
-        optionValueField: "id",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_ORGANIZATION_ID",
-        fieldName: "organizationId",
-        required: false,
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_SUBSCRIPTION_DATE",
-        fieldName: "subscriptionDate",
-        required: true,
-        fieldType: "date",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_EXPIRATION_DATE",
-        fieldName: "expirationDate",
-        required: false,
-        fieldType: "date",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_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="ORGANIZATION_APPLICATION_MODULE_PLURAL"
-      girdIcon="layer-group"
-      editAction={{
-        isEnabled: true,
-        authority: "ORGANIZATION_APPLICATION_MODULE_EDIT",
-      }}
-      deleteAction={{
-        isEnabled: true,
-        authority: "ORGANIZATION_APPLICATION_MODULE_DELETE",
-      }}
-    />
-  );
-};
-
-export default OrganizationApplicationModuleGrid;
+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 OrganizationApplicationModuleGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const { handleGetRequest } = useAxios();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/org/admin/organizationapplicationmodule/all",
+    deleteById: "api/org/v1/admin/organizationapplicationmodule",
+    save: "api/v1/org/admin/organizationapplicationmodule",
+    findById: "api/org/v1/admin/organizationapplicationmodule",
+    setData: setData,
+  });
+  const SystemApplicationModules = useSelector(
+    (state: any) => state.commonStores.stores.SystemApplicationModules.data
+  );
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "ORGANIZATION_APPLICATION_MODULE_SYSTEM_APPLICATION_MODULE_ID",
+        fieldName: "systemApplicationModuleId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemApplicationModules,
+        optionDisplayField: "moduleName",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_ORGANIZATION_ID",
+        fieldName: "organizationId",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_SUBSCRIPTION_DATE",
+        fieldName: "subscriptionDate",
+        required: true,
+        fieldType: "date",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_EXPIRATION_DATE",
+        fieldName: "expirationDate",
+        required: false,
+        fieldType: "date",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_APPLICATION_MODULE_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="ORGANIZATION_APPLICATION_MODULE_PLURAL"
+      girdIcon="layer-group"
+      editAction={{
+        isEnabled: true,
+        authority: "ORGANIZATION_APPLICATION_MODULE_EDIT",
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "ORGANIZATION_APPLICATION_MODULE_DELETE",
+      }}
+    />
+  );
+};
+
+export default OrganizationApplicationModuleGrid;

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

@@ -1,118 +1,118 @@
-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 OrganizationApplicationModuleGrid from "./OrganizationApplicationModuleGrid";
-import OrganizationUnitTypeGrid from "./OrganizationUnitTypeGrid";
-import OrganizationUnitGrid from "./OrganizationUnitGrid";
-import OrganizationRankGrid from "./OrganizationRankGrid";
-import { Box } from "@mui/material";
-import { AttachmentImageViewer } from "../../templates";
-
-const OrganizationGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    commonStoreKey: "SystemOrganizations",
-    deleteById: "api/v1/org/admin/organization",
-    save: "api/v1/org/admin/organization",
-    findById: "api/v1/org/admin/organization",
-    setData: setData,
-  });
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Logo",
-        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="ORGANIZATION_LOGOS"
-                    refKey={params.id + ""}
-                  />
-                </Box>
-              );
-            },
-          },
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_ORGANIZATION_CODE",
-        fieldName: "organizationCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_ORGANIZATION_AR_NAME",
-        fieldName: "organizationArName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_ORGANIZATION_EN_NAME",
-        fieldName: "organizationEnName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ORGANIZATION_IS_ACTIVE",
-        fieldName: "isActive",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <>
-      <TemplateGrid
-        attachment={{ attachmentCode: "ORGANIZATION_LOGOS" }}
-        apiActions={apiActions}
-        data={data}
-        setData={setData}
-        editMode={{ editMode: "row" }}
-        formElements={formElements}
-        keyColumnName={"id"}
-        gridTitle="ORGANIZATION_PLURAL"
-        girdIcon="globe"
-        editAction={{ isEnabled: true, authority: "ORGANIZATION_EDIT" }}
-        deleteAction={{ isEnabled: true, authority: "ORGANIZATION_DELETE" }}
-      />
-    </>
-  );
-};
-
-export default OrganizationGrid;
+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 OrganizationApplicationModuleGrid from "./OrganizationApplicationModuleGrid";
+import OrganizationUnitTypeGrid from "./OrganizationUnitTypeGrid";
+import OrganizationUnitGrid from "./OrganizationUnitGrid";
+import OrganizationRankGrid from "./OrganizationRankGrid";
+import { Box } from "@mui/material";
+import { AttachmentImageViewer } from "../../templates";
+
+const OrganizationGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    commonStoreKey: "SystemOrganizations",
+    deleteById: "api/v1/org/admin/organization",
+    save: "api/v1/org/admin/organization",
+    findById: "api/v1/org/admin/organization",
+    setData: setData,
+  });
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Logo",
+        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="ORGANIZATION_LOGOS"
+                    refKey={params.id + ""}
+                  />
+                </Box>
+              );
+            },
+          },
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_ORGANIZATION_CODE",
+        fieldName: "organizationCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_ORGANIZATION_AR_NAME",
+        fieldName: "organizationArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_ORGANIZATION_EN_NAME",
+        fieldName: "organizationEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <>
+      <TemplateGrid
+        attachment={{ attachmentCode: "ORGANIZATION_LOGOS" }}
+        apiActions={apiActions}
+        data={data}
+        setData={setData}
+        editMode={{ editMode: "row" }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle="ORGANIZATION_PLURAL"
+        girdIcon="globe"
+        editAction={{ isEnabled: true, authority: "ORGANIZATION_EDIT" }}
+        deleteAction={{ isEnabled: true, authority: "ORGANIZATION_DELETE" }}
+      />
+    </>
+  );
+};
+
+export default OrganizationGrid;