@deck.gl-community/react 9.2.0-beta.2 → 9.2.0-beta.4

package/dist/index.cjs

@@ -35,10 +35,6 @@ var __publicField = (obj, key, value) => {
 var dist_exports = {};
 __export(dist_exports, {
   Button: () => Button,
-  HtmlClusterOverlay: () => HtmlClusterOverlay,
-  HtmlOverlay: () => HtmlOverlay,
-  HtmlOverlayItem: () => HtmlOverlayItem,
-  HtmlTooltipOverlay: () => HtmlTooltipOverlay,
   Icon: () => Icon,
   LongPressButton: () => LongPressButton,
   Modal: () => EditorModal
@@ -170,190 +166,4 @@ var import_boxicons = require("boxicons");
 function Icon(props) {
   return React3.createElement("box-icon", { color: "currentColor", ...props });
 }
-
-// dist/overlays/html-overlay.js
-var React4 = __toESM(require("react"), 1);
-var styles = {
-  mainContainer: {
-    width: "100%",
-    height: "100%",
-    position: "absolute",
-    pointerEvents: "none",
-    overflow: "hidden"
-  }
-};
-var HtmlOverlay = class extends React4.Component {
-  // Override this to provide your items
-  getItems() {
-    const { children } = this.props;
-    if (children) {
-      return Array.isArray(children) ? children : [children];
-    }
-    return [];
-  }
-  getCoords(coordinates) {
-    const pos = this.props.viewport.project(coordinates);
-    if (!pos)
-      return [-1, -1];
-    return pos;
-  }
-  inView([x, y]) {
-    const { viewport, overflowMargin = 0 } = this.props;
-    const { width, height } = viewport;
-    return !(x < -overflowMargin || y < -overflowMargin || x > width + overflowMargin || y > height + overflowMargin);
-  }
-  scaleWithZoom(n) {
-    const { zoom } = this.props.viewport;
-    return n / Math.pow(2, 20 - zoom);
-  }
-  breakpointWithZoom(threshold, a, b) {
-    const { zoom } = this.props.viewport;
-    return zoom > threshold ? a : b;
-  }
-  getViewport() {
-    return this.props.viewport;
-  }
-  getZoom() {
-    return this.props.viewport.zoom;
-  }
-  render() {
-    const { zIndex = 1 } = this.props;
-    const style = Object.assign({ zIndex }, styles.mainContainer);
-    const renderItems = [];
-    this.getItems().filter(Boolean).forEach((item, index) => {
-      const [x, y] = this.getCoords(item.props.coordinates);
-      if (this.inView([x, y])) {
-        const key = item.key === null || item.key === void 0 ? index : item.key;
-        renderItems.push(React4.cloneElement(item, { x, y, key }));
-      }
-    });
-    return React4.createElement("div", { style }, renderItems);
-  }
-};
-// This is needed for Deck.gl 8.0+
-__publicField(HtmlOverlay, "deckGLViewProps", true);
-
-// dist/overlays/html-overlay-item.js
-var React5 = __toESM(require("react"), 1);
-var HtmlOverlayItem = class extends React5.Component {
-  render() {
-    const {
-      x,
-      y,
-      children,
-      style,
-      /* coordinates, */
-      ...props
-    } = this.props;
-    const { zIndex = "auto", ...remainingStyle } = style || {};
-    return (
-      // Using transform translate to position overlay items will result in a smooth zooming
-      // effect, whereas using the top/left css properties will cause overlay items to
-      // jiggle when zooming
-      React5.createElement(
-        "div",
-        { style: { transform: `translate(${x}px, ${y}px)`, position: "absolute", zIndex } },
-        React5.createElement("div", { style: { userSelect: "none", ...remainingStyle }, ...props }, children)
-      )
-    );
-  }
-};
-
-// dist/overlays/html-cluster-overlay.js
-var import_helpers = require("@turf/helpers");
-var import_supercluster = __toESM(require("supercluster"), 1);
-var HtmlClusterOverlay = class extends HtmlOverlay {
-  _superCluster;
-  _lastObjects = null;
-  getItems() {
-    const newObjects = this.getAllObjects();
-    if (newObjects !== this._lastObjects) {
-      this._superCluster = new import_supercluster.default(this.getClusterOptions());
-      this._superCluster.load(newObjects.map((object) => (0, import_helpers.point)(this.getObjectCoordinates(object), { object })));
-      this._lastObjects = newObjects;
-    }
-    const clusters = this._superCluster.getClusters([-180, -90, 180, 90], Math.round(this.getZoom()));
-    return clusters.map(({ geometry: { coordinates }, properties: { cluster, point_count: pointCount, cluster_id: clusterId, object } }) => cluster ? this.renderCluster(coordinates, clusterId, pointCount) : this.renderObject(coordinates, object));
-  }
-  getClusterObjects(clusterId) {
-    return this._superCluster.getLeaves(clusterId, Infinity).map((object) => object.properties.object);
-  }
-  // Override to provide items that need clustering.
-  // If the items have not changed please provide the same array to avoid
-  // regeneration of the cluster which causes performance issues.
-  getAllObjects() {
-    return [];
-  }
-  // override to provide coordinates for each object of getAllObjects()
-  getObjectCoordinates(obj) {
-    return [0, 0];
-  }
-  // Get options object used when instantiating supercluster
-  getClusterOptions() {
-    return {
-      maxZoom: 20
-    };
-  }
-  // override to return an HtmlOverlayItem
-  renderObject(coordinates, obj) {
-    return null;
-  }
-  // override to return an HtmlOverlayItem
-  // use getClusterObjects() to get cluster contents
-  renderCluster(coordinates, clusterId, pointCount) {
-    return null;
-  }
-};
-
-// dist/overlays/html-tooltip-overlay.js
-var React6 = __toESM(require("react"), 1);
-var styles2 = {
-  tooltip: {
-    transform: "translate(-50%,-100%)",
-    backgroundColor: "rgba(0, 0, 0, 0.3)",
-    padding: "4px 8px",
-    borderRadius: 8,
-    color: "white"
-  }
-};
-var SHOW_TOOLTIP_TIMEOUT = 250;
-var HtmlTooltipOverlay = class extends HtmlOverlay {
-  constructor(props) {
-    super(props);
-    this.state = { visible: false, pickingInfo: null };
-  }
-  componentWillMount() {
-    this.context.nebula.queryObjectEvents.on("pick", ({ event, pickingInfo }) => {
-      if (this.timeoutID !== null) {
-        window.clearTimeout(this.timeoutID);
-      }
-      this.timeoutID = null;
-      if (pickingInfo && this._getTooltip(pickingInfo)) {
-        this.timeoutID = window.setTimeout(() => {
-          this.setState({ visible: true, pickingInfo });
-        }, SHOW_TOOLTIP_TIMEOUT);
-      } else {
-        this.setState({ visible: false });
-      }
-    });
-  }
-  timeoutID = null;
-  state = void 0;
-  _getTooltip(pickingInfo) {
-    return pickingInfo.object.style.tooltip;
-  }
-  _makeOverlay() {
-    const { pickingInfo } = this.state;
-    if (pickingInfo) {
-      return React6.createElement(HtmlOverlayItem, { key: 0, coordinates: pickingInfo.lngLat, style: styles2.tooltip }, this._getTooltip(pickingInfo));
-    }
-    return null;
-  }
-  getItems() {
-    if (this.state.visible) {
-      return [this._makeOverlay()];
-    }
-    return [];
-  }
-};
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../src/components/long-press-button.tsx", "../src/components/modal.tsx", "../src/components/icon.tsx", "../src/overlays/html-overlay.tsx", "../src/overlays/html-overlay-item.tsx", "../src/overlays/html-cluster-overlay.ts", "../src/overlays/html-tooltip-overlay.tsx"],
-  "sourcesContent": ["// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\n// Components (originally from @deck.gl-community/graph-layers)\n\nexport {LongPressButton} from './components/long-press-button';\n\n// Components (originally from @nebula.gl/editor)\n\nexport {EditorModal as Modal} from './components/modal';\nexport {Button} from './components/modal';\nexport {Icon} from './components/icon';\n\n// Overlays (originally from @nebula.gl/overlays)\n\nexport {HtmlOverlay} from './overlays/html-overlay';\nexport {HtmlOverlayItem} from './overlays/html-overlay-item';\nexport {HtmlClusterOverlay} from './overlays/html-cluster-overlay';\n\nexport {HtmlTooltipOverlay} from './overlays/html-tooltip-overlay';\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport React, {PureComponent} from 'react';\nimport PropTypes from 'prop-types';\n\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\n  buttonPressTimer: ReturnType<typeof setTimeout> | null = null;\n\n  _repeat = () => {\n    if (this.buttonPressTimer) {\n      (this.props as any).onClick();\n      this.buttonPressTimer = setTimeout(this._repeat, 100);\n    }\n  };\n\n  _handleButtonPress = () => {\n    this.buttonPressTimer = setTimeout(this._repeat, 100);\n  };\n\n  _handleButtonRelease = () => {\n    if (this.buttonPressTimer) {\n      clearTimeout(this.buttonPressTimer);\n    }\n    this.buttonPressTimer = null;\n  };\n\n  render() {\n    return (\n      <div\n        onMouseDown={(event) => {\n          this._handleButtonPress();\n          document.addEventListener('mouseup', this._handleButtonRelease, {once: true});\n        }}\n      >\n        {(this.props as any).children}\n      </div>\n    );\n  }\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\n// @ts-nocheck This modal file should be phased out.\n\n/* eslint-env browser */\n\nimport * as React from 'react';\nimport Modal, {ModalProvider} from 'styled-react-modal';\nimport styled from 'styled-components';\n\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`;\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`;\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`;\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`;\n\nconst Header = styled.h5`\n  font-size: 1.25rem;\n  font-weight: 500;\n  margin: 0;\n`;\n\nexport type ModalProps = {\n  title: any;\n  content: any;\n  onClose: () => unknown;\n};\n\nexport function EditorModal(props: ModalProps) {\n  const [isOpen, setIsOpen] = React.useState(true);\n\n  function toggleModal() {\n    if (isOpen) {\n      props.onClose();\n    }\n    setIsOpen(!isOpen);\n  }\n\n  return (\n    <>\n      <ModalProvider>\n        <StyledModal isOpen={isOpen} onBackgroundClick={toggleModal} onEscapeKeydown={toggleModal}>\n          <Content>\n            <HeaderRow>\n              <Header>{props.title}</Header>\n            </HeaderRow>\n            {props.content}\n          </Content>\n        </StyledModal>\n      </ModalProvider>\n    </>\n  );\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport * as React from 'react';\nimport 'boxicons';\n\nexport function Icon(props) {\n  // @ts-expect-error TODO\n  return <box-icon color=\"currentColor\" {...props} />;\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport * as React from 'react';\n\nconst styles = {\n  mainContainer: {\n    width: '100%',\n    height: '100%',\n    position: 'absolute',\n    pointerEvents: 'none',\n    overflow: 'hidden'\n  }\n};\n\ninterface Props {\n  viewport?: Record<string, any>;\n  zIndex?: number;\n  children?: React.ReactNode;\n  // Overlay items abruptly disappear when their anchor point passes the edge of the map, which is\n  // visible to the user. The overflowMargin prop is used to effectively create a hidden buffer\n  // zone that extends from all sides of the map while leaving the visible edge of the map\n  // unchanged. With this, overlay items can move into the buffer zone and disappear only when\n  // their anchor passes the edge of the buffer zone. This produces a perceived effect of overlay\n  // items being rendered as part of the map, instead of separate entities tacked on to the map.\n  overflowMargin?: number;\n}\n\nexport class HtmlOverlay extends React.Component<Props> {\n  // This is needed for Deck.gl 8.0+\n  static deckGLViewProps = true;\n\n  // Override this to provide your items\n  getItems(): Array<any> {\n    const {children} = this.props;\n    if (children) {\n      return Array.isArray(children) ? children : [children];\n    }\n    return [];\n  }\n\n  getCoords(coordinates: number[]): [number, number] {\n    const pos = this.props.viewport.project(coordinates);\n    if (!pos) return [-1, -1];\n    return pos;\n  }\n\n  inView([x, y]: number[]): boolean {\n    const {viewport, overflowMargin = 0} = this.props;\n    const {width, height} = viewport;\n    return !(\n      x < -overflowMargin ||\n      y < -overflowMargin ||\n      x > width + overflowMargin ||\n      y > height + overflowMargin\n    );\n  }\n\n  scaleWithZoom(n: number) {\n    const {zoom} = this.props.viewport;\n    return n / Math.pow(2, 20 - zoom);\n  }\n\n  breakpointWithZoom(threshold: number, a: any, b: any): any {\n    const {zoom} = this.props.viewport;\n    return zoom > threshold ? a : b;\n  }\n\n  getViewport() {\n    return this.props.viewport;\n  }\n\n  getZoom() {\n    return this.props.viewport.zoom;\n  }\n\n  render() {\n    const {zIndex = 1} = this.props;\n    const style = Object.assign({zIndex} as any, styles.mainContainer);\n\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\n    return <div style={style}>{renderItems}</div>;\n  }\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport * as React from 'react';\n\ntype Props = {\n  // Injected by HtmlOverlay\n  x?: number;\n  y?: number;\n\n  // User provided\n  coordinates: number[];\n  children: any;\n  style?: Record<string, any>;\n};\n\nexport class HtmlOverlayItem extends React.Component<Props> {\n  render() {\n    const {x, y, children, style, /* coordinates, */ ...props} = this.props;\n    const {zIndex = 'auto', ...remainingStyle} = style || {};\n\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      <div style={{transform: `translate(${x}px, ${y}px)`, position: 'absolute', zIndex}}>\n        <div style={{userSelect: 'none', ...remainingStyle}} {...props}>\n          {children}\n        </div>\n      </div>\n    );\n  }\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport {point} from '@turf/helpers';\nimport Supercluster from 'supercluster';\nimport {HtmlOverlay} from './html-overlay';\n\nexport class HtmlClusterOverlay<ObjType> extends HtmlOverlay {\n  _superCluster: Supercluster;\n  _lastObjects: ObjType[] | null | undefined = null;\n\n  getItems(): Record<string, any>[] {\n    // supercluster().load() is expensive and we want to run it only\n    // when necessary and not for every frame.\n\n    // TODO: Warn if this is running many times / sec\n\n    const newObjects = this.getAllObjects();\n    if (newObjects !== this._lastObjects) {\n      this._superCluster = new Supercluster(this.getClusterOptions());\n      this._superCluster.load(\n        newObjects.map((object) => point(this.getObjectCoordinates(object), {object}))\n      );\n      this._lastObjects = newObjects;\n      // console.log('new Supercluster() run');\n    }\n\n    const clusters = this._superCluster.getClusters(\n      [-180, -90, 180, 90],\n      Math.round(this.getZoom())\n    );\n\n    return clusters.map(\n      ({\n        geometry: {coordinates},\n        properties: {cluster, point_count: pointCount, cluster_id: clusterId, object}\n      }) =>\n        cluster\n          ? this.renderCluster(coordinates, clusterId, pointCount)\n          : this.renderObject(coordinates, object)\n    );\n  }\n\n  getClusterObjects(clusterId: number): ObjType[] {\n    return this._superCluster\n      .getLeaves(clusterId, Infinity)\n      .map((object) => object.properties.object);\n  }\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(): ObjType[] {\n    return [];\n  }\n\n  // override to provide coordinates for each object of getAllObjects()\n  getObjectCoordinates(obj: ObjType): [number, number] {\n    return [0, 0];\n  }\n\n  // Get options object used when instantiating supercluster\n  getClusterOptions(): Record<string, any> | null | undefined {\n    return {\n      maxZoom: 20\n    };\n  }\n\n  // override to return an HtmlOverlayItem\n  renderObject(coordinates: number[], obj: ObjType): Record<string, any> | null | undefined {\n    return null;\n  }\n\n  // override to return an HtmlOverlayItem\n  // use getClusterObjects() to get cluster contents\n  renderCluster(\n    coordinates: number[],\n    clusterId: number,\n    pointCount: number\n  ): Record<string, any> | null | undefined {\n    return null;\n  }\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport * as React from 'react';\n\nimport {HtmlOverlay} from './html-overlay';\nimport {HtmlOverlayItem} from './html-overlay-item';\n\ntype State = {\n  visible: boolean;\n  pickingInfo: Record<string, any> | null | undefined;\n};\n\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};\n\nconst SHOW_TOOLTIP_TIMEOUT = 250;\n\nexport class HtmlTooltipOverlay extends HtmlOverlay {\n  constructor(props: any) {\n    super(props);\n    this.state = {visible: false, pickingInfo: null};\n  }\n\n  componentWillMount() {\n    (this.context as any).nebula.queryObjectEvents.on('pick', ({event, pickingInfo}) => {\n      if (this.timeoutID !== null) {\n        window.clearTimeout(this.timeoutID);\n      }\n      this.timeoutID = null;\n\n      if (pickingInfo && this._getTooltip(pickingInfo)) {\n        this.timeoutID = window.setTimeout(() => {\n          this.setState({visible: true, pickingInfo});\n        }, SHOW_TOOLTIP_TIMEOUT);\n      } else {\n        this.setState({visible: false});\n      }\n    });\n  }\n\n  timeoutID: number | null | undefined = null;\n  state: State = undefined!;\n\n  _getTooltip(pickingInfo: Record<string, any>): string {\n    return pickingInfo.object.style.tooltip;\n  }\n\n  _makeOverlay() {\n    const {pickingInfo} = this.state;\n\n    if (pickingInfo) {\n      return (\n        <HtmlOverlayItem key={0} coordinates={pickingInfo.lngLat} style={styles.tooltip}>\n          {this._getTooltip(pickingInfo)}\n        </HtmlOverlayItem>\n      );\n    }\n\n    return null;\n  }\n\n  getItems(): Array<Record<string, any> | null | undefined> {\n    if (this.state.visible) {\n      return [this._makeOverlay()];\n    }\n\n    return [];\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["React", "PropTypes", "React", "styled", "Modal", "React", "React", "React", "Supercluster", "React", "styles"]
+  "sources": ["../src/index.ts", "../src/components/long-press-button.tsx", "../src/components/modal.tsx", "../src/components/icon.tsx"],
+  "sourcesContent": ["// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\n// Components (originally from @deck.gl-community/graph-layers)\n\nexport {LongPressButton} from './components/long-press-button';\n\n// Components (originally from @nebula.gl/editor)\n\nexport {EditorModal as Modal} from './components/modal';\nexport {Button} from './components/modal';\nexport {Icon} from './components/icon';\n\n// Overlays migrated to @deck.gl-community/widgets\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport React, {PureComponent} from 'react';\nimport PropTypes from 'prop-types';\n\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\n  buttonPressTimer: ReturnType<typeof setTimeout> | null = null;\n\n  _repeat = () => {\n    if (this.buttonPressTimer) {\n      (this.props as any).onClick();\n      this.buttonPressTimer = setTimeout(this._repeat, 100);\n    }\n  };\n\n  _handleButtonPress = () => {\n    this.buttonPressTimer = setTimeout(this._repeat, 100);\n  };\n\n  _handleButtonRelease = () => {\n    if (this.buttonPressTimer) {\n      clearTimeout(this.buttonPressTimer);\n    }\n    this.buttonPressTimer = null;\n  };\n\n  render() {\n    return (\n      <div\n        onMouseDown={(event) => {\n          this._handleButtonPress();\n          document.addEventListener('mouseup', this._handleButtonRelease, {once: true});\n        }}\n      >\n        {(this.props as any).children}\n      </div>\n    );\n  }\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\n// @ts-nocheck This modal file should be phased out.\n\n/* eslint-env browser */\n\nimport * as React from 'react';\nimport Modal, {ModalProvider} from 'styled-react-modal';\nimport styled from 'styled-components';\n\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`;\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`;\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`;\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`;\n\nconst Header = styled.h5`\n  font-size: 1.25rem;\n  font-weight: 500;\n  margin: 0;\n`;\n\nexport type ModalProps = {\n  title: any;\n  content: any;\n  onClose: () => unknown;\n};\n\nexport function EditorModal(props: ModalProps) {\n  const [isOpen, setIsOpen] = React.useState(true);\n\n  function toggleModal() {\n    if (isOpen) {\n      props.onClose();\n    }\n    setIsOpen(!isOpen);\n  }\n\n  return (\n    <>\n      <ModalProvider>\n        <StyledModal isOpen={isOpen} onBackgroundClick={toggleModal} onEscapeKeydown={toggleModal}>\n          <Content>\n            <HeaderRow>\n              <Header>{props.title}</Header>\n            </HeaderRow>\n            {props.content}\n          </Content>\n        </StyledModal>\n      </ModalProvider>\n    </>\n  );\n}\n", "// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport * as React from 'react';\nimport 'boxicons';\n\nexport function Icon(props) {\n  // @ts-expect-error TODO\n  return <box-icon color=\"currentColor\" {...props} />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;ACIA,mBAAmC;AACnC,wBAAsB;AAEhB,IAAO,kBAAP,cAA+B,2BAAa;EAOhD,mBAAyD;EAEzD,UAAU,MAAK;AACb,QAAI,KAAK,kBAAkB;AACxB,WAAK,MAAc,QAAO;AAC3B,WAAK,mBAAmB,WAAW,KAAK,SAAS,GAAG;IACtD;EACF;EAEA,qBAAqB,MAAK;AACxB,SAAK,mBAAmB,WAAW,KAAK,SAAS,GAAG;EACtD;EAEA,uBAAuB,MAAK;AAC1B,QAAI,KAAK,kBAAkB;AACzB,mBAAa,KAAK,gBAAgB;IACpC;AACA,SAAK,mBAAmB;EAC1B;EAEA,SAAM;AACJ,WACE,aAAAA,QAAA,cAAA,OAAA,EACE,aAAa,CAAC,UAAS;AACrB,WAAK,mBAAkB;AACvB,eAAS,iBAAiB,WAAW,KAAK,sBAAsB,EAAC,MAAM,KAAI,CAAC;IAC9E,EAAC,GAEC,KAAK,MAAc,QAAQ;EAGnC;;AArCA,cADW,iBACJ,aAAY;EACjB,SAAS,kBAAAC,QAAU,KAAK;;EAExB,UAAU,kBAAAA,QAAU,IAAI;;;;ACH5B,IAAAC,SAAuB;AACvB,gCAAmC;AACnC,+BAAmB;AAEZ,IAAM,SAAS,yBAAAC,QAAO;;;;;;;;;;;AAY7B,IAAM,cAAc,0BAAAC,QAAM;;;;;;;;;;;;;;;AAgB1B,IAAM,UAAU,yBAAAD,QAAO;;;;;;;;;;;;AAavB,IAAM,YAAY,yBAAAA,QAAO;;;;;;;AAQzB,IAAM,SAAS,yBAAAA,QAAO;;;;;AAYhB,SAAU,YAAY,OAAiB;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAU,gBAAS,IAAI;AAE/C,WAAS,cAAW;AAClB,QAAI,QAAQ;AACV,YAAM,QAAO;IACf;AACA,cAAU,CAAC,MAAM;EACnB;AAEA,SACE;IAAA;IAAA;IACE;MAAC;MAAa;MACZ;QAAC;QAAW,EAAC,QAAgB,mBAAmB,aAAa,iBAAiB,YAAW;QACvF;UAAC;UAAO;UACN;YAAC;YAAS;YACR,qBAAC,QAAM,MAAE,MAAM,KAAK;UAAU;UAE/B,MAAM;QAAO;MACN;IACE;EACA;AAGtB;;;AC7FA,IAAAE,SAAuB;AACvB,sBAAO;AAED,SAAU,KAAK,OAAK;AAExB,SAAO,qBAAA,YAAA,EAAU,OAAM,gBAAc,GAAK,MAAK,CAAA;AACjD;",
+  "names": ["React", "PropTypes", "React", "styled", "Modal", "React"]
 }

package/dist/index.d.ts

@@ -2,8 +2,4 @@ export { LongPressButton } from "./components/long-press-button.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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAI/D,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAI/D,OAAO,EAAC,WAAW,IAAI,KAAK,EAAC,8BAA2B;AACxD,OAAO,EAAC,MAAM,EAAC,8BAA2B;AAC1C,OAAO,EAAC,IAAI,EAAC,6BAA0B"}

package/dist/index.js

@@ -7,9 +7,5 @@ export { LongPressButton } from "./components/long-press-button.js";
 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.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";
+// Overlays migrated to @deck.gl-community/widgets
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,+DAA+D;AAE/D,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAE/D,iDAAiD;AAEjD,OAAO,EAAC,WAAW,IAAI,KAAK,EAAC,8BAA2B;AACxD,OAAO,EAAC,MAAM,EAAC,8BAA2B;AAC1C,OAAO,EAAC,IAAI,EAAC,6BAA0B;AAEvC,iDAAiD;AAEjD,OAAO,EAAC,WAAW,EAAC,mCAAgC;AACpD,OAAO,EAAC,eAAe,EAAC,wCAAqC;AAC7D,OAAO,EAAC,kBAAkB,EAAC,2CAAwC;AAEnE,OAAO,EAAC,kBAAkB,EAAC,2CAAwC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,+DAA+D;AAE/D,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAE/D,iDAAiD;AAEjD,OAAO,EAAC,WAAW,IAAI,KAAK,EAAC,8BAA2B;AACxD,OAAO,EAAC,MAAM,EAAC,8BAA2B;AAC1C,OAAO,EAAC,IAAI,EAAC,6BAA0B;AAEvC,kDAAkD"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@deck.gl-community/react",
   "description": "React components for deck.gl",
   "license": "MIT",
-  "version": "9.2.0-beta.2",
+  "version": "9.2.0-beta.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/visgl/deck.gl-community"
@@ -34,16 +34,13 @@
     "src"
   ],
   "dependencies": {
-    "@turf/helpers": "^6.5.0",
     "@types/styled-react-modal": "^1.2.5",
     "boxicons": "^2.1.4",
-    "preact": "^10.17.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "^6.1.1",
-    "styled-react-modal": "^3.1.1",
-    "supercluster": "^8.0.1"
+    "styled-react-modal": "^3.1.1"
   },
-  "gitHead": "b434bcba10800f27e95a7c9e6c4c7edd0b915773"
+  "gitHead": "7ca4f10b28c9b24546b8278dc4050dba37dc6da0"
 }

package/src/index.ts

@@ -12,10 +12,4 @@ export {EditorModal as Modal} from './components/modal';
 export {Button} from './components/modal';
 export {Icon} from './components/icon';
 
-// 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';
+// Overlays migrated to @deck.gl-community/widgets

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

@@ -1,14 +0,0 @@
-import Supercluster from 'supercluster';
-import { HtmlOverlay } from "./html-overlay.js";
-export declare class HtmlClusterOverlay<ObjType> extends HtmlOverlay {
-    _superCluster: Supercluster;
-    _lastObjects: ObjType[] | null | undefined;
-    getItems(): Record<string, any>[];
-    getClusterObjects(clusterId: number): ObjType[];
-    getAllObjects(): ObjType[];
-    getObjectCoordinates(obj: ObjType): [number, number];
-    getClusterOptions(): Record<string, any> | null | undefined;
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"html-cluster-overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/html-cluster-overlay.ts"],"names":[],"mappings":"AAKA,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,57 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { point } from '@turf/helpers';
-import Supercluster from 'supercluster';
-import { HtmlOverlay } from "./html-overlay.js";
-export class HtmlClusterOverlay extends HtmlOverlay {
-    _superCluster;
-    _lastObjects = null;
-    getItems() {
-        // supercluster().load() is expensive and we want to run it only
-        // when necessary and not for every frame.
-        // TODO: Warn if this is running many times / sec
-        const newObjects = this.getAllObjects();
-        if (newObjects !== this._lastObjects) {
-            this._superCluster = new Supercluster(this.getClusterOptions());
-            this._superCluster.load(newObjects.map((object) => point(this.getObjectCoordinates(object), { object })));
-            this._lastObjects = newObjects;
-            // console.log('new Supercluster() run');
-        }
-        const clusters = this._superCluster.getClusters([-180, -90, 180, 90], Math.round(this.getZoom()));
-        return clusters.map(({ geometry: { coordinates }, properties: { cluster, point_count: pointCount, cluster_id: clusterId, object } }) => cluster
-            ? this.renderCluster(coordinates, clusterId, pointCount)
-            : this.renderObject(coordinates, object));
-    }
-    getClusterObjects(clusterId) {
-        return this._superCluster
-            .getLeaves(clusterId, Infinity)
-            .map((object) => object.properties.object);
-    }
-    // Override to provide items that need clustering.
-    // If the items have not changed please provide the same array to avoid
-    // regeneration of the cluster which causes performance issues.
-    getAllObjects() {
-        return [];
-    }
-    // override to provide coordinates for each object of getAllObjects()
-    getObjectCoordinates(obj) {
-        return [0, 0];
-    }
-    // Get options object used when instantiating supercluster
-    getClusterOptions() {
-        return {
-            maxZoom: 20
-        };
-    }
-    // override to return an HtmlOverlayItem
-    renderObject(coordinates, obj) {
-        return null;
-    }
-    // override to return an HtmlOverlayItem
-    // use getClusterObjects() to get cluster contents
-    renderCluster(coordinates, clusterId, pointCount) {
-        return null;
-    }
-}
-//# sourceMappingURL=html-cluster-overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"html-cluster-overlay.js","sourceRoot":"","sources":["../../src/overlays/html-cluster-overlay.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AACpC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAE3C,MAAM,OAAO,kBAA4B,SAAQ,WAAW;IAC1D,aAAa,CAAe;IAC5B,YAAY,GAAiC,IAAI,CAAC;IAElD,QAAQ;QACN,gEAAgE;QAChE,0CAA0C;QAE1C,iDAAiD;QAEjD,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,IAAI,UAAU,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YACrC,IAAI,CAAC,aAAa,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;YAChE,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,EAAC,MAAM,EAAC,CAAC,CAAC,CAC/E,CAAC;YACF,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;YAC/B,yCAAyC;QAC3C,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAC7C,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAC3B,CAAC;QAEF,OAAO,QAAQ,CAAC,GAAG,CACjB,CAAC,EACC,QAAQ,EAAE,EAAC,WAAW,EAAC,EACvB,UAAU,EAAE,EAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,EAC9E,EAAE,EAAE,CACH,OAAO;YACL,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAC7C,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,SAAiB;QACjC,OAAO,IAAI,CAAC,aAAa;aACtB,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;IAED,kDAAkD;IAClD,uEAAuE;IACvE,+DAA+D;IAC/D,aAAa;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,qEAAqE;IACrE,oBAAoB,CAAC,GAAY;QAC/B,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChB,CAAC;IAED,0DAA0D;IAC1D,iBAAiB;QACf,OAAO;YACL,OAAO,EAAE,EAAE;SACZ,CAAC;IACJ,CAAC;IAED,wCAAwC;IACxC,YAAY,CAAC,WAAqB,EAAE,GAAY;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,wCAAwC;IACxC,kDAAkD;IAClD,aAAa,CACX,WAAqB,EACrB,SAAiB,EACjB,UAAkB;QAElB,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-type Props = {
-    x?: number;
-    y?: number;
-    coordinates: number[];
-    children: any;
-    style?: Record<string, any>;
-};
-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

