@asaleh37/ui-base 1.2.26 → 1.2.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "1.2.26",
+  "version": "1.2.27",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

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

@@ -33,10 +33,16 @@ const getGridColumnsFromRecord = (data: Array<any>) => {
 };
 
 const ExcelReportViewer: React.FC<ExcelReportViewerProps> = (props) => {
-  console.log("reportdata", props.reportData);
+  const [data, setData] = useState([]);
+  useEffect(() => {
+    const newData = props.reportData.map((record, index) => {
+      return { ...record, report_record_data_key: index };
+    });
+    setData(newData);
+  }, [props.reportData]);
   return (
     <TemplateGrid
-      data={props.reportData}
+      data={data}
       disableDefaultAction={true}
       setData={props.setReportData}
       formElements={getGridColumnsFromRecord(props.reportData)}
@@ -47,6 +53,7 @@ const ExcelReportViewer: React.FC<ExcelReportViewerProps> = (props) => {
       girdIcon={"file-excel"}
       gridTitle="Report"
       autoLoad={true}
+      keyColumnName={"report_record_data_key"}
       hideInfoBar={true}
       apiActions={{
         deleteRecordById: async () => {

package/src/main.tsx

@@ -1,11 +1,10 @@
-import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BaseApp } from "./components";
-// import logo from "./assets/logo.png";
+
 
 createRoot(document.getElementById("root")!).render(
   <BaseApp
-    apiBaseUrl="http://localhost:8080/api-base"
+    apiBaseUrl="http://localhost:8080/ezz-residual"
     appLogo={"/public/logo.png"}
     appName="UI Base Library"
     appVersion="0.0"