@storybook/codemod 0.0.0-pr-23609-sha-f47ef339

package/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.input.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Button from './Button';
+
+const foo = {
+  title: 'Button',
+};
+
+export default foo;
+
+const bar = () => <Button label="Story 1" />;
+bar.story = { name: 'bar bar' };
+
+export const story1 = bar;

package/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.output.snapshot

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`csf-hoist-story-annotations transforms correctly using "variable.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+
+const foo = {
+  title: 'Button',
+};
+
+export default foo;
+
+const bar = () => <Button label=\\"Story 1\\" />;
+bar.story = { name: 'bar bar' };
+
+export const story1 = bar;"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/basic.input.mdx

@@ -0,0 +1,18 @@
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta title='Button' />
+
+<Story name='story1'><Button label='Story 1' /></Story>
+
+<Story name='second story'><Button label='Story 2' onClick={action('click')} /></Story>
+
+<Story name='complex story'><div>
+    <Button label='The Button' onClick={action('onClick')} />
+    <br />
+  </div></Story>
+
+<Story name='w/punctuation'>
+  <Button label='w/punctuation'/>
+</Story>

package/src/transforms/__testfixtures__/mdx-to-csf/basic.output.snapshot

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "basic.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'Button',
+};
+
+export const Story1 = () => <Button label=\\"Story 1\\" />;
+
+Story1.story = {
+  name: 'story1',
+};
+
+export const SecondStory = () => <Button label=\\"Story 2\\" onClick={action('click')} />;
+
+SecondStory.story = {
+  name: 'second story',
+};
+
+export const ComplexStory = () => (
+  <div>
+    <Button label=\\"The Button\\" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+
+ComplexStory.story = {
+  name: 'complex story',
+};
+
+export const WPunctuation = () => <Button label=\\"w/punctuation\\" />;
+
+WPunctuation.story = {
+  name: 'w/punctuation',
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/component-id.input.mdx

@@ -0,0 +1,6 @@
+import Button from './Button';
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta title='Button' id="button-id" />
+
+<Story name='story1'><Button label='Story 1' /></Story>

package/src/transforms/__testfixtures__/mdx-to-csf/component-id.output.snapshot

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "component-id.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Button',
+  id: 'button-id',
+};
+
+export const Story1 = () => <Button label=\\"Story 1\\" />;
+
+Story1.story = {
+  name: 'story1',
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/decorators.input.mdx

@@ -0,0 +1,8 @@
+import Button from './Button';
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta
+  title='Some.Button'
+  decorators={[withKnobs, storyFn => <div className='foo'>{storyFn}</div>]} />
+
+<Story name='with decorator' decorators={[withKnobs]}><Button label='The Button' /></Story>

package/src/transforms/__testfixtures__/mdx-to-csf/decorators.output.snapshot

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "decorators.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Some.Button',
+  decorators: [withKnobs, (storyFn) => <div className=\\"foo\\">{storyFn}</div>],
+};
+
+export const WithDecorator = () => <Button label=\\"The Button\\" />;
+
+WithDecorator.story = {
+  name: 'with decorator',
+  decorators: [withKnobs],
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/exclude-stories.input.mdx

@@ -0,0 +1,19 @@
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta title='Button' />
+
+export const rowData = {
+  col1: 'a',
+  col2: 2,
+};
+
+<Story name='story1'><Button label='Story 1' /></Story>
+
+<Story name='second story'><Button label='Story 2' onClick={action('click')} /></Story>
+
+<Story name='complex story'><div>
+    <Button label='The Button' onClick={action('onClick')} />
+    <br />
+  </div></Story>

package/src/transforms/__testfixtures__/mdx-to-csf/exclude-stories.output.snapshot

@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "exclude-stories.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+export const rowData = {
+  col1: 'a',
+  col2: 2,
+};
+
+export default {
+  title: 'Button',
+  includeStories: ['Story1', 'SecondStory', 'ComplexStory'],
+};
+
+export const Story1 = () => <Button label=\\"Story 1\\" />;
+
+Story1.story = {
+  name: 'story1',
+};
+
+export const SecondStory = () => <Button label=\\"Story 2\\" onClick={action('click')} />;
+
+SecondStory.story = {
+  name: 'second story',
+};
+
+export const ComplexStory = () => (
+  <div>
+    <Button label=\\"The Button\\" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+
+ComplexStory.story = {
+  name: 'complex story',
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/parameters.input.mdx

@@ -0,0 +1,14 @@
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta
+  title='Button'
+  component={Button}
+  parameters={{
+    foo: 1,
+    bar: 2,
+  }} />
+
+<Story name='with kind parameters'><Button label='The Button' /></Story>

package/src/transforms/__testfixtures__/mdx-to-csf/parameters.output.snapshot

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "parameters.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'Button',
+  component: Button,
+
+  parameters: {
+    foo: 1,
+    bar: 2,
+  },
+};
+
+export const WithKindParameters = () => <Button label=\\"The Button\\" />;
+
+WithKindParameters.story = {
+  name: 'with kind parameters',
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/plaintext.input.mdx

@@ -0,0 +1,3 @@
+import { Story, Meta } from '@storybook/addon-docs';
+
+<Story name="plaintext">Plain text</Story>;

package/src/transforms/__testfixtures__/mdx-to-csf/plaintext.output.snapshot

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "plaintext.input.js" data 1`] = `
+"import React from 'react';
+export default {};
+export const Plaintext = () => 'Plain text';
+
+Plaintext.story = {
+  name: 'plaintext',
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/story-function.input.mdx

@@ -0,0 +1,10 @@
+import { Story, Meta } from '@storybook/addon-docs';
+
+<Story name="function" height="100px">
+  {() => {
+    const btn = document.createElement('button');
+    btn.innerHTML = 'Hello Button';
+    btn.addEventListener('click', action('Click'));
+    return btn;
+  }}
+</Story>;

package/src/transforms/__testfixtures__/mdx-to-csf/story-function.output.snapshot

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "story-function.input.js" data 1`] = `
+"import React from 'react';
+export default {};
+
+export const Function = () => {
+  const btn = document.createElement('button');
+  btn.innerHTML = 'Hello Button';
+  btn.addEventListener('click', action('Click'));
+  return btn;
+};
+
+Function.story = {
+  name: 'function',
+  height: '100px',
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/story-parameters.input.mdx

@@ -0,0 +1,18 @@
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta title='Button' />
+
+<Story
+  name='with story parameters'
+  parameters={{
+    header: false,
+    inline: true,
+  }}><Button label='The Button' /></Story>
+
+<Story
+  name='foo'
+  parameters={{
+    bar: 1,
+  }}><Button label='Foo' /></Story>

package/src/transforms/__testfixtures__/mdx-to-csf/story-parameters.output.snapshot

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "story-parameters.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'Button',
+};
+
+export const WithStoryParameters = () => <Button label=\\"The Button\\" />;
+
+WithStoryParameters.story = {
+  name: 'with story parameters',
+
+  parameters: {
+    header: false,
+    inline: true,
+  },
+};
+
+export const Foo = () => <Button label=\\"Foo\\" />;
+
+Foo.story = {
+  name: 'foo',
+
+  parameters: {
+    bar: 1,
+  },
+};"
+`;

