@storybook/react 7.3.2 → 7.4.0-alpha.1

package/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot

@@ -1,97 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8140-js-prop-types-oneof 1`] = `
-"/* eslint-disable react/require-default-props */
-/* eslint-disable react/no-unused-prop-types */
-import React from 'react';
-import PropTypes from 'prop-types';
-const Alert = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props));
-Alert.defaultProps = {
-  mode: 'static',
-  type: 'warning'
-};
-Alert.propTypes = {
-  mode: PropTypes.oneOf(['static', 'timed']),
-  type: PropTypes.oneOf(['success', 'warning', 'error', 'primary']),
-  message: PropTypes.string.isRequired,
-  /**
-   * No background or border if static alert
-   */
-  blank: PropTypes.bool,
-  /**
-   * Allows icon override, accepts material icon name
-   */
-  icon: PropTypes.string
-};
-export const component = Alert;
-Alert.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Alert\\",
-  \\"props\\": {
-    \\"mode\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'static'\\",
-        \\"computed\\": false
-      },
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"enum\\",
-        \\"value\\": [{
-          \\"value\\": \\"'static'\\",
-          \\"computed\\": false
-        }, {
-          \\"value\\": \\"'timed'\\",
-          \\"computed\\": false
-        }]
-      },
-      \\"required\\": false
-    },
-    \\"type\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'warning'\\",
-        \\"computed\\": false
-      },
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"enum\\",
-        \\"value\\": [{
-          \\"value\\": \\"'success'\\",
-          \\"computed\\": false
-        }, {
-          \\"value\\": \\"'warning'\\",
-          \\"computed\\": false
-        }, {
-          \\"value\\": \\"'error'\\",
-          \\"computed\\": false
-        }, {
-          \\"value\\": \\"'primary'\\",
-          \\"computed\\": false
-        }]
-      },
-      \\"required\\": false
-    },
-    \\"message\\": {
-      \\"description\\": \\"\\",
-      \\"type\\": {
-        \\"name\\": \\"string\\"
-      },
-      \\"required\\": true
-    },
-    \\"blank\\": {
-      \\"description\\": \\"No background or border if static alert\\",
-      \\"type\\": {
-        \\"name\\": \\"bool\\"
-      },
-      \\"required\\": false
-    },
-    \\"icon\\": {
-      \\"description\\": \\"Allows icon override, accepts material icon name\\",
-      \\"type\\": {
-        \\"name\\": \\"string\\"
-      },
-      \\"required\\": false
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx

@@ -1,27 +0,0 @@
-/* eslint-disable react/require-default-props */
-/* eslint-disable react/no-unused-prop-types */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const Alert = (props) => <>{JSON.stringify(props)}</>;
-
-Alert.defaultProps = {
-  mode: 'static',
-  type: 'warning',
-};
-
-Alert.propTypes = {
-  mode: PropTypes.oneOf(['static', 'timed']),
-  type: PropTypes.oneOf(['success', 'warning', 'error', 'primary']),
-  message: PropTypes.string.isRequired,
-  /**
-   * No background or border if static alert
-   */
-  blank: PropTypes.bool,
-  /**
-   * Allows icon override, accepts material icon name
-   */
-  icon: PropTypes.string,
-};
-
-export const component = Alert;

package/template/stories/docgen-components/8140-js-prop-types-oneof/properties.snapshot

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8140-js-prop-types-oneof 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'static'",
-      },
-      "description": "",
-      "name": "mode",
-      "required": false,
-      "sbType": Object {
-        "name": "enum",
-        "value": Array [
-          "static",
-          "timed",
-        ],
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "'static' | 'timed'",
-      },
-    },
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'warning'",
-      },
-      "description": "",
-      "name": "type",
-      "required": false,
-      "sbType": Object {
-        "name": "enum",
-        "value": Array [
-          "success",
-          "warning",
-          "error",
-          "primary",
-        ],
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "'success' | 'warning' | 'error' | 'primary'",
-      },
-    },
-    Object {
-      "defaultValue": null,
-      "description": "",
-      "name": "message",
-      "required": true,
-      "sbType": Object {
-        "name": "string",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-    Object {
-      "defaultValue": null,
-      "description": "No background or border if static alert",
-      "name": "blank",
-      "required": false,
-      "sbType": Object {
-        "name": "boolean",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "bool",
-      },
-    },
-    Object {
-      "defaultValue": null,
-      "description": "Allows icon override, accepts material icon name",
-      "name": "icon",
-      "required": false,
-      "sbType": Object {
-        "name": "string",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/8143-ts-imported-types/argTypes.snapshot

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8143-ts-imported-types 1`] = `
-Object {
-  "bar": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": "",
-    "name": "bar",
-    "table": Object {
-      "defaultValue": null,
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "Foo['bar']",
-      },
-    },
-    "type": Object {
-      "name": "other",
-      "raw": "Foo['bar']",
-      "required": true,
-      "value": "Foo['bar']",
-    },
-  },
-}
-`;

package/template/stories/docgen-components/8143-ts-imported-types/docgen.snapshot

@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8143-ts-imported-types 1`] = `
-"import React from 'react';
-export const FooComponent = foo => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(foo));
-export const component = FooComponent;
-FooComponent.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"FooComponent\\",
-  \\"props\\": {
-    \\"bar\\": {
-      \\"required\\": true,
-      \\"tsType\\": {
-        \\"name\\": \\"Foo['bar']\\",
-        \\"raw\\": \\"Foo['bar']\\"
-      },
-      \\"description\\": \\"\\"
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/8143-ts-imported-types/input.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { Foo } from './types';
-
-interface FooProps {
-  bar: Foo['bar'];
-}
-
-export const FooComponent = (foo: FooProps) => <>{JSON.stringify(foo)}</>;
-
-export const component = FooComponent;

package/template/stories/docgen-components/8143-ts-imported-types/properties.snapshot

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8143-ts-imported-types 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": null,
-      "description": "",
-      "name": "bar",
-      "required": true,
-      "sbType": Object {
-        "name": "other",
-        "raw": "Foo['bar']",
-        "value": "Foo['bar']",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "Foo['bar']",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/8143-ts-imported-types/types.ts

@@ -1,3 +0,0 @@
-export interface Foo {
-  bar: number;
-}

package/template/stories/docgen-components/8143-ts-react-fc-generics/argTypes.snapshot

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8143-ts-react-fc-generics 1`] = `
-Object {
-  "padding": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": undefined,
-    "name": "padding",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'0'",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-    "type": Object {
-      "required": false,
-    },
-  },
-}
-`;

