Feature :: Table sort disable/enable (#4142)

* feat :: disable sorting

* disable action buttons

* cleanup

* cleanup

* revert :: unwanted changes

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

@@ -81,6 +81,7 @@ export function Table({
     parsedDisabledState,
     actionButtonRadius,
     actions,
+    disabledSort,
   } = loadPropertiesAndStyles(properties, styles, darkMode, component);
 
   const { t } = useTranslation();
@@ -347,6 +348,7 @@ export function Table({
       pageCount: -1,
       manualPagination: false,
       getExportFileBlob,
+      disableSortBy: disabledSort,
       manualSortBy: serverSideSort,
     },
     useFilters,

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

@@ -3,6 +3,7 @@ import React from 'react';
 const generateActionsData = ({ actions, columnSizes, defaultColumn, fireEvent, setExposedVariables }) => {
   const leftActions = () => actions.filter((action) => action.position === 'left');
   const rightActions = () => actions.filter((action) => [undefined, 'right'].includes(action.position));
+
   const leftActionsCellData =
     leftActions().length > 0
       ? [

frontend/src/Editor/Components/Table/load-properties-and-styles.js

@@ -5,6 +5,7 @@ export default function loadPropertiesAndStyles(properties, styles, darkMode, co
   if (typeof serverSidePagination !== 'boolean') serverSidePagination = false;
 
   const serverSideSearch = properties.serverSideSearch ?? false;
+  const disabledSort = properties?.disabledSort ?? false;
 
   const serverSideSort = properties.serverSideSort ?? false;
 
@@ -70,5 +71,6 @@ export default function loadPropertiesAndStyles(properties, styles, darkMode, co
     actionButtonRadius,
     loadingState,
     actions,
+    disabledSort,
   };
 }

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

@@ -862,6 +862,7 @@ class TableComponent extends React.Component {
       'showBulkUpdateActions',
       'showBulkSelector',
       'highlightSelectedRow',
+      'disabledSort',
       'serverSideSort',
       'serverSideFilter',
     ];

frontend/src/Editor/WidgetManager/widgetConfig.js

@@ -141,6 +141,13 @@ export const widgets = [
           schema: { type: 'boolean' },
         },
       },
+      disabledSort: {
+        type: 'toggle',
+        displayName: 'Disable sorting',
+        validation: {
+          schema: { type: 'boolean' },
+        },
+      },
       clientSidePagination: {
         type: 'toggle',
         displayName: 'Client-side pagination',