make datagrid less janky

packages/standard-components/package.json

@@ -36,7 +36,7 @@
   "gitHead": "284cceb9b703c38566c6e6363c022f79a08d5691",
   "dependencies": {
     "@budibase/bbui": "^1.50.1",
-    "@budibase/svelte-ag-grid": "^0.0.13",
+    "@budibase/svelte-ag-grid": "^0.0.16",
     "@fortawesome/fontawesome-free": "^5.14.0",
     "@svelteschool/svelte-forms": "^0.7.0",
     "apexcharts": "^3.22.1",

packages/standard-components/src/DataGrid/Component.svelte

@@ -140,12 +140,6 @@
   }
 </script>
 
-<svelte:head>
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" />
-</svelte:head>
-
 <div class="container" style="--grid-height: {height}px">
   {#if dataLoaded}
     {#if canAddDelete}
@@ -153,9 +147,7 @@
         {#if selectedRows.length > 0}
           <DeleteButton text small on:click={modal.show()}>
             <Icon name="addrow" />
-            Delete
+            Delete {selectedRows.length} row(s)
-            {selectedRows.length}
-            row(s)
           </DeleteButton>
         {/if}
       </div>

packages/standard-components/src/index.js

@@ -1,4 +1,5 @@
 import "@budibase/bbui/dist/bbui.css"
+import "flatpickr/dist/flatpickr.css"
 
 export { default as container } from "./Container.svelte"
 export { default as text } from "./Text.svelte"