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

package/lib/commonjs/components/Camera.js

@@ -0,0 +1,336 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserTrackingMode = exports.NATIVE_MODULE_NAME = exports.Camera = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _geoUtils = require("../utils/geoUtils");
+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; }
+const NativeModule = _reactNative.NativeModules.MGLModule;
+let UserTrackingMode;
+exports.UserTrackingMode = UserTrackingMode;
+(function (UserTrackingMode) {
+  UserTrackingMode["Follow"] = "normal";
+  UserTrackingMode["FollowWithHeading"] = "compass";
+  UserTrackingMode["FollowWithCourse"] = "course";
+})(UserTrackingMode || (exports.UserTrackingMode = UserTrackingMode = {}));
+/**
+ * Converts the provided React Native animation mode into the corresponding native enum value.
+ */
+const nativeAnimationMode = mode => {
+  const NativeCameraModes = NativeModule.CameraModes;
+  switch (mode) {
+    case 'flyTo':
+      return NativeCameraModes.Flight;
+    case 'easeTo':
+      return NativeCameraModes.Ease;
+    case 'linearTo':
+      return NativeCameraModes.Linear;
+    case 'moveTo':
+      return NativeCameraModes.Move;
+    case 'none':
+      return NativeCameraModes.None;
+    default:
+      return NativeCameraModes.Ease;
+  }
+};
+const NATIVE_MODULE_NAME = 'RCTMGLCamera';
+
+// Native module types.
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+/**
+ * Controls the perspective from which the user sees the map.
+ *
+ * To use imperative methods, pass in a ref object:
+ *
+ * ```tsx
+ * const camera = useRef<Camera>(null);
+ *
+ * useEffect(() => {
+ *   camera.current?.setCamera({
+ *     centerCoordinate: [lon, lat],
+ *   });
+ * }, []);
+ *
+ * return (
+ *   <Camera ref={camera} />
+ * );
+ * ```
+ */
+const Camera = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    centerCoordinate,
+    bounds,
+    heading,
+    pitch,
+    zoomLevel,
+    padding,
+    animationDuration,
+    animationMode,
+    minZoomLevel,
+    maxZoomLevel,
+    maxBounds,
+    followUserLocation,
+    followUserMode,
+    followZoomLevel,
+    followPitch,
+    followHeading,
+    defaultSettings,
+    allowUpdates = true,
+    onUserTrackingModeChange
+  } = props;
+
+  // @ts-expect-error This avoids a type/value mismatch.
+  const nativeCamera = (0, _react.useRef)(null);
+  const buildNativeStop = (0, _react.useCallback)(function (stop) {
+    var _stop$padding, _stop$bounds, _stop$padding2, _stop$bounds2, _stop$padding3, _stop$bounds3, _stop$padding4, _stop$bounds4;
+    let ignoreFollowUserLocation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    stop = {
+      ...stop,
+      type: 'CameraStop'
+    };
+    if (props.followUserLocation && !ignoreFollowUserLocation) {
+      return null;
+    }
+    const _nativeStop = {};
+    if (stop.pitch !== undefined) _nativeStop.pitch = stop.pitch;
+    if (stop.heading !== undefined) _nativeStop.heading = stop.heading;
+    if (stop.zoomLevel !== undefined) _nativeStop.zoom = stop.zoomLevel;
+    if (stop.animationMode !== undefined) _nativeStop.mode = nativeAnimationMode(stop.animationMode);
+    if (stop.animationDuration !== undefined) _nativeStop.duration = stop.animationDuration;
+    if (stop.centerCoordinate) {
+      _nativeStop.centerCoordinate = JSON.stringify((0, _geoUtils.makePoint)(stop.centerCoordinate));
+    }
+    if (stop.bounds && stop.bounds.ne && stop.bounds.sw) {
+      const {
+        ne,
+        sw
+      } = stop.bounds;
+      _nativeStop.bounds = JSON.stringify((0, _geoUtils.makeLatLngBounds)(ne, sw));
+    }
+    _nativeStop.paddingTop = ((_stop$padding = stop.padding) === null || _stop$padding === void 0 ? void 0 : _stop$padding.paddingTop) ?? ((_stop$bounds = stop.bounds) === null || _stop$bounds === void 0 ? void 0 : _stop$bounds.paddingTop) ?? 0;
+    _nativeStop.paddingRight = ((_stop$padding2 = stop.padding) === null || _stop$padding2 === void 0 ? void 0 : _stop$padding2.paddingRight) ?? ((_stop$bounds2 = stop.bounds) === null || _stop$bounds2 === void 0 ? void 0 : _stop$bounds2.paddingRight) ?? 0;
+    _nativeStop.paddingBottom = ((_stop$padding3 = stop.padding) === null || _stop$padding3 === void 0 ? void 0 : _stop$padding3.paddingBottom) ?? ((_stop$bounds3 = stop.bounds) === null || _stop$bounds3 === void 0 ? void 0 : _stop$bounds3.paddingBottom) ?? 0;
+    _nativeStop.paddingLeft = ((_stop$padding4 = stop.padding) === null || _stop$padding4 === void 0 ? void 0 : _stop$padding4.paddingLeft) ?? ((_stop$bounds4 = stop.bounds) === null || _stop$bounds4 === void 0 ? void 0 : _stop$bounds4.paddingLeft) ?? 0;
+    return _nativeStop;
+  }, [props.followUserLocation]);
+  const nativeDefaultStop = (0, _react.useMemo)(() => {
+    if (!defaultSettings) {
+      return null;
+    }
+    return buildNativeStop(defaultSettings);
+  }, [defaultSettings, buildNativeStop]);
+  const nativeStop = (0, _react.useMemo)(() => {
+    return buildNativeStop({
+      type: 'CameraStop',
+      centerCoordinate,
+      bounds,
+      heading,
+      pitch,
+      zoomLevel,
+      padding,
+      animationDuration,
+      animationMode
+    });
+  }, [centerCoordinate, bounds, heading, pitch, zoomLevel, padding, animationDuration, animationMode, buildNativeStop]);
+  const nativeMaxBounds = (0, _react.useMemo)(() => {
+    if (!(maxBounds !== null && maxBounds !== void 0 && maxBounds.ne) || !(maxBounds !== null && maxBounds !== void 0 && maxBounds.sw)) {
+      return null;
+    }
+    return JSON.stringify((0, _geoUtils.makeLatLngBounds)(maxBounds.ne, maxBounds.sw));
+  }, [maxBounds]);
+  const _setCamera = config => {
+    if (!allowUpdates) {
+      return;
+    }
+    if (!config.type)
+      // @ts-expect-error The compiler doesn't understand that the `config` union type is guaranteed
+      // to be an object type.
+      config = {
+        ...config,
+        // @ts-expect-error Allows JS files to pass in an invalid config (lacking the `type` property),
+        // which would raise a compilation error in TS files.
+        type: config.stops ? 'CameraStops' : 'CameraStop'
+      };
+    if (config.type === 'CameraStops') {
+      for (const _stop of config.stops) {
+        let _nativeStops = [];
+        const _nativeStop = buildNativeStop(_stop);
+        if (_nativeStop) {
+          _nativeStops = [..._nativeStops, _nativeStop];
+        }
+        nativeCamera.current.setNativeProps({
+          stop: {
+            stops: _nativeStops
+          }
+        });
+      }
+    } else if (config.type === 'CameraStop') {
+      const _nativeStop = buildNativeStop(config);
+      if (_nativeStop) {
+        nativeCamera.current.setNativeProps({
+          stop: _nativeStop
+        });
+      }
+    }
+  };
+  const setCamera = (0, _react.useCallback)(_setCamera, [allowUpdates, buildNativeStop]);
+  const _fitBounds = function (ne, sw) {
+    let paddingConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    let _animationDuration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    let _padding = {
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingLeft: 0,
+      paddingRight: 0
+    };
+    if (typeof paddingConfig === 'object') {
+      if (paddingConfig.length === 2) {
+        _padding = {
+          paddingTop: paddingConfig[0],
+          paddingBottom: paddingConfig[0],
+          paddingLeft: paddingConfig[1],
+          paddingRight: paddingConfig[1]
+        };
+      } else if (paddingConfig.length === 4) {
+        _padding = {
+          paddingTop: paddingConfig[0],
+          paddingBottom: paddingConfig[2],
+          paddingLeft: paddingConfig[3],
+          paddingRight: paddingConfig[1]
+        };
+      }
+    } else if (typeof paddingConfig === 'number') {
+      _padding = {
+        paddingTop: paddingConfig,
+        paddingBottom: paddingConfig,
+        paddingLeft: paddingConfig,
+        paddingRight: paddingConfig
+      };
+    }
+    setCamera({
+      type: 'CameraStop',
+      bounds: {
+        ne,
+        sw
+      },
+      padding: _padding,
+      animationDuration: _animationDuration,
+      animationMode: 'easeTo'
+    });
+  };
+  const fitBounds = (0, _react.useCallback)(_fitBounds, [setCamera]);
+  const _flyTo = function (_centerCoordinate) {
+    let _animationDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    setCamera({
+      type: 'CameraStop',
+      centerCoordinate: _centerCoordinate,
+      animationDuration: _animationDuration
+    });
+  };
+  const flyTo = (0, _react.useCallback)(_flyTo, [setCamera]);
+  const _moveTo = function (_centerCoordinate) {
+    let _animationDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    setCamera({
+      type: 'CameraStop',
+      centerCoordinate: _centerCoordinate,
+      animationDuration: _animationDuration,
+      animationMode: 'easeTo'
+    });
+  };
+  const moveTo = (0, _react.useCallback)(_moveTo, [setCamera]);
+  const _zoomTo = function (_zoomLevel) {
+    let _animationDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    setCamera({
+      type: 'CameraStop',
+      zoomLevel: _zoomLevel,
+      animationDuration: _animationDuration,
+      animationMode: 'flyTo'
+    });
+  };
+  const zoomTo = (0, _react.useCallback)(_zoomTo, [setCamera]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    /**
+     * Sets any camera properties, with default fallbacks if unspecified.
+     *
+     * @example
+     * camera.current?.setCamera({
+     *   centerCoordinate: [lon, lat],
+     * });
+     *
+     * @param {CameraStop | CameraStops} config
+     */
+    setCamera,
+    /**
+     * Set the camera position to enclose the provided bounds, with optional
+     * padding and duration.
+     *
+     * @example
+     * camera.fitBounds([lon, lat], [lon, lat]);
+     * camera.fitBounds([lon, lat], [lon, lat], [20, 0], 1000);
+     *
+     * @param {Position} ne Northeast coordinate of bounding box
+     * @param {Position} sw Southwest coordinate of bounding box
+     * @param {number | number[]} paddingConfig The viewport padding, specified as a number (all sides equal), a 2-item array ([vertical, horizontal]), or a 4-item array ([top, right, bottom, left])
+     * @param {number} animationDuration The transition duration
+     */
+    fitBounds,
+    /**
+     * Sets the camera to center around the provided coordinate using a realistic 'travel'
+     * animation, with optional duration.
+     *
+     * @example
+     * camera.flyTo([lon, lat]);
+     * camera.flyTo([lon, lat], 12000);
+     *
+     *  @param {Position} centerCoordinate The coordinate to center in the view
+     *  @param {number} animationDuration The transition duration
+     */
+    flyTo,
+    /**
+     * Sets the camera to center around the provided coordinate, with optional duration.
+     *
+     * @example
+     * camera.moveTo([lon, lat], 200);
+     * camera.moveTo([lon, lat]);
+     *
+     *  @param {Position} centerCoordinate The coordinate to center in the view
+     *  @param {number} animationDuration The transition duration
+     */
+    moveTo,
+    /**
+     * Zooms the camera to the provided level, with optional duration.
+     *
+     * @example
+     * camera.zoomTo(16);
+     * camera.zoomTo(16, 100);
+     *
+     * @param {number} zoomLevel The target zoom
+     * @param {number} animationDuration The transition duration
+     */
+    zoomTo
+  }));
+  return /*#__PURE__*/_react.default.createElement(RCTMGLCamera, {
+    testID: 'Camera',
+    ref: nativeCamera,
+    stop: nativeStop,
+    animationDuration: animationDuration,
+    animationMode: animationMode,
+    defaultStop: nativeDefaultStop,
+    followUserLocation: followUserLocation,
+    followUserMode: followUserMode,
+    followPitch: followPitch,
+    followHeading: followHeading,
+    followZoomLevel: followZoomLevel,
+    minZoomLevel: minZoomLevel,
+    maxZoomLevel: maxZoomLevel,
+    maxBounds: nativeMaxBounds,
+    onUserTrackingModeChange: onUserTrackingModeChange
+  });
+}));
+exports.Camera = Camera;
+const RCTMGLCamera = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME);
+//# sourceMappingURL=Camera.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModule","NativeModules","MGLModule","UserTrackingMode","nativeAnimationMode","mode","NativeCameraModes","CameraModes","Flight","Ease","Linear","Move","None","NATIVE_MODULE_NAME","Camera","memo","forwardRef","props","ref","centerCoordinate","bounds","heading","pitch","zoomLevel","padding","animationDuration","animationMode","minZoomLevel","maxZoomLevel","maxBounds","followUserLocation","followUserMode","followZoomLevel","followPitch","followHeading","defaultSettings","allowUpdates","onUserTrackingModeChange","nativeCamera","useRef","buildNativeStop","useCallback","stop","ignoreFollowUserLocation","type","_nativeStop","undefined","zoom","duration","JSON","stringify","makePoint","ne","sw","makeLatLngBounds","paddingTop","paddingRight","paddingBottom","paddingLeft","nativeDefaultStop","useMemo","nativeStop","nativeMaxBounds","_setCamera","config","stops","_stop","_nativeStops","current","setNativeProps","setCamera","_fitBounds","paddingConfig","_animationDuration","_padding","length","fitBounds","_flyTo","_centerCoordinate","flyTo","_moveTo","moveTo","_zoomTo","_zoomLevel","zoomTo","useImperativeHandle","RCTMGLCamera","requireNativeComponent"],"sourceRoot":"../../javascript","sources":["Camera.tsx"],"mappings":";;;;;;AACA;AAQA;AAGA;AAAgE;AAAA;AAEhE,MAAMA,YAAY,GAAGC,0BAAa,CAACC,SAAS;AAAC,IAE3BC,gBAAgB;AAAA;AAAA,WAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,gCAAhBA,gBAAgB;AAgBlC;AACA;AACA;AACA,MAAMC,mBAAmB,GACvBC,IAA0B,IACF;EACxB,MAAMC,iBAAiB,GAAGN,YAAY,CAACO,WAAW;EAElD,QAAQF,IAAI;IACV,KAAK,OAAO;MACV,OAAOC,iBAAiB,CAACE,MAAM;IACjC,KAAK,QAAQ;MACX,OAAOF,iBAAiB,CAACG,IAAI;IAC/B,KAAK,UAAU;MACb,OAAOH,iBAAiB,CAACI,MAAM;IACjC,KAAK,QAAQ;MACX,OAAOJ,iBAAiB,CAACK,IAAI;IAC/B,KAAK,MAAM;MACT,OAAOL,iBAAiB,CAACM,IAAI;IAC/B;MACE,OAAON,iBAAiB,CAACG,IAAI;EAAC;AAEpC,CAAC;AAEM,MAAMI,kBAAkB,GAAG,cAAc;;AAEhD;AAAA;AAyIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,gBAAG,IAAAC,WAAI,gBACxB,IAAAC,iBAAU,EACR,CAACC,KAAkB,EAAEC,GAAkC,KAAK;EAC1D,MAAM;IACJC,gBAAgB;IAChBC,MAAM;IACNC,OAAO;IACPC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,YAAY;IACZC,SAAS;IACTC,kBAAkB;IAClBC,cAAc;IACdC,eAAe;IACfC,WAAW;IACXC,aAAa;IACbC,eAAe;IACfC,YAAY,GAAG,IAAI;IACnBC;EACF,CAAC,GAAGpB,KAAK;;EAET;EACA,MAAMqB,YAAY,GAAG,IAAAC,aAAM,EAAe,IAAI,CAAC;EAE/C,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EACjC,UACEC,IAAgB,EAEY;IAAA;IAAA,IAD5BC,wBAAwB,uEAAG,KAAK;IAEhCD,IAAI,GAAG;MACL,GAAGA,IAAI;MACPE,IAAI,EAAE;IACR,CAAC;IAED,IAAI3B,KAAK,CAACa,kBAAkB,IAAI,CAACa,wBAAwB,EAAE;MACzD,OAAO,IAAI;IACb;IAEA,MAAME,WAA6B,GAAG,CAAC,CAAC;IAExC,IAAIH,IAAI,CAACpB,KAAK,KAAKwB,SAAS,EAAED,WAAW,CAACvB,KAAK,GAAGoB,IAAI,CAACpB,KAAK;IAC5D,IAAIoB,IAAI,CAACrB,OAAO,KAAKyB,SAAS,EAAED,WAAW,CAACxB,OAAO,GAAGqB,IAAI,CAACrB,OAAO;IAClE,IAAIqB,IAAI,CAACnB,SAAS,KAAKuB,SAAS,EAAED,WAAW,CAACE,IAAI,GAAGL,IAAI,CAACnB,SAAS;IACnE,IAAImB,IAAI,CAAChB,aAAa,KAAKoB,SAAS,EAClCD,WAAW,CAACxC,IAAI,GAAGD,mBAAmB,CAACsC,IAAI,CAAChB,aAAa,CAAC;IAC5D,IAAIgB,IAAI,CAACjB,iBAAiB,KAAKqB,SAAS,EACtCD,WAAW,CAACG,QAAQ,GAAGN,IAAI,CAACjB,iBAAiB;IAE/C,IAAIiB,IAAI,CAACvB,gBAAgB,EAAE;MACzB0B,WAAW,CAAC1B,gBAAgB,GAAG8B,IAAI,CAACC,SAAS,CAC3C,IAAAC,mBAAS,EAACT,IAAI,CAACvB,gBAAgB,CAAC,CACjC;IACH;IAEA,IAAIuB,IAAI,CAACtB,MAAM,IAAIsB,IAAI,CAACtB,MAAM,CAACgC,EAAE,IAAIV,IAAI,CAACtB,MAAM,CAACiC,EAAE,EAAE;MACnD,MAAM;QAAED,EAAE;QAAEC;MAAG,CAAC,GAAGX,IAAI,CAACtB,MAAM;MAC9ByB,WAAW,CAACzB,MAAM,GAAG6B,IAAI,CAACC,SAAS,CAAC,IAAAI,0BAAgB,EAACF,EAAE,EAAEC,EAAE,CAAC,CAAC;IAC/D;IAEAR,WAAW,CAACU,UAAU,GACpB,kBAAAb,IAAI,CAAClB,OAAO,kDAAZ,cAAc+B,UAAU,sBAAIb,IAAI,CAACtB,MAAM,iDAAX,aAAamC,UAAU,KAAI,CAAC;IAC1DV,WAAW,CAACW,YAAY,GACtB,mBAAAd,IAAI,CAAClB,OAAO,mDAAZ,eAAcgC,YAAY,uBAAId,IAAI,CAACtB,MAAM,kDAAX,cAAaoC,YAAY,KAAI,CAAC;IAC9DX,WAAW,CAACY,aAAa,GACvB,mBAAAf,IAAI,CAAClB,OAAO,mDAAZ,eAAciC,aAAa,uBAAIf,IAAI,CAACtB,MAAM,kDAAX,cAAaqC,aAAa,KAAI,CAAC;IAChEZ,WAAW,CAACa,WAAW,GACrB,mBAAAhB,IAAI,CAAClB,OAAO,mDAAZ,eAAckC,WAAW,uBAAIhB,IAAI,CAACtB,MAAM,kDAAX,cAAasC,WAAW,KAAI,CAAC;IAE5D,OAAOb,WAAW;EACpB,CAAC,EACD,CAAC5B,KAAK,CAACa,kBAAkB,CAAC,CAC3B;EAED,MAAM6B,iBAAiB,GAAG,IAAAC,cAAO,EAAC,MAA+B;IAC/D,IAAI,CAACzB,eAAe,EAAE;MACpB,OAAO,IAAI;IACb;IACA,OAAOK,eAAe,CAACL,eAAe,CAAC;EACzC,CAAC,EAAE,CAACA,eAAe,EAAEK,eAAe,CAAC,CAAC;EAEtC,MAAMqB,UAAU,GAAG,IAAAD,cAAO,EAAC,MAAM;IAC/B,OAAOpB,eAAe,CAAC;MACrBI,IAAI,EAAE,YAAY;MAClBzB,gBAAgB;MAChBC,MAAM;MACNC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,iBAAiB;MACjBC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CACDP,gBAAgB,EAChBC,MAAM,EACNC,OAAO,EACPC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,iBAAiB,EACjBC,aAAa,EACbc,eAAe,CAChB,CAAC;EAEF,MAAMsB,eAAe,GAAG,IAAAF,cAAO,EAAC,MAAM;IACpC,IAAI,EAAC/B,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEuB,EAAE,KAAI,EAACvB,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEwB,EAAE,GAAE;MACpC,OAAO,IAAI;IACb;IACA,OAAOJ,IAAI,CAACC,SAAS,CAAC,IAAAI,0BAAgB,EAACzB,SAAS,CAACuB,EAAE,EAAEvB,SAAS,CAACwB,EAAE,CAAC,CAAC;EACrE,CAAC,EAAE,CAACxB,SAAS,CAAC,CAAC;EAEf,MAAMkC,UAAkC,GAAIC,MAAM,IAAK;IACrD,IAAI,CAAC5B,YAAY,EAAE;MACjB;IACF;IAEA,IAAI,CAAC4B,MAAM,CAACpB,IAAI;MACd;MACA;MACAoB,MAAM,GAAG;QACP,GAAGA,MAAM;QACT;QACA;QACApB,IAAI,EAAEoB,MAAM,CAACC,KAAK,GAAG,aAAa,GAAG;MACvC,CAAC;IAEH,IAAID,MAAM,CAACpB,IAAI,KAAK,aAAa,EAAE;MACjC,KAAK,MAAMsB,KAAK,IAAIF,MAAM,CAACC,KAAK,EAAE;QAChC,IAAIE,YAAgC,GAAG,EAAE;QACzC,MAAMtB,WAAW,GAAGL,eAAe,CAAC0B,KAAK,CAAC;QAC1C,IAAIrB,WAAW,EAAE;UACfsB,YAAY,GAAG,CAAC,GAAGA,YAAY,EAAEtB,WAAW,CAAC;QAC/C;QACAP,YAAY,CAAC8B,OAAO,CAACC,cAAc,CAAC;UAClC3B,IAAI,EAAE;YAAEuB,KAAK,EAAEE;UAAa;QAC9B,CAAC,CAAC;MACJ;IACF,CAAC,MAAM,IAAIH,MAAM,CAACpB,IAAI,KAAK,YAAY,EAAE;MACvC,MAAMC,WAAW,GAAGL,eAAe,CAACwB,MAAM,CAAC;MAC3C,IAAInB,WAAW,EAAE;QACfP,YAAY,CAAC8B,OAAO,CAACC,cAAc,CAAC;UAAE3B,IAAI,EAAEG;QAAY,CAAC,CAAC;MAC5D;IACF;EACF,CAAC;EACD,MAAMyB,SAAS,GAAG,IAAA7B,kBAAW,EAACsB,UAAU,EAAE,CACxC3B,YAAY,EACZI,eAAe,CAChB,CAAC;EAEF,MAAM+B,UAAkC,GAAG,UACzCnB,EAAE,EACFC,EAAE,EAGC;IAAA,IAFHmB,aAAa,uEAAG,CAAC;IAAA,IACjBC,kBAAkB,uEAAG,CAAC;IAEtB,IAAIC,QAAQ,GAAG;MACbnB,UAAU,EAAE,CAAC;MACbE,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdF,YAAY,EAAE;IAChB,CAAC;IAED,IAAI,OAAOgB,aAAa,KAAK,QAAQ,EAAE;MACrC,IAAIA,aAAa,CAACG,MAAM,KAAK,CAAC,EAAE;QAC9BD,QAAQ,GAAG;UACTnB,UAAU,EAAEiB,aAAa,CAAC,CAAC,CAAC;UAC5Bf,aAAa,EAAEe,aAAa,CAAC,CAAC,CAAC;UAC/Bd,WAAW,EAAEc,aAAa,CAAC,CAAC,CAAC;UAC7BhB,YAAY,EAAEgB,aAAa,CAAC,CAAC;QAC/B,CAAC;MACH,CAAC,MAAM,IAAIA,aAAa,CAACG,MAAM,KAAK,CAAC,EAAE;QACrCD,QAAQ,GAAG;UACTnB,UAAU,EAAEiB,aAAa,CAAC,CAAC,CAAC;UAC5Bf,aAAa,EAAEe,aAAa,CAAC,CAAC,CAAC;UAC/Bd,WAAW,EAAEc,aAAa,CAAC,CAAC,CAAC;UAC7BhB,YAAY,EAAEgB,aAAa,CAAC,CAAC;QAC/B,CAAC;MACH;IACF,CAAC,MAAM,IAAI,OAAOA,aAAa,KAAK,QAAQ,EAAE;MAC5CE,QAAQ,GAAG;QACTnB,UAAU,EAAEiB,aAAa;QACzBf,aAAa,EAAEe,aAAa;QAC5Bd,WAAW,EAAEc,aAAa;QAC1BhB,YAAY,EAAEgB;MAChB,CAAC;IACH;IAEAF,SAAS,CAAC;MACR1B,IAAI,EAAE,YAAY;MAClBxB,MAAM,EAAE;QACNgC,EAAE;QACFC;MACF,CAAC;MACD7B,OAAO,EAAEkD,QAAQ;MACjBjD,iBAAiB,EAAEgD,kBAAkB;MACrC/C,aAAa,EAAE;IACjB,CAAC,CAAC;EACJ,CAAC;EACD,MAAMkD,SAAS,GAAG,IAAAnC,kBAAW,EAAC8B,UAAU,EAAE,CAACD,SAAS,CAAC,CAAC;EAEtD,MAAMO,MAA0B,GAAG,UACjCC,iBAAiB,EAEd;IAAA,IADHL,kBAAkB,uEAAG,IAAI;IAEzBH,SAAS,CAAC;MACR1B,IAAI,EAAE,YAAY;MAClBzB,gBAAgB,EAAE2D,iBAAiB;MACnCrD,iBAAiB,EAAEgD;IACrB,CAAC,CAAC;EACJ,CAAC;EACD,MAAMM,KAAK,GAAG,IAAAtC,kBAAW,EAACoC,MAAM,EAAE,CAACP,SAAS,CAAC,CAAC;EAE9C,MAAMU,OAA4B,GAAG,UACnCF,iBAAiB,EAEd;IAAA,IADHL,kBAAkB,uEAAG,CAAC;IAEtBH,SAAS,CAAC;MACR1B,IAAI,EAAE,YAAY;MAClBzB,gBAAgB,EAAE2D,iBAAiB;MACnCrD,iBAAiB,EAAEgD,kBAAkB;MACrC/C,aAAa,EAAE;IACjB,CAAC,CAAC;EACJ,CAAC;EACD,MAAMuD,MAAM,GAAG,IAAAxC,kBAAW,EAACuC,OAAO,EAAE,CAACV,SAAS,CAAC,CAAC;EAEhD,MAAMY,OAA4B,GAAG,UACnCC,UAAU,EAEP;IAAA,IADHV,kBAAkB,uEAAG,IAAI;IAEzBH,SAAS,CAAC;MACR1B,IAAI,EAAE,YAAY;MAClBrB,SAAS,EAAE4D,UAAU;MACrB1D,iBAAiB,EAAEgD,kBAAkB;MACrC/C,aAAa,EAAE;IACjB,CAAC,CAAC;EACJ,CAAC;EACD,MAAM0D,MAAM,GAAG,IAAA3C,kBAAW,EAACyC,OAAO,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEhD,IAAAe,0BAAmB,EAACnE,GAAG,EAAE,OAAO;IAC9B;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQoD,SAAS;IACT;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQM,SAAS;IACT;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQG,KAAK;IACL;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQE,MAAM;IACN;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQG;EACF,CAAC,CAAC,CAAC;EAEH,oBACE,6BAAC,YAAY;IACX,MAAM,EAAE,QAAS;IACjB,GAAG,EAAE9C,YAAa;IAClB,IAAI,EAAEuB,UAAW;IACjB,iBAAiB,EAAEpC,iBAAkB;IACrC,aAAa,EAAEC,aAAc;IAC7B,WAAW,EAAEiC,iBAAkB;IAC/B,kBAAkB,EAAE7B,kBAAmB;IACvC,cAAc,EAAEC,cAAe;IAC/B,WAAW,EAAEE,WAAY;IACzB,aAAa,EAAEC,aAAc;IAC7B,eAAe,EAAEF,eAAgB;IACjC,YAAY,EAAEL,YAAa;IAC3B,YAAY,EAAEC,YAAa;IAC3B,SAAS,EAAEkC,eAAgB;IAC3B,wBAAwB,EAAEzB;EAAyB,EACnD;AAEN,CAAC,CACF,CACF;AAAC;AAEF,MAAMiD,YAAY,GAChB,IAAAC,mCAAsB,EAAoB1E,kBAAkB,CAAC"}

