From e848316137fa5645c39d8a56bac72b5bd390e022 Mon Sep 17 00:00:00 2001
From: Dmitriy Danilov <daniloff200@gmail.com>
Date: Thu, 3 Nov 2022 14:08:21 +0200
Subject: [PATCH] Small fixes for Server-side filter button (#4571) (#4580)

* Small fixes for Server-side filter button (#4571)

* fixes: show/hide server side filter toggle button when with resp to show filter button toggle

Co-authored-by: arpitnath <arpitnath42@gmail.com>
Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
---
 frontend/src/Editor/Inspector/Components/Table.jsx | 7 +++++--
 frontend/src/Editor/WidgetManager/widgetConfig.js  | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/Inspector/Components/Table.jsx b/frontend/src/Editor/Inspector/Components/Table.jsx
index 5ca7899a45..34d289e846 100644
--- a/frontend/src/Editor/Inspector/Components/Table.jsx
+++ b/frontend/src/Editor/Inspector/Components/Table.jsx
@@ -783,6 +783,9 @@ class TableComponent extends React.Component {
     if (!component.component.definition.properties.displaySearchBox)
       paramUpdated({ name: 'displaySearchBox' }, 'value', true, 'properties');
     const displaySearchBox = component.component.definition.properties.displaySearchBox.value;
+    const displayServerSideFilter = component.component.definition.properties.showFilterButton?.value
+      ? resolveReferences(component.component.definition.properties.showFilterButton?.value, currentState)
+      : false;
     const serverSidePagination = component.component.definition.properties.serverSidePagination?.value
       ? resolveReferences(component.component.definition.properties.serverSidePagination?.value, currentState)
       : false;
@@ -931,15 +934,15 @@ class TableComponent extends React.Component {
       ...(serverSidePagination ? ['enableNextButton'] : []),
       ...(serverSidePagination ? ['totalRecords'] : []),
       ...(clientSidePagination && !serverSidePagination ? ['rowsPerPage'] : []),
+      'enabledSort',
       ...(enabledSort ? ['serverSideSort'] : []),
       'serverSideSearch',
       'showDownloadButton',
       'showFilterButton',
+      ...(displayServerSideFilter ? ['serverSideFilter'] : []),
       'showBulkUpdateActions',
       'showBulkSelector',
       'highlightSelectedRow',
-      'enabledSort',
-      'serverSideFilter',
     ];
 
     let renderOptions = [];
diff --git a/frontend/src/Editor/WidgetManager/widgetConfig.js b/frontend/src/Editor/WidgetManager/widgetConfig.js
index b8e7cc8353..35fa83acda 100644
--- a/frontend/src/Editor/WidgetManager/widgetConfig.js
+++ b/frontend/src/Editor/WidgetManager/widgetConfig.js
@@ -384,6 +384,7 @@ export const widgets = [
         totalRecords: { value: '' },
         clientSidePagination: { value: '{{true}}' },
         serverSideSort: { value: '{{false}}' },
+        serverSideFilter: { value: '{{false}}' },
         displaySearchBox: { value: '{{true}}' },
         showDownloadButton: { value: '{{true}}' },
         showFilterButton: { value: '{{true}}' },