@storybook/react 7.3.2 → 7.4.0-alpha.1

package/template/stories/docgen-components/8894-9511-ts-forward-ref/docgen.snapshot

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8894-9511-ts-forward-ref 1`] = `
-"import React, { forwardRef } from 'react';
-const Button = /*#__PURE__*/forwardRef(function Button({
-  disabled = false,
-  variant = 'small',
-  children
-}, ref) {
-  return /*#__PURE__*/React.createElement(\\"button\\", {
-    type: \\"button\\",
-    disabled: disabled,
-    ref: ref
-  }, children, \\" \\", variant);
-});
-Button.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Button\\",
-  \\"props\\": {
-    \\"disabled\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"false\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false
-    },
-    \\"variant\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'small'\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false
-    }
-  }
-};
-export default Button;
-export const component = Button;"
-`;

package/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx

@@ -1,31 +0,0 @@
-import React, { forwardRef } from 'react';
-
-interface ButtonProps {
-  /**
-   * Sets the button size.
-   */
-  variant?: 'small' | 'large';
-  /**
-   * Disables the button.
-   */
-  disabled?: boolean;
-  /**
-   * Content of the button.
-   */
-  children: React.ReactNode;
-}
-
-const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
-  { disabled = false, variant = 'small', children },
-  ref
-) {
-  return (
-    <button type="button" disabled={disabled} ref={ref}>
-      {children} {variant}
-    </button>
-  );
-});
-
-export default Button;
-
-export const component = Button;

package/template/stories/docgen-components/8894-9511-ts-forward-ref/properties.snapshot

@@ -1,34 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8894-9511-ts-forward-ref 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "false",
-      },
-      "description": undefined,
-      "name": "disabled",
-      "required": false,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'small'",
-      },
-      "description": undefined,
-      "name": "variant",
-      "required": false,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/9023-js-hoc/argTypes.snapshot

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9023-js-hoc 1`] = `
-Object {
-  "classes": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": "",
-    "name": "classes",
-    "table": Object {
-      "defaultValue": null,
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "object",
-      },
-    },
-    "type": Object {
-      "name": "object",
-      "required": true,
-    },
-  },
-  "dismissible": Object {
-    "control": Object {
-      "type": "boolean",
-    },
-    "description": "",
-    "name": "dismissible",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "false",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "bool",
-      },
-    },
-    "type": Object {
-      "name": "boolean",
-      "required": false,
-    },
-  },
-  "icon": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": "",
-    "name": "icon",
-    "table": Object {
-      "defaultValue": null,
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "elementType",
-      },
-    },
-    "type": Object {
-      "name": "other",
-      "required": false,
-      "value": "elementType",
-    },
-  },
-  "variant": Object {
-    "control": Object {
-      "type": "text",
-    },
-    "description": "",
-    "name": "variant",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'primary'",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-    "type": Object {
-      "name": "string",
-      "required": false,
-    },
-  },
-}
-`;

package/template/stories/docgen-components/9023-js-hoc/docgen.snapshot

@@ -1,84 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9023-js-hoc 1`] = `
-"/* eslint-disable react/require-default-props */
-/* eslint-disable react/forbid-prop-types */
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/prefer-stateless-function */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-// deepscan-disable-next-line
-const withStyles = themeFn => Comp => Comp;
-class Alert extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, \\"Alert\\");
-  }
-}
-Alert.propTypes = {
-  variant: PropTypes.string,
-  dismissible: PropTypes.bool,
-  icon: PropTypes.elementType,
-  classes: PropTypes.object.isRequired
-};
-Alert.defaultProps = {
-  variant: 'primary',
-  dismissible: false
-};
-const StyledAlert = withStyles(theme => ({
-  alert: props => ({
-    backgroundColor: theme.palette[props.variant].main
-  }),
-  message: {
-    display: 'flex',
-    alignItems: 'center'
-  },
-  icon: {
-    marginRight: theme.spacing(2)
-  }
-}))(Alert);
-export const component = StyledAlert;
-Alert.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Alert\\",
-  \\"props\\": {
-    \\"variant\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'primary'\\",
-        \\"computed\\": false
-      },
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"string\\"
-      },
-      \\"required\\": false
-    },
-    \\"dismissible\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"false\\",
-        \\"computed\\": false
-      },
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"bool\\"
-      },
-      \\"required\\": false
-    },
-    \\"icon\\": {
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"elementType\\"
-      },
-      \\"required\\": false
-    },
-    \\"classes\\": {
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"object\\"
-      },
-      \\"required\\": true
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/9023-js-hoc/input.jsx

