@osm-editor-kit/street-imagery-react 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/mapillary/SelectedMapFeatureLayer.d.ts

@@ -0,0 +1,19 @@
+import { type Bbox, type MapFeatureImages, type ProviderId, type TargetImage } from '@osm-editor-kit/street-imagery';
+export type SelectedMapFeatureLayerProps = {
+    /** From `useSelectedMapillaryFeature`. Nothing is drawn without it. */
+    data: MapFeatureImages | null;
+    /** The shown photo of the feature: a dotted line runs from its camera to the feature. */
+    shownImage?: TargetImage | null;
+    /** The providers whose map features are drawn, to ring the dot that is on the map. */
+    providers: ProviderId[];
+    bbox: Bbox | null;
+    zoom: number;
+    /** Color of the dot and disk. Default: the map features' purple. */
+    color?: string;
+};
+/**
+ * The selected sign or object on the map: its dot on a light disk, and a dotted line to it from
+ * the camera position of the shown photo (Mapillary's computed position, which the feature was
+ * located from). Draw it after `StreetLevelImagerySourcesAndLayers`.
+ */
+export declare const SelectedMapFeatureLayer: ({ data, shownImage, providers, bbox, zoom, color, }: SelectedMapFeatureLayerProps) => import("react").JSX.Element;

package/dist/mapillary/useMapillaryFeatures.d.ts

@@ -34,3 +34,21 @@ export declare const useMapillaryImageDetections: (imageId: string | null | unde
     filter?: (value: string) => boolean;
     filterKey?: string;
 }) => import("@tanstack/react-query").UseQueryResult<NoInfer<import("@osm-editor-kit/street-imagery").MapillaryDetection[]>, Error>;
+/**
+ * A selected Mapillary map feature (sign, object) for a host's feature + photo selection: all its
+ * photos by day, the photo that is shown (`shownPhotoId`), and the one to open first — the best of
+ * the newest day, from within `minCapturedAt` (ms) when set. Feed `data` and `shownImage` to
+ * `MapillaryFeatureBar` and `SelectedMapFeatureLayer`, and `shownImage.outline` to `lookAt`.
+ */
+export declare const useSelectedMapillaryFeature: ({ featureId, shownPhotoId, minCapturedAt, shape, }: {
+    featureId: string | null | undefined;
+    shownPhotoId?: string | null;
+    minCapturedAt?: number | null;
+    shape?: TargetShape;
+}) => {
+    data: NonNullable<NoInfer<import("@osm-editor-kit/street-imagery").MapFeatureImages | null>> | null;
+    isLoading: boolean;
+    isError: boolean;
+    shownImage: import("@osm-editor-kit/street-imagery").TargetImage | null;
+    firstImage: import("@osm-editor-kit/street-imagery").TargetImage | null;
+};

package/dist/panels/PanoramaxPanel.d.ts

@@ -9,8 +9,9 @@ type PanoramaxPanelProps = {
     /** The shown picture with creator, licence, local capture time and camera. */
     onViewerPhoto?: (photo: NormalizedPhoto) => void;
     /**
-     * Hide the viewer's own legend (a bottom drawer in narrow containers). The host must then show
-     * creator and licence itself, from `onViewerPhoto`.
+     * Leave out the viewer's own widgets: the legend (a bottom drawer in narrow containers), the
+     * player and the zoom buttons. The host must then show creator and licence itself, from
+     * `onViewerPhoto`. Stepping through a sequence still works with the arrows in the photo.
      */
     hideLegend?: boolean;
 };

package/dist/photo-details.js