package/src/transforms/__testfixtures__/mdx-to-csf/story-refs.input.mdx

@@ -0,0 +1,22 @@
+import { Story, Meta } from '@storybook/addon-docs';
+import { action } from '@storybook/addon-actions';
+import { Button } from '@storybook/react/demo';
+
+<Meta
+  title="Addons|Docs/mdx"
+  component={Button}
+  decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>]}
+  parameters={{ notes: 'component notes' }}
+/>
+
+## Getting into details
+
+<Story name="solo story">
+  <Button onClick={action('clicked')}>solo</Button>
+</Story>
+
+<Source name="hello story" />
+
+## Configurable height
+
+<Story id="basics-button--all-buttons" height="400px" />

package/src/transforms/__testfixtures__/mdx-to-csf/story-refs.output.snapshot

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`mdx-to-csf transforms correctly using "story-refs.input.js" data 1`] = `
+"import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { Button } from '@storybook/react/demo';
+
+export default {
+  title: 'Addons|Docs/mdx',
+  component: Button,
+
+  decorators: [
+    (storyFn) => (
+      <div
+        style={{
+          backgroundColor: 'yellow',
+        }}
+      >
+        {storyFn()}
+      </div>
+    ),
+  ],
+
+  parameters: {
+    notes: 'component notes',
+  },
+};
+
+export const SoloStory = () => <Button onClick={action('clicked')}>solo</Button>;
+
+SoloStory.story = {
+  name: 'solo story',
+};"
+`;

