@asaleh37/ui-base 1.2.29 → 25.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "1.2.29",
+  "version": "25.6.1",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",
@@ -10,7 +10,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs",
-    "dev": "vite"
+    "dev": "vite --host"
   },
   "devDependencies": {
     "@emotion/cache": "^11.14.0",
@@ -41,7 +41,7 @@
     "@types/react-dom": "^19.0.3",
     "@types/react-i18next": "^7.8.3",
     "@vitejs/plugin-react": "^4.3.4",
-    "axios": "^1.8.1",    
+    "axios": "^1.8.1",
     "eslint": "^9.19.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.18",
@@ -53,7 +53,7 @@
     "moment": "^2.30.1",
     "oidc-client-ts": "^3.1.0",
     "react": "^19.1.0",
-    "react-dom": "^19.0.0",    
+    "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "react-i18next": "^15.4.0",
     "react-redux": "^9.2.0",
@@ -92,7 +92,7 @@
     "@mui/x-tree-view": "^7.26.0",
     "@react-spring/web": "^9.7.5",
     "@reduxjs/toolkit": "^2.5.1",
-    "axios": "^1.8.1",    
+    "axios": "^1.8.1",
     "global": "^4.4.0",
     "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.3",
@@ -100,7 +100,7 @@
     "moment": "^2.30.1",
     "oidc-client-ts": "^3.1.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",    
+    "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "react-i18next": "^15.4.0",
     "react-redux": "^9.2.0",
@@ -113,7 +113,8 @@
     "stylis-plugin-rtl": "^2.1.1",
     "zod": "^3.24.2"
   },
-  "dependencies": {    
-    "@rollup/plugin-json": "^6.1.0"    
+  "dependencies": {
+    "@rollup/plugin-json": "^6.1.0",
+    "rollup-plugin-terser": "^7.0.2"
   }
 }

package/rollup.config-1748377725725.cjs

@@ -1,16 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var resolve = require('@rollup/plugin-node-resolve');
-var commonjs = require('@rollup/plugin-commonjs');
-var typescript = require('@rollup/plugin-typescript');
-var dts = require('rollup-plugin-dts');
-var terser = require('@rollup/plugin-terser');
-var json = require('@rollup/plugin-json');
-var peerDepsExternal = require('rollup-plugin-peer-deps-external');
-var postcss = require('rollup-plugin-postcss');
-
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var resolve = require('@rollup/plugin-node-resolve');
+var commonjs = require('@rollup/plugin-commonjs');
+var typescript = require('@rollup/plugin-typescript');
+var dts = require('rollup-plugin-dts');
+var terser = require('@rollup/plugin-terser');
+var json = require('@rollup/plugin-json');
+var peerDepsExternal = require('rollup-plugin-peer-deps-external');
+var postcss = require('rollup-plugin-postcss');
+
 const packageJson = require("./package.json");
 
 var rollup_config = [
@@ -45,6 +45,6 @@ var rollup_config = [
     plugins: [dts.default()],
     external: [/\.css$/],
   },
-];
-
-exports.default = rollup_config;
+];
+
+exports.default = rollup_config;

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

@@ -4,7 +4,7 @@ import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTy
 import { useTranslation } from "react-i18next";
 import { useApiActions } from "../../../hooks";
 
-const storageTypes = [{ value: "FILE_SYSTEM" }, { value: "SFTP" }];
+export const storageTypes = [{ value: "FILE_SYSTEM" }, { value: "SFTP" }];
 
 const AttachmentConfigGrid: React.FC = () => {
   const { t } = useTranslation();
@@ -116,6 +116,16 @@ const AttachmentConfigGrid: React.FC = () => {
         optionValueField: "value",
       },
     },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Include App Code in attachment path",
