Glide Data Grid v6

livebook-dev · Apr 30, 2024 · 05aa361 · 05aa361
1 parent baaa84a
commit 05aa361
Show file tree

Hide file tree

Showing 11 changed files with 1,536 additions and 256 deletions.
diff --git a/assets/data_table/package-lock.json b/assets/data_table/package-lock.json
diff --git a/assets/data_table/package.json b/assets/data_table/package.json
@@ -4,7 +4,7 @@
     "dev": "npm run build -- --watch --dev"
   },
   "dependencies": {
-    "@glideapps/glide-data-grid": "^5.3.2",
+    "@glideapps/glide-data-grid": "^6.0.3",
     "@remixicon/react": "^4.1.1",
     "lodash": "^4.17.21",
     "marked": "^4.2.2",

diff --git a/assets/data_table/src/App.js b/assets/data_table/src/App.js
@@ -155,7 +155,7 @@ export function App({ ctx, data }) {
   const rows = content.page_length;
 
   const drawHeader = useCallback(
-    (args) => {
+    (args, drawContent) => {
       const {
         ctx,
         theme,
@@ -185,7 +185,8 @@ export function App({ ctx, data }) {
         : theme.textHeader;
       const fillInfoStyle = isSelected ? theme.accentLight : theme.textDark;
       const shouldDrawMenu = column.hasMenu === true && isHovered;
-      const hasSummary = column.summary ? true : false;
+      const summary = content.columns[column.sourceIndex - 1].summary;
+      const hasSummary = summary ? true : false;
 
       const fadeWidth = 35;
       const fadeStart = rect.width - fadeWidth;
@@ -250,7 +251,6 @@ export function App({ ctx, data }) {
       );
 
       if (hasSummary) {
-        const summary = content.columns[column.sourceIndex - 1].summary;
         const formattedSummary = Object.fromEntries(
           summary.keys.map((k, i) => [k, summary.values[i]])
         );
@@ -285,7 +285,7 @@ export function App({ ctx, data }) {
         ctx.fill(p);
       }
 
-      return true;
+      drawContent();
     },
     [content]
   );

diff --git a/lib/assets/data_table/build/chunk-2HCNYJTW.js b/lib/assets/data_table/build/chunk-2HCNYJTW.js