add row selection numbers

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 (
+    if (selectedRows.some(selectedRow => selectedRow._id === row._id)) {
-      selectedRows.findIndex(selectedRow => selectedRow._id === row._id) === 0
+      console.log("hello")
-    ) {
+      console.log(row)
+
       selectedRows = selectedRows.filter(
         selectedRow => selectedRow._id !== row._id
       )

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">
+        <div class="footer">
-          <Pagination
+          <div class="rowSelection">
-            page={$fetch.pageNumber + 1}
+            {$rowSelectionStore.length} record(s) selected
-            hasPrevPage={$fetch.hasPrevPage}
+          </div>
-            hasNextPage={$fetch.hasNextPage}
+          <div>
-            goToPrevPage={fetch.prevPage}
+            <Pagination
-            goToNextPage={fetch.nextPage}
+              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);
   }

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
     })
   }