package/lib/commonjs/components/CircleLayer.js

@@ -0,0 +1,87 @@
+"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 = 'RCTMGLCircleLayer';
+
+/**
+ * CircleLayer is a style layer that renders one or more filled circles on the map.
+ */
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+class CircleLayer extends _AbstractLayer.default {
+  render() {
+    return /*#__PURE__*/_react.default.createElement(RCTMGLCircleLayer, _extends({
+      testID: "rctmglCircleLayer",
+      ref: this.setNativeLayer
+    }, this.baseProps));
+  }
+}
+_defineProperty(CircleLayer, "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.
+   * Inferred from parent source only if the layer is a direct child to it.
+   */
+  sourceID: _propTypes.default.string,
+  /**
+   * Identifier of the layer within the source identified by the sourceID property
+   * from which the receiver obtains the data to style.
+   */
+  sourceLayerID: _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,
+  /**
+   * The minimum zoom level at which the layer gets parsed and appears.
+   */
+  minZoomLevel: _propTypes.default.number,
+  /**
+   * The maximum zoom level at which the layer gets parsed and appears.
+   */
+  maxZoomLevel: _propTypes.default.number,
+  /**
+   * Customizable style attributes
+   */
+  style: _propTypes.default.oneOfType([_styleMap.CircleLayerStyleProp, _propTypes.default.arrayOf(_styleMap.CircleLayerStyleProp)])
+});
+_defineProperty(CircleLayer, "defaultProps", {
+  sourceID: MapboxGL.StyleSource.DefaultSourceID
+});
+const RCTMGLCircleLayer = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME, CircleLayer, {
+  nativeOnly: {
+    reactStyle: true
+  }
+});
+var _default = CircleLayer;
+exports.default = _default;
+//# sourceMappingURL=CircleLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MapboxGL","NativeModules","MGLModule","NATIVE_MODULE_NAME","CircleLayer","AbstractLayer","render","setNativeLayer","baseProps","viewPropTypes","id","PropTypes","string","isRequired","sourceID","sourceLayerID","aboveLayerID","belowLayerID","layerIndex","number","filter","array","minZoomLevel","maxZoomLevel","style","oneOfType","CircleLayerStyleProp","arrayOf","StyleSource","DefaultSourceID","RCTMGLCircleLayer","requireNativeComponent","nativeOnly","reactStyle"],"sourceRoot":"../../javascript","sources":["CircleLayer.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAA4C;AAAA;AAAA;AAE5C,MAAMA,QAAQ,GAAGC,0BAAa,CAACC,SAAS;AAEjC,MAAMC,kBAAkB,GAAG,mBAAmB;;AAErD;AACA;AACA;AAFA;AAGA,MAAMC,WAAW,SAASC,sBAAa,CAAC;EAiEtCC,MAAM,GAAG;IACP,oBACE,6BAAC,iBAAiB;MAChB,MAAM,EAAC,mBAAmB;MAC1B,GAAG,EAAE,IAAI,CAACC;IAAe,GACrB,IAAI,CAACC,SAAS,EAClB;EAEN;AACF;AAAC,gBA1EKJ,WAAW,eACI;EACjB,GAAGK,oBAAa;EAEhB;AACJ;AACA;EACIC,EAAE,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAE/B;AACJ;AACA;AACA;AACA;EACIC,QAAQ,EAAEH,kBAAS,CAACC,MAAM;EAE1B;AACJ;AACA;AACA;EACIG,aAAa,EAAEJ,kBAAS,CAACC,MAAM;EAE/B;AACJ;AACA;EACII,YAAY,EAAEL,kBAAS,CAACC,MAAM;EAE9B;AACJ;AACA;EACIK,YAAY,EAAEN,kBAAS,CAACC,MAAM;EAE9B;AACJ;AACA;EACIM,UAAU,EAAEP,kBAAS,CAACQ,MAAM;EAE5B;AACJ;AACA;EACIC,MAAM,EAAET,kBAAS,CAACU,KAAK;EAEvB;AACJ;AACA;EACIC,YAAY,EAAEX,kBAAS,CAACQ,MAAM;EAE9B;AACJ;AACA;EACII,YAAY,EAAEZ,kBAAS,CAACQ,MAAM;EAE9B;AACJ;AACA;EACIK,KAAK,EAAEb,kBAAS,CAACc,SAAS,CAAC,CACzBC,8BAAoB,EACpBf,kBAAS,CAACgB,OAAO,CAACD,8BAAoB,CAAC,CACxC;AACH,CAAC;AAAA,gBA3DGtB,WAAW,kBA6DO;EACpBU,QAAQ,EAAEd,QAAQ,CAAC4B,WAAW,CAACC;AACjC,CAAC;AAaH,MAAMC,iBAAiB,GAAG,IAAAC,mCAAsB,EAC9C5B,kBAAkB,EAClBC,WAAW,EACX;EACE4B,UAAU,EAAE;IAAEC,UAAU,EAAE;EAAK;AACjC,CAAC,CACF;AAAC,eAEa7B,WAAW;AAAA"}

