Fix react-select definition for filterOptions (#10109)

react-select/react-select-tests.tsx

@@ -1,7 +1,9 @@
+/// <reference path="../lodash/lodash.d.ts" />
 /// <reference path="../react/react.d.ts" />
 /// <reference path="../react/react-dom.d.ts" />
 /// <reference path="./react-select.d.ts" />
 
+import * as _ from "lodash";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 
@@ -61,6 +63,30 @@ const CustomValue = React.createClass({
     }
 });
 
+const filterOptions = (options: Array<Option>, filter: string, values: Array<Option>) => {
+    // Filter already selected values
+    let filteredOptions = options.filter(option => {
+        return !(_.includes(values, option));
+    });
+
+    // Filter by label
+    if (filter !== undefined && filter != null && filter.length > 0) {
+        filteredOptions = filteredOptions.filter(option => {
+            return RegExp(filter, 'ig').test(option.label);
+        });
+    }
+
+    // Append Addition option
+    if (filteredOptions.length == 0) {
+        filteredOptions.push({
+            label:  `Create: ${filter}`,
+            value:  filter
+        });
+    }
+
+    return filteredOptions;
+};
+
 class SelectTest extends React.Component<React.Props<{}>, {}> {
 
     render() {
@@ -89,6 +115,7 @@ class SelectTest extends React.Component<React.Props<{}>, {}> {
             autosize: true,
             clearable: true,
             escapeClearsValue: true,
+            filterOptions: filterOptions,
             ignoreAccents: true,
             joinValues: false,
             matchPos: "any",

react-select/react-select.d.ts

@@ -134,7 +134,7 @@ declare namespace ReactSelect {
         /**
          * method to filter the options array
          */
-        filterOptions?: (options: Array<Option>, filter: string, currentValues: (string | number)[]) => Array<Option>;
+        filterOptions?: (options: Array<Option>, filter: string, currentValues: Array<Option>) => Array<Option>;
         /**
          * whether to strip diacritics when filtering
          * @default true