@storybook/react 7.0.0-alpha.46 → 7.0.0-alpha.48

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

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

package/template/stories/docgen-components/9556-ts-react-default-exports/argTypes.snapshot

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9556-ts-react-default-exports 1`] = `
+Object {
+  "isDisabled": Object {
+    "control": Object {
+      "type": "boolean",
+    },
+    "description": "",
+    "name": "isDisabled",
+    "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/9556-ts-react-default-exports/docgen.snapshot

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9556-ts-react-default-exports 1`] = `
+"function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/* eslint-disable react/button-has-type */
+import React from 'react';
+export const Button = ({
+  isDisabled = false,
+  ...props
+}) => /*#__PURE__*/React.createElement(\\"button\\", _extends({
+  disabled: isDisabled
+}, props));
+export const component = Button;
+Button.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Button\\",
+  \\"props\\": {
+    \\"isDisabled\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"false\\",
+        \\"computed\\": false
+      },
+      \\"required\\": false,
+      \\"tsType\\": {
+        \\"name\\": \\"boolean\\"
+      },
+      \\"description\\": \\"\\"
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9556-ts-react-default-exports/input.tsx

@@ -0,0 +1,12 @@
+/* eslint-disable react/button-has-type */
+import React from 'react';
+
+export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  isDisabled?: boolean;
+}
+
+export const Button: React.FC<Props> = ({ isDisabled = false, ...props }: Props) => (
+  <button disabled={isDisabled} {...props} />
+);
+
+export const component = Button;

package/template/stories/docgen-components/9556-ts-react-default-exports/properties.snapshot

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

package/template/stories/docgen-components/9575-ts-camel-case/argTypes.snapshot

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9575-ts-camel-case 1`] = `
+Object {
+  "color": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "color",
+    "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/9575-ts-camel-case/docgen.snapshot

@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9575-ts-camel-case 1`] = `
+"import PropTypes from 'prop-types';
+import React from 'react';
+const iconButton = function IconButton(props) {
+  return /*#__PURE__*/React.createElement(\\"div\\", {
+    className: \\"icon-button\\"
+  }, \\"icon-button\\");
+};
+iconButton.propTypes = {
+  // deepscan-disable-next-line
+  color: PropTypes.string
+};
+iconButton.defaultProps = {
+  color: 'primary'
+};
+iconButton.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"iconButton\\",
+  \\"props\\": {
+    \\"color\\": {
+      \\"defaultValue\\": {
+        \\"value\\": \\"'primary'\\",
+        \\"computed\\": false
+      },
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": false
+    }
+  }
+};
+export default iconButton;
+export const component = iconButton;"
+`;

package/template/stories/docgen-components/9575-ts-camel-case/input.tsx

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+import type { FC } from 'react';
+import React from 'react';
+
+export interface IProps {
+  /**
+   * button color
+   */
+  color?: string;
+}
+
+const iconButton: FC<IProps> = function IconButton(props) {
+  return <div className="icon-button">icon-button</div>;
+};
+
+iconButton.propTypes = {
+  // deepscan-disable-next-line
+  color: PropTypes.string,
+};
+
+iconButton.defaultProps = {
+  color: 'primary',
+};
+
+export default iconButton;
+export const component = iconButton;

package/template/stories/docgen-components/9575-ts-camel-case/properties.snapshot

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9575-ts-camel-case 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": Object {
+        "detail": undefined,
+        "summary": "'primary'",
+      },
+      "description": "",
+      "name": "color",
+      "required": false,
+      "sbType": Object {
+        "name": "string",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+  ],
+}
+`;

package/template/stories/docgen-components/9586-js-react-memo/argTypes.snapshot

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9586-js-react-memo 1`] = `
+Object {
+  "label": Object {
+    "control": Object {
+      "type": "text",
+    },
+    "description": "",
+    "name": "label",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    "type": Object {
+      "name": "string",
+      "required": true,
+    },
+  },
+  "onClick": Object {
+    "description": "",
+    "name": "onClick",
+    "table": Object {
+      "defaultValue": null,
+      "jsDocTags": undefined,
+      "type": Object {
+        "detail": undefined,
+        "summary": "func",
+      },
+    },
+    "type": Object {
+      "name": "function",
+      "required": true,
+    },
+  },
+}
+`;

package/template/stories/docgen-components/9586-js-react-memo/docgen.snapshot

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9586-js-react-memo 1`] = `
+"import React from 'react';
+import PropTypes from 'prop-types';
+function Button({
+  label,
+  onClick
+}) {
+  // eslint-disable-next-line react/button-has-type
+  return /*#__PURE__*/React.createElement(\\"button\\", {
+    onClick: onClick
+  }, label);
+}
+Button.propTypes = {
+  label: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+const MemoButton = /*#__PURE__*/React.memo(Button);
+export const component = MemoButton;
+Button.__docgenInfo = {
+  \\"description\\": \\"\\",
+  \\"methods\\": [],
+  \\"displayName\\": \\"Button\\",
+  \\"props\\": {
+    \\"label\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"string\\"
+      },
+      \\"required\\": true
+    },
+    \\"onClick\\": {
+      \\"description\\": \\"\\",
+      \\"type\\": {
+        \\"name\\": \\"func\\"
+      },
+      \\"required\\": true
+    }
+  }
+};"
+`;

package/template/stories/docgen-components/9586-js-react-memo/input.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+function Button({ label, onClick }) {
+  // eslint-disable-next-line react/button-has-type
+  return <button onClick={onClick}>{label}</button>;
+}
+
+Button.propTypes = {
+  label: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+};
+
+const MemoButton = React.memo(Button);
+export const component = MemoButton;

package/template/stories/docgen-components/9586-js-react-memo/properties.snapshot

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties 9586-js-react-memo 1`] = `
+Object {
+  "rows": Array [
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "label",
+      "required": true,
+      "sbType": Object {
+        "name": "string",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "string",
+      },
+    },
+    Object {
+      "defaultValue": null,
+      "description": "",
+      "name": "onClick",
+      "required": true,
+      "sbType": Object {
+        "name": "function",
+      },
+      "type": Object {
+        "detail": undefined,
+        "summary": "func",
+      },
+    },
+  ],
+}
+`;

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

@@ -0,0 +1,3 @@
+export interface BarProps {
+  foo?: string;
+}

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;