+        fieldName: "includeAppCodeInPath",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
     {
       type: "field",
       mode: "props",

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

@@ -12,6 +12,7 @@ import { toast } from "react-toastify";
 import ReportParametersForm from "./ReportParametersForm";
 import ReportParameterGrid from "./ReportParameterGrid";
 import ReportViewer from "../../templates/report/ReportViewer";
+import { storageTypes } from "./AttachmentConfigGrid";
 
 type ValidationCritria = {
   isVisible: boolean;
@@ -26,7 +27,6 @@ type ReportValidationOptions = {
   reportBluePrintId: ValidationCritria;
   reportExcelDataQueryId: ValidationCritria;
   reportJasperName: ValidationCritria;
-  reportJasperPath: ValidationCritria;
 };
 
 type validationObjectType = {
@@ -40,7 +40,6 @@ const validationObject: validationObjectType = {
     reportBluePrintId: { isMandatory: true, isVisible: true },
     reportExcelDataQueryId: { isMandatory: false, isVisible: false },
     reportJasperName: { isMandatory: false, isVisible: false },
-    reportJasperPath: { isMandatory: false, isVisible: false },
   },
   Jasper: {
     useSysDatasource: { isMandatory: false, isVisible: true },
@@ -48,7 +47,6 @@ const validationObject: validationObjectType = {
     reportBluePrintId: { isMandatory: false, isVisible: false },
     reportExcelDataQueryId: { isMandatory: false, isVisible: false },
     reportJasperName: { isMandatory: true, isVisible: true },
-    reportJasperPath: { isMandatory: true, isVisible: true },
   },
   Excel: {
     useSysDatasource: { isMandatory: false, isVisible: false },
@@ -56,7 +54,6 @@ const validationObject: validationObjectType = {
     reportBluePrintId: { isMandatory: false, isVisible: false },
     reportExcelDataQueryId: { isMandatory: true, isVisible: true },
     reportJasperName: { isMandatory: false, isVisible: false },
-    reportJasperPath: { isMandatory: false, isVisible: false },
   },
 };
 
@@ -83,13 +80,11 @@ const adjustFormAccordingToReportType = (
     formActions.hideField("reportBluePrintId");
     formActions.hideField("reportExcelDataQueryId");
     formActions.hideField("reportJasperName");
-    formActions.hideField("reportJasperPath");
     formManager.setValue("useSysDatasource", null);
     formManager.setValue("datasourceConId", null);
     formManager.setValue("reportBluePrintId", null);
     formManager.setValue("reportExcelDataQueryId", null);
     formManager.setValue("reportJasperName", null);
-    formManager.setValue("reportJasperPath", null);
   }
 };
 
@@ -245,6 +240,19 @@ const ReportGrid: React.FC = () => {
         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",
@@ -375,14 +383,10 @@ const ReportGrid: React.FC = () => {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "REPORT_REPORT_JASPER_PATH",
-        fieldName: "reportJasperPath",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
+        fieldLabel: "Include App Code in attachment path",
+        fieldName: "includeAppCodeInPath",
         required: false,
-        fieldType: "text",
+        fieldType: "checkbox",
       },
     },
     {
@@ -408,6 +412,7 @@ const ReportGrid: React.FC = () => {
         <ReportParameterGrid selectedRecord={selectedRecord} />
       </ReportParameterWindow>
       <TemplateGrid
+        attachment={{ attachmentCode: "JASPER_REPORTS" }}
         apiActions={apiActions}
         data={data}
         setData={setData}
@@ -474,10 +479,7 @@ const ReportGrid: React.FC = () => {
               toast.error("You must enter the jasper report name");
               return false;
             }
-            if (record?.reportType === "Jasper" && !record?.reportJasperPath) {
-              toast.error("You must enter the jasper report path");
-              return false;
-            }
+
             if (
               record?.reportType === "Blueprint" &&
               !record?.reportBluePrintId

package/src/components/common/Home.tsx

@@ -8,8 +8,7 @@ import AttachmentPanel from "../templates/attachment/AttachmentPanel";
 import { useSelector } from "react-redux";
 
 const Home: React.FC = () => {
-  const AppInfo = useSelector((state: any) => state.AppInfo.value);
-  console.log("AppInfo", AppInfo);
+  const AppInfo = useSelector((state: any) => state.AppInfo.value);  
   return (
     <Box
       sx={{

package/src/components/common/MyNotificationsPanel.tsx

@@ -34,7 +34,6 @@ const MyNotificationsPanel: React.FC = () => {
         showMask: false,
         successCallBkFn: (response: any) => {
           setNotifications(response.data);
-          console.log(response.data);
         },
       });
     }

package/src/components/templates/DataEntryTemplates/TemplateDataForm/TemplateForm.tsx

@@ -341,7 +341,6 @@ const TemplateForm: React.FC<TemplateFormProps> = (
           }
           onClick={formManager.handleSubmit(
             (values) => {
-              console.log("form values", values);
               saveRecord(values);
             },
             (errors) => {

package/src/components/templates/report/ExcelReportViewer.tsx

@@ -27,8 +27,7 @@ const getGridColumnsFromRecord = (data: Array<any>) => {
       },
     };
     formElements.push(formElement);
-  }
-  console.log("formElements", formElements);
+  }  
   return formElements;
 };
 

package/src/components/templates/report/ReportViewer.tsx

@@ -186,8 +186,7 @@ const ReportViewer: React.FC<ReportViewerProps> = (props) => {
             // Clean up
             document.body.removeChild(link);
             window.URL.revokeObjectURL(url);
-          }
-          console.log(response);
+          }          
         },
         failureCallBkFn: (response) => {
           setErrorMessage(

package/src/layout/NavigationTree.tsx

@@ -236,28 +236,32 @@ export default function NavigationTree() {
   const isMobile = useIsMobile();
   const { isUserAuthorized } = useSession();
   const filterData = (data) => {
-    return data
-      .filter(
-        (item: any) =>
-          item.authority === undefined ||
-          item.authority == null ||
-          isUserAuthorized(item.authority)
-      )
-      .map((item: any) => {
-        if (item.children) {
-          item.children = filterData(item.children);
+    const parentItems = [];
+    for (let parentItem of data) {
+      if (
+        parentItem.authority === undefined ||
+        parentItem.authority == null ||
+        isUserAuthorized(parentItem.authority)
+      ) {
+        let newParentItem = structuredClone(parentItem);
+        if (parentItem?.children) {
+          newParentItem.children = filterData(parentItem.children);
         }
-        return item;
-      });
+        parentItems.push(newParentItem);
+      }
+    }
+    return parentItems;
   };
 
   const mergedNavigationItems = [];
   if (AppInfo.enableAdministrationModule) {
-    mergedNavigationItems.push(...NavigationItems);
+    mergedNavigationItems.push(...structuredClone(NavigationItems));
   }
-  mergedNavigationItems.push(...AppInfo.businessNavigationItems);
+  mergedNavigationItems.push(
+    ...structuredClone(AppInfo.businessNavigationItems)
+  );
   const authoriedNavigationItems = filterData(mergedNavigationItems);
-
+  console.log("authoriedNavigationItems", authoriedNavigationItems);
   return (
     <RichTreeView
       items={authoriedNavigationItems}

package/src/layout/TopBar.tsx

@@ -80,9 +80,7 @@ const TopBar: React.FC = () => {
   const handleLogout = async () => {
     try {
       await handleGetRequest({ endPointURI: "api/auth/logout" });
-    } catch (error) {
-      console.log("logout error", error);
-    }
+    } catch (error) {}
     dispatch(UserSessionActions.setUnAuthenticated());
   };
   const toggleSideBar = () => {

package/src/main.tsx

@@ -4,8 +4,8 @@ import { BaseApp } from "./components";
 
 createRoot(document.getElementById("root")!).render(
   <BaseApp
-    apiBaseUrl="http://localhost:8080/api-base"
-    appLogo={"/public/logo.png"}
+    apiBaseUrl="http://192.168.1.2:8081/api-base"
+    appLogo={"/logo.png"}
     appName="UI Base Library"
     appVersion="0.0"
     businessCommonStoresMetaData={{}}

package/src/redux/features/common/CommonStoreSlice.ts

@@ -4,22 +4,22 @@ export type CommonStores = {
   [key: string]: StoreMetaData;
 };
 
-export interface CommonStoresInterface {
+export type CommonStoresInterface = {
   stores: { [key: string]: StoreMetaData };
   storeKeys: Array<String>;
-}
+};
 
 interface setStoreDataProps {
   storeKey: string;
   data: Array<any>;
 }
 
-export interface StoreMetaData {
+export type StoreMetaData = {
   url: string;
   data: Array<any>;
   autoLoad: boolean;
   authority?: string;
-}
+};
 
 export const commonStoresInitialState: CommonStoresInterface = {
   stores: {},
@@ -27,7 +27,7 @@ export const commonStoresInitialState: CommonStoresInterface = {
 };
 
 const commonStoreSlice = createSlice({
-  name: "loadingMask",
+  name: "commonStores",
   initialState: commonStoresInitialState,
   reducers: {
     setStoresMetaData: (state, action) => {

package/src/types/index.ts

@@ -1,2 +1,8 @@
 export type { ExtendedTreeItemProps } from "../navigationItems/index";
 export type * from "../routes/types/index";
+
+export {
+  type CommonStores,
+  type CommonStoresInterface,
+  type StoreMetaData,
+} from "../redux/features/common/CommonStoreSlice";

package/vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import rollupNodePolyFill from "rollup-plugin-polyfill-node";
 import inject from "@rollup/plugin-inject";
+import { terser } from "rollup-plugin-terser";
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -13,8 +14,20 @@ export default defineConfig({
     include: ["fbjs"],
   },
   build: {
+    minify: false,
     rollupOptions: {
-      plugins: [rollupNodePolyFill()],
+      plugins: [
+        rollupNodePolyFill(),
+        terser({
+          compress: {
+            drop_debugger: false,
+            drop_console: false,
+          },
+          format: {
+            comments: false,
+          },
+        }),
+      ],
     },
   },
   server: {