@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

package/dist/docs/components/mapPolygon.md

@@ -3,13 +3,13 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapPolygon
-*Captured:* 2025-12-15T15:03:18.348Z
+*Captured:* 2026-01-14T09:08:21.043Z
 
 ## Polygon
 
 ### Example: Example 1
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 200 m
 
@@ -22,7 +22,7 @@ Show traffic incidents
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 200 m
 
@@ -38,7 +38,6 @@ Show traffic incidents
 ```tsx
 import { useRef } from 'react';
 
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import EventUtils from '@rio-cloud/rio-uikit/EventUtils';
 import Polygon, { colorMapMarker } from '@rio-cloud/rio-uikit/Polygon';
@@ -85,7 +84,8 @@ export default () => {
         [EventUtils.TAP]: (event: MapEvent) => {
             console.log(event);
 
-            const target = event.target;
+            // biome-ignore lint/suspicious/noExplicitAny: we don't specify here which target element it might be
+            const target = event.target as any;
             console.log({ boundingBox: target.getBoundingBox(), geometry: target.getGeometry() });
 
             console.log({
@@ -125,13 +125,11 @@ export default () => {
             {(api: MapApi) => {
                 mapApiRef.current = api;
 
+                const polygonStyle = { strokeColor: STROKE_COLOR, fillColor: FILL_COLOR } as H.map.SpatialStyle;
+
                 return (
                     <>
-                        <Polygon
-                            points={points}
-                            style={{ strokeColor: STROKE_COLOR, fillColor: FILL_COLOR }}
-                            eventListenerMap={eventListenerMap}
-                        />
+                        <Polygon points={points} style={polygonStyle} eventListenerMap={eventListenerMap} />
                         <Marker
                             position={{ lat: 48.18, lng: 11.5951 }}
                             icon={
@@ -221,7 +219,7 @@ color-highlight-lighter
 color-highlight-lightest
 color-highlight-decent
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 50 km
 
@@ -302,7 +300,7 @@ color-highlight-lighter
 color-highlight-lightest
 color-highlight-decent
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 50 km
 
@@ -318,9 +316,6 @@ Show traffic incidents
 ```tsx
 import { useRef, useState } from 'react';
 
-import { UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT } from '../uikit_demo_credentials';
-
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import EventUtils from '@rio-cloud/rio-uikit/EventUtils';
 import MapSettings from '@rio-cloud/rio-uikit/MapSettings';
@@ -340,6 +335,8 @@ import Polygon, {
 } from '@rio-cloud/rio-uikit/Polygon';
 import Select, { type SelectOption } from '@rio-cloud/rio-uikit/Select';
 
