FIX snapshots

addons/docs/src/frameworks/react/__testfixtures__/10017-ts-union/docgen.snapshot

@@ -6,7 +6,7 @@ exports[`react component properties 10017-ts-union 1`] = `
 const Avatar = ({
   icon
 }) => {
-  return React.createElement(\\"div\\", {
+  return /*#__PURE__*/React.createElement(\\"div\\", {
     className: \\"hello\\"
   }, \\"Hello Component \\", icon);
 };

addons/docs/src/frameworks/react/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot

@@ -7,7 +7,7 @@ exports[`react component properties 8140-js-prop-types-oneof 1`] = `
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Alert = props => React.createElement(React.Fragment, null, JSON.stringify(props));
+const Alert = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
 
 Alert.defaultProps = {
   mode: 'static',

addons/docs/src/frameworks/react/__testfixtures__/8143-ts-imported-types/docgen.snapshot

@@ -2,7 +2,7 @@
 
 exports[`react component properties 8143-ts-imported-types 1`] = `
 "import React from 'react';
-export const FooComponent = foo => React.createElement(React.Fragment, null, JSON.stringify(foo));
+export const FooComponent = foo => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(foo));
 export const component = FooComponent;
 FooComponent.__docgenInfo = {
   \\"description\\": \\"\\",

addons/docs/src/frameworks/react/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot

@@ -5,7 +5,7 @@ exports[`react component properties 8143-ts-react-fc-generics 1`] = `
 export const Text = ({
   padding = '0',
   margin
-}) => React.createElement(React.Fragment, null, \\"Text\\");
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, \\"Text\\");
 export const component = Text;
 Text.__docgenInfo = {
   \\"description\\": \\"\\",

addons/docs/src/frameworks/react/__testfixtures__/8428-js-static-prop-types/docgen.snapshot

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types'; // eslint-disable-next-line react/prefer-sta
 
 export default class Test extends React.Component {
   render() {
-    return React.createElement(\\"div\\", null, \\"test\\");
+    return /*#__PURE__*/React.createElement(\\"div\\", null, \\"test\\");
   }
 
 }

addons/docs/src/frameworks/react/__testfixtures__/8663-js-styled-components/docgen.snapshot

@@ -10,7 +10,7 @@ const Box = styled.div\`
 Box.propTypes = {
   bg: PropTypes.string
 };
-export const MyBox = props => React.createElement(Box, props);
+export const MyBox = props => /*#__PURE__*/React.createElement(Box, props);
 MyBox.propTypes = {
   // eslint-disable-next-line react/require-default-props
   bg: PropTypes.string

addons/docs/src/frameworks/react/__testfixtures__/8740-ts-multi-props/docgen.snapshot

@@ -5,13 +5,13 @@ exports[`react component properties 8740-ts-multi-props 1`] = `
 export const Header = ({
   size = 'a',
   children
-}) => React.createElement(\\"div\\", {
+}) => /*#__PURE__*/React.createElement(\\"div\\", {
   className: size
 }, children);
 export const Paragraph = ({
   size,
   children
-}) => React.createElement(\\"div\\", {
+}) => /*#__PURE__*/React.createElement(\\"div\\", {
   className: size
 }, children);
 Paragraph.defaultProps = {

addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot

@@ -6,7 +6,9 @@ const Button = forwardRef(({
   disabled = false,
   variant = 'small',
   children
-}, ref) => // eslint-disable-next-line react/button-has-type
+}, ref) =>
+/*#__PURE__*/
+// eslint-disable-next-line react/button-has-type
 React.createElement(\\"button\\", {
   disabled: disabled,
   ref: ref

addons/docs/src/frameworks/react/__testfixtures__/9023-js-hoc/docgen.snapshot

@@ -15,7 +15,7 @@ const withStyles = themeFn => Comp => Comp;
 
 class Alert extends React.Component {
   render() {
-    return React.createElement(React.Fragment, null, \\"Alert\\");
+    return /*#__PURE__*/React.createElement(React.Fragment, null, \\"Alert\\");
   }
 
 }

addons/docs/src/frameworks/react/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot

@@ -5,7 +5,7 @@ exports[`react component properties 9399-js-proptypes-shape 1`] = `
 import PropTypes from 'prop-types';
 export const Credits = ({
   areas
-}) => React.createElement(React.Fragment, null, JSON.stringify(areas)); // https://github.com/storybookjs/storybook/issues/9399
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(areas)); // https://github.com/storybookjs/storybook/issues/9399
 
 Credits.propTypes = {
   areas: PropTypes.arrayOf(PropTypes.shape({

addons/docs/src/frameworks/react/__testfixtures__/9465-ts-type-props/docgen.snapshot

@@ -6,7 +6,9 @@ exports[`react component properties 9465-ts-type-props 1`] = `
 const Component = ({
   disabled = false,
   children
-}) => // eslint-disable-next-line react/button-has-type
+}) =>
+/*#__PURE__*/
+// eslint-disable-next-line react/button-has-type
 React.createElement(\\"button\\", {
   disabled: disabled
 }, children);

addons/docs/src/frameworks/react/__testfixtures__/9493-ts-display-name/docgen.snapshot

@@ -17,7 +17,7 @@ const Wrapper = styled('div')(({
 export const EmpireAlert = ({
   title = 'Code Yellow',
   message
-}) => React.createElement(Wrapper, null, React.createElement(\\"h1\\", null, title), React.createElement(\\"p\\", null, message));
+}) => /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(\\"h1\\", null, title), /*#__PURE__*/React.createElement(\\"p\\", null, message));
 EmpireAlert.displayName = 'SomeOtherDisplayName';
 export const component = EmpireAlert;
 EmpireAlert.__docgenInfo = {

addons/docs/src/frameworks/react/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot

@@ -8,7 +8,7 @@ import React from 'react';
 export const Button = ({
   isDisabled = false,
   ...props
-}) => React.createElement(\\"button\\", _extends({
+}) => /*#__PURE__*/React.createElement(\\"button\\", _extends({
   disabled: isDisabled
 }, props));
 export const component = Button;

addons/docs/src/frameworks/react/__testfixtures__/9575-ts-camel-case/docgen.snapshot

@@ -5,7 +5,7 @@ exports[`react component properties 9575-ts-camel-case 1`] = `
 import React from 'react';
 
 const iconButton = function IconButton(props) {
-  return React.createElement(\\"div\\", {
+  return /*#__PURE__*/React.createElement(\\"div\\", {
     className: \\"icon-button\\"
   }, \\"icon-button\\");
 };

addons/docs/src/frameworks/react/__testfixtures__/9586-js-react-memo/docgen.snapshot

@@ -9,7 +9,7 @@ function Button({
   onClick
 }) {
   // eslint-disable-next-line react/button-has-type
-  return React.createElement(\\"button\\", {
+  return /*#__PURE__*/React.createElement(\\"button\\", {
     onClick: onClick
   }, label);
 }

addons/docs/src/frameworks/react/__testfixtures__/9591-ts-import-types/docgen.snapshot

@@ -3,7 +3,7 @@
 exports[`react component properties 9591-ts-import-types 1`] = `
 "import React from 'react';
 
-const Other = props => React.createElement(\\"span\\", props, \\"Other\\");
+const Other = props => /*#__PURE__*/React.createElement(\\"span\\", props, \\"Other\\");
 
 export const component = Other;
 Other.__docgenInfo = {

addons/docs/src/frameworks/react/__testfixtures__/9592-ts-styled-props/docgen.snapshot

@@ -10,7 +10,7 @@ const StyledHello = styled.div\`
 const Hello = ({
   title
 }) => {
-  return React.createElement(StyledHello, {
+  return /*#__PURE__*/React.createElement(StyledHello, {
     className: \\"hello\\"
   }, \\"Hello Component \\", title);
 };

addons/docs/src/frameworks/react/__testfixtures__/9626-js-default-values/docgen.snapshot

@@ -5,7 +5,7 @@ exports[`react component properties 9626-js-default-values 1`] = `
 
 export const Tag = ({
   title = 'Beta'
-}) => React.createElement(\\"div\\", null, title);
+}) => /*#__PURE__*/React.createElement(\\"div\\", null, title);
 export const component = Tag;
 Tag.__docgenInfo = {
   \\"description\\": \\"\\",

addons/docs/src/frameworks/react/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot

@@ -9,7 +9,7 @@ exports[`react component properties 9668-js-proptypes-no-jsdoc 1`] = `
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CCTable = props => React.createElement(React.Fragment, null, JSON.stringify(props));
+const CCTable = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
 
 CCTable.propTypes = {
   heads: PropTypes.array.isRequired,

addons/docs/src/frameworks/react/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot

@@ -3,7 +3,7 @@
 exports[`react component properties 9721-ts-deprecated-jsdoc 1`] = `
 "import React from 'react';
 
-const Foo = props => React.createElement(React.Fragment, null, JSON.stringify(props));
+const Foo = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
 
 export const component = Foo;
 Foo.__docgenInfo = {

addons/docs/src/frameworks/react/__testfixtures__/9764-ts-extend-props/docgen.snapshot

@@ -3,7 +3,7 @@
 exports[`react component properties 9764-ts-extend-props 1`] = `
 "import React from 'react';
 
-const Radio = props => React.createElement(React.Fragment, null, JSON.stringify(props));
+const Radio = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
 
 export const component = Radio;
 Radio.__docgenInfo = {

addons/docs/src/frameworks/react/__testfixtures__/9827-ts-default-values/docgen.snapshot

@@ -6,7 +6,7 @@ exports[`react component properties 9827-ts-default-values 1`] = `
 const Hello = ({
   title
 }) => {
-  return React.createElement(\\"div\\", {
+  return /*#__PURE__*/React.createElement(\\"div\\", {
     className: \\"hello\\"
   }, \\"Hello Component \\", title);
 };

addons/docs/src/frameworks/react/__testfixtures__/9832-ts-enum-export/docgen.snapshot

@@ -9,7 +9,7 @@ export let EnumWithExtraProps;
   EnumWithExtraProps[\\"key2\\"] = \\"key2\\";
 })(EnumWithExtraProps || (EnumWithExtraProps = {}));
 
-export const component = () => React.createElement(\\"div\\", null, \\"hello\\");
+export const component = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"hello\\");
 component.__docgenInfo = {
   \\"description\\": \\"\\",
   \\"methods\\": [],

addons/docs/src/frameworks/react/__testfixtures__/9922-ts-component-props/docgen.snapshot

@@ -6,19 +6,19 @@ exports[`react component properties 9922-ts-component-props 1`] = `
 const Button = ({
   children,
   onClick
-}) => React.createElement(\\"button\\", {
+}) => /*#__PURE__*/React.createElement(\\"button\\", {
   onClick: onClick,
   type: \\"button\\"
 }, children);
 
 const WrappedButton = ({
   spacing,
   ...buttonProps
-}) => React.createElement(\\"div\\", {
+}) => /*#__PURE__*/React.createElement(\\"div\\", {
   style: {
     padding: spacing
   }
-}, React.createElement(Button, buttonProps));
+}, /*#__PURE__*/React.createElement(Button, buttonProps));
 
 export const component = WrappedButton;
 WrappedButton.__docgenInfo = {

addons/docs/src/frameworks/react/__testfixtures__/js-class-component/docgen.snapshot

@@ -13,7 +13,7 @@ class ErrorBox extends React.Component {
     const {
       children
     } = this.props;
-    return React.createElement(\\"div\\", {
+    return /*#__PURE__*/React.createElement(\\"div\\", {
       className: \\"error-box\\"
     }, children);
   }

addons/docs/src/frameworks/react/__testfixtures__/ts-function-component/docgen.snapshot

@@ -8,7 +8,7 @@ exports[`react component properties ts-function-component 1`] = `
  */
 export const Button = ({
   onClick
-}) => React.createElement(\\"button\\", {
+}) => /*#__PURE__*/React.createElement(\\"button\\", {
   onClick: onClick,
   type: \\"button\\"
 }, \\"hello\\");

addons/docs/src/mdx/__testfixtures__/component-id.output.snapshot

@@ -7,7 +7,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 import { Story, Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/decorators.output.snapshot

@@ -7,7 +7,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 import { Story, Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +
@@ -25,7 +25,7 @@ function MDXContent({ components, ...props }) {
       <Meta
         title=\\"Button\\"
         decorators={[
-          storyFn => (
+          (storyFn) => (
             <div
               style={{
                 backgroundColor: 'yellow',
@@ -40,7 +40,7 @@ function MDXContent({ components, ...props }) {
       <h1>{\`Decorated story\`}</h1>
       <Story
         name=\\"one\\"
-        decorators={[storyFn => <div className=\\"local\\">{storyFn()}</div>]}
+        decorators={[(storyFn) => <div className=\\"local\\">{storyFn()}</div>]}
         mdxType=\\"Story\\"
       >
         <Button mdxType=\\"Button\\">One</Button>
@@ -55,12 +55,12 @@ export const one = () => <Button>One</Button>;
 one.story = {};
 one.story.name = 'one';
 one.story.parameters = { storySource: { source: '<Button>One</Button>' } };
-one.story.decorators = [storyFn => <div className=\\"local\\">{storyFn()}</div>];
+one.story.decorators = [(storyFn) => <div className=\\"local\\">{storyFn()}</div>];
 
 const componentMeta = {
   title: 'Button',
   decorators: [
-    storyFn => (
+    (storyFn) => (
       <div
         style={{
           backgroundColor: 'yellow',

addons/docs/src/mdx/__testfixtures__/docs-only.output.snapshot

@@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/meta-quotes-in-title.output.snapshot

@@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/non-story-exports.output.snapshot

@@ -7,7 +7,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 import { Story, Meta } from '@storybook/addon-docs/blocks';
 export const two = 2;
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/parameters.output.snapshot

@@ -7,7 +7,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 import { Story, Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/previews.output.snapshot

@@ -7,7 +7,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 import { Preview, Story, Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/story-current.output.snapshot

@@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Story } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/story-def-text-only.output.snapshot

@@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Story, Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/story-definitions.output.snapshot

@@ -7,7 +7,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 import { Story, Meta } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/story-function-var.output.snapshot

@@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 export const basicFn = () => <Button mdxType=\\"Button\\" />;
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +

addons/docs/src/mdx/__testfixtures__/story-function.output.snapshot

@@ -4,7 +4,7 @@ exports[`docs-mdx-compiler-plugin story-function.mdx 1`] = `
 "/* @jsx mdx */
 import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
-const makeShortcode = name =>
+const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
       'Component ' +