From 340c9480c2c02936b6fd955c2a810e2574ee853c Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Wed, 16 Feb 2022 15:00:18 +0000
Subject: [PATCH] add row selection numbers

---
 packages/bbui/src/Table/Table.svelte          |  8 +++---
 .../src/components/app/DataProvider.svelte    | 28 +++++++++++--------
 packages/client/src/stores/rowSelection.js    |  3 +-
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/packages/bbui/src/Table/Table.svelte b/packages/bbui/src/Table/Table.svelte
index 263a9ce656..c2bf8cb8a9 100644
--- a/packages/bbui/src/Table/Table.svelte
+++ b/packages/bbui/src/Table/Table.svelte
@@ -31,7 +31,6 @@
   export let disableSorting = false
   export let allowSelectAllRows = false
   const dispatch = createEventDispatcher()
-
   // Config
   const rowHeight = 55
   const headerHeight = 36
@@ -219,9 +218,10 @@
     if (!allowSelectRows) {
       return
     }
-    if (
-      selectedRows.findIndex(selectedRow => selectedRow._id === row._id) === 0
-    ) {
+    if (selectedRows.some(selectedRow => selectedRow._id === row._id)) {
+      console.log("hello")
+      console.log(row)
+
       selectedRows = selectedRows.filter(
         selectedRow => selectedRow._id !== row._id
       )
diff --git a/packages/client/src/components/app/DataProvider.svelte b/packages/client/src/components/app/DataProvider.svelte
index 69b2ccfc82..f2f09c2360 100644
--- a/packages/client/src/components/app/DataProvider.svelte
+++ b/packages/client/src/components/app/DataProvider.svelte
@@ -11,7 +11,8 @@
   export let limit
   export let paginate
 
-  const { styleable, Provider, ActionTypes, API } = getContext("sdk")
+  const { styleable, Provider, ActionTypes, API, rowSelectionStore } =
+    getContext("sdk")
   const component = getContext("component")
 
   // We need to manage our lucene query manually as we want to allow components
@@ -139,14 +140,19 @@
         <slot />
       {/if}
       {#if paginate && $fetch.supportsPagination}
-        <div class="pagination">
-          <Pagination
-            page={$fetch.pageNumber + 1}
-            hasPrevPage={$fetch.hasPrevPage}
-            hasNextPage={$fetch.hasNextPage}
-            goToPrevPage={fetch.prevPage}
-            goToNextPage={fetch.nextPage}
-          />
+        <div class="footer">
+          <div class="rowSelection">
+            {$rowSelectionStore.length} record(s) selected
+          </div>
+          <div>
+            <Pagination
+              page={$fetch.pageNumber + 1}
+              hasPrevPage={$fetch.hasPrevPage}
+              hasNextPage={$fetch.hasNextPage}
+              goToPrevPage={fetch.prevPage}
+              goToNextPage={fetch.nextPage}
+            />
+          </div>
         </div>
       {/if}
     {/if}
@@ -167,10 +173,10 @@
     align-items: center;
     height: 100px;
   }
-  .pagination {
+  .footer {
     display: flex;
     flex-direction: row;
-    justify-content: flex-end;
+    justify-content: space-between;
     align-items: center;
     margin-top: var(--spacing-xl);
   }
diff --git a/packages/client/src/stores/rowSelection.js b/packages/client/src/stores/rowSelection.js
index 40a86072f6..13d54a1b88 100644
--- a/packages/client/src/stores/rowSelection.js
+++ b/packages/client/src/stores/rowSelection.js
@@ -4,9 +4,8 @@ const createRowSelectionStore = () => {
   const store = writable([])
 
   function update(rows) {
-    console.log(rows)
     store.update(state => {
-      state = rows
+      state = [...rows]
       return state
     })
   }