feat: add option in basic filter props to hide unclickable select msg

Author: bmikkelsen22

src/Filter/BasicFilter.tsx

@@ -122,15 +122,7 @@ export class BasicFilter extends React.Component<BasicFilterProps, {}> {
     const selected = filterOptions.find(fil => fil.isSelected === true);
     const selectedValue = selected ? selected.key : defaultValue;
 
-    let selectOptions: SelectOptionProps[] = [];
-    selectOptions.push({
-      disabled,
-      selected: selectedValue === defaultValue,
-      label: `Select ${label}`,
-      value: defaultValue
-    });
-
-    const filterSelectOptions = filterOptions.map(fo => {
+    const selectOptions = filterOptions.map(fo => {
       return {
         disabled,
         selected: selectedValue === fo.key,
@@ -139,7 +131,14 @@ export class BasicFilter extends React.Component<BasicFilterProps, {}> {
       };
     });
 
-    selectOptions = selectOptions.concat(filterSelectOptions);
+    if (!this.props.hideSelectMessage) {
+      selectOptions.splice(0, 0, {
+        disabled,
+        selected: selectedValue === defaultValue,
+        label: `Select ${label}`,
+        value: defaultValue
+      });
+    }
 
     return (
       <Select

src/Filter/FilterModels.ts

@@ -86,6 +86,7 @@ export interface FilterOptionModel {
 export interface BasicFilterCategoryModel extends FilterCategoryModel {
   optionType: OptionTypeModel;
   placeholderText?: string;
+  hideSelectMessage?: boolean;
 }
 
 export interface FilterCategoryModel {