@orioro/react-maplibre-util 0.0.2 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @orioro/react-maplibre-util
 
+## 0.2.0
+
+### Minor Changes
+
+- implement 3D maps
+
+## 0.1.0
+
+### Minor Changes
+
+- move georedus-related packages to isolated repo
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/react-chart-util@0.1.0
+
 ## 0.0.2
 
 ### Patch Changes

package/dist/Controls/ControlContainer/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import maplibregl from 'maplibre-gl';
+export type ControlContainerProps = {
+    /** Optional style for the outer container */
+    style?: React.CSSProperties;
+    /** Optional position in MapLibre control bar */
+    position?: maplibregl.ControlPosition;
+    /** Button content and props */
+    children: React.ReactNode;
+};
+export declare function ControlContainer({ style, position, children, }: ControlContainerProps): React.ReactPortal | null;
+export declare namespace ControlContainer {
+    var StyleReset: typeof ControlContainerWithStyleReset;
+}
+declare function ControlContainerWithStyleReset({ style, ...props }: ControlContainerProps): React.JSX.Element;
+export {};

package/dist/Controls/TerrainControl/TerrainControl.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ControlContainerProps } from '../ControlContainer';
+import maplibregl from 'maplibre-gl';
+import type { GlobalContourTileOptions } from 'maplibre-contour/dist/types';
+type TerrainSettings = {
+    hillshade?: boolean;
+    enable3d?: boolean;
+    contours?: boolean;
+};
+type SourceSpecInput = Omit<maplibregl.RasterDEMSourceSpecification, 'type' | 'tiles' | 'url'> & {
+    url: string;
+};
+type TerrainControlProps = Omit<ControlContainerProps, 'children'> & {
+    value?: TerrainSettings | false;
+    onSetValue?: (v: TerrainSettings | false) => any;
+    demSourceId?: string;
+    demSource?: SourceSpecInput;
+    contourTileOptions?: Partial<GlobalContourTileOptions>;
+};
+export declare function TerrainControl({ value: externalValue, onSetValue: onSetExternalValue, demSourceId: DEM_SOURCE_ID, demSource: DEM_SOURCE_SPEC, contourTileOptions: contourTileOptionsInput, }: TerrainControlProps): React.JSX.Element;
+export {};

package/dist/Controls/TerrainControl/index.d.ts

@@ -0,0 +1 @@
+export * from './TerrainControl';

package/dist/Controls/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ControlContainer';
+export * from './TerrainControl';

package/dist/GeocoderCtrl_MapLibre/mapboxGeocoderApi.d.ts

@@ -1,4 +1,4 @@
-import { MaplibreGeocoderPlaceResults, MaplibreGeocoderSuggestionResults } from '@maplibre/maplibre-gl-geocoder';
+import { MaplibreGeocoderApiConfig, MaplibreGeocoderPlaceResults, MaplibreGeocoderSuggestionResults } from '@maplibre/maplibre-gl-geocoder';
 export type MapboxGeocoderApiProps = {
     accessToken: string;
 };

