Update minor dependency versions (#1041)

Author: lukasmasuch

.storybook/main.ts renamed to .storybook/main.cjs

@@ -1,8 +1,6 @@
-import { dirname, join } from "path";
-import linaria from "@linaria/vite";
-import { mergeConfig } from "vite";
+const { dirname, join } = require("path");
 
-export default {
+module.exports = {
     stories: ["../**/src/**/*.stories.tsx"],
     addons: [getAbsolutePath("@storybook/addon-docs")],
 
@@ -11,15 +9,17 @@ export default {
     },
 
     async viteFinal(config) {
+        const { mergeConfig } = await import("vite");
+        const linaria = await import("@linaria/vite");
         return mergeConfig(config, {
-            plugins: [linaria()],
+            plugins: [linaria.default()],
         });
     },
 
     framework: {
         name: getAbsolutePath("@storybook/react-vite"),
         options: {},
-    }
+    },
 };
 
 function getAbsolutePath(value) {

package-lock.json

@@ -28,76 +28,76 @@
         "./packages/source"
     ],
     "devDependencies": {
-        "@babel/cli": "^7.16.0",
-        "@babel/core": "^7.9.0",
-        "@babel/plugin-proposal-class-properties": "^7.8.3",
-        "@babel/preset-env": "^7.16.4",
-        "@babel/preset-react": "^7.8.3",
-        "@babel/preset-typescript": "^7.9.0",
+        "@babel/cli": "^7.27.2",
+        "@babel/core": "^7.27.4",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/preset-env": "^7.27.2",
+        "@babel/preset-react": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
         "@faker-js/faker": "^7.6.0",
-        "@linaria/babel-preset": "^4.5.3",
-        "@linaria/cli": "^4.5.3",
-        "@linaria/core": "^4.5.3",
-        "@linaria/esbuild": "^4.5.3",
-        "@linaria/react": "^4.5.3",
+        "@linaria/babel-preset": "^4.5.4",
+        "@linaria/cli": "^4.5.4",
+        "@linaria/core": "^4.5.4",
+        "@linaria/esbuild": "^4.5.4",
+        "@linaria/react": "^4.5.4",
         "@linaria/shaker": "^4.5.3",
-        "@linaria/vite": "^4.5.3",
-        "@linaria/webpack-loader": "^4.5.3",
-        "@storybook/addon-docs": "^9.0.1",
-        "@storybook/addon-links": "^9.0.1",
-        "@storybook/addons": "^7.6.17",
-        "@storybook/react-vite": "^9.0.1",
-        "@storybook/react-webpack5": "^9.0.1",
+        "@linaria/vite": "^4.5.4",
+        "@linaria/webpack-loader": "^4.5.4",
+        "@storybook/addon-docs": "^9.0.11",
+        "@storybook/addon-links": "^9.0.11",
+        "@storybook/addons": "^7.6.20",
+        "@storybook/react-vite": "^9.0.11",
+        "@storybook/react-webpack5": "^9.0.11",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/react": "^16.3.0",
         "@testing-library/react-hooks": "^8.0.1",
-        "@testing-library/user-event": "^14.5.1",
-        "@types/cheerio": "^0.22.30",
-        "@types/lodash": "^4.14.177",
-        "@types/marked": "^4.0.2",
-        "@types/node": "^18.7.13",
-        "@types/prosemirror-commands": "^1.0.4",
-        "@types/prosemirror-inputrules": "^1.0.4",
-        "@types/prosemirror-model": "^1.16.1",
-        "@types/prosemirror-state": "^1.2.8",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/cheerio": "^0.22.35",
+        "@types/lodash": "^4.17.17",
+        "@types/marked": "^4.3.2",
+        "@types/node": "^18.19.112",
+        "@types/prosemirror-commands": "^1.3.0",
+        "@types/prosemirror-inputrules": "^1.2.0",
+        "@types/prosemirror-model": "^1.17.0",
+        "@types/prosemirror-state": "^1.4.0",
         "@types/react": "^16.14.21 || 17.x || 18.x || 19.x",
         "@types/react-dom": "^16.9.5 || 17.x || 18.x || 19.x",
-        "@types/react-syntax-highlighter": "^15.5.5",
-        "@typescript-eslint/eslint-plugin": "^5.30.5",
-        "@typescript-eslint/parser": "^6.4.1",
-        "@typescript-eslint/typescript-estree": "^5.30.5",
-        "@vitejs/plugin-react": "^4.2.0",
-        "babel-loader": "^8.1.0",
+        "@types/react-syntax-highlighter": "^15.5.13",
+        "@typescript-eslint/eslint-plugin": "^5.62.0",
+        "@typescript-eslint/parser": "^6.21.0",
+        "@typescript-eslint/typescript-estree": "^5.62.0",
+        "@vitejs/plugin-react": "^4.5.2",
+        "babel-loader": "^8.4.1",
         "chokidar-cli": "^3.0.0",
-        "clean-css-cli": "^5.6.2",
+        "clean-css-cli": "^5.6.3",
         "concurrently": "^8.2.2",
-        "esbuild": "^0.19.2",
-        "eslint": "^8.19.0",
-        "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-react": "^7.30.1",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-sonarjs": "^0.13.0",
-        "eslint-plugin-unicorn": "^43.0.1",
+        "esbuild": "^0.25.5",
+        "eslint": "^8.57.1",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^4.6.2",
+        "eslint-plugin-sonarjs": "^0.25.1",
+        "eslint-plugin-unicorn": "^43.0.2",
         "http-server": "^14.1.1",
         "jsdom": "^22.1.0",
         "lodash": "^4.17.21",
-        "marked": "^4.0.10",
-        "mini-css-extract-plugin": "^2.6.1",
-        "prettier": "^3.0.2",
+        "marked": "^4.3.0",
+        "mini-css-extract-plugin": "^2.9.2",
+        "prettier": "^3.5.3",
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
-        "react-laag": "^2.0.3",
-        "react-responsive-carousel": "^3.2.7",
-        "react-syntax-highlighter": "^15.4.5",
+        "react-laag": "^2.0.5",
+        "react-responsive-carousel": "^3.2.23",
+        "react-syntax-highlighter": "^15.6.1",
         "react-test-renderer": "^19.1.0",
         "resolve-typescript-plugin": "^2.0.1",
-        "storybook": "^9.0.1",
-        "tsc-esm-fix": "^2.7.8",
-        "typedoc": "^0.25.4",
-        "typescript": "^5.1.6",
+        "storybook": "^9.0.11",
+        "tsc-esm-fix": "^2.20.27",
+        "typedoc": "^0.28.5",
+        "typescript": "^5.8.3",
         "vitest": "^0.34.6",
         "vitest-canvas-mock": "^0.3.3",
-        "webpack": "^5.73.0"
+        "webpack": "^5.99.9"
     },
     "overrides": {
         "storybook": "$storybook"

package.json

@@ -51,25 +51,24 @@
     ],
     "dependencies": {
         "@glideapps/glide-data-grid": "6.0.4-alpha9",
-        "@linaria/react": "^4.5.3",
-        "@toast-ui/editor": "3.1.10",
-        "@toast-ui/react-editor": "3.1.10",
-        "react-select": "^5.8.0"
+        "@linaria/react": "^4.5.4",
+        "@toast-ui/editor": "3.2.2",
+        "@toast-ui/react-editor": "3.2.3",
+        "react-select": "^5.10.1"
     },
     "peerDependencies": {
         "react": "^16.12.0 || 17.x || 18.x || 19.x",
         "react-dom": "^16.12.0 || 17.x || 18.x || 19.x"
     },
     "devDependencies": {
-        "@babel/cli": "^7.16.0",
-        "@types/prosemirror-commands": "^1.0.4",
-        "@types/react": "16.14.21",
-        "eslint": "^8.19.0",
-        "eslint-plugin-import": "^2.22.0",
-        "eslint-plugin-react": "^7.21.5",
-        "eslint-plugin-react-hooks": "^4.2.0",
+        "@babel/cli": "^7.27.2",
+        "@types/prosemirror-commands": "^1.3.0",
+        "eslint": "^8.57.1",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^4.6.2",
         "react-resize-detector": "^7.1.2",
-        "tsc-esm-fix": "^2.7.8",
-        "typescript": "^5.1.6"
+        "tsc-esm-fix": "^2.20.27",
+        "typescript": "^5.8.3"
     }
 }

packages/cells/package.json

@@ -14,7 +14,7 @@
         "rootDir": "./src",
         "outDir": "./dist/cjs",
         "declarationDir": "./dist/dts",
-        "module": "CommonJS",
+        "module": "Node16",
         "verbatimModuleSyntax": false,
         "sourceMap": true
     }

packages/cells/tsconfig.cjs.json

@@ -47,6 +47,7 @@
         "unicorn/prefer-dom-node-text-content": "off",
         "unicorn/consistent-destructuring": "off",
         "unicorn/no-array-reduce": "off",
+        "unicorn/expiring-todo-comments": "off",
         "@typescript-eslint/no-misused-promises": [
             "error",
             {

packages/core/.eslintrc

@@ -57,9 +57,9 @@
     },
     "homepage": "https://grid.glideapps.com",
     "dependencies": {
-        "@linaria/react": "^4.5.3",
+        "@linaria/react": "^4.5.4",
         "canvas-hypertxt": "^1.0.3",
-        "react-number-format": "^5.0.0"
+        "react-number-format": "^5.4.4"
     },
     "peerDependencies": {
         "lodash": "^4.17.19",
@@ -69,13 +69,13 @@
         "react-responsive-carousel": "^3.2.7"
     },
     "devDependencies": {
-        "@babel/cli": "^7.16.0",
+        "@babel/cli": "^7.27.2",
         "@glideapps/ts-helper": "5.0.0",
         "@skypack/package-check": "^0.2.2",
         "@vitest/coverage-v8": "^0.34.6",
-        "eslint": "^8.19.0",
+        "eslint": "^8.57.1",
         "react-resize-detector": "^7.1.2",
-        "tsc-esm-fix": "^2.7.8",
-        "typedoc": "^0.23.13"
+        "tsc-esm-fix": "^2.20.27",
+        "typedoc": "^0.28.5"
     }
 }

packages/core/package.json

@@ -238,7 +238,7 @@ interface BeautifulProps {
     scale?: string;
 }
 
-export const BeautifulWrapper: React.FC<BeautifulProps> = p => {
+export const BeautifulWrapper: React.FC<React.PropsWithChildren<BeautifulProps>> = p => {
     const { title, children, description, className, scale } = p;
 
     const { ref, width, height } = useResizeDetector();

packages/core/src/data-editor/stories/utils.tsx

@@ -9,7 +9,7 @@ import {
     defaultProps,
 } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 
 export default {
     title: "Glide-Data-Grid/DataEditor Demos",
@@ -94,12 +94,12 @@ const ShadowDOMWrapper: React.FC<{
         shadowRoot.append(reactRootContainer);
 
         // Create a React root and render the children inside it
-        ReactDOM.render(<>{render()}</>, reactRootContainer);
+        const root = createRoot(reactRootContainer);
+        root.render(<>{render()}</>);
 
         // Clean up when the component unmounts
         return () => {
-            //   reactRoot.unmount()
-            reactRootContainer.remove();
+            root.unmount();
         };
     }, [render]);
 

packages/core/src/docs/examples/shadow-dom.stories.tsx

@@ -1,12 +1,12 @@
-import type { Theme } from "../../common/styles.js";
-import { assertNever, proveType } from "../../common/support.js";
 import has from "lodash/has.js";
 import type React from "react";
 import type { CSSProperties } from "react";
-import type { SpriteManager } from "./data-grid-sprites.js";
+import type { Theme } from "../../common/styles.js";
+import { assertNever, proveType } from "../../common/support.js";
 import type { OverlayImageEditorProps } from "../data-grid-overlay-editor/private/image-overlay-editor.js";
-import type { ImageWindowLoader } from "./image-window-loader-interface.js";
+import type { SpriteManager } from "./data-grid-sprites.js";
 import type { BaseGridMouseEventArgs } from "./event-args.js";
+import type { ImageWindowLoader } from "./image-window-loader-interface.js";
 
 // Thoughts:
 // rows/columns are called out as selected, but when selected they must also be added
@@ -259,17 +259,17 @@ export function isInnerOnlyCell(cell: InnerGridCell): cell is InnerOnlyGridCell
 export function isReadWriteCell(cell: GridCell): cell is ReadWriteGridCell {
     if (!isEditableGridCell(cell) || cell.kind === GridCellKind.Image) return false;
 
-    if (
-        cell.kind === GridCellKind.Text ||
-        cell.kind === GridCellKind.Number ||
-        cell.kind === GridCellKind.Markdown ||
-        cell.kind === GridCellKind.Uri ||
-        cell.kind === GridCellKind.Custom ||
-        cell.kind === GridCellKind.Boolean
-    ) {
-        return cell.readonly !== true;
+    switch (cell.kind) {
+        case GridCellKind.Text:
+        case GridCellKind.Number:
+        case GridCellKind.Markdown:
+        case GridCellKind.Uri:
+        case GridCellKind.Custom:
+        case GridCellKind.Boolean:
+            return cell.readonly !== true;
+        default:
+            assertNever(cell, "A cell was passed with an invalid kind");
     }
-    assertNever(cell, "A cell was passed with an invalid kind");
 }
 
 /** @category Cells */