@@ -1 +0,0 @@
-{"version":3,"file":"html-overlay-item.d.ts","sourceRoot":"","sources":["../../src/overlays/html-overlay-item.tsx"],"names":[],"mappings":"AAIA,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-item.js

@@ -1,17 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import * as React from 'react';
-export class HtmlOverlayItem extends React.Component {
-    render() {
-        const { x, y, children, style, /* coordinates, */ ...props } = this.props;
-        const { zIndex = 'auto', ...remainingStyle } = style || {};
-        return (
-        // Using transform translate to position overlay items will result in a smooth zooming
-        // effect, whereas using the top/left css properties will cause overlay items to
-        // jiggle when zooming
-        React.createElement("div", { style: { transform: `translate(${x}px, ${y}px)`, position: 'absolute', zIndex } },
-            React.createElement("div", { style: { userSelect: 'none', ...remainingStyle }, ...props }, children)));
-    }
-}
-//# sourceMappingURL=html-overlay-item.js.map

package/dist/overlays/html-overlay-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-overlay-item.js","sourceRoot":"","sources":["../../src/overlays/html-overlay-item.tsx"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAgB;IACzD,MAAM;QACJ,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,CAAC,GAAG,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACxE,MAAM,EAAC,MAAM,GAAG,MAAM,EAAE,GAAG,cAAc,EAAC,GAAG,KAAK,IAAI,EAAE,CAAC;QAEzD,OAAO;QACL,sFAAsF;QACtF,gFAAgF;QAChF,sBAAsB;QACtB,6BAAK,KAAK,EAAE,EAAC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAC;YAChF,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,MAAM,EAAE,GAAG,cAAc,EAAC,KAAM,KAAK,IAC3D,QAAQ,CACL,CACF,CACP,CAAC;IACJ,CAAC;CACF"}

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-interface Props {
-    viewport?: Record<string, any>;
-    zIndex?: number;
-    children?: React.ReactNode;
-    overflowMargin?: number;
-}
-export declare class HtmlOverlay extends React.Component<Props> {
-    static deckGLViewProps: boolean;
-    getItems(): Array<any>;
-    getCoords(coordinates: number[]): [number, number];
-    inView([x, y]: number[]): boolean;
-    scaleWithZoom(n: number): number;
-    breakpointWithZoom(threshold: number, a: any, b: any): any;
-    getViewport(): Record<string, any>;
-    getZoom(): any;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=html-overlay.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"html-overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/html-overlay.tsx"],"names":[],"mappings":"AAIA,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-overlay.js