@@ -1,40 +0,0 @@
-/* eslint-disable react/require-default-props */
-/* eslint-disable react/forbid-prop-types */
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/prefer-stateless-function */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-// deepscan-disable-next-line
-const withStyles = (themeFn) => (Comp) => Comp;
-
-class Alert extends React.Component {
-  render() {
-    return <>Alert</>;
-  }
-}
-Alert.propTypes = {
-  variant: PropTypes.string,
-  dismissible: PropTypes.bool,
-  icon: PropTypes.elementType,
-  classes: PropTypes.object.isRequired,
-};
-Alert.defaultProps = {
-  variant: 'primary',
-  dismissible: false,
-};
-
-const StyledAlert = withStyles((theme) => ({
-  alert: (props) => ({
-    backgroundColor: theme.palette[props.variant].main,
-  }),
-  message: {
-    display: 'flex',
-    alignItems: 'center',
-  },
-  icon: {
-    marginRight: theme.spacing(2),
-  },
-}))(Alert);
-
-export const component = StyledAlert;

package/template/stories/docgen-components/9023-js-hoc/properties.snapshot

@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9023-js-hoc 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'primary'",
-      },
-      "description": "",
-      "name": "variant",
-      "required": false,
-      "sbType": Object {
-        "name": "string",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "false",
-      },
-      "description": "",
-      "name": "dismissible",
-      "required": false,
-      "sbType": Object {
-        "name": "boolean",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "bool",
-      },
-    },
-    Object {
-      "defaultValue": null,
-      "description": "",
-      "name": "icon",
-      "required": false,
-      "sbType": Object {
-        "name": "other",
-        "value": "elementType",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "elementType",
-      },
-    },
-    Object {
-      "defaultValue": null,
-      "description": "",
-      "name": "classes",
-      "required": true,
-      "sbType": Object {
-        "name": "object",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "object",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/9399-js-proptypes-shape/argTypes.snapshot

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9399-js-proptypes-shape 1`] = `
-Object {
-  "areas": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": "",
-    "name": "areas",
-    "table": Object {
-      "defaultValue": null,
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": "[object]",
-        "summary": "object[]",
-      },
-    },
-    "type": Object {
-      "name": "array",
-      "required": true,
-      "value": Object {
-        "name": "object",
-        "value": Object {
-          "names": Object {
-            "name": "array",
-            "value": Object {
-              "name": "string",
-            },
-          },
-          "position": Object {
-            "name": "string",
-          },
-        },
-      },
-    },
-  },
-}
-`;

package/template/stories/docgen-components/9399-js-proptypes-shape/docgen.snapshot

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9399-js-proptypes-shape 1`] = `
-"import React from 'react';
-import PropTypes from 'prop-types';
-export const Credits = ({
-  areas
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(areas));
-
-// https://github.com/storybookjs/storybook/issues/9399
-Credits.propTypes = {
-  areas: PropTypes.arrayOf(PropTypes.shape({
-    position: PropTypes.string.isRequired,
-    names: PropTypes.arrayOf(PropTypes.string).isRequired
-  })).isRequired
-};
-export const component = Credits;
-Credits.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Credits\\",
-  \\"props\\": {
-    \\"areas\\": {
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"arrayOf\\",
-        \\"value\\": {
-          \\"name\\": \\"shape\\",
-          \\"value\\": {
-            \\"position\\": {
-              \\"name\\": \\"string\\",
-              \\"required\\": true
-            },
-            \\"names\\": {
-              \\"name\\": \\"arrayOf\\",
-              \\"value\\": {
-                \\"name\\": \\"string\\"
-              },
-              \\"required\\": true
-            }
-          }
-        }
-      },
-      \\"required\\": true
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export const Credits = ({ areas }) => <>{JSON.stringify(areas)}</>;
-
-// https://github.com/storybookjs/storybook/issues/9399
-Credits.propTypes = {
-  areas: PropTypes.arrayOf(
-    PropTypes.shape({
-      position: PropTypes.string.isRequired,
-      names: PropTypes.arrayOf(PropTypes.string).isRequired,
-    })
-  ).isRequired,
-};
-
-export const component = Credits;

package/template/stories/docgen-components/9399-js-proptypes-shape/properties.snapshot

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9399-js-proptypes-shape 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": null,
-      "description": "",
-      "name": "areas",
-      "required": true,
-      "sbType": Object {
-        "name": "array",
-        "value": Object {
-          "name": "object",
-          "value": Object {
-            "names": Object {
-              "name": "array",
-              "value": Object {
-                "name": "string",
-              },
-            },
-            "position": Object {
-              "name": "string",
-            },
-          },
-        },
-      },
-      "type": Object {
-        "detail": "[object]",
-        "summary": "object[]",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/9465-ts-type-props/argTypes.snapshot

@@ -1,28 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9465-ts-type-props 1`] = `
-Object {
-  "disabled": Object {
-    "control": Object {
-      "type": "boolean",
-    },
-    "description": "",
-    "name": "disabled",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "false",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "boolean",
-      },
-    },
-    "type": Object {
-      "name": "boolean",
-      "required": false,
-    },
-  },
-}
-`;