package/template/stories/docgen-components/8143-ts-react-fc-generics/docgen.snapshot

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8143-ts-react-fc-generics 1`] = `
-"import React from 'react';
-export const Text = ({
-  padding = '0',
-  margin
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, \\"Text\\");
-export const component = Text;
-Text.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Text\\",
-  \\"props\\": {
-    \\"padding\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'0'\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/8143-ts-react-fc-generics/input.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-interface Props {
-  padding: string;
-  margin: number;
-}
-
-export const Text: React.FC<Props> = ({ padding = '0', margin }) => <>Text</>;
-
-export const component = Text;

package/template/stories/docgen-components/8143-ts-react-fc-generics/properties.snapshot

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8143-ts-react-fc-generics 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'0'",
-      },
-      "description": undefined,
-      "name": "padding",
-      "required": false,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/8428-js-static-prop-types/argTypes.snapshot

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8428-js-static-prop-types 1`] = `
-Object {
-  "test": Object {
-    "control": Object {
-      "type": "text",
-    },
-    "description": "Please work...",
-    "name": "test",
-    "table": Object {
-      "defaultValue": null,
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-    "type": Object {
-      "name": "string",
-      "required": false,
-    },
-  },
-}
-`;

package/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8428-js-static-prop-types 1`] = `
-"function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, \\"string\\"); return typeof key === \\"symbol\\" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== \\"object\\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \\"default\\"); if (typeof res !== \\"object\\") return res; throw new TypeError(\\"@@toPrimitive must return a primitive value.\\"); } return (hint === \\"string\\" ? String : Number)(input); }
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/require-default-props */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-// eslint-disable-next-line react/prefer-stateless-function
-export default class Test extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(\\"div\\", null, \\"test\\");
-  }
-}
-_defineProperty(Test, \\"propTypes\\", {
-  /**
-   * Please work...
-   */
-  test: PropTypes.string
-});
-export const component = Test;
-Test.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Test\\",
-  \\"props\\": {
-    \\"test\\": {
-      \\"description\\": \\"Please work...\\",
-      \\"type\\": {
-        \\"name\\": \\"string\\"
-      },
-      \\"required\\": false
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/8428-js-static-prop-types/input.jsx

@@ -1,20 +0,0 @@
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/require-default-props */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-// eslint-disable-next-line react/prefer-stateless-function
-export default class Test extends React.Component {
-  static propTypes = {
-    /**
-     * Please work...
-     */
-    test: PropTypes.string,
-  };
-
-  render() {
-    return <div>test</div>;
-  }
-}
-
-export const component = Test;

package/template/stories/docgen-components/8428-js-static-prop-types/properties.snapshot

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8428-js-static-prop-types 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": null,
-      "description": "Please work...",
-      "name": "test",
-      "required": false,
-      "sbType": Object {
-        "name": "string",
-      },
-      "type": Object {
-        "detail": undefined,
-        "summary": "string",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/8740-ts-multi-props/argTypes.snapshot

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8740-ts-multi-props 1`] = `
-Object {
-  "size": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": undefined,
-    "name": "size",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'a'",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-    "type": Object {
-      "required": false,
-    },
-  },
-}
-`;

