@storybook/react 7.0.0-alpha.8 → 7.0.0-beta.1

package/template/stories/docgen-components/9591-ts-import-types/argTypes.snapshot

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9591-ts-import-types 1`] = `
+Object {
+  "other": Object {
+    "control": Object {
+      "type": "number",
+    },
+    "description": "",
+    "name": "other",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "number",
+      },
+    },
+    "type": Object {
+      "name": "number",
+      "required": false,
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9591-ts-import-types/docgen.snapshot

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9591-ts-import-types 1`] = `
+"import React from 'react';
+const Other = props => /*#__PURE__*/React.createElement(\\"span\\", props, \\"Other\\");
+export const component = Other;
+Other.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Other\\",
+  \\"props\\": {
+    \\"other\\": {
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"number\\"
+      },
+      \\"description\\": \\"\\"
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9591-ts-import-types/input.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { BarProps } from './Bar';
+
+type OtherProps = BarProps & {
+  other?: number;
+};
+
+const Other = (props: OtherProps) => <span {...props}>Other</span>;
+
+export const component = Other;

package/template/stories/docgen-components/9591-ts-import-types/properties.snapshot

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9591-ts-import-types 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "other",
+      "required": false,
+      "sbType": Object {
+        "name": "number",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "number",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9626-js-default-values/argTypes.snapshot

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9626-js-default-values 1`] = `
+Object {
+  "title": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": undefined,
+    "name": "title",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'Beta'",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "unknown",
+      },
+    },
+    "type": Object {
+      "required": false,
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9626-js-default-values/docgen.snapshot

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9626-js-default-values 1`] = `
+"import React from 'react';
+
+// eslint-disable-next-line react/prop-types
+export const Tag = ({
+  title = 'Beta'
+}) => /*#__PURE__*/React.createElement(\\"div\\", null, title);
+export const component = Tag;
+Tag.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Tag\\",
+  \\"props\\": {
+    \\"title\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'Beta'\\",
+        \\"computed\\": false
+      },
+      \\"required\\": false
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9626-js-default-values/input.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+// eslint-disable-next-line react/prop-types
+export const Tag = ({ title = 'Beta' }) => <div>{title}</div>;
+export const component = Tag;

package/template/stories/docgen-components/9626-js-default-values/properties.snapshot

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9626-js-default-values 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'Beta'",
+      },
+      "description": undefined,
+      "name": "title",
+      "required": false,
+      "type": Object {
+        "detail": undefined,
+        "summary": "unknown",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/argTypes.snapshot

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9668-js-proptypes-no-jsdoc 1`] = `
+Object {
+  "heads": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "heads",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "array",
+      },
+    },
+    "type": Object {
+      "name": "array",
+      "required": true,
+      "value": undefined,
+    },
+  },
+  "onAddClick": Object {
+    "description": "",
+    "name": "onAddClick",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "func",
+      },
+    },
+    "type": Object {
+      "name": "function",
+      "required": false,
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9668-js-proptypes-no-jsdoc 1`] = `
+"/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/require-default-props */
+/* eslint-disable react/no-unused-prop-types */
+import React from 'react';
+import PropTypes from 'prop-types';
+const CCTable = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
+CCTable.propTypes = {
+  heads: PropTypes.array.isRequired,
+  onAddClick: PropTypes.func
+};
+export const component = CCTable;
+CCTable.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"CCTable\\",
+  \\"props\\": {
+    \\"heads\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"array\\"
+      },
+      \\"required\\": true
+    },
+    \\"onAddClick\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"func\\"
+      },
+      \\"required\\": false
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx

@@ -0,0 +1,13 @@
+/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/require-default-props */
+/* eslint-disable react/no-unused-prop-types */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const CCTable = (props) => <>{JSON.stringify(props)}</>;
+CCTable.propTypes = {
+  heads: PropTypes.array.isRequired,
+  onAddClick: PropTypes.func,
+};
+
+export const component = CCTable;

