From a56aa9c954c1cd96ac5f0de1f645d64b90f2f5f3 Mon Sep 17 00:00:00 2001
From: Sherfin Shamsudeen <sherfin@tooljet.io>
Date: Mon, 13 Sep 2021 15:37:07 +0530
Subject: [PATCH] Add property to show or hide bulk update actions on Table
 (#739)

---
 frontend/src/Editor/Components/Table/Table.jsx     | 5 ++++-
 frontend/src/Editor/Components/components.js       | 2 ++
 frontend/src/Editor/Inspector/Components/Table.jsx | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index c25adeffde..0ff84693ee 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -53,6 +53,9 @@ export function Table({
   const showFilterButtonProperty = component.definition.properties.showFilterButton?.value;
   const showFilterButton = resolveWidgetFieldValue(showFilterButtonProperty, currentState) ?? true; // default is true for backward compatibility
 
+  const showBulkUpdateActionsProperty = component.definition.properties.showBulkUpdateActions?.value;
+  const showBulkUpdateActions = resolveWidgetFieldValue(showBulkUpdateActionsProperty, currentState) ?? true; // default is true for backward compatibility
+
   const clientSidePaginationProperty = component.definition.properties.clientSidePagination?.value;
   const clientSidePagination = resolveWidgetFieldValue(clientSidePaginationProperty, currentState) ?? !serverSidePagination; // default is true for backward compatibility
 
@@ -785,7 +788,7 @@ export function Table({
               }
             </div>
 
-            {Object.keys(componentState.changeSet || {}).length > 0 && (
+            {(showBulkUpdateActions && Object.keys(componentState.changeSet || {}).length > 0) && (
               <div className="col">
                 <button
                   className={`btn btn-primary btn-sm ${componentState.isSavingChanges ? 'btn-loading' : ''}`}
diff --git a/frontend/src/Editor/Components/components.js b/frontend/src/Editor/Components/components.js
index 687a8dabf8..c66a817447 100644
--- a/frontend/src/Editor/Components/components.js
+++ b/frontend/src/Editor/Components/components.js
@@ -17,6 +17,7 @@ export const componentTypes = [
       displaySearchBox: { type: 'toggle', displayName: 'Show search box' },
       showDownloadButton: { type: 'toggle', displayName: 'Show download button' },
       showFilterButton: { type: 'toggle', displayName: 'Show filter button' },
+      showBulkUpdateActions: { type: 'toggle', displayName: 'Show bulk update actions' },
     },
     others: {
       showOnDesktop: { type: 'toggle', displayName: 'Show on desktop? ' },
@@ -76,6 +77,7 @@ export const componentTypes = [
             { name: 'email', id: 'afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f' },
           ],
         },
+        showBulkUpdateActions: { value: true },
       },
       events: [],
       styles: {
diff --git a/frontend/src/Editor/Inspector/Components/Table.jsx b/frontend/src/Editor/Inspector/Components/Table.jsx
index 1298befd88..1ba514781c 100644
--- a/frontend/src/Editor/Inspector/Components/Table.jsx
+++ b/frontend/src/Editor/Inspector/Components/Table.jsx
@@ -595,6 +595,7 @@ class Table extends React.Component {
           {displaySearchBox && renderElement(component, componentMeta, paramUpdated, dataQueries, 'serverSideSearch', 'properties', currentState)}
           {renderElement(component, componentMeta, paramUpdated, dataQueries, 'showDownloadButton', 'properties', currentState)}
           {renderElement(component, componentMeta, paramUpdated, dataQueries, 'showFilterButton', 'properties', currentState)}
+          {renderElement(component, componentMeta, paramUpdated, dataQueries, 'showBulkUpdateActions', 'properties', currentState)}
 
           {Object.keys(componentMeta.styles).map((style) => renderElement(component, componentMeta, paramUpdated, dataQueries, style, 'styles', currentState, components))}
           <div className="hr-text">Events</div>