@opengeoweb/webmap-react 9.8.0 → 9.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "9.8.0",
+  "version": "9.10.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -11,15 +11,14 @@
     "@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",
     "@turf/turf": "^6.5.0",
-    "immer": "^9.0.21",
+    "immer": "^10.0.3",
     "react-resize-detector": "^9.1.0",
-    "throttle-debounce": "^5.0.0",
-    "date-fns": "^3.3.0"
+    "throttle-debounce": "^5.0.0"
   },
   "peerDependencies": {
     "react": "18"

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/MapDraw.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { GeoJsonProperties, GeometryObject, Position } from 'geojson';
 import { GeoJsonFeatureType, GeoJsonFeature, GeoFeatureStyle, Coordinate } from './geojsonShapes';
-type DrawStyle = {
+interface DrawStyle {
     x: number;
     y: number;
     nr: number;
-};
-type InputEvent = {
+}
+interface InputEvent {
     leftButton: boolean;
     mouseDown: boolean;
     mouseX: number;
     mouseY: number;
     rightButton: boolean;
-};
+}
 export interface FeatureEvent {
     coordinateIndexInFeature: number;
     featureIndex: number;

package/src/lib/components/MapDraw/MapDrawContainer.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GeometryObject } from 'geojson';
 import { DrawModeExitCallback, FeatureEvent } from './MapDraw';
-export type FeatureLayer = {
+export interface FeatureLayer {
     id: string;
     type: string;
     features: [];
@@ -14,7 +14,7 @@ export type FeatureLayer = {
     updateGeojson?: (feature: GeometryObject, reason: string) => void;
     exitDrawModeCallback?: (reason: DrawModeExitCallback) => void;
     selectedFeatureIndex?: string;
-};
+}
 interface MapDrawContainerProps {
     featureLayers: FeatureLayer[];
     mapId: string;

package/src/lib/components/MapDraw/geojsonShapes.d.ts

@@ -7,14 +7,14 @@ export declare const featureBox: GeoJSON.Feature<GeoJSON.Polygon>;
 export declare const lineString: GeoJSON.FeatureCollection;
 export type GeoJsonFeatureType = GeoJSON.Polygon | GeoJSON.MultiPoint | GeoJSON.Point | GeoJSON.LineString | GeoJSON.MultiPolygon;
 export type GeoJsonFeature = GeoJSON.Feature<GeoJsonFeatureType>;
-export type GeoFeatureStyle = {
+export interface GeoFeatureStyle {
     stroke?: string;
     fill?: string;
     'stroke-width'?: number;
     'stroke-opacity'?: number;
     'fill-opacity'?: number;
-};
-export type Coordinate = {
+}
+export interface Coordinate {
     x: number;
     y: number;
-};
+}

package/src/lib/components/MapDraw/mapDrawUtils.d.ts

@@ -18,10 +18,10 @@ export interface MapDrawDrawFunctionArgs {
     mouseY: number;
     isHovered: boolean;
 }
-type DrawFunction = {
+interface DrawFunction {
     id: string;
     drawMethod: (args: MapDrawDrawFunctionArgs) => void;
-};
+}
 export declare const getDrawFunctionFromStore: (id: string) => DrawFunction['drawMethod'] | undefined;
 export declare const registerDrawFunction: (drawFunction?: DrawFunction['drawMethod']) => string;
 export declare const NEW_LINESTRING_CREATED = "new point in LineString created";

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/IntersectionSelect.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-type IntersectionElement = {
+interface IntersectionElement {
     geojson: GeoJSON.FeatureCollection;
     title: string;
-};
+}
 interface IntersectionSelectProps {
     intersections: IntersectionElement[];
     onChangeIntersection: (geojson: GeoJSON.FeatureCollection, title: string) => void;

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,8 +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 getToolIcon: (id: string) => React.ReactElement;
+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/storyExamplesMapDrawToolIntersection.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { SelectionType } from './types';
 import { MapDrawToolOptions } from './useMapDrawTool';
-export declare const getIntersectionToolIcon: (id: string) => React.ReactElement;
+export declare const getIntersectionToolIcon: (selectionType: SelectionType) => React.ReactElement;
 export declare const exampleIntersections: {
     title: string;
     geojson: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DrawMode } from './types';
 import { MapDrawToolOptions } from './useMapDrawTool';
-export declare const firButtonDrawId = "fir-button";
+export declare const firSelectionType = "fir";
 export declare const exampleIntersectionsMultiDrawTool: {
     title: string;
     geojson: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;

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

@@ -1,9 +1,13 @@
 import { DRAWMODE } from '../MapDraw/MapDraw';
 export type DrawModeValue = DRAWMODE | 'DELETE' | '';
-export type DrawMode = {
+type DefaultSelectionTypes = 'poly' | 'point' | 'box' | 'linestring';
+export type SelectionType = DefaultSelectionTypes | string;
+export interface DrawMode {
     drawModeId: string;
     value: DrawModeValue;
     shape: GeoJSON.Feature | GeoJSON.FeatureCollection;
     title: string;
     isSelectable: boolean;
-};
+    selectionType: SelectionType;
+}
+export {};

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import { DrawMode, DrawModeValue } from './types';
+import { DrawMode, DrawModeValue, SelectionType } from './types';
 import { MapViewLayerProps } from '../MapView';
-import { DRAWMODE } from '../MapDraw/MapDraw';
 export declare const defaultIntersectionStyleProperties: GeoJSON.GeoJsonProperties;
 export declare const emptyLineString: GeoJSON.Feature;
 export declare const emptyPoint: GeoJSON.Feature;
@@ -42,67 +41,13 @@ export interface MapDrawToolOptions {
     geoJSONIntersectionLayerId?: string;
     geoJSONIntersectionBoundsLayerId?: string;
 }
-export declare const getIcon: (drawModeId: string) => React.ReactElement | null;
-export declare const defaultPoint: {
-    drawModeId: string;
-    value: DRAWMODE;
-    title: string;
-    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-};
-export declare const defaultPolygon: {
-    drawModeId: string;
-    value: DRAWMODE;
-    title: string;
-    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-};
-export declare const defaultBox: {
-    drawModeId: string;
-    value: DRAWMODE;
-    title: string;
-    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-};
-export declare const defaultLineString: {
-    drawModeId: string;
-    value: DRAWMODE;
-    title: string;
-    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-};
-export declare const defaultDelete: {
-    drawModeId: string;
-    value: "DELETE";
-    title: string;
-    shape: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-};
-export declare const defaultModes: ({
-    drawModeId: string;
-    value: DRAWMODE;
-    title: string;
-    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-} | {
-    drawModeId: string;
-    value: "DELETE";
-    title: string;
-    shape: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-})[];
-export declare const currentlySupportedDrawModes: ({
-    drawModeId: string;
-    value: DRAWMODE;
-    title: string;
-    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-} | {
-    drawModeId: string;
-    value: "DELETE";
-    title: string;
-    shape: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
-    isSelectable: boolean;
-})[];
+export declare const getIcon: (selectionType: SelectionType) => React.ReactElement | null;
+export declare const defaultPoint: DrawMode;
+export declare const defaultPolygon: DrawMode;
+export declare const defaultBox: DrawMode;
+export declare const defaultLineString: DrawMode;
+export declare const defaultDelete: DrawMode;
+export declare const defaultModes: DrawMode[];
+export declare const currentlySupportedDrawModes: DrawMode[];
 export declare const useMapDrawTool: ({ defaultDrawModes, shouldAllowMultipleShapes, defaultGeoJSON, defaultGeoJSONIntersection, defaultGeoJSONIntersectionBounds, defaultGeoJSONIntersectionProperties, geoJSONLayerId, geoJSONIntersectionLayerId, geoJSONIntersectionBoundsLayerId, }: MapDrawToolOptions) => MapDrawToolProps;
 export {};

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

@@ -1,6 +1,6 @@
 import { Feature } from '@turf/turf';
-import { FeatureCollection } from 'geojson';
-import { DrawMode } from './types';
+import { FeatureCollection, GeoJsonProperties, Point } from 'geojson';
+import { DrawMode, SelectionType } from './types';
 /**
  * Adds properties to the first geojson feature based on the given property object.
  * It only extends or changes the properties which are defined in styleConfig,
@@ -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
@@ -39,6 +53,9 @@ export declare const intersectGeoJSONS: (a: GeoJSON.FeatureCollection, b: GeoJSO
  */
 export declare const createInterSections: (geojson: GeoJSON.FeatureCollection, otherGeoJSON: GeoJSON.FeatureCollection, geoJSONproperties?: GeoJSON.GeoJsonProperties) => GeoJSON.FeatureCollection;
 export declare const getGeoJson: (geojson: GeoJSON.FeatureCollection, shouldAllowMultipleShapes: boolean) => GeoJSON.FeatureCollection;
+export declare const getLastEmptyFeatureIndex: (geoJSONFeatureCollection: GeoJSON.FeatureCollection) => number | undefined;
 export declare const getFeatureCollection: (geoJSONFeature: GeoJSON.Feature | GeoJSON.FeatureCollection, shouldAllowMultipleShapes: boolean, geoJSONFeatureCollection?: GeoJSON.FeatureCollection) => GeoJSON.FeatureCollection;
-export declare const isGeoJSONFeatureCreatedByTool: (existingJSON: GeoJSON.FeatureCollection, newGeoJSON: GeoJSON.Feature | GeoJSON.FeatureCollection) => boolean;
+export declare const isGeoJSONFeatureCreatedByTool: (existingJSON: GeoJSON.FeatureCollection, selectionType: SelectionType, featureLayerIndex?: number) => boolean;
 export declare const rewindGeometry: (geoJSON: FeatureCollection) => FeatureCollection;
+export declare const addGeoJSONProperties: (geoJSON: GeoJSON.Feature | GeoJSON.FeatureCollection, newProperties: GeoJsonProperties) => GeoJSON.Feature | GeoJSON.FeatureCollection;
+export declare const addSelectionTypeToGeoJSON: (geoJSON: GeoJSON.Feature | GeoJSON.FeatureCollection, selectionType: SelectionType) => GeoJSON.Feature | GeoJSON.FeatureCollection;

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';