From 3b96a88aa2c575a851a67aff083ba13a75bf8734 Mon Sep 17 00:00:00 2001
From: Juan Cabanas <juan.cabanas@grafana.com>
Date: Mon, 4 Aug 2025 09:17:33 -0300
Subject: [PATCH] SortPicker: Disable SortPicker by prop (#109083)

---
 public/app/core/components/Select/SortPicker.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/app/core/components/Select/SortPicker.tsx b/public/app/core/components/Select/SortPicker.tsx
index 4a0c635da2a..2b741cc1230 100644
--- a/public/app/core/components/Select/SortPicker.tsx
+++ b/public/app/core/components/Select/SortPicker.tsx
@@ -13,13 +13,14 @@ export interface Props {
   getSortOptions?: () => Promise<SelectableValue[]>;
   filter?: string[];
   isClearable?: boolean;
+  disabled?: boolean;
 }
 
 const defaultSortOptionsGetter = (): Promise<SelectableValue[]> => {
   return getGrafanaSearcher().getSortOptions();
 };
 
-export function SortPicker({ onChange, value, placeholder, filter, getSortOptions, isClearable }: Props) {
+export function SortPicker({ onChange, value, placeholder, filter, getSortOptions, isClearable, disabled }: Props) {
   // Using sync Select and manual options fetching here since we need to find the selected option by value
   const options = useAsync<() => Promise<SelectableValue[]>>(async () => {
     const vals = await (getSortOptions ?? defaultSortOptionsGetter)();
@@ -45,6 +46,7 @@ export function SortPicker({ onChange, value, placeholder, filter, getSortOption
       placeholder={placeholder ?? `Sort (Default ${DEFAULT_SORT.label})`}
       prefix={<Icon name={isDesc ? 'sort-amount-down' : 'sort-amount-up'} />}
       isClearable={isClearable}
+      disabled={disabled}
     />
   );
 }