Fix some filter input bugs (#779)

- The location filter input now updates reliably as you type.
  Previously, results would sometimes fail to display after typing
  because of buggy debounce logic (debouncing avoids sending every
  keystroke to Nominatim, which wouldn't be very polite).
- When loading the filters page to edit an existing set of filters,
  the bbox or area filter that is currently set will be shown on the
  map. Previously, reloading the filters page would cause the map to be
  blank, even if an area filter was active.
- Updates from react-select v1.0.0-rc.5 (released 2017-05-24) to v5.10.1
  (the latest version, released 2025-03-03).

Author: jake-low

package.json

@@ -17,6 +17,7 @@
     "@osmcha/osm-adiff-parser": "^3.0.0",
     "@turf/area": "^7.1.0",
     "@turf/bbox": "^7.1.0",
+    "@turf/bbox-polygon": "^7.2.0",
     "@turf/simplify": "^7.1.0",
     "@turf/truncate": "^7.1.0",
     "animate.css": "^3.7.2",
@@ -41,7 +42,7 @@
     "react-router": "^4.1.1",
     "react-router-dom": "^4.1.1",
     "react-router-redux": "next",
-    "react-select": "^1.0.0-rc.5",
+    "react-select": "^5.10.1",
     "redux": "^3.7.2",
     "redux-devtools-extension": "^2.13.2",
     "redux-logger": "^3.0.6",

src/assets/index.css

@@ -503,6 +503,11 @@ img {
   text-decoration: underline dotted !important;
 }
 
+.react-select input:focus {
+  /* assembly.js adds a focus (not focus-visible) style, which we remove since react-select has its own focus styles */
+  box-shadow: none !important;
+}
+
 table {
   width: 100%;
 }

src/components/filters/filters_list.js

@@ -40,7 +40,7 @@ class FiltersList extends React.PureComponent<void, propsType, *> {
       display: f.display,
       value: this.props.filters.get(f.name),
       placeholder: f.placeholder,
-      options: f.options || [],
+      options: f.options,
       onChange: this.props.handleChange,
       dataURL: f.data_url,
       min: f.min,
@@ -65,7 +65,7 @@ class FiltersList extends React.PureComponent<void, propsType, *> {
             this.props.filters.has(f.name + '__lte')
           }
         >
-          <span className="flex-parent flex-parent--row  ">
+          <span className="flex-parent flex-parent--row">
             <Text
               {...propsToSend}
               className="mr3"
@@ -224,7 +224,10 @@ class FiltersList extends React.PureComponent<void, propsType, *> {
         >
           <LocationSelect
             name="location"
-            value=""
+            value={
+              this.props.filters.get('geometry') ||
+              this.props.filters.get('in_bbox')
+            }
             placeholder="Type a place name"
             onChange={this.props.handleChange}
           />