Map Controls Leaflet upgrade (React 18, Leaflet 1.8.0 en React Leaflet 4.0.0)

[hansgrimm]

Aanleiding

In Leaflet release 1.8.0 zijn een aantal issues op het gebied van toegankelijkheid opgelost, zie Leaflet/Leaflet#8021. O.a. het issue rond de sluitlink van een leaflet popup heeft geen duidelijk label “×”.

Werkzaamheden

Om Leaflet 1.8.0 te kunnen gebruiken zijn een aantal upgrades nodig:

• React 18
• React-Leaflet 4.0.0
• Leaflet 1.8.0
  Voordat de gebruikerstoepassingen deze upgrades kunnen uitvoeren zal er de DSO Toolkit release moeten zijn met dezelfde versies. Concurrent versions?

[tfrijsewijk]

Om deze update te realiseren moest Storybook ook naar 6.5.9.

Daarnaast moest de Stencil "React" output target worden gepatched met patch-package (ionic-team/stencil-ds-output-targets#259 (comment)).

In de DSO Storybooks is nu een error over "React 18", die kan veilig worden genegeerd volgens storybookjs/storybook#17831. Er komt binnenkort een Storybook release aan met volledige React 18 support.