Grafana-ui: disables storybook controls that are irrelevant (#35250)

* Grafana-ui: disables storybook controls that are irrelevant

* excluded unused control in Select story

* made timeRange control visisble in GraphNG story

packages/grafana-ui/src/components/Alert/Alert.story.tsx

@@ -17,6 +17,12 @@ export default {
     docs: {
       page: mdx,
     },
+    knobs: {
+      disable: true,
+    },
+    controls: {
+      exclude: ['onRemove'],
+    },
   },
   argTypes: {
     severity: { control: { type: 'select', options: severities } },

packages/grafana-ui/src/components/ButtonCascader/ButtonCascader.story.tsx

@@ -10,7 +10,7 @@ export default {
   decorators: [withCenteredStory],
   parameters: {
     controls: {
-      exclude: ['className', 'value', 'fieldNames'],
+      exclude: ['className', 'value', 'fieldNames', 'loadData', 'onChange', 'onPopupVisibleChange'],
     },
   },
   args: {

packages/grafana-ui/src/components/Cascader/Cascader.story.tsx

@@ -40,7 +40,16 @@ export default {
       page: mdx,
     },
     controls: {
-      exclude: ['placeholder', 'initialValue', 'changeOnSelect'],
+      exclude: [
+        'placeholder',
+        'initialValue',
+        'changeOnSelect',
+        'onSelect',
+        'loadData',
+        'onChange',
+        'onPopupVisibleChange',
+        'formatCreateLabel',
+      ],
     },
   },
   args: {

packages/grafana-ui/src/components/ClipboardButton/ClipboardButton.story.internal.tsx

@@ -14,7 +14,7 @@ export default {
       page: mdx,
     },
     controls: {
-      exclude: ['size', 'variant', 'icon', 'className', 'fullWidth'],
+      exclude: ['size', 'variant', 'icon', 'className', 'fullWidth', 'getText', 'onClipboardCopy', 'onClipboardError'],
     },
   },
 } as Meta;

packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.story.tsx

@@ -18,7 +18,7 @@ export default {
       page: mdx,
     },
     controls: {
-      exclude: ['className'],
+      exclude: ['className', 'onClick', 'onCancel', 'onConfirm'],
     },
   },
   args: {

packages/grafana-ui/src/components/Drawer/Drawer.story.tsx

@@ -14,6 +14,12 @@ export default {
     docs: {
       page: mdx,
     },
+    knobs: {
+      disable: true,
+    },
+    controls: {
+      exclude: ['onClose'],
+    },
   },
   args: {
     closeOnMaskClick: true,

packages/grafana-ui/src/components/Forms/Field.story.tsx

@@ -8,8 +8,9 @@ export default {
   title: 'Forms/Field',
   component: Field,
   argTypes: {
-    children: { control: { disable: true } },
+    label: { control: { type: 'text' } },
-    className: { control: { disable: true } },
+    description: { control: { type: 'text' } },
+    error: { control: { type: 'text' } },
   },
   parameters: {
     docs: {
@@ -18,6 +19,9 @@ export default {
     knobs: {
       disabled: true,
     },
+    controls: {
+      exclude: ['children', 'className'],
+    },
   },
 };
 

packages/grafana-ui/src/components/Forms/Legacy/Input/Input.story.internal.tsx

@@ -12,7 +12,7 @@ export default {
   decorators: [withCenteredStory],
   parameters: {
     controls: {
-      exclude: ['inputRef'],
+      exclude: ['inputRef', 'onBlur', 'onFocus', 'onChange'],
     },
   },
   argTypes: {

packages/grafana-ui/src/components/Forms/Legacy/Select/Select.story.internal.tsx

@@ -30,6 +30,19 @@ export default {
         'defaultValue',
         'loading',
         'aria-label',
+        'noOptionsMessage',
+        'onChange',
+        'onBlur',
+        'onKeyDown',
+        'filterOption',
+        'formatCreateLabel',
+        'getOptionLabel',
+        'getOptionValue',
+        'onCloseMenu',
+        'onCreateOption',
+        'onInputChange',
+        'onOpenMenu',
+        'isOptionDisabled',
       ],
     },
   },

packages/grafana-ui/src/components/Forms/Legacy/Switch/Switch.story.internal.tsx

@@ -8,7 +8,7 @@ export default {
   component: Switch,
   parameters: {
     controls: {
-      exclude: ['className', 'labelClass', 'switchClass'],
+      exclude: ['className', 'labelClass', 'switchClass', 'onChange'],
     },
   },
 } as Meta;

packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.story.tsx

@@ -11,7 +11,7 @@ export default {
       page: mdx,
     },
     controls: {
-      exclude: ['className', 'options', 'value'],
+      exclude: ['className', 'options', 'value', 'onChange'],
     },
   },
   argTypes: {

packages/grafana-ui/src/components/GraphNG/GraphNG.story.internal.tsx

@@ -14,7 +14,7 @@ export default {
   decorators: [withCenteredStory],
   parameters: {
     controls: {
-      exclude: ['className', 'timeRange', 'data', 'legend', 'fields'],
+      exclude: ['className', 'data', 'legend', 'fields', 'structureRev', 'onLegendClick', 'preparePlotFrame'],
     },
   },
   argTypes: {

packages/grafana-ui/src/components/InfoBox/InfoBox.story.tsx

@@ -14,17 +14,17 @@ export default {
     docs: {
       page: mdx,
     },
+    knobs: {
+      disable: true,
+    },
+    controls: {
+      exclude: ['onDismiss', 'children'],
+    },
   },
   argTypes: {
-    onDismiss: { action: 'Dismissed' },
     featureState: {
       control: { type: 'select', options: ['alpha', 'beta', undefined] },
     },
-    children: {
-      table: {
-        disable: true,
-      },
-    },
   },
 };
 

packages/grafana-ui/src/components/Select/Select.story.tsx

@@ -45,6 +45,7 @@ export default {
         'aria-label',
         'noOptionsMessage',
         'menuPosition',
+        'isValidNewOption',
         'value',
       ],
     },