5.3.1 (#781)

* 5.3.1-alpha1

* Fix issue where data grid would not understand headers were not hovered when mouse over the rightElement

* Update prettier

* Modernize tooling

* Don't escape for commas, not needed

* Fix eslint

* 5.3.1-alpha2

* Improve naming of escape function

* Fix fuzzy drag handles, fixes #741

* Fix tests

* Resolve issue where editing would accidentally check the wrong cell for read/write.

* restore cyce  checking

* Ensure onCellClicked and renderer onClick events fire under the same conditions, fixes #690

* Fix paste eating some new lines

* 5.3.1-alpha3

* Fix clicking on scrollbars, fixes #762

* Hopefully fix source tests

* Implement cut and fix crasher in paste

* Fix cells tests

* Fix formatting issue with uri cells

* Add tests

* Overhaul copy/paste code to dramatically improve accuracy, compatibility, and remove accidentally encoding nbsp into users apps

* Fix an insane crash report

* Add a couple tests

* Increase test coverage

* Add more missing tests

* More missing tests

* Fix issue with apple numbers paste buffers

* Fix typo

* Add more tests

* More tests for image window loader

* Add distribution test

* Add support for returning bounds of entire scroll area (#788)

* Support returning bounds of entire scroll area

* Add scale to calculation

* Apply PR feedback

* Fix check

* Additional fix

* Fix docs

---------

Co-authored-by: Lukas Masuch <[email protected]>

Author: jassmith

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "root",
-    "version": "5.3.0",
+    "version": "5.3.1-alpha3",
     "scripts": {
         "start": "npm run storybook",
         "version": "./update-version.sh",
@@ -31,12 +31,12 @@
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.9.0",
         "@faker-js/faker": "^7.6.0",
-        "@linaria/babel-preset": "^4.1.3",
-        "@linaria/core": "^4.1.3",
-        "@linaria/esbuild": "^4.1.3",
-        "@linaria/react": "^4.1.3",
-        "@linaria/shaker": "^4.1.3",
-        "@linaria/webpack-loader": "^4.1.3",
+        "@linaria/babel-preset": "^4.5.3",
+        "@linaria/core": "^4.5.3",
+        "@linaria/esbuild": "^4.5.3",
+        "@linaria/react": "^4.5.3",
+        "@linaria/shaker": "^4.5.3",
+        "@linaria/webpack-loader": "^4.5.3",
         "@storybook/addon-actions": "^6.5.12",
         "@storybook/addon-controls": "^6.5.12",
         "@storybook/addon-links": "^6.5.12",
@@ -50,7 +50,7 @@
         "@testing-library/react-hooks": "^8.0.1",
         "@testing-library/user-event": "^13.5.0",
         "@types/cheerio": "^0.22.30",
-        "@types/jest": "^28.1.8",
+        "@types/jest": "^29.5.4",
         "@types/lodash": "^4.14.177",
         "@types/marked": "^4.0.2",
         "@types/node": "^18.7.13",
@@ -63,9 +63,10 @@
         "@types/react-syntax-highlighter": "^15.5.5",
         "@types/testing-library__jest-dom": "^5.14.2",
         "@typescript-eslint/eslint-plugin": "^5.30.5",
-        "@typescript-eslint/parser": "^5.30.5",
+        "@typescript-eslint/parser": "^6.4.1",
         "@typescript-eslint/typescript-estree": "^5.30.5",
         "babel-loader": "^8.1.0",
+        "esbuild": "^0.19.2",
         "eslint": "^8.19.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-react": "^7.30.1",
@@ -74,18 +75,20 @@
         "eslint-plugin-unicorn": "^43.0.1",
         "http-server": "^14.1.1",
         "jest-canvas-mock": "^2.3.1",
+        "jest-environment-jsdom": "^29.6.4",
         "lodash": "^4.17.21",
         "marked": "^4.0.10",
         "mini-css-extract-plugin": "^2.6.1",
+        "prettier": "^3.0.2",
         "react": "^16.12.0 || 17.x",
         "react-dom": "^16.12.0 || 17.x",
         "react-laag": "^2.0.3",
         "react-responsive-carousel": "^3.2.7",
         "react-syntax-highlighter": "^15.4.5",
-        "ts-jest": "^27.0.7",
+        "ts-jest": "^29.1.1",
         "tsc-esm-fix": "^2.7.8",
         "typedoc": "^0.23.13",
-        "typescript": "^4.8.2",
+        "typescript": "^5.1.6",
         "webpack": "^5.73.0"
     }
 }

package.json

@@ -1,6 +1,6 @@
 const { build } = require("esbuild");
 const glob = require("glob");
-const linaria = require("@linaria/esbuild/lib/index").default;
+const linaria = require("@linaria/esbuild").default;
 const { dependencies, peerDependencies } = require("./package.json");
 const fs = require("fs");
 

packages/cells/build.cjs

@@ -6,7 +6,7 @@ export default {
     setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
     testPathIgnorePatterns: ["/node_modules/", "/dist/"],
     transform: {
-        "^.+\\.(ts|tsx)?$": "ts-jest",
+        "^.+\\.(ts|tsx)?$": ["ts-jest", { isolatedModules: true, useESM: true }],
         "^.+\\.(js|jsx)$": "babel-jest",
     },
     globals: {

packages/cells/jest.config.js

@@ -1,6 +1,6 @@
 {
     "name": "@glideapps/glide-data-grid-cells",
-    "version": "5.3.0",
+    "version": "5.3.1-alpha3",
     "description": "Extra cells for glide-data-grid",
     "sideEffects": [
         "**/*.css"
@@ -51,7 +51,7 @@
         "canvas"
     ],
     "dependencies": {
-        "@glideapps/glide-data-grid": "5.3.0",
+        "@glideapps/glide-data-grid": "5.3.1-alpha3",
         "@toast-ui/editor": "3.1.10",
         "@toast-ui/react-editor": "3.1.10",
         "react-select": "^5.2.2"
@@ -66,6 +66,6 @@
         "eslint-plugin-react-hooks": "^4.2.0",
         "react-resize-detector": "^7.1.2",
         "tsc-esm-fix": "^2.7.8",
-        "typescript": "^4.5.2"
+        "typescript": "^5.1.6"
     }
 }

packages/cells/package.json

@@ -1,6 +1,6 @@
 import { styled } from "@linaria/react";
 import * as React from "react";
-import { DataEditor, DataEditorProps, GridCellKind } from "@glideapps/glide-data-grid";
+import { DataEditor, type DataEditorProps, GridCellKind } from "@glideapps/glide-data-grid";
 import { DropdownCell as DropdownRenderer, useExtraCells } from ".";
 import type { StarCell } from "./cells/star-cell";
 import type { SparklineCell } from "./cells/sparkline-cell";
@@ -79,7 +79,9 @@ const BeautifulStyle = styled.div`
         background-color: white;
 
         border-radius: 12px;
-        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
+        box-shadow:
+            rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
+            rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
 
         .sizer-clip {
             border-radius: 12px;

packages/cells/src/cell.stories.tsx

@@ -1,6 +1,6 @@
 import type { ArticleCell } from "./article-cell-types";
 import * as React from "react";
-import { CustomRenderer, getMiddleCenterBias, GridCellKind } from "@glideapps/glide-data-grid";
+import { type CustomRenderer, getMiddleCenterBias, GridCellKind } from "@glideapps/glide-data-grid";
 
 const ArticleCellEditor = React.lazy(async () => await import("./article-cell-editor"));
 

packages/cells/src/cells/article-cell.tsx

@@ -1,6 +1,6 @@
 import {
-    CustomCell,
-    CustomRenderer,
+    type CustomCell,
+    type CustomRenderer,
     getMiddleCenterBias,
     GridCellKind,
     interpolateColors,
@@ -62,6 +62,8 @@ const renderer: CustomRenderer<ButtonCell> = {
         const width = Math.ceil(rect.width - theme.cellHorizontalPadding * 2 - 1);
         const height = Math.ceil(rect.height - theme.cellVerticalPadding * 2 - 1);
 
+        if (width <= 0 || height <= 0) return true;
+
         if (backgroundColor !== undefined) {
             ctx.beginPath();
             roundedRect(ctx, x, y, width, height, borderRadius ?? 0);

packages/cells/src/cells/button-cell.tsx

@@ -2,11 +2,11 @@ import React from "react";
 import { styled } from "@linaria/react";
 
 import {
-    CustomCell,
-    CustomRenderer,
+    type CustomCell,
+    type CustomRenderer,
     drawTextCell,
     GridCellKind,
-    ProvideEditorCallback,
+    type ProvideEditorCallback,
     TextCellEntry,
 } from "@glideapps/glide-data-grid";
 

packages/cells/src/cells/date-picker-cell.tsx

@@ -1,15 +1,15 @@
 import {
-    CustomCell,
-    ProvideEditorCallback,
-    CustomRenderer,
+    type CustomCell,
+    type ProvideEditorCallback,
+    type CustomRenderer,
     getMiddleCenterBias,
     useTheme,
     GridCellKind,
     TextCellEntry,
 } from "@glideapps/glide-data-grid";
 import { styled } from "@linaria/react";
 import * as React from "react";
-import Select, { MenuProps, components } from "react-select";
+import Select, { type MenuProps, components } from "react-select";
 
 interface CustomMenuProps extends MenuProps<any> {}