@orioro/react-maplibre-util 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orioro/react-maplibre-util
 
+## 0.3.0
+
+### Minor Changes
+
+- better support for 3d, refactor view resolution framework
+
 ## 0.2.0
 
 ### Minor Changes

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

@@ -10,7 +10,7 @@ export type ControlContainerProps = {
 };
 export declare function ControlContainer({ style, position, children, }: ControlContainerProps): React.ReactPortal | null;
 export declare namespace ControlContainer {
-    var StyleReset: typeof ControlContainerWithStyleReset;
+    var Unstyled: typeof ControlContainerWithStyleReset;
 }
 declare function ControlContainerWithStyleReset({ style, ...props }: ControlContainerProps): React.JSX.Element;
 export {};

package/dist/Controls/InspectControl/InspectControl.d.ts

@@ -0,0 +1,3 @@
+import { MaplibreInspectOptions } from '@maplibre/maplibre-gl-inspect';
+import '@maplibre/maplibre-gl-inspect/dist/maplibre-gl-inspect.css';
+export declare function InspectControl(props: MaplibreInspectOptions): null;

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

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

package/dist/Controls/index.d.ts

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

package/dist/MapboxGeocoderControl/MapboxGeocoderControl.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MarkerProps, ControlPosition } from 'react-map-gl/maplibre';
+import { GeocoderOptions } from '@mapbox/mapbox-gl-geocoder';
+import '@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css';
+type MapboxGeocoderControlProps = Omit<GeocoderOptions, 'accessToken' | 'mapboxgl' | 'marker'> & {
+    marker?: boolean | Omit<MarkerProps, 'longitude' | 'latitude'>;
+    position: ControlPosition;
+    onClear?: (e: object) => void;
+    onLoading?: (e: object) => void;
+    onResults?: (e: object) => void;
+    onResult?: (e: object) => void;
+    onError?: (e: object) => void;
+    [key: string]: any;
+};
+export declare function MapboxGeocoderControl({ position, types, onClear, onLoading, onResults, onResult, onError, accessToken, ...props }: MapboxGeocoderControlProps): React.ReactNode;
+export {};

package/dist/MapboxGeocoderControl/ResultMarker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ResultMarker({ result, ...props }: {
+    [x: string]: any;
+    result: any;
+}): React.JSX.Element | null;

package/dist/MapboxGeocoderControl/index.d.ts

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

package/dist/index.mjs

@@ -16,6 +16,8 @@ import { Icon } from '@mdi/react';
 import { Tooltip } from '@radix-ui/themes';
 import maplibregl from 'maplibre-gl';
 import mlcontour from 'maplibre-contour';
+import MaplibreInspect from '@maplibre/maplibre-gl-inspect';
+import '@maplibre/maplibre-gl-inspect/dist/maplibre-gl-inspect.css';
 
 function sortLayers(layers, _a) {
   var existingLayers = _a.existingLayers;
@@ -1040,7 +1042,7 @@ function ControlContainerWithStyleReset(_a) {
     })
   }));
 }
-ControlContainer.StyleReset = ControlContainerWithStyleReset;
+ControlContainer.Unstyled = ControlContainerWithStyleReset;
 
 var DEFAULT_DEM_SOURCE_ID = 'dem';
 var DEFAULT_DEM_SOURCE_SPEC = {
@@ -1345,4 +1347,18 @@ function TerrainControl(_a) {
   }))))));
 }
 
-export { $naturalBreaks, ControlContainer, HoverTooltip, LayeredMap, MapWindow, SyncedMaps, TerrainControl, applyReactStyle, augmentFeature, ensureAddLayer, ensureAddSource, ensureRemoveLayer, ensureRemoveSource, fitGeometry, getSrcLayer, getSrcViewByLayerId, hoverParseEvent, makeSyncedMaps, mapSetFeaturesState, naturalBreakBounds, parseMapViews, scaleNaturalBreaks, sortLayers, useClientRect, useHover, withHover };
+function InspectControl(props) {
+  useControl(function () {
+    return new MaplibreInspect(__assign(__assign({}, props), {
+      popup: new maplibregl.Popup({
+        closeButton: false,
+        closeOnClick: false
+      })
+    }));
+  }, {
+    // position: props.position,
+  });
+  return null;
+}
+
+export { $naturalBreaks, ControlContainer, HoverTooltip, InspectControl, LayeredMap, MapWindow, SyncedMaps, TerrainControl, applyReactStyle, augmentFeature, ensureAddLayer, ensureAddSource, ensureRemoveLayer, ensureRemoveSource, fitGeometry, getSrcLayer, getSrcViewByLayerId, hoverParseEvent, makeSyncedMaps, mapSetFeaturesState, naturalBreakBounds, parseMapViews, scaleNaturalBreaks, sortLayers, useClientRect, useHover, withHover };

package/dist/util/matchExpFromDict/index.d.ts

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

package/dist/util/matchExpFromDict/matchExpFromDict.d.ts

@@ -0,0 +1,8 @@
+type Dict = Record<any, (string | number) | (string | number)[]>;
+type MatchExpFromDictProps = {
+    valueExp: string | any[];
+    dict: Dict;
+    defaultValue: any;
+};
+export declare function matchExpFromDict({ valueExp, dict, defaultValue, }: MatchExpFromDictProps): any[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orioro/react-maplibre-util",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/index.mjs",
@@ -29,6 +29,8 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
+    "@mapbox/mapbox-gl-geocoder": "^5.0.3",
+    "@maplibre/maplibre-gl-inspect": "^1.7.1",
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@orioro/react-chart-util": "^0.1.0",
@@ -41,6 +43,7 @@
     "@types/d3": "^7.4.3",
     "@types/d3-scale-chromatic": "^3.1.0",
     "@types/geojson": "^7946.0.16",
+    "@types/mapbox__mapbox-gl-geocoder": "^5.0.0",
     "@types/react-dom": "^19.1.3",
     "d3": "^7.9.0",
     "d3-scale-chromatic": "^3.1.0",

package/dist/MapboxGeocoder/MapboxGeocoder.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function Geocoder({}: {}): React.JSX.Element;

package/dist/MapboxGeocoder/MapboxGeocoder.stories_.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import 'maplibre-gl/dist/maplibre-gl.css';
-import '@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css';
-declare const _default: {
-    title: string;
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Basic: () => React.JSX.Element;

package/dist/MapboxGeocoder/mapboxGeocoderApi.d.ts

@@ -1,9 +0,0 @@
-export type MapboxGeocoderApiProps = {
-    accessToken: string;
-};
-export declare function mapboxGeocoderApi({ accessToken }: MapboxGeocoderApiProps): {
-    forwardGeocode: (input: any) => Promise<void>;
-    reverseGeocode: (input: any) => Promise<void>;
-    getSuggestions: (config: any) => any;
-    searchByPlaceId: ({ query, language, }: MaplibreGeocoderApiConfig) => Promise<MaplibreGeocoderPlaceResults>;
-};