@asaleh37/ui-base 25.6.2-0.4 → 25.6.2

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

@@ -1,71 +1,71 @@
-import { useEffect, useState } from "react";
-import TemplateGrid from "../DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { FormElementProps } from "../DataEntryTemplates/DataEntryTypes";
-
-type ExcelReportViewerProps = {
-  reportData: Array<any>;
-  setReportData: (data) => void;
-  reloadReport: () => void;
-  gridLoadParameters?: Array<FormElementProps>;
-  gridLoadParametersValues?: { [key: string]: any };
-  setGridLoadParametersValues?: any;
-};
-
-const getGridColumnsFromRecord = (data: Array<any>) => {
-  if (data.length === 0) {
-    return [];
-  }
-  const formElements: Array<FormElementProps> = [];
-  for (const key of Object.keys(data[0])) {
-    const formElement: FormElementProps = {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: key,
-        fieldName: key,
-        fieldType: "text",
-      },
-    };
-    formElements.push(formElement);
-  }  
-  return formElements;
-};
-
-const ExcelReportViewer: React.FC<ExcelReportViewerProps> = (props) => {
-  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={data}
-      disableDefaultAction={true}
-      setData={props.setReportData}
-      formElements={getGridColumnsFromRecord(props.reportData)}
-      gridLoadParameters={props.gridLoadParameters}
-      gridLoadParametersValues={props.gridLoadParametersValues}
-      setGridLoadParametersValues={props.setGridLoadParametersValues}
-      editMode={{ editMode: "none" }}
-      girdIcon={"file-excel"}
-      gridTitle="Report"
-      autoLoad={true}
-      keyColumnName={"report_record_data_key"}
-      hideInfoBar={true}
-      apiActions={{
-        deleteRecordById: async () => {
-          return true;
-        },
-        loadRecordById: async () => {},
-        reloadData: async () => {
-          props.reloadReport();
-        },
-        saveRecord: async () => {},
-      }}
-    />
-  );
-};
-
-export default ExcelReportViewer;
+import { useEffect, useState } from "react";
+import TemplateGrid from "../DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../DataEntryTemplates/DataEntryTypes";
+
+type ExcelReportViewerProps = {
+  reportData: Array<any>;
+  setReportData: (data) => void;
+  reloadReport: () => void;
+  gridLoadParameters?: Array<FormElementProps>;
+  gridLoadParametersValues?: { [key: string]: any };
+  setGridLoadParametersValues?: any;
+};
+
+const getGridColumnsFromRecord = (data: Array<any>) => {
+  if (data.length === 0) {
+    return [];
+  }
+  const formElements: Array<FormElementProps> = [];
+  for (const key of Object.keys(data[0])) {
+    const formElement: FormElementProps = {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: key,
+        fieldName: key,
+        fieldType: "text",
+      },
+    };
+    formElements.push(formElement);
+  }  
+  return formElements;
+};
+
+const ExcelReportViewer: React.FC<ExcelReportViewerProps> = (props) => {
+  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={data}
+      disableDefaultAction={true}
+      setData={props.setReportData}
+      formElements={getGridColumnsFromRecord(props.reportData)}
+      gridLoadParameters={props.gridLoadParameters}
+      gridLoadParametersValues={props.gridLoadParametersValues}
+      setGridLoadParametersValues={props.setGridLoadParametersValues}
+      editMode={{ editMode: "none" }}
+      girdIcon={"file-excel"}
+      gridTitle="Report"
+      autoLoad={true}
+      keyColumnName={"report_record_data_key"}
+      hideInfoBar={true}
+      apiActions={{
+        deleteRecordById: async () => {
+          return true;
+        },
+        loadRecordById: async () => {},
+        reloadData: async () => {
+          props.reloadReport();
+        },
+        saveRecord: async () => {},
+      }}
+    />
+  );
+};
+
+export default ExcelReportViewer;