@deck.gl-community/react 9.0.1 → 9.0.2

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2020 vis.gl a Series of LF Projects, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/components/icon.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
 import 'boxicons';
 export declare function Icon(props: any): React.JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,CAAC;AAElB,wBAAgB,IAAI,CAAC,KAAK,KAAA,qBAGzB"}

package/dist/components/long-press-button.d.ts

@@ -11,3 +11,4 @@ export declare class LongPressButton extends PureComponent {
     _handleButtonRelease: () => void;
     render(): React.JSX.Element;
 }
+//# sourceMappingURL=long-press-button.d.ts.map

package/dist/components/long-press-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-press-button.d.ts","sourceRoot":"","sources":["../../src/components/long-press-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,qBAAa,eAAgB,SAAQ,aAAa;IAChD,MAAM,CAAC,SAAS;;;MAId;IAEF,gBAAgB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAQ;IAE9D,OAAO,aAKL;IAEF,kBAAkB,aAEhB;IAEF,oBAAoB,aAKlB;IAEF,MAAM;CAYP"}

package/dist/components/modal.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-export declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export type ModalProps = {
     title: any;
     content: any;
     onClose: () => unknown;
 };
 export declare function EditorModal(props: ModalProps): React.JSX.Element;
+//# sourceMappingURL=modal.d.ts.map

package/dist/components/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,MAAM,qNAUlB,CAAC;AA6CF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,GAAG,CAAC;IACb,OAAO,EAAE,MAAM,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,qBAwB5C"}

package/dist/components/positioned-view-control.d.ts

@@ -7,3 +7,4 @@ export declare const PositionedViewControl: ({ fitBounds, panBy, zoomBy, zoomLev
     maxZoom: any;
     minZoom: any;
 }) => React.JSX.Element;
+//# sourceMappingURL=positioned-view-control.d.ts.map

package/dist/components/positioned-view-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"positioned-view-control.d.ts","sourceRoot":"","sources":["../../src/components/positioned-view-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,qBAAqB;;;;;;;uBAWjC,CAAC"}

package/dist/components/positioned-view-control.js