package/dist/HoverTooltip/HoverTooltip.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { FlexProps } from '@orioro/react-ui-core';
 type DataSectionProps = FlexProps & {
-    title: string;
-    entries: [React.ReactNode, React.ReactNode][];
+    title?: string;
+    entries?: [React.ReactNode, React.ReactNode][];
 };
 type HoverTooltipProps = {
     position: [number, number];
@@ -10,5 +10,6 @@ type HoverTooltipProps = {
     dataSections?: DataSectionProps[];
     style?: React.CSSProperties;
 };
+export declare function useClientRect<T extends HTMLElement>(): readonly [DOMRect | null, (node: T | null) => void];
 export declare function HoverTooltip({ position, children, dataSections, style, }: HoverTooltipProps): React.JSX.Element;
 export {};

package/dist/LayeredMap/parseMapViews.d.ts

@@ -0,0 +1,45 @@
+import { AnyLayer } from 'react-map-gl/dist/esm/exports-maplibre';
+import { MapView, MapViewLayer, MapViewSource } from '../types';
+type ParsedSource = MapViewSource & {
+    id: string;
+    viewId: string;
+};
+type ParsedLayer = MapViewLayer & {
+    id: string;
+    viewId: string;
+};
+export type MapViewsParseResult = {
+    srcMapViews: MapView[];
+    sources: ParsedSource[];
+    layers: ParsedLayer[];
+    interactiveLayerIds: string[];
+};
+type ParseMapViewsOptions = {
+    existingLayers?: AnyLayer[];
+};
+export declare function sortLayers(layers: MapViewLayer[], { existingLayers }: ParseMapViewsOptions): MapViewLayer[];
+export declare function getSrcLayer(parsed: MapViewsParseResult, layerId: string): ParsedLayer | null;
+/**
+ * Given a layerId, attempts to retrieve the source mapView
+ *
+ * @param  {MapViewsParseResult} parsed  [description]
+ * @param  {string}              layerId [description]
+ * @param  {[type]}                      [description]
+ * @return {MapView}                     [description]
+ */
+export declare function getSrcViewByLayerId(parsed: MapViewsParseResult, layerId: string): MapView | null;
+export declare function augmentFeature(parsed: MapViewsParseResult, feature: GeoJSON.Feature & {
+    layer: {
+        id: string;
+    };
+}): {
+    layer: ParsedLayer | null;
+    mapView: MapView | null;
+    type: "Feature";
+    geometry: import("geojson").Geometry;
+    id?: string | number | undefined;
+    properties: import("geojson").GeoJsonProperties;
+    bbox?: import("geojson").BBox | undefined;
+};
+export declare function parseMapViews(orderedViews: MapView[], { existingLayers }?: ParseMapViewsOptions): MapViewsParseResult;
+export {};

package/dist/MapWindow/MapWindow.d.ts

@@ -1,72 +1,78 @@
 import React from 'react';
 export declare const MapWindow: React.ForwardRefExoticComponent<Omit<{
-    zoom?: number | undefined;
-    bearing?: number | undefined;
-    pitch?: number | undefined;
-    maxZoom?: number | undefined;
-    minZoom?: number | undefined;
+    hash?: boolean | string | undefined;
     interactive?: boolean | undefined;
-    minPitch?: number | undefined;
-    maxPitch?: number | undefined;
+    bearingSnap?: number | undefined;
+    attributionControl?: (false | import("maplibre-gl").AttributionControlOptions) | undefined;
+    maplibreLogo?: boolean | undefined;
+    logoPosition?: import("maplibre-gl").ControlPosition | undefined;
+    canvasContextAttributes?: import("maplibre-gl").WebGLContextAttributesWithType | undefined;
+    refreshExpiredTiles?: boolean | undefined;
     maxBounds?: import("maplibre-gl").LngLatBoundsLike | undefined;
-    renderWorldCopies?: boolean | undefined;
-    scrollZoom?: boolean | undefined;
+    scrollZoom?: (boolean | import("maplibre-gl").AroundCenterOptions) | undefined;
+    minZoom?: number | null | undefined;
+    maxZoom?: number | null | undefined;
+    minPitch?: number | null | undefined;
+    maxPitch?: number | null | undefined;
     boxZoom?: boolean | undefined;
     dragRotate?: boolean | undefined;
-    dragPan?: boolean | import("maplibre-gl").DragPanOptions | undefined;
+    dragPan?: (boolean | import("maplibre-gl").DragPanOptions) | undefined;
     keyboard?: boolean | undefined;
     doubleClickZoom?: boolean | undefined;
-    touchZoomRotate?: boolean | undefined;
-    touchPitch?: boolean | undefined;
-    localIdeographFontFamily?: string | undefined;
-    pixelRatio?: number | undefined;
-    antialias?: boolean | undefined;
-    attributionControl?: boolean | undefined;
-    bearingSnap?: number | undefined;
-    clickTolerance?: number | undefined;
-    collectResourceTiming?: boolean | undefined;
-    crossSourceCollisions?: boolean | undefined;
-    cooperativeGestures?: boolean | undefined;
-    customAttribution?: string | string[] | undefined;
-    hash?: string | boolean | undefined;
-    fadeDuration?: number | undefined;
-    failIfMajorPerformanceCaveat?: boolean | undefined;
+    touchZoomRotate?: (boolean | import("maplibre-gl").AroundCenterOptions) | undefined;
+    touchPitch?: (boolean | import("maplibre-gl").AroundCenterOptions) | undefined;
+    cooperativeGestures?: import("maplibre-gl").GestureOptions | undefined;
+    trackResize?: boolean | undefined;
+    elevation?: number | undefined;
+    zoom?: number | undefined;
+    bearing?: number | undefined;
+    pitch?: number | undefined;
+    roll?: number | undefined;
+    renderWorldCopies?: boolean | undefined;
+    maxTileCacheSize?: number | null | undefined;
+    maxTileCacheZoomLevels?: number | undefined;
+    transformRequest?: (import("maplibre-gl").RequestTransformFunction | null) | undefined;
+    transformCameraUpdate?: (import("maplibre-gl").CameraUpdateTransformFunction | null) | undefined;
     locale?: any;
-    logoPosition?: import("maplibre-gl").ControlPosition | undefined;
-    preserveDrawingBuffer?: boolean | undefined;
+    fadeDuration?: number | undefined;
+    crossSourceCollisions?: boolean | undefined;
+    collectResourceTiming?: boolean | undefined;
+    clickTolerance?: number | undefined;
+    localIdeographFontFamily?: string | false | undefined;
     pitchWithRotate?: boolean | undefined;
-    refreshExpiredTiles?: boolean | undefined;
-    trackResize?: boolean | undefined;
-    transformRequest?: import("maplibre-gl").RequestTransformFunction | undefined;
-    maxTileCacheSize?: number | undefined;
-    maplibreLogo?: boolean | undefined;
-} & Partial<import("react-map-gl/maplibre").ViewState> & import("react-map-gl/dist/esm/types/events-maplibre").MapCallbacks & {
-    mapboxAccessToken?: string | undefined;
-    initialViewState?: (Partial<import("react-map-gl/maplibre").ViewState> & {
-        bounds?: import("react-map-gl/dist/esm/types").LngLatBoundsLike | undefined;
+    rollEnabled?: boolean | undefined;
+    pixelRatio?: number | undefined;
+    validateStyle?: boolean | undefined;
+    maxCanvasSize?: [number, number] | undefined;
+    cancelPendingTileRequestsWhileZooming?: boolean | undefined;
+    centerClampedToGround?: boolean | undefined;
+} & Partial<import("react-map-gl/maplibre").ViewState> & import("react-map-gl/maplibre").MapCallbacks & {
+    initialViewState?: Partial<import("react-map-gl/maplibre").ViewState> & {
+        bounds?: import("maplibre-gl").LngLatBoundsLike;
         fitBoundsOptions?: {
-            offset?: import("react-map-gl/dist/esm/types").PointLike | undefined;
-            minZoom?: number | undefined;
-            maxZoom?: number | undefined;
-            padding?: number | import("react-map-gl/dist/esm/types").PaddingOptions | undefined;
-        } | undefined;
-    }) | undefined;
-    gl?: WebGLRenderingContext | undefined;
-    viewState?: (import("react-map-gl/maplibre").ViewState & {
+            offset?: import("maplibre-gl").PointLike;
+            minZoom?: number;
+            maxZoom?: number;
+            padding?: number | import("maplibre-gl").PaddingOptions;
+        };
+    };
+    gl?: WebGLRenderingContext;
+    viewState?: import("react-map-gl/maplibre").ViewState & {
         width: number;
         height: number;
-    }) | undefined;
-    mapStyle?: string | import("@maplibre/maplibre-gl-style-spec").StyleSpecification | import("react-map-gl/dist/esm/types").ImmutableLike<import("@maplibre/maplibre-gl-style-spec").StyleSpecification> | undefined;
-    styleDiffing?: boolean | undefined;
-    fog?: unknown;
-    light?: import("@maplibre/maplibre-gl-style-spec").LightSpecification | undefined;
-    terrain?: import("@maplibre/maplibre-gl-style-spec").TerrainSpecification | undefined;
-    interactiveLayerIds?: string[] | undefined;
-    cursor?: string | undefined;
-} & import("react-map-gl/dist/esm/utils/set-globals").GlobalSettings & {
-    mapLib?: import("react-map-gl/maplibre").MapLib<import("maplibre-gl").Map> | Promise<import("react-map-gl/maplibre").MapLib<import("maplibre-gl").Map>> | undefined;
-    reuseMaps?: boolean | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
+    };
+    mapStyle?: string | import("@maplibre/maplibre-gl-style-spec").StyleSpecification | import("react-map-gl/maplibre").ImmutableLike<import("@maplibre/maplibre-gl-style-spec").StyleSpecification>;
+    styleDiffing?: boolean;
+    projection?: import("@maplibre/maplibre-gl-style-spec").ProjectionSpecification | "mercator" | "globe";
+    light?: import("@maplibre/maplibre-gl-style-spec").LightSpecification;
+    terrain?: import("@maplibre/maplibre-gl-style-spec").TerrainSpecification;
+    sky?: import("@maplibre/maplibre-gl-style-spec").SkySpecification;
+    interactiveLayerIds?: string[];
+    cursor?: string;
+} & import("@vis.gl/react-maplibre/dist/utils/set-globals").GlobalSettings & {
+    mapLib?: import("react-map-gl/maplibre").MapLib | Promise<import("react-map-gl/maplibre").MapLib>;
+    reuseMaps?: boolean;
+    id?: string;
+    style?: React.CSSProperties;
     children?: any;
 } & React.RefAttributes<import("react-map-gl/maplibre").MapRef>, "ref"> & React.RefAttributes<unknown>>;

package/dist/SyncedMaps/GhostCursor.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const GhostCursor: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const GhostCursor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;