@storybook/react 7.0.0-alpha.7 → 7.0.0-beta.0

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

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

@@ -0,0 +1,252 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties js-class-component 1`] = `
+"import React from 'react';
+import PropTypes from 'prop-types';
+import { imported } from '../imported';
+const local = 'local-value';
+/**
+ * A component that renders its props
+ */
+// eslint-disable-next-line react/prefer-stateless-function
+
+class PropsWriter extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(\\"pre\\", null, JSON.stringify(this.props));
+  }
+
+}
+
+PropsWriter.propTypes = {
+  numberRequired: PropTypes.number.isRequired,
+  numberOptional: PropTypes.number,
+  stringRequired: PropTypes.string.isRequired,
+  stringOptional: PropTypes.string,
+  booleanRequired: PropTypes.bool.isRequired,
+  booleanOptional: PropTypes.bool,
+  arrayRequired: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
+  arrayOptional: PropTypes.arrayOf(PropTypes.string.isRequired),
+  objectRequired: PropTypes.shape({}).isRequired,
+  objectOptional: PropTypes.shape({}),
+  functionRequired: PropTypes.func.isRequired,
+  functionOptional: PropTypes.func,
+  dateRequired: PropTypes.instanceOf(Date).isRequired,
+  dateOptional: PropTypes.instanceOf(Date),
+  localReference: PropTypes.string,
+  importedReference: PropTypes.string,
+  globalReference: PropTypes.any,
+  stringGlobalName: PropTypes.string
+};
+PropsWriter.defaultProps = {
+  numberOptional: 1,
+  stringOptional: 'stringOptional',
+  booleanOptional: false,
+  arrayOptional: ['array', 'optional'],
+  objectOptional: {
+    object: 'optional'
+  },
+  functionOptional: () => 'foo',
+  dateOptional: new Date('20 Jan 1983'),
+  localReference: local,
+  importedReference: imported,
+  globalReference: Date,
+  stringGlobalName: 'top',
+  // eslint-disable-next-line react/default-props-match-prop-types
+  stringNoPropType: 'stringNoPropType'
+};
+export const component = PropsWriter;
+PropsWriter.__docgenInfo = {
+  \\"description\\": \\"A component that renders its props\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"PropsWriter\\",
+  \\"props\\": {
+    \\"numberOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"1\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"number\\"
+      },
+      \\"required\\": false
+    },
+    \\"stringOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'stringOptional'\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": false
+    },
+    \\"booleanOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"false\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"bool\\"
+      },
+      \\"required\\": false
+    },
+    \\"arrayOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"['array', 'optional']\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"arrayOf\\",
+        \\"value\\": {
+          \\"name\\": \\"string\\"
+        }
+      },
+      \\"required\\": false
+    },
+    \\"objectOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"{ object: 'optional' }\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"shape\\",
+        \\"value\\": {}
+      },
+      \\"required\\": false
+    },
+    \\"functionOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"() => 'foo'\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"func\\"
+      },
+      \\"required\\": false
+    },
+    \\"dateOptional\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"new Date('20 Jan 1983')\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"instanceOf\\",
+        \\"value\\": \\"Date\\"
+      },
+      \\"required\\": false
+    },
+    \\"localReference\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'local-value'\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": false
+    },
+    \\"importedReference\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"imported\\",
+        \\"computed\\": true
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": false
+    },
+    \\"globalReference\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"Date\\",
+        \\"computed\\": true
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"any\\"
+      },
+      \\"required\\": false
+    },
+    \\"stringGlobalName\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'top'\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": false
+    },
+    \\"stringNoPropType\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'stringNoPropType'\\",
+        \\"computed\\": false
+      },
+      \\"required\\": false
+    },
+    \\"numberRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"number\\"
+      },
+      \\"required\\": true
+    },
+    \\"stringRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": true
+    },
+    \\"booleanRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"bool\\"
+      },
+      \\"required\\": true
+    },
+    \\"arrayRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"arrayOf\\",
+        \\"value\\": {
+          \\"name\\": \\"string\\"
+        }
+      },
+      \\"required\\": true
+    },
+    \\"objectRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"shape\\",
+        \\"value\\": {}
+      },
+      \\"required\\": true
+    },
+    \\"functionRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"func\\"
+      },
+      \\"required\\": true
+    },
+    \\"dateRequired\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"instanceOf\\",
+        \\"value\\": \\"Date\\"
+      },
+      \\"required\\": true
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/js-class-component/input.jsx

@@ -0,0 +1,57 @@
+/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/no-unused-prop-types */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { imported } from '../imported';
+
+const local = 'local-value';
+
+/**
+ * A component that renders its props
+ */
+// eslint-disable-next-line react/prefer-stateless-function
+class PropsWriter extends React.Component {
+  render() {
+    return <pre>{JSON.stringify(this.props)}</pre>;
+  }
+}
+
+PropsWriter.propTypes = {
+  numberRequired: PropTypes.number.isRequired,
+  numberOptional: PropTypes.number,
+  stringRequired: PropTypes.string.isRequired,
+  stringOptional: PropTypes.string,
+  booleanRequired: PropTypes.bool.isRequired,
+  booleanOptional: PropTypes.bool,
+  arrayRequired: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
+  arrayOptional: PropTypes.arrayOf(PropTypes.string.isRequired),
+  objectRequired: PropTypes.shape({}).isRequired,
+  objectOptional: PropTypes.shape({}),
+  functionRequired: PropTypes.func.isRequired,
+  functionOptional: PropTypes.func,
+  dateRequired: PropTypes.instanceOf(Date).isRequired,
+  dateOptional: PropTypes.instanceOf(Date),
+  localReference: PropTypes.string,
+  importedReference: PropTypes.string,
+  globalReference: PropTypes.any,
+  stringGlobalName: PropTypes.string,
+};
+
+PropsWriter.defaultProps = {
+  numberOptional: 1,
+  stringOptional: 'stringOptional',
+  booleanOptional: false,
+  arrayOptional: ['array', 'optional'],
+  objectOptional: { object: 'optional' },
+  functionOptional: () => 'foo',
+  dateOptional: new Date('20 Jan 1983'),
+  localReference: local,
+  importedReference: imported,
+  globalReference: Date,
+  stringGlobalName: 'top',
+  // eslint-disable-next-line react/default-props-match-prop-types
+  stringNoPropType: 'stringNoPropType',
+};
+
+export const component = PropsWriter;