From 36ee1571b62a40858ee03ba4493de5909d40df73 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Mon, 25 Mar 2024 09:55:48 +0000
Subject: [PATCH] EmptyState: Rename "search" variant to "not-found" (#85062)

* rename "search" variant to "not-found"

* run i18n:extract
---
 packages/grafana-ui/src/components/EmptyState/EmptyState.mdx | 5 +++--
 .../src/components/EmptyState/EmptyState.story.tsx           | 1 +
 packages/grafana-ui/src/components/EmptyState/EmptyState.tsx | 4 ++--
 public/locales/en-US/grafana.json                            | 2 +-
 public/locales/pseudo-LOCALE/grafana.json                    | 2 +-
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx b/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx
index bf57bfc37ed..e62d0038338 100644
--- a/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx
+++ b/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx
@@ -5,7 +5,7 @@ import { EmptyState } from './EmptyState';
 
 Use an empty state to communicate to the user that there is no data to display, or that a search query returned no results.
 
-## variant="search"
+## variant="not-found"
 
 ### When to use
 
@@ -16,7 +16,7 @@ There are sensible defaults for the image and message, so in most cases you can
 ```jsx
 import { EmptyState } from '@grafana/ui';
 
-<EmptyState variant="search" />;
+<EmptyState variant="not-found" />;
 ```
 
 ### Providing custom overrides
@@ -30,6 +30,7 @@ import { Button, EmptyState } from '@grafana/ui';
   button={<Button variant="secondary" onClick={clearSearchQuery} />}
   image={<AnyReactNode />}
   message="No playlists found"
+  variant="not-found"
 >
   Optionally provide some additional information here. Maybe even a link to{' '}
   <TextLink href="<externalDocsLink>" external>
diff --git a/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx b/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx
index f9fc1912120..307cb88332e 100644
--- a/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx
+++ b/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx
@@ -28,6 +28,7 @@ export const Basic: StoryFn<typeof EmptyState> = (args) => {
 
 Basic.args = {
   children: 'Use this space to add any additional information',
+  variant: 'not-found',
 };
 
 export default meta;
diff --git a/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx b/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx
index f7aed1dc5a9..2e5871a5d64 100644
--- a/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx
+++ b/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx
@@ -24,14 +24,14 @@ interface Props {
   /**
    * Empty state variant. Possible values are 'search'.
    */
-  variant: 'search';
+  variant: 'not-found';
 }
 
 export const EmptyState = ({
   button,
   children,
   image = <GrotNotFound width={300} />,
-  message = t('grafana-ui.empty-state.search-message', 'No results found'),
+  message = t('grafana-ui.empty-state.not-found-message', 'No results found'),
   hideImage = false,
 }: React.PropsWithChildren<Props>) => {
   return (
diff --git a/public/locales/en-US/grafana.json b/public/locales/en-US/grafana.json
index fa91f787e58..6555b947625 100644
--- a/public/locales/en-US/grafana.json
+++ b/public/locales/en-US/grafana.json
@@ -564,7 +564,7 @@
       "close": "Close"
     },
     "empty-state": {
-      "search-message": "No results found"
+      "not-found-message": "No results found"
     },
     "modal": {
       "close-tooltip": "Close"
diff --git a/public/locales/pseudo-LOCALE/grafana.json b/public/locales/pseudo-LOCALE/grafana.json
index 2ed5a8a6414..22f347b5832 100644
--- a/public/locales/pseudo-LOCALE/grafana.json
+++ b/public/locales/pseudo-LOCALE/grafana.json
@@ -564,7 +564,7 @@
       "close": "Cľőşę"
     },
     "empty-state": {
-      "search-message": "Ńő řęşūľŧş ƒőūʼnđ"
+      "not-found-message": "Ńő řęşūľŧş ƒőūʼnđ"
     },
     "modal": {
       "close-tooltip": "Cľőşę"