Respect selectedFeatureIndex passed from user

docs/api-reference/react-map-gl-draw/react-map-gl-draw.md

@@ -12,8 +12,8 @@
   - `EditorModes.DRAW_POINT` - Lets you draw a GeoJson `Point` feature.
   - `EditorModes.DRAW_RECTANGLE` - Lets you draw a `Rectangle` (represented as GeoJson `Polygon` feature).
 
-- `features` (Feature[], Optional) - List of features in GeoJson format. If `features` are provided from users, then `react-map-gl-draw` respect the users' input, and therefore ignore any internal `features`. But if `features` are not provided, then `react-map-gl-draw` manages `features` internally, and users can access and manipulate the features by calling `getFeatures`, `addFeatures`, and `deleteFeatures`.
-- `selectedFeatureIndex` (String, Optional) - Index of the selected feature.
+- `features` (Feature[], Optional) - List of features in GeoJson format. `react-map-gl-draw` respect the user' input `features`. If not provided, will manage `features` internally, and user can access and manipulate the `features` by calling `getFeatures`, `addFeatures`, and `deleteFeatures`.
+- `selectedFeatureIndex` (String, Optional) - Index of the selected feature. If not provided, will manage it internally.
 - `clickRadius` (Number, Optional) - Radius to detect features around a hovered or clicked point. Default value is `0`
 
 - `onSelect` (Function, Optional) - callback when clicking a position under `SELECT` and `EDITTING` mode. Receives an object containing the following parameters

examples/react-map-gl-draw/app.js

@@ -27,7 +27,6 @@ export default class App extends Component {
       features: [],
       selectedFeatureIndex: null
     };
-    this._mapRef = null;
     this._editorRef = null;
   }
 
@@ -68,7 +67,6 @@ export default class App extends Component {
     return (
       <MapGL
         {...viewport}
-        ref={_ => (this._mapRef = _)}
         width="100%"
         height="100%"
         mapStyle={MAP_STYLE}

modules/react-map-gl-draw/src/mode-handler.js

@@ -204,9 +204,10 @@ export default class ModeHandler extends PureComponent<EditorProps, EditorState>
   };
 
   _getSelectedFeatureIndex = () => {
-    return isNumeric(this.props.selectedFeatureIndex)
-      ? this.props.selectedFeatureIndex
-      : this.state.selectedFeatureIndex;
+    if ('selectedFeatureIndex' in this.props) {
+      return this.props.selectedFeatureIndex;
+    }
+    return this.state.selectedFeatureIndex;
   };
 
   _getSelectedFeature = (featureIndex: ?number) => {