improve types in search stories

storybookjs · May 10, 2023 · 28f5df5 · 28f5df5
1 parent 4a6fd2a
commit 28f5df5
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/code/ui/manager/src/components/sidebar/Search.stories.tsx b/code/ui/manager/src/components/sidebar/Search.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import type { StoryFn, Meta } from '@storybook/react';
 import type { API } from '@storybook/manager-api';
 import { ManagerContext } from '@storybook/manager-api';
 import { action } from '@storybook/addon-actions';
@@ -18,28 +19,29 @@ const getLastViewed = () =>
     .filter((item, i) => item.type === 'component' && item.parent && i % 20 === 0)
     .map((component) => ({ storyId: component.id, refId }));
 
-export default {
+const meta = {
   component: Search,
   title: 'Sidebar/Search',
   parameters: { layout: 'fullscreen', withSymbols: true },
   decorators: [(storyFn: any) => <div style={{ padding: 20, maxWidth: '230px' }}>{storyFn()}</div>],
-};
+} satisfies Meta<typeof Search>;
+export default meta;
 
 const baseProps = {
   dataset,
   clearLastViewed: action('clear'),
   getLastViewed: () => [] as Selection[],
 };
 
-export const Simple = () => <Search {...baseProps}>{() => null}</Search>;
+export const Simple: StoryFn = () => <Search {...baseProps}>{() => null}</Search>;
 
-export const FilledIn = () => (
+export const FilledIn: StoryFn = () => (
   <Search {...baseProps} initialQuery="Search query">
     {() => <SearchResults {...noResults} />}
   </Search>
 );
 
-export const LastViewed = () => (
+export const LastViewed: StoryFn = () => (
   <Search {...baseProps} getLastViewed={getLastViewed}>
     {({ query, results, closeMenu, getMenuProps, getItemProps, highlightedIndex }) => (
       <SearchResults
@@ -54,16 +56,16 @@ export const LastViewed = () => (
   </Search>
 );
 
-export const ShortcutsDisabled = () => (
+export const ShortcutsDisabled: StoryFn = () => (
   <Search {...baseProps} enableShortcuts={false}>
     {() => null}
   </Search>
 );
 
-export const CustomShortcuts = () => <Search {...baseProps}>{() => null}</Search>;
+export const CustomShortcuts: StoryFn = () => <Search {...baseProps}>{() => null}</Search>;
 
 CustomShortcuts.decorators = [
-  (storyFn: any) => (
+  (storyFn) => (
     <ManagerContext.Provider
       value={
         {