@storybook/react 7.0.0-alpha.5 → 7.0.0-alpha.50

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",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9827-ts-default-values/argTypes.snapshot

@@ -0,0 +1,72 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9827-ts-default-values 1`] = `
+Object {
+  "bar": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "bar",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "Array",
+      },
+    },
+    "type": Object {
+      "name": "array",
+      "raw": "string[]",
+      "required": false,
+      "value": Array [
+        Object {
+          "name": "string",
+        },
+      ],
+    },
+  },
+  "foo": Object {
+    "control": Object {
+      "type": "boolean",
+    },
+    "description": "",
+    "name": "foo",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "boolean",
+      },
+    },
+    "type": Object {
+      "name": "boolean",
+      "required": true,
+    },
+  },
+  "title": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "title",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'this is the default :)'",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": false,
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9827-ts-default-values/docgen.snapshot

@@ -0,0 +1,52 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9827-ts-default-values 1`] = `
+"import React from 'react';
+const Hello = ({
+  title
+}) => {
+  return /*#__PURE__*/React.createElement(\\"div\\", {
+    className: \\"hello\\"
+  }, \\"Hello Component \\", title);
+};
+Hello.defaultProps = {
+  title: 'this is the default :)'
+};
+export const component = Hello;
+Hello.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Hello\\",
+  \\"props\\": {
+    \\"title\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'this is the default :)'\\",
+        \\"computed\\": false
+      },
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"description\\": \\"\\"
+    },
+    \\"foo\\": {
+      \\"required\\": true,
+      \\"tsType\\": {
+        \\"name\\": \\"boolean\\"
+      },
+      \\"description\\": \\"\\"
+    },
+    \\"bar\\": {
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"Array\\",
+        \\"elements\\": [{
+          \\"name\\": \\"string\\"
+        }],
+        \\"raw\\": \\"string[]\\"
+      },
+      \\"description\\": \\"\\"
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9827-ts-default-values/input.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+export interface HelloProps {
+  title: string;
+  foo: boolean;
+  bar?: string[];
+}
+
+const Hello = ({ title }: HelloProps) => {
+  return <div className="hello">Hello Component {title}</div>;
+};
+
+Hello.defaultProps = {
+  title: 'this is the default :)',
+};
+
+export const component = Hello;

package/template/stories/docgen-components/9827-ts-default-values/properties.snapshot

@@ -0,0 +1,56 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9827-ts-default-values 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'this is the default :)'",
+      },
+      "description": "",
+      "name": "title",
+      "required": false,
+      "sbType": Object {
+        "name": "string",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "foo",
+      "required": true,
+      "sbType": Object {
+        "name": "boolean",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "boolean",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "bar",
+      "required": false,
+      "sbType": Object {
+        "name": "array",
+        "raw": "string[]",
+        "value": Array [
+          Object {
+            "name": "string",
+          },
+        ],
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "Array",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9832-ts-enum-export/argTypes.snapshot

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9832-ts-enum-export 1`] = `Object {}`;

package/template/stories/docgen-components/9832-ts-enum-export/docgen.snapshot

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9832-ts-enum-export 1`] = `
+"import React from 'react';
+export let EnumWithExtraProps;
+(function (EnumWithExtraProps) {
+  EnumWithExtraProps[\\"key1\\"] = \\"key1\\";
+  EnumWithExtraProps[\\"key2\\"] = \\"key2\\";
+})(EnumWithExtraProps || (EnumWithExtraProps = {}));
+export const component = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"hello\\");
+component.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"component\\"
+};"
+`;

package/template/stories/docgen-components/9832-ts-enum-export/input.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export enum EnumWithExtraProps {
+  key1 = 'key1',
+  key2 = 'key2',
+}
+
+export const component = () => <div>hello</div>;

package/template/stories/docgen-components/9832-ts-enum-export/properties.snapshot

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9832-ts-enum-export 1`] = `
+Object {
+  "rows": Array [],
+}
+`;

package/template/stories/docgen-components/9922-ts-component-props/argTypes.snapshot

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

package/template/stories/docgen-components/9922-ts-component-props/docgen.snapshot

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9922-ts-component-props 1`] = `
+"import React from 'react';
+const Button = ({
+  children,
+  onClick
+}) => /*#__PURE__*/React.createElement(\\"button\\", {
+  onClick: onClick,
+  type: \\"button\\"
+}, children);
+const WrappedButton = ({
+  spacing,
+  ...buttonProps
+}) => /*#__PURE__*/React.createElement(\\"div\\", {
+  style: {
+    padding: spacing
+  }
+}, /*#__PURE__*/React.createElement(Button, buttonProps));
+export const component = WrappedButton;
+WrappedButton.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"WrappedButton\\",
+  \\"props\\": {
+    \\"spacing\\": {
+      \\"required\\": true,
+      \\"tsType\\": {
+        \\"name\\": \\"number\\"
+      },
+      \\"description\\": \\"\\"
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9922-ts-component-props/input.tsx

@@ -0,0 +1,24 @@
+import type { FC, ComponentProps, HTMLAttributes } from 'react';
+import React from 'react';
+
+type Props = Pick<HTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+  children: React.ReactNode;
+};
+
+const Button: FC<Props> = ({ children, onClick }) => (
+  <button onClick={onClick} type="button">
+    {children}
+  </button>
+);
+
+type WrappedProps = {
+  spacing: number;
+} & ComponentProps<typeof Button>;
+
+const WrappedButton: FC<WrappedProps> = ({ spacing, ...buttonProps }: WrappedProps) => (
+  <div style={{ padding: spacing }}>
+    <Button {...buttonProps} />
+  </div>
+);
+
+export const component = WrappedButton;

package/template/stories/docgen-components/9922-ts-component-props/properties.snapshot

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

package/template/stories/docgen-components/imported.js

@@ -0,0 +1 @@
+export const imported = 'imported-value';