patternfly · priley86 · May 23, 2018 · May 11, 2018
diff --git a/packages/console/src/SerialConsole/SerialConsole.stories.js b/packages/console/src/SerialConsole/SerialConsole.stories.js
@@ -2,13 +2,17 @@ import React from 'react';
 
 import { storiesOf } from '@storybook/react';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
+import { storybookPackageName } from 'storybook/constants/siteConstants';
 
 import { SerialConsole } from './index';
 import { CONNECTED, DISCONNECTED, LOADING } from './constants';
 
 import { name } from '../../package.json';
 
-const stories = storiesOf(`${name}/SerialConsole`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/Serial Console`,
+  module
+);
 stories.addDecorator(
   defaultTemplate({
     title: 'SerialConsole',

diff --git a/packages/console/src/VncConsole/VncConsole.stories.js b/packages/console/src/VncConsole/VncConsole.stories.js
@@ -4,10 +4,11 @@ import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
 import { inlineTemplate } from 'storybook/decorators/storyTemplates';
 import { name } from '../../package.json';
+import { storybookPackageName } from 'storybook/constants/siteConstants';
 
 import VncConsole from './VncConsole';
 
-const stories = storiesOf(`${name}/vncConsole`, module);
+const stories = storiesOf(`${storybookPackageName(name)}/Vnc Console`, module);
 
 stories.add(
   'VncConsole',

diff --git a/packages/core/src/components/AboutModal/AboutModal.stories.js b/packages/core/src/components/AboutModal/AboutModal.stories.js
@@ -4,6 +4,10 @@ import { withInfo } from '@storybook/addon-info';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
 import { name } from '../../../package.json';
 
+import {
+  storybookPackageName,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import {
   AboutModal,
   AboutModalVersions,
@@ -15,7 +19,12 @@ import {
   MockAboutModalSource
 } from './__mocks__/mockAboutModal';
 
-const stories = storiesOf(`${name}/AboutModal`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${
+    STORYBOOK_CATEGORY.COMMUNICATION
+  }/About Modal`,
+  module
+);
 
 stories.addDecorator(
   defaultTemplate({

diff --git a/packages/core/src/components/Alert/Alert.stories.js b/packages/core/src/components/Alert/Alert.stories.js
@@ -4,12 +4,19 @@ import { action } from '@storybook/addon-actions';
 import { withKnobs, text, select } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { ALERT_TYPES } from './AlertConstants';
 import { Alert } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Alert`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.WIDGETS}/Alert`,
+  module
+);
 stories.addDecorator(withKnobs);
 stories.addDecorator(
   defaultTemplate({

diff --git a/packages/core/src/components/Badge/Badge.stories.js b/packages/core/src/components/Badge/Badge.stories.js
@@ -3,11 +3,18 @@ import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
 
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { Badge } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Badges`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.WIDGETS}/Badges`,
+  module
+);
 
 const description = (
   <p>

diff --git a/packages/core/src/components/Breadcrumb/Breadcrumb.stories.js b/packages/core/src/components/Breadcrumb/Breadcrumb.stories.js
@@ -2,11 +2,18 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { Breadcrumb } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Breadcrumb`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.NAVIGATION}/Breadcrumb`,
+  module
+);
 
 const description = (
   <p>

diff --git a/packages/core/src/components/Button/Button.stories.js b/packages/core/src/components/Button/Button.stories.js
@@ -4,13 +4,21 @@ import { withInfo } from '@storybook/addon-info';
 import { action } from '@storybook/addon-actions';
 import { withKnobs, select } from '@storybook/addon-knobs';
 import { inlineTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
+
 import { Grid, Row, Col, MenuItem } from '../../index';
 import { Button, ButtonGroup, DropdownButton, SplitButton } from './index';
 import { BUTTON_BS_STYLES } from './ButtonConstants';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Button`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.WIDGETS}/Button`,
+  module
+);
 
 stories.addDecorator(withKnobs);
 

diff --git a/packages/core/src/components/Cards/Cards.stories.js b/packages/core/src/components/Cards/Cards.stories.js
@@ -1,5 +1,9 @@
 import { storiesOf } from '@storybook/react';
 import { withKnobs } from '@storybook/addon-knobs';
+import {
+  storybookPackageName,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 
 import {
   baseCardAddWithInfo,
@@ -9,10 +13,12 @@ import {
   utilizationCardAddWithInfo,
   utilizationBarCardStory
 } from './Stories/index';
-
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Cards`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.CARDS}`,
+  module
+);
 stories.addDecorator(withKnobs);
 
 baseCardAddWithInfo(stories);

diff --git a/packages/core/src/components/Chart/Chart.stories.js b/packages/core/src/components/Chart/Chart.stories.js
@@ -1,4 +1,9 @@
 import { storiesOf } from '@storybook/react';
+import {
+  storybookPackageName,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
+import { name } from '../../../package.json';
 import {
   areaChart,
   barChart,
@@ -7,9 +12,12 @@ import {
   pieChart
 } from './Stories';
 
-import { name } from '../../../package.json';
-
-const stories = storiesOf(`${name}/Chart`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${
+    STORYBOOK_CATEGORY.DATA_VISUALIZATION
+  }/Charts`,
+  module
+);
 
 /**
  * Chart stories

diff --git a/packages/core/src/components/Chart/Stories/AreaChartStory.js b/packages/core/src/components/Chart/Stories/AreaChartStory.js
@@ -34,7 +34,7 @@ const singleAreaChartData = {
 
 const areaChart = stories => {
   stories.add(
-    'Area Charts',
+    'Area Chart',
     withInfo()(() => {
       const story = (
         <div>

diff --git a/packages/core/src/components/Chart/Stories/BarChartStory.js b/packages/core/src/components/Chart/Stories/BarChartStory.js
@@ -77,7 +77,7 @@ const horizontalBarChartConfigAxis = {
 
 const barChart = stories => {
   stories.add(
-    'Bar Charts',
+    'Bar Chart',
     withInfo()(() => {
       const story = (
         <div>

diff --git a/packages/core/src/components/Chart/Stories/DonutChartStory.js b/packages/core/src/components/Chart/Stories/DonutChartStory.js
@@ -52,7 +52,7 @@ const donutRightConfigTitle = { type: 'total', secondary: 'Animals' };
 
 const donutChart = stories => {
   stories.add(
-    'Donut Charts',
+    'Donut Chart',
     withInfo()(() => {
       const story = (
         <div>

diff --git a/packages/core/src/components/Chart/Stories/LineChartStory.js b/packages/core/src/components/Chart/Stories/LineChartStory.js
@@ -43,7 +43,7 @@ const singleSplineChartConfigData = {
 
 const lineChart = stories => {
   stories.add(
-    'Line Charts',
+    'Line Chart',
     withInfo()(() => {
       const story = (
         <div>

diff --git a/packages/core/src/components/Chart/Stories/PieChartStory.js b/packages/core/src/components/Chart/Stories/PieChartStory.js
@@ -32,7 +32,7 @@ const pieChartRightConfigLegend = {
 
 const pieChart = stories => {
   stories.add(
-    'Pie Charts',
+    'Pie Chart',
     withInfo()(() => {
       const story = (
         <div>

diff --git a/packages/core/src/components/DropdownKebab/DropdownKebab.stories.js b/packages/core/src/components/DropdownKebab/DropdownKebab.stories.js
@@ -3,13 +3,20 @@ import { storiesOf } from '@storybook/react';
 import { withKnobs, boolean } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { Button } from '../Button';
 import { MenuItem } from '../MenuItem';
 import { DropdownKebab } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/DropdownKebab`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.WIDGETS}/Dropdown Kebab`,
+  module
+);
 stories.addDecorator(withKnobs);
 stories.addDecorator(
   defaultTemplate({

diff --git a/packages/core/src/components/EmptyState/EmptyState.stories.js b/packages/core/src/components/EmptyState/EmptyState.stories.js
@@ -3,12 +3,21 @@ import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
 import { action } from '@storybook/addon-actions';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { Button } from '../Button';
 import { EmptyState } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/EmptyState`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${
+    STORYBOOK_CATEGORY.COMMUNICATION
+  }/Empty State`,
+  module
+);
 
 stories.addDecorator(
   defaultTemplate({

diff --git a/packages/core/src/components/FieldLevelHelp/FieldLevelHelp.stories.js b/packages/core/src/components/FieldLevelHelp/FieldLevelHelp.stories.js
@@ -3,11 +3,20 @@ import { storiesOf } from '@storybook/react';
 import { withKnobs, text, select } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { FieldLevelHelp } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/FieldLevelHelp`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${
+    STORYBOOK_CATEGORY.FORMS_AND_CONTROLS
+  }/Help On Forms`,
+  module
+);
 stories.addDecorator(withKnobs);
 stories.addDecorator(
   defaultTemplate({

diff --git a/packages/core/src/components/Filter/Filter.stories.js b/packages/core/src/components/Filter/Filter.stories.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info/dist/index';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import {
   Filter,
   FilterTypeSelector,
@@ -20,7 +24,12 @@ import {
 } from './__mocks__/mockFilterExample';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Filter`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${
+    STORYBOOK_CATEGORY.FORMS_AND_CONTROLS
+  }/Filter`,
+  module
+);
 
 stories.addDecorator(
   defaultTemplate({

diff --git a/packages/core/src/components/Form/Form.stories.js b/packages/core/src/components/Form/Form.stories.js
@@ -6,7 +6,11 @@ import { action } from '@storybook/addon-actions';
 import { withKnobs, boolean } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
 import { inlineTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { Icon } from '../Icon';
 import { Col, Row, Grid } from '../Grid';
 import { Button } from '../Button';
@@ -37,7 +41,12 @@ import { HorizontalFormField } from './Stories/HorizontalFormField';
 import { VerticalFormField } from './Stories/VerticalFormField';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Forms`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${
+    STORYBOOK_CATEGORY.FORMS_AND_CONTROLS
+  }/Forms`,
+  module
+);
 
 stories.addDecorator(withKnobs);
 

diff --git a/packages/core/src/components/Grid/Grid.stories.js b/packages/core/src/components/Grid/Grid.stories.js
@@ -3,11 +3,18 @@ import { storiesOf } from '@storybook/react';
 import { withKnobs, boolean } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
 import { defaultTemplate } from 'storybook/decorators/storyTemplates';
-import { DOCUMENTATION_URL } from 'storybook/constants/siteConstants';
+import {
+  storybookPackageName,
+  DOCUMENTATION_URL,
+  STORYBOOK_CATEGORY
+} from 'storybook/constants/siteConstants';
 import { Grid } from './index';
 import { name } from '../../../package.json';
 
-const stories = storiesOf(`${name}/Grid`, module);
+const stories = storiesOf(
+  `${storybookPackageName(name)}/${STORYBOOK_CATEGORY.LAYOUTS}/Grid`,
+  module
+);
 stories.addDecorator(withKnobs);
 
 const description = (
@@ -43,7 +50,7 @@ stories.addDecorator(
 );
 
 stories.add(
-  'Basic Grid',
+  'Grid',
   withInfo()(() => (
     <Grid fluid={boolean('fluid', true)}>
       <Grid.Row className="show-grid">