Feature :: SelectRow CSA :: [ Table ] (#4591)

* feat :: prototyping selectrow csa

* fix :: bug

* removed :: logs

* bugfix :: page does not contain whole data changed to rows

* fix :: for table inside modal

* fix:: csa not working for table inside modal

* fix :: table csa in modal

* fix :: multiple event params

frontend/src/Editor/Components/Table/Table.jsx

@@ -455,6 +455,21 @@ export function Table({
     },
     [serverSidePagination, clientSidePagination, setPaginationInternalPageIndex]
   );
+  registerAction(
+    'selectRow',
+    async function (key, value) {
+      const item = tableData.filter((item) => item[key] == value);
+      const row = rows.find((item, index) => item.original[key] == value);
+      if (row != undefined) {
+        const selectedRowDetails = { selectedRow: item[0], selectedRowId: row.id };
+        mergeToTableDetails(selectedRowDetails);
+        setExposedVariables(selectedRowDetails).then(() => {
+          fireEvent('onRowClicked');
+        });
+      }
+    },
+    [JSON.stringify(tableData), JSON.stringify(tableDetails.selectedRow)]
+  );
 
   useEffect(() => {
     const selectedRowsOriginalData = selectedFlatRows.map((row) => row.original);

frontend/src/Editor/Inspector/EventManager.jsx

@@ -601,7 +601,7 @@ export const EventManager = ({
                             const newParam = { ...param, value: value };
                             const params = event?.componentSpecificActionParams ?? [];
                             const newParams = params.map((paramOfParamList) =>
-                              paramOfParamList.handle === param.handle ? newParam : param
+                              paramOfParamList.handle === param.handle ? newParam : paramOfParamList
                             );
                             handlerChanged(index, 'componentSpecificActionParams', newParams);
                           }}

frontend/src/Editor/WidgetManager/widgetConfig.js

@@ -363,6 +363,14 @@ export const widgets = [
           },
         ],
       },
+      {
+        handle: 'selectRow',
+        displayName: 'Select row',
+        params: [
+          { handle: 'key', displayName: 'Key' },
+          { handle: 'value', displayName: 'Value' },
+        ],
+      },
     ],
     definition: {
       others: {