Grafana-UI: Removes knobs still showing in storybook stories (#35381)

* Grafana-UI: Removes knobs from storybook addons pane

* removed other knobs settings since we are disabling it

* remove the knobs disable config in individual stories

packages/grafana-ui/.storybook/preview.ts

@@ -57,6 +57,6 @@ export const parameters = {
     },
   },
   knobs: {
-    escapeHTML: false,
+    disable: true,
   },
 };

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

@@ -17,9 +17,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
   argTypes: {
     severity: { control: { type: 'select', options: severities } },

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

@@ -9,9 +9,6 @@ export default {
   decorators: [],
   parameters: {
     docs: {},
-    knobs: {
-      disable: true,
-    },
   },
   argTypes: {
     icon: { options: iconOptions, control: { type: 'select' } },

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

@@ -15,9 +15,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: [
         'theme',

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

@@ -21,9 +21,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['value', 'sparkline', 'onClick', 'className', 'alignmentFactors', 'text', 'count', 'theme'],
     },

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

@@ -14,9 +14,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
 } as Meta;
 

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

@@ -9,9 +9,6 @@ export default {
   component: ButtonCascader,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'value', 'fieldNames'],
     },

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

@@ -8,9 +8,6 @@ export default {
   title: 'Layout/CallToActionCard',
   component: CallToActionCard,
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'callToActionElement', 'theme'],
     },

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

@@ -18,9 +18,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['onClick', 'href', 'heading', 'description', 'className'],
     },

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

@@ -39,9 +39,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['placeholder', 'initialValue', 'changeOnSelect'],
     },

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

@@ -13,9 +13,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['size', 'variant', 'icon', 'className', 'fullWidth'],
     },

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

@@ -17,9 +17,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['color', 'onChange', 'onColorChange'],
     },

packages/grafana-ui/src/components/ColorPicker/NamedColorsPalette.story.tsx

@@ -12,9 +12,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['theme', 'color'],
     },

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

@@ -17,9 +17,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className'],
     },

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

@@ -16,9 +16,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: defaultExcludes,
     },

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

@@ -14,9 +14,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
   args: {
     closeOnMaskClick: true,

packages/grafana-ui/src/components/Dropdown/ButtonSelect.story.internal.tsx

@@ -12,9 +12,6 @@ export default {
   component: ButtonSelect,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'options', 'value', 'tooltipContent'],
     },

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

@@ -8,9 +8,6 @@ export default {
   component: FormField,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['inputEl'],
     },

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

@@ -10,9 +10,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className'],
     },

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

@@ -25,9 +25,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
 };
 

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

@@ -11,9 +11,6 @@ export default {
   component: Input,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['inputRef'],
     },

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

@@ -11,9 +11,6 @@ export default {
   component: Select,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: [
         'className',

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

@@ -7,9 +7,6 @@ export default {
   title: 'Forms/Legacy/Switch',
   component: Switch,
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'labelClass', 'switchClass'],
     },

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

@@ -11,9 +11,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['description'],
     },

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

@@ -10,9 +10,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'options', 'value'],
     },

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

@@ -81,9 +81,6 @@ export default {
   component: Graph,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'ariaLabel'],
     },

packages/grafana-ui/src/components/Graph/GraphWithLegend.story.tsx

@@ -11,9 +11,6 @@ export default {
   component: GraphWithLegend,
   decorator: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'ariaLabel', 'legendDisplayMode'],
     },

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

@@ -13,9 +13,6 @@ export default {
   component: TimeSeries,
   decorators: [withCenteredStory],
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'timeRange', 'data', 'legend', 'fields'],
     },

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

@@ -25,9 +25,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['prefix', 'suffix', 'addonBefore', 'addonAfter'],
     },

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

@@ -9,9 +9,6 @@ export default {
   title: 'Layout/List',
   component: List,
   parameters: {
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['renderItem', 'getItemKey', 'className', 'items'],
     },

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

@@ -17,9 +17,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['className', 'contentClassName', 'onDismiss', 'onClickBackdrop'],
     },

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

@@ -13,9 +13,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['currentPage', 'onNavigate'],
     },

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

@@ -14,9 +14,6 @@ export default {
     controls: {
       exclude: ['onReset'],
     },
-    knobs: {
-      disable: true,
-    },
   },
   argTypes: {
     labelWidth: { control: { type: 'range', min: 0, max: 30 } },

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

@@ -19,9 +19,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: [
         'getOptionValue',

packages/grafana-ui/src/components/Slider/RangeSlider.story.tsx

@@ -10,9 +10,6 @@ export default {
     controls: {
       exclude: ['tooltipAlwaysVisible'],
     },
-    knobs: {
-      disable: true,
-    },
   },
   argTypes: {
     isStep: { name: 'step' },

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

@@ -16,9 +16,6 @@ export default {
     controls: {
       exclude: ['className', 'iconClassName', 'style', 'inline'],
     },
-    knobs: {
-      disable: true,
-    },
   },
   argTypes: {
     backgroundColor: { control: { type: 'color' } },

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

@@ -61,9 +61,6 @@ export default {
     controls: {
       exclude: ['onChange', 'stats', 'defaultStat', 'className'],
     },
-    knobs: {
-      disable: true,
-    },
   },
 } as Meta;
 

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

@@ -14,9 +14,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
   args: {
     disabled: false,

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

@@ -27,9 +27,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
   args: {
     width: 700,

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

@@ -14,9 +14,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['onChange', 'className', 'tags'],
     },

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

@@ -15,9 +15,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
   },
   argTypes: {
     containerWidth: { control: { type: 'range', min: 100, max: 500, step: 10 } },

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

@@ -15,9 +15,6 @@ export default {
     docs: {
       page: mdx,
     },
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['onChange', 'options'],
     },

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

@@ -9,9 +9,6 @@ export default {
   decorators: [withCenteredStory],
   parameters: {
     docs: {},
-    knobs: {
-      disable: true,
-    },
     controls: {
       exclude: ['legend'],
     },

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

@@ -11,11 +11,6 @@ export default {
   title: 'Visualizations/VizLegend',
   component: VizLegend,
   decorators: [withCenteredStory],
-  parameters: {
-    knobs: {
-      disable: true,
-    },
-  },
   args: {
     containerWidth: '100%',
     seriesCount: 5,