react-grid-layout 1.5.3 → 2.1.0

package/package.json

@@ -1,18 +1,85 @@
 {
   "name": "react-grid-layout",
-  "version": "1.5.3",
+  "version": "2.1.0",
   "description": "A draggable and resizable grid layout with responsive breakpoints, for React.",
-  "main": "index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./core": {
+      "import": {
+        "types": "./dist/core.d.mts",
+        "default": "./dist/core.mjs"
+      },
+      "require": {
+        "types": "./dist/core.d.ts",
+        "default": "./dist/core.js"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react.d.mts",
+        "default": "./dist/react.mjs"
+      },
+      "require": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.js"
+      }
+    },
+    "./legacy": {
+      "import": {
+        "types": "./dist/legacy.d.mts",
+        "default": "./dist/legacy.mjs"
+      },
+      "require": {
+        "types": "./dist/legacy.d.ts",
+        "default": "./dist/legacy.js"
+      }
+    },
+    "./extras": {
+      "import": {
+        "types": "./dist/extras.d.mts",
+        "default": "./dist/extras.mjs"
+      },
+      "require": {
+        "types": "./dist/extras.d.ts",
+        "default": "./dist/extras.js"
+      }
+    },
+    "./css/styles.css": "./css/styles.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "css",
+    "index.js",
+    "index-dev.js"
+  ],
   "scripts": {
     "lint": "make lint",
     "test": "make test",
+    "test:match": "NODE_ENV=test npx jest --testPathPatterns",
     "build": "make build",
+    "build:ts": "tsup",
+    "build:ts:watch": "tsup --watch",
+    "typecheck": "tsc --noEmit",
     "build-example": "make build-example",
     "view-example": "make view-example",
-    "dev": "npx @react-grab/claude-code@latest && make dev",
+    "dev": "make dev",
     "prepublishOnly": "make build",
     "validate": "npm ls",
-    "flow": "flow",
     "fmt": "prettier --write .",
     "fmt:check": "prettier --check ."
   },
@@ -33,9 +100,9 @@
   "author": "Samuel Reed <samuel.trace.reed@gmail.com> (http://strml.net/)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/STRML/react-grid-layout/issues"
+    "url": "https://github.com/react-grid-layout/react-grid-layout/issues"
   },