package/lib/commonjs/components/FillExtrusionLayer.js

@@ -0,0 +1,89 @@
+"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 = 'RCTMGLFillExtrusionLayer';
+
+/**
+ * FillExtrusionLayer is a style layer that renders one or more 3D extruded polygons on the map.
+ */
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+class FillExtrusionLayer extends _AbstractLayer.default {
+  render() {
+    const props = {
+      ...this.baseProps,
+      sourceLayerID: this.props.sourceLayerID
+    };
+    return /*#__PURE__*/_react.default.createElement(RCTMGLFillExtrusionLayer, _extends({
+      ref: this.setNativeLayer
+    }, props));
+  }
+}
+_defineProperty(FillExtrusionLayer, "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.
+   * Inferred from parent source only if the layer is a direct child to it.
+   */
+  sourceID: _propTypes.default.string,
+  /**
+   * Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style.
+   */
+  sourceLayerID: _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,
+  /**
+   * The minimum zoom level at which the layer gets parsed and appears.
+   */
+  minZoomLevel: _propTypes.default.number,
+  /**
+   * The maximum zoom level at which the layer gets parsed and appears.
+   */
+  maxZoomLevel: _propTypes.default.number,
+  /**
+   * Customizable style attributes
+   */
+  style: _propTypes.default.oneOfType([_styleMap.FillExtrusionLayerStyleProp, _propTypes.default.arrayOf(_styleMap.FillExtrusionLayerStyleProp)])
+});
+_defineProperty(FillExtrusionLayer, "defaultProps", {
+  sourceID: MapboxGL.StyleSource.DefaultSourceID
+});
+const RCTMGLFillExtrusionLayer = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME, FillExtrusionLayer, {
+  nativeOnly: {
+    reactStyle: true
+  }
+});
+var _default = FillExtrusionLayer;
+exports.default = _default;
+//# sourceMappingURL=FillExtrusionLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MapboxGL","NativeModules","MGLModule","NATIVE_MODULE_NAME","FillExtrusionLayer","AbstractLayer","render","props","baseProps","sourceLayerID","setNativeLayer","viewPropTypes","id","PropTypes","string","isRequired","sourceID","aboveLayerID","belowLayerID","layerIndex","number","filter","array","minZoomLevel","maxZoomLevel","style","oneOfType","FillExtrusionLayerStyleProp","arrayOf","StyleSource","DefaultSourceID","RCTMGLFillExtrusionLayer","requireNativeComponent","nativeOnly","reactStyle"],"sourceRoot":"../../javascript","sources":["FillExtrusionLayer.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAA4C;AAAA;AAAA;AAE5C,MAAMA,QAAQ,GAAGC,0BAAa,CAACC,SAAS;AAEjC,MAAMC,kBAAkB,GAAG,0BAA0B;;AAE5D;AACA;AACA;AAFA;AAGA,MAAMC,kBAAkB,SAASC,sBAAa,CAAC;EAgE7CC,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG;MACZ,GAAG,IAAI,CAACC,SAAS;MACjBC,aAAa,EAAE,IAAI,CAACF,KAAK,CAACE;IAC5B,CAAC;IACD,oBAAO,6BAAC,wBAAwB;MAAC,GAAG,EAAE,IAAI,CAACC;IAAe,GAAKH,KAAK,EAAI;EAC1E;AACF;AAAC,gBAvEKH,kBAAkB,eACH;EACjB,GAAGO,oBAAa;EAEhB;AACJ;AACA;EACIC,EAAE,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAE/B;AACJ;AACA;AACA;AACA;EACIC,QAAQ,EAAEH,kBAAS,CAACC,MAAM;EAE1B;AACJ;AACA;EACIL,aAAa,EAAEI,kBAAS,CAACC,MAAM;EAE/B;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,YAAY,EAAEV,kBAAS,CAACO,MAAM;EAE9B;AACJ;AACA;EACII,YAAY,EAAEX,kBAAS,CAACO,MAAM;EAE9B;AACJ;AACA;EACIK,KAAK,EAAEZ,kBAAS,CAACa,SAAS,CAAC,CACzBC,qCAA2B,EAC3Bd,kBAAS,CAACe,OAAO,CAACD,qCAA2B,CAAC,CAC/C;AACH,CAAC;AAAA,gBA1DGvB,kBAAkB,kBA4DA;EACpBY,QAAQ,EAAEhB,QAAQ,CAAC6B,WAAW,CAACC;AACjC,CAAC;AAWH,MAAMC,wBAAwB,GAAG,IAAAC,mCAAsB,EACrD7B,kBAAkB,EAClBC,kBAAkB,EAClB;EACE6B,UAAU,EAAE;IAAEC,UAAU,EAAE;EAAK;AACjC,CAAC,CACF;AAAC,eAEa9B,kBAAkB;AAAA"}

