feat(native-filters): Add default first value to select filter

superset-frontend/src/filters/components/Select/SelectFilterPlugin.tsx

@@ -66,12 +66,16 @@ export default function PluginFilterSelect(props: PluginFilterSelectProps) {
     currentValue,
     inverseSelection,
     inputRef,
+    defaultToFirstItem,
   } = formData;
-
+  const groupby = ensureIsArray<string>(formData.groupby);
+  const initValues = defaultValue ?? [];
+  const firstItem: (string | number)[] = data[0]
+    ? (groupby.map(col => data[0][col]) as string[]) ?? initValues
+    : initValues;
   const [values, setValues] = useState<(string | number | boolean)[]>(
-    defaultValue ?? [],
+    defaultToFirstItem ? firstItem : initValues,
   );
-  const groupby = ensureIsArray<string>(formData.groupby);
 
   const [col] = groupby;
   const datatype: GenericDataType = coltypeMap[col];
@@ -118,18 +122,22 @@ export default function PluginFilterSelect(props: PluginFilterSelectProps) {
     handleChange(currentValue ?? []);
   }, [
     JSON.stringify(currentValue),
+    defaultToFirstItem,
     multiSelect,
     enableEmptyFilter,
     inverseSelection,
   ]);
 
   useEffect(() => {
-    handleChange(defaultValue ?? []);
+    handleChange(defaultToFirstItem ? firstItem : initValues);
   }, [
     JSON.stringify(defaultValue),
+    JSON.stringify(firstItem),
+    defaultToFirstItem,
     multiSelect,
     enableEmptyFilter,
     inverseSelection,
+    defaultToFirstItem,
   ]);
 
   const placeholderText =

superset-frontend/src/filters/components/Select/controlPanel.ts

@@ -24,6 +24,7 @@ const {
   enableEmptyFilter,
   inverseSelection,
   multiSelect,
+  defaultToFirstItem,
   sortAscending,
 } = DEFAULT_FORM_DATA;
 
@@ -79,6 +80,19 @@ const config: ControlPanelConfig = {
             },
           },
         ],
+        [
+          {
+            name: 'defaultToFirstItem',
+            config: {
+              type: 'CheckboxControl',
+              label: t('Default to first item'),
+              default: defaultToFirstItem,
+              resetConfig: true,
+              renderTrigger: true,
+              description: t('Select first item by default'),
+            },
+          },
+        ],
         [
           {
             name: 'inverseSelection',

superset-frontend/src/filters/components/Select/types.ts

@@ -34,6 +34,7 @@ interface PluginFilterSelectCustomizeProps {
   enableEmptyFilter: boolean;
   inverseSelection: boolean;
   multiSelect: boolean;
+  defaultToFirstItem: boolean;
   inputRef?: RefObject<HTMLInputElement>;
   sortAscending: boolean;
 }
@@ -59,6 +60,7 @@ export const DEFAULT_FORM_DATA: PluginFilterSelectCustomizeProps = {
   currentValue: null,
   enableEmptyFilter: false,
   inverseSelection: false,
+  defaultToFirstItem: false,
   multiSelect: true,
   sortAscending: true,
 };