@rnmapbox/maps 10.0.0-beta.49 → 10.0.0-beta.53

package/lib/commonjs/components/RasterSource.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _AbstractSource = _interopRequireDefault(require("./AbstractSource"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+const MapboxGL = _reactNative.NativeModules.MGLModule;
+const NATIVE_MODULE_NAME = 'RCTMGLRasterSource';
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+const isTileTemplateUrl = url => url && (url.includes('{z}') || url.includes('{bbox-') || url.includes('{quadkey}'));
+
+/**
+ * RasterSource is a map content source that supplies raster image tiles to be shown on the map.
+ * The location of and metadata about the tiles are defined either by an option dictionary
+ * or by an external file that conforms to the TileJSON specification.
+ */
+class RasterSource extends _AbstractSource.default {
+  constructor(props) {
+    super(props);
+    if (isTileTemplateUrl(props.url)) {
+      console.warn(`RasterSource 'url' property contains a Tile URL Template, but is intended for a StyleJSON URL. Please migrate your VectorSource to use: \`tileUrlTemplates=["${props.url}"]\` instead.`);
+    }
+  }
+  render() {
+    let {
+      url
+    } = this.props;
+    let {
+      tileUrlTemplates
+    } = this.props;
+
+    // Swapping url for tileUrlTemplates to provide backward compatibility
+    // when RasterSource supported only tile url as url prop
+    if (isTileTemplateUrl(url)) {
+      tileUrlTemplates = [url];
+      url = undefined;
+    }
+    const props = {
+      ...this.props,
+      id: this.props.id,
+      url,
+      tileUrlTemplates,
+      minZoomLevel: this.props.minZoomLevel,
+      maxZoomLevel: this.props.maxZoomLevel,
+      tileSize: this.props.tileSize,
+      tms: this.props.tms,
+      attribution: this.props.attribution
+    };
+    return /*#__PURE__*/_react.default.createElement(RCTMGLRasterSource, _extends({
+      ref: this.setNativeRef
+    }, props), (0, _utils.cloneReactChildrenWithProps)(this.props.children, {
+      sourceID: this.props.id
+    }));
+  }
+}
+_defineProperty(RasterSource, "propTypes", {
+  ..._utils.viewPropTypes,
+  /**
+   * A string that uniquely identifies the source.
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * A URL to a TileJSON configuration file describing the source’s contents and other metadata.
+   */
+  url: _propTypes.default.string,
+  /**
+   * An array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
+   * Example: https://example.com/raster-tiles/{z}/{x}/{y}.png
+   */
+  tileUrlTemplates: _propTypes.default.arrayOf(_propTypes.default.string),
+  /**
+   * An unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
+   * The value should be between 0 and 22, inclusive, and less than
+   * maxZoomLevel, if specified. The default value for this option is 0.
+   */
+  minZoomLevel: _propTypes.default.number,
+  /**
+   * An unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
+   * The value should be between 0 and 22, inclusive, and less than
+   * minZoomLevel, if specified. The default value for this option is 22.
+   */
+  maxZoomLevel: _propTypes.default.number,
+  /**
+   * Size of the map tiles.
+   * Mapbox urls default to 256, all others default to 512.
+   */
+  tileSize: _propTypes.default.number,
+  /**
+   * Influences the y direction of the tile coordinates. (tms inverts y axis)
+   */
+  tms: _propTypes.default.bool,
+  /**
+   * An HTML or literal text string defining the buttons to be displayed in an action sheet when the
+   * source is part of a map view’s style and the map view’s attribution button is pressed.
+   */
+  attribution: _propTypes.default.string
+});
+_defineProperty(RasterSource, "defaultProps", {
+  id: MapboxGL.StyleSource.DefaultSourceID
+});
+const RCTMGLRasterSource = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME, RasterSource);
+var _default = RasterSource;
+exports.default = _default;
+//# sourceMappingURL=RasterSource.js.map

package/lib/commonjs/components/RasterSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MapboxGL","NativeModules","MGLModule","NATIVE_MODULE_NAME","isTileTemplateUrl","url","includes","RasterSource","AbstractSource","constructor","props","console","warn","render","tileUrlTemplates","undefined","id","minZoomLevel","maxZoomLevel","tileSize","tms","attribution","setNativeRef","cloneReactChildrenWithProps","children","sourceID","viewPropTypes","PropTypes","string","isRequired","arrayOf","number","bool","StyleSource","DefaultSourceID","RCTMGLRasterSource","requireNativeComponent"],"sourceRoot":"../../javascript","sources":["RasterSource.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAEA;AAA8C;AAAA;AAAA;AAE9C,MAAMA,QAAQ,GAAGC,0BAAa,CAACC,SAAS;AAEjC,MAAMC,kBAAkB,GAAG,oBAAoB;AAAC;AAEvD,MAAMC,iBAAiB,GAAIC,GAAG,IAC5BA,GAAG,KACFA,GAAG,CAACC,QAAQ,CAAC,KAAK,CAAC,IAAID,GAAG,CAACC,QAAQ,CAAC,QAAQ,CAAC,IAAID,GAAG,CAACC,QAAQ,CAAC,WAAW,CAAC,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,SAASC,uBAAc,CAAC;EAwDxCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAIN,iBAAiB,CAACM,KAAK,CAACL,GAAG,CAAC,EAAE;MAChCM,OAAO,CAACC,IAAI,CACT,gKAA+JF,KAAK,CAACL,GAAI,eAAc,CACzL;IACH;EACF;EAEAQ,MAAM,GAAG;IACP,IAAI;MAAER;IAAI,CAAC,GAAG,IAAI,CAACK,KAAK;IACxB,IAAI;MAAEI;IAAiB,CAAC,GAAG,IAAI,CAACJ,KAAK;;IAErC;IACA;IACA,IAAIN,iBAAiB,CAACC,GAAG,CAAC,EAAE;MAC1BS,gBAAgB,GAAG,CAACT,GAAG,CAAC;MACxBA,GAAG,GAAGU,SAAS;IACjB;IAEA,MAAML,KAAK,GAAG;MACZ,GAAG,IAAI,CAACA,KAAK;MACbM,EAAE,EAAE,IAAI,CAACN,KAAK,CAACM,EAAE;MACjBX,GAAG;MACHS,gBAAgB;MAChBG,YAAY,EAAE,IAAI,CAACP,KAAK,CAACO,YAAY;MACrCC,YAAY,EAAE,IAAI,CAACR,KAAK,CAACQ,YAAY;MACrCC,QAAQ,EAAE,IAAI,CAACT,KAAK,CAACS,QAAQ;MAC7BC,GAAG,EAAE,IAAI,CAACV,KAAK,CAACU,GAAG;MACnBC,WAAW,EAAE,IAAI,CAACX,KAAK,CAACW;IAC1B,CAAC;IACD,oBACE,6BAAC,kBAAkB;MAAC,GAAG,EAAE,IAAI,CAACC;IAAa,GAAKZ,KAAK,GAClD,IAAAa,kCAA2B,EAAC,IAAI,CAACb,KAAK,CAACc,QAAQ,EAAE;MAChDC,QAAQ,EAAE,IAAI,CAACf,KAAK,CAACM;IACvB,CAAC,CAAC,CACiB;EAEzB;AACF;AAAC,gBA/FKT,YAAY,eACG;EACjB,GAAGmB,oBAAa;EAEhB;AACJ;AACA;EACIV,EAAE,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EAE/B;AACJ;AACA;EACIxB,GAAG,EAAEsB,kBAAS,CAACC,MAAM;EAErB;AACJ;AACA;AACA;EACId,gBAAgB,EAAEa,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACC,MAAM,CAAC;EAErD;AACJ;AACA;AACA;AACA;EACIX,YAAY,EAAEU,kBAAS,CAACI,MAAM;EAE9B;AACJ;AACA;AACA;AACA;EACIb,YAAY,EAAES,kBAAS,CAACI,MAAM;EAE9B;AACJ;AACA;AACA;EACIZ,QAAQ,EAAEQ,kBAAS,CAACI,MAAM;EAE1B;AACJ;AACA;EACIX,GAAG,EAAEO,kBAAS,CAACK,IAAI;EAEnB;AACJ;AACA;AACA;EACIX,WAAW,EAAEM,kBAAS,CAACC;AACzB,CAAC;AAAA,gBAlDGrB,YAAY,kBAoDM;EACpBS,EAAE,EAAEhB,QAAQ,CAACiC,WAAW,CAACC;AAC3B,CAAC;AA2CH,MAAMC,kBAAkB,GAAG,IAAAC,mCAAsB,EAC/CjC,kBAAkB,EAClBI,YAAY,CACb;AAAC,eAEaA,YAAY;AAAA"}

package/lib/commonjs/components/ShapeSource.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShapeSource = exports.NATIVE_MODULE_NAME = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _filterUtils = require("../utils/filterUtils");
+var _utils = require("../utils");
+var _deprecation = require("../utils/deprecation");
+var _AbstractSource = _interopRequireDefault(require("./AbstractSource"));
+var _NativeBridgeComponent = _interopRequireDefault(require("./NativeBridgeComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+const MapboxGL = _reactNative.NativeModules.MGLModule;
+const NATIVE_MODULE_NAME = 'RCTMGLShapeSource';
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+/**
+ * ShapeSource is a map content source that supplies vector shapes to be shown on the map.
+ * The shape may be an url or a GeoJSON object
+ */
+class ShapeSource extends (0, _NativeBridgeComponent.default)(_AbstractSource.default, NATIVE_MODULE_NAME) {
+  constructor(props) {
+    super(props);
+  }
+  _setNativeRef(nativeRef) {
+    this.setNativeRef(nativeRef);
+    super._runPendingNativeCommands(nativeRef);
+  }
+
+  /**
+   * Returns all features from the source that match the query parameters whether the feature is currently
+   * rendered on the map.
+   *
+   * @example
+   * shapeSource.features()
+   *
+   * @param  {Array=} filter - an optional filter statement to filter the returned Features.
+   * @return {FeatureCollection}
+   */
+  async features() {
+    let filter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    const res = await this._runNativeCommand('features', this._nativeRef, (0, _filterUtils.getFilter)(filter));
+    if ((0, _utils.isAndroid)()) {
+      return JSON.parse(res.data);
+    }
+    return res.data;
+  }
+
+  /**
+   * Returns the zoom needed to expand the cluster.
+   *
+   * @example
+   * const zoom = await shapeSource.getClusterExpansionZoom(clusterId);
+   *
+   * @param  {Feature} feature - The feature cluster to expand.
+   * @return {number}
+   */
+  async getClusterExpansionZoom(feature) {
+    if (typeof feature === 'number') {
+      console.warn('Using cluster_id is deprecated and will be removed from the future releases. Please use cluster as an argument instead.');
+      const res = await this._runNativeCommand('getClusterExpansionZoomById', this._nativeRef, [feature]);
+      return res.data;
+    }
+    const res = await this._runNativeCommand('getClusterExpansionZoom', this._nativeRef, [JSON.stringify(feature)]);
+    return res.data;
+  }
+
+  /**
+   * Returns the FeatureCollection from the cluster.
+   *
+   * @example
+   * const collection = await shapeSource.getClusterLeaves(clusterId, limit, offset);
+   *
+   * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
+   * @param  {number} limit - The number of points to return.
+   * @param  {number} offset - The amount of points to skip (for pagination).
+   * @return {FeatureCollection}
+   */
+  async getClusterLeaves(feature, limit, offset) {
+    if (typeof feature === 'number') {
+      console.warn('Using cluster_id is deprecated and will be removed from the future releases. Please use cluster as an argument instead.');
+      const res = await this._runNativeCommand('getClusterLeavesById', this._nativeRef, [feature, limit, offset]);
+      if ((0, _utils.isAndroid)()) {
+        return JSON.parse(res.data);
+      }
+      return res.data;
+    }
+    const res = await this._runNativeCommand('getClusterLeaves', this._nativeRef, [JSON.stringify(feature), limit, offset]);
+    if ((0, _utils.isAndroid)()) {
+      return JSON.parse(res.data);
+    }
+    return res.data;
+  }
+
+  /**
+   * Returns the FeatureCollection from the cluster (on the next zoom level).
+   *
+   * @example
+   * const collection = await shapeSource.getClusterChildren(clusterId);
+   *
+   * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
+   * @return {FeatureCollection}
+   */
+  async getClusterChildren(feature) {
+    if (typeof feature === 'number') {
+      console.warn('Using cluster_id is deprecated and will be removed from the future releases. Please use cluster as an argument instead.');
+      const res = await this._runNativeCommand('getClusterChildrenById', this._nativeRef, [feature]);
+      if ((0, _utils.isAndroid)()) {
+        return JSON.parse(res.data);
+      }
+      return res.data;
+    }
+    const res = await this._runNativeCommand('getClusterChildren', this._nativeRef, [JSON.stringify(feature)]);
+    if ((0, _utils.isAndroid)()) {
+      return JSON.parse(res.data);
+    }
+    return res.data;
+  }
+  setNativeProps(props) {
+    const shallowProps = Object.assign({}, props);
+
+    // Adds support for Animated
+    if (shallowProps.shape && typeof shallowProps.shape !== 'string') {
+      shallowProps.shape = JSON.stringify(shallowProps.shape);
+    }
+    super.setNativeProps(shallowProps);
+  }
+  _getShape() {
+    if (!this.props.shape) {
+      return;
+    }
+    return (0, _utils.toJSONString)(this.props.shape);
+  }
+  onPress(event) {
+    var _this$props$onPress, _this$props;
+    const {
+      nativeEvent: {
+        payload: {
+          features,
+          coordinates,
+          point
+        }
+      }
+    } = event;
+    let newEvent = {
+      features,
+      coordinates,
+      point
+    };
+    newEvent = (0, _deprecation.copyPropertiesAsDeprecated)(event, newEvent, key => {
+      console.warn(`event.${key} is deprecated on ShapeSource#onPress, please use event.features`);
+    }, {
+      nativeEvent: origNativeEvent => ({
+        ...origNativeEvent,
+        payload: features[0]
+      })
+    });
+    (_this$props$onPress = (_this$props = this.props).onPress) === null || _this$props$onPress === void 0 ? void 0 : _this$props$onPress.call(_this$props, newEvent);
+  }
+  render() {
+    const props = {
+      id: this.props.id,
+      url: this.props.url,
+      shape: this._getShape(),
+      hitbox: this.props.hitbox,
+      hasPressListener: (0, _utils.isFunction)(this.props.onPress),
+      onMapboxShapeSourcePress: this.onPress.bind(this),
+      cluster: this.props.cluster ? 1 : 0,
+      clusterRadius: this.props.clusterRadius,
+      clusterMaxZoomLevel: this.props.clusterMaxZoomLevel,
+      clusterProperties: this.props.clusterProperties,
+      maxZoomLevel: this.props.maxZoomLevel,
+      buffer: this.props.buffer,
+      tolerance: this.props.tolerance,
+      lineMetrics: this.props.lineMetrics,
+      onPress: undefined,
+      ref: nativeRef => this._setNativeRef(nativeRef),
+      onAndroidCallback: (0, _utils.isAndroid)() ? this._onAndroidCallback : undefined
+    };
+    return /*#__PURE__*/_react.default.createElement(RCTMGLShapeSource, props, (0, _utils.cloneReactChildrenWithProps)(this.props.children, {
+      sourceID: this.props.id
+    }));
+  }
+}
+exports.ShapeSource = ShapeSource;
+_defineProperty(ShapeSource, "NATIVE_ASSETS_KEY", 'assets');
+_defineProperty(ShapeSource, "defaultProps", {
+  id: MapboxGL.StyleSource.DefaultSourceID
+});
+const RCTMGLShapeSource = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+//# sourceMappingURL=ShapeSource.js.map

package/lib/commonjs/components/ShapeSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MapboxGL","NativeModules","MGLModule","NATIVE_MODULE_NAME","ShapeSource","NativeBridgeComponent","AbstractSource","constructor","props","_setNativeRef","nativeRef","setNativeRef","_runPendingNativeCommands","features","filter","res","_runNativeCommand","_nativeRef","getFilter","isAndroid","JSON","parse","data","getClusterExpansionZoom","feature","console","warn","stringify","getClusterLeaves","limit","offset","getClusterChildren","setNativeProps","shallowProps","Object","assign","shape","_getShape","toJSONString","onPress","event","nativeEvent","payload","coordinates","point","newEvent","copyPropertiesAsDeprecated","key","origNativeEvent","render","id","url","hitbox","hasPressListener","isFunction","onMapboxShapeSourcePress","bind","cluster","clusterRadius","clusterMaxZoomLevel","clusterProperties","maxZoomLevel","buffer","tolerance","lineMetrics","undefined","ref","onAndroidCallback","_onAndroidCallback","cloneReactChildrenWithProps","children","sourceID","StyleSource","DefaultSourceID","RCTMGLShapeSource","requireNativeComponent"],"sourceRoot":"../../javascript","sources":["ShapeSource.tsx"],"mappings":"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"}

package/lib/commonjs/components/SkyLayer.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NATIVE_MODULE_NAME = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _styleMap = require("../utils/styleMap");
+var _AbstractLayer = _interopRequireDefault(require("./AbstractLayer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+const MapboxGL = _reactNative.NativeModules.MGLModule;
+const NATIVE_MODULE_NAME = 'RCTMGLSkyLayer';
+
+/**
+ * SkyLayer is a spherical dome around the map that is always rendered behind all other layers
+ */
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+class SkyLayer extends _AbstractLayer.default {
+  render() {
+    return /*#__PURE__*/_react.default.createElement(RCTMGLSkyLayer, _extends({
+      testID: "rctmglSkyLayer",
+      ref: this.setNativeLayer
+    }, this.baseProps));
+  }
+}
+_defineProperty(SkyLayer, "propTypes", {
+  ..._utils.viewPropTypes,
+  /**
+   * A string that uniquely identifies the source in the style to which it is added.
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * The source from which to obtain the data to style.
+   * If the source has not yet been added to the current style, the behavior is undefined.
+   */
+  sourceID: _propTypes.default.string,
+  /**
+   * Inserts a layer above aboveLayerID.
+   */
+  aboveLayerID: _propTypes.default.string,
+  /**
+   * Inserts a layer below belowLayerID
+   */
+  belowLayerID: _propTypes.default.string,
+  /**
+   * Inserts a layer at a specified index
+   */
+  layerIndex: _propTypes.default.number,
+  /**
+   *  Filter only the features in the source layer that satisfy a condition that you define
+   */
+  filter: _propTypes.default.array,
+  /**
+   * Customizable style attributes
+   */
+  style: _propTypes.default.oneOfType([_styleMap.SkyLayerStyleProp, _propTypes.default.arrayOf(_styleMap.SkyLayerStyleProp)])
+});
+_defineProperty(SkyLayer, "defaultProps", {
+  sourceID: MapboxGL.StyleSource.DefaultSourceID
+});
+const RCTMGLSkyLayer = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME, SkyLayer, {
+  nativeOnly: {
+    reactStyle: true
+  }
+});
+var _default = SkyLayer;
+exports.default = _default;
+//# sourceMappingURL=SkyLayer.js.map

package/lib/commonjs/components/SkyLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MapboxGL","NativeModules","MGLModule","NATIVE_MODULE_NAME","SkyLayer","AbstractLayer","render","setNativeLayer","baseProps","viewPropTypes","id","PropTypes","string","isRequired","sourceID","aboveLayerID","belowLayerID","layerIndex","number","filter","array","style","oneOfType","SkyLayerStyleProp","arrayOf","StyleSource","DefaultSourceID","RCTMGLSkyLayer","requireNativeComponent","nativeOnly","reactStyle"],"sourceRoot":"../../javascript","sources":["SkyLayer.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAA4C;AAAA;AAAA;AAE5C,MAAMA,QAAQ,GAAGC,0BAAa,CAACC,SAAS;AAEjC,MAAMC,kBAAkB,GAAG,gBAAgB;;AAElD;AACA;AACA;AAFA;AAGA,MAAMC,QAAQ,SAASC,sBAAa,CAAC;EAgDnCC,MAAM,GAAG;IACP,oBACE,6BAAC,cAAc;MACb,MAAM,EAAC,gBAAgB;MACvB,GAAG,EAAE,IAAI,CAACC;IAAe,GACrB,IAAI,CAACC,SAAS,EAClB;EAEN;AACF;AAAC,gBAzDKJ,QAAQ,eACO;EACjB,GAAGK,oBAAa;EAEhB;AACJ;AACA;EACIC,EAAE,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAE/B;AACJ;AACA;AACA;EACIC,QAAQ,EAAEH,kBAAS,CAACC,MAAM;EAE1B;AACJ;AACA;EACIG,YAAY,EAAEJ,kBAAS,CAACC,MAAM;EAE9B;AACJ;AACA;EACII,YAAY,EAAEL,kBAAS,CAACC,MAAM;EAE9B;AACJ;AACA;EACIK,UAAU,EAAEN,kBAAS,CAACO,MAAM;EAE5B;AACJ;AACA;EACIC,MAAM,EAAER,kBAAS,CAACS,KAAK;EAEvB;AACJ;AACA;EACIC,KAAK,EAAEV,kBAAS,CAACW,SAAS,CAAC,CACzBC,2BAAiB,EACjBZ,kBAAS,CAACa,OAAO,CAACD,2BAAiB,CAAC,CACrC;AACH,CAAC;AAAA,gBA1CGnB,QAAQ,kBA4CU;EACpBU,QAAQ,EAAEd,QAAQ,CAACyB,WAAW,CAACC;AACjC,CAAC;AAaH,MAAMC,cAAc,GAAG,IAAAC,mCAAsB,EAACzB,kBAAkB,EAAEC,QAAQ,EAAE;EAC1EyB,UAAU,EAAE;IAAEC,UAAU,EAAE;EAAK;AACjC,CAAC,CAAC;AAAC,eAEY1B,QAAQ;AAAA"}

package/lib/commonjs/components/Style.js

@@ -0,0 +1,269 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CircleLayer = _interopRequireDefault(require("./CircleLayer"));
+var _RasterLayer = _interopRequireDefault(require("./RasterLayer"));
+var _SymbolLayer = require("./SymbolLayer");
+var _LineLayer = _interopRequireDefault(require("./LineLayer"));
+var _FillLayer = _interopRequireDefault(require("./FillLayer"));
+var _FillExtrusionLayer = _interopRequireDefault(require("./FillExtrusionLayer"));
+var _BackgroundLayer = _interopRequireDefault(require("./BackgroundLayer"));
+var _HeatmapLayer = _interopRequireDefault(require("./HeatmapLayer"));
+var _VectorSource = _interopRequireDefault(require("./VectorSource"));
+var _RasterSource = _interopRequireDefault(require("./RasterSource"));
+var _ImageSource = _interopRequireDefault(require("./ImageSource"));
+var _ShapeSource = require("./ShapeSource");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function toCamelCase(s) {
+  return s.replace(/([-_][a-z])/gi, $1 => {
+    return $1.toUpperCase().replace('-', '').replace('_', '');
+  });
+}
+
+// Patches the Mapbox Style Specification keys into the style props attributes:
+// icon-allow-overlap -> iconAllowOverlap
+function toCamelCaseKeys(oldObj) {
+  if (!oldObj) {
+    return {};
+  }
+  const newObj = {};
+  Object.keys(oldObj).forEach(key => {
+    const value = oldObj[key];
+    if (key.includes('-')) {
+      newObj[toCamelCase(key)] = value;
+    } else {
+      newObj[key] = value;
+    }
+  });
+  return newObj;
+}
+function getLayerComponentType(layer) {
+  const {
+    type
+  } = layer;
+  switch (type) {
+    case 'circle':
+      return _CircleLayer.default;
+    case 'symbol':
+      return _SymbolLayer.SymbolLayer;
+    case 'raster':
+      return _RasterLayer.default;
+    case 'line':
+      return _LineLayer.default;
+    case 'fill':
+      return _FillLayer.default;
+    case 'fill-extrusion':
+      return _FillExtrusionLayer.default;
+    case 'background':
+      return _BackgroundLayer.default;
+    case 'heatmap':
+      return _HeatmapLayer.default;
+  }
+  console.warn(`Mapbox layer type '${type}' is not supported/`);
+  return null;
+}
+function asLayerComponent(layer) {
+  const LayerComponent = getLayerComponentType(layer);
+  if (!LayerComponent) {
+    return null;
+  }
+  const style = {
+    ...toCamelCaseKeys(layer.paint),
+    ...toCamelCaseKeys(layer.layout)
+  };
+  const layerProps = {};
+  if (layer.source) {
+    layerProps.sourceID = layer.source;
+  }
+  if (layer['source-layer']) {
+    layerProps.sourceLayerID = layer['source-layer'];
+  }
+  if (layer.minzoom) {
+    layerProps.minZoomLevel = layer.minzoom;
+  }
+  if (layer.maxzoom) {
+    layerProps.maxZoomLevel = layer.maxzoom;
+  }
+  if (layer.filter) {
+    layerProps.filter = layer.filter;
+  }
+  if (Object.keys(style).length) {
+    layerProps.style = style;
+  }
+  return /*#__PURE__*/_react.default.createElement(LayerComponent, _extends({
+    key: layer.id,
+    id: layer.id
+  }, layerProps));
+}
+function getTileSourceProps(source) {
+  const sourceProps = {};
+  if (source.url) {
+    sourceProps.url = source.url;
+  }
+  if (source.tiles) {
+    sourceProps.tileUrlTemplates = source.tiles;
+  }
+  if (source.minzoom !== undefined) {
+    sourceProps.minZoomLevel = source.minzoom;
+  }
+  if (source.maxzoom !== undefined) {
+    sourceProps.maxZoomLevel = source.maxzoom;
+  }
+  if (source.attribution) {
+    sourceProps.attribution = source.attribution;
+  }
+  if (source.scheme && source.scheme === 'tms') {
+    sourceProps.tms = true;
+  }
+  return sourceProps;
+}
+function getVectorSource(id, source) {
+  const sourceProps = {
+    ...getTileSourceProps(source)
+  };
+  return /*#__PURE__*/_react.default.createElement(_VectorSource.default, _extends({
+    key: id,
+    id: id
+  }, sourceProps));
+}
+function getRasterSource(id, source) {
+  const sourceProps = {
+    ...getTileSourceProps(source)
+  };
+  if (source.tileSize) {
+    sourceProps.tileSize = source.tileSize;
+  }
+  return /*#__PURE__*/_react.default.createElement(_RasterSource.default, _extends({
+    key: id,
+    id: id
+  }, sourceProps));
+}
+function getImageSource(id, source) {
+  const sourceProps = {
+    url: source.url,
+    coordinates: source.coordinates
+  };
+  return /*#__PURE__*/_react.default.createElement(_ImageSource.default, _extends({
+    key: id,
+    id: id
+  }, sourceProps));
+}
+function getShapeSource(id, source) {
+  const sourceProps = {};
+  if (source.data && typeof source.data === 'string') {
+    sourceProps.url = source.data;
+  } else if (source.data && typeof source.data === 'object') {
+    sourceProps.shape = source.data;
+  }
+  if (source.cluster !== undefined) {
+    sourceProps.cluster = source.cluster;
+  }
+  if (source.clusterRadius !== undefined) {
+    sourceProps.clusterRadius = source.clusterRadius;
+  }
+  if (source.maxzoom !== undefined) {
+    sourceProps.maxZoomLevel = source.maxzoom;
+  }
+  if (source.clusterMaxZoom !== undefined) {
+    sourceProps.clusterMaxZoomLevel = source.clusterMaxZoom;
+  }
+  if (source.clusterProperties !== undefined) {
+    sourceProps.clusterProperties = source.clusterProperties;
+  }
+  if (source.buffer !== undefined) {
+    sourceProps.buffer = source.buffer;
+  }
+  if (source.tolerance !== undefined) {
+    sourceProps.tolerance = source.tolerance;
+  }
+  if (source.lineMetrics !== undefined) {
+    sourceProps.lineMetrics = source.lineMetrics;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ShapeSource.ShapeSource, _extends({
+    key: id,
+    id: id
+  }, sourceProps));
+}
+function asSourceComponent(id, source) {
+  switch (source.type) {
+    case 'vector':
+      return getVectorSource(id, source);
+    case 'raster':
+      return getRasterSource(id, source);
+    case 'image':
+      return getImageSource(id, source);
+    case 'geojson':
+      return getShapeSource(id, source);
+  }
+  console.warn(`Mapbox source type '${source.type}' is not supported/`);
+  return null;
+}
+
+/**
+ * Style is a component that automatically adds sources / layers to the map using Mapbox GL Style Spec.
+ * Only [`sources`](https://docs.mapbox.com/mapbox-gl-js/style-spec/sources) & [`layers`](https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/) are supported.
+ * Other fields such as `sprites`, `glyphs` etc. will be ignored. Not all layer / source attributes from the style spec are supported, in general the supported attributes will be mentioned under https://github.com/rnmapbox/maps/tree/main/docs.
+ */
+const Style = props => {
+  const [fetchedJson, setFetchedJson] = (0, _react.useState)({});
+  const json = typeof props.json === 'object' ? props.json : fetchedJson;
+
+  // Fetch style when props.json is a URL
+  (0, _react.useEffect)(() => {
+    const abortController = new AbortController();
+    const fetchStyleJson = async () => {
+      try {
+        const response = await fetch(props.json, {
+          signal: abortController.signal
+        });
+        const responseJson = await response.json();
+        setFetchedJson(responseJson);
+      } catch (e) {
+        if (e.name === 'AbortError') {
+          return;
+        }
+        throw e;
+      }
+    };
+    if (typeof props.json === 'string') {
+      fetchStyleJson();
+    }
+    return function cleanup() {
+      abortController.abort();
+    };
+  }, [props.json]);
+
+  // Extract layer components from json
+  const layerComponents = (0, _react.useMemo)(() => {
+    if (!json.layers) {
+      return [];
+    }
+    return json.layers.map(asLayerComponent).filter(x => !!x);
+  }, [json.layers]);
+
+  // Extract source components from json
+  const sourceComponents = (0, _react.useMemo)(() => {
+    if (!json.sources || !Object.keys(json.sources)) {
+      return [];
+    }
+    return Object.keys(json.sources).map(id => asSourceComponent(id, json.sources[id])).filter(x => !!x);
+  }, [json.sources]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sourceComponents, layerComponents);
+};
+Style.propTypes = {
+  /**
+   * A JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON.
+   */
+  json: _propTypes.default.any
+};
+var _default = Style;
+exports.default = _default;
+//# sourceMappingURL=Style.js.map