@@ -1,69 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import * as React from 'react';
-const styles = {
-    mainContainer: {
-        width: '100%',
-        height: '100%',
-        position: 'absolute',
-        pointerEvents: 'none',
-        overflow: 'hidden'
-    }
-};
-export class HtmlOverlay extends React.Component {
-    // This is needed for Deck.gl 8.0+
-    static deckGLViewProps = true;
-    // Override this to provide your items
-    getItems() {
-        const { children } = this.props;
-        if (children) {
-            return Array.isArray(children) ? children : [children];
-        }
-        return [];
-    }
-    getCoords(coordinates) {
-        const pos = this.props.viewport.project(coordinates);
-        if (!pos)
-            return [-1, -1];
-        return pos;
-    }
-    inView([x, y]) {
-        const { viewport, overflowMargin = 0 } = this.props;
-        const { width, height } = viewport;
-        return !(x < -overflowMargin ||
-            y < -overflowMargin ||
-            x > width + overflowMargin ||
-            y > height + overflowMargin);
-    }
-    scaleWithZoom(n) {
-        const { zoom } = this.props.viewport;
-        return n / Math.pow(2, 20 - zoom);
-    }
-    breakpointWithZoom(threshold, a, b) {
-        const { zoom } = this.props.viewport;
-        return zoom > threshold ? a : b;
-    }
-    getViewport() {
-        return this.props.viewport;
-    }
-    getZoom() {
-        return this.props.viewport.zoom;
-    }
-    render() {
-        const { zIndex = 1 } = this.props;
-        const style = Object.assign({ zIndex }, styles.mainContainer);
-        const renderItems = [];
-        this.getItems()
-            .filter(Boolean)
-            .forEach((item, index) => {
-            const [x, y] = this.getCoords(item.props.coordinates);
-            if (this.inView([x, y])) {
-                const key = item.key === null || item.key === undefined ? index : item.key;
-                renderItems.push(React.cloneElement(item, { x, y, key }));
-            }
-        });
-        return React.createElement("div", { style: style }, renderItems);
-    }
-}
-//# sourceMappingURL=html-overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"html-overlay.js","sourceRoot":"","sources":["../../src/overlays/html-overlay.tsx"],"names":[],"mappings":"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"}

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { HtmlOverlay } from "./html-overlay.js";
-type State = {
-    visible: boolean;
-    pickingInfo: Record<string, any> | null | undefined;
-};
-export declare class HtmlTooltipOverlay extends HtmlOverlay {
-    constructor(props: any);
-    componentWillMount(): void;
-    timeoutID: number | null | undefined;
-    state: State;
-    _getTooltip(pickingInfo: Record<string, any>): string;
-    _makeOverlay(): React.JSX.Element;
-    getItems(): Array<Record<string, any> | null | undefined>;
-}
-export {};
-//# sourceMappingURL=html-tooltip-overlay.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"html-tooltip-overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/html-tooltip-overlay.tsx"],"names":[],"mappings":"AAIA,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,57 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import * as React from 'react';
-import { HtmlOverlay } from "./html-overlay.js";
-import { HtmlOverlayItem } from "./html-overlay-item.js";
-const styles = {
-    tooltip: {
-        transform: 'translate(-50%,-100%)',
-        backgroundColor: 'rgba(0, 0, 0, 0.3)',
-        padding: '4px 8px',
-        borderRadius: 8,
-        color: 'white'
-    }
-};
-const SHOW_TOOLTIP_TIMEOUT = 250;
-export class HtmlTooltipOverlay extends HtmlOverlay {
-    constructor(props) {
-        super(props);
-        this.state = { visible: false, pickingInfo: null };
-    }
-    componentWillMount() {
-        this.context.nebula.queryObjectEvents.on('pick', ({ event, pickingInfo }) => {
-            if (this.timeoutID !== null) {
-                window.clearTimeout(this.timeoutID);
-            }
-            this.timeoutID = null;
-            if (pickingInfo && this._getTooltip(pickingInfo)) {
-                this.timeoutID = window.setTimeout(() => {
-                    this.setState({ visible: true, pickingInfo });
-                }, SHOW_TOOLTIP_TIMEOUT);
-            }
-            else {
-                this.setState({ visible: false });
-            }
-        });
-    }
-    timeoutID = null;
-    state = undefined;
-    _getTooltip(pickingInfo) {
-        return pickingInfo.object.style.tooltip;
-    }
-    _makeOverlay() {
-        const { pickingInfo } = this.state;
-        if (pickingInfo) {
-            return (React.createElement(HtmlOverlayItem, { key: 0, coordinates: pickingInfo.lngLat, style: styles.tooltip }, this._getTooltip(pickingInfo)));
-        }
-        return null;
-    }
-    getItems() {
-        if (this.state.visible) {
-            return [this._makeOverlay()];
-        }
-        return [];
-    }
-}
-//# sourceMappingURL=html-tooltip-overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"html-tooltip-overlay.js","sourceRoot":"","sources":["../../src/overlays/html-tooltip-overlay.tsx"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAC3C,OAAO,EAAC,eAAe,EAAC,+BAA4B;AAOpD,MAAM,MAAM,GAAG;IACb,OAAO,EAAE;QACP,SAAS,EAAE,uBAAuB;QAClC,eAAe,EAAE,oBAAoB;QACrC,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,OAAO;KACf;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,OAAO,kBAAmB,SAAQ,WAAW;IACjD,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,CAAC;IACnD,CAAC;IAED,kBAAkB;QACf,IAAI,CAAC,OAAe,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAC,KAAK,EAAE,WAAW,EAAC,EAAE,EAAE;YACjF,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;gBAC5B,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACtC,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAEtB,IAAI,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;gBACjD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBACtC,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAC,CAAC,CAAC;gBAC9C,CAAC,EAAE,oBAAoB,CAAC,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,GAA8B,IAAI,CAAC;IAC5C,KAAK,GAAU,SAAU,CAAC;IAE1B,WAAW,CAAC,WAAgC;QAC1C,OAAO,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;IAC1C,CAAC;IAED,YAAY;QACV,MAAM,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAC5E,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CACd,CACnB,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;CACF"}