+import { UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT } from '../uikit_demo_credentials';
+
 type HeaderOption = {
     id: string;
     label: string;
@@ -398,7 +395,8 @@ export default () => {
         [EventUtils.TAP]: (event: MapEvent) => {
             console.log(event);
 
-            const target = event.target;
+            // biome-ignore lint/suspicious/noExplicitAny: we don't specify here which target element it might be
+            const target = event.target as any;
             console.log({ boundingBox: target.getBoundingBox(), geometry: target.getGeometry() });
 
             console.log({
@@ -447,16 +445,14 @@ export default () => {
                 {(api: MapApi) => {
                     mapApiRef.current = api;
 
+                    const polygonStyle = {
+                        strokeColor: currentOption?.colors.stroke,
+                        fillColor: currentOption?.colors.fill,
+                    } as H.map.SpatialStyle;
+
                     return (
                         <>
-                            <Polygon
-                                points={points}
-                                style={{
-                                    strokeColor: currentOption?.colors.stroke,
-                                    fillColor: currentOption?.colors.fill,
-                                }}
-                                eventListenerMap={eventListenerMap}
-                            />
+                            <Polygon points={points} style={polygonStyle} eventListenerMap={eventListenerMap} />
                             <Marker
                                 position={{ lat: 48.18, lng: 11.5951 }}
                                 icon={

package/dist/docs/components/mapRoute.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapRoute
-*Captured:* 2025-12-15T15:03:38.173Z
+*Captured:* 2026-01-14T09:08:32.809Z
 
 There are currently 3 different route styles built-in into the map component.
 
@@ -15,7 +15,7 @@ The "alternativeRoute" style is meant for route planning cases and shall show al
 
 ### Example: Example 1
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -28,7 +28,7 @@ Show traffic incidents
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -42,9 +42,8 @@ Show traffic incidents
 #### React (tsx)
 
 ```tsx
-import { useState } from 'react';
+import { useId, useState } from 'react';
 
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import EventUtils from '@rio-cloud/rio-uikit/EventUtils';
 import Route from '@rio-cloud/rio-uikit/Route';
@@ -53,9 +52,9 @@ import SingleMapMarker from '@rio-cloud/rio-uikit/SingleMapMarker';
 import MapSettings from '@rio-cloud/rio-uikit/MapSettings';
 import MapTypeSettings from '@rio-cloud/rio-uikit/MapTypeSettings';
 import Notification from '@rio-cloud/rio-uikit/Notification';
+import type { MapEvent, Position } from '@rio-cloud/rio-uikit/mapTypes';
 
 import { UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT } from '../uikit_demo_credentials';
-import type { MapEvent, Position } from '@rio-cloud/rio-uikit/mapTypes';
 
 const offset = 0.3;
 
@@ -85,25 +84,26 @@ const positions: Position[] = [
 const route2Positions = positions.map(pos => ({ lat: pos.lat, lng: pos.lng + offset }));
 const route3Positions = positions.map(pos => ({ lat: pos.lat, lng: pos.lng + offset * 2 }));
 
-const getRandomValueToForceRerender = () => Math.random();
-
 const Routes = () => {
     const [activeRouteId, setActiveRouteId] = useState(1);
     const isActive = (id: number) => activeRouteId === id;
     const isFirstRouteActive = isActive(1);
     const isSecondRouteActive = isActive(2);
 
+    const route1Key = useId();
+    const route2Key = useId();
+
     const markerEventListenerMap = {
         [EventUtils.TAP]: (event: MapEvent) => {
             event.stopPropagation();
-            setActiveRouteId(event.currentTarget.getData().id);
+            setActiveRouteId((event.currentTarget as H.map.Object).getData().id);
         },
     };
 
     const routeEventListenerMap = {
         [EventUtils.TAP]: (event: MapEvent) => {
             event.stopPropagation();
-            setActiveRouteId(event.currentTarget.getData().id);
+            setActiveRouteId((event.currentTarget as H.map.Object).getData().id);
             Notification.info('Route clicked');
         },
         [EventUtils.POINTER_MOVE]: (event: MapEvent) => {
@@ -115,7 +115,7 @@ const Routes = () => {
     return (
         <>
             <Route
-                key={getRandomValueToForceRerender()}
+                key={route1Key}
                 positions={positions}
                 startIcon={<SingleMapMarker iconNames={['start']} markerColor='bg-map-marker-route' />}
                 endIcon={<SingleMapMarker iconNames={['finish']} markerColor='bg-map-marker-route' />}
@@ -151,7 +151,7 @@ const Routes = () => {
                         }
                     />,
                     <Marker
-                        key='2'
+                        key='3'
                         position={positions[5]}
                         icon={
                             <SingleMapMarker
@@ -164,7 +164,7 @@ const Routes = () => {
                 ]}
             />
             <Route
-                key={getRandomValueToForceRerender()}
+                key={route2Key}
                 positions={route2Positions}
                 hasArrows={false}
                 isRouteAlternative={!isSecondRouteActive}
@@ -255,7 +255,7 @@ export default RouteExample;
 
 ### Example: Example 2
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -270,7 +270,7 @@ Change routeToggle route
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -288,7 +288,6 @@ Change routeToggle route
 ```tsx
 import React, { useState } from 'react';
 
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import Route from '@rio-cloud/rio-uikit/Route';
 import SingleMapMarker from '@rio-cloud/rio-uikit/SingleMapMarker';
@@ -417,7 +416,7 @@ export default RouteWithChangingGeometryExample;
 
 ### Example: Example 3
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -432,7 +431,7 @@ Toggle reduced styleToggle arrows
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -450,7 +449,6 @@ Toggle reduced styleToggle arrows
 ```tsx
 import React, { useState } from 'react';
 
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import Route from '@rio-cloud/rio-uikit/Route';
 import SingleMapMarker from '@rio-cloud/rio-uikit/SingleMapMarker';
@@ -556,7 +554,7 @@ export default RouteWithChangingStylesExample;
 
 ### Example: Example 4
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -569,7 +567,7 @@ Show traffic incidents
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -583,7 +581,6 @@ Show traffic incidents
 #### React (tsx)
 
 ```tsx
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import Route, {
     ROUTE_COLOR_DANGER,
@@ -719,7 +716,7 @@ export default () => {
 
 ### Example: Example 5
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -732,7 +729,7 @@ Show traffic incidents
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -746,7 +743,6 @@ Show traffic incidents
 #### React (tsx)
 
 ```tsx
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import Route, { ROUTE_COLOR_DANGER, ROUTE_COLOR_WARNING, ARROW_COLOR_WARNING } from '@rio-cloud/rio-uikit/Route';
 import SingleMapMarker from '@rio-cloud/rio-uikit/SingleMapMarker';
@@ -877,7 +873,7 @@ export default () => {
 
 ### Example: Example 6
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -2207,7 +2203,7 @@ Segments are separate parts of the route, each containing a list of points, whic
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -3541,8 +3537,6 @@ Segments are separate parts of the route, each containing a list of points, whic
 import { useEffect, useState } from 'react';
 
 import FilePicker from '@rio-cloud/rio-uikit/FilePicker';
-
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Map from '@rio-cloud/rio-uikit/Map';
 import Route, { type RouteStyle } from '@rio-cloud/rio-uikit/Route';
 import Marker from '@rio-cloud/rio-uikit/Marker';
@@ -3680,9 +3674,9 @@ const RouteSandboxExample = () => {
         }
     }, [text, showRouteEvents]);
 
-    const handlePick = async (acceptedFiles: FileList | null) => {
-        if (acceptedFiles) {
-            const newText = await acceptedFiles[0].text();
+    const handlePick = async (files: File[]) => {
+        if (files) {
+            const newText = await files[0].text();
             setText(newText);
         }
     };

package/dist/docs/components/mapRouteGenerator.md

@@ -3,4 +3,4 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapRouteGenerator
-*Captured:* 2025-12-15T15:03:18.708Z
+*Captured:* 2026-01-14T09:08:15.329Z