@@ -1,4 +1,4 @@
-import { ViewControl } from './view-control';
+import { ViewControl } from "./view-control.js";
 import React from 'react';
 // A wrapper for positioning the ViewControl component
 export const PositionedViewControl = ({ fitBounds, panBy, zoomBy, zoomLevel, maxZoom, minZoom }) => (React.createElement("div", { style: { position: 'relative', top: '20px', left: '20px' } },

package/dist/components/view-control.d.ts

@@ -1,11 +1,11 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-export declare const ViewControlWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NavigationButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NavigationButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ZoomControlWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VerticalSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ZoomControlButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ViewControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NavigationButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NavigationButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ZoomControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ZoomControlButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare class ViewControl extends PureComponent {
     static displayName: string;
     static propTypes: {
@@ -36,3 +36,4 @@ export declare class ViewControl extends PureComponent {
     onChangeZoomLevel: (evt: any) => void;
     render(): React.JSX.Element;
 }
+//# sourceMappingURL=view-control.d.ts.map

package/dist/components/view-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-control.d.ts","sourceRoot":"","sources":["../../src/components/view-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,eAAO,MAAM,kBAAkB,yMAO9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,yMAOrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,yMAY5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yMAS9B,CAAC;AAEF,eAAO,MAAM,cAAc,yMAa1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yMAU7B,CAAC;AAEF,qBAAa,WAAY,SAAQ,aAAa;IAC5C,MAAM,CAAC,WAAW,SAAiB;IAEnC,MAAM,CAAC,SAAS;;;;;;;;;MAYd;IAEF,MAAM,CAAC,YAAY;;;;;;;;MAQjB;IAGF,KAAK,YAAoE;IACzE,OAAO,YAAyE;IAChF,OAAO,YAAoE;IAC3E,QAAQ,YAAyE;IAGjF,MAAM,YAAmE;IACzE,OAAO,YAAwE;IAC/E,iBAAiB,qBAGf;IAEF,MAAM;CA4CP"}

package/dist/components/view-control.js

@@ -2,7 +2,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { LongPressButton } from './long-press-button';
+import { LongPressButton } from "./long-press-button.js";
 export const ViewControlWrapper = styled.div `
   align-items: center;
   display: flex;
@@ -120,7 +120,7 @@ export class ViewControl extends PureComponent {
                     React.createElement(LongPressButton, { onClick: this.zoomIn }, '+')),
                 React.createElement(VerticalSlider, null,
                     React.createElement("input", { type: "range", value: this.props.zoomLevel, min: this.props.minZoom, max: this.props.maxZoom, step: this.props.deltaZoom, onChange: this.onChangeZoomLevel, 
-                        /* @ts-expect-error */
+                        /* @ts-expect-error TODO */
                         orient: "vertical" })),
                 React.createElement(ZoomControlButton, null,
                     React.createElement(LongPressButton, { onClick: this.zoomOut }, '-')))));

package/dist/index.cjs

@@ -199,7 +199,7 @@ var ViewControl = class extends import_react2.PureComponent {
             max: this.props.maxZoom,
             step: this.props.deltaZoom,
             onChange: this.onChangeZoomLevel,
-            /* @ts-expect-error */
+            /* @ts-expect-error TODO */
             orient: "vertical"
           })
         ),

package/dist/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.js", "components/long-press-button.js", "components/view-control.js", "components/positioned-view-control.js", "components/modal.js", "components/icon.js", "overlays/html-overlay.js", "overlays/html-overlay-item.js", "overlays/html-cluster-overlay.js", "overlays/html-tooltip-overlay.js"],
-  "sourcesContent": ["// Components (originally from @deck.gl-community/react-graph-layers)\nexport { LongPressButton } from './components/long-press-button';\nexport { ViewControl } from './components/view-control';\nexport { PositionedViewControl } from './components/positioned-view-control';\n// Components (originally from @nebula.gl/editor)\nexport { EditorModal as Modal } from './components/modal';\nexport { Button } from './components/modal';\nexport { Icon } from './components/icon';\n// Overlays (originally from @nebula.gl/overlays)\nexport { HtmlOverlay } from './overlays/html-overlay';\nexport { HtmlOverlayItem } from './overlays/html-overlay-item';\nexport { HtmlClusterOverlay } from './overlays/html-cluster-overlay';\nexport { HtmlTooltipOverlay } from './overlays/html-tooltip-overlay';\n", "import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nexport class LongPressButton extends PureComponent {\n    static propTypes = {\n        onClick: PropTypes.func.isRequired,\n        // eslint-disable-next-line react/forbid-prop-types\n        children: PropTypes.any.isRequired\n    };\n    buttonPressTimer = null;\n    _repeat = () => {\n        if (this.buttonPressTimer) {\n            this.props.onClick();\n            this.buttonPressTimer = setTimeout(this._repeat, 100);\n        }\n    };\n    _handleButtonPress = () => {\n        this.buttonPressTimer = setTimeout(this._repeat, 100);\n    };\n    _handleButtonRelease = () => {\n        if (this.buttonPressTimer) {\n            clearTimeout(this.buttonPressTimer);\n        }\n        this.buttonPressTimer = null;\n    };\n    render() {\n        return (React.createElement(\"div\", { onMouseDown: (event) => {\n                this._handleButtonPress();\n                document.addEventListener('mouseup', this._handleButtonRelease, { once: true });\n            } }, this.props.children));\n    }\n}\n", "// @ts-nocheck TODO\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { LongPressButton } from './long-press-button';\nexport const ViewControlWrapper = styled.div `\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  z-index: 99;\n  user-select: none;\n`;\nexport const NavigationButtonContainer = styled.div `\n  background: #f7f7f7;\n  border-radius: 23px;\n  border: 0.5px solid #eaeaea;\n  box-shadow: inset 11px 11px 5px -7px rgba(230, 230, 230, 0.49);\n  height: 46px;\n  width: 46px;\n`;\nexport const NavigationButton = styled.div `\n  color: #848484;\n  cursor: pointer;\n  left: ${(props) => props.left};\n  position: absolute;\n  top: ${(props) => props.top};\n  transform: rotate(${(props) => props.rotate || 0}deg);\n\n  &:hover,\n  &:active {\n    color: #00ade6;\n  }\n`;\nexport const ZoomControlWrapper = styled.div `\n  align-items: center;\n  background: #f7f7f7;\n  border: 0.5px solid #eaeaea;\n  display: flex;\n  flex-direction: column;\n  margin-top: 6px;\n  padding: 2px 0;\n  width: 18px;\n`;\nexport const VerticalSlider = styled.div `\n  display: inline-block;\n  height: 100px;\n  padding: 0;\n  width: 10px;\n\n  > input[type='range'][orient='vertical'] {\n    -webkit-appearance: slider-vertical;\n    height: 100px;\n    padding: 0;\n    margin: 0;\n    width: 10px;\n  }\n`;\nexport const ZoomControlButton = styled.div `\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  margin: -4px;\n\n  &:hover,\n  &:active {\n    color: #00ade6;\n  }\n`;\nexport class ViewControl extends PureComponent {\n    static displayName = 'ViewControl';\n    static propTypes = {\n        // functions\n        fitBounds: PropTypes.func,\n        panBy: PropTypes.func,\n        zoomBy: PropTypes.func,\n        // current zoom level\n        zoomLevel: PropTypes.number,\n        // configuration\n        minZoom: PropTypes.number,\n        maxZoom: PropTypes.number,\n        deltaPan: PropTypes.number,\n        deltaZoom: PropTypes.number\n    };\n    static defaultProps = {\n        fitBounds: () => { },\n        panBy: () => { },\n        zoomBy: () => { },\n        deltaPan: 10,\n        deltaZoom: 0.1,\n        minZoom: 0.1,\n        maxZoom: 1\n    };\n    // pan actions\n    panUp = () => this.props.panBy(0, this.props.deltaPan);\n    panDown = () => this.props.panBy(0, -1 * this.props.deltaPan);\n    panLeft = () => this.props.panBy(this.props.deltaPan, 0);\n    panRight = () => this.props.panBy(-1 * this.props.deltaPan, 0);\n    // zoom actions\n    zoomIn = () => this.props.zoomBy(this.props.deltaZoom);\n    zoomOut = () => this.props.zoomBy(-1 * this.props.deltaZoom);\n    onChangeZoomLevel = (evt) => {\n        const delta = evt.target.value - this.props.zoomLevel;\n        this.props.zoomBy(delta);\n    };\n    render() {\n        const buttons = [\n            { top: -2, left: 14, rotate: 0, onClick: this.panUp, content: '\u25B2', key: 'up' },\n            { top: 12, left: 0, rotate: -90, onClick: this.panLeft, content: '\u25C0', key: 'left' },\n            { top: 12, left: 28, rotate: 90, onClick: this.panRight, content: '\u25B6', key: 'right' },\n            { top: 25, left: 14, rotate: 180, onClick: this.panDown, content: '\u25BC', key: 'down' }\n        ];\n        return (React.createElement(ViewControlWrapper, null,\n            React.createElement(NavigationButtonContainer, null,\n                buttons.map((b) => (React.createElement(NavigationButton, { key: b.key, top: `${b.top}px`, left: `${b.left}px`, rotate: b.rotate },\n                    React.createElement(LongPressButton, { onClick: b.onClick }, b.content)))),\n                React.createElement(NavigationButton, { top: '12px', left: '16px', onClick: this.props.fitBounds }, '\u00A4')),\n            React.createElement(ZoomControlWrapper, null,\n                React.createElement(ZoomControlButton, null,\n                    React.createElement(LongPressButton, { onClick: this.zoomIn }, '+')),\n                React.createElement(VerticalSlider, null,\n                    React.createElement(\"input\", { type: \"range\", value: this.props.zoomLevel, min: this.props.minZoom, max: this.props.maxZoom, step: this.props.deltaZoom, onChange: this.onChangeZoomLevel, \n                        /* @ts-expect-error */\n                        orient: \"vertical\" })),\n                React.createElement(ZoomControlButton, null,\n                    React.createElement(LongPressButton, { onClick: this.zoomOut }, '-')))));\n    }\n}\n", "import { ViewControl } from './view-control';\nimport React from 'react';\n// A wrapper for positioning the ViewControl component\nexport const PositionedViewControl = ({ fitBounds, panBy, zoomBy, zoomLevel, maxZoom, minZoom }) => (React.createElement(\"div\", { style: { position: 'relative', top: '20px', left: '20px' } },\n    React.createElement(ViewControl, { fitBounds: fitBounds, panBy: panBy, zoomBy: zoomBy, zoomLevel: zoomLevel, maxZoom: maxZoom, minZoom: minZoom })));\n", "/* eslint-env browser */\nimport * as React from 'react';\nimport Modal, { ModalProvider } from 'styled-react-modal';\nimport styled from 'styled-components';\nexport const Button = styled.button `\n  display: inline-block;\n  color: #fff;\n  background-color: rgb(90, 98, 94);\n  font-size: 1em;\n  margin: 0.25em;\n  padding: 0.375em 0.75em;\n  border: 1px solid transparent;\n  border-radius: 0.25em;\n  display: block;\n`;\nconst StyledModal = Modal.styled `\n  position: relative;\n  display: block;\n  width: 50rem;\n  height: auto;\n  max-width: 500px;\n  margin: 1.75rem auto;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: 1rem;\n  font-weight: 400;\n  color: rgb(21, 25, 29);\n  line-height: 1.5;\n  text-align: left;\n`;\nconst Content = styled.div `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  pointer-events: auto;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 0.3rem;\n  outline: 0;\n`;\nconst HeaderRow = styled.div `\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 0.75rem 0.75rem;\n  border-bottom: 1px solid rgb(222, 226, 230);\n`;\nconst Header = styled.h5 `\n  font-size: 1.25rem;\n  font-weight: 500;\n  margin: 0;\n`;\nexport function EditorModal(props) {\n    const [isOpen, setIsOpen] = React.useState(true);\n    function toggleModal() {\n        if (isOpen) {\n            props.onClose();\n        }\n        setIsOpen(!isOpen);\n    }\n    return (React.createElement(React.Fragment, null,\n        React.createElement(ModalProvider, null,\n            React.createElement(StyledModal, { isOpen: isOpen, onBackgroundClick: toggleModal, onEscapeKeydown: toggleModal },\n                React.createElement(Content, null,\n                    React.createElement(HeaderRow, null,\n                        React.createElement(Header, null, props.title)),\n                    props.content)))));\n}\n", "import * as React from 'react';\nimport 'boxicons';\nexport function Icon(props) {\n    // @ts-expect-error TODO\n    return React.createElement(\"box-icon\", { color: \"currentColor\", ...props });\n}\n", "import * as React from 'react';\nconst styles = {\n    mainContainer: {\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n        pointerEvents: 'none',\n        overflow: 'hidden'\n    }\n};\nexport class HtmlOverlay extends React.Component {\n    // This is needed for Deck.gl 8.0+\n    static deckGLViewProps = true;\n    // Override this to provide your items\n    getItems() {\n        const { children } = this.props;\n        if (children) {\n            return Array.isArray(children) ? children : [children];\n        }\n        return [];\n    }\n    getCoords(coordinates) {\n        const pos = this.props.viewport.project(coordinates);\n        if (!pos)\n            return [-1, -1];\n        return pos;\n    }\n    inView([x, y]) {\n        const { viewport, overflowMargin = 0 } = this.props;\n        const { width, height } = viewport;\n        return !(x < -overflowMargin ||\n            y < -overflowMargin ||\n            x > width + overflowMargin ||\n            y > height + overflowMargin);\n    }\n    scaleWithZoom(n) {\n        const { zoom } = this.props.viewport;\n        return n / Math.pow(2, 20 - zoom);\n    }\n    breakpointWithZoom(threshold, a, b) {\n        const { zoom } = this.props.viewport;\n        return zoom > threshold ? a : b;\n    }\n    getViewport() {\n        return this.props.viewport;\n    }\n    getZoom() {\n        return this.props.viewport.zoom;\n    }\n    render() {\n        const { zIndex = 1 } = this.props;\n        const style = Object.assign({ zIndex }, styles.mainContainer);\n        const renderItems = [];\n        this.getItems()\n            .filter(Boolean)\n            .forEach((item, index) => {\n            const [x, y] = this.getCoords(item.props.coordinates);\n            if (this.inView([x, y])) {\n                const key = item.key === null || item.key === undefined ? index : item.key;\n                renderItems.push(React.cloneElement(item, { x, y, key }));\n            }\n        });\n        return React.createElement(\"div\", { style: style }, renderItems);\n    }\n}\n", "import * as React from 'react';\nexport class HtmlOverlayItem extends React.Component {\n    render() {\n        const { x, y, children, style, coordinates, ...props } = this.props;\n        const { zIndex = 'auto', ...remainingStyle } = style || {};\n        return (\n        // Using transform translate to position overlay items will result in a smooth zooming\n        // effect, whereas using the top/left css properties will cause overlay items to\n        // jiggle when zooming\n        React.createElement(\"div\", { style: { transform: `translate(${x}px, ${y}px)`, position: 'absolute', zIndex } },\n            React.createElement(\"div\", { style: { userSelect: 'none', ...remainingStyle }, ...props }, children)));\n    }\n}\n", "import { point } from '@turf/helpers';\nimport Supercluster from 'supercluster';\nimport { HtmlOverlay } from './html-overlay';\nexport class HtmlClusterOverlay extends HtmlOverlay {\n    _superCluster;\n    _lastObjects = null;\n    getItems() {\n        // supercluster().load() is expensive and we want to run it only\n        // when necessary and not for every frame.\n        // TODO: Warn if this is running many times / sec\n        const newObjects = this.getAllObjects();\n        if (newObjects !== this._lastObjects) {\n            this._superCluster = new Supercluster(this.getClusterOptions());\n            this._superCluster.load(newObjects.map((object) => point(this.getObjectCoordinates(object), { object })));\n            this._lastObjects = newObjects;\n            // console.log('new Supercluster() run');\n        }\n        const clusters = this._superCluster.getClusters([-180, -90, 180, 90], Math.round(this.getZoom()));\n        return clusters.map(({ geometry: { coordinates }, properties: { cluster, point_count: pointCount, cluster_id: clusterId, object } }) => cluster\n            ? this.renderCluster(coordinates, clusterId, pointCount)\n            : this.renderObject(coordinates, object));\n    }\n    getClusterObjects(clusterId) {\n        return this._superCluster\n            .getLeaves(clusterId, Infinity)\n            .map((object) => object.properties.object);\n    }\n    // Override to provide items that need clustering.\n    // If the items have not changed please provide the same array to avoid\n    // regeneration of the cluster which causes performance issues.\n    getAllObjects() {\n        return [];\n    }\n    // override to provide coordinates for each object of getAllObjects()\n    getObjectCoordinates(obj) {\n        return [0, 0];\n    }\n    // Get options object used when instantiating supercluster\n    getClusterOptions() {\n        return {\n            maxZoom: 20\n        };\n    }\n    // override to return an HtmlOverlayItem\n    renderObject(coordinates, obj) {\n        return null;\n    }\n    // override to return an HtmlOverlayItem\n    // use getClusterObjects() to get cluster contents\n    renderCluster(coordinates, clusterId, pointCount) {\n        return null;\n    }\n}\n", "import * as React from 'react';\nimport { HtmlOverlay } from './html-overlay';\nimport { HtmlOverlayItem } from './html-overlay-item';\nconst styles = {\n    tooltip: {\n        transform: 'translate(-50%,-100%)',\n        backgroundColor: 'rgba(0, 0, 0, 0.3)',\n        padding: '4px 8px',\n        borderRadius: 8,\n        color: 'white'\n    }\n};\nconst SHOW_TOOLTIP_TIMEOUT = 250;\nexport class HtmlTooltipOverlay extends HtmlOverlay {\n    constructor(props) {\n        super(props);\n        this.state = { visible: false, pickingInfo: null };\n    }\n    componentWillMount() {\n        this.context.nebula.queryObjectEvents.on('pick', ({ event, pickingInfo }) => {\n            if (this.timeoutID !== null) {\n                window.clearTimeout(this.timeoutID);\n            }\n            this.timeoutID = null;\n            if (pickingInfo && this._getTooltip(pickingInfo)) {\n                this.timeoutID = window.setTimeout(() => {\n                    this.setState({ visible: true, pickingInfo });\n                }, SHOW_TOOLTIP_TIMEOUT);\n            }\n            else {\n                this.setState({ visible: false });\n            }\n        });\n    }\n    timeoutID = null;\n    state = undefined;\n    _getTooltip(pickingInfo) {\n        return pickingInfo.object.style.tooltip;\n    }\n    _makeOverlay() {\n        const { pickingInfo } = this.state;\n        if (pickingInfo) {\n            return (React.createElement(HtmlOverlayItem, { key: 0, coordinates: pickingInfo.lngLat, style: styles.tooltip }, this._getTooltip(pickingInfo)));\n        }\n        return null;\n    }\n    getItems() {\n        if (this.state.visible) {\n            return [this._makeOverlay()];\n        }\n        return [];\n    }\n}\n"],
+  "sourcesContent": ["// Components (originally from @deck.gl-community/react-graph-layers)\nexport { LongPressButton } from \"./components/long-press-button.js\";\nexport { ViewControl } from \"./components/view-control.js\";\nexport { PositionedViewControl } from \"./components/positioned-view-control.js\";\n// Components (originally from @nebula.gl/editor)\nexport { EditorModal as Modal } from \"./components/modal.js\";\nexport { Button } from \"./components/modal.js\";\nexport { Icon } from \"./components/icon.js\";\n// Overlays (originally from @nebula.gl/overlays)\nexport { HtmlOverlay } from \"./overlays/html-overlay.js\";\nexport { HtmlOverlayItem } from \"./overlays/html-overlay-item.js\";\nexport { HtmlClusterOverlay } from \"./overlays/html-cluster-overlay.js\";\nexport { HtmlTooltipOverlay } from \"./overlays/html-tooltip-overlay.js\";\n", "import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nexport class LongPressButton extends PureComponent {\n    static propTypes = {\n        onClick: PropTypes.func.isRequired,\n        // eslint-disable-next-line react/forbid-prop-types\n        children: PropTypes.any.isRequired\n    };\n    buttonPressTimer = null;\n    _repeat = () => {\n        if (this.buttonPressTimer) {\n            this.props.onClick();\n            this.buttonPressTimer = setTimeout(this._repeat, 100);\n        }\n    };\n    _handleButtonPress = () => {\n        this.buttonPressTimer = setTimeout(this._repeat, 100);\n    };\n    _handleButtonRelease = () => {\n        if (this.buttonPressTimer) {\n            clearTimeout(this.buttonPressTimer);\n        }\n        this.buttonPressTimer = null;\n    };\n    render() {\n        return (React.createElement(\"div\", { onMouseDown: (event) => {\n                this._handleButtonPress();\n                document.addEventListener('mouseup', this._handleButtonRelease, { once: true });\n            } }, this.props.children));\n    }\n}\n", "// @ts-nocheck TODO\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { LongPressButton } from \"./long-press-button.js\";\nexport const ViewControlWrapper = styled.div `\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  z-index: 99;\n  user-select: none;\n`;\nexport const NavigationButtonContainer = styled.div `\n  background: #f7f7f7;\n  border-radius: 23px;\n  border: 0.5px solid #eaeaea;\n  box-shadow: inset 11px 11px 5px -7px rgba(230, 230, 230, 0.49);\n  height: 46px;\n  width: 46px;\n`;\nexport const NavigationButton = styled.div `\n  color: #848484;\n  cursor: pointer;\n  left: ${(props) => props.left};\n  position: absolute;\n  top: ${(props) => props.top};\n  transform: rotate(${(props) => props.rotate || 0}deg);\n\n  &:hover,\n  &:active {\n    color: #00ade6;\n  }\n`;\nexport const ZoomControlWrapper = styled.div `\n  align-items: center;\n  background: #f7f7f7;\n  border: 0.5px solid #eaeaea;\n  display: flex;\n  flex-direction: column;\n  margin-top: 6px;\n  padding: 2px 0;\n  width: 18px;\n`;\nexport const VerticalSlider = styled.div `\n  display: inline-block;\n  height: 100px;\n  padding: 0;\n  width: 10px;\n\n  > input[type='range'][orient='vertical'] {\n    -webkit-appearance: slider-vertical;\n    height: 100px;\n    padding: 0;\n    margin: 0;\n    width: 10px;\n  }\n`;\nexport const ZoomControlButton = styled.div `\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  margin: -4px;\n\n  &:hover,\n  &:active {\n    color: #00ade6;\n  }\n`;\nexport class ViewControl extends PureComponent {\n    static displayName = 'ViewControl';\n    static propTypes = {\n        // functions\n        fitBounds: PropTypes.func,\n        panBy: PropTypes.func,\n        zoomBy: PropTypes.func,\n        // current zoom level\n        zoomLevel: PropTypes.number,\n        // configuration\n        minZoom: PropTypes.number,\n        maxZoom: PropTypes.number,\n        deltaPan: PropTypes.number,\n        deltaZoom: PropTypes.number\n    };\n    static defaultProps = {\n        fitBounds: () => { },\n        panBy: () => { },\n        zoomBy: () => { },\n        deltaPan: 10,\n        deltaZoom: 0.1,\n        minZoom: 0.1,\n        maxZoom: 1\n    };\n    // pan actions\n    panUp = () => this.props.panBy(0, this.props.deltaPan);\n    panDown = () => this.props.panBy(0, -1 * this.props.deltaPan);\n    panLeft = () => this.props.panBy(this.props.deltaPan, 0);\n    panRight = () => this.props.panBy(-1 * this.props.deltaPan, 0);\n    // zoom actions\n    zoomIn = () => this.props.zoomBy(this.props.deltaZoom);\n    zoomOut = () => this.props.zoomBy(-1 * this.props.deltaZoom);\n    onChangeZoomLevel = (evt) => {\n        const delta = evt.target.value - this.props.zoomLevel;\n        this.props.zoomBy(delta);\n    };\n    render() {\n        const buttons = [\n            { top: -2, left: 14, rotate: 0, onClick: this.panUp, content: '\u25B2', key: 'up' },\n            { top: 12, left: 0, rotate: -90, onClick: this.panLeft, content: '\u25C0', key: 'left' },\n            { top: 12, left: 28, rotate: 90, onClick: this.panRight, content: '\u25B6', key: 'right' },\n            { top: 25, left: 14, rotate: 180, onClick: this.panDown, content: '\u25BC', key: 'down' }\n        ];\n        return (React.createElement(ViewControlWrapper, null,\n            React.createElement(NavigationButtonContainer, null,\n                buttons.map((b) => (React.createElement(NavigationButton, { key: b.key, top: `${b.top}px`, left: `${b.left}px`, rotate: b.rotate },\n                    React.createElement(LongPressButton, { onClick: b.onClick }, b.content)))),\n                React.createElement(NavigationButton, { top: '12px', left: '16px', onClick: this.props.fitBounds }, '\u00A4')),\n            React.createElement(ZoomControlWrapper, null,\n                React.createElement(ZoomControlButton, null,\n                    React.createElement(LongPressButton, { onClick: this.zoomIn }, '+')),\n                React.createElement(VerticalSlider, null,\n                    React.createElement(\"input\", { type: \"range\", value: this.props.zoomLevel, min: this.props.minZoom, max: this.props.maxZoom, step: this.props.deltaZoom, onChange: this.onChangeZoomLevel, \n                        /* @ts-expect-error TODO */\n                        orient: \"vertical\" })),\n                React.createElement(ZoomControlButton, null,\n                    React.createElement(LongPressButton, { onClick: this.zoomOut }, '-')))));\n    }\n}\n", "import { ViewControl } from \"./view-control.js\";\nimport React from 'react';\n// A wrapper for positioning the ViewControl component\nexport const PositionedViewControl = ({ fitBounds, panBy, zoomBy, zoomLevel, maxZoom, minZoom }) => (React.createElement(\"div\", { style: { position: 'relative', top: '20px', left: '20px' } },\n    React.createElement(ViewControl, { fitBounds: fitBounds, panBy: panBy, zoomBy: zoomBy, zoomLevel: zoomLevel, maxZoom: maxZoom, minZoom: minZoom })));\n", "/* eslint-env browser */\nimport * as React from 'react';\nimport Modal, { ModalProvider } from 'styled-react-modal';\nimport styled from 'styled-components';\nexport const Button = styled.button `\n  display: inline-block;\n  color: #fff;\n  background-color: rgb(90, 98, 94);\n  font-size: 1em;\n  margin: 0.25em;\n  padding: 0.375em 0.75em;\n  border: 1px solid transparent;\n  border-radius: 0.25em;\n  display: block;\n`;\nconst StyledModal = Modal.styled `\n  position: relative;\n  display: block;\n  width: 50rem;\n  height: auto;\n  max-width: 500px;\n  margin: 1.75rem auto;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: 1rem;\n  font-weight: 400;\n  color: rgb(21, 25, 29);\n  line-height: 1.5;\n  text-align: left;\n`;\nconst Content = styled.div `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  pointer-events: auto;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 0.3rem;\n  outline: 0;\n`;\nconst HeaderRow = styled.div `\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 0.75rem 0.75rem;\n  border-bottom: 1px solid rgb(222, 226, 230);\n`;\nconst Header = styled.h5 `\n  font-size: 1.25rem;\n  font-weight: 500;\n  margin: 0;\n`;\nexport function EditorModal(props) {\n    const [isOpen, setIsOpen] = React.useState(true);\n    function toggleModal() {\n        if (isOpen) {\n            props.onClose();\n        }\n        setIsOpen(!isOpen);\n    }\n    return (React.createElement(React.Fragment, null,\n        React.createElement(ModalProvider, null,\n            React.createElement(StyledModal, { isOpen: isOpen, onBackgroundClick: toggleModal, onEscapeKeydown: toggleModal },\n                React.createElement(Content, null,\n                    React.createElement(HeaderRow, null,\n                        React.createElement(Header, null, props.title)),\n                    props.content)))));\n}\n", "import * as React from 'react';\nimport 'boxicons';\nexport function Icon(props) {\n    // @ts-expect-error TODO\n    return React.createElement(\"box-icon\", { color: \"currentColor\", ...props });\n}\n", "import * as React from 'react';\nconst styles = {\n    mainContainer: {\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n        pointerEvents: 'none',\n        overflow: 'hidden'\n    }\n};\nexport class HtmlOverlay extends React.Component {\n    // This is needed for Deck.gl 8.0+\n    static deckGLViewProps = true;\n    // Override this to provide your items\n    getItems() {\n        const { children } = this.props;\n        if (children) {\n            return Array.isArray(children) ? children : [children];\n        }\n        return [];\n    }\n    getCoords(coordinates) {\n        const pos = this.props.viewport.project(coordinates);\n        if (!pos)\n            return [-1, -1];\n        return pos;\n    }\n    inView([x, y]) {\n        const { viewport, overflowMargin = 0 } = this.props;\n        const { width, height } = viewport;\n        return !(x < -overflowMargin ||\n            y < -overflowMargin ||\n            x > width + overflowMargin ||\n            y > height + overflowMargin);\n    }\n    scaleWithZoom(n) {\n        const { zoom } = this.props.viewport;\n        return n / Math.pow(2, 20 - zoom);\n    }\n    breakpointWithZoom(threshold, a, b) {\n        const { zoom } = this.props.viewport;\n        return zoom > threshold ? a : b;\n    }\n    getViewport() {\n        return this.props.viewport;\n    }\n    getZoom() {\n        return this.props.viewport.zoom;\n    }\n    render() {\n        const { zIndex = 1 } = this.props;\n        const style = Object.assign({ zIndex }, styles.mainContainer);\n        const renderItems = [];\n        this.getItems()\n            .filter(Boolean)\n            .forEach((item, index) => {\n            const [x, y] = this.getCoords(item.props.coordinates);\n            if (this.inView([x, y])) {\n                const key = item.key === null || item.key === undefined ? index : item.key;\n                renderItems.push(React.cloneElement(item, { x, y, key }));\n            }\n        });\n        return React.createElement(\"div\", { style: style }, renderItems);\n    }\n}\n", "import * as React from 'react';\nexport class HtmlOverlayItem extends React.Component {\n    render() {\n        const { x, y, children, style, coordinates, ...props } = this.props;\n        const { zIndex = 'auto', ...remainingStyle } = style || {};\n        return (\n        // Using transform translate to position overlay items will result in a smooth zooming\n        // effect, whereas using the top/left css properties will cause overlay items to\n        // jiggle when zooming\n        React.createElement(\"div\", { style: { transform: `translate(${x}px, ${y}px)`, position: 'absolute', zIndex } },\n            React.createElement(\"div\", { style: { userSelect: 'none', ...remainingStyle }, ...props }, children)));\n    }\n}\n", "import { point } from '@turf/helpers';\nimport Supercluster from 'supercluster';\nimport { HtmlOverlay } from \"./html-overlay.js\";\nexport class HtmlClusterOverlay extends HtmlOverlay {\n    _superCluster;\n    _lastObjects = null;\n    getItems() {\n        // supercluster().load() is expensive and we want to run it only\n        // when necessary and not for every frame.\n        // TODO: Warn if this is running many times / sec\n        const newObjects = this.getAllObjects();\n        if (newObjects !== this._lastObjects) {\n            this._superCluster = new Supercluster(this.getClusterOptions());\n            this._superCluster.load(newObjects.map((object) => point(this.getObjectCoordinates(object), { object })));\n            this._lastObjects = newObjects;\n            // console.log('new Supercluster() run');\n        }\n        const clusters = this._superCluster.getClusters([-180, -90, 180, 90], Math.round(this.getZoom()));\n        return clusters.map(({ geometry: { coordinates }, properties: { cluster, point_count: pointCount, cluster_id: clusterId, object } }) => cluster\n            ? this.renderCluster(coordinates, clusterId, pointCount)\n            : this.renderObject(coordinates, object));\n    }\n    getClusterObjects(clusterId) {\n        return this._superCluster\n            .getLeaves(clusterId, Infinity)\n            .map((object) => object.properties.object);\n    }\n    // Override to provide items that need clustering.\n    // If the items have not changed please provide the same array to avoid\n    // regeneration of the cluster which causes performance issues.\n    getAllObjects() {\n        return [];\n    }\n    // override to provide coordinates for each object of getAllObjects()\n    getObjectCoordinates(obj) {\n        return [0, 0];\n    }\n    // Get options object used when instantiating supercluster\n    getClusterOptions() {\n        return {\n            maxZoom: 20\n        };\n    }\n    // override to return an HtmlOverlayItem\n    renderObject(coordinates, obj) {\n        return null;\n    }\n    // override to return an HtmlOverlayItem\n    // use getClusterObjects() to get cluster contents\n    renderCluster(coordinates, clusterId, pointCount) {\n        return null;\n    }\n}\n", "import * as React from 'react';\nimport { HtmlOverlay } from \"./html-overlay.js\";\nimport { HtmlOverlayItem } from \"./html-overlay-item.js\";\nconst styles = {\n    tooltip: {\n        transform: 'translate(-50%,-100%)',\n        backgroundColor: 'rgba(0, 0, 0, 0.3)',\n        padding: '4px 8px',\n        borderRadius: 8,\n        color: 'white'\n    }\n};\nconst SHOW_TOOLTIP_TIMEOUT = 250;\nexport class HtmlTooltipOverlay extends HtmlOverlay {\n    constructor(props) {\n        super(props);\n        this.state = { visible: false, pickingInfo: null };\n    }\n    componentWillMount() {\n        this.context.nebula.queryObjectEvents.on('pick', ({ event, pickingInfo }) => {\n            if (this.timeoutID !== null) {\n                window.clearTimeout(this.timeoutID);\n            }\n            this.timeoutID = null;\n            if (pickingInfo && this._getTooltip(pickingInfo)) {\n                this.timeoutID = window.setTimeout(() => {\n                    this.setState({ visible: true, pickingInfo });\n                }, SHOW_TOOLTIP_TIMEOUT);\n            }\n            else {\n                this.setState({ visible: false });\n            }\n        });\n    }\n    timeoutID = null;\n    state = undefined;\n    _getTooltip(pickingInfo) {\n        return pickingInfo.object.style.tooltip;\n    }\n    _makeOverlay() {\n        const { pickingInfo } = this.state;\n        if (pickingInfo) {\n            return (React.createElement(HtmlOverlayItem, { key: 0, coordinates: pickingInfo.lngLat, style: styles.tooltip }, this._getTooltip(pickingInfo)));\n        }\n        return null;\n    }\n    getItems() {\n        if (this.state.visible) {\n            return [this._makeOverlay()];\n        }\n        return [];\n    }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqC;AACrC,wBAAsB;AACf,IAAM,kBAAN,cAA8B,2BAAc;AAAA,EAM/C,mBAAmB;AAAA,EACnB,UAAU,MAAM;AACZ,QAAI,KAAK,kBAAkB;AACvB,WAAK,MAAM,QAAQ;AACnB,WAAK,mBAAmB,WAAW,KAAK,SAAS,GAAG;AAAA,IACxD;AAAA,EACJ;AAAA,EACA,qBAAqB,MAAM;AACvB,SAAK,mBAAmB,WAAW,KAAK,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,uBAAuB,MAAM;AACzB,QAAI,KAAK,kBAAkB;AACvB,mBAAa,KAAK,gBAAgB;AAAA,IACtC;AACA,SAAK,mBAAmB;AAAA,EAC5B;AAAA,EACA,SAAS;AACL,WAAQ,aAAAA,QAAM,cAAc,OAAO,EAAE,aAAa,CAAC,UAAU;AACrD,WAAK,mBAAmB;AACxB,eAAS,iBAAiB,WAAW,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAAA,IAClF,EAAE,GAAG,KAAK,MAAM,QAAQ;AAAA,EAChC;AACJ;AA3BI,cADS,iBACF,aAAY;AAAA,EACf,SAAS,kBAAAC,QAAU,KAAK;AAAA;AAAA,EAExB,UAAU,kBAAAA,QAAU,IAAI;AAC5B;;;ACNJ,IAAAC,gBAAqC;AACrC,IAAAC,qBAAsB;AACtB,+BAAmB;AAEZ,IAAM,qBAAqB,yBAAAC,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlC,IAAM,4BAA4B,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzC,IAAM,mBAAmB,yBAAAA,QAAO;AAAA;AAAA;AAAA,UAG7B,CAAC,UAAU,MAAM;AAAA;AAAA,SAElB,CAAC,UAAU,MAAM;AAAA,sBACJ,CAAC,UAAU,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1C,IAAM,qBAAqB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUlC,IAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc9B,IAAM,oBAAoB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWjC,IAAM,cAAN,cAA0B,4BAAc;AAAA;AAAA,EAyB3C,QAAQ,MAAM,KAAK,MAAM,MAAM,GAAG,KAAK,MAAM,QAAQ;AAAA,EACrD,UAAU,MAAM,KAAK,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,QAAQ;AAAA,EAC5D,UAAU,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,UAAU,CAAC;AAAA,EACvD,WAAW,MAAM,KAAK,MAAM,MAAM,KAAK,KAAK,MAAM,UAAU,CAAC;AAAA;AAAA,EAE7D,SAAS,MAAM,KAAK,MAAM,OAAO,KAAK,MAAM,SAAS;AAAA,EACrD,UAAU,MAAM,KAAK,MAAM,OAAO,KAAK,KAAK,MAAM,SAAS;AAAA,EAC3D,oBAAoB,CAAC,QAAQ;AACzB,UAAM,QAAQ,IAAI,OAAO,QAAQ,KAAK,MAAM;AAC5C,SAAK,MAAM,OAAO,KAAK;AAAA,EAC3B;AAAA,EACA,SAAS;AACL,UAAM,UAAU;AAAA,MACZ,EAAE,KAAK,IAAI,MAAM,IAAI,QAAQ,GAAG,SAAS,KAAK,OAAO,SAAS,UAAK,KAAK,KAAK;AAAA,MAC7E,EAAE,KAAK,IAAI,MAAM,GAAG,QAAQ,KAAK,SAAS,KAAK,SAAS,SAAS,UAAK,KAAK,OAAO;AAAA,MAClF,EAAE,KAAK,IAAI,MAAM,IAAI,QAAQ,IAAI,SAAS,KAAK,UAAU,SAAS,UAAK,KAAK,QAAQ;AAAA,MACpF,EAAE,KAAK,IAAI,MAAM,IAAI,QAAQ,KAAK,SAAS,KAAK,SAAS,SAAS,UAAK,KAAK,OAAO;AAAA,IACvF;AACA,WAAQ,cAAAC,QAAM;AAAA,MAAc;AAAA,MAAoB;AAAA,MAC5C,cAAAA,QAAM;AAAA,QAAc;AAAA,QAA2B;AAAA,QAC3C,QAAQ,IAAI,CAAC,MAAO,cAAAA,QAAM;AAAA,UAAc;AAAA,UAAkB,EAAE,KAAK,EAAE,KAAK,KAAK,GAAG,EAAE,SAAS,MAAM,GAAG,EAAE,UAAU,QAAQ,EAAE,OAAO;AAAA,UAC7H,cAAAA,QAAM,cAAc,iBAAiB,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,OAAO;AAAA,QAAC,CAAE;AAAA,QAC7E,cAAAA,QAAM,cAAc,kBAAkB,EAAE,KAAK,QAAQ,MAAM,QAAQ,SAAS,KAAK,MAAM,UAAU,GAAG,MAAG;AAAA,MAAC;AAAA,MAC5G,cAAAA,QAAM;AAAA,QAAc;AAAA,QAAoB;AAAA,QACpC,cAAAA,QAAM;AAAA,UAAc;AAAA,UAAmB;AAAA,UACnC,cAAAA,QAAM,cAAc,iBAAiB,EAAE,SAAS,KAAK,OAAO,GAAG,GAAG;AAAA,QAAC;AAAA,QACvE,cAAAA,QAAM;AAAA,UAAc;AAAA,UAAgB;AAAA,UAChC,cAAAA,QAAM,cAAc,SAAS;AAAA,YAAE,MAAM;AAAA,YAAS,OAAO,KAAK,MAAM;AAAA,YAAW,KAAK,KAAK,MAAM;AAAA,YAAS,KAAK,KAAK,MAAM;AAAA,YAAS,MAAM,KAAK,MAAM;AAAA,YAAW,UAAU,KAAK;AAAA;AAAA,YAEpK,QAAQ;AAAA,UAAW,CAAC;AAAA,QAAC;AAAA,QAC7B,cAAAA,QAAM;AAAA,UAAc;AAAA,UAAmB;AAAA,UACnC,cAAAA,QAAM,cAAc,iBAAiB,EAAE,SAAS,KAAK,QAAQ,GAAG,GAAG;AAAA,QAAC;AAAA,MAAC;AAAA,IAAC;AAAA,EACtF;AACJ;AAzDI,cADS,aACF,eAAc;AACrB,cAFS,aAEF,aAAY;AAAA;AAAA,EAEf,WAAW,mBAAAC,QAAU;AAAA,EACrB,OAAO,mBAAAA,QAAU;AAAA,EACjB,QAAQ,mBAAAA,QAAU;AAAA;AAAA,EAElB,WAAW,mBAAAA,QAAU;AAAA;AAAA,EAErB,SAAS,mBAAAA,QAAU;AAAA,EACnB,SAAS,mBAAAA,QAAU;AAAA,EACnB,UAAU,mBAAAA,QAAU;AAAA,EACpB,WAAW,mBAAAA,QAAU;AACzB;AACA,cAfS,aAeF,gBAAe;AAAA,EAClB,WAAW,MAAM;AAAA,EAAE;AAAA,EACnB,OAAO,MAAM;AAAA,EAAE;AAAA,EACf,QAAQ,MAAM;AAAA,EAAE;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACb;;;AC3FJ,IAAAC,gBAAkB;AAEX,IAAM,wBAAwB,CAAC,EAAE,WAAW,OAAO,QAAQ,WAAW,SAAS,QAAQ,MAAO,cAAAC,QAAM;AAAA,EAAc;AAAA,EAAO,EAAE,OAAO,EAAE,UAAU,YAAY,KAAK,QAAQ,MAAM,OAAO,EAAE;AAAA,EACzL,cAAAA,QAAM,cAAc,aAAa,EAAE,WAAsB,OAAc,QAAgB,WAAsB,SAAkB,QAAiB,CAAC;AAAC;;;ACHtJ,IAAAC,SAAuB;AACvB,gCAAqC;AACrC,IAAAC,4BAAmB;AACZ,IAAM,SAAS,0BAAAC,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7B,IAAM,cAAc,0BAAAC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,IAAM,UAAU,0BAAAD,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,YAAY,0BAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,IAAM,SAAS,0BAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAKf,SAAS,YAAY,OAAO;AAC/B,QAAM,CAAC,QAAQ,SAAS,IAAU,gBAAS,IAAI;AAC/C,WAAS,cAAc;AACnB,QAAI,QAAQ;AACR,YAAM,QAAQ;AAAA,IAClB;AACA,cAAU,CAAC,MAAM;AAAA,EACrB;AACA,SAAc;AAAA,IAAoB;AAAA,IAAU;AAAA,IAClC;AAAA,MAAc;AAAA,MAAe;AAAA,MACzB;AAAA,QAAc;AAAA,QAAa,EAAE,QAAgB,mBAAmB,aAAa,iBAAiB,YAAY;AAAA,QACtG;AAAA,UAAc;AAAA,UAAS;AAAA,UACnB;AAAA,YAAc;AAAA,YAAW;AAAA,YACrB,qBAAc,QAAQ,MAAM,MAAM,KAAK;AAAA,UAAC;AAAA,UAClD,MAAM;AAAA,QAAO;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC;AACpC;;;ACrEA,IAAAE,SAAuB;AACvB,sBAAO;AACA,SAAS,KAAK,OAAO;AAExB,SAAa,qBAAc,YAAY,EAAE,OAAO,gBAAgB,GAAG,MAAM,CAAC;AAC9E;;;ACLA,IAAAC,SAAuB;AACvB,IAAM,SAAS;AAAA,EACX,eAAe;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,UAAU;AAAA,EACd;AACJ;AACO,IAAM,cAAN,cAAgC,iBAAU;AAAA;AAAA,EAI7C,WAAW;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,QAAI,UAAU;AACV,aAAO,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;AAAA,IACzD;AACA,WAAO,CAAC;AAAA,EACZ;AAAA,EACA,UAAU,aAAa;AACnB,UAAM,MAAM,KAAK,MAAM,SAAS,QAAQ,WAAW;AACnD,QAAI,CAAC;AACD,aAAO,CAAC,IAAI,EAAE;AAClB,WAAO;AAAA,EACX;AAAA,EACA,OAAO,CAAC,GAAG,CAAC,GAAG;AACX,UAAM,EAAE,UAAU,iBAAiB,EAAE,IAAI,KAAK;AAC9C,UAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,WAAO,EAAE,IAAI,CAAC,kBACV,IAAI,CAAC,kBACL,IAAI,QAAQ,kBACZ,IAAI,SAAS;AAAA,EACrB;AAAA,EACA,cAAc,GAAG;AACb,UAAM,EAAE,KAAK,IAAI,KAAK,MAAM;AAC5B,WAAO,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI;AAAA,EACpC;AAAA,EACA,mBAAmB,WAAW,GAAG,GAAG;AAChC,UAAM,EAAE,KAAK,IAAI,KAAK,MAAM;AAC5B,WAAO,OAAO,YAAY,IAAI;AAAA,EAClC;AAAA,EACA,cAAc;AACV,WAAO,KAAK,MAAM;AAAA,EACtB;AAAA,EACA,UAAU;AACN,WAAO,KAAK,MAAM,SAAS;AAAA,EAC/B;AAAA,EACA,SAAS;AACL,UAAM,EAAE,SAAS,EAAE,IAAI,KAAK;AAC5B,UAAM,QAAQ,OAAO,OAAO,EAAE,OAAO,GAAG,OAAO,aAAa;AAC5D,UAAM,cAAc,CAAC;AACrB,SAAK,SAAS,EACT,OAAO,OAAO,EACd,QAAQ,CAAC,MAAM,UAAU;AAC1B,YAAM,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,KAAK,MAAM,WAAW;AACpD,UAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG;AACrB,cAAM,MAAM,KAAK,QAAQ,QAAQ,KAAK,QAAQ,SAAY,QAAQ,KAAK;AACvE,oBAAY,KAAW,oBAAa,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;AAAA,MAC5D;AAAA,IACJ,CAAC;AACD,WAAa,qBAAc,OAAO,EAAE,MAAa,GAAG,WAAW;AAAA,EACnE;AACJ;AAAA;AApDI,cAFS,aAEF,mBAAkB;;;ACZ7B,IAAAC,SAAuB;AAChB,IAAM,kBAAN,cAAoC,iBAAU;AAAA,EACjD,SAAS;AACL,UAAM,EAAE,GAAG,GAAG,UAAU,OAAO,aAAa,GAAG,MAAM,IAAI,KAAK;AAC9D,UAAM,EAAE,SAAS,QAAQ,GAAG,eAAe,IAAI,SAAS,CAAC;AACzD;AAAA;AAAA;AAAA;AAAA,MAIM;AAAA,QAAc;AAAA,QAAO,EAAE,OAAO,EAAE,WAAW,aAAa,QAAQ,QAAQ,UAAU,YAAY,OAAO,EAAE;AAAA,QACnG,qBAAc,OAAO,EAAE,OAAO,EAAE,YAAY,QAAQ,GAAG,eAAe,GAAG,GAAG,MAAM,GAAG,QAAQ;AAAA,MAAC;AAAA;AAAA,EAC5G;AACJ;;;ACZA,qBAAsB;AACtB,0BAAyB;AAElB,IAAM,qBAAN,cAAiC,YAAY;AAAA,EAChD;AAAA,EACA,eAAe;AAAA,EACf,WAAW;AAIP,UAAM,aAAa,KAAK,cAAc;AACtC,QAAI,eAAe,KAAK,cAAc;AAClC,WAAK,gBAAgB,IAAI,oBAAAC,QAAa,KAAK,kBAAkB,CAAC;AAC9D,WAAK,cAAc,KAAK,WAAW,IAAI,CAAC,eAAW,sBAAM,KAAK,qBAAqB,MAAM,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACxG,WAAK,eAAe;AAAA,IAExB;AACA,UAAM,WAAW,KAAK,cAAc,YAAY,CAAC,MAAM,KAAK,KAAK,EAAE,GAAG,KAAK,MAAM,KAAK,QAAQ,CAAC,CAAC;AAChG,WAAO,SAAS,IAAI,CAAC,EAAE,UAAU,EAAE,YAAY,GAAG,YAAY,EAAE,SAAS,aAAa,YAAY,YAAY,WAAW,OAAO,EAAE,MAAM,UAClI,KAAK,cAAc,aAAa,WAAW,UAAU,IACrD,KAAK,aAAa,aAAa,MAAM,CAAC;AAAA,EAChD;AAAA,EACA,kBAAkB,WAAW;AACzB,WAAO,KAAK,cACP,UAAU,WAAW,QAAQ,EAC7B,IAAI,CAAC,WAAW,OAAO,WAAW,MAAM;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAgB;AACZ,WAAO,CAAC;AAAA,EACZ;AAAA;AAAA,EAEA,qBAAqB,KAAK;AACtB,WAAO,CAAC,GAAG,CAAC;AAAA,EAChB;AAAA;AAAA,EAEA,oBAAoB;AAChB,WAAO;AAAA,MACH,SAAS;AAAA,IACb;AAAA,EACJ;AAAA;AAAA,EAEA,aAAa,aAAa,KAAK;AAC3B,WAAO;AAAA,EACX;AAAA;AAAA;AAAA,EAGA,cAAc,aAAa,WAAW,YAAY;AAC9C,WAAO;AAAA,EACX;AACJ;;;ACpDA,IAAAC,SAAuB;AAGvB,IAAMC,UAAS;AAAA,EACX,SAAS;AAAA,IACL,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,cAAc;AAAA,IACd,OAAO;AAAA,EACX;AACJ;AACA,IAAM,uBAAuB;AACtB,IAAM,qBAAN,cAAiC,YAAY;AAAA,EAChD,YAAY,OAAO;AACf,UAAM,KAAK;AACX,SAAK,QAAQ,EAAE,SAAS,OAAO,aAAa,KAAK;AAAA,EACrD;AAAA,EACA,qBAAqB;AACjB,SAAK,QAAQ,OAAO,kBAAkB,GAAG,QAAQ,CAAC,EAAE,OAAO,YAAY,MAAM;AACzE,UAAI,KAAK,cAAc,MAAM;AACzB,eAAO,aAAa,KAAK,SAAS;AAAA,MACtC;AACA,WAAK,YAAY;AACjB,UAAI,eAAe,KAAK,YAAY,WAAW,GAAG;AAC9C,aAAK,YAAY,OAAO,WAAW,MAAM;AACrC,eAAK,SAAS,EAAE,SAAS,MAAM,YAAY,CAAC;AAAA,QAChD,GAAG,oBAAoB;AAAA,MAC3B,OACK;AACD,aAAK,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACpC;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY,aAAa;AACrB,WAAO,YAAY,OAAO,MAAM;AAAA,EACpC;AAAA,EACA,eAAe;AACX,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,QAAI,aAAa;AACb,aAAc,qBAAc,iBAAiB,EAAE,KAAK,GAAG,aAAa,YAAY,QAAQ,OAAOA,QAAO,QAAQ,GAAG,KAAK,YAAY,WAAW,CAAC;AAAA,IAClJ;AACA,WAAO;AAAA,EACX;AAAA,EACA,WAAW;AACP,QAAI,KAAK,MAAM,SAAS;AACpB,aAAO,CAAC,KAAK,aAAa,CAAC;AAAA,IAC/B;AACA,WAAO,CAAC;AAAA,EACZ;AACJ;",
   "names": ["React", "PropTypes", "import_react", "import_prop_types", "styled", "React", "PropTypes", "import_react", "React", "React", "import_styled_components", "styled", "Modal", "React", "React", "React", "Supercluster", "React", "styles"]
 }

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-export { LongPressButton } from './components/long-press-button';
-export { ViewControl } from './components/view-control';
-export { PositionedViewControl } from './components/positioned-view-control';
-export { EditorModal as Modal } from './components/modal';
-export { Button } from './components/modal';
-export { Icon } from './components/icon';
-export { HtmlOverlay } from './overlays/html-overlay';
-export { HtmlOverlayItem } from './overlays/html-overlay-item';
-export { HtmlClusterOverlay } from './overlays/html-cluster-overlay';
-export { HtmlTooltipOverlay } from './overlays/html-tooltip-overlay';
+export { LongPressButton } from "./components/long-press-button.js";
+export { ViewControl } from "./components/view-control.js";
+export { PositionedViewControl } from "./components/positioned-view-control.js";
+export { EditorModal as Modal } from "./components/modal.js";
+export { Button } from "./components/modal.js";
+export { Icon } from "./components/icon.js";
+export { HtmlOverlay } from "./overlays/html-overlay.js";
+export { HtmlOverlayItem } from "./overlays/html-overlay-item.js";
+export { HtmlClusterOverlay } from "./overlays/html-cluster-overlay.js";
+export { HtmlTooltipOverlay } from "./overlays/html-tooltip-overlay.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EAAC,WAAW,EAAC,qCAAkC;AACtD,OAAO,EAAC,qBAAqB,EAAC,gDAA6C;AAI3E,OAAO,EAAC,WAAW,IAAI,KAAK,EAAC,8BAA2B;AACxD,OAAO,EAAC,MAAM,EAAC,8BAA2B;AAC1C,OAAO,EAAC,IAAI,EAAC,6BAA0B;AAIvC,OAAO,EAAC,WAAW,EAAC,mCAAgC;AACpD,OAAO,EAAC,eAAe,EAAC,wCAAqC;AAC7D,OAAO,EAAC,kBAAkB,EAAC,2CAAwC;AAEnE,OAAO,EAAC,kBAAkB,EAAC,2CAAwC"}

package/dist/index.js

@@ -1,13 +1,13 @@
 // Components (originally from @deck.gl-community/react-graph-layers)
-export { LongPressButton } from './components/long-press-button';
-export { ViewControl } from './components/view-control';
-export { PositionedViewControl } from './components/positioned-view-control';
+export { LongPressButton } from "./components/long-press-button.js";
+export { ViewControl } from "./components/view-control.js";
+export { PositionedViewControl } from "./components/positioned-view-control.js";
 // Components (originally from @nebula.gl/editor)
-export { EditorModal as Modal } from './components/modal';
-export { Button } from './components/modal';
-export { Icon } from './components/icon';
+export { EditorModal as Modal } from "./components/modal.js";
+export { Button } from "./components/modal.js";
+export { Icon } from "./components/icon.js";
 // Overlays (originally from @nebula.gl/overlays)
-export { HtmlOverlay } from './overlays/html-overlay';
-export { HtmlOverlayItem } from './overlays/html-overlay-item';
-export { HtmlClusterOverlay } from './overlays/html-cluster-overlay';
-export { HtmlTooltipOverlay } from './overlays/html-tooltip-overlay';
+export { HtmlOverlay } from "./overlays/html-overlay.js";
+export { HtmlOverlayItem } from "./overlays/html-overlay-item.js";
+export { HtmlClusterOverlay } from "./overlays/html-cluster-overlay.js";
+export { HtmlTooltipOverlay } from "./overlays/html-tooltip-overlay.js";

package/dist/overlays/html-cluster-overlay.d.ts

@@ -1,5 +1,5 @@
 import Supercluster from 'supercluster';
-import { HtmlOverlay } from './html-overlay';
+import { HtmlOverlay } from "./html-overlay.js";
 export declare class HtmlClusterOverlay<ObjType> extends HtmlOverlay {
     _superCluster: Supercluster;
     _lastObjects: ObjType[] | null | undefined;
@@ -11,3 +11,4 @@ export declare class HtmlClusterOverlay<ObjType> extends HtmlOverlay {
     renderObject(coordinates: number[], obj: ObjType): Record<string, any> | null | undefined;
     renderCluster(coordinates: number[], clusterId: number, pointCount: number): Record<string, any> | null | undefined;
 }
+//# sourceMappingURL=html-cluster-overlay.d.ts.map

package/dist/overlays/html-cluster-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-cluster-overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/html-cluster-overlay.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAE3C,qBAAa,kBAAkB,CAAC,OAAO,CAAE,SAAQ,WAAW;IAC1D,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,OAAO,EAAE,GAAG,IAAI,GAAG,SAAS,CAAQ;IAElD,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;IAgCjC,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE;IAS/C,aAAa,IAAI,OAAO,EAAE;IAK1B,oBAAoB,CAAC,GAAG,EAAE,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAKpD,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS;IAO3D,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS;IAMzF,aAAa,CACX,WAAW,EAAE,MAAM,EAAE,EACrB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS;CAG1C"}

package/dist/overlays/html-cluster-overlay.js

@@ -1,6 +1,6 @@
 import { point } from '@turf/helpers';
 import Supercluster from 'supercluster';
-import { HtmlOverlay } from './html-overlay';
+import { HtmlOverlay } from "./html-overlay.js";
 export class HtmlClusterOverlay extends HtmlOverlay {
     _superCluster;
     _lastObjects = null;

package/dist/overlays/html-overlay-item.d.ts

@@ -10,3 +10,4 @@ export declare class HtmlOverlayItem extends React.Component<Props> {
     render(): React.JSX.Element;
 }
 export {};
+//# sourceMappingURL=html-overlay-item.d.ts.map

package/dist/overlays/html-overlay-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-overlay-item.d.ts","sourceRoot":"","sources":["../../src/overlays/html-overlay-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,KAAK,GAAG;IAEX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IAGX,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC7B,CAAC;AAEF,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACzD,MAAM;CAeP"}

package/dist/overlays/html-overlay.d.ts

@@ -17,3 +17,4 @@ export declare class HtmlOverlay extends React.Component<Props> {
     render(): React.JSX.Element;
 }
 export {};
+//# sourceMappingURL=html-overlay.d.ts.map

package/dist/overlays/html-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/html-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAO3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAErD,MAAM,CAAC,eAAe,UAAQ;IAG9B,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC;IAQtB,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAMlD,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO;IAWjC,aAAa,CAAC,CAAC,EAAE,MAAM;IAKvB,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG;IAK1D,WAAW;IAIX,OAAO;IAIP,MAAM;CAiBP"}

package/dist/overlays/html-tooltip-overlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HtmlOverlay } from './html-overlay';
+import { HtmlOverlay } from "./html-overlay.js";
 type State = {
     visible: boolean;
     pickingInfo: Record<string, any> | null | undefined;
@@ -14,3 +14,4 @@ export declare class HtmlTooltipOverlay extends HtmlOverlay {
     getItems(): Array<Record<string, any> | null | undefined>;
 }
 export {};
+//# sourceMappingURL=html-tooltip-overlay.d.ts.map

package/dist/overlays/html-tooltip-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-tooltip-overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/html-tooltip-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAG3C,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACrD,CAAC;AAcF,qBAAa,kBAAmB,SAAQ,WAAW;gBACrC,KAAK,EAAE,GAAG;IAKtB,kBAAkB;IAiBlB,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC5C,KAAK,EAAE,KAAK,CAAc;IAE1B,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM;IAIrD,YAAY;IAcZ,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAO1D"}

package/dist/overlays/html-tooltip-overlay.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { HtmlOverlay } from './html-overlay';
-import { HtmlOverlayItem } from './html-overlay-item';
+import { HtmlOverlay } from "./html-overlay.js";
+import { HtmlOverlayItem } from "./html-overlay-item.js";
 const styles = {
     tooltip: {
         transform: 'translate(-50%,-100%)',

package/package.json

@@ -2,10 +2,10 @@
   "name": "@deck.gl-community/react",
   "description": "React components for deck.gl",
   "license": "MIT",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "repository": {
     "type": "git",
-    "url": "https://github.com/uber/@deck.gl-community"
+    "url": "https://github.com/visgl/deck.gl-community"
   },
   "scripts": {
     "test": "vitest run",
@@ -38,13 +38,11 @@
     "@types/styled-react-modal": "^1.2.5",
     "boxicons": "^2.1.4",
     "prop-types": "^15.8.1",
-    "styled-components": "^4.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "styled-components": "^6.1.1",
     "styled-react-modal": "^3.1.1",
     "supercluster": "^8.0.1"
   },
-  "peerDependencies": {
-    "react": "^16.14 || ^17",
-    "react-dom": "^16.14 || ^17"
-  },
-  "gitHead": "646f8328d27d67d596f05c9154072051ec5cf4f0"
+  "gitHead": "8955b0da47771f3524b65360243ee246abeb3660"
 }

package/src/components/view-control.tsx

@@ -149,7 +149,7 @@ export class ViewControl extends PureComponent {
               max={(this.props as any).maxZoom}
               step={(this.props as any).deltaZoom}
               onChange={this.onChangeZoomLevel}
-              /* @ts-expect-error */
+              /* @ts-expect-error TODO */
               orient="vertical"
             />
           </VerticalSlider>