package/src/transforms/__testfixtures__/move-builtin-addons/default.input.js

@@ -0,0 +1,2 @@
+/* eslint-disable */
+import { storyOf, action, linkTo } from '@storybook/react';

package/src/transforms/__testfixtures__/move-builtin-addons/default.output.snapshot

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`move-builtin-addons transforms correctly using "default.input.js" data 1`] = `
+"/* eslint-disable */
+import { storyOf } from '@storybook/react';
+import { linkTo } from '@storybook/addon-links';
+import { action } from '@storybook/addon-actions';"
+`;

package/src/transforms/__testfixtures__/move-builtin-addons/with-no-change.input.js

@@ -0,0 +1,3 @@
+/* eslint-disable */
+import { action } from '@kadira/storybook-addons';
+import { storyOf } from '@storybook/react';

package/src/transforms/__testfixtures__/move-builtin-addons/with-no-change.output.snapshot

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`move-builtin-addons transforms correctly using "with-no-change.input.js" data 1`] = `
+"/* eslint-disable */
+import { action } from '@kadira/storybook-addons';
+import { storyOf } from '@storybook/react';"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/basic.input.js

@@ -0,0 +1,18 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { storiesOf, configure } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+storiesOf('Button', module)
+  .add('story1', () => <Button label="Story 1" />)
+  .add('second story', () => <Button label="Story 2" onClick={action('click')} />)
+  .add('complex story', () => (
+    <div>
+      <Button label="The Button" onClick={action('onClick')} />
+      <br />
+    </div>
+  ))
+  .add('w/punctuation', () => <Button label="Story 2" onClick={action('click')} />)
+  .add('Start Case', () => <Button label="Story 2" onClick={action('click')} />);

package/src/transforms/__testfixtures__/storiesof-to-csf/basic.output.snapshot

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`storiesof-to-csf transforms correctly using "basic.input.js" data 1`] = `
+"/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { configure } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'Button',
+};
+
+export const Story1 = () => <Button label=\\"Story 1\\" />;
+
+Story1.story = {
+  name: 'story1',
+};
+
+export const SecondStory = () => <Button label=\\"Story 2\\" onClick={action('click')} />;
+
+SecondStory.story = {
+  name: 'second story',
+};
+
+export const ComplexStory = () => (
+  <div>
+    <Button label=\\"The Button\\" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+
+ComplexStory.story = {
+  name: 'complex story',
+};
+
+export const WPunctuation = () => <Button label=\\"Story 2\\" onClick={action('click')} />;
+
+WPunctuation.story = {
+  name: 'w/punctuation',
+};
+
+export const StartCase = () => <Button label=\\"Story 2\\" onClick={action('click')} />;"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/collision.input.js

@@ -0,0 +1,11 @@
+export const Foo = 1;
+const Bar = 1;
+const _Bar = 1;
+const Baz = 1;
+const __Baz = 1;
+
+storiesOf('foo', module)
+  .add('foo', () => <button />)
+  .add('bar', () => <button />)
+  .add('_baz', () => <button />)
+  .add('baz', () => <button />);

package/src/transforms/__testfixtures__/storiesof-to-csf/collision.output.snapshot

@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`storiesof-to-csf transforms correctly using "collision.input.js" data 1`] = `
+"export const Foo = 1;
+const Bar = 1;
+const _Bar = 1;
+const Baz = 1;
+const __Baz = 1;
+
+export default {
+  title: 'foo',
+  excludeStories: ['Foo'],
+};
+
+export const _Foo = () => <button />;
+
+_Foo.story = {
+  name: 'foo',
+};
+
+export const __Bar = () => <button />;
+
+__Bar.story = {
+  name: 'bar',
+};
+
+export const _Baz = () => <button />;
+
+_Baz.story = {
+  name: '_baz',
+};
+
+export const ___Baz = () => <button />;
+
+___Baz.story = {
+  name: 'baz',
+};"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/const.input.js

@@ -0,0 +1 @@
+storiesOf('bar', module).add('const', () => <button />);

package/src/transforms/__testfixtures__/storiesof-to-csf/const.output.snapshot

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`storiesof-to-csf transforms correctly using "const.input.js" data 1`] = `
+"export default {
+  title: 'bar',
+};
+
+export const Const = () => <button />;
+
+Const.story = {
+  name: 'const',
+};"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/decorators.input.js

