@deck.gl-community/editable-layers 9.0.0-alpha.1 → 9.0.2

package/dist/mode-handlers/two-click-polygon-handler.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { ModeHandler } from './mode-handler';
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class TwoClickPolygonHandler extends ModeHandler {

package/dist/mode-handlers/view-handler.d.ts

@@ -1,4 +1,4 @@
-import { Position } from '../geojson-types';
+import { Position } from '../utils/geojson-types';
 import { EditHandle, ModeHandler } from './mode-handler';
 export declare class ViewHandler extends ModeHandler {
     getCursor({ isDragging }: {

package/dist/mode-handlers/view-handler.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { ModeHandler } from './mode-handler';
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class ViewHandler extends ModeHandler {

package/dist/shaderlib/color/color.d.ts

@@ -1,8 +1,9 @@
 declare function getUniforms(opts?: Record<string, number>): Record<string, number>;
-declare const _default: {
-    name: string;
-    vs: string;
-    fs: string;
-    getUniforms: typeof getUniforms;
+/** Shader module that implements desaturation. @note still WIP */
+export declare const color: {
+    readonly name: "color";
+    readonly vs: "in vec4 color_vColor;\n\ncolor_setColor(vec4 color) {\n  color_vColor = color;\n}\n";
+    readonly fs: "uniform float color_uOpacity;\nuniform float color_uDesaturate;\nuniform float color_uBrightness;\n\nin vec4 color_vColor;\n\nout vec4 fragColor;\n\nvec4 color_getColor() {\n  return color_vColor;\n}\n\nvec4 color_filterColor(vec4 color) {\n  // apply desaturation and brightness\n  if (color_uDesaturate > 0.01) {\n    float luminance = (color.r + color.g + color.b) * 0.333333333 + color_uBrightness;\n    color = vec4(mix(color.rgb, vec3(luminance), color_uDesaturate), color.a);\n\n  // Apply opacity\n  color = vec4(color.rgb, color.a * color_uOpacity);\n  return color;\n}\n";
+    readonly getUniforms: typeof getUniforms;
 };
-export default _default;
+export {};

package/dist/shaderlib/color/color.js

@@ -1,9 +1,11 @@
-// TODO - this module is a WIP
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 /* eslint-disable camelcase */
 const INITIAL_STATE = {
     color_uOpacity: 1.0,
     color_uDesaturate: 0.0,
-    color_uBrightness: 1.0,
+    color_uBrightness: 1.0
 };
 function getUniforms(opts = INITIAL_STATE) {
     const uniforms = {};
@@ -43,9 +45,10 @@ vec4 color_filterColor(vec4 color) {
   return color;
 }
 `;
-export default {
+/** Shader module that implements desaturation. @note still WIP */
+export const color = {
     name: 'color',
     vs,
     fs,
-    getUniforms,
+    getUniforms
 };

package/dist/shaderlib/utils/utils.d.ts

@@ -1,8 +1,8 @@
 declare function getUniforms({}?: {}): void;
-declare const _default: {
+export declare const utils: {
     name: string;
     vs: string;
     fs: string;
     getUniforms: typeof getUniforms;
 };
-export default _default;
+export {};

package/dist/shaderlib/utils/utils.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 // TODO - this module is a WIP
 /* eslint-disable camelcase */
 const INITIAL_STATE = {};
@@ -20,9 +23,9 @@ vec2 project_clipspace_to_projective_uv(vec4 position) {
 }
 `;
 const fs = vs;
-export default {
+export const utils = {
     name: 'outline',
     vs,
     fs,
-    getUniforms,
+    getUniforms
 };

package/dist/{curve-utils.js → utils/curve-utils.js}

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import hermite from 'cubic-hermite-spline';
 import turfDistance from '@turf/distance';
 import { lineString } from '@turf/helpers';
@@ -27,13 +30,13 @@ export function generateCurveFromControlPoints(line) {
     // calculate tangents
     const tangents = [];
     // first tangent
-    // @ts-ignore
+    // @ts-expect-error TODO
     tangents.push(calculateSingleTangent(coords[0], coords[1], knots[1] - knots[0]));
     // second to before last
     for (let i = 1; i < coords.length - 1; i++) {
-        // @ts-ignore
+        // @ts-expect-error TODO
         const A = calculateSingleTangent(coords[i], coords[i + 1], knots[i + 1] - knots[i]);
-        // @ts-ignore
+        // @ts-expect-error TODO
         const B = calculateSingleTangent(coords[i - 1], coords[i], knots[i] - knots[i - 1]);
         const x = (A[0] + B[0]) / 2.0;
         const y = (A[1] + B[1]) / 2.0;
@@ -42,7 +45,7 @@ export function generateCurveFromControlPoints(line) {
     // last tangent
     const last = coords.length - 1;
     tangents.push(
-    // @ts-ignore
+    // @ts-expect-error TODO
     calculateSingleTangent(coords[last - 1], coords[last], knots[last] - knots[last - 1]));
     // generate curve
     const result = [];

package/dist/{geojson-types.d.ts → utils/geojson-types.d.ts}

@@ -1,4 +1,5 @@
-export type Position = [number, number] | [number, number, number];
+import type { Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, Position } from 'geojson';
+export { Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, Position };
 export type PointCoordinates = Position;
 export type LineStringCoordinates = Position[];
 export type PolygonCoordinates = Position[][];
@@ -6,30 +7,6 @@ export type MultiPointCoordinates = Position[];
 export type MultiLineStringCoordinates = Position[][];
 export type MultiPolygonCoordinates = Position[][][];
 export type AnyCoordinates = PointCoordinates | LineStringCoordinates | PolygonCoordinates | MultiPointCoordinates | MultiLineStringCoordinates | MultiPolygonCoordinates;
-export type Point = {
-    type: 'Point';
-    coordinates: PointCoordinates;
-};
-export type LineString = {
-    type: 'LineString';
-    coordinates: LineStringCoordinates;
-};
-export type Polygon = {
-    type: 'Polygon';
-    coordinates: PolygonCoordinates;
-};
-export type MultiPoint = {
-    type: 'MultiPoint';
-    coordinates: MultiPointCoordinates;
-};
-export type MultiLineString = {
-    type: 'MultiLineString';
-    coordinates: MultiLineStringCoordinates;
-};
-export type MultiPolygon = {
-    type: 'MultiPolygon';
-    coordinates: MultiPolygonCoordinates;
-};
 export type Geometry = Point | LineString | Polygon | MultiPoint | MultiLineString | MultiPolygon;
 export type Polygonal = Polygon | MultiPolygon;
 export type BoundingBoxArray = [number, number, number, number];

package/dist/utils/geojson-types.js

@@ -0,0 +1,4 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export {};

package/dist/{memoize.d.ts → utils/memoize.d.ts}

@@ -3,4 +3,4 @@
  * https://en.wikipedia.org/wiki/Memoization
  * @param {function} compute - the function to be memoized
  */
-export default function memoize(compute: Function): (args: any) => any;
+export declare function memoize(compute: Function): (args: any) => any;

package/dist/{memoize.js → utils/memoize.js}

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 // port from @deck.gl/core
 function isEqual(a, b) {
     if (a === b) {
@@ -24,7 +27,7 @@ function isEqual(a, b) {
  * https://en.wikipedia.org/wiki/Memoization
  * @param {function} compute - the function to be memoized
  */
-export default function memoize(compute) {
+export function memoize(compute) {
     let cachedArgs = {};
     let cachedResult;
     return (args) => {

package/dist/{translateFromCenter.js → utils/translate-from-center.js}

@@ -1,8 +1,11 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import turfCenter from '@turf/center';
 import turfRhumbBearing from '@turf/rhumb-bearing';
 import turfRhumbDistance from '@turf/rhumb-distance';
 import turfRhumbDestination from '@turf/rhumb-destination';
-import { mapCoords } from './edit-modes/utils';
+import { mapCoords } from '../edit-modes/utils';
 // This function takes feature's center, moves it,
 // and builds new feature around it keeping the proportions
 export function translateFromCenter(feature, distance, direction) {

package/dist/utils/types.js

@@ -0,0 +1,4 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export {};

package/dist/{utils.js → utils/utils.js}

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import pointToLineDistance from '@turf/point-to-line-distance';
@@ -49,7 +52,7 @@ export function recursivelyTraverseNestedArrays(array, prefix, fn) {
 export function generatePointsParallelToLinePoints(p1, p2, mapCoords) {
     const lineString = {
         type: 'LineString',
-        coordinates: [p1, p2],
+        coordinates: [p1, p2]
     };
     const pt = point(mapCoords);
     const ddistance = pointToLineDistance(pt, lineString);
@@ -102,7 +105,7 @@ export function nearestPointOnProjectedLine(line, inPoint, viewport) {
             minPointInfo = {
                 index,
                 x0: (B * (B * x - A * y) - A * C) / div,
-                y0: (A * (-B * x + A * y) - B * C) / div,
+                y0: (A * (-B * x + A * y) - B * C) / div
             };
         }
     });
@@ -118,14 +121,13 @@ export function nearestPointOnProjectedLine(line, inPoint, viewport) {
         type: 'Feature',
         geometry: {
             type: 'Point',
-            // @ts-expect-error Position type diff
-            coordinates: wmViewport.unproject([x0, y0, z0]),
+            coordinates: wmViewport.unproject([x0, y0, z0])
         },
         properties: {
             // TODO: calculate the distance in proper units
             dist: minDistance,
-            index: index - 1,
-        },
+            index: index - 1
+        }
     };
 }
 /**

package/package.json

@@ -2,7 +2,7 @@
   "name": "@deck.gl-community/editable-layers",
   "description": "A suite of 3D-enabled data editing overlays, suitable for deck.gl",
   "license": "MIT",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/visgl/deck.gl-community"
@@ -62,23 +62,23 @@
     "@turf/transform-scale": "^6.5.0",
     "@turf/transform-translate": "^6.5.0",
     "@turf/union": "^6.5.0",
+    "@types/geojson": "^7946.0.14",
     "cubic-hermite-spline": "^1.0.1",
     "eventemitter3": "^5.0.0",
-    "geojson-types": "^2.0.1",
     "lodash.throttle": "^4.1.1",
     "uuid": "9.0.0",
     "viewport-mercator-project": ">=6.2.3"
   },
   "peerDependencies": {
-    "@deck.gl/core": ">=9.0.5",
-    "@deck.gl/extensions": ">=9.0.5",
-    "@deck.gl/geo-layers": ">=9.0.5",
-    "@deck.gl/layers": ">=9.0.5",
+    "@deck.gl/core": "^9.0.12",
+    "@deck.gl/extensions": "^9.0.12",
+    "@deck.gl/geo-layers": "^9.0.12",
+    "@deck.gl/layers": "^9.0.12",
     "@deck.gl/mesh-layers": ">=9.0.6",
-    "@luma.gl/constants": ">=9.0.9",
-    "@luma.gl/core": ">=9.0.9",
-    "@luma.gl/engine": ">=9.0.9",
+    "@luma.gl/constants": ">=9.0.12",
+    "@luma.gl/core": ">=9.0.12",
+    "@luma.gl/engine": ">=9.0.12",
     "@math.gl/core": ">=4.0.1"
   },
-  "gitHead": "8374ab0ac62a52ae8a6b14276694cabced43de35"
+  "gitHead": "646f8328d27d67d596f05c9154072051ec5cf4f0"
 }

package/src/constants.ts

@@ -1,3 +1,7 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 /**
  * A multiplier for screen-space width/scale for Arc, Line, Icon and Text layers.
  * Required in order to maintain the same appearance after upgrading to deck.gl v8.5.
@@ -11,5 +15,5 @@ export const PROJECTED_PIXEL_SIZE_MULTIPLIER = 2 / 3;
 export const UNIT = {
   common: 0,
   meters: 1,
-  pixels: 2,
+  pixels: 2
 };

package/src/edit-modes/composite-mode.ts

@@ -1,4 +1,8 @@
-import { FeatureCollection } from '../geojson-types';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {FeatureCollection} from '../utils/geojson-types';
 import {
   ModeProps,
   ClickEvent,
@@ -7,9 +11,9 @@ import {
   StopDraggingEvent,
   DraggingEvent,
   GuideFeatureCollection,
-  GuideFeature,
+  GuideFeature
 } from './types';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 export class CompositeMode extends GeoJsonEditMode {
   _modes: Array<GeoJsonEditMode>;
@@ -33,7 +37,7 @@ export class CompositeMode extends GeoJsonEditMode {
       }
     }
 
-    return result!;
+    return result;
   }
 
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>): void {
@@ -68,7 +72,7 @@ export class CompositeMode extends GeoJsonEditMode {
 
     return {
       type: 'FeatureCollection',
-      features: allGuides,
+      features: allGuides
     };
   }
 }

package/src/edit-modes/draw-90degree-polygon-mode.ts

@@ -1,31 +1,35 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import lineIntersect from '@turf/line-intersect';
 import turfDistance from '@turf/distance';
-import { point, lineString as turfLineString } from '@turf/helpers';
+import {point, lineString as turfLineString} from '@turf/helpers';
 import {
   generatePointsParallelToLinePoints,
   getPickedEditHandle,
-  getEditHandlesForGeometry,
+  getEditHandlesForGeometry
 } from './utils';
 import {
   ClickEvent,
   PointerMoveEvent,
   ModeProps,
   GuideFeatureCollection,
-  TentativeFeature,
+  TentativeFeature
 } from './types';
-import { Polygon, LineString, Position, FeatureCollection } from '../geojson-types';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {Polygon, LineString, Position, FeatureCollection} from '../utils/geojson-types';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 export class Draw90DegreePolygonMode extends GeoJsonEditMode {
   createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature {
     const clickSequence = this.getClickSequence();
 
-    const { mapCoords } = props.lastPointerMoveEvent;
+    const {mapCoords} = props.lastPointerMoveEvent;
 
     let p3;
-    if (clickSequence.length === 1) {
+    if (clickSequence.length <= 1) {
       p3 = mapCoords;
     } else {
       const p1 = clickSequence[clickSequence.length - 2];
@@ -40,24 +44,24 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
       tentativeFeature = {
         type: 'Feature',
         properties: {
-          guideType: 'tentative',
+          guideType: 'tentative'
         },
         geometry: {
           type: 'LineString',
-          coordinates: [...clickSequence, p3],
-        },
+          coordinates: [...clickSequence, p3]
+        }
       };
     } else {
       // Draw a Polygon connecting all the clicked points with the hovered point
       tentativeFeature = {
         type: 'Feature',
         properties: {
-          guideType: 'tentative',
+          guideType: 'tentative'
         },
         geometry: {
           type: 'Polygon',
-          coordinates: [[...clickSequence, p3, clickSequence[0]]],
-        },
+          coordinates: [[...clickSequence, p3, clickSequence[0]]]
+        }
       };
     }
 
@@ -67,7 +71,7 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
   getGuides(props: ModeProps<FeatureCollection>): GuideFeatureCollection {
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [],
+      features: []
     };
 
     const clickSequence = this.getClickSequence();
@@ -95,7 +99,7 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
   }
 
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
-    const { picks } = event;
+    const {picks} = event;
     const tentativeFeature = this.getTentativeGuide(props);
     this.addClickSequence(event);
     const clickSequence = this.getClickSequence();
@@ -129,7 +133,7 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
         // They clicked the first or last point (or double-clicked), so complete the polygon
         const polygonToAdd: Polygon = {
           type: 'Polygon',
-          coordinates: this.finalizedCoordinates([...polygon.coordinates[0]]),
+          coordinates: this.finalizedCoordinates([...polygon.coordinates[0]])
         };
 
         this.resetClickSequence();
@@ -139,21 +143,21 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
           props.onEdit(editAction);
         }
       }
-    }
-
-    // Trigger pointer move right away in order for it to update edit handles (to support double-click)
-    const fakePointerMoveEvent: PointerMoveEvent = {
-      screenCoords: [-1, -1],
-      mapCoords: event.mapCoords,
-      picks: [],
-      pointerDownPicks: null,
-      pointerDownScreenCoords: null,
-      pointerDownMapCoords: null,
-      cancelPan: () => {},
-      sourceEvent: null,
-    };
+    } else {
+      // Trigger pointer move right away in order for it to update edit handles (to support double-click)
+      const fakePointerMoveEvent: PointerMoveEvent = {
+        screenCoords: [-1, -1],
+        mapCoords: event.mapCoords,
+        picks: [],
+        pointerDownPicks: null,
+        pointerDownScreenCoords: null,
+        pointerDownMapCoords: null,
+        cancelPan: () => {},
+        sourceEvent: null
+      };
 
-    this.handlePointerMove(fakePointerMoveEvent, props);
+      this.handlePointerMove(fakePointerMoveEvent, props);
+    }
   }
 
   finalizedCoordinates(coords: Position[]) {
@@ -184,7 +188,7 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
       const p4 = coordinates[coordinates.length - 4];
       const angle2 = bearing(p3, p4);
 
-      const angles = { first: [] as number[], second: [] as number[] };
+      const angles = {first: [] as number[], second: [] as number[]};
       // calculate 3 right angle points for first and last points in lineString
       [1, 2, 3].forEach((factor) => {
         const newAngle1 = angle1 + factor * 90;
@@ -200,17 +204,17 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
       [0, 1, 2].forEach((indexFirst) => {
         const line1 = turfLineString([
           p1,
-          destination(p1, distance, angles.first[indexFirst]).geometry.coordinates,
+          destination(p1, distance, angles.first[indexFirst]).geometry.coordinates
         ]);
         [0, 1, 2].forEach((indexSecond) => {
           const line2 = turfLineString([
             p3,
-            destination(p3, distance, angles.second[indexSecond]).geometry.coordinates,
+            destination(p3, distance, angles.second[indexSecond]).geometry.coordinates
           ]);
           const fc = lineIntersect(line1, line2);
           if (fc && fc.features.length) {
             // found the intersect point
-            pt = fc.features[0].geometry.coordinates as Position;
+            pt = fc.features[0].geometry.coordinates;
           }
         });
       });

package/src/edit-modes/draw-circle-by-diameter-mode.ts

@@ -1,11 +1,15 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import circle from '@turf/circle';
 import distance from '@turf/distance';
 import area from '@turf/area';
-import memoize from '../memoize';
-import { ModeProps, Tooltip } from './types';
-import { Position, Polygon, FeatureOf, FeatureCollection } from '../geojson-types';
-import { getIntermediatePosition } from './geojson-edit-mode';
-import { TwoClickPolygonMode } from './two-click-polygon-mode';
+import {memoize} from '../utils/memoize';
+import {ModeProps, Tooltip} from './types';
+import {Position, Polygon, FeatureOf, FeatureCollection} from '../utils/geojson-types';
+import {getIntermediatePosition} from './geojson-edit-mode';
+import {TwoClickPolygonMode} from './two-click-polygon-mode';
 
 export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
   radius: number | null | undefined = null;
@@ -14,8 +18,8 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
   diameter: number | null | undefined = null;
   getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon> {
     // Default turf value for circle is 64
-    const { steps = 64 } = modeConfig || {};
-    const options = { steps };
+    const {steps = 64} = modeConfig || {};
+    const options = {steps};
 
     if (steps < 4) {
       console.warn('Minimum steps to draw a circle is 4 '); // eslint-disable-line no-console,no-undef
@@ -50,7 +54,7 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
       modeConfig: props.modeConfig,
       radius: this.radius,
       areaCircle: this.areaCircle,
-      diameter: this.diameter,
+      diameter: this.diameter
     });
   }
 
@@ -61,9 +65,9 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
    * @param areaCircle
    * @param diameter
    */
-  _getTooltips = memoize(({ modeConfig, radius, areaCircle, diameter }) => {
+  _getTooltips = memoize(({modeConfig, radius, areaCircle, diameter}) => {
     let tooltips: Tooltip[] = [];
-    const { formatTooltip } = modeConfig || {};
+    const {formatTooltip} = modeConfig || {};
     let text;
     if (radius && areaCircle) {
       if (formatTooltip) {
@@ -78,8 +82,8 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
       tooltips = [
         {
           position: this.position,
-          text,
-        },
+          text
+        }
       ];
     }
 

package/src/edit-modes/draw-circle-from-center-mode.ts

@@ -1,10 +1,14 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import circle from '@turf/circle';
 import distance from '@turf/distance';
 import area from '@turf/area';
-import memoize from '../memoize';
-import { ModeProps, Tooltip } from './types';
-import { Position, Polygon, FeatureOf, FeatureCollection } from '../geojson-types';
-import { TwoClickPolygonMode } from './two-click-polygon-mode';
+import {memoize} from '../utils/memoize';
+import {ModeProps, Tooltip} from './types';
+import {Position, Polygon, FeatureOf, FeatureCollection} from '../utils/geojson-types';
+import {TwoClickPolygonMode} from './two-click-polygon-mode';
 
 export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
   radius: number | null | undefined = null;
@@ -12,8 +16,8 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
   areaCircle: number | null | undefined = null;
   getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon> {
     // Default turf value for circle is 64
-    const { steps = 64 } = modeConfig || {};
-    const options = { steps };
+    const {steps = 64} = modeConfig || {};
+    const options = {steps};
     // setting with position of center of circle
     this.position = coord2;
 
@@ -43,7 +47,7 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
     return this._getTooltips({
       modeConfig: props?.modeConfig,
       radius: this.radius,
-      areaCircle: this.areaCircle,
+      areaCircle: this.areaCircle
     });
   }
 
@@ -53,9 +57,9 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
    * @param radius
    * @param areaCircle
    */
-  _getTooltips = memoize(({ modeConfig, radius, areaCircle }) => {
+  _getTooltips = memoize(({modeConfig, radius, areaCircle}) => {
     let tooltips: Tooltip[] = [];
-    const { formatTooltip } = modeConfig || {};
+    const {formatTooltip} = modeConfig || {};
     let text: string;
     if (radius && areaCircle) {
       if (formatTooltip) {
@@ -69,8 +73,8 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
       tooltips = [
         {
           position: this.position,
-          text,
-        },
+          text
+        }
       ];
     }