@deck.gl/geo-layers 8.6.4 → 8.6.5

package/dist/dist.dev.js

@@ -60689,7 +60689,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const VERSION =  true ? "8.6.4" : undefined;
+const VERSION =  true ? "8.6.5" : undefined;
 const isBrowser = Object(_env_is_browser__WEBPACK_IMPORTED_MODULE_0__["default"])();
 //# sourceMappingURL=globals.js.map
 
@@ -61970,6 +61970,10 @@ class MVTLayer extends _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_4__["defa
       super.updateState({props, oldProps, context, changeFlags});
       this._setWGS84PropertyForTiles();
     }
+    const {highlightColor} = props;
+    if (highlightColor !== oldProps.highlightColor && Array.isArray(highlightColor)) {
+      this.setState({highlightColor});
+    }
   }
 
   /* eslint-disable complexity */
@@ -62094,12 +62098,17 @@ class MVTLayer extends _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_4__["defa
       newHoveredFeatureId = getFeatureUniqueId(hoveredFeature, uniqueIdProperty);
       newHoveredFeatureLayerName = getFeatureLayerName(hoveredFeature);
     }
+    let {highlightColor} = this.props;
+    if (typeof highlightColor === 'function') {
+      highlightColor = highlightColor(info);
+    }
 
     if (
       hoveredFeatureId !== newHoveredFeatureId ||
       hoveredFeatureLayerName !== newHoveredFeatureLayerName
     ) {
       this.setState({
+        highlightColor,
         hoveredFeatureId: newHoveredFeatureId,
         hoveredFeatureLayerName: newHoveredFeatureLayerName
       });
@@ -62122,6 +62131,13 @@ class MVTLayer extends _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_4__["defa
     return info;
   }
 
+  getSubLayerPropsByTile(tile) {
+    return {
+      highlightedObjectIndex: this.getHighlightedObjectIndex(tile),
+      highlightColor: this.state.highlightColor
+    };
+  }
+
   getHighlightedObjectIndex(tile) {
     const {hoveredFeatureId, hoveredFeatureLayerName} = this.state;
     const {uniqueIdProperty, highlightedFeatureId, binary} = this.props;
@@ -62811,17 +62827,17 @@ class TerrainLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["Composite
 
   getTiledTerrainData(tile) {
     const {elevationData, fetch, texture, elevationDecoder, meshMaxError} = this.props;
+    const {viewport} = this.context;
     const dataUrl = Object(_tile_layer_utils__WEBPACK_IMPORTED_MODULE_3__["getURLFromTemplate"])(elevationData, tile);
     const textureUrl = Object(_tile_layer_utils__WEBPACK_IMPORTED_MODULE_3__["getURLFromTemplate"])(texture, tile);
 
-    const {bbox, signal, z} = tile;
-    const viewport = new _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["WebMercatorViewport"]({
-      longitude: (bbox.west + bbox.east) / 2,
-      latitude: (bbox.north + bbox.south) / 2,
-      zoom: z
-    });
-    const bottomLeft = viewport.projectFlat([bbox.west, bbox.south]);
-    const topRight = viewport.projectFlat([bbox.east, bbox.north]);
+    const {bbox, signal} = tile;
+    const bottomLeft = viewport.isGeospatial
+      ? viewport.projectFlat([bbox.west, bbox.south])
+      : [bbox.left, bbox.bottom];
+    const topRight = viewport.isGeospatial
+      ? viewport.projectFlat([bbox.east, bbox.north])
+      : [bbox.right, bbox.top];
     const bounds = [bottomLeft[0], bottomLeft[1], topRight[0], topRight[1]];
 
     const terrain = this.loadTerrain({
@@ -62853,6 +62869,7 @@ class TerrainLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["Composite
       data: DUMMY_DATA,
       mesh,
       texture,
+      _instanced: false,
       coordinateSystem: _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["COORDINATE_SYSTEM"].CARTESIAN,
       getPosition: d => [0, 0, 0],
       getColor: color
@@ -63899,8 +63916,8 @@ class TileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLay
     return this.props.renderSubLayers(props);
   }
 
-  getHighlightedObjectIndex() {
-    return -1;
+  getSubLayerPropsByTile(tile) {
+    return null;
   }
 
   getPickingInfo({info, sourceLayer}) {
@@ -63916,7 +63933,7 @@ class TileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLay
 
   renderLayers() {
     return this.state.tileset.tiles.map(tile => {
-      const highlightedObjectIndex = this.getHighlightedObjectIndex(tile);
+      const subLayerProps = this.getSubLayerPropsByTile(tile);
       // cache the rendered layer in the tile
       if (!tile.isLoaded && !tile.content) {
         // nothing to show
@@ -63931,14 +63948,17 @@ class TileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLay
         tile.layers = Object(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["_flatten"])(layers, Boolean).map(layer =>
           layer.clone({
             tile,
-            highlightedObjectIndex
+            ...subLayerProps
           })
         );
       } else if (
+        subLayerProps &&
         tile.layers[0] &&
-        tile.layers[0].props.highlightedObjectIndex !== highlightedObjectIndex
+        Object.keys(subLayerProps).some(
+          propName => tile.layers[0].props[propName] !== subLayerProps[propName]
+        )
       ) {
-        tile.layers = tile.layers.map(layer => layer.clone({highlightedObjectIndex}));
+        tile.layers = tile.layers.map(layer => layer.clone(subLayerProps));
       }
       return tile.layers;
     });

package/dist/es5/great-circle-layer/great-circle-layer.js

@@ -1,13 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _layers = require("@deck.gl/layers");
 
-class GreatCircleLayer extends _layers.ArcLayer {}
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var GreatCircleLayer = function (_ArcLayer) {
+  (0, _inherits2.default)(GreatCircleLayer, _ArcLayer);
+
+  var _super = _createSuper(GreatCircleLayer);
+
+  function GreatCircleLayer() {
+    (0, _classCallCheck2.default)(this, GreatCircleLayer);
+    return _super.apply(this, arguments);
+  }
+
+  return GreatCircleLayer;
+}(_layers.ArcLayer);
 
 exports.default = GreatCircleLayer;
 GreatCircleLayer.layerName = 'GreatCircleLayer';

package/dist/es5/great-circle-layer/great-circle-layer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/great-circle-layer/great-circle-layer.js"],"names":["GreatCircleLayer","ArcLayer","layerName","defaultProps","getHeight","type","value","greatCircle"],"mappings":";;;;;;;AAoBA;;AAIe,MAAMA,gBAAN,SAA+BC,gBAA/B,CAAwC;;;AAEvDD,gBAAgB,CAACE,SAAjB,GAA6B,kBAA7B;AACAF,gBAAgB,CAACG,YAAjB,GAAgC;AAC9BC,EAAAA,SAAS,EAAE;AAACC,IAAAA,IAAI,EAAE,UAAP;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GADmB;AAE9BC,EAAAA,WAAW,EAAE;AAFiB,CAAhC","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {ArcLayer} from '@deck.gl/layers';\n\n// This layer has been merged into the core ArcLayer\n// Keeping for backward-compatibility\nexport default class GreatCircleLayer extends ArcLayer {}\n\nGreatCircleLayer.layerName = 'GreatCircleLayer';\nGreatCircleLayer.defaultProps = {\n  getHeight: {type: 'accessor', value: 0},\n  greatCircle: true\n};\n"],"file":"great-circle-layer.js"}
+{"version":3,"sources":["../../../src/great-circle-layer/great-circle-layer.js"],"names":["GreatCircleLayer","ArcLayer","layerName","defaultProps","getHeight","type","value","greatCircle"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;;;;;IAIqBA,gB;;;;;;;;;;;EAAyBC,gB;;;AAE9CD,gBAAgB,CAACE,SAAjB,GAA6B,kBAA7B;AACAF,gBAAgB,CAACG,YAAjB,GAAgC;AAC9BC,EAAAA,SAAS,EAAE;AAACC,IAAAA,IAAI,EAAE,UAAP;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GADmB;AAE9BC,EAAAA,WAAW,EAAE;AAFiB,CAAhC","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {ArcLayer} from '@deck.gl/layers';\n\n// This layer has been merged into the core ArcLayer\n// Keeping for backward-compatibility\nexport default class GreatCircleLayer extends ArcLayer {}\n\nGreatCircleLayer.layerName = 'GreatCircleLayer';\nGreatCircleLayer.defaultProps = {\n  getHeight: {type: 'accessor', value: 0},\n  greatCircle: true\n};\n"],"file":"great-circle-layer.js"}

package/dist/es5/h3-layers/h3-cluster-layer.js

@@ -1,110 +1,172 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _h3Js = require("h3-js");
 
 var _core = require("@deck.gl/core");
 
 var _layers = require("@deck.gl/layers");
 
-const defaultProps = { ..._layers.PolygonLayer.defaultProps,
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var defaultProps = _objectSpread(_objectSpread({}, _layers.PolygonLayer.defaultProps), {}, {
   getHexagons: {
     type: 'accessor',
-    value: d => d.hexagons
-  }
-};
-
-class H3ClusterLayer extends _core.CompositeLayer {
-  updateState({
-    props,
-    oldProps,
-    changeFlags
-  }) {
-    if (changeFlags.dataChanged || changeFlags.updateTriggers && changeFlags.updateTriggers.getHexagons) {
-      const {
-        data,
-        getHexagons
-      } = props;
-      const polygons = [];
-      const {
-        iterable,
-        objectInfo
-      } = (0, _core.createIterable)(data);
-
-      for (const object of iterable) {
-        objectInfo.index++;
-        const hexagons = getHexagons(object, objectInfo);
-        const multiPolygon = (0, _h3Js.h3SetToMultiPolygon)(hexagons, true);
-
-        for (const polygon of multiPolygon) {
-          polygons.push(this.getSubLayerRow({
-            polygon
-          }, object, objectInfo.index));
-        }
-      }
-
-      this.setState({
-        polygons
-      });
+    value: function value(d) {
+      return d.hexagons;
     }
   }
+});
+
+var H3ClusterLayer = function (_CompositeLayer) {
+  (0, _inherits2.default)(H3ClusterLayer, _CompositeLayer);
 
-  renderLayers() {
-    const {
-      elevationScale,
-      extruded,
-      wireframe,
-      filled,
-      stroked,
-      lineWidthScale,
-      lineWidthMinPixels,
-      lineWidthMaxPixels,
-      lineJointRounded,
-      lineMiterLimit,
-      lineDashJustified,
-      material,
-      getFillColor,
-      getLineColor,
-      getLineWidth,
-      getLineDashArray,
-      getElevation,
-      transitions,
-      updateTriggers
-    } = this.props;
-    const SubLayerClass = this.getSubLayerClass('cluster-region', _layers.PolygonLayer);
-    return new SubLayerClass({
-      filled,
-      wireframe,
-      extruded,
-      elevationScale,
-      stroked,
-      lineWidthScale,
-      lineWidthMinPixels,
-      lineWidthMaxPixels,
-      lineJointRounded,
-      lineMiterLimit,
-      lineDashJustified,
-      material,
-      transitions,
-      getFillColor: this.getSubLayerAccessor(getFillColor),
-      getLineColor: this.getSubLayerAccessor(getLineColor),
-      getLineWidth: this.getSubLayerAccessor(getLineWidth),
-      getLineDashArray: this.getSubLayerAccessor(getLineDashArray),
-      getElevation: this.getSubLayerAccessor(getElevation)
-    }, this.getSubLayerProps({
-      id: 'cluster-region',
-      updateTriggers
-    }), {
-      data: this.state.polygons,
-      getPolygon: d => d.polygon
-    });
+  var _super = _createSuper(H3ClusterLayer);
+
+  function H3ClusterLayer() {
+    (0, _classCallCheck2.default)(this, H3ClusterLayer);
+    return _super.apply(this, arguments);
   }
 
-}
+  (0, _createClass2.default)(H3ClusterLayer, [{
+    key: "updateState",
+    value: function updateState(_ref) {
+      var props = _ref.props,
+          oldProps = _ref.oldProps,
+          changeFlags = _ref.changeFlags;
+
+      if (changeFlags.dataChanged || changeFlags.updateTriggers && changeFlags.updateTriggers.getHexagons) {
+        var data = props.data,
+            getHexagons = props.getHexagons;
+        var polygons = [];
+
+        var _createIterable = (0, _core.createIterable)(data),
+            iterable = _createIterable.iterable,
+            objectInfo = _createIterable.objectInfo;
+
+        var _iterator = _createForOfIteratorHelper(iterable),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var object = _step.value;
+            objectInfo.index++;
+            var hexagons = getHexagons(object, objectInfo);
+            var multiPolygon = (0, _h3Js.h3SetToMultiPolygon)(hexagons, true);
+
+            var _iterator2 = _createForOfIteratorHelper(multiPolygon),
+                _step2;
+
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var polygon = _step2.value;
+                polygons.push(this.getSubLayerRow({
+                  polygon: polygon
+                }, object, objectInfo.index));
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        this.setState({
+          polygons: polygons
+        });
+      }
+    }
+  }, {
+    key: "renderLayers",
+    value: function renderLayers() {
+      var _this$props = this.props,
+          elevationScale = _this$props.elevationScale,
+          extruded = _this$props.extruded,
+          wireframe = _this$props.wireframe,
+          filled = _this$props.filled,
+          stroked = _this$props.stroked,
+          lineWidthScale = _this$props.lineWidthScale,
+          lineWidthMinPixels = _this$props.lineWidthMinPixels,
+          lineWidthMaxPixels = _this$props.lineWidthMaxPixels,
+          lineJointRounded = _this$props.lineJointRounded,
+          lineMiterLimit = _this$props.lineMiterLimit,
+          lineDashJustified = _this$props.lineDashJustified,
+          material = _this$props.material,
+          getFillColor = _this$props.getFillColor,
+          getLineColor = _this$props.getLineColor,
+          getLineWidth = _this$props.getLineWidth,
+          getLineDashArray = _this$props.getLineDashArray,
+          getElevation = _this$props.getElevation,
+          transitions = _this$props.transitions,
+          updateTriggers = _this$props.updateTriggers;
+      var SubLayerClass = this.getSubLayerClass('cluster-region', _layers.PolygonLayer);
+      return new SubLayerClass({
+        filled: filled,
+        wireframe: wireframe,
+        extruded: extruded,
+        elevationScale: elevationScale,
+        stroked: stroked,
+        lineWidthScale: lineWidthScale,
+        lineWidthMinPixels: lineWidthMinPixels,
+        lineWidthMaxPixels: lineWidthMaxPixels,
+        lineJointRounded: lineJointRounded,
+        lineMiterLimit: lineMiterLimit,
+        lineDashJustified: lineDashJustified,
+        material: material,
+        transitions: transitions,
+        getFillColor: this.getSubLayerAccessor(getFillColor),
+        getLineColor: this.getSubLayerAccessor(getLineColor),
+        getLineWidth: this.getSubLayerAccessor(getLineWidth),
+        getLineDashArray: this.getSubLayerAccessor(getLineDashArray),
+        getElevation: this.getSubLayerAccessor(getElevation)
+      }, this.getSubLayerProps({
+        id: 'cluster-region',
+        updateTriggers: updateTriggers
+      }), {
+        data: this.state.polygons,
+        getPolygon: function getPolygon(d) {
+          return d.polygon;
+        }
+      });
+    }
+  }]);
+  return H3ClusterLayer;
+}(_core.CompositeLayer);
 
 exports.default = H3ClusterLayer;
 H3ClusterLayer.defaultProps = defaultProps;

package/dist/es5/h3-layers/h3-cluster-layer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/h3-layers/h3-cluster-layer.js"],"names":["defaultProps","PolygonLayer","getHexagons","type","value","d","hexagons","H3ClusterLayer","CompositeLayer","updateState","props","oldProps","changeFlags","dataChanged","updateTriggers","data","polygons","iterable","objectInfo","object","index","multiPolygon","polygon","push","getSubLayerRow","setState","renderLayers","elevationScale","extruded","wireframe","filled","stroked","lineWidthScale","lineWidthMinPixels","lineWidthMaxPixels","lineJointRounded","lineMiterLimit","lineDashJustified","material","getFillColor","getLineColor","getLineWidth","getLineDashArray","getElevation","transitions","SubLayerClass","getSubLayerClass","getSubLayerAccessor","getSubLayerProps","id","state","getPolygon","layerName"],"mappings":"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","sourcesContent":["import {h3SetToMultiPolygon} from 'h3-js';\n\nimport {CompositeLayer, createIterable} from '@deck.gl/core';\nimport {PolygonLayer} from '@deck.gl/layers';\n\nconst defaultProps = {\n  ...PolygonLayer.defaultProps,\n  getHexagons: {type: 'accessor', value: d => d.hexagons}\n};\n\nexport default class H3ClusterLayer extends CompositeLayer {\n  updateState({props, oldProps, changeFlags}) {\n    if (\n      changeFlags.dataChanged ||\n      (changeFlags.updateTriggers && changeFlags.updateTriggers.getHexagons)\n    ) {\n      const {data, getHexagons} = props;\n      const polygons = [];\n\n      const {iterable, objectInfo} = createIterable(data);\n      for (const object of iterable) {\n        objectInfo.index++;\n        const hexagons = getHexagons(object, objectInfo);\n        const multiPolygon = h3SetToMultiPolygon(hexagons, true);\n\n        for (const polygon of multiPolygon) {\n          polygons.push(this.getSubLayerRow({polygon}, object, objectInfo.index));\n        }\n      }\n\n      this.setState({polygons});\n    }\n  }\n\n  renderLayers() {\n    const {\n      elevationScale,\n      extruded,\n      wireframe,\n      filled,\n      stroked,\n      lineWidthScale,\n      lineWidthMinPixels,\n      lineWidthMaxPixels,\n      lineJointRounded,\n      lineMiterLimit,\n      lineDashJustified,\n      material,\n\n      getFillColor,\n      getLineColor,\n      getLineWidth,\n      getLineDashArray,\n      getElevation,\n      transitions,\n      updateTriggers\n    } = this.props;\n\n    const SubLayerClass = this.getSubLayerClass('cluster-region', PolygonLayer);\n\n    return new SubLayerClass(\n      {\n        filled,\n        wireframe,\n\n        extruded,\n        elevationScale,\n\n        stroked,\n        lineWidthScale,\n        lineWidthMinPixels,\n        lineWidthMaxPixels,\n        lineJointRounded,\n        lineMiterLimit,\n        lineDashJustified,\n\n        material,\n        transitions,\n\n        getFillColor: this.getSubLayerAccessor(getFillColor),\n        getLineColor: this.getSubLayerAccessor(getLineColor),\n        getLineWidth: this.getSubLayerAccessor(getLineWidth),\n        getLineDashArray: this.getSubLayerAccessor(getLineDashArray),\n        getElevation: this.getSubLayerAccessor(getElevation)\n      },\n      this.getSubLayerProps({\n        id: 'cluster-region',\n        updateTriggers\n      }),\n      {\n        data: this.state.polygons,\n        getPolygon: d => d.polygon\n      }\n    );\n  }\n}\n\nH3ClusterLayer.defaultProps = defaultProps;\nH3ClusterLayer.layerName = 'H3ClusterLayer';\n"],"file":"h3-cluster-layer.js"}
+{"version":3,"sources":["../../../src/h3-layers/h3-cluster-layer.js"],"names":["defaultProps","PolygonLayer","getHexagons","type","value","d","hexagons","H3ClusterLayer","props","oldProps","changeFlags","dataChanged","updateTriggers","data","polygons","iterable","objectInfo","object","index","multiPolygon","polygon","push","getSubLayerRow","setState","elevationScale","extruded","wireframe","filled","stroked","lineWidthScale","lineWidthMinPixels","lineWidthMaxPixels","lineJointRounded","lineMiterLimit","lineDashJustified","material","getFillColor","getLineColor","getLineWidth","getLineDashArray","getElevation","transitions","SubLayerClass","getSubLayerClass","getSubLayerAccessor","getSubLayerProps","id","state","getPolygon","CompositeLayer","layerName"],"mappings":"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","sourcesContent":["import {h3SetToMultiPolygon} from 'h3-js';\n\nimport {CompositeLayer, createIterable} from '@deck.gl/core';\nimport {PolygonLayer} from '@deck.gl/layers';\n\nconst defaultProps = {\n  ...PolygonLayer.defaultProps,\n  getHexagons: {type: 'accessor', value: d => d.hexagons}\n};\n\nexport default class H3ClusterLayer extends CompositeLayer {\n  updateState({props, oldProps, changeFlags}) {\n    if (\n      changeFlags.dataChanged ||\n      (changeFlags.updateTriggers && changeFlags.updateTriggers.getHexagons)\n    ) {\n      const {data, getHexagons} = props;\n      const polygons = [];\n\n      const {iterable, objectInfo} = createIterable(data);\n      for (const object of iterable) {\n        objectInfo.index++;\n        const hexagons = getHexagons(object, objectInfo);\n        const multiPolygon = h3SetToMultiPolygon(hexagons, true);\n\n        for (const polygon of multiPolygon) {\n          polygons.push(this.getSubLayerRow({polygon}, object, objectInfo.index));\n        }\n      }\n\n      this.setState({polygons});\n    }\n  }\n\n  renderLayers() {\n    const {\n      elevationScale,\n      extruded,\n      wireframe,\n      filled,\n      stroked,\n      lineWidthScale,\n      lineWidthMinPixels,\n      lineWidthMaxPixels,\n      lineJointRounded,\n      lineMiterLimit,\n      lineDashJustified,\n      material,\n\n      getFillColor,\n      getLineColor,\n      getLineWidth,\n      getLineDashArray,\n      getElevation,\n      transitions,\n      updateTriggers\n    } = this.props;\n\n    const SubLayerClass = this.getSubLayerClass('cluster-region', PolygonLayer);\n\n    return new SubLayerClass(\n      {\n        filled,\n        wireframe,\n\n        extruded,\n        elevationScale,\n\n        stroked,\n        lineWidthScale,\n        lineWidthMinPixels,\n        lineWidthMaxPixels,\n        lineJointRounded,\n        lineMiterLimit,\n        lineDashJustified,\n\n        material,\n        transitions,\n\n        getFillColor: this.getSubLayerAccessor(getFillColor),\n        getLineColor: this.getSubLayerAccessor(getLineColor),\n        getLineWidth: this.getSubLayerAccessor(getLineWidth),\n        getLineDashArray: this.getSubLayerAccessor(getLineDashArray),\n        getElevation: this.getSubLayerAccessor(getElevation)\n      },\n      this.getSubLayerProps({\n        id: 'cluster-region',\n        updateTriggers\n      }),\n      {\n        data: this.state.polygons,\n        getPolygon: d => d.polygon\n      }\n    );\n  }\n}\n\nH3ClusterLayer.defaultProps = defaultProps;\nH3ClusterLayer.layerName = 'H3ClusterLayer';\n"],"file":"h3-cluster-layer.js"}