@@ -0,0 +1,9 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+// This isn't a valid story, but it tests the `import { comp } from ...` case
+storiesOf('Some.Button', module)
+  .addDecorator(withKnobs)
+  .addDecorator((storyFn) => <div className="foo">{storyFn}</div>)
+  .add('with decorator', () => <Button label="The Button" />);

package/src/transforms/__testfixtures__/storiesof-to-csf/decorators.output.snapshot

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`storiesof-to-csf transforms correctly using "decorators.input.js" data 1`] = `
+"/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Some.Button',
+  decorators: [withKnobs, (storyFn) => <div className=\\"foo\\">{storyFn}</div>],
+};
+
+export const WithDecorator = () => <Button label=\\"The Button\\" />;
+
+WithDecorator.story = {
+  name: 'with decorator',
+};"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/default.input.js

@@ -0,0 +1,7 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { storiesOf } from '@storybook/react';
+
+storiesOf('Button', module).add('default', () => <Button label="Story 1" />);

package/src/transforms/__testfixtures__/storiesof-to-csf/default.output.snapshot

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`storiesof-to-csf transforms correctly using "default.input.js" data 1`] = `
+"/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Button',
+};
+
+export const Default = () => <Button label=\\"Story 1\\" />;
+
+Default.story = {
+  name: 'default',
+};"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/digit.input.js

@@ -0,0 +1 @@
+storiesOf('bar', module).add('1', () => <button />);

package/src/transforms/__testfixtures__/storiesof-to-csf/digit.output.js

@@ -0,0 +1,5 @@
+export default {
+  title: 'bar',
+};
+
+export const _1 = () => <button />;

package/src/transforms/__testfixtures__/storiesof-to-csf/digit.output.snapshot

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`storiesof-to-csf transforms correctly using "digit.input.js" data 1`] = `
+"export default {
+  title: 'bar',
+};
+
+export const _1 = () => <button />;"
+`;

package/src/transforms/__testfixtures__/storiesof-to-csf/export-destructuring.input.js

@@ -0,0 +1,11 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import ComponentRow from './ComponentRow';
+import * as SpecRowStories from './SpecRow.stories';
+
+export const { actions } = SpecRowStories;
+
+storiesOf('ComponentRow', module).add('pending', () => (
+  <ComponentRow snapshots={snapshots.pending} buildNumber={2} {...actions} />
+));