@storybook/react 7.3.2 → 7.4.0-alpha.1

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

@@ -1,50 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9493-ts-display-name 1`] = `
-"import React from 'react';
-/**
- * This message should show up in the Docs panel if everything works fine.
- */
-export const EmpireAlert = ({
-  title = 'Code Yellow',
-  message
-}) => /*#__PURE__*/React.createElement(\\"div\\", null, /*#__PURE__*/React.createElement(\\"h1\\", null, title), /*#__PURE__*/React.createElement(\\"p\\", null, message));
-EmpireAlert.displayName = 'SomeOtherDisplayName';
-export const component = EmpireAlert;
-EmpireAlert.__docgenInfo = {
-  \\"description\\": \\"This message should show up in the Docs panel if everything works fine.\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"SomeOtherDisplayName\\",
-  \\"props\\": {
-    \\"title\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'Code Yellow'\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false,
-      \\"tsType\\": {
-        \\"name\\": \\"union\\",
-        \\"raw\\": \\"'Code Red' | 'Code Yellow' | 'Code Green'\\",
-        \\"elements\\": [{
-          \\"name\\": \\"literal\\",
-          \\"value\\": \\"'Code Red'\\"
-        }, {
-          \\"name\\": \\"literal\\",
-          \\"value\\": \\"'Code Yellow'\\"
-        }, {
-          \\"name\\": \\"literal\\",
-          \\"value\\": \\"'Code Green'\\"
-        }]
-      },
-      \\"description\\": \\"A title that brings attention to the alert.\\"
-    },
-    \\"message\\": {
-      \\"required\\": true,
-      \\"tsType\\": {
-        \\"name\\": \\"string\\"
-      },
-      \\"description\\": \\"A message alerting about Empire activities.\\"
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/9493-ts-display-name/input.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-
-type AlertCode = 'Code Red' | 'Code Yellow' | 'Code Green';
-
-export interface EmpireAlertProps {
-  /**
-   * A title that brings attention to the alert.
-   */
-  title: AlertCode;
-  /**
-   * A message alerting about Empire activities.
-   */
-  message: string;
-}
-
-/**
- * This message should show up in the Docs panel if everything works fine.
- */
-export const EmpireAlert: React.FC<EmpireAlertProps> = ({
-  title = 'Code Yellow',
-  message,
-}: EmpireAlertProps) => (
-  <div>
-    <h1>{title}</h1>
-    <p>{message}</p>
-  </div>
-);
-EmpireAlert.displayName = 'SomeOtherDisplayName';
-
-export const component = EmpireAlert;

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

@@ -1,52 +0,0 @@
-// 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

@@ -1,28 +0,0 @@
-// 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

@@ -1,32 +0,0 @@
-// 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

@@ -1,12 +0,0 @@
-/* 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

@@ -1,24 +0,0 @@
-// 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

@@ -1,28 +0,0 @@
-// 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

@@ -1,38 +0,0 @@
-// 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

@@ -1,26 +0,0 @@
-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

@@ -1,24 +0,0 @@
-// 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

@@ -1,41 +0,0 @@
-// 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

@@ -1,42 +0,0 @@
-// 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

@@ -1,15 +0,0 @@
-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

@@ -1,34 +0,0 @@
-// 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

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

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

@@ -1,25 +0,0 @@
-// 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

@@ -1,21 +0,0 @@
-// 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

@@ -1,10 +0,0 @@
-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

@@ -1,21 +0,0 @@
-// 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

@@ -1,27 +0,0 @@
-// 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

@@ -1,25 +0,0 @@
-// 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

@@ -1,5 +0,0 @@
-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

@@ -1,21 +0,0 @@
-// 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",
-      },
-    },
-  ],
-}
-`;