package/src/overlays/html-cluster-overlay.ts

@@ -1,84 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {point} from '@turf/helpers';
-import Supercluster from 'supercluster';
-import {HtmlOverlay} from './html-overlay';
-
-export class HtmlClusterOverlay<ObjType> extends HtmlOverlay {
-  _superCluster: Supercluster;
-  _lastObjects: ObjType[] | null | undefined = null;
-
-  getItems(): Record<string, any>[] {
-    // supercluster().load() is expensive and we want to run it only
-    // when necessary and not for every frame.
-
-    // TODO: Warn if this is running many times / sec
-
-    const newObjects = this.getAllObjects();
-    if (newObjects !== this._lastObjects) {
-      this._superCluster = new Supercluster(this.getClusterOptions());
-      this._superCluster.load(
-        newObjects.map((object) => point(this.getObjectCoordinates(object), {object}))
-      );
-      this._lastObjects = newObjects;
-      // console.log('new Supercluster() run');
-    }
-
-    const clusters = this._superCluster.getClusters(
-      [-180, -90, 180, 90],
-      Math.round(this.getZoom())
-    );
-
-    return clusters.map(
-      ({
-        geometry: {coordinates},
-        properties: {cluster, point_count: pointCount, cluster_id: clusterId, object}
-      }) =>
-        cluster
-          ? this.renderCluster(coordinates, clusterId, pointCount)
-          : this.renderObject(coordinates, object)
-    );
-  }
-
-  getClusterObjects(clusterId: number): ObjType[] {
-    return this._superCluster
-      .getLeaves(clusterId, Infinity)
-      .map((object) => object.properties.object);
-  }
-
-  // Override to provide items that need clustering.
-  // If the items have not changed please provide the same array to avoid
-  // regeneration of the cluster which causes performance issues.
-  getAllObjects(): ObjType[] {
-    return [];
-  }
-
-  // override to provide coordinates for each object of getAllObjects()
-  getObjectCoordinates(obj: ObjType): [number, number] {
-    return [0, 0];
-  }
-
-  // Get options object used when instantiating supercluster
-  getClusterOptions(): Record<string, any> | null | undefined {
-    return {
-      maxZoom: 20
-    };
-  }
-
-  // override to return an HtmlOverlayItem
-  renderObject(coordinates: number[], obj: ObjType): Record<string, any> | null | undefined {
-    return null;
-  }
-
-  // override to return an HtmlOverlayItem
-  // use getClusterObjects() to get cluster contents
-  renderCluster(
-    coordinates: number[],
-    clusterId: number,
-    pointCount: number
-  ): Record<string, any> | null | undefined {
-    return null;
-  }
-}

