fix(pf4): hotfix select wring filter value type.

Author: Hyperkid123

packages/pf4-component-mapper/demo/index.js

@@ -56,7 +56,8 @@ class App extends React.Component {
             <FormRenderer
                 onSubmit={console.log}
                 initialValues={{
-                    'simple-select': 'Kay'
+                    'simple-select': 'Kay',
+                    'simple-async-select': 'Jenifer'
                 }}
                 componentMapper={{
                     ...componentMapper,

packages/pf4-component-mapper/src/common/select/select.js

@@ -63,7 +63,12 @@ const itemToString = (value, isMulti, showMore, handleShowMore, handleChange) =>
   return value;
 };
 
-const filterOptions = (options, filterValue = '') => options.filter(({ label }) => label.toLowerCase().includes(filterValue.toLowerCase()));
+// TODO fix the value of internal select not to be an array all the time. It forces the filter value to be an array and it crashes sometimes.
+const filterOptions = (options, filterValue = '') =>
+  options.filter(({ label }) => {
+    const filter = Array.isArray(filterValue) && filterValue.length > 0 ? filterValue[0] : filterValue;
+    return label.toLowerCase().includes(filter.toLowerCase());
+  });
 
 const getValue = (isMulti, option, value) => {
   if (!isMulti || !option) {