@opengeoweb/webmap-react 9.9.0 → 9.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -11,7 +11,7 @@
     "@opengeoweb/webmap": "*",
     "axios": "1.5.0",
     "@opengeoweb/theme": "*",
-    "@mui/material": "5.12.0",
+    "@mui/material": "~5.15.11",
     "@opengeoweb/shared": "*",
     "lodash": "^4.17.21",
     "proj4": "^2.9.2",

package/src/lib/components/MapDimensionSelect/DimensionSelectButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface DimensionSelectButtonProps {
+    dimension: string;
+    onClickDimensionButton: () => void;
+    isActive?: boolean;
+}
+declare const DimensionSelectButton: React.FC<DimensionSelectButtonProps>;
+export default DimensionSelectButton;

package/src/lib/components/MapDimensionSelect/DimensionSelectDialog.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Source } from '@opengeoweb/shared';
+export interface DimensionSelectProps {
+    isOpen: boolean;
+    order?: number;
+    onMouseDown?: () => void;
+    onClose?: () => void;
+    source?: Source;
+    dimensionName: string;
+    index?: number;
+    children?: React.ReactNode;
+}
+declare const DimensionSelectDialog: React.FC<DimensionSelectProps>;
+export default DimensionSelectDialog;

package/src/lib/components/MapDimensionSelect/DimensionSelectDialog.stories.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DimensionSelectElevationLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectElevationDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectEnsembleMemberLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectEnsembleMemberDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectInvalidSyncLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectInvalidSyncDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/src/lib/components/MapDimensionSelect/DimensionSelectSlider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Mark } from './utils';
+interface DimensionSelectSliderProps {
+    marks: Mark[];
+    layerTitle: string;
+    reverse?: boolean;
+    isDisabled?: boolean;
+    managedValue?: number | string;
+    validSelection?: boolean;
+    alertColor?: string;
+    onChangeDimensionValue: (dimensionValue: string) => void;
+}
+declare const DimensionSelectSlider: React.FC<DimensionSelectSliderProps>;
+export default DimensionSelectSlider;

package/src/lib/components/MapDimensionSelect/DimensionSelectSlider.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/MapDimensionSelect/MapDimensionSelect.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Dimension } from '@opengeoweb/webmap';
+export interface MapDimensionSelectProps {
+    layerId: string;
+    dimensionName: string;
+    handleDimensionValueChanged: (layerId: string, dimensionName: string, dimensionValue: string) => void;
+    handleSyncChanged: (layerId: string, dimensionName: string, dimensionValue: string, synced: boolean) => void;
+    layerDimension: Dimension;
+}
+declare const MapDimensionSelect: React.FC<MapDimensionSelectProps>;
+export default MapDimensionSelect;

package/src/lib/components/MapDimensionSelect/MapDimensionSelect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/MapDimensionSelect/MapDimensionSelect.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../MapView").MapViewProps>;
+};
+export default _default;
+export declare const MapDimensionOnMap: () => React.ReactElement;

package/src/lib/components/MapDimensionSelect/index.d.ts

@@ -0,0 +1,6 @@
+export { default as DimensionSelectButton } from './DimensionSelectButton';
+export { default as DimensionSelectDialog } from './DimensionSelectDialog';
+export { default as DimensionSelectSlider } from './DimensionSelectSlider';
+export { default as MapDimensionSelect } from './MapDimensionSelect';
+export { dimensionConfig, marksByDimension } from './utils';
+export type { DimensionConfig } from './utils';

package/src/lib/components/MapDimensionSelect/utils.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { SvgIconProps } from '@mui/material';
+import { WMJSDimension } from '@opengeoweb/webmap';
+export interface DimensionConfig {
+    name: string;
+    label: string;
+    defaultUnit: string;
+    reversed: boolean;
+    iconType: string;
+}
+export declare const dimensionConfig: DimensionConfig[];
+export declare const getDimensionIcon: (iconType: string) => React.FC<SvgIconProps>;
+export interface Mark {
+    value: number | string;
+    label?: React.ReactNode;
+}
+export declare const marksByDimension: (dim: WMJSDimension) => Mark[];

package/src/lib/components/MapDimensionSelect/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/MapDraw/storyComponents/FeatureLayers.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 interface FeatureLayersProps {
     geojson: GeoJSON.FeatureCollection;
-    onChangeLayerIndex: (newIndex: number) => void;
+    onChangeLayerIndex: (newIndex: number, feature: GeoJSON.Feature) => void;
     activeFeatureLayerIndex: number;
+    getToolIcon: (selectionType: string) => React.ReactElement;
 }
 declare const FeatureLayers: React.FC<FeatureLayersProps>;
 export default FeatureLayers;