package/src/overlays/html-overlay-item.tsx

@@ -1,34 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import * as React from 'react';
-
-type Props = {
-  // Injected by HtmlOverlay
-  x?: number;
-  y?: number;
-
-  // User provided
-  coordinates: number[];
-  children: any;
-  style?: Record<string, any>;
-};
-
-export class HtmlOverlayItem extends React.Component<Props> {
-  render() {
-    const {x, y, children, style, /* coordinates, */ ...props} = this.props;
-    const {zIndex = 'auto', ...remainingStyle} = style || {};
-
-    return (
-      // Using transform translate to position overlay items will result in a smooth zooming
-      // effect, whereas using the top/left css properties will cause overlay items to
-      // jiggle when zooming
-      <div style={{transform: `translate(${x}px, ${y}px)`, position: 'absolute', zIndex}}>
-        <div style={{userSelect: 'none', ...remainingStyle}} {...props}>
-          {children}
-        </div>
-      </div>
-    );
-  }
-}

package/src/overlays/html-overlay.tsx

@@ -1,95 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import * as React from 'react';
-
-const styles = {
-  mainContainer: {
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    pointerEvents: 'none',
-    overflow: 'hidden'
-  }
-};
-
-interface Props {
-  viewport?: Record<string, any>;
-  zIndex?: number;
-  children?: React.ReactNode;
-  // Overlay items abruptly disappear when their anchor point passes the edge of the map, which is
-  // visible to the user. The overflowMargin prop is used to effectively create a hidden buffer
-  // zone that extends from all sides of the map while leaving the visible edge of the map
-  // unchanged. With this, overlay items can move into the buffer zone and disappear only when
-  // their anchor passes the edge of the buffer zone. This produces a perceived effect of overlay
-  // items being rendered as part of the map, instead of separate entities tacked on to the map.
-  overflowMargin?: number;
-}
-
-export class HtmlOverlay extends React.Component<Props> {
-  // This is needed for Deck.gl 8.0+
-  static deckGLViewProps = true;
-
-  // Override this to provide your items
-  getItems(): Array<any> {
-    const {children} = this.props;
-    if (children) {
-      return Array.isArray(children) ? children : [children];
-    }
-    return [];
-  }
-
-  getCoords(coordinates: number[]): [number, number] {
-    const pos = this.props.viewport.project(coordinates);
-    if (!pos) return [-1, -1];
-    return pos;
-  }
-
-  inView([x, y]: number[]): boolean {
-    const {viewport, overflowMargin = 0} = this.props;
-    const {width, height} = viewport;
-    return !(
-      x < -overflowMargin ||
-      y < -overflowMargin ||
-      x > width + overflowMargin ||
-      y > height + overflowMargin
-    );
-  }
-
-  scaleWithZoom(n: number) {
-    const {zoom} = this.props.viewport;
-    return n / Math.pow(2, 20 - zoom);
-  }
-
-  breakpointWithZoom(threshold: number, a: any, b: any): any {
-    const {zoom} = this.props.viewport;
-    return zoom > threshold ? a : b;
-  }
-
-  getViewport() {
-    return this.props.viewport;
-  }
-
-  getZoom() {
-    return this.props.viewport.zoom;
-  }
-
-  render() {
-    const {zIndex = 1} = this.props;
-    const style = Object.assign({zIndex} as any, styles.mainContainer);
-
-    const renderItems = [];
-    this.getItems()
-      .filter(Boolean)
-      .forEach((item, index) => {
-        const [x, y] = this.getCoords(item.props.coordinates);
-        if (this.inView([x, y])) {
-          const key = item.key === null || item.key === undefined ? index : item.key;
-          renderItems.push(React.cloneElement(item, {x, y, key}));
-        }
-      });
-
-    return <div style={style}>{renderItems}</div>;
-  }
-}

