fix: order select filter options

schummar · Jul 19, 2024 · 4e7648d · 4e7648d
1 parent e910dd8
commit 4e7648d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/selectFilter.tsx b/src/components/selectFilter.tsx
@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import { useEffect, useMemo, useState } from 'react';
 import { useFilter } from '../hooks/useFilter';
 import { useTheme } from '../hooks/useTheme';
-import { asString, castArray, flatMap, uniq } from '../misc/helpers';
+import { asString, castArray, flatMap, orderBy, uniq } from '../misc/helpers';
 import { useColumnContext, useTableContext } from '../misc/tableContext';
 import type { CommonFilterProps, InternalColumn, SerializableValue } from '../types';
 import { AutoFocusTextField } from './autoFocusTextField';
@@ -83,8 +83,10 @@ export function SelectFilter<T, V, F extends SerializableValue>({
       | undefined;
     if (!column) return [];
 
-    return uniq(
-      flatMap(state.items, (item) => castArray(filterBy(column.value(item.value), item.value))),
+    return orderBy(
+      uniq(
+        flatMap(state.items, (item) => castArray(filterBy(column.value(item.value), item.value))),
+      ),
     );
   });