@@ -1,4 +1,4 @@
-import { useStreetImageryI18n } from './chunk-EE7V3OIZ.js';
+import { useStreetImageryI18n } from './chunk-6EMFFIL2.js';
 import { providerById, formatLocalDateTime, formatDate, formatRelativeDate } from '@osm-editor-kit/street-imagery';
 import { useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/streetImageryClick.d.ts

@@ -7,6 +7,10 @@ export type StreetImageryClickFeature = {
     featureId?: string;
     sequenceId?: string;
 };
+/**
+ * Layers to pass as `interactiveLayerIds`. A click returns the features of all layers it hits, the
+ * top one first: the photo dot itself, then view shapes, then the larger invisible targets.
+ */
 export declare const streetImageryInteractiveLayerIds: (providers: ProviderId[]) => string[];
 export declare const queryStreetImageryFeatures: (event: {
     features?: MapGeoJSONFeature[] | null;

package/dist/viewer-panels/index.d.ts

@@ -0,0 +1,3 @@
+export { MapillaryPanel } from '../panels/MapillaryPanel';
+export { PanoramaxPanel } from '../panels/PanoramaxPanel';
+export { mapillaryViewFor, setMapillaryViewerOutlines, turnMapillaryViewerTo, } from '../panels/mapillaryLookAt';

package/dist/viewer-panels.js

@@ -0,0 +1,3 @@
+export { MapillaryPanel, mapillaryViewFor, setMapillaryViewerOutlines, turnMapillaryViewerTo } from './chunk-SGIB7AVC.js';
+export { PanoramaxPanel } from './chunk-KZTMKQT5.js';
+import './chunk-25UGGXIE.js';

package/dist/viewpoints/FloatingPhotoViewer.d.ts

@@ -19,10 +19,14 @@ export type FloatingPhotoViewerProps = {
     onSelectSuggestion: (suggestion: ViewSuggestion, candidate: PhotoCandidate) => void;
     /** The photo in the viewer, so the active view can show which of its photos that is. */
     shownPhotoId?: string | null;
-    canGoBack: boolean;
-    canGoForward: boolean;
-    onBack: () => void;
-    onForward: () => void;
+    /**
+     * History of shown photos: the back and forward buttons and the keys [ and ]. Leave out
+     * `onBack` and `onForward` for a host without a history; the buttons are then not shown.
+     */
+    canGoBack?: boolean;
+    canGoForward?: boolean;
+    onBack?: () => void;
+    onForward?: () => void;
     onClose: () => void;
     /**
      * Step to the neighbouring photo, e.g. along the clicked street: the `<` `>` buttons at the
@@ -51,10 +55,19 @@ export type FloatingPhotoViewerProps = {
     };
     /** localStorage key for position, width and minimized state. */
     storageKey?: string;
+    /**
+     * Where the box is until the user moves it: the bottom right corner (default), or the top left
+     * one with `left` and `top` in px from the container's edges, e.g. next to a side panel.
+     */
+    defaultPosition?: {
+        corner: 'top-left';
+        left?: number;
+        top?: number;
+    };
 };
 /**
  * Photo viewer box floating over the map. Render inside a positioned (relative) map container.
  * Drag the header to move, drag the left edge to resize. Keys: Esc closes, [ and ] step history,
  * Alt + arrow left/right step along (`step`).
  */
-export declare const FloatingPhotoViewer: ({ title, titleActions, suggestions, activeDirectionKey, onSelectSuggestion, shownPhotoId, canGoBack, canGoForward, onBack, onForward, onClose, step, toolbar, status, children, footer, drawer, storageKey, }: FloatingPhotoViewerProps) => import("react").JSX.Element;
+export declare const FloatingPhotoViewer: ({ title, titleActions, suggestions, activeDirectionKey, onSelectSuggestion, shownPhotoId, canGoBack, canGoForward, onBack, onForward, onClose, step, toolbar, status, children, footer, drawer, storageKey, defaultPosition, }: FloatingPhotoViewerProps) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osm-editor-kit/street-imagery-react",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.9",
   "description": "React MapLibre layers and photo viewers for street-level imagery providers.",
   "homepage": "https://github.com/osmberlin/street-space-editor/tree/main/packages/street-imagery-react",
   "license": "MIT",
@@ -24,6 +24,10 @@
       "types": "./dist/photo-details/index.d.ts",
       "import": "./dist/photo-details.js"
     },
+    "./viewer-panels": {
+      "types": "./dist/viewer-panels/index.d.ts",
+      "import": "./dist/viewer-panels.js"
+    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -56,7 +60,7 @@
     "zustand": "^5.0.7"
   },
   "peerDependencies": {
-    "@osm-editor-kit/street-imagery": "^0.1.0-alpha.6",
+    "@osm-editor-kit/street-imagery": "^0.1.0-alpha.8",
     "@panoramax/web-viewer": "^5",
     "@tanstack/react-query": "^5",
     "mapillary-js": "^4",
@@ -75,6 +79,10 @@
       "types": "./dist/photo-details/index.d.ts",
       "import": "./dist/photo-details.js"
     },
+    "./viewer-panels": {
+      "types": "./dist/viewer-panels/index.d.ts",
+      "import": "./dist/viewer-panels.js"
+    },
     "./package.json": "./package.json"
   }
 }

package/dist/MapillaryPanel-N45NQY4C.js

@@ -1,2 +0,0 @@
-export { MapillaryPanel } from './chunk-53RA4OSJ.js';
-import './chunk-25UGGXIE.js';

package/dist/PanoramaxPanel-MFI4L67Z.js

@@ -1,2 +0,0 @@
-export { PanoramaxPanel } from './chunk-EQ2JKLGT.js';
-import './chunk-25UGGXIE.js';