package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/properties.snapshot

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9668-js-proptypes-no-jsdoc 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "heads",
+      "required": true,
+      "sbType": Object {
+        "name": "array",
+        "value": undefined,
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "array",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "onAddClick",
+      "required": false,
+      "sbType": Object {
+        "name": "function",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "func",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/argTypes.snapshot

@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9721-ts-deprecated-jsdoc 1`] = `
+Object {
+  "size": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "The size (replaces width)",
+    "name": "size",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "signature",
+      },
+    },
+    "type": Object {
+      "name": "object",
+      "raw": "{ width: number; height: number }",
+      "required": true,
+      "value": Object {
+        "height": Object {
+          "name": "number",
+        },
+        "width": Object {
+          "name": "number",
+        },
+      },
+    },
+  },
+  "width": Object {
+    "control": Object {
+      "type": "number",
+    },
+    "description": "",
+    "name": "width",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "number",
+      },
+    },
+    "type": Object {
+      "name": "number",
+      "required": true,
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/docgen.snapshot

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9721-ts-deprecated-jsdoc 1`] = `
+"import React from 'react';
+const Foo = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
+export const component = Foo;
+Foo.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Foo\\",
+  \\"props\\": {
+    \\"width\\": {
+      \\"required\\": true,
+      \\"tsType\\": {
+        \\"name\\": \\"number\\"
+      },
+      \\"description\\": \\"@deprecated Do not use! Use \`size\` instead!\\\\n\\\\nWidth of foo\\"
+    },
+    \\"size\\": {
+      \\"required\\": true,
+      \\"tsType\\": {
+        \\"name\\": \\"signature\\",
+        \\"type\\": \\"object\\",
+        \\"raw\\": \\"{ width: number; height: number }\\",
+        \\"signature\\": {
+          \\"properties\\": [{
+            \\"key\\": \\"width\\",
+            \\"value\\": {
+              \\"name\\": \\"number\\",
+              \\"required\\": true
+            }
+          }, {
+            \\"key\\": \\"height\\",
+            \\"value\\": {
+              \\"name\\": \\"number\\",
+              \\"required\\": true
+            }
+          }]
+        }
+      },
+      \\"description\\": \\"The size (replaces width)\\"
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/input.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+interface FooProps {
+  /**
+   * @deprecated Do not use! Use `size` instead!
+   *
+   * Width of foo
+   */
+  width: number;
+  /**
+   * The size (replaces width)
+   */
+  size: { width: number; height: number };
+}
+
+const Foo: React.FC<FooProps> = (props: FooProps) => <>{JSON.stringify(props)}</>;
+
+export const component = Foo;

package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/properties.snapshot

@@ -0,0 +1,43 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9721-ts-deprecated-jsdoc 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "width",
+      "required": true,
+      "sbType": Object {
+        "name": "number",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "number",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "The size (replaces width)",
+      "name": "size",
+      "required": true,
+      "sbType": Object {
+        "name": "object",
+        "raw": "{ width: number; height: number }",
+        "value": Object {
+          "height": Object {
+            "name": "number",
+          },
+          "width": Object {
+            "name": "number",
+          },
+        },
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "signature",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9764-ts-extend-props/argTypes.snapshot

@@ -0,0 +1,72 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9764-ts-extend-props 1`] = `
+Object {
+  "checked": Object {
+    "control": Object {
+      "type": "boolean",
+    },
+    "description": "",
+    "name": "checked",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "boolean",
+      },
+    },
+    "type": Object {
+      "name": "boolean",
+      "required": false,
+    },
+  },
+  "defaultChecked": Object {
+    "control": Object {
+      "type": "boolean",
+    },
+    "description": "",
+    "name": "defaultChecked",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "boolean",
+      },
+    },
+    "type": Object {
+      "name": "boolean",
+      "required": false,
+    },
+  },
+  "value": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "The input content value",
+    "name": "value",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "union",
+      },
+    },
+    "type": Object {
+      "name": "union",
+      "raw": "string | number",
+      "required": false,
+      "value": Array [
+        Object {
+          "name": "string",
+        },
+        Object {
+          "name": "number",
+        },
+      ],
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9764-ts-extend-props/docgen.snapshot

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9764-ts-extend-props 1`] = `
+"import React from 'react';
+const Radio = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
+export const component = Radio;
+Radio.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Radio\\",
+  \\"props\\": {
+    \\"value\\": {
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"union\\",
+        \\"raw\\": \\"string | number\\",
+        \\"elements\\": [{
+          \\"name\\": \\"string\\"
+        }, {
+          \\"name\\": \\"number\\"
+        }]
+      },
+      \\"description\\": \\"The input content value\\"
+    },
+    \\"defaultChecked\\": {
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"boolean\\"
+      },
+      \\"description\\": \\"\\"
+    },
+    \\"checked\\": {
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"boolean\\"
+      },
+      \\"description\\": \\"\\"
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9764-ts-extend-props/input.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface InputProps {
+  /**
+   * The input content value
+   */
+  value?: string | number;
+}
+
+interface RadioProps extends InputProps {
+  defaultChecked?: boolean;
+  checked?: boolean;
+}
+
+const Radio: React.FC<RadioProps> = (props: RadioProps) => <>{JSON.stringify(props)}</>;
+
+export const component = Radio;

package/template/stories/docgen-components/9764-ts-extend-props/properties.snapshot

@@ -0,0 +1,56 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9764-ts-extend-props 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": null,
+      "description": "The input content value",
+      "name": "value",
+      "required": false,
+      "sbType": Object {
+        "name": "union",
+        "raw": "string | number",
+        "value": Array [
+          Object {
+            "name": "string",
+          },
+          Object {
+            "name": "number",
+          },
+        ],
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "union",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "defaultChecked",
+      "required": false,
+      "sbType": Object {
+        "name": "boolean",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "boolean",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "checked",
+      "required": false,
+      "sbType": Object {
+        "name": "boolean",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "boolean",
+      },
+    },
+  ],
+}
+`;