Search/ActionRow: drill placeholder to SortPicker (#56475)

public/app/features/search/page/components/ActionRow.tsx

@@ -26,6 +26,7 @@ interface Props {
   onTagFilterChange: (tags: string[]) => void;
   getTagOptions: () => Promise<TermCount[]>;
   getSortOptions: () => Promise<SelectableValue[]>;
+  sortPlaceholder?: string;
   onDatasourceChange: (ds?: string) => void;
   includePanels: boolean;
   setIncludePanels: (v: boolean) => void;
@@ -57,6 +58,7 @@ export const ActionRow: FC<Props> = ({
   onTagFilterChange,
   getTagOptions,
   getSortOptions,
+  sortPlaceholder,
   onDatasourceChange,
   query,
   showStarredFilter,
@@ -116,7 +118,13 @@ export const ActionRow: FC<Props> = ({
               value={layout}
             />
           )}
-          <SortPicker onChange={onSortChange} value={query.sort?.value} getSortOptions={getSortOptions} isClearable />
+          <SortPicker
+            onChange={onSortChange}
+            value={query.sort?.value}
+            getSortOptions={getSortOptions}
+            placeholder={sortPlaceholder}
+            isClearable
+          />
         </HorizontalGroup>
       </div>
     </div>

public/app/features/search/page/components/SearchView.tsx

@@ -337,6 +337,7 @@ export const SearchView = ({
           onTagFilterChange={onTagFilterChange}
           getTagOptions={getTagOptions}
           getSortOptions={getGrafanaSearcher().getSortOptions}
+          sortPlaceholder={getGrafanaSearcher().sortPlaceholder}
           onDatasourceChange={onDatasourceChange}
           query={query}
           includePanels={includePanels!}

public/app/features/search/service/types.ts

@@ -71,4 +71,5 @@ export interface GrafanaSearcher {
   starred: (query: SearchQuery) => Promise<QueryResponse>;
   tags: (query: SearchQuery) => Promise<TermCount[]>;
   getSortOptions: () => Promise<SelectableValue[]>;
+  sortPlaceholder?: string;
 }