docs(storybook): update types & add control category name

elastic · May 10, 2024 · 8f362e7 · 8f362e7
1 parent ab95873
commit 8f362e7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/src/components/selectable/selectable_list/selectable_list.stories.tsx b/src/components/selectable/selectable_list/selectable_list.stories.tsx
@@ -16,7 +16,7 @@ import {
 import { EuiSelectableOption } from '../selectable_option';
 import { EuiSelectableList, EuiSelectableListProps } from './selectable_list';
 
-const options = [
+const options: EuiSelectableOption[] = [
   {
     label: 'Titan',
     'data-test-subj': 'titanOption',
@@ -52,7 +52,7 @@ const options = [
   {
     label: 'Hyperion',
   },
-] as EuiSelectableOption[];
+];
 
 const meta: Meta<EuiSelectableListProps<{}>> = {
   title: 'Forms/EuiSelectable/EuiSelectableList/EuiSelectableList',
@@ -78,14 +78,18 @@ const meta: Meta<EuiSelectableListProps<{}>> = {
   },
 };
 enableFunctionToggleControls(meta, ['onOptionClick', 'setActiveOptionIndex']);
-moveStorybookControlsToCategory(meta, [
-  'allowExclusions',
-  'onFocusBadge',
-  'paddingSize',
-  'searchable',
-  'showIcons',
-  'textWrap',
-]);
+moveStorybookControlsToCategory(
+  meta,
+  [
+    'allowExclusions',
+    'onFocusBadge',
+    'paddingSize',
+    'searchable',
+    'showIcons',
+    'textWrap',
+  ],
+  'EuiSelectableListItem props'
+);
 
 export default meta;
 type Story = StoryObj<EuiSelectableListProps<{}>>;

diff --git a/src/components/selectable/selectable_search/selectable_search.stories.tsx b/src/components/selectable/selectable_search/selectable_search.stories.tsx
@@ -19,7 +19,7 @@ import {
   _EuiSelectableSearchProps as EuiSelectableSearchProps,
 } from './selectable_search';
 
-const options = [
+const options: EuiSelectableOption[] = [
   {
     label: 'Titan',
     'data-test-subj': 'titanOption',
@@ -55,7 +55,7 @@ const options = [
   {
     label: 'Hyperion',
   },
-] as EuiSelectableOption[];
+];
 
 const meta: Meta<EuiSelectableSearchProps<{}>> = {
   title: 'Forms/EuiSelectable/EuiSelectableSearch',