package/src/lib/components/MapDraw/storyComponents/SelectField.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 export declare const SelectField: React.FC<{
     label: string;
-    value: string | number;
+    value: string;
     onChangeValue: (value: string) => void;
-    options: (string | number)[];
+    options: string[];
     width?: string;
     showValueAsColor?: boolean;
     labelSuffix?: string;

package/src/lib/components/MapDrawTool/MapDrawTool.stories.d.ts

@@ -10,3 +10,4 @@ interface BasicMapDrawToolProps {
 export declare const BasicMapDrawTool: React.FC<BasicMapDrawToolProps>;
 export declare const BasicMapDrawToolShape: () => React.ReactElement;
 export declare const BasicMapDrawToolWithMultipleShapes: () => React.ReactElement;
+export declare const BasicMapDrawToolWithMultipleShapesValues: () => React.ReactElement;

package/src/lib/components/MapDrawTool/storyExamplesMapDrawTool.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { SelectionType } from './types';
 import { MapDrawToolOptions } from './useMapDrawTool';
-export declare const opacityOptions: number[];
+export declare const opacityOptions: string[];
 export declare const fillOptions: any[];
-export declare const strokeWidthOptions: number[];
+export declare const strokeWidthOptions: string[];
 export declare const getToolIcon: (selectionType: SelectionType) => React.ReactElement;
 export declare const basicExampleDrawOptions: MapDrawToolOptions;
 export declare const basicExampleMultipleShapeDrawOptions: MapDrawToolOptions;
+export declare const basicExampleMultipleShapeWithValuesDrawOptions: MapDrawToolOptions;

package/src/lib/components/MapDrawTool/utils.d.ts

@@ -1,5 +1,5 @@
 import { Feature } from '@turf/turf';
-import { FeatureCollection, GeoJsonProperties } from 'geojson';
+import { FeatureCollection, GeoJsonProperties, Point } from 'geojson';
 import { DrawMode, SelectionType } from './types';
 /**
  * Adds properties to the first geojson feature based on the given property object.
@@ -18,20 +18,34 @@ export declare const getGeoJSONPropertyValue: (property: string, properties: Geo
  * @param {number} featureLayerIndex - feature layer index
  * @param {string} text - reason of change
  */
-export declare const moveFeature: (currentGeoJSON: GeoJSON.FeatureCollection, newGeoJSON: GeoJSON.FeatureCollection, featureLayerIndex: number, reason: string) => number | undefined;
+export declare const moveFeature: (currentGeoJSON: GeoJSON.FeatureCollection, newGeoJSON: GeoJSON.FeatureCollection, featureLayerIndex: number, reason: string, selectionType?: string) => number | undefined;
 /**
- * Returns the intersection of two features. In case of a polygon, only the first feature is used.
+ * Returns the intersection of two point features. In case of a polygon, only the first feature is used.
  * @param a Feature A
  * @param b Feature B
  * @returns The intersection of the two features.
  */
-export declare const intersectGeoJSONS: (a: GeoJSON.FeatureCollection, b: GeoJSON.FeatureCollection, geoJSONProperties?: {
+export declare const intersectPointGeoJSONS: (a: GeoJSON.FeatureCollection<GeoJSON.Point>, b: GeoJSON.FeatureCollection, geoJSONProperties?: {
     stroke: string;
     'stroke-width': number;
     'stroke-opacity': number;
     fill: string;
     'fill-opacity': number;
 }) => GeoJSON.FeatureCollection;
+/**
+ * Returns the intersection of two (multi) polygon features. In case of a polygon, only the first feature is used.
+ * @param a Feature A
+ * @param b Feature B
+ * @returns The intersection of the two features.
+ */
+export declare const intersectPolygonGeoJSONS: (a: GeoJSON.FeatureCollection, b: GeoJSON.FeatureCollection, geoJSONProperties?: {
+    stroke: string;
+    'stroke-width': number;
+    'stroke-opacity': number;
+    fill: string;
+    'fill-opacity': number;
+}) => GeoJSON.FeatureCollection;
+export declare const isPointFeatureCollection: (geojson: GeoJSON.FeatureCollection) => geojson is FeatureCollection<Point, GeoJsonProperties>;
 /**
  * Adds the intersectionStart and intersectionEnd properties to the GeoJSONS structure
  * @param geoJSONs

package/src/lib/components/ReactMapView/ReactMapView.d.ts

@@ -33,6 +33,7 @@ export declare class ReactMapView extends React.Component<ReactMapViewProps, Rea
         displayMapPin: boolean;
         disableMapPin: boolean;
         onWMJSMount: () => void;
+        onWMJSUnMount: () => void;
         onMapChangeDimension: () => void;
         onUpdateLayerInformation: () => void;
         onMapZoomEnd: () => void;

package/src/lib/components/ReactMapView/types.d.ts

@@ -26,6 +26,7 @@ export interface ReactMapViewProps {
     showLayerInfo?: boolean;
     disableMapPin?: boolean;
     onWMJSMount?: (mapId: string) => void;
+    onWMJSUnMount?: (mapId: string) => void;
     onMapChangeDimension?: (payload: SetMapDimensionPayload) => void;
     onMapZoomEnd?: (payload: SetBboxPayload) => void;
     onMapPinChangeLocation?: (payload: MapPinLocationPayload) => void;

package/src/lib/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './CanvasComponent';
 export * from './Legend';
 export * from './MapDraw';
 export * from './MapDrawTool';
@@ -7,3 +6,4 @@ export * from './MapView';
 export * from './MapTime';
 export * from './MapControls';
 export * from './MapWarning';
+export * from './MapDimensionSelect';

package/src/lib/storyshots/Storyshots.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/CanvasComponent/CanvasComponent.d.ts

@@ -1,71 +0,0 @@
-import React, { Component } from 'react';
-interface CanvasComponentProps {
-    onRenderCanvas: (ctx: CanvasRenderingContext2D, width: number, height: number, canvas: HTMLCanvasElement) => void;
-    onCanvasClick?: (x: number, y: number, width: number, height: number) => void;
-    onMouseMove?: (x: number, y: number, event: MouseEvent, width: number) => void;
-    onMouseUp?: (x: number) => void;
-    onMouseDown?: (x: number, y: number, width: number) => void;
-    onTouchStart?: (event: TouchEvent, width: number) => void;
-    onTouchEnd?: () => void;
-    onTouchMove?: (event: TouchEvent, width: number) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    isFocussed?: (isFocussed: boolean) => void;
-    onWheel?: ({ event, deltaY, deltaX, canvasWidth, mouseX, }: {
-        event: WheelEvent;
-        deltaY: number;
-        deltaX: number;
-        canvasWidth: number;
-        mouseX: number;
-    }) => void;
-    loop?: boolean;
-    redrawInterval?: number;
-    resizeCallback?: (newWidth: number) => void;
-    children?: React.ReactNode;
-}
-export declare class CanvasComponent extends Component<CanvasComponentProps> {
-    canvas: HTMLCanvasElement | null;
-    ctx: CanvasRenderingContext2D | null;
-    currentWidth: number;
-    currentHeight: number;
-    canvascontaineroutside: React.RefObject<HTMLDivElement> | null;
-    canvascontainer: React.RefObject<HTMLDivElement> | null;
-    timer: ReturnType<typeof setTimeout> | null;
-    redrawTimer: ReturnType<typeof setTimeout> | null;
-    loopHasStarted: boolean;
-    mounted: boolean;
-    static defaultProps: {
-        onRenderCanvas: () => void;
-        onCanvasClick: () => void;
-        onMouseMove: () => void;
-        onMouseUp: () => void;
-        onMouseDown: () => void;
-        onTouchStart: () => void;
-        onTouchEnd: () => void;
-        onTouchMove: () => void;
-        onWheel: () => void;
-    };
-    private _isFocussed;
-    constructor(props: CanvasComponentProps);
-    componentDidMount(): void;
-    shouldComponentUpdate(): boolean;
-    componentWillUnmount(): void;
-    handleMouseMoveEvent(event: MouseEvent): void;
-    handleMouseUpEvent(event: MouseEvent): void;
-    handleMouseDownEvent(event: MouseEvent): void;
-    handleTouchStartEvent(event: TouchEvent): void;
-    handleTouchEndEvent(): void;
-    handleTouchMoveEvent(event: TouchEvent): void;
-    handleClickEvent(event: MouseEvent): void;
-    handleWheelEvent(event: WheelEvent): void;
-    onFocus(): void;
-    onBlur(): void;
-    onKeyUp(event: KeyboardEvent): void;
-    _documentKeyDown(event: KeyboardEvent): void;
-    _handleWindowResize(): void;
-    startLoop(): void;
-    updateCanvas(): void;
-    resize(): void;
-    render(): React.ReactElement;
-}
-export {};

package/src/lib/components/CanvasComponent/CanvasComponentDynamic.stories.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const DynamicCanvas: React.FC;

package/src/lib/components/CanvasComponent/CanvasComponentStatic.stories.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const StaticCanvas: React.FC;

package/src/lib/components/CanvasComponent/index.d.ts

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