package/src/overlays/html-tooltip-overlay.tsx

@@ -1,78 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import * as React from 'react';
-
-import {HtmlOverlay} from './html-overlay';
-import {HtmlOverlayItem} from './html-overlay-item';
-
-type State = {
-  visible: boolean;
-  pickingInfo: Record<string, any> | null | undefined;
-};
-
-const styles = {
-  tooltip: {
-    transform: 'translate(-50%,-100%)',
-    backgroundColor: 'rgba(0, 0, 0, 0.3)',
-    padding: '4px 8px',
-    borderRadius: 8,
-    color: 'white'
-  }
-};
-
-const SHOW_TOOLTIP_TIMEOUT = 250;
-
-export class HtmlTooltipOverlay extends HtmlOverlay {
-  constructor(props: any) {
-    super(props);
-    this.state = {visible: false, pickingInfo: null};
-  }
-
-  componentWillMount() {
-    (this.context as any).nebula.queryObjectEvents.on('pick', ({event, pickingInfo}) => {
-      if (this.timeoutID !== null) {
-        window.clearTimeout(this.timeoutID);
-      }
-      this.timeoutID = null;
-
-      if (pickingInfo && this._getTooltip(pickingInfo)) {
-        this.timeoutID = window.setTimeout(() => {
-          this.setState({visible: true, pickingInfo});
-        }, SHOW_TOOLTIP_TIMEOUT);
-      } else {
-        this.setState({visible: false});
-      }
-    });
-  }
-
-  timeoutID: number | null | undefined = null;
-  state: State = undefined!;
-
-  _getTooltip(pickingInfo: Record<string, any>): string {
-    return pickingInfo.object.style.tooltip;
-  }
-
-  _makeOverlay() {
-    const {pickingInfo} = this.state;
-
-    if (pickingInfo) {
-      return (
-        <HtmlOverlayItem key={0} coordinates={pickingInfo.lngLat} style={styles.tooltip}>
-          {this._getTooltip(pickingInfo)}
-        </HtmlOverlayItem>
-      );
-    }
-
-    return null;
-  }
-
-  getItems(): Array<Record<string, any> | null | undefined> {
-    if (this.state.visible) {
-      return [this._makeOverlay()];
-    }
-
-    return [];
-  }
-}