5.2.0 (#552)

* rem support * 5.2.0-alpha1 * Cleanup handling of drilldowns and make sure iOS handles rems better * 5.2.0-alpha2 * Fix tests * Crash fixes * Maybe fix bug where scroll gets stuck in rare circumstance * 5.2.0-alpha3 * Move fix to the correct location * 5.2.0-alpha4 * Better fix * WIP * Fix tests * 5.2.0-beta1 * Add row marker theme override ability * Add mouse drag to select rows * Some more mild restrictions * 5.2.0-beta2 * Fix SSR again * Fix hook * Ensure right click does not reset selection when right clicking on selection * 5.2.0-beta3 * Make sure allowResize matches the correct resize behavior, fixes #548 * Make spinners more reasonably sized * 5.2.0
glideapps · Nov 15, 2022 · 9095f2d · 9095f2d
1 parent d81adff
commit 9095f2d
Show file tree

Hide file tree

Showing 16 changed files with 508 additions and 115 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "root",
-    "version": "5.1.4",
+    "version": "5.2.0",
     "scripts": {
         "start": "npm run storybook",
         "version": "./update-version.sh",

diff --git a/packages/cells/package.json b/packages/cells/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@glideapps/glide-data-grid-cells",
-    "version": "5.1.4",
+    "version": "5.2.0",
     "description": "Extra cells for glide-data-grid",
     "sideEffects": [
         "**/*.css"
@@ -50,7 +50,7 @@
         "canvas"
     ],
     "dependencies": {
-        "@glideapps/glide-data-grid": "5.1.4",
+        "@glideapps/glide-data-grid": "5.2.0",
         "@toast-ui/editor": "3.1.10",
         "@toast-ui/react-editor": "3.1.10",
         "react-select": "^5.2.2"

diff --git a/packages/cells/src/cells/links-cell.tsx b/packages/cells/src/cells/links-cell.tsx
@@ -98,7 +98,7 @@ const renderer: CustomRenderer<LinksCell> = {
 
         for (const [index, l] of links.entries()) {
             const needsComma = index < links.length - 1;
-            const metrics = measureTextCached(l.title, ctx);
+            const metrics = measureTextCached(l.title, ctx, font);
             const commaMetrics = needsComma ? measureTextCached(l.title + ",", ctx, font) : metrics;
 
             const isHovered = rectHoverX > drawX && rectHoverX < drawX + metrics.width;

diff --git a/packages/cells/src/cells/spinner-cell.tsx b/packages/cells/src/cells/spinner-cell.tsx
@@ -16,16 +16,10 @@ const renderer: CustomRenderer<SpinnerCell> = {
 
         const x = rect.x + rect.width / 2;
         const y = rect.y + rect.height / 2;
-        ctx.arc(
-            x,
-            y,
-            Math.min(12, rect.height / 2 - 2),
-            Math.PI * 2 * progress,
-            Math.PI * 2 * progress + Math.PI * 1.5
-        );
+        ctx.arc(x, y, Math.min(12, rect.height / 6), Math.PI * 2 * progress, Math.PI * 2 * progress + Math.PI * 1.5);
 
         ctx.strokeStyle = theme.textMedium;
-        ctx.lineWidth = 2;
+        ctx.lineWidth = 1.5;
         ctx.stroke();
 
         ctx.lineWidth = 1;

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@glideapps/glide-data-grid",
-    "version": "5.1.4",
+    "version": "5.2.0",
     "description": "React data grid for beautifully displaying and editing large amounts of data with amazing performance.",
     "sideEffects": [
         "**/*.css"

diff --git a/packages/core/src/common/styles.ts b/packages/core/src/common/styles.ts
@@ -68,6 +68,7 @@ export interface Theme {
     cellHorizontalPadding: number;
     cellVerticalPadding: number;
     headerFontStyle: string;
+    headerIconSize: number;
     baseFontStyle: string;
     fontFamily: string;
     editorFontSize: string;
@@ -109,6 +110,8 @@ const dataEditorBaseTheme: Theme = {
     cellHorizontalPadding: 8,
     cellVerticalPadding: 3,
 
+    headerIconSize: 18,
+
     headerFontStyle: "600 13px",
     baseFontStyle: "13px",
     fontFamily: