Update to latest development snapshot of core packages (#376)

.changeset/popular-penguins-chew.md

@@ -0,0 +1,31 @@
+---
+"@open-pioneer/experimental-layout-sidebar": minor
+"@open-pioneer/basemap-switcher": minor
+"@open-pioneer/result-list": minor
+"@open-pioneer/selection": minor
+"@open-pioneer/search": minor
+"@open-pioneer/toc": minor
+"@open-pioneer/coordinate-viewer": minor
+"@open-pioneer/editing": minor
+"@open-pioneer/geolocation": minor
+"@open-pioneer/legend": minor
+"@open-pioneer/map": minor
+"@open-pioneer/map-navigation": minor
+"@open-pioneer/map-test-utils": minor
+"@open-pioneer/map-ui-components": minor
+"@open-pioneer/measurement": minor
+"@open-pioneer/ogc-features": minor
+"@open-pioneer/overview-map": minor
+"@open-pioneer/printing": minor
+"@open-pioneer/scale-bar": minor
+"@open-pioneer/scale-setter": minor
+"@open-pioneer/scale-viewer": minor
+"@open-pioneer/spatial-bookmarks": minor
+"@open-pioneer/theme": minor
+---
+
+Update trails core package dependencies.
+
+-   Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
+-   Removes any obsolete references to `@chakra-ui/system`.
+    This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.

package.json

@@ -53,7 +53,6 @@
             "semver@<7.5.2": ">=7.5.2",
             "tough-cookie@<4.1.3": ">=4.1.3",
             "@mapbox/mapbox-gl-style-spec": "npm:@maplibre/maplibre-gl-style-spec",
-            "chakra-react-select>react-select": "^5.8.0",
             "braces@<3.0.3": ">=3.0.3",
             "ws@>=8.0.0 <8.17.1": ">=8.17.1",
             "fast-loops@<1.1.4": ">=1.1.4",
@@ -66,10 +65,8 @@
         },
         "patchedDependencies": {
             "@changesets/assemble-release-plan@6.0.4": "patches/@changesets__assemble-release-plan.patch",
-            "@chakra-ui/menu@2.2.1": "patches/@chakra-ui__menu@2.2.1.patch",
-            "@chakra-ui/react-use-outside-click@2.2.0": "patches/@chakra-ui__react-use-outside-click@2.2.0.patch",
-            "@chakra-ui/hooks@2.2.1": "patches/@chakra-ui__hooks@2.2.1.patch",
-            "react-select@5.8.0": "patches/react-select@5.8.0.patch"
+            "react-select@5.8.0": "patches/react-select@5.8.0.patch",
+            "@chakra-ui/hooks@2.4.3": "patches/@chakra-ui__hooks.patch"
         }
     },
     "devDependencies": {

patches/@chakra-ui__hooks.patch

@@ -0,0 +1,22 @@
+diff --git a/dist/esm/use-outside-click.mjs b/dist/esm/use-outside-click.mjs
+index 005979a0b8919793aecb901ef269004716395c34..ecc3eaf8b6b7c558c5d204aa9de3b2f2b8afeca6 100644
+--- a/dist/esm/use-outside-click.mjs
++++ b/dist/esm/use-outside-click.mjs
+@@ -49,13 +49,15 @@ function useOutsideClick(props) {
+   }, [handler, ref, savedHandler, state, enabled]);
+ }
+ function isValidEvent(event, ref) {
+-  const target = event.composedPath?.()[0] ?? event.target;
++  // Perform document check on the top level target because a child in a shadow dom is not "contained" in its root document.
++  const target = event.target;
+   if (target) {
+     const doc = getOwnerDocument(target);
+     if (!doc.contains(target))
+       return false;
+   }
+-  return !ref.current?.contains(target);
++
++  return !ref.current?.contains(event.composedPath?.()[0] ?? target);
+ }
+ function getOwnerDocument(node) {
+   return node?.ownerDocument ?? document;