-  "homepage": "https://github.com/STRML/react-grid-layout",
+  "homepage": "https://github.com/react-grid-layout/react-grid-layout",
   "dependencies": {
     "clsx": "^2.1.1",
     "fast-equals": "^4.0.3",
@@ -52,45 +119,51 @@
     "@babel/core": "^7.27.4",
     "@babel/eslint-parser": "^7.27.5",
     "@babel/plugin-transform-class-properties": "^7.18.6",
-    "@babel/plugin-transform-flow-comments": "^7.27.3",
     "@babel/preset-env": "^7.27.2",
-    "@babel/preset-flow": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.28.5",
     "@babel/register": "^7.27.1",
-    "@webpack-cli/serve": "^2.0.5",
-    "babel-jest": "^29.7.0",
-    "babel-loader": "^9.1.3",
+    "@eslint/compat": "^1.2.0",
+    "@eslint/js": "^9.0.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@webpack-cli/serve": "^3.0.1",
+    "babel-jest": "^30.2.0",
+    "babel-loader": "^10.0.0",
     "babel-plugin-preval": "^5.1.0",
-    "css-loader": "^6.8.1",
+    "css-loader": "^7.1.2",
     "ejs": "^3.1.10",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.8",
-    "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.54.0",
-    "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-mocha": "^10.2.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-mocha": "^11.2.0",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-unicorn": "^49.0.0",
-    "exports-loader": "^4.0.0",
-    "flow-bin": "^0.172.0",
-    "husky": "^8.0.3",
-    "imports-loader": "^4.0.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.1.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-unicorn": "^62.0.0",
+    "exports-loader": "^5.0.0",
+    "globals": "^16.0.0",
+    "husky": "^9.1.7",
+    "imports-loader": "^5.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "lint-staged": "^16.2.7",
     "lodash": "^4.17.21",
     "opener": "^1.5.2",
     "prettier": "^3.1.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-grab": "^0.0.71",
     "react-hot-loader": "^4.13.1",
     "react-transform-hmr": "^1.0.2",
-    "style-loader": "^3.3.3",
+    "style-loader": "^4.0.0",
     "timsort": "^0.3.0",
-    "webpack": "^5.89.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.49.0",
+    "webpack": "^5.92.0",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   },
   "resolutions": {
     "**/cheerio": "npm:cheerio@1.0.0-rc.12"
@@ -109,11 +182,10 @@
     "setupFilesAfterEnv": [
       "<rootDir>test/util/setupTests.js"
     ],
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ],
     "testMatch": [
-      "<rootDir>/test/spec/*.js"
+      "<rootDir>/test/spec/*.js",
+      "<rootDir>/test/spec/*.ts",
+      "<rootDir>/test/spec/*.tsx"
     ],
     "testEnvironment": "jsdom",
     "testEnvironmentOptions": {
@@ -121,11 +193,32 @@
     },
     "coverageThreshold": {
       "global": {
-        "statements": 77,
-        "branches": 72,
-        "functions": 77,
-        "lines": 78
+        "statements": 65,
+        "branches": 60,
+        "functions": 65,
+        "lines": 65
       }
+    },
+    "transform": {
+      "^.+\\.(js|jsx)$": "babel-jest",
+      "^.+\\.(ts|tsx)$": [
+        "babel-jest",
+        {
+          "presets": [
+            "@babel/preset-typescript"
+          ]
+        }
+      ]
+    },
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json"
+    ],
+    "moduleNameMapper": {
+      "^(\\.{1,2}/.*)\\.js$": "$1"
     }
   },
   "lint-staged": {

package/.babelrc.js

@@ -1,22 +0,0 @@
-// @flow
-
-const es6Compat =
-  process.env.BABEL_ES_COMPAT === "6" || process.env.NODE_ENV === "test";
-
-module.exports = {
-  presets: [
-    [
-      "@babel/preset-env",
-      {
-        targets: es6Compat ? "maintained node versions" : "> 0.25%, not dead"
-      }
-    ],
-    "@babel/react",
-    "@babel/preset-flow"
-  ],
-  plugins: [
-    "@babel/plugin-transform-flow-comments",
-    "@babel/plugin-transform-class-properties",
-    "babel-plugin-preval"
-  ]
-};

package/.browserslistrc

@@ -1,3 +0,0 @@
-> 0.25%
-ie 11
-not dead

package/.eslintignore

@@ -1,4 +0,0 @@
-node_modules/**/*
-build
-dist
-flow-typed

package/.flowconfig

@@ -1,20 +0,0 @@
-[version]
-^0.172.0
-
-[ignore]
-<PROJECT_ROOT>/build/.*
-<PROJECT_ROOT>/dist/.*
-<PROJECT_ROOT>/node_modules/resolve/.*
-<PROJECT_ROOT>/node_modules/.*/resolve/.*
-# Speeds parsing:
-.*/node_modules/@babel.*
-.*/node_modules/babel.*
-
-[include]
-
-[libs]
-flow-typed/
-
-[options]
-emoji=true
-module.use_strict=true

package/.prettierignore

@@ -1,4 +0,0 @@
-dist/
-examples/
-__mocks__/
-flow-typed/

package/.prettierrc

@@ -1,17 +0,0 @@
-{
-  "printWidth": 80,
-  "tabWidth": 2,
-  "useTabs": false,
-  "semi": true,
-  "singleQuote": false,
-  "quoteProps": "as-needed",
-  "jsxSingleQuote": false,
-  "trailingComma": "none",
-  "bracketSpacing": true,
-  "arrowParens": "avoid",
-  "requirePragma": false,
-  "insertPragma": false,
-  "proseWrap": "preserve",
-  "htmlWhitespaceSensitivity": "css",
-  "endOfLine": "auto"
-}