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

* 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 (cherry picked from commit 8d9e1d75a5) Co-authored-by: Uchechukwu Obasi <obasiuche62@gmail.com>
2021-06-10 10:42:08 +02:00
parent 1bdd2c54d9
commit 56d51e45ae
44 changed files with 1 additions and 132 deletions
@@ -57,6 +57,6 @@ export const parameters = {
    },
  },
  knobs: {
-    escapeHTML: false,
+    disable: true,
  },
 };
@@ -17,9 +17,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
  argTypes: {
    severity: { control: { type: 'select', options: severities } },
@@ -9,9 +9,6 @@ export default {
  decorators: [],
  parameters: {
    docs: {},
-    knobs: {
-      disable: true,
-    },
  },
  argTypes: {
    icon: { options: iconOptions, control: { type: 'select' } },
@@ -15,9 +15,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: [
        'theme',
@@ -21,9 +21,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['value', 'sparkline', 'onClick', 'className', 'alignmentFactors', 'text', 'count', 'theme'],
    },
@@ -14,9 +14,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
 } as Meta;

@@ -9,9 +9,6 @@ export default {
  component: ButtonCascader,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'value', 'fieldNames'],
    },
@@ -8,9 +8,6 @@ export default {
  title: 'Layout/CallToActionCard',
  component: CallToActionCard,
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'callToActionElement', 'theme'],
    },
@@ -18,9 +18,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['onClick', 'href', 'heading', 'description', 'className'],
    },
@@ -39,9 +39,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['placeholder', 'initialValue', 'changeOnSelect'],
    },
@@ -13,9 +13,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['size', 'variant', 'icon', 'className', 'fullWidth'],
    },
@@ -17,9 +17,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['color', 'onChange', 'onColorChange'],
    },
@@ -12,9 +12,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['theme', 'color'],
    },
@@ -17,9 +17,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className'],
    },
@@ -16,9 +16,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: defaultExcludes,
    },
@@ -14,9 +14,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
  args: {
    closeOnMaskClick: true,
@@ -12,9 +12,6 @@ export default {
  component: ButtonSelect,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'options', 'value', 'tooltipContent'],
    },
@@ -8,9 +8,6 @@ export default {
  component: FormField,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['inputEl'],
    },
@@ -10,9 +10,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className'],
    },
@@ -25,9 +25,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
 };

@@ -11,9 +11,6 @@ export default {
  component: Input,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['inputRef'],
    },
@@ -11,9 +11,6 @@ export default {
  component: Select,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: [
        'className',
@@ -7,9 +7,6 @@ export default {
  title: 'Forms/Legacy/Switch',
  component: Switch,
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'labelClass', 'switchClass'],
    },
@@ -11,9 +11,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['description'],
    },
@@ -10,9 +10,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'options', 'value'],
    },
@@ -81,9 +81,6 @@ export default {
  component: Graph,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'ariaLabel'],
    },
@@ -11,9 +11,6 @@ export default {
  component: GraphWithLegend,
  decorator: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'ariaLabel', 'legendDisplayMode'],
    },
@@ -13,9 +13,6 @@ export default {
  component: TimeSeries,
  decorators: [withCenteredStory],
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'timeRange', 'data', 'legend', 'fields'],
    },
@@ -25,9 +25,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['prefix', 'suffix', 'addonBefore', 'addonAfter'],
    },
@@ -9,9 +9,6 @@ export default {
  title: 'Layout/List',
  component: List,
  parameters: {
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['renderItem', 'getItemKey', 'className', 'items'],
    },
@@ -17,9 +17,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['className', 'contentClassName', 'onDismiss', 'onClickBackdrop'],
    },
@@ -13,9 +13,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['currentPage', 'onNavigate'],
    },
@@ -14,9 +14,6 @@ export default {
    controls: {
      exclude: ['onReset'],
    },
-    knobs: {
-      disable: true,
-    },
  },
  argTypes: {
    labelWidth: { control: { type: 'range', min: 0, max: 30 } },
@@ -19,9 +19,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: [
        'getOptionValue',
@@ -10,9 +10,6 @@ export default {
    controls: {
      exclude: ['tooltipAlwaysVisible'],
    },
-    knobs: {
-      disable: true,
-    },
  },
  argTypes: {
    isStep: { name: 'step' },
@@ -16,9 +16,6 @@ export default {
    controls: {
      exclude: ['className', 'iconClassName', 'style', 'inline'],
    },
-    knobs: {
-      disable: true,
-    },
  },
  argTypes: {
    backgroundColor: { control: { type: 'color' } },
@@ -61,9 +61,6 @@ export default {
    controls: {
      exclude: ['onChange', 'stats', 'defaultStat', 'className'],
    },
-    knobs: {
-      disable: true,
-    },
  },
 } as Meta;

@@ -14,9 +14,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
  args: {
    disabled: false,
@@ -27,9 +27,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
  args: {
    width: 700,
@@ -14,9 +14,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['onChange', 'className', 'tags'],
    },
@@ -15,9 +15,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
  },
  argTypes: {
    containerWidth: { control: { type: 'range', min: 100, max: 500, step: 10 } },
@@ -15,9 +15,6 @@ export default {
    docs: {
      page: mdx,
    },
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['onChange', 'options'],
    },
@@ -9,9 +9,6 @@ export default {
  decorators: [withCenteredStory],
  parameters: {
    docs: {},
-    knobs: {
-      disable: true,
-    },
    controls: {
      exclude: ['legend'],
    },
@@ -11,11 +11,6 @@ export default {
  title: 'Visualizations/VizLegend',
  component: VizLegend,
  decorators: [withCenteredStory],
-  parameters: {
-    knobs: {
-      disable: true,
-    },
-  },
  args: {
    containerWidth: '100%',
    seriesCount: 5,