@deck.gl-community/react 9.0.1

package/dist/index.cjs

@@ -0,0 +1,521 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// dist/index.js
+var dist_exports = {};
+__export(dist_exports, {
+  Button: () => Button,
+  HtmlClusterOverlay: () => HtmlClusterOverlay,
+  HtmlOverlay: () => HtmlOverlay,
+  HtmlOverlayItem: () => HtmlOverlayItem,
+  HtmlTooltipOverlay: () => HtmlTooltipOverlay,
+  Icon: () => Icon,
+  LongPressButton: () => LongPressButton,
+  Modal: () => EditorModal,
+  PositionedViewControl: () => PositionedViewControl,
+  ViewControl: () => ViewControl
+});
+module.exports = __toCommonJS(dist_exports);
+
+// dist/components/long-press-button.js
+var import_react = __toESM(require("react"), 1);
+var import_prop_types = __toESM(require("prop-types"), 1);
+var LongPressButton = class extends import_react.PureComponent {
+  buttonPressTimer = null;
+  _repeat = () => {
+    if (this.buttonPressTimer) {
+      this.props.onClick();
+      this.buttonPressTimer = setTimeout(this._repeat, 100);
+    }
+  };
+  _handleButtonPress = () => {
+    this.buttonPressTimer = setTimeout(this._repeat, 100);
+  };
+  _handleButtonRelease = () => {
+    if (this.buttonPressTimer) {
+      clearTimeout(this.buttonPressTimer);
+    }
+    this.buttonPressTimer = null;
+  };
+  render() {
+    return import_react.default.createElement("div", { onMouseDown: (event) => {
+      this._handleButtonPress();
+      document.addEventListener("mouseup", this._handleButtonRelease, { once: true });
+    } }, this.props.children);
+  }
+};
+__publicField(LongPressButton, "propTypes", {
+  onClick: import_prop_types.default.func.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  children: import_prop_types.default.any.isRequired
+});
+
+// dist/components/view-control.js
+var import_react2 = __toESM(require("react"), 1);
+var import_prop_types2 = __toESM(require("prop-types"), 1);
+var import_styled_components = __toESM(require("styled-components"), 1);
+var ViewControlWrapper = import_styled_components.default.div`
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  z-index: 99;
+  user-select: none;
+`;
+var NavigationButtonContainer = import_styled_components.default.div`
+  background: #f7f7f7;
+  border-radius: 23px;
+  border: 0.5px solid #eaeaea;
+  box-shadow: inset 11px 11px 5px -7px rgba(230, 230, 230, 0.49);
+  height: 46px;
+  width: 46px;
+`;
+var NavigationButton = import_styled_components.default.div`
+  color: #848484;
+  cursor: pointer;
+  left: ${(props) => props.left};
+  position: absolute;
+  top: ${(props) => props.top};
+  transform: rotate(${(props) => props.rotate || 0}deg);
+
+  &:hover,
+  &:active {
+    color: #00ade6;
+  }
+`;
+var ZoomControlWrapper = import_styled_components.default.div`
+  align-items: center;
+  background: #f7f7f7;
+  border: 0.5px solid #eaeaea;
+  display: flex;
+  flex-direction: column;
+  margin-top: 6px;
+  padding: 2px 0;
+  width: 18px;
+`;
+var VerticalSlider = import_styled_components.default.div`
+  display: inline-block;
+  height: 100px;
+  padding: 0;
+  width: 10px;
+
+  > input[type='range'][orient='vertical'] {
+    -webkit-appearance: slider-vertical;
+    height: 100px;
+    padding: 0;
+    margin: 0;
+    width: 10px;
+  }
+`;
+var ZoomControlButton = import_styled_components.default.div`
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  margin: -4px;
+
+  &:hover,
+  &:active {
+    color: #00ade6;
+  }
+`;
+var ViewControl = class extends import_react2.PureComponent {
+  // pan actions
+  panUp = () => this.props.panBy(0, this.props.deltaPan);
+  panDown = () => this.props.panBy(0, -1 * this.props.deltaPan);
+  panLeft = () => this.props.panBy(this.props.deltaPan, 0);
+  panRight = () => this.props.panBy(-1 * this.props.deltaPan, 0);
+  // zoom actions
+  zoomIn = () => this.props.zoomBy(this.props.deltaZoom);
+  zoomOut = () => this.props.zoomBy(-1 * this.props.deltaZoom);
+  onChangeZoomLevel = (evt) => {
+    const delta = evt.target.value - this.props.zoomLevel;
+    this.props.zoomBy(delta);
+  };
+  render() {
+    const buttons = [
+      { top: -2, left: 14, rotate: 0, onClick: this.panUp, content: "\u25B2", key: "up" },
+      { top: 12, left: 0, rotate: -90, onClick: this.panLeft, content: "\u25C0", key: "left" },
+      { top: 12, left: 28, rotate: 90, onClick: this.panRight, content: "\u25B6", key: "right" },
+      { top: 25, left: 14, rotate: 180, onClick: this.panDown, content: "\u25BC", key: "down" }
+    ];
+    return import_react2.default.createElement(
+      ViewControlWrapper,
+      null,
+      import_react2.default.createElement(
+        NavigationButtonContainer,
+        null,
+        buttons.map((b) => import_react2.default.createElement(
+          NavigationButton,
+          { key: b.key, top: `${b.top}px`, left: `${b.left}px`, rotate: b.rotate },
+          import_react2.default.createElement(LongPressButton, { onClick: b.onClick }, b.content)
+        )),
+        import_react2.default.createElement(NavigationButton, { top: "12px", left: "16px", onClick: this.props.fitBounds }, "\xA4")
+      ),
+      import_react2.default.createElement(
+        ZoomControlWrapper,
+        null,
+        import_react2.default.createElement(
+          ZoomControlButton,
+          null,
+          import_react2.default.createElement(LongPressButton, { onClick: this.zoomIn }, "+")
+        ),
+        import_react2.default.createElement(
+          VerticalSlider,
+          null,
+          import_react2.default.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 */
+            orient: "vertical"
+          })
+        ),
+        import_react2.default.createElement(
+          ZoomControlButton,
+          null,
+          import_react2.default.createElement(LongPressButton, { onClick: this.zoomOut }, "-")
+        )
+      )
+    );
+  }
+};
+__publicField(ViewControl, "displayName", "ViewControl");
+__publicField(ViewControl, "propTypes", {
+  // functions
+  fitBounds: import_prop_types2.default.func,
+  panBy: import_prop_types2.default.func,
+  zoomBy: import_prop_types2.default.func,
+  // current zoom level
+  zoomLevel: import_prop_types2.default.number,
+  // configuration
+  minZoom: import_prop_types2.default.number,
+  maxZoom: import_prop_types2.default.number,
+  deltaPan: import_prop_types2.default.number,
+  deltaZoom: import_prop_types2.default.number
+});
+__publicField(ViewControl, "defaultProps", {
+  fitBounds: () => {
+  },
+  panBy: () => {
+  },
+  zoomBy: () => {
+  },
+  deltaPan: 10,
+  deltaZoom: 0.1,
+  minZoom: 0.1,
+  maxZoom: 1
+});
+
+// dist/components/positioned-view-control.js
+var import_react3 = __toESM(require("react"), 1);
+var PositionedViewControl = ({ fitBounds, panBy, zoomBy, zoomLevel, maxZoom, minZoom }) => import_react3.default.createElement(
+  "div",
+  { style: { position: "relative", top: "20px", left: "20px" } },
+  import_react3.default.createElement(ViewControl, { fitBounds, panBy, zoomBy, zoomLevel, maxZoom, minZoom })
+);
+
+// dist/components/modal.js
+var React4 = __toESM(require("react"), 1);
+var import_styled_react_modal = __toESM(require("styled-react-modal"), 1);
+var import_styled_components2 = __toESM(require("styled-components"), 1);
+var Button = import_styled_components2.default.button`
+  display: inline-block;
+  color: #fff;
+  background-color: rgb(90, 98, 94);
+  font-size: 1em;
+  margin: 0.25em;
+  padding: 0.375em 0.75em;
+  border: 1px solid transparent;
+  border-radius: 0.25em;
+  display: block;
+`;
+var StyledModal = import_styled_react_modal.default.styled`
+  position: relative;
+  display: block;
+  width: 50rem;
+  height: auto;
+  max-width: 500px;
+  margin: 1.75rem auto;
+  box-sizing: border-box;
+  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";
+  font-size: 1rem;
+  font-weight: 400;
+  color: rgb(21, 25, 29);
+  line-height: 1.5;
+  text-align: left;
+`;
+var Content = import_styled_components2.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0;
+`;
+var HeaderRow = import_styled_components2.default.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 0.75rem 0.75rem;
+  border-bottom: 1px solid rgb(222, 226, 230);
+`;
+var Header = import_styled_components2.default.h5`
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin: 0;
+`;
+function EditorModal(props) {
+  const [isOpen, setIsOpen] = React4.useState(true);
+  function toggleModal() {
+    if (isOpen) {
+      props.onClose();
+    }
+    setIsOpen(!isOpen);
+  }
+  return React4.createElement(
+    React4.Fragment,
+    null,
+    React4.createElement(
+      import_styled_react_modal.ModalProvider,
+      null,
+      React4.createElement(
+        StyledModal,
+        { isOpen, onBackgroundClick: toggleModal, onEscapeKeydown: toggleModal },
+        React4.createElement(
+          Content,
+          null,
+          React4.createElement(
+            HeaderRow,
+            null,
+            React4.createElement(Header, null, props.title)
+          ),
+          props.content
+        )
+      )
+    )
+  );
+}
+
+// dist/components/icon.js
+var React5 = __toESM(require("react"), 1);
+var import_boxicons = require("boxicons");
+function Icon(props) {
+  return React5.createElement("box-icon", { color: "currentColor", ...props });
+}
+
+// dist/overlays/html-overlay.js
+var React6 = __toESM(require("react"), 1);
+var styles = {
+  mainContainer: {
+    width: "100%",
+    height: "100%",
+    position: "absolute",
+    pointerEvents: "none",
+    overflow: "hidden"
+  }
+};
+var HtmlOverlay = class extends React6.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(React6.cloneElement(item, { x, y, key }));
+      }
+    });
+    return React6.createElement("div", { style }, renderItems);
+  }
+};
+// This is needed for Deck.gl 8.0+
+__publicField(HtmlOverlay, "deckGLViewProps", true);
+
+// dist/overlays/html-overlay-item.js
+var React7 = __toESM(require("react"), 1);
+var HtmlOverlayItem = class extends React7.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
+      React7.createElement(
+        "div",
+        { style: { transform: `translate(${x}px, ${y}px)`, position: "absolute", zIndex } },
+        React7.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 React8 = __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 React8.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

@@ -0,0 +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"],
+  "mappings": "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",
+  "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

@@ -0,0 +1,10 @@
+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';

package/dist/index.js

@@ -0,0 +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';
+// Components (originally from @nebula.gl/editor)
+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';

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

@@ -0,0 +1,13 @@
+import Supercluster from 'supercluster';
+import { HtmlOverlay } from './html-overlay';
+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;
+}

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

@@ -0,0 +1,53 @@
+import { point } from '@turf/helpers';
+import Supercluster from 'supercluster';
+import { HtmlOverlay } from './html-overlay';
+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;
+    }
+}