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

Author: jassmith

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",

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"

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;

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;

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"

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: