@storybook/react 7.0.0-alpha.6 → 7.0.0-alpha.61

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';

package/template/stories/docgen-components/js-class-component/argTypes.snapshot

@@ -0,0 +1,386 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties js-class-component 1`] = `
+Object {
+  "arrayOptional": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "arrayOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "['array',    'optional']",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string[]",
+      },
+    },
+    "type": Object {
+      "name": "array",
+      "required": false,
+      "value": Object {
+        "name": "string",
+      },
+    },
+  },
+  "arrayRequired": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "arrayRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string[]",
+      },
+    },
+    "type": Object {
+      "name": "array",
+      "required": true,
+      "value": Object {
+        "name": "string",
+      },
+    },
+  },
+  "booleanOptional": Object {
+    "control": Object {
+      "type": "boolean",
+    },
+    "description": "",
+    "name": "booleanOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "false",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "bool",
+      },
+    },
+    "type": Object {
+      "name": "boolean",
+      "required": false,
+    },
+  },
+  "booleanRequired": Object {
+    "control": Object {
+      "type": "boolean",
+    },
+    "description": "",
+    "name": "booleanRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "bool",
+      },
+    },
+    "type": Object {
+      "name": "boolean",
+      "required": true,
+    },
+  },
+  "dateOptional": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "dateOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "new Date('20 Jan 1983')",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "Date",
+      },
+    },
+    "type": Object {
+      "name": "other",
+      "required": false,
+      "value": "instanceOf(Date)",
+    },
+  },
+  "dateRequired": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "dateRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "Date",
+      },
+    },
+    "type": Object {
+      "name": "other",
+      "required": true,
+      "value": "instanceOf(Date)",
+    },
+  },
+  "functionOptional": Object {
+    "description": "",
+    "name": "functionOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "() => 'foo'",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "func",
+      },
+    },
+    "type": Object {
+      "name": "function",
+      "required": false,
+    },
+  },
+  "functionRequired": Object {
+    "description": "",
+    "name": "functionRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "func",
+      },
+    },
+    "type": Object {
+      "name": "function",
+      "required": true,
+    },
+  },
+  "globalReference": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "globalReference",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "Date",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "any",
+      },
+    },
+    "type": Object {
+      "name": "other",
+      "required": false,
+      "value": "any",
+    },
+  },
+  "importedReference": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "importedReference",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "imported",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": false,
+    },
+  },
+  "localReference": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "localReference",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'local-value'",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": false,
+    },
+  },
+  "numberOptional": Object {
+    "control": Object {
+      "type": "number",
+    },
+    "description": "",
+    "name": "numberOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "1",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "number",
+      },
+    },
+    "type": Object {
+      "name": "number",
+      "required": false,
+    },
+  },
+  "numberRequired": Object {
+    "control": Object {
+      "type": "number",
+    },
+    "description": "",
+    "name": "numberRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "number",
+      },
+    },
+    "type": Object {
+      "name": "number",
+      "required": true,
+    },
+  },
+  "objectOptional": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "objectOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "{ object: 'optional' }",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "{ }",
+      },
+    },
+    "type": Object {
+      "name": "object",
+      "required": false,
+      "value": Object {},
+    },
+  },
+  "objectRequired": Object {
+    "control": Object {
+      "type": "object",
+    },
+    "description": "",
+    "name": "objectRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "{ }",
+      },
+    },
+    "type": Object {
+      "name": "object",
+      "required": true,
+      "value": Object {},
+    },
+  },
+  "stringGlobalName": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "stringGlobalName",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'top'",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": false,
+    },
+  },
+  "stringOptional": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "stringOptional",
+    "table": Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'stringOptional'",
+      },
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": false,
+    },
+  },
+  "stringRequired": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "stringRequired",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": true,
+    },
+  },
+}
+`;