@asaleh37/ui-base 1.2.16 → 1.2.18

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

@@ -3,50 +3,18 @@ import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/Te
 import { useApiActions, useWindow } from "../../../hooks";
 import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
 import { useTranslation } from "react-i18next";
-import SystemApplicationModuleGrid from "./SystemApplicationModuleGrid";
-import SystemApplicationAuthorityGrid from "./SystemApplicationAuthorityGrid";
-import SystemApplicationRoleGrid from "./SystemApplicationRoleGrid";
-import LookupGrid from "../dev/LookupGrid";
 
 const SystemApplicationGrid: React.FC = () => {
   const { t } = useTranslation();
   const [data, setData] = useState([]);
   const apiActions = useApiActions({
-    findAll: "api/v1/admin/systemapplication/all",
-    deleteById: "api/v1/admin/systemapplication",
-    save: "api/v1/admin/systemapplication",
-    findById: "api/v1/admin/systemapplication",
+    findAll: "api/v1/org/admin/systemapplication/all",
+    deleteById: "api/v1/org/admin/systemapplication",
+    save: "api/v1/org/admin/systemapplication",
+    findById: "api/v1/org/admin/systemapplication",
     setData: setData,
   });
-  const {
-    Window: ApplicationModulesWindow,
-    setWindowState: setApplicationModulesWindowState,
-  } = useWindow({
-    windowTitle: "System Application Modules",
-    windowIcon: "layer-group",
-  });
-  const {
-    Window: ApplicationAuthoritiessWindow,
-    setWindowState: setApplicationAuthoritiesWindowState,
-  } = useWindow({
-    windowTitle: "System Application Authorities",
-    windowIcon: "key",
-  });
-  const {
-    Window: ApplicationRolesWindow,
-    setWindowState: setApplicationRolesWindowState,
-  } = useWindow({
-    windowTitle: "System Application Roles",
-    windowIcon: "tag",
-  });
-  const {
-    Window: ApplicationLookupsWindow,
-    setWindowState: setApplicationLookupsWindowState,
-  } = useWindow({
-    windowTitle: "System Application Lookups",
-    windowIcon: "list-check",
-  });
-  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+
   const formElements: Array<FormElementProps> = [
     {
       type: "field",
@@ -93,54 +61,8 @@ const SystemApplicationGrid: React.FC = () => {
 
   return (
     <>
-      <ApplicationModulesWindow>
-        <SystemApplicationModuleGrid selectedApplication={selectedRecord} />
-      </ApplicationModulesWindow>
-      <ApplicationAuthoritiessWindow>
-        <SystemApplicationAuthorityGrid selectedApplication={selectedRecord} />
-      </ApplicationAuthoritiessWindow>
-      <ApplicationRolesWindow>
-        <SystemApplicationRoleGrid selectedApplication={selectedRecord} />
-      </ApplicationRolesWindow>
-      <ApplicationLookupsWindow>
-        <LookupGrid selectedApplication={selectedRecord} />
-      </ApplicationLookupsWindow>
       <TemplateGrid
         apiActions={apiActions}
-        rowActions={[
-          {
-            icon: "layer-group",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setApplicationModulesWindowState(true);
-            },
-            label: "modules",
-          },
-          {
-            icon: "key",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setApplicationAuthoritiesWindowState(true);
-            },
-            label: "Authorities",
-          },
-          {
-            icon: "tag",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setApplicationRolesWindowState(true);
-            },
-            label: "Roles",
-          },
-          {
-            icon: "list-check",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setApplicationLookupsWindowState(true);
-            },
-            label: "Lookups",
-          },
-        ]}
         data={data}
         setData={setData}
         editMode={{ editMode: "row" }}

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

@@ -4,17 +4,11 @@ import { useApiActions } from "../../../hooks";
 import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
 import { useTranslation } from "react-i18next";
 
-type SystemApplicationModuleGridProps = {
-  selectedApplication: any;
-};
-
-const SystemApplicationModuleGrid: React.FC<
-  SystemApplicationModuleGridProps
-> = (props) => {
+const SystemApplicationModuleGrid: React.FC = () => {
   const { t } = useTranslation();
   const [data, setData] = useState([]);
   const apiActions = useApiActions({
-    findAll: "api/v1/admin/systemapplicationmodule/application/all",
+    commonStoreKey: "SystemApplicationModules",
     deleteById: "api/v1/admin/systemapplicationmodule",
     save: "api/v1/admin/systemapplicationmodule",
     findById: "api/v1/admin/systemapplicationmodule",
@@ -80,9 +74,6 @@ const SystemApplicationModuleGrid: React.FC<
     <TemplateGrid
       apiActions={apiActions}
       data={data}
-      gridLoadParametersValues={{
-        applicationId: props?.selectedApplication?.id,
-      }}
       setData={setData}
       editMode={{ editMode: "row" }}
       formElements={formElements}
@@ -93,10 +84,6 @@ const SystemApplicationModuleGrid: React.FC<
       editAction={{
         isEnabled: true,
         authority: "SYSTEM_APPLICATION_MODULE_EDIT",
-        preActionValidation: async (data) => {
-          data.systemApplicationId = props?.selectedApplication?.id;
-          return true;
-        },
       }}
       deleteAction={{
         isEnabled: true,

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

@@ -5,13 +5,7 @@ import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTy
 import { useTranslation } from "react-i18next";
 import RoleAuthoritiesForm from "./RoleAuthoritiesForm";
 
-type SystemApplicationRoleGridProps = {
-  selectedApplication: any;
-};
-
-const SystemApplicationRoleGrid: React.FC<SystemApplicationRoleGridProps> = (
-  props
-) => {
+const SystemApplicationRoleGrid: React.FC = () => {
   const { t } = useTranslation();
   const [data, setData] = useState([]);
   const [selectedRole, setSelectedRole] = useState(null);
@@ -80,7 +74,6 @@ const SystemApplicationRoleGrid: React.FC<SystemApplicationRoleGridProps> = (
     <>
       <RoleaAuthoritiesWindow>
         <RoleAuthoritiesForm
-          appId={props.selectedApplication.id}
           roleId={selectedRole?.id}
           closeModalFn={() => {
             setRoleAuthoritiesWindowState(false);
@@ -91,9 +84,6 @@ const SystemApplicationRoleGrid: React.FC<SystemApplicationRoleGridProps> = (
         apiActions={apiActions}
         data={data}
         hideInfoBar={true}
-        gridLoadParametersValues={{
-          applicationId: props?.selectedApplication?.id,
-        }}
         setData={setData}
         editMode={{ editMode: "row" }}
         formElements={formElements}
@@ -113,10 +103,6 @@ const SystemApplicationRoleGrid: React.FC<SystemApplicationRoleGridProps> = (
         editAction={{
           isEnabled: true,
           authority: "SYSTEM_APPLICATION_ROLE_EDIT",
-          preActionValidation: async (data) => {
-            data.systemApplicationId = props?.selectedApplication?.id;
-            return true;
-          },
         }}
         deleteAction={{
           isEnabled: true,

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

@@ -0,0 +1,213 @@
+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";
+
+const storageTypes = [{ value: "FILE_SYSTEM" }, { value: "SFTP" }];
+
+const AttachmentConfigGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/attachmentconfig/all",
+    deleteById: "api/v1/dev/attachmentconfig",
+    save: "api/v1/dev/attachmentconfig",
+    findById: "api/v1/dev/attachmentconfig",
+    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: "ATTACHMENT_CONFIG_ATTACHMENT_CODE",
+        fieldName: "attachmentCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_RELATED_DATABASE_TABLE",
+        fieldName: "relatedDatabaseTable",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_STORAGE_TYPE",
+        fieldName: "storageType",
+        required: true,
+        fieldType: "combobox",
+        options: storageTypes,
+        optionDisplayField: "value",
+        optionValueField: "value",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_UPLOAD_DIRECTORY",
+        fieldName: "uploadDirectory",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_ALLOWED_FILE_TYPES",
+        fieldName: "allowedFileTypes",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_ATTACHMENT_CATEGORIES",
+        fieldName: "attachmentCategories",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Is Category Mandatory",
+        fieldName: "isCategoryRequired",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_MAX_ALLOWED_NUMBER_OF_FILES",
+        fieldName: "maxAllowedNumberOfFiles",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_DOWNLOAD_AUTHORITY_KEY",
+        fieldName: "downloadAuthorityKey",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CONFIG_UPLOAD_AUTHORITY_KEY",
+        fieldName: "uploadAuthorityKey",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalIcon: "paperclip",
+          modalTitle: "Attachment Configuration",
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("ATTACHMENT_CONFIG_PLURAL")}
+      girdIcon="paperclip"
+      editAction={{ isEnabled: true, authority: "ATTACHMENT_CONFIG_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "ATTACHMENT_CONFIG_DELETE" }}
+    />
+  );
+};
+
+export default AttachmentConfigGrid;

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

@@ -0,0 +1,172 @@
+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";
+
+const AttachmentGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/attachment/all",
+    deleteById: "api/v1/dev/attachment",
+    save: "api/v1/dev/attachment",
+    findById: "api/v1/dev/attachment",
+    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: "ATTACHMENT_ATTACHMENT_CONFIG_ID",
+        fieldName: "attachmentConfigId",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_ATTACHMENT_SIZE",
+        fieldName: "attachmentSize",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CATEGORY",
+        fieldName: "category",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_DOC_TYPE",
+        fieldName: "docType",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_FILE_NAME",
+        fieldName: "fileName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_REF_KEY",
+        fieldName: "refKey",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_REMARK",
+        fieldName: "remark",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("ATTACHMENT_PLURAL")}
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "ATTACHMENT_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "ATTACHMENT_DELETE" }}
+    />
+  );
+};
+
+export default AttachmentGrid;

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

@@ -5,11 +5,7 @@ import { useTranslation } from "react-i18next";
 import { useApiActions } from "../../../hooks";
 import { useSelector } from "react-redux";
 
-type LookupGridProps = {
-  selectedApplication: any;
-};
-
-const LookupGrid: React.FC<LookupGridProps> = (props) => {
+const LookupGrid: React.FC = () => {
   const SystemOrganizations = useSelector(
     (state: any) => state.commonStores.stores.SystemOrganizations.data
   );
@@ -107,9 +103,6 @@ const LookupGrid: React.FC<LookupGridProps> = (props) => {
       data={data}
       setData={setData}
       hideInfoBar={true}
-      gridLoadParametersValues={{
-        systemApplicationId: props.selectedApplication.id,
-      }}
       editMode={{ editMode: "row" }}
       formElements={formElements}
       keyColumnName={"id"}
@@ -118,10 +111,6 @@ const LookupGrid: React.FC<LookupGridProps> = (props) => {
       editAction={{
         isEnabled: true,
         authority: "LOOKUP_EDIT",
-        preActionValidation: (data: any) => {
-          data.systemApplicationId = props.selectedApplication.id;
-          return true;
-        },
       }}
       deleteAction={{ isEnabled: true, authority: "LOOKUP_DELETE" }}
     />

package/src/components/common/Home.tsx

@@ -4,32 +4,34 @@ import { TemplateForm } from "../templates";
 import ReportViewer from "../templates/report/ReportViewer";
 import WorkflowDocumentPanel from "../templates/workflow/WorkflowDocumentPanel";
 import DashboardViewer from "../templates/visuals/DashboardViewer";
+import AttachmentPanel from "../templates/attachment/AttachmentPanel";
 
 const Home: React.FC = () => {
   return (
     // <DashboardViewer dashboardCode="XX_TEMPLATE_DASHBOARD" />
-    <Box
-      sx={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        flex: 1,
-        fontSize: 24,
-        fontWeight: "bold",
-      }}
-    >
-      <img src="logo.png" style={{ margin: 5 }} />
-      <div>Welcome to Ezzsteel Flat Product Management System</div>
-      <div style={{ fontSize: 16 }}>
-        Use side menu [
-        <FontAwesomeIcon
-          icon="bars"
-          style={{ marginLeft: 10, marginRight: 10 }}
-        />
-        ] to navigate to your authorized system modules
-      </div>
-    </Box>
+    <AttachmentPanel attachmentCode="DOC" refKey="1"/>
+    // <Box
+    //   sx={{
+    //     display: "flex",
+    //     flexDirection: "column",
+    //     alignItems: "center",
+    //     justifyContent: "center",
+    //     flex: 1,
+    //     fontSize: 24,
+    //     fontWeight: "bold",
+    //   }}
+    // >
+    //   <img src="logo.png" style={{ margin: 5 }} />
+    //   <div>Welcome to Ezzsteel Flat Product Management System</div>
+    //   <div style={{ fontSize: 16 }}>
+    //     Use side menu [
+    //     <FontAwesomeIcon
+    //       icon="bars"
+    //       style={{ marginLeft: 10, marginRight: 10 }}
+    //     />
+    //     ] to navigate to your authorized system modules
+    //   </div>
+    // </Box>
   );
 };
 

package/src/components/index.ts

@@ -1,7 +1,3 @@
-// Polyfill for global in case it's not defined (for browser/Vite compatibility)
-if (typeof global === "undefined") {
-  global = globalThis;
-}
 export * from "./BaseApp";
 export * from "@mui/material";
 export * from "zod";