932529: Need to change the UI design in super market use case sample

MUTHUSELVISF3942 · web-flow · commit 8a5a0d1d8e23 · 2025-01-10T10:31:55.000+05:30
diff --git a/Inventory Management and Invoice Generating/Inventory Application/src/App.tsx b/Inventory Management and Invoice Generating/Inventory Application/src/App.tsx
@@ -96,13 +96,13 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
 
     //Search grid - instance ref property.
     let productSearchGridInstance = useRef<GridComponent>(null);
-    const searchGridToolbarOptions = ["Search"];
+    const searchGridToolbarOptions: any = ["Search"];
     const animationSettings: AnimationSettingsModel = { effect: "None" };
-    const selectionSettings = { mode: "Row", type: "Multiple", checkboxOnly: true };
-    const searchGridSelectionSettings = { mode: "Row", type: "Multiple" };
-    const toolbarOptions = ["Delete"];
-    const wrapSettings = { text: "Header", value: "Header" };
-    const editSettings = {
+    const selectionSettings: any = { mode: "Row", type: "Multiple", checkboxOnly: true };
+    const searchGridSelectionSettings: any = { mode: "Row", type: "Multiple" };
+    const toolbarOptions: any = ["Delete"];
+    const wrapSettings: any = { text: "Header", value: "Header" };
+    const editSettings: any = {
       allowEditing: true,
       allowAdding: true,
       allowDeleting: true,
@@ -121,7 +121,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
     const [currentDateTime, setCurrentDateTime] = useState(new Date());
     let balanceAmount = "";
     let cashPaidAmount = "";
-    const commands = [
+    const commands: any = [
       {
         type: "Cancel",
         buttonOption: {
@@ -224,7 +224,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
       };
 
       useEffect(() => {
-        const generatedBillNo = generateBillNo();
+        const generatedBillNo: any = generateBillNo();
         // Set Bill No to the input field
         const billNoInput = document.getElementById("billNoInput");
         if (billNoInput) {
@@ -249,7 +249,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
       //function to handle customer id input element changes - change event.
       const handleCustomerIDChange = (event): void  => {
         const enteredID: number = parseInt(event.value);
-        const foundCustomer = customerDatabase.find(
+        const foundCustomer: any = customerDatabase.find(
           (customer) => (customer as any).id === enteredID
         );
         if (foundCustomer) {
@@ -286,7 +286,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
     
     // Grid component's Events and Functions
       //Grid action complete event.
-      const actionComplete = (args): void => {
+      const actionComplete = (args: any): void => {
         if (args.action === "add" && args.requestType === "save") {
           const lastRowIndex = gridInstance.current.getRows().length - 1; // Get the index of the last row
           productSearchGridInstance.current.clearSelection();
@@ -329,14 +329,14 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
       };
 
       //Grid created event.
-      const createdGrid = (args?): void => {
+      const createdGrid = (args?: any): void => {
         gridInstance.current.getContent().querySelector(".e-addedrow .e-rowcell .e-checkbox-wrapper").classList.add('e-checkbox-disabled');
       }
 
       //Function to Calculate total savings of the bill amount
-      function computeSavings(dataSource): number {
+      function computeSavings(dataSource: any): number {
         let savings = 0;
-        dataSource.forEach((item) => {
+        dataSource.forEach((item: any) => {
           const MRP = item.MRP;
           const Price = item.Price;
           const Qty = parseFloat(item.Quantity) || 0;
@@ -346,9 +346,9 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
         return savings;
       }
 
-      function totalNetAmount(dataSource): void {
+      function totalNetAmount(dataSource: any): void {
         let totalAmount = 0;
-        dataSource.forEach((item) => {
+        dataSource.forEach((item: any) => {
           if (item.Qty !== 0) {
             totalAmount += item.Total;
           }
@@ -357,14 +357,14 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
       }
     
       //Function to Update savings card element with proper savings amount.
-      function updateSavingsDisplay(dataSource): void {
+      function updateSavingsDisplay(dataSource: any): void {
         const computedSavings = computeSavings(dataSource);
         (document.querySelector("#yourSavings") as HTMLElement).innerHTML =
           "$" + computedSavings.toFixed(2);
       }
 
       //Grid action begin event
-      const actionBegin = (args): void => {
+      const actionBegin = (args: any): void => {
         if (args.requestType === 'save') {
           args.index = (gridInstance.current.pageSettings.currentPage * gridInstance.current.pageSettings.pageSize) - 1;
           productSearchGridInstance.current.clearSelection();
@@ -373,7 +373,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
       };
 
       //Grid before print event.
-      const beforePrint = (args): void => {
+      const beforePrint = (args: any): void => {
         // Cancel default Grid print action
         args.cancel = true;
     
@@ -390,16 +390,16 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
             ? true
             : false;
         function printTable(
-          gridInstance,
-          shopName,
-          billNo,
-          customerName,
-          phoneNumber,
-          address,
-          formattedDateTime,
-          totalAmount,
-          savings,
-          isDoorDelivery,
+          gridInstance: any,
+          shopName: any,
+          billNo: any,
+          customerName: any,
+          phoneNumber: any,
+          address: any,
+          formattedDateTime: any,
+          totalAmount: any,
+          savings: any,
+          isDoorDelivery: any,
         ) {
           let data = gridInstance.dataSource;
           let columnConfig = gridInstance.columns;
@@ -474,7 +474,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
     
             // Header row
             let headerRow = "<thead><tr>";
-            columnConfig.forEach((column) => {
+            columnConfig.forEach((column: any) => {
               if (
                 column.headerText !== "" &&
                 column.headerText !== "Product ID" &&
@@ -513,9 +513,9 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
     
             // Data rows
             printWindow.document.write("<tbody>");
-            data.forEach((item) => {
+            data.forEach((item: any) => {
               let row = "<tr>";
-              columnConfig.forEach((column) => {
+              columnConfig.forEach((column: any) => {
                 if (
                   column.headerText !== "" &&
                   column.headerText !== "Product ID" &&
@@ -662,7 +662,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
       };
       
       //Grid command column delete button - Click event.
-      const commandClick = (args): void  => {
+      const commandClick = (args: any): void  => {
         const rowIndex = parseInt(
           args.target.closest("tr").getAttribute("data-rowindex"),
           10
@@ -694,7 +694,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
                 );
                 if (product) {
                     const isProductExists = (gridInstance.current.dataSource as any).some(
-                        (item) => (item as any).ProductID === (product as any).ProductID
+                        (item: any) => (item as any).ProductID === (product as any).ProductID
                     );
                     if (isProductExists) {
                         alert("Product has already been added.");
@@ -704,7 +704,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
                         (gridInstance.current.dataSource as any).length === 0
                             ? 0
                             : (gridInstance.current.dataSource as any).length - 1;
-                    let editedRowIndex = (gridInstance as any).current.editModule.editModule.editRowIndex; 
+                    let editedRowIndex: any = (gridInstance as any).current.editModule.editModule.editRowIndex; 
                     if(!isNullOrUndefined(editedRowIndex)) {
                       updateRecord(product, editedRowIndex);
                     } else {
@@ -719,7 +719,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
           }
         };
 
-        const updateRecord = (product, editedRowIndex) =>{
+        const updateRecord = (product: any, editedRowIndex: any) =>{
           (document.getElementById(gridInstance.current.element.id + 'ProductID') as any).value = product.ProductID;
           (document.getElementById(gridInstance.current.element.id + 'ProductName') as any).value = product.ProductName;
           (document.getElementById(gridInstance.current.element.id + 'Price') as any).value = product.Price;
@@ -755,11 +755,11 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
           }
         };
       
-        const readProductIDFn = (args) => {
+        const readProductIDFn = (args: any) => {
             return args.value;
         };
 
-        const writeProductIDFn = (args) => {
+        const writeProductIDFn = (args: any) => {
           autocompleteIns = new AutoComplete({
             dataSource: productData.map(product => ({ ProductID: (product as any).ProductID, ProductName: (product as any).ProductName })), // Provide your data source
             fields: { value: 'ProductID' },
@@ -818,7 +818,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
             return args.value;
         };
       
-        const writeProductNameFn = (args) => {
+        const writeProductNameFn = (args: any) => {
           productNameTextBoxIns = new TextBox({
             value: args.rowData[args.column.field],
             placeholder: "Enter product name",
@@ -888,7 +888,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
           return "";
         };
       
-        const writeQuantityFn = (args) => {
+        const writeQuantityFn = (args: any) => {
           quantityTextBoxIns = new TextBox({
             value: args.rowData[args.column.field],
             placeholder: "Enter quantity",
@@ -1014,11 +1014,11 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
     }
     
     //Primary Grid component - Declaration to prevent re-rener on unwanted state changes.
-    const MemorizedGridComponent = React.useMemo(
+    const MemorizedGridComponent: any = React.useMemo(
       () => (
         <GridComponent
           ref={gridInstance}
-          emptyRecordTemplate={() => null}
+          emptyRecordTemplate={(): any => null}
           gridLines="Both"
           height="435px"
           width='100%'
