@mappedin/viewer 0.59.4-ea5d866.0 → 0.59.5-3072f0a.0

package/dist/types/src/components/positioner/index.d.ts

@@ -127,7 +127,7 @@ declare const Positioner: import("styled-components").IStyledComponent<"web", {
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -177,6 +177,8 @@ declare const Positioner: import("styled-components").IStyledComponent<"web", {
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/components/search-results/search-result.d.ts

@@ -4,23 +4,14 @@ export declare const SEARCH_RESULT_MAX_WIDTH_DESKTOP = 320;
 export declare const SEARCH_RESULT_HEIGHT: 38;
 export declare const SEARCH_RESULT_HEIGHT_WITH_MATCH_DETAILS: 48;
 export declare const ResultWrapper: import("styled-components").IStyledComponent<"web", {
-    hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
+    id?: string | undefined | undefined;
+    security?: string | undefined | undefined;
+    title?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    security?: string | undefined | undefined;
-    className?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    prefix?: string | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
-    children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
-    nonce?: string | undefined | undefined;
-    tabIndex?: number | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -28,17 +19,24 @@ export declare const ResultWrapper: import("styled-components").IStyledComponent
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
+    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
@@ -57,6 +55,8 @@ export declare const ResultWrapper: import("styled-components").IStyledComponent
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -131,7 +131,7 @@ export declare const ResultWrapper: import("styled-components").IStyledComponent
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -181,6 +181,8 @@ export declare const ResultWrapper: import("styled-components").IStyledComponent
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/components/with-content/index.d.ts

@@ -1,22 +1,13 @@
 import { ComponentProps } from 'react';
 declare const Wrapper: import("styled-components").IStyledComponent<"web", {
-    hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
+    id?: string | undefined | undefined;
+    security?: string | undefined | undefined;
+    title?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    security?: string | undefined | undefined;
-    className?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    prefix?: string | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
-    children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
-    nonce?: string | undefined | undefined;
-    tabIndex?: number | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -24,17 +15,24 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
+    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
@@ -53,6 +51,8 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -127,7 +127,7 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -177,6 +177,8 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/lib/sdk/index.d.ts

@@ -3,6 +3,5 @@ export * from './types';
 export type { TEventPayload, CameraTransform, Geometry } from './types';
 export * from './load-data';
 export * from './hydrate-data';
-export * from './load-annotations';
 export * from './utils';
 export * from './online-directions';

package/dist/types/src/lib/sdk/load-data.d.ts

@@ -9,6 +9,10 @@ export type TLoadDataOptions = Partial<{
 }> & THydrateDataOptions;
 /**
  * Load a public MVF while bypassing the need for API keys.
+ *
+ * Resolves a signed bundle URL from the public Azure function, then hands it to
+ * the SDK via `bundleUri` so the download/parse/hydrate pipeline (including
+ * Range reads and the worker node graph) runs inside `getMapData`.
  */
 export declare const loadData: (mapId: string, url?: string, options?: TLoadDataOptions) => Promise<MapData>;
 /**

package/dist/types/src/lib/utils/icon-utils.d.ts

@@ -1,15 +1,16 @@
-import { Place } from '../sdk';
-type TIconSymbol = {
-    id: string;
-    src: string;
-};
-export declare const SelfServeIcons: {
-    readonly Annotation: Record<string, TIconSymbol>;
-};
+import { Annotation, Place } from '../sdk';
 /**
- * Load a base64 encoded SVG icon from `@mappedin/self-serve-icons`.
+ * Return the CDN URL for an annotation's icon symbol.
+ * @param annotation - The annotation whose icon to resolve
+ * @returns A `https://cdn.mappedin.com/annotator-symbols/...` URL, or undefined if no icon exists
  */
-export declare const loadSelfServeIcon: (type: keyof typeof SelfServeIcons, id: string) => string | undefined;
+export declare const getAnnotationIconUrl: (annotation: Annotation) => string | undefined;
+/**
+ * Return the arrow background colour for an annotation's icon (from the SVG's first rect fill).
+ * @param annotation - The annotation whose icon colour to resolve
+ * @returns A CSS colour string, or undefined if no icon exists
+ */
+export declare const getAnnotationIconBackground: (annotation: Annotation) => string | undefined;
 /**
  * Get an icon from the `ICONS` object as an HTML string.
  */
@@ -27,4 +28,3 @@ export declare const attemptIconUrlForPlace: (place: Place) => string | undefine
  */
 export declare const attemptIconNameForPlace: (place: Place) => string | undefined;
 export declare const getFilledCategoryIconString: (categoryIcon: string) => string | undefined;
-export {};

package/dist/types/src/stores/map-store/controllers/markers.d.ts

@@ -6,7 +6,12 @@ type TMarker = {
     key: string;
     type: string;
     text?: string;
-    elementFn: () => ReactNode | Promise<ReactNode>;
+    elementFn?: () => ReactNode | Promise<ReactNode>;
+    /**
+     * Prebuilt HTML string, or async factory. When set, skips React renderToString.
+     * Prefer this for hot paths (e.g. annotations) — SDK Markers.add only accepts a string.
+     */
+    html?: string | (() => string | Promise<string>);
     onPointerDown?: () => void;
     onClick?: () => void;
     onWheel?: (e: WheelEvent) => void;
@@ -21,6 +26,7 @@ declare class MarkersController {
     private reactionDisposers;
     private markersVisible;
     private sdkMarkersByKey;
+    private annotationRootByContentEl;
     placeByMarkerId: Record<string, Place>;
     constructor({ rootStore, mapStore }: {
         rootStore: RootStore;
@@ -39,6 +45,13 @@ declare class MarkersController {
     private getMarkerColor;
     private getAnnotationRank;
     private getAreaRank;
+    /**
+     * Resolve (and memoize) the annotation marker root inside an SDK marker's content element.
+     * Cached because it is hit for every annotation marker on every selection change.
+     * @param marker - The SDK marker to look inside
+     * @returns The annotation root element, or undefined if this marker has none
+     */
+    private getAnnotationRoot;
     private forEachMarker;
     private handleZoomChange;
     private zoomOnWheel;

package/dist/types/src/stores/ui-store/index.d.ts

@@ -153,7 +153,7 @@ declare class UIStore {
     get shareButtonVisible(): boolean;
     get mainUIVisible(): boolean;
     get mainUIMaxHeight(): number;
-    get appPadding(): 0 | 10 | 20 | 15;
+    get appPadding(): 0 | 20 | 10 | 15;
     get makerPopUpVisible(): boolean;
     get metadataCardVisible(): boolean;
     get availableDepartureModes(): E_DEPARTURE_MODE[];

package/dist/types/src/test-utils/store-cleanup.d.ts

@@ -0,0 +1,7 @@
+import type RootStore from '../stores/root-store';
+export declare const registerTestStore: (store: RootStore) => void;
+/**
+ * Dispose every registered store. Must run while `document` still exists so
+ * their removeEventListener/clearTimeout teardown actually runs.
+ */
+export declare const cleanupTestStores: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.59.4-ea5d866.0",
+  "version": "0.59.5-3072f0a.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",
@@ -18,9 +18,9 @@
   },
   "devDependencies": {
     "@ladle/react": "^5.0.3",
-    "@mappedin/blue-dot": "6.17.0-v6-13d60ac3.0",
-    "@mappedin/dynamic-focus": "6.17.0-v6-13d60ac3.0",
-    "@mappedin/mappedin-js": "6.17.1-v6-13d60ac3.0",
+    "@mappedin/blue-dot": "6.23.0-v6-e66bf5fa.0",
+    "@mappedin/dynamic-focus": "6.23.0-v6-e66bf5fa.0",
+    "@mappedin/mappedin-js": "6.23.1-v6-e66bf5fa.0",
     "@mappedin/mvf": "3.0.0-69b7308.0",
     "@mappedin/self-serve-icons": "1.105.0-alpha.SRV-2719-add-bleed-kit-annotation.1754600609",
     "@napi-rs/canvas": "^0.1.89",
@@ -31,6 +31,7 @@
     "@turf/difference": "^7.2.0",
     "@turf/geojson-rbush": "^7.2.0",
     "@turf/helpers": "^7.2.0",
+    "@types/escape-html": "1.0.4",
     "@types/geojson": "^7946.0.16",
     "@types/lodash.isequal": "^4.5.8",
     "@types/lodash.merge": "^4.6.9",
@@ -46,6 +47,7 @@
     "@vitest/coverage-istanbul": "^3.2.6",
     "dompurify": "^3.4.11",
     "dotenv": "^16.4.5",
+    "escape-html": "1.0.3",
     "escape-string-regexp": "^5.0.0",
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",

package/dist/types/src/lib/sdk/load-annotations.d.ts

@@ -1,2 +0,0 @@
-import { Annotation } from './mappedin-js';
-export declare const loadAnnotationAsset: (annotation: Annotation) => string | undefined;