v4.1.0

PaulLeCam · Sep 24, 2022 · ce8a286 · ce8a286
1 parent 36ee9db
commit ce8a286
Show file tree

Hide file tree

Showing 12 changed files with 947 additions and 945 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## v4.1.0 (2022-09-24)
+
+- Updated Leaflet dependency to v1.9.
+- Fixed `eventHandlers` object being injected in WMS request URL.
+- Added support for dynamic `bounds` props on `ImageOverlay`.
+
 ## v4.0.2 (2022-08-22)
 
 - Fix typos in getting started docs

diff --git a/package.json b/package.json
@@ -2,45 +2,45 @@
   "name": "react-leaflet-repository",
   "version": "1.0.0",
   "private": true,
-  "packageManager": "pnpm@7.5.0",
+  "packageManager": "pnpm@7.12.2",
   "scripts": {
     "lint": "eslint './packages/**/*.ts' './packages/**/*.tsx'",
     "test": "jest",
-    "build": "turbo run build:clean && pnpm run build:types && turbo run build:js"
+    "build": "turbo run build:clean && pnpm run -r build:types && turbo run build:js"
   },
   "devDependencies": {
     "@skypack/package-check": "^0.2.2",
     "@swc/cli": "^0.1.55",
-    "@swc/core": "^1.2.241",
+    "@swc/core": "^1.3.3",
     "@swc/jest": "^0.2.22",
-    "@testing-library/react": "^13.3.0",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/jest": "^28.1.7",
-    "@types/leaflet": "^1.7.11",
+    "@types/jest": "^29.0.3",
+    "@types/leaflet": "^1.8.0",
     "@types/warning": "^3.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.33.1",
-    "@typescript-eslint/parser": "^5.33.1",
+    "@typescript-eslint/eslint-plugin": "^5.38.0",
+    "@typescript-eslint/parser": "^5.38.0",
     "cross-env": "^7.0.3",
     "del-cli": "^5.0.0",
-    "eslint": "^8.22.0",
+    "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-promise": "^6.0.1",
+    "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^28.1.3",
-    "jest-environment-jsdom": "^28.1.3",
-    "leaflet": "^1.8.0",
+    "jest": "^29.0.3",
+    "jest-environment-jsdom": "^29.0.3",
+    "leaflet": "^1.9.1",
     "prettier": "^2.7.1",
     "prettier-eslint": "^15.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "ts-jest-resolver": "^2.0.0",
-    "turbo": "^1.4.3",
-    "typescript": "^4.7.4"
+    "turbo": "^1.5.3",
+    "typescript": "^4.8.3"
   },
   "jest": {
     "projects": [

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-leaflet/core",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "React Leaflet core",
   "repository": {
     "type": "git",
@@ -41,12 +41,12 @@
     "prepublishOnly": "package-check"
   },
   "peerDependencies": {
-    "leaflet": "^1.8.0",
+    "leaflet": "^1.9.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.17",
+    "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6"
   },
   "jest": {

diff --git a/packages/core/src/circle.ts b/packages/core/src/circle.ts
@@ -1,6 +1,8 @@
 import type {
+  Circle as LeafletCircle,
   CircleMarker as LeafletCircleMarker,
   CircleMarkerOptions,
+  CircleOptions,
   LatLngExpression,
 } from 'leaflet'
 import type { ReactNode } from 'react'
@@ -12,8 +14,13 @@ export interface CircleMarkerProps extends CircleMarkerOptions, PathProps {
   children?: ReactNode
 }
 
-export function updateCircle<P extends CircleMarkerProps = CircleMarkerProps>(
-  layer: LeafletCircleMarker,
+export interface CircleProps extends CircleOptions, PathProps {
+  center: LatLngExpression
+  children?: ReactNode
+}
+
+export function updateCircle<P extends CircleMarkerProps | CircleProps>(
+  layer: LeafletCircle<P> | LeafletCircleMarker<P>,
   props: P,
   prevProps: P,
 ) {

diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
@@ -1,5 +1,9 @@
 export { useAttribution } from './attribution.js'
-export { type CircleMarkerProps, updateCircle } from './circle.js'
+export {
+  type CircleMarkerProps,
+  type CircleProps,
+  updateCircle,
+} from './circle.js'
 export {
   createContainerComponent,
   createDivOverlayComponent,

diff --git a/packages/react-leaflet/__tests__/__snapshots__/Pane.tsx.snap b/packages/react-leaflet/__tests__/__snapshots__/Pane.tsx.snap
@@ -48,28 +48,24 @@ exports[`Pane can unmount and remount with the same name 1`] = `
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: -256px; top: -256px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: 0px; top: -256px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: -256px; top: 0px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: 0px; top: 0px;"
               />
@@ -87,28 +83,24 @@ exports[`Pane can unmount and remount with the same name 1`] = `
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: -256px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: 0px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: -256px; top: 0px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: 0px; top: 0px;"
             />
@@ -329,28 +321,24 @@ exports[`Pane can unmount and remount with the same name 3`] = `
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/new-foo-nested"
                 style="width: 256px; height: 256px; left: -256px; top: -256px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/new-foo-nested"
                 style="width: 256px; height: 256px; left: 0px; top: -256px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/new-foo-nested"
                 style="width: 256px; height: 256px; left: -256px; top: 0px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/new-foo-nested"
                 style="width: 256px; height: 256px; left: 0px; top: 0px;"
               />
@@ -368,28 +356,24 @@ exports[`Pane can unmount and remount with the same name 3`] = `
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/new-bar-not-nested"
               style="width: 256px; height: 256px; left: -256px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/new-bar-not-nested"
               style="width: 256px; height: 256px; left: 0px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/new-bar-not-nested"
               style="width: 256px; height: 256px; left: -256px; top: 0px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/new-bar-not-nested"
               style="width: 256px; height: 256px; left: 0px; top: 0px;"
             />
@@ -512,28 +496,24 @@ exports[`Pane renders 1`] = `
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: -256px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: 0px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: -256px; top: 0px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: 0px; top: 0px;"
             />
@@ -656,28 +636,24 @@ exports[`Pane renders in Strict Mode 1`] = `
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: -256px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: 0px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: -256px; top: 0px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: 0px; top: 0px;"
             />
@@ -804,28 +780,24 @@ exports[`Pane renders nested panes 1`] = `
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: -256px; top: -256px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: 0px; top: -256px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: -256px; top: 0px;"
               />
               <img
                 alt=""
                 class="leaflet-tile"
-                role="presentation"
                 src="http://localhost/nested"
                 style="width: 256px; height: 256px; left: 0px; top: 0px;"
               />
@@ -843,28 +815,24 @@ exports[`Pane renders nested panes 1`] = `
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: -256px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: 0px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: -256px; top: 0px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost/not-nested"
               style="width: 256px; height: 256px; left: 0px; top: 0px;"
             />

diff --git a/packages/react-leaflet/__tests__/__snapshots__/TileLayer.tsx.snap b/packages/react-leaflet/__tests__/__snapshots__/TileLayer.tsx.snap
@@ -25,28 +25,24 @@ exports[`TileLayer renders 1`] = `
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: -256px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: 0px; top: -256px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: -256px; top: 0px;"
             />
             <img
               alt=""
               class="leaflet-tile"
-              role="presentation"
               src="http://localhost"
               style="width: 256px; height: 256px; left: 0px; top: 0px;"
             />