terra-draw 0.0.1-alpha.0 → 0.0.1-alpha.11

package/CHANGELOG.md

@@ -0,0 +1,62 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+### [0.0.1-alpha.11](https://github.com/JamesLMilner/terra-draw/compare/v0.0.1-alpha.10...v0.0.1-alpha.11) (2022-11-29)
+
+
+### Features
+
+* add MapLibre adapter ([464dce4](https://github.com/JamesLMilner/terra-draw/commit/464dce418bd6f18f3043d9072f3636d051ad900a))
+
+
+### Chore
+
+* add automated documentation to the project ([0bbefbb](https://github.com/JamesLMilner/terra-draw/commit/0bbefbb8b69a18d73159b73ccdff5f79c7c0b843))
+
+### 0.0.1-alpha.10 (2022-11-24)
+
+
+### Features
+
+* add closing point to linestring ot make easier to close for users ([e14b276](https://github.com/JamesLMilner/terra-draw/commit/e14b2769f3eb00faea55f30a24ebd4beabae92fe))
+* add keybinding to allow finishing of geometries on keypress ([9b2b88e](https://github.com/JamesLMilner/terra-draw/commit/9b2b88ef4df94b8fdb5f16ded22cab6315d59cc6))
+* adding closing points for drawing polygons ([c569ed6](https://github.com/JamesLMilner/terra-draw/commit/c569ed6c000683c2c9cba8fc8bec7ab5f5779a8c))
+* use minimum distance approach instead of nth event for freehand ([240952d](https://github.com/JamesLMilner/terra-draw/commit/240952d2360568cba1f46340fa37360860125eed))
+
+
+### Chore
+
+* add better unit test coverage for select mode ([46f3e3c](https://github.com/JamesLMilner/terra-draw/commit/46f3e3c7dc01d8d03261af762434c296f438d2e3))
+* add development to .npmignore ([8fa412f](https://github.com/JamesLMilner/terra-draw/commit/8fa412fcaef0f39d584ef6a1190391478ad12bb7))
+* add docs to .npmignore ([df907c3](https://github.com/JamesLMilner/terra-draw/commit/df907c3448385d24eb2afee3ec3f083a48c14325))
+* add documentaiton for development and contributing ([4148d3e](https://github.com/JamesLMilner/terra-draw/commit/4148d3e22ffce5558278e148ea569d49f63ad8a7))
+* add links and licenses where appropriate ([7e5aa62](https://github.com/JamesLMilner/terra-draw/commit/7e5aa621c64e1124b9a40dc5b8570ad3247a8ba2))
+* add logo to README ([149a519](https://github.com/JamesLMilner/terra-draw/commit/149a5196b37e3263fa4246c78214725f861e38be))
+* add npm install instructions to README ([2094716](https://github.com/JamesLMilner/terra-draw/commit/209471665318dc9fbd4fbd31e0ba17c7843bab72))
+* add precommit hooks ([752c2f8](https://github.com/JamesLMilner/terra-draw/commit/752c2f850d5db7f0d3f4a0b4f6580a1b578ca167))
+* add src to .npmignore ([0d769b8](https://github.com/JamesLMilner/terra-draw/commit/0d769b8618837c2f0672034654d7a91bc1183649))
+* add TerraDrawRenderMode as an export ([8f7fd60](https://github.com/JamesLMilner/terra-draw/commit/8f7fd60697ed17a2bacd7d6eddc85aced46e6fad))
+* add types property at top level of package.json ([2b53b63](https://github.com/JamesLMilner/terra-draw/commit/2b53b636f5688d3bfd45b02139e61a0474739abf))
+* add types to exports in package.json ([94f5b5c](https://github.com/JamesLMilner/terra-draw/commit/94f5b5c4e83124b11a2c991c7948189f53d9d865))
+* bump to 0.0.1-alpha.9 ([a4bb461](https://github.com/JamesLMilner/terra-draw/commit/a4bb46192cd80199f943a9e05e1808409a75b859))
+* bump to 0.1-alpha.2 ([003ddb2](https://github.com/JamesLMilner/terra-draw/commit/003ddb2055ffad92121b9c71db115466575c4378))
+* bump to 0.1-alpha.3 ([f56c5d8](https://github.com/JamesLMilner/terra-draw/commit/f56c5d85d3f6eaef0ba50de9741327f5db777ad7))
+* bump to 0.1-alpha.4 ([198b281](https://github.com/JamesLMilner/terra-draw/commit/198b281891dcd19c5f7396c4dcad033fec93265c))
+* bump to 0.1-alpha.5 ([daa6630](https://github.com/JamesLMilner/terra-draw/commit/daa6630070452cf633e67f64c61408cb7e215a86))
+* bump to 0.1-alpha.6 ([86f17d6](https://github.com/JamesLMilner/terra-draw/commit/86f17d61eb1fe59e3b9ffcb0e84ef616ccab6d84))
+* bump to 0.1-alpha.7 ([0e98f38](https://github.com/JamesLMilner/terra-draw/commit/0e98f384a8813097626cec13fa0f17ffc8d5e5b9))
+* bump to 0.1-alpha.8 ([5065f83](https://github.com/JamesLMilner/terra-draw/commit/5065f833534f8e117cfddebb93f164bee3c6fcd8))
+* change styling API to work on a per feature level ([ef43294](https://github.com/JamesLMilner/terra-draw/commit/ef4329449f20399425c7212e50eb730e760a9dda))
+* clean up website section of README ([214b39f](https://github.com/JamesLMilner/terra-draw/commit/214b39f25096f4928637c93386861d73fbe99955))
+* ensure default comes last in exports object of package.json ([1b7c849](https://github.com/JamesLMilner/terra-draw/commit/1b7c8498e14db4c83d7d5c52912532379e59d114))
+* fix typescript typings location ([756586a](https://github.com/JamesLMilner/terra-draw/commit/756586a8dfb283b11372ecd9df6381d375e7939a))
+* more select unit tests ([e440db8](https://github.com/JamesLMilner/terra-draw/commit/e440db8328a4be85e1c4f95646c5fb447d0060a9))
+* polygon closing snapping, identical coord protection ([27eceaf](https://github.com/JamesLMilner/terra-draw/commit/27eceaf102ffa1a4f57b739f061106cbd2345df2))
+* readd logo ([63ee2dc](https://github.com/JamesLMilner/terra-draw/commit/63ee2dc58d544949edff61336d93996fe61424e9))
+* remove docs folder ([2f74921](https://github.com/JamesLMilner/terra-draw/commit/2f749215af2854c22f61293752bac6de24e30467))
+* remove futher files from publish ([b71ea63](https://github.com/JamesLMilner/terra-draw/commit/b71ea63819fd68acbc577ed79b2a4a7e81fb9ceb))
+* remove styling experiment from development ([808dfbb](https://github.com/JamesLMilner/terra-draw/commit/808dfbb18fa697511a3c96595106d28046398b91))
+* remove top level files ([ed39533](https://github.com/JamesLMilner/terra-draw/commit/ed3953365dbc5d1ed06f655967fac523cd33eddb))
+* remove unused imports ([a2ba004](https://github.com/JamesLMilner/terra-draw/commit/a2ba004a1f4b95b83d2aefecf83fab60237a477b))
+* use webpack-dev-server for development folder ([7783e6a](https://github.com/JamesLMilner/terra-draw/commit/7783e6ad79137323e9d3aceab062f62e258590e6))

package/README.md

@@ -1,4 +1,4 @@
-<img src="docs/logo.png" alt="Terra Draw Logo" width="400"/>
+<img src="https://terradraw.io/imgs/logo.png" alt="Terra Draw Logo" width="400"/>
 
 ![Terra Draw CI Badge](https://github.com/JamesLMilner/terra-draw/actions/workflows/ci.yml/badge.svg)
 
@@ -6,6 +6,16 @@ Frictionless map drawing across mapping libraries.
 
 TerraDraw centralises map drawing logic and provides a host of out the box drawing modes that work across map providers (currently Leaflet, Mapbox, Google) via adapters.
 
+### Install
+
+You can install the Terra Draw into your project like so:
+
+```shell
+npm install terra-draw
+```
+
+Be aware Terra Draw is currently in alpha, the initial API is still being finalised  
+
 ### Development
 
 Please see the [the development documentation](./DEVELOPMENT.md)
@@ -14,6 +24,10 @@ Please see the [the development documentation](./DEVELOPMENT.md)
 
 Please see the [the contributing documentation](./CONTRIBUTING.md)
 
+### Project Website
+
+You can checkout the offical Terra Draw website at [terradraw.io](https://www.terradraw.io). If you are interested in contributing to the website please see [this repository](https://www.github.com/JamesLMilner/terra-draw-website).
+
 ### License
 
 MIT

package/dist/adapters/google-maps.adapter.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="google.maps" />
 import { TerraDrawCallbacks, TerraDrawAdapter, TerraDrawModeRegisterConfig, TerraDrawAdapterStyling, TerraDrawChanges } from "../common";
+import { GeoJSONStoreFeatures } from "../store/store";
 export declare class TerraDrawGoogleMapsAdapter implements TerraDrawAdapter {
     constructor(config: {
         lib: typeof google.maps;
@@ -33,6 +34,6 @@ export declare class TerraDrawGoogleMapsAdapter implements TerraDrawAdapter {
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
     render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
+        [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
     }): void;
 }

package/dist/adapters/leaflet.adapter.d.ts

@@ -1,5 +1,6 @@
 import { TerraDrawCallbacks, TerraDrawAdapter, TerraDrawModeRegisterConfig, TerraDrawAdapterStyling, TerraDrawChanges } from "../common";
 import L from "leaflet";
+import { GeoJSONStoreFeatures } from "../store/store";
 export declare class TerraDrawLeafletAdapter implements TerraDrawAdapter {
     constructor(config: {
         lib: typeof L;
@@ -18,10 +19,7 @@ export declare class TerraDrawLeafletAdapter implements TerraDrawAdapter {
     private _onDragListener;
     private _onDragEndListener;
     private _layer;
-    private _midPointPaneZIndexStyleSheet;
-    private _midPointPane;
-    private _selectionPaneZIndexStyleSheet;
-    private _selectedPane;
+    private _panes;
     project: TerraDrawModeRegisterConfig["project"];
     unproject: TerraDrawModeRegisterConfig["unproject"];
     setCursor: TerraDrawModeRegisterConfig["setCursor"];
@@ -30,6 +28,6 @@ export declare class TerraDrawLeafletAdapter implements TerraDrawAdapter {
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
     render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
+        [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
     }): void;
 }

package/dist/adapters/mapbox-gl.adapter.d.ts

@@ -1,5 +1,6 @@
 import { TerraDrawCallbacks, TerraDrawAdapter, TerraDrawModeRegisterConfig, TerraDrawAdapterStyling, TerraDrawChanges } from "../common";
 import mapboxgl from "mapbox-gl";
+import { GeoJSONStoreFeatures } from "../store/store";
 export declare class TerraDrawMapboxGLAdapter implements TerraDrawAdapter {
     constructor(config: {
         map: mapboxgl.Map;
@@ -31,6 +32,6 @@ export declare class TerraDrawMapboxGLAdapter implements TerraDrawAdapter {
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
     render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
+        [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
     }): void;
 }

package/dist/common.d.ts

@@ -1,23 +1,17 @@
 import { StoreChangeHandler, GeoJSONStore, GeoJSONStoreFeatures } from "./store/store";
+export declare type HexColor = `#${string}`;
 export interface TerraDrawAdapterStyling {
-    pointColor: string;
+    pointColor: HexColor;
     pointWidth: number;
-    pointOutlineColor: string;
-    polygonFillColor: string;
+    pointOutlineColor: HexColor;
+    pointOutlineWidth: number;
+    polygonFillColor: HexColor;
     polygonFillOpacity: number;
-    polygonOutlineColor: string;
+    polygonOutlineColor: HexColor;
     polygonOutlineWidth: number;
     lineStringWidth: number;
-    lineStringColor: string;
-    selectedColor: string;
-    selectionPointWidth: number;
-    selectedPointOutlineColor: string;
-    midPointColor: string;
-    midPointWidth: number;
-    midPointOutlineColor: string;
-    closingPointColor: string;
-    closingPointOutlineColor: string;
-    closingPointWidth: number;
+    lineStringColor: HexColor;
+    zIndex: number;
 }
 export interface TerraDrawMouseEvent {
     lng: number;
@@ -52,7 +46,8 @@ export interface TerraDrawModeRegisterConfig {
 export declare type TerraDrawModeState = "unregistered" | "registered" | "started" | "stopped";
 export interface TerraDrawMode {
     mode: string;
-    styling: TerraDrawAdapterStyling;
+    styleFeature: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
+    styles: any;
     state: TerraDrawModeState;
     start: () => void;
     stop: () => void;
@@ -80,6 +75,9 @@ export interface TerraDrawChanges {
     unchanged: GeoJSONStoreFeatures[];
     deletedIds: string[];
 }
+declare type TerraDrawStylingFunction = {
+    [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
+};
 export interface TerraDrawAdapter {
     project: Project;
     unproject: Unproject;
@@ -87,13 +85,14 @@ export interface TerraDrawAdapter {
     getMapContainer: () => HTMLElement;
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
-    render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
-    }): void;
+    render(changes: TerraDrawChanges, styling: TerraDrawStylingFunction): void;
 }
 export declare const SELECT_PROPERTIES: {
     readonly SELECTED: "selected";
     readonly MID_POINT: "midPoint";
     readonly SELECTION_POINT: "selectionPoint";
 };
+export declare const POLYGON_PROPERTIES: {
+    CLOSING_POINT: string;
+};
 export {};

package/dist/modes/base.mode.d.ts

@@ -1,13 +1,14 @@
 import { BehaviorConfig, TerraDrawModeBehavior } from "./base.behavior";
-import { TerraDrawAdapterStyling, TerraDrawModeRegisterConfig, TerraDrawModeState } from "../common";
-import { GeoJSONStore } from "../store/store";
-export declare abstract class TerraDrawBaseDrawMode {
-    _state: TerraDrawModeState;
-    _styling: TerraDrawAdapterStyling;
+import { TerraDrawModeRegisterConfig, TerraDrawModeState } from "../common";
+import { GeoJSONStore, GeoJSONStoreFeatures } from "../store/store";
+declare type CustomStyling = Record<string, string | number>;
+export declare abstract class TerraDrawBaseDrawMode<T extends CustomStyling> {
+    protected _state: TerraDrawModeState;
     get state(): TerraDrawModeState;
     set state(_: TerraDrawModeState);
-    get styling(): TerraDrawAdapterStyling;
-    set styling(styling: TerraDrawAdapterStyling);
+    protected _styles: Partial<T>;
+    get styles(): Partial<T>;
+    set styles(styling: Partial<T>);
     protected behaviors: TerraDrawModeBehavior[];
     protected pointerDistance: number;
     protected coordinatePrecision: number;
@@ -18,7 +19,7 @@ export declare abstract class TerraDrawBaseDrawMode {
     protected setCursor: TerraDrawModeRegisterConfig["setCursor"];
     protected registerBehaviors(behaviorConfig: BehaviorConfig): void;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<T>;
         pointerDistance?: number;
         coordinatePrecision?: number;
     });
@@ -27,4 +28,6 @@ export declare abstract class TerraDrawBaseDrawMode {
     register(config: TerraDrawModeRegisterConfig): void;
     onDeselect(deselectedId: string): void;
     onSelect(selectedId: string): void;
+    styleFeature(feature: GeoJSONStoreFeatures): void;
 }
+export {};

package/dist/modes/circle/circle.mode.d.ts

@@ -1,18 +1,27 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
+import { GeoJSONStoreFeatures } from "../../store/store";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 declare type TerraDrawCircleModeKeyEvents = {
     cancel: KeyboardEvent["key"];
+    finish: KeyboardEvent["key"];
 };
-export declare class TerraDrawCircleMode extends TerraDrawBaseDrawMode {
+declare type FreehandPolygonStyling = {
+    fillColor: HexColor;
+    outlineColor: HexColor;
+    outlineWidth: number;
+    fillOpacity: number;
+};
+export declare class TerraDrawCircleMode extends TerraDrawBaseDrawMode<FreehandPolygonStyling> {
     mode: string;
     private center;
     private clickCount;
     private currentCircleId;
     private keyEvents;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<FreehandPolygonStyling>;
         keyEvents?: TerraDrawCircleModeKeyEvents;
     });
+    private close;
     start(): void;
     stop(): void;
     onClick(event: TerraDrawMouseEvent): void;
@@ -23,5 +32,6 @@ export declare class TerraDrawCircleMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/freehand/freehand.mode.d.ts

@@ -1,20 +1,33 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawFreehandModeKeyEvents = {
     cancel: KeyboardEvent["key"];
+    finish: KeyboardEvent["key"];
 };
-export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode {
+declare type FreehandPolygonStyling = {
+    fillColor: HexColor;
+    outlineColor: HexColor;
+    outlineWidth: number;
+    fillOpacity: number;
+    closingPointColor: HexColor;
+    closingPointWidth: number;
+    closingPointOutlineColor: HexColor;
+    closingPointOutlineWidth: number;
+};
+export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode<FreehandPolygonStyling> {
     mode: string;
     private startingClick;
     private currentId;
-    private skip;
-    private everyNthMouseEvent;
+    private closingPointId;
+    private minDistance;
     private keyEvents;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
-        everyNthMouseEvent?: number;
+        styles?: Partial<FreehandPolygonStyling>;
+        minDistance?: number;
         keyEvents?: TerraDrawFreehandModeKeyEvents;
     });
+    private close;
     start(): void;
     stop(): void;
     onMouseMove(event: TerraDrawMouseEvent): void;
@@ -25,5 +38,6 @@ export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/linestring/linestring.mode.d.ts

@@ -1,13 +1,24 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 import { BehaviorConfig } from "../base.behavior";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawLineStringModeKeyEvents = {
     cancel: KeyboardEvent["key"];
+    finish: KeyboardEvent["key"];
 };
-export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode {
+declare type LineStringStyling = {
+    lineStringWidth: number;
+    lineStringColor: HexColor;
+    closingPointColor: HexColor;
+    closingPointWidth: number;
+    closingPointOutlineColor: HexColor;
+    closingPointOutlineWidth: number;
+};
+export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode<LineStringStyling> {
     mode: string;
     private currentCoordinate;
     private currentId;
+    private closingPointId;
     private allowSelfIntersections;
     private keyEvents;
     private snappingEnabled;
@@ -16,9 +27,10 @@ export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode {
         snapping?: boolean;
         allowSelfIntersections?: boolean;
         pointerDistance?: number;
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<LineStringStyling>;
         keyEvents?: TerraDrawLineStringModeKeyEvents;
     });
+    private close;
     registerBehaviors(config: BehaviorConfig): void;
     start(): void;
     stop(): void;
@@ -30,5 +42,6 @@ export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/point/point.mode.d.ts

@@ -1,9 +1,15 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, HexColor } from "../../common";
+import { GeoJSONStoreFeatures } from "../../store/store";
 import { TerraDrawBaseDrawMode } from "../base.mode";
-export declare class TerraDrawPointMode extends TerraDrawBaseDrawMode {
+declare type PointModeStyling = {
+    pointWidth: number;
+    pointColor: HexColor;
+    pointOutlineColor: HexColor;
+};
+export declare class TerraDrawPointMode extends TerraDrawBaseDrawMode<PointModeStyling> {
     mode: string;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<PointModeStyling>;
     });
     start(): void;
     stop(): void;
@@ -15,4 +21,6 @@ export declare class TerraDrawPointMode extends TerraDrawBaseDrawMode {
     onDragStart(): void;
     onDrag(): void;
     onDragEnd(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
+export {};

package/dist/modes/polygon/behaviors/closing-points.behavior.d.ts

@@ -0,0 +1,19 @@
+import { Position } from "geojson";
+import { BehaviorConfig, TerraDrawModeBehavior } from "../../base.behavior";
+import { TerraDrawMouseEvent } from "../../../common";
+import { PixelDistanceBehavior } from "../../pixel-distance.behavior";
+export declare class ClosingPointsBehavior extends TerraDrawModeBehavior {
+    readonly config: BehaviorConfig;
+    private readonly pixelDistance;
+    constructor(config: BehaviorConfig, pixelDistance: PixelDistanceBehavior);
+    private _startEndPoints;
+    get ids(): string[];
+    set ids(_: string[]);
+    create(selectedCoords: Position[], mode: string): void;
+    delete(): void;
+    update(updatedCoordinates: Position[]): void;
+    isClosingPoint(event: TerraDrawMouseEvent): {
+        isClosing: boolean;
+        isPreviousClosing: boolean;
+    };
+}

package/dist/modes/polygon/polygon.mode.d.ts

@@ -1,10 +1,22 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 import { BehaviorConfig } from "../base.behavior";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawPolygonModeKeyEvents = {
     cancel: KeyboardEvent["key"];
+    finish: KeyboardEvent["key"];
 };
-export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode {
+declare type PolygonStyling = {
+    fillColor: HexColor;
+    outlineColor: HexColor;
+    outlineWidth: number;
+    fillOpacity: number;
+    closingPointWidth: number;
+    closingPointColor: HexColor;
+    closingPointOutlineWidth: number;
+    closingPointOutlineColor: HexColor;
+};
+export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode<PolygonStyling> {
     mode: string;
     private currentCoordinate;
     private currentId;
@@ -14,14 +26,15 @@ export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode {
     private isClosed;
     private snapping;
     private pixelDistance;
-    private startEndPoint;
+    private closingPoints;
     constructor(options?: {
         allowSelfIntersections?: boolean;
         snapping?: boolean;
-        styling?: Partial<TerraDrawAdapterStyling>;
         pointerDistance?: number;
+        styles?: Partial<PolygonStyling>;
         keyEvents?: TerraDrawPolygonModeKeyEvents;
     });
+    private close;
     registerBehaviors(config: BehaviorConfig): void;
     start(): void;
     stop(): void;
@@ -33,5 +46,6 @@ export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/render/render.mode.d.ts

@@ -0,0 +1,23 @@
+import { TerraDrawAdapterStyling } from "../../common";
+import { TerraDrawBaseDrawMode } from "../base.mode";
+import { BehaviorConfig } from "../base.behavior";
+declare type RenderModeStylingExt<T extends TerraDrawAdapterStyling> = {};
+declare type RenderModeStyling = RenderModeStylingExt<TerraDrawAdapterStyling>;
+export declare class TerraDrawRenderMode extends TerraDrawBaseDrawMode<RenderModeStyling> {
+    mode: string;
+    constructor(options: {
+        styles: Partial<TerraDrawAdapterStyling>;
+    });
+    registerBehaviors(behaviorConfig: BehaviorConfig): void;
+    start(): void;
+    stop(): void;
+    onKeyUp(): void;
+    onKeyDown(): void;
+    onClick(): void;
+    onDragStart(): void;
+    onDrag(): void;
+    onDragEnd(): void;
+    onMouseMove(): void;
+    styleFeature(): TerraDrawAdapterStyling;
+}
+export {};

package/dist/modes/select/select.mode.d.ts

@@ -1,6 +1,7 @@
-import { TerraDrawMouseEvent, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawKeyboardEvent, HexColor, TerraDrawAdapterStyling } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 import { BehaviorConfig } from "../base.behavior";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawSelectModeKeyEvents = {
     deselect: KeyboardEvent["key"];
     delete: KeyboardEvent["key"];
@@ -19,7 +20,20 @@ declare type ModeFlags = {
         };
     };
 };
-export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode {
+declare type SelectionStyling = {
+    selectedColor: HexColor;
+    selectedPointOutlineColor: HexColor;
+    selectPointOutlineWidth: number;
+    selectionPointWidth: number;
+    selectionPointColor: HexColor;
+    selectionPointOutlineColor: HexColor;
+    selectionPointOutlineWidth: number;
+    midPointColor: HexColor;
+    midPointOutlineColor: HexColor;
+    midPointWidth: number;
+    midPointOutlineWidth: number;
+};
+export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode<SelectionStyling> {
     mode: string;
     private dragEventThrottle;
     private dragEventCount;
@@ -36,6 +50,7 @@ export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode {
     private rotateFeature;
     private scaleFeature;
     constructor(options?: {
+        styles?: Partial<SelectionStyling>;
         pointerDistance?: number;
         flags?: {
             [mode: string]: ModeFlags;
@@ -58,5 +73,6 @@ export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode {
     onDrag(event: TerraDrawMouseEvent): void;
     onDragEnd(_: TerraDrawMouseEvent, setMapDraggability: (enabled: boolean) => void): void;
     onMouseMove(event: TerraDrawMouseEvent): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/static/static.mode.d.ts

@@ -1,5 +1,8 @@
+import { TerraDrawAdapterStyling } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
-export declare class TerraDrawStaticMode extends TerraDrawBaseDrawMode {
+declare type StaticModeStylingExt<T extends TerraDrawAdapterStyling> = {};
+declare type StaticModeStyling = StaticModeStylingExt<TerraDrawAdapterStyling>;
+export declare class TerraDrawStaticMode extends TerraDrawBaseDrawMode<StaticModeStyling> {
     mode: string;
     start(): void;
     stop(): void;
@@ -10,4 +13,18 @@ export declare class TerraDrawStaticMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     onMouseMove(): void;
+    styleFeature(): {
+        pointColor: `#${string}`;
+        pointWidth: number;
+        pointOutlineColor: `#${string}`;
+        pointOutlineWidth: number;
+        polygonFillColor: `#${string}`;
+        polygonFillOpacity: number;
+        polygonOutlineColor: `#${string}`;
+        polygonOutlineWidth: number;
+        lineStringWidth: number;
+        lineStringColor: `#${string}`;
+        zIndex: number;
+    };
 }
+export {};