package/template/stories/docgen-components/9465-ts-type-props/docgen.snapshot

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9465-ts-type-props 1`] = `
-"import React from 'react';
-const Component = ({
-  disabled = false,
-  children
-}) =>
-/*#__PURE__*/
-// eslint-disable-next-line react/button-has-type
-React.createElement(\\"button\\", {
-  disabled: disabled
-}, children);
-export const component = Component;
-Component.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Component\\",
-  \\"props\\": {
-    \\"disabled\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"false\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false,
-      \\"tsType\\": {
-        \\"name\\": \\"boolean\\"
-      },
-      \\"description\\": \\"\\"
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/9465-ts-type-props/input.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-type Props = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-  disabled?: boolean;
-};
-
-const Component = ({ disabled = false, children }: Props) => (
-  // eslint-disable-next-line react/button-has-type
-  <button disabled={disabled}>{children}</button>
-);
-
-export const component = Component;

package/template/stories/docgen-components/9465-ts-type-props/properties.snapshot

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9465-ts-type-props 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "false",
-      },
-      "description": "",
-      "name": "disabled",
-      "required": false,
-      "sbType": Object {
-        "name": "boolean",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "boolean",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/9493-ts-display-name/argTypes.snapshot

@@ -1,62 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9493-ts-display-name 1`] = `
-Object {
-  "message": Object {
-    "control": Object {
-      "type": "text",
-    },
-    "description": "A message alerting about Empire activities.",
-    "name": "message",
-    "table": Object {
-      "defaultValue": null,
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-    "type": Object {
-      "name": "string",
-      "required": true,
-    },
-  },
-  "title": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": "A title that brings attention to the alert.",
-    "name": "title",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'Code Yellow'",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "union",
-      },
-    },
-    "type": Object {
-      "name": "union",
-      "raw": "'Code Red' | 'Code Yellow' | 'Code Green'",
-      "required": false,
-      "value": Array [
-        Object {
-          "name": "other",
-          "value": "literal",
-        },
-        Object {
-          "name": "other",
-          "value": "literal",
-        },
-        Object {
-          "name": "other",
-          "value": "literal",
-        },
-      ],
-    },
-  },
-}
-`;