package/lib/commonjs/components/FillLayer.js

@@ -0,0 +1,89 @@
+"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 = 'RCTMGLFillLayer';
+
+/**
+ * FillLayer is a style layer that renders one or more filled (and optionally stroked) polygons on the map.
+ */
+exports.NATIVE_MODULE_NAME = NATIVE_MODULE_NAME;
+class FillLayer extends _AbstractLayer.default {
+  render() {
+    const props = {
+      ...this.baseProps,
+      sourceLayerID: this.props.sourceLayerID
+    };
+    return /*#__PURE__*/_react.default.createElement(RCTMGLFillLayer, _extends({
+      ref: this.setNativeLayer
+    }, props));
+  }
+}
+_defineProperty(FillLayer, "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.
+   * Inferred from parent source only if the layer is a direct child to it.
+   */
+  sourceID: _propTypes.default.string,
+  /**
+   * Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style.
+   */
+  sourceLayerID: _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,
+  /**
+   * The minimum zoom level at which the layer gets parsed and appears.
+   */
+  minZoomLevel: _propTypes.default.number,
+  /**
+   * The maximum zoom level at which the layer gets parsed and appears.
+   */
+  maxZoomLevel: _propTypes.default.number,
+  /**
+   * Customizable style attributes
+   */
+  style: _propTypes.default.oneOfType([_styleMap.FillLayerStyleProp, _propTypes.default.arrayOf(_styleMap.FillLayerStyleProp)])
+});
+_defineProperty(FillLayer, "defaultProps", {
+  sourceID: MapboxGL.StyleSource.DefaultSourceID
+});
+const RCTMGLFillLayer = (0, _reactNative.requireNativeComponent)(NATIVE_MODULE_NAME, FillLayer, {
+  nativeOnly: {
+    reactStyle: true
+  }
+});
+var _default = FillLayer;
+exports.default = _default;
+//# sourceMappingURL=FillLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MapboxGL","NativeModules","MGLModule","NATIVE_MODULE_NAME","FillLayer","AbstractLayer","render","props","baseProps","sourceLayerID","setNativeLayer","viewPropTypes","id","PropTypes","string","isRequired","sourceID","aboveLayerID","belowLayerID","layerIndex","number","filter","array","minZoomLevel","maxZoomLevel","style","oneOfType","FillLayerStyleProp","arrayOf","StyleSource","DefaultSourceID","RCTMGLFillLayer","requireNativeComponent","nativeOnly","reactStyle"],"sourceRoot":"../../javascript","sources":["FillLayer.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAA4C;AAAA;AAAA;AAE5C,MAAMA,QAAQ,GAAGC,0BAAa,CAACC,SAAS;AAEjC,MAAMC,kBAAkB,GAAG,iBAAiB;;AAEnD;AACA;AACA;AAFA;AAGA,MAAMC,SAAS,SAASC,sBAAa,CAAC;EAgEpCC,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG;MACZ,GAAG,IAAI,CAACC,SAAS;MACjBC,aAAa,EAAE,IAAI,CAACF,KAAK,CAACE;IAC5B,CAAC;IACD,oBAAO,6BAAC,eAAe;MAAC,GAAG,EAAE,IAAI,CAACC;IAAe,GAAKH,KAAK,EAAI;EACjE;AACF;AAAC,gBAvEKH,SAAS,eACM;EACjB,GAAGO,oBAAa;EAEhB;AACJ;AACA;EACIC,EAAE,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAE/B;AACJ;AACA;AACA;AACA;EACIC,QAAQ,EAAEH,kBAAS,CAACC,MAAM;EAE1B;AACJ;AACA;EACIL,aAAa,EAAEI,kBAAS,CAACC,MAAM;EAE/B;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,YAAY,EAAEV,kBAAS,CAACO,MAAM;EAE9B;AACJ;AACA;EACII,YAAY,EAAEX,kBAAS,CAACO,MAAM;EAE9B;AACJ;AACA;EACIK,KAAK,EAAEZ,kBAAS,CAACa,SAAS,CAAC,CACzBC,4BAAkB,EAClBd,kBAAS,CAACe,OAAO,CAACD,4BAAkB,CAAC,CACtC;AACH,CAAC;AAAA,gBA1DGvB,SAAS,kBA4DS;EACpBY,QAAQ,EAAEhB,QAAQ,CAAC6B,WAAW,CAACC;AACjC,CAAC;AAWH,MAAMC,eAAe,GAAG,IAAAC,mCAAsB,EAAC7B,kBAAkB,EAAEC,SAAS,EAAE;EAC5E6B,UAAU,EAAE;IAAEC,UAAU,EAAE;EAAK;AACjC,CAAC,CAAC;AAAC,eAEY9B,SAAS;AAAA"}

package/lib/commonjs/components/HeadingIndicator.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _heading = _interopRequireDefault(require("../../assets/heading.png"));
+var _SymbolLayer = require("./SymbolLayer");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const style = {
+  iconImage: _heading.default,
+  iconAllowOverlap: true,
+  iconPitchAlignment: 'map',
+  iconRotationAlignment: 'map'
+};
+const HeadingIndicator = _ref => {
+  let {
+    heading
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_SymbolLayer.SymbolLayer, {
+    key: "mapboxUserLocationHeadingIndicator",
+    id: "mapboxUserLocationHeadingIndicator",
+    belowLayerID: "mapboxUserLocationWhiteCircle",
+    style: {
+      iconRotate: heading,
+      ...style
+    }
+  });
+};
+var _default = HeadingIndicator;
+exports.default = _default;
+//# sourceMappingURL=HeadingIndicator.js.map