package/template/stories/docgen-components/8740-ts-multi-props/docgen.snapshot

@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8740-ts-multi-props 1`] = `
-"import React from 'react';
-export const Header = ({
-  size = 'a',
-  children
-}) => /*#__PURE__*/React.createElement(\\"div\\", {
-  className: size
-}, children);
-export const Paragraph = ({
-  size,
-  children
-}) => /*#__PURE__*/React.createElement(\\"div\\", {
-  className: size
-}, children);
-Paragraph.defaultProps = {
-  size: 'md'
-};
-export const component = Header;
-Header.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Header\\",
-  \\"props\\": {
-    \\"size\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'a'\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false
-    }
-  }
-};
-Paragraph.__docgenInfo = {
-  \\"description\\": \\"\\",
-  \\"methods\\": [],
-  \\"displayName\\": \\"Paragraph\\",
-  \\"props\\": {
-    \\"size\\": {
-      \\"defaultValue\\": {
-        \\"value\\": \\"'md'\\",
-        \\"computed\\": false
-      },
-      \\"required\\": false
-    }
-  }
-};"
-`;

package/template/stories/docgen-components/8740-ts-multi-props/input.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-export interface ElemAProps {
-  size?: 'a' | 'b' | 'c' | 'd';
-  children: React.ReactNode;
-}
-
-export const Header: React.FC<ElemAProps> = ({ size = 'a', children }) => (
-  <div className={size}>{children}</div>
-);
-
-export interface ElemBProps {
-  size?: 'sm' | 'md' | 'lg';
-  children: React.ReactNode;
-}
-
-export const Paragraph: React.FC<ElemBProps> = ({ size, children }) => (
-  <div className={size}>{children}</div>
-);
-
-Paragraph.defaultProps = { size: 'md' };
-
-export const component = Header;

package/template/stories/docgen-components/8740-ts-multi-props/properties.snapshot

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8740-ts-multi-props 1`] = `
-Object {
-  "rows": Array [
-    Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'a'",
-      },
-      "description": undefined,
-      "name": "size",
-      "required": false,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-  ],
-}
-`;

package/template/stories/docgen-components/8894-9511-ts-forward-ref/argTypes.snapshot

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 8894-9511-ts-forward-ref 1`] = `
-Object {
-  "disabled": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": undefined,
-    "name": "disabled",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "false",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-    "type": Object {
-      "required": false,
-    },
-  },
-  "variant": Object {
-    "control": Object {
-      "type": "object",
-    },
-    "description": undefined,
-    "name": "variant",
-    "table": Object {
-      "defaultValue": Object {
-        "detail": undefined,
-        "summary": "'small'",
-      },
-      "jsDocTags": undefined,
-      "type": Object {
-        "detail": undefined,
-        "summary": "unknown",
-      },
-    },
-    "type": Object {
-      "required": false,
-    },
-  },
-}
-`;