Merge pull request #258 from maslianok/v12.0.2

🎄 v12.0.2

Author: maslianok

.eslintignore

@@ -0,0 +1,10 @@
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  printWidth: 120,
+  singleQuote: true,
+};
+
+export default config;

.eslintrc

@@ -1,4 +1,4 @@
-# Handle element resizes like it's 2024!
+# Handle element resizes like it's 2025!
 
 <img src="https://img.shields.io/npm/v/react-resize-detector?style=flat-square" /> <img src="https://img.shields.io/npm/l/react-resize-detector?style=flat-square" /> <img src="https://img.shields.io/npm/dm/react-resize-detector?style=flat-square" /> <img src="https://img.shields.io/bundlejs/size/react-resize-detector?style=flat-square" />
 
@@ -84,7 +84,7 @@ const CustomComponent = () => {
     handleHeight: false,
     refreshMode: 'debounce',
     refreshRate: 1000,
-    onResize
+    onResize,
   });
 
   return <div ref={ref}>{`${width}x${height}`}</div>;
@@ -131,7 +131,7 @@ beforeEach(() => {
   window.ResizeObserver = jest.fn().mockImplementation(() => ({
     observe: jest.fn(),
     unobserve: jest.fn(),
-    disconnect: jest.fn()
+    disconnect: jest.fn(),
   }));
 
   wrapper = mount(<MyComponent />);

.prettierrc.js

@@ -0,0 +1,22 @@
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import reactPlugin from 'eslint-plugin-react';
+import prettierConfig from 'eslint-config-prettier';
+
+export default tseslint.config(
+  {
+    ignores: ['**/build/**', '**/playground/**'],
+  },
+  eslint.configs.recommended,
+  tseslint.configs.recommended,
+  reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat['jsx-runtime'],
+  {
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  prettierConfig,
+);

.prettierrc.mjs

@@ -1,6 +1,6 @@
 {
   "name": "react-resize-detector",
-  "version": "12.0.1",
+  "version": "12.0.2",
   "description": "React resize detector",
   "type": "module",
   "exports": "./build/index.js",
@@ -14,7 +14,6 @@
   },
   "scripts": {
     "build": "rollup -c",
-    "link": "npm link react react-dom",
     "prettier": "prettier --write .",
     "lint": "eslint . --fix",
     "fix": "npm run prettier && npm run lint",
@@ -25,22 +24,21 @@
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.1",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
     "@types/lodash": "^4.17.13",
-    "@types/react": "^19.0.1",
+    "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.1",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react": "^7.37.3",
     "prettier": "^3.4.2",
-    "rollup": "^4.28.1",
-    "rollup-plugin-node-externals": "^7.1.3",
+    "rollup": "^4.29.1",
+    "rollup-plugin-node-externals": "^8.0.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.19.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"

README.md

@@ -1,5 +1,19 @@
 import eslint from '@eslint/js';
 import tseslint from 'typescript-eslint';
-import prettier from 'eslint-config-prettier';
+import reactPlugin from 'eslint-plugin-react';
+import prettierConfig from 'eslint-config-prettier';
 
-export default tseslint.config(eslint.configs.recommended, ...tseslint.configs.recommended, prettier);
+export default tseslint.config(
+  eslint.configs.recommended,
+  tseslint.configs.recommended,
+  reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat['jsx-runtime'],
+  {
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  prettierConfig,
+);

eslint.config.mjs

@@ -12,22 +12,23 @@
   },
   "dependencies": {
     "@radix-ui/themes": "^3.1.6",
-    "lucide-react": "^0.468.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "lucide-react": "^0.469.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-resize-detector": "file:.."
   },
   "devDependencies": {
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^8.57.1",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.3",
     "linklocal": "^2.8.2",
     "prettier": "3.4.2",
     "typescript": "^5.7.2",
-    "typescript-eslint": "^7.18.0",
-    "vite": "^5.4.11"
+    "typescript-eslint": "^8.19.0",
+    "vite": "^6.0.6"
   }
 }