= ({ children, onClick }) => (
-
- {children}
-
-);
-
-Button.defaultProps = {
- primary: true,
- secondary: false,
-};
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx
deleted file mode 100644
index b4ae01cce83c..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-
-
-# Preview
-
-
-
-
-
This box should have BOTH a pink and blue border
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/PropsSort.js b/code/examples/cra-ts-kitchen-sink/src/stories/PropsSort.js
deleted file mode 100644
index 862d8d3b6e34..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/PropsSort.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/require-default-props */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export const PropsSort = () => PropsSort!
;
-PropsSort.propTypes = {
- foo: PropTypes.string.isRequired,
- middleWithDefaultValue: PropTypes.string,
- bar: PropTypes.string,
- endWithDefaultValue: PropTypes.string,
-};
-PropsSort.defaultProps = {
- middleWithDefaultValue: 'Middle!',
- endWithDefaultValue: 'End!',
-};
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx
deleted file mode 100644
index 0a77ac2a9b79..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
-import { Button } from './Button';
-
-
-
-Here's some _markdown_!
-
-# Canvas
-
-
-
- hello
-
-
-
-# ArgsTable
-
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/anchors/anchors.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/anchors/anchors.stories.mdx
deleted file mode 100644
index 114f1ffa9841..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/anchors/anchors.stories.mdx
+++ /dev/null
@@ -1,265 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-
-
-go to bottom
-
-## Hey
-
-Some code!!!
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
-
-## Ho
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
-
-## Hey
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
-
-## Ho
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
-
-## Hey
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
-
-## Ho
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
-
-## Bottom
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel,
- accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam
- euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at
- enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus
- sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus.
-
-
- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est
- bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada
- accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget
- massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros
- tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra
- consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus.
-
-
- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum
- massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin
- est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec
- eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla
- augue pellentesque neque, sed ultrices quam diam id metus.
-
-
- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit
- nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis
- arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum
- fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim.
-
-
- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec
- ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia
- sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin
- enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue.
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenJS.js b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenJS.js
deleted file mode 100644
index ec7463c578d1..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenJS.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/* eslint-disable react/button-has-type */
-/* eslint-disable react/prefer-stateless-function */
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * Button functional component
- */
-export const ButtonFn = ({ onClick, children }) => {children} ;
-ButtonFn.propTypes = {
- /**
- * onClick description
- */
- onClick: PropTypes.func,
-};
-ButtonFn.defaultProps = {
- onClick: null,
-};
-
-/**
- * Button class React.Component
- */
-export class ButtonReactComponent extends React.Component {
- render() {
- const { onClick, children } = this.props;
- return {children} ;
- }
-}
-ButtonReactComponent.propTypes = {
- /**
- * onClick description
- */
- onClick: PropTypes.func,
-};
-ButtonReactComponent.defaultProps = {
- onClick: null,
-};
-
-/**
- * Button class Component
- */
-export class ButtonComponent extends Component {
- render() {
- const { onClick, children } = this.props;
- return {children} ;
- }
-}
-ButtonComponent.propTypes = {
- /**
- * onClick description
- */
- onClick: PropTypes.func,
-};
-ButtonComponent.defaultProps = {
- onClick: null,
-};
-
-/**
- * Button class static props
- */
-export class ButtonStaticProps extends Component {
- static propTypes = {
- /**
- * onClick description
- */
- onClick: PropTypes.func,
- };
-
- static defaultProps = {
- onClick: null,
- };
-
- render() {
- const { onClick, children } = this.props;
- return {children} ;
- }
-}
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx
deleted file mode 100644
index 1c65b41ccf27..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-/* eslint-disable react/button-has-type */
-import React, { FC, SyntheticEvent } from 'react';
-
-interface ButtonProps {
- /**
- * onClick description
- */
- onClick?: (e: SyntheticEvent) => void;
-}
-
-/**
- * Button functional component (React.FC)
- */
-export const ButtonReactFC: React.FC = ({ onClick, children }) => (
- {children}
-);
-ButtonReactFC.defaultProps = {
- onClick: null,
-};
-
-/**
- * Button functional component (FC)
- */
-export const ButtonFC: FC = ({ onClick, children }) => (
- {children}
-);
-ButtonFC.defaultProps = {
- onClick: null,
-};
-
-/**
- * Button functional component (FunctionComponent)
- */
-export const ButtonFunctionComponent: FC = ({ onClick, children }) => (
- {children}
-);
-ButtonFunctionComponent.defaultProps = {
- onClick: null,
-};
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx
deleted file mode 100644
index ec20565e59aa..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Meta, ArgsTable, Description } from '@storybook/addon-docs';
-import * as DocgenJS from './DocgenJS';
-import * as DocgenTS from './DocgenTS';
-
-
-
-export const DescriptionProps = ({ of }) => (
- <>
- {of.displayName}
-
-
- >
-);
-
-# React Docgen Test Cases
-
-
- {Object.entries(DocgenJS).map(([key, val]) => (
-
- ))}
-
-
-# React Typescript Docgen Test Cases
-
-
- {Object.entries(DocgenTS).map(([key, val]) => (
-
- ))}
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.js b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.js
deleted file mode 100644
index 78665fe6c1c3..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.js
+++ /dev/null
@@ -1,472 +0,0 @@
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/require-default-props */
-/* eslint-disable react/prop-types */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export const ButtonTooManyProps = ({ onClick, children }) => (
-
- {children}
-
-);
-ButtonTooManyProps.propTypes = {
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick1: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick2: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick3: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick4: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick5: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick6: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick7: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick8: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick9: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick10: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick11: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick12: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick13: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick14: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick15: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick16: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick17: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick18: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick19: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick20: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick21: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick22: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick23: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick24: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick25: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick26: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick27: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick28: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick29: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick30: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick31: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick32: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick33: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick34: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick35: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick36: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick37: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick38: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick39: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick40: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick41: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick42: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick43: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick44: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick45: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick46: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick47: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick48: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick49: PropTypes.func,
- /**
- * onClick description
- * @param {SyntheticEvent} event - React's original SyntheticEvent.
- * @param {SyntheticEvent} event1 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event2 - React's original SyntheticEvent.
- * @param {SyntheticEvent} event3 - React's original SyntheticEvent.
- * @returns {void}
- */
- onClick50: PropTypes.func,
-};
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx
deleted file mode 100644
index 730fdaa6140f..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Meta, ArgsTable } from '@storybook/addon-docs';
-import { ButtonTooManyProps } from './jsdoc-perfo';
-
-
-
-## Render 150 props with JSDoc tags
-
-
-
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx
deleted file mode 100644
index 3faf592adce5..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Meta, ArgsTable } from '@storybook/addon-docs';
-import { JsDocProps, FailingJsDocProps } from './jsdoc';
-import { TypeScriptProps } from './jsdoc-ts';
-
-
-
-
-
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx
deleted file mode 100644
index b19550dabaf9..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Meta, ArgsTable } from '@storybook/addon-docs';
-import { PropTypesProps } from './prop-types';
-import { TypeScriptProps, TypeScriptHtmlComponent } from './ts-types';
-
-
-
-## Prop Types
-
-
-
-## TypeScript
-
-
-
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx
deleted file mode 100644
index 5c9c92fca5f7..000000000000
--- a/code/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { PropsSort } from './PropsSort';
-import { ArgsTable, Meta } from '@storybook/addon-docs';
-import { SortType } from '@storybook/components';
-
-
-
-
-
-
-
diff --git a/code/examples/cra-ts-kitchen-sink/tsconfig.json b/code/examples/cra-ts-kitchen-sink/tsconfig.json
deleted file mode 100644
index 7b152fae2c3f..000000000000
--- a/code/examples/cra-ts-kitchen-sink/tsconfig.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
- "compilerOptions": {
- "baseUrl": ".",
- "incremental": false,
- "noImplicitAny": true,
- "experimentalDecorators": true,
- "emitDecoratorMetadata": true,
- "jsx": "react",
- "target": "ES2020",
- "module": "CommonJS",
- "skipLibCheck": true,
- "allowSyntheticDefaultImports": true,
- "esModuleInterop": true,
- "types": ["jest", "node"],
- "lib": ["es2017", "dom"]
- },
- "include": ["src"]
-}
diff --git a/code/frameworks/vue3-vite/preset.js b/code/frameworks/vue3-vite/preset.js
index b27b9a283650..a83f95279e7f 100644
--- a/code/frameworks/vue3-vite/preset.js
+++ b/code/frameworks/vue3-vite/preset.js
@@ -1,2 +1 @@
-console.log('vue3-vite preset!');
module.exports = require('./dist/preset');
diff --git a/code/frameworks/web-components-vite/README.md b/code/frameworks/web-components-vite/README.md
new file mode 100644
index 000000000000..9c68eca98041
--- /dev/null
+++ b/code/frameworks/web-components-vite/README.md
@@ -0,0 +1 @@
+# Storybook for Web components
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
new file mode 100644
index 000000000000..d8285652806a
--- /dev/null
+++ b/code/frameworks/web-components-vite/package.json
@@ -0,0 +1,86 @@
+{
+ "name": "@storybook/web-components-vite",
+ "version": "7.0.0-alpha.34",
+ "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
+ "keywords": [
+ "storybook"
+ ],
+ "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/web-components-vite",
+ "bugs": {
+ "url": "https://github.com/storybookjs/storybook/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/storybookjs/storybook.git",
+ "directory": "frameworks/web-components-vite"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/storybook"
+ },
+ "license": "MIT",
+ "exports": {
+ ".": {
+ "require": "./dist/index.js",
+ "import": "./dist/index.mjs",
+ "types": "./dist/index.d.ts"
+ },
+ "./preset": {
+ "require": "./dist/preset.js",
+ "import": "./dist/preset.mjs",
+ "types": "./dist/preset.d.ts"
+ },
+ "./package.json": {
+ "require": "./package.json",
+ "import": "./package.json",
+ "types": "./package.json"
+ }
+ },
+ "main": "dist/index.js",
+ "module": "dist/index.mjs",
+ "types": "dist/index.d.ts",
+ "files": [
+ "dist/**/*",
+ "types/**/*",
+ "README.md",
+ "*.js",
+ "*.d.ts"
+ ],
+ "scripts": {
+ "check": "tsc --noEmit",
+ "prep": "../../../scripts/prepare/bundle.ts"
+ },
+ "dependencies": {
+ "@storybook/addons": "7.0.0-alpha.34",
+ "@storybook/builder-vite": "7.0.0-alpha.34",
+ "@storybook/channel-postmessage": "7.0.0-alpha.34",
+ "@storybook/channel-websocket": "7.0.0-alpha.34",
+ "@storybook/client-api": "7.0.0-alpha.34",
+ "@storybook/core-server": "7.0.0-alpha.34",
+ "@storybook/node-logger": "7.0.0-alpha.34",
+ "@storybook/preview-web": "7.0.0-alpha.34",
+ "@storybook/web-components": "7.0.0-alpha.34",
+ "@vitejs/plugin-vue": "^3.0.3",
+ "magic-string": "^0.26.1",
+ "vite": "3"
+ },
+ "devDependencies": {
+ "@types/node": "^14.14.20 || ^16.0.0",
+ "typescript": "~4.6.3",
+ "vite": "^3.1.0"
+ },
+ "engines": {
+ "node": "^14.18 || >=16"
+ },
+ "publishConfig": {
+ "access": "public"
+ },
+ "bundler": {
+ "entries": [
+ "./src/index.ts",
+ "./src/preset.ts"
+ ],
+ "platform": "node"
+ },
+ "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
+}
diff --git a/code/frameworks/web-components-vite/preset.js b/code/frameworks/web-components-vite/preset.js
new file mode 100644
index 000000000000..a83f95279e7f
--- /dev/null
+++ b/code/frameworks/web-components-vite/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/code/frameworks/web-components-vite/src/index.ts b/code/frameworks/web-components-vite/src/index.ts
new file mode 100644
index 000000000000..535432f3e0d4
--- /dev/null
+++ b/code/frameworks/web-components-vite/src/index.ts
@@ -0,0 +1,9 @@
+// exports for builder-vite
+export { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
+export { createChannel as createWebSocketChannel } from '@storybook/channel-websocket';
+export { addons } from '@storybook/addons';
+export { composeConfigs, PreviewWeb } from '@storybook/preview-web';
+export { ClientApi } from '@storybook/client-api';
+
+export * from '@storybook/web-components';
+export type { StorybookConfig } from '@storybook/builder-vite';
diff --git a/code/frameworks/web-components-vite/src/preset.ts b/code/frameworks/web-components-vite/src/preset.ts
new file mode 100644
index 000000000000..53f4bcd5479e
--- /dev/null
+++ b/code/frameworks/web-components-vite/src/preset.ts
@@ -0,0 +1,7 @@
+import type { StorybookConfig } from '@storybook/builder-vite';
+
+export const addons: StorybookConfig['addons'] = ['@storybook/web-components'];
+
+export const core: StorybookConfig['core'] = {
+ builder: '@storybook/builder-vite',
+};
diff --git a/code/frameworks/web-components-vite/tsconfig.json b/code/frameworks/web-components-vite/tsconfig.json
new file mode 100644
index 000000000000..534e4ddd108a
--- /dev/null
+++ b/code/frameworks/web-components-vite/tsconfig.json
@@ -0,0 +1,10 @@
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "rootDir": "./src",
+ "types": ["node"],
+ "resolveJsonModule": true
+ },
+ "include": ["src/**/*"],
+ "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"]
+}
diff --git a/code/jest.config.js b/code/jest.config.js
index 2257d0df76cf..7c119dbafd80 100644
--- a/code/jest.config.js
+++ b/code/jest.config.js
@@ -27,7 +27,6 @@ module.exports = {
projects: [
'',
// '/app/angular',
- // '/examples/cra-ts-kitchen-sink',
// '/examples/html-kitchen-sink',
// '/examples/svelte-kitchen-sink',
// '/examples/vue-kitchen-sink',
diff --git a/code/lib/builder-vite/package.json b/code/lib/builder-vite/package.json
index f5772eabd14b..572bd885f53a 100644
--- a/code/lib/builder-vite/package.json
+++ b/code/lib/builder-vite/package.json
@@ -27,6 +27,7 @@
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@vitejs/plugin-react": "^2.0.0",
+ "browser-assert": "^1.2.1",
"es-module-lexer": "^0.9.3",
"glob": "^7.2.0",
"glob-promise": "^4.2.0",
diff --git a/code/lib/builder-vite/src/vite-config.ts b/code/lib/builder-vite/src/vite-config.ts
index ccc58b27dfc6..ca280f96e816 100644
--- a/code/lib/builder-vite/src/vite-config.ts
+++ b/code/lib/builder-vite/src/vite-config.ts
@@ -57,7 +57,12 @@ export async function commonConfig(
cacheDir: 'node_modules/.vite-storybook',
root: path.resolve(options.configDir, '..'),
plugins: await pluginConfig(options),
- resolve: { preserveSymlinks: isPreservingSymlinks() },
+ resolve: {
+ preserveSymlinks: isPreservingSymlinks(),
+ alias: {
+ assert: require.resolve('browser-assert'),
+ },
+ },
// If an envPrefix is specified in the vite config, add STORYBOOK_ to it,
// otherwise, add VITE_ and STORYBOOK_ so that vite doesn't lose its default.
envPrefix: userConfig.envPrefix ? 'STORYBOOK_' : ['VITE_', 'STORYBOOK_'],
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
index 836b1f11585e..7b8cbc00e99f 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
@@ -35,11 +35,11 @@ const packagesMap: Record = {
},
'@storybook/svelte': {
webpack5: '@storybook/svelte-webpack5',
- // TODO: bring this back once we have the svelte-vite package
vite: '@storybook/svelte-vite',
},
'@storybook/web-components': {
webpack5: '@storybook/web-components-webpack5',
+ vite: '@storybook/web-components-vite',
},
'@storybook/html': {
webpack5: '@storybook/html-webpack5',
diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts
index fb5f03bbc153..1adcbb0f9609 100644
--- a/code/lib/cli/src/repro-templates.ts
+++ b/code/lib/cli/src/repro-templates.ts
@@ -94,6 +94,29 @@ const svelteViteTemplates = {
// }
};
+const litViteTemplates = {
+ 'lit-vite/default-js': {
+ name: 'Lit Vite (JS)',
+ script: 'yarn create vite . --template lit',
+ cadence: [] as any,
+ expected: {
+ framework: '@storybook/web-components-vite',
+ renderer: '@storybook/web-components',
+ builder: '@storybook/builder-vite',
+ },
+ },
+ 'lit-vite/default-ts': {
+ name: 'Lit Vite (TS)',
+ script: 'yarn create vite . --template lit-ts',
+ cadence: [] as any,
+ expected: {
+ framework: '@storybook/web-components-vite',
+ renderer: '@storybook/web-components',
+ builder: '@storybook/builder-vite',
+ },
+ },
+};
+
const vueCliTemplates = {
'vue-cli/default-js': {
name: 'Vue-CLI (Default JS)',
@@ -123,6 +146,7 @@ export default {
...reactViteTemplates,
...vue3ViteTemplates,
...svelteViteTemplates,
+ ...litViteTemplates,
...vueCliTemplates,
// FIXME: missing documentation.json
// 'angular/latest': {
diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts
index fe0c35d62141..a214dfaf59d1 100644
--- a/code/lib/cli/src/versions.ts
+++ b/code/lib/cli/src/versions.ts
@@ -77,6 +77,7 @@ export default {
'@storybook/vue3-webpack5': '7.0.0-alpha.34',
'@storybook/web-components': '7.0.0-alpha.34',
'@storybook/web-components-webpack5': '7.0.0-alpha.34',
+ '@storybook/web-components-vite': '7.0.0-alpha.34',
sb: '7.0.0-alpha.34',
storybook: '7.0.0-alpha.34',
};
diff --git a/code/package.json b/code/package.json
index 7afc2e6ffbd5..065164eb7861 100644
--- a/code/package.json
+++ b/code/package.json
@@ -234,6 +234,7 @@
"@storybook/vue3-vite": "workspace:*",
"@storybook/vue3-webpack5": "workspace:*",
"@storybook/web-components": "workspace:*",
+ "@storybook/web-components-vite": "workspace:*",
"@storybook/web-components-webpack5": "workspace:*",
"@testing-library/dom": "^7.29.4",
"@testing-library/jest-dom": "^5.11.9",
diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot
deleted file mode 100644
index 728ae0182ee8..000000000000
--- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot
+++ /dev/null
@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9592-ts-styled-props 1`] = `
-Object {
- "title": Object {
- "control": Object {
- "type": "text",
- },
- "description": "",
- "name": "title",
- "table": Object {
- "defaultValue": null,
- "jsDocTags": undefined,
- "type": Object {
- "detail": undefined,
- "summary": "string",
- },
- },
- "type": Object {
- "name": "string",
- "required": true,
- },
- },
-}
-`;
diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot
deleted file mode 100644
index 867262a0c978..000000000000
--- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot
+++ /dev/null
@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9592-ts-styled-props 1`] = `
-"import React from 'react';
-import styled from 'styled-components';
-const StyledHello = styled.div\`
- color: red;
-\`;
-
-const Hello = ({
- title
-}) => {
- return /*#__PURE__*/React.createElement(StyledHello, {
- className: \\"hello\\"
- }, \\"Hello Component \\", title);
-};
-
-export const component = Hello;
-Hello.__docgenInfo = {
- \\"description\\": \\"\\",
- \\"methods\\": [],
- \\"displayName\\": \\"Hello\\",
- \\"props\\": {
- \\"title\\": {
- \\"required\\": true,
- \\"tsType\\": {
- \\"name\\": \\"string\\"
- },
- \\"description\\": \\"\\"
- }
- }
-};"
-`;
diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx
deleted file mode 100644
index 485bad8f10b7..000000000000
--- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-interface HelloProps {
- title: string;
-}
-
-const StyledHello = styled.div`
- color: red;
-`;
-
-const Hello = ({ title }: HelloProps) => {
- return Hello Component {title} ;
-};
-
-export const component = Hello;
diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot
deleted file mode 100644
index 3298e7c6d942..000000000000
--- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react component properties 9592-ts-styled-props 1`] = `
-Object {
- "rows": Array [
- Object {
- "defaultValue": null,
- "description": "",
- "name": "title",
- "required": true,
- "sbType": Object {
- "name": "string",
- },
- "type": Object {
- "detail": undefined,
- "summary": "string",
- },
- },
- ],
-}
-`;
diff --git a/code/renderers/react/src/docs/__testfixtures__/imported.js b/code/renderers/react/src/docs/__testfixtures__/imported.js
deleted file mode 100644
index bce6a5aa3d02..000000000000
--- a/code/renderers/react/src/docs/__testfixtures__/imported.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = { imported: 'imported-value' };
diff --git a/code/renderers/react/src/docs/extractArgTypes.test.ts b/code/renderers/react/src/docs/extractArgTypes.test.ts
new file mode 100644
index 000000000000..1906485c26a8
--- /dev/null
+++ b/code/renderers/react/src/docs/extractArgTypes.test.ts
@@ -0,0 +1,98 @@
+import 'jest-specific-snapshot';
+import path from 'path';
+import fs from 'fs';
+import requireFromString from 'require-from-string';
+import { transformFileSync, transformSync } from '@babel/core';
+
+import { inferControls } from '@storybook/store';
+import type { AnyFramework } from '@storybook/csf';
+import { normalizeNewlines } from '@storybook/docs-tools';
+
+import type { StoryContext } from '../types';
+import { extractProps } from './extractProps';
+import { extractArgTypes } from './extractArgTypes';
+
+// File hierarchy:
+// __testfixtures__ / some-test-case / input.*
+const inputRegExp = /^input\..*$/;
+
+const transformToModule = (inputCode: string) => {
+ const options = {
+ presets: [
+ [
+ '@babel/preset-env',
+ {
+ targets: {
+ esmodules: true,
+ },
+ },
+ ],
+ ],
+ };
+ const { code } = transformSync(inputCode, options) || {};
+ return normalizeNewlines(code || '');
+};
+
+const annotateWithDocgen = (inputPath: string) => {
+ const options = {
+ presets: ['@babel/typescript', '@babel/react'],
+ plugins: ['babel-plugin-react-docgen', '@babel/plugin-proposal-class-properties'],
+ babelrc: false,
+ };
+ const { code } = transformFileSync(inputPath, options) || {};
+ return normalizeNewlines(code || '');
+};
+
+// We need to skip a set of test cases that use ESM code, as the `requireFromString`
+// code below does not support it. These stories will be tested via Chromatic in the
+// sandboxes. Hopefully we can figure out a better testing strategy in the future.
+const skippedTests = [
+ 'js-class-component',
+ 'js-function-component',
+ 'js-function-component-inline-defaults',
+ 'js-function-component-inline-defaults-no-propTypes',
+ 'ts-function-component',
+ 'ts-function-component-inline-defaults',
+ 'js-proptypes',
+];
+
+describe('react component properties', () => {
+ // Fixture files are in template/stories
+ const fixturesDir = path.resolve(__dirname, '../../template/stories/docgen-components');
+ fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+ if (testEntry.isDirectory()) {
+ const testDir = path.join(fixturesDir, testEntry.name);
+ const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+ if (testFile) {
+ if (skippedTests.includes(testEntry.name)) {
+ it.skip(testEntry.name, () => {});
+ } else {
+ it(testEntry.name, () => {
+ const inputPath = path.join(testDir, testFile);
+
+ // snapshot the output of babel-plugin-react-docgen
+ const docgenPretty = annotateWithDocgen(inputPath);
+ expect(docgenPretty).toMatchSpecificSnapshot(path.join(testDir, 'docgen.snapshot'));
+
+ // transform into an uglier format that's works with require-from-string
+ const docgenModule = transformToModule(docgenPretty);
+
+ // snapshot the output of component-properties/react
+ const { component } = requireFromString(docgenModule, inputPath);
+ const properties = extractProps(component);
+ expect(properties).toMatchSpecificSnapshot(path.join(testDir, 'properties.snapshot'));
+
+ // snapshot the output of `extractArgTypes`
+ const argTypes = extractArgTypes(component);
+ const parameters = { __isArgsStory: true };
+ const rows = inferControls({
+ argTypes,
+ parameters,
+ } as unknown as StoryContext);
+ expect(rows).toMatchSpecificSnapshot(path.join(testDir, 'argTypes.snapshot'));
+ });
+ }
+ }
+ }
+ });
+});
diff --git a/code/renderers/react/src/docs/react-argtypes.stories.tsx b/code/renderers/react/src/docs/react-argtypes.stories.tsx
deleted file mode 100644
index 9cb5d3bde1f7..000000000000
--- a/code/renderers/react/src/docs/react-argtypes.stories.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React, { useState } from 'react';
-import mapValues from 'lodash/mapValues';
-import { PureArgsTable as ArgsTable } from '@storybook/blocks';
-import type { Args } from '@storybook/csf';
-import { inferControls } from '@storybook/store';
-
-import { storiesOf } from '../public-api';
-import type { StoryContext } from '../types';
-import { extractArgTypes } from './extractArgTypes';
-
-// FIXME
-type Component = any;
-
-const argsTableProps = (component: Component) => {
- const argTypes = extractArgTypes(component);
- const parameters = { __isArgsStory: true };
- const rows = inferControls({ argTypes, parameters } as unknown as StoryContext);
- return { rows };
-};
-
-const ArgsStory = ({ component }: any) => {
- const { rows } = argsTableProps(component);
- const initialArgs = mapValues(rows, (argType) => argType.defaultValue) as Args;
-
- const [args, setArgs] = useState(initialArgs);
- return (
- <>
-
- NOTE: these stories are to help visualise the snapshot tests in{' '}
- ./react-properties.test.js
.
-
- setArgs({ ...args, ...val })} />
-
-
-
- arg name
- argType
-
-
-
- {Object.entries(args).map(([key, val]) => (
-
-
- {key}
-
-
- {JSON.stringify(rows[key])}
-
-
- ))}
-
-
- >
- );
-};
-
-const issuesFixtures = [
- 'js-class-component',
- 'js-function-component',
- 'js-function-component-inline-defaults',
- 'js-function-component-inline-defaults-no-propTypes',
- 'ts-function-component',
- 'ts-function-component-inline-defaults',
- '9399-js-proptypes-shape',
- '8663-js-styled-components',
- '9626-js-default-values',
- '9668-js-proptypes-no-jsdoc',
- '8143-ts-react-fc-generics',
- '8143-ts-imported-types',
- '8279-js-styled-docgen',
- '8140-js-prop-types-oneof',
- '9023-js-hoc',
- '8740-ts-multi-props',
- '9556-ts-react-default-exports',
- '9592-ts-styled-props',
- '9591-ts-import-types',
- '9721-ts-deprecated-jsdoc',
- '9827-ts-default-values',
- '9586-js-react-memo',
- '9575-ts-camel-case',
- '9493-ts-display-name',
- '8894-9511-ts-forward-ref',
- '9465-ts-type-props',
- '8428-js-static-prop-types',
- '9764-ts-extend-props',
- '9922-ts-component-props',
-];
-
-const issuesStories = storiesOf('ArgTypes/Issues', module);
-issuesFixtures.forEach((fixture) => {
- // eslint-disable-next-line import/no-dynamic-require, global-require
- const { component } = require(`./__testfixtures__/${fixture}/input`);
-
- issuesStories.add(fixture, () => , {
- chromatic: { disable: true },
- });
-});
diff --git a/code/renderers/react/src/docs/react-properties.test.ts b/code/renderers/react/src/docs/react-properties.test.ts
deleted file mode 100644
index 536a3b141898..000000000000
--- a/code/renderers/react/src/docs/react-properties.test.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import 'jest-specific-snapshot';
-import path from 'path';
-import fs from 'fs';
-import requireFromString from 'require-from-string';
-import { transformFileSync, transformSync } from '@babel/core';
-
-import { inferControls } from '@storybook/store';
-import type { AnyFramework } from '@storybook/csf';
-import { normalizeNewlines } from '@storybook/docs-tools';
-
-import type { StoryContext } from '../types';
-import { extractProps } from './extractProps';
-import { extractArgTypes } from './extractArgTypes';
-
-// jest.mock('../imported', () => () => ({ imported: 'imported-value' }), { virtual: true });
-
-// File hierarchy:
-// __testfixtures__ / some-test-case / input.*
-const inputRegExp = /^input\..*$/;
-
-const transformToModule = (inputCode: string) => {
- const options = {
- presets: [
- [
- '@babel/preset-env',
- {
- targets: {
- esmodules: true,
- },
- },
- ],
- ],
- };
- const { code } = transformSync(inputCode, options) || {};
- return normalizeNewlines(code || '');
-};
-
-const annotateWithDocgen = (inputPath: string) => {
- const options = {
- presets: ['@babel/typescript', '@babel/react'],
- plugins: ['babel-plugin-react-docgen', '@babel/plugin-proposal-class-properties'],
- babelrc: false,
- };
- const { code } = transformFileSync(inputPath, options) || {};
- return normalizeNewlines(code || '');
-};
-
-describe('react component properties', () => {
- const fixturesDir = path.join(__dirname, '__testfixtures__');
- fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
- if (testEntry.isDirectory()) {
- const testDir = path.join(fixturesDir, testEntry.name);
- const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
- if (testFile) {
- it(testEntry.name, () => {
- const inputPath = path.join(testDir, testFile);
-
- // snapshot the output of babel-plugin-react-docgen
- const docgenPretty = annotateWithDocgen(inputPath);
- expect(docgenPretty).toMatchSpecificSnapshot(path.join(testDir, 'docgen.snapshot'));
-
- // transform into an uglier format that's works with require-from-string
- const docgenModule = transformToModule(docgenPretty);
-
- // snapshot the output of component-properties/react
- const { component } = requireFromString(docgenModule, inputPath);
- const properties = extractProps(component);
- expect(properties).toMatchSpecificSnapshot(path.join(testDir, 'properties.snapshot'));
-
- // snapshot the output of `extractArgTypes`
- const argTypes = extractArgTypes(component);
- const parameters = { __isArgsStory: true };
- const rows = inferControls({
- argTypes,
- parameters,
- } as unknown as StoryContext);
- expect(rows).toMatchSpecificSnapshot(path.join(testDir, 'argTypes.snapshot'));
- });
- }
- }
- });
-});
diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/10017-ts-union/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/10017-ts-union/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/input.tsx b/code/renderers/react/template/stories/docgen-components/10017-ts-union/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/input.tsx
rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/properties.snapshot b/code/renderers/react/template/stories/docgen-components/10017-ts-union/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/input.tsx b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/input.tsx
rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot
similarity index 95%
rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot
index fb40620026d7..2b214f33aad2 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot
@@ -1,7 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 8140-js-prop-types-oneof 1`] = `
-"import React from 'react';
+"/* 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));
diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx
similarity index 85%
rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js
rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx
index 1eb6b30cf299..33a74d1818da 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js
+++ b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx
@@ -1,3 +1,5 @@
+/* eslint-disable react/require-default-props */
+/* eslint-disable react/no-unused-prop-types */
import React from 'react';
import PropTypes from 'prop-types';
diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/input.tsx b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/input.tsx
rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/types.ts b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/types.ts
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/types.ts
rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/types.ts
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx
rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/docgen.snapshot
similarity index 82%
rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/docgen.snapshot
index 670ab38ca25b..589ae55f4534 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/docgen.snapshot
@@ -1,7 +1,8 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 8279-js-styled-docgen 1`] = `
-"import styled from 'styled-components';
+"// eslint-disable-next-line import/no-extraneous-dependencies
+import styled from 'styled-components';
import PropTypes from 'prop-types';
/**
* Use \`A\` to provide a regular link
diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/input.jsx
similarity index 87%
rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js
rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/input.jsx
index 95cf14f635c8..4b6b88180044 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js
+++ b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/input.jsx
@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
import styled from 'styled-components';
import PropTypes from 'prop-types';
diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot
similarity index 91%
rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot
index 66de29c0363d..67ca04a2157f 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot
@@ -3,6 +3,9 @@
exports[`react component properties 8428-js-static-prop-types 1`] = `
"function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/* 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
diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx
similarity index 78%
rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js
rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx
index 20094fa268dd..4b416fe973a4 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js
+++ b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx
@@ -1,3 +1,5 @@
+/* eslint-disable react/no-unused-prop-types */
+/* eslint-disable react/require-default-props */
import React from 'react';
import PropTypes from 'prop-types';
diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/docgen.snapshot
similarity index 84%
rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/docgen.snapshot
index fc150a0dd969..53e86ec92ef5 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/docgen.snapshot
@@ -1,7 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 8663-js-styled-components 1`] = `
-"import React from 'react';
+"/* eslint-disable import/no-extraneous-dependencies */
+
+/* eslint-disable react/require-default-props */
+import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
const Box = styled.div\`
diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/input.jsx
similarity index 77%
rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js
rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/input.jsx
index 7eb40f01b946..c33048295c64 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js
+++ b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/input.jsx
@@ -1,3 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable react/require-default-props */
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/input.tsx
similarity index 88%
rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx
rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/input.tsx
index 65aba6f76e45..1fb6607d0b71 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/input.tsx
@@ -2,6 +2,7 @@ import React from 'react';
export interface ElemAProps {
size?: 'a' | 'b' | 'c' | 'd';
+ children: React.ReactNode;
}
export const Header: React.FC = ({ size = 'a', children }) => (
@@ -10,6 +11,7 @@ export const Header: React.FC = ({ size = 'a', children }) => (
export interface ElemBProps {
size?: 'sm' | 'md' | 'lg';
+ children: React.ReactNode;
}
export const Paragraph: React.FC = ({ size, children }) => (
diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx
similarity index 88%
rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx
rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx
index 0878c8cd8ca3..0ff5d347d5b5 100644
--- a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx
@@ -9,6 +9,10 @@ interface ButtonProps {
* Disables the button.
*/
disabled?: boolean;
+ /**
+ * Content of the button.
+ */
+ children: React.ReactNode;
}
const Button = forwardRef(
diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/docgen.snapshot
similarity index 86%
rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/docgen.snapshot
index 7eaddd268c72..a0d6b8d941a8 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/docgen.snapshot
@@ -1,9 +1,15 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 9023-js-hoc 1`] = `
-"/* eslint-disable react/prefer-stateless-function */
+"/* eslint-disable react/require-default-props */
+
+/* eslint-disable react/forbid-prop-types */
+
+/* eslint-disable react/no-unused-prop-types */
+
+/* eslint-disable react/prefer-stateless-function */
import React from 'react';
-import PropTypes from 'prop-types';
+import PropTypes from 'prop-types'; // deepscan-disable-next-line
const withStyles = themeFn => Comp => Comp;
diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx
similarity index 81%
rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js
rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx
index 3c40e3472a01..8aa4e5b846ba 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js
+++ b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx
@@ -1,7 +1,11 @@
+/* eslint-disable react/require-default-props */
+/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/no-unused-prop-types */
/* eslint-disable react/prefer-stateless-function */
import React from 'react';
import PropTypes from 'prop-types';
+// deepscan-disable-next-line
const withStyles = (themeFn) => (Comp) => Comp;
class Alert extends React.Component {
diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/input.js b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/input.js
rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot
similarity index 80%
rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot
index c70717fe8958..2803e7ec6689 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot
@@ -1,15 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 9493-ts-display-name 1`] = `
-"import styled from '@emotion/styled';
-import React from 'react';
-const Wrapper = styled('div')(({
- theme
-}) => ({
- backgroundColor: 'tomato',
- color: 'white',
- padding: 10
-}));
+"import React from 'react';
/**
* This message should show up in the Docs panel if everything works fine.
@@ -17,7 +9,7 @@ const Wrapper = styled('div')(({
export const EmpireAlert = ({
title = 'Code Yellow',
message
-}) => /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(\\"h1\\", null, title), /*#__PURE__*/React.createElement(\\"p\\", null, 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 = {
diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/input.tsx
similarity index 77%
rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/input.tsx
index e2e45016fd52..5cf209298351 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/input.tsx
@@ -1,12 +1,5 @@
-import styled from '@emotion/styled';
import React from 'react';
-const Wrapper = styled('div')(({ theme }) => ({
- backgroundColor: 'tomato',
- color: 'white',
- padding: 10,
-}));
-
type AlertCode = 'Code Red' | 'Code Yellow' | 'Code Green';
export interface EmpireAlertProps {
@@ -27,10 +20,10 @@ export const EmpireAlert: React.FC = ({
title = 'Code Yellow',
message,
}: EmpireAlertProps) => (
-
+
);
EmpireAlert.displayName = 'SomeOtherDisplayName';
diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot
similarity index 96%
rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot
index 032cc7300373..488595ad2c91 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot
@@ -11,6 +11,7 @@ const iconButton = function IconButton(props) {
};
iconButton.propTypes = {
+ // deepscan-disable-next-line
color: PropTypes.string
};
iconButton.defaultProps = {
diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx
similarity index 93%
rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx
index 20ddf073f781..30b3cdfff462 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx
@@ -13,6 +13,7 @@ const iconButton: FC = function IconButton(props) {
};
iconButton.propTypes = {
+ // deepscan-disable-next-line
color: PropTypes.string,
};
diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/input.js b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/input.js
rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/Bar.tsx b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/Bar.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/Bar.tsx
rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/Bar.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/input.tsx b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/input.js b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/input.jsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/input.js
rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/input.jsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot
similarity index 82%
rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot
index 46bb0295459a..83df2b79e995 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot
@@ -1,7 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 9668-js-proptypes-no-jsdoc 1`] = `
-"import React from 'react';
+"/* 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));
diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx
similarity index 63%
rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js
rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx
index 2e66bdd696d2..24837c61a4cd 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js
+++ b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx
@@ -1,3 +1,6 @@
+/* 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';
diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/input.tsx b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/input.tsx b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx
similarity index 82%
rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx
rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx
index 14754dc3a7aa..73afa23425aa 100644
--- a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx
@@ -1,6 +1,9 @@
import React, { FC, ComponentProps, HTMLAttributes } from 'react';
-type Props = Pick, 'onClick'>;
+type Props = Pick, 'onClick'> & {
+ children: React.ReactNode;
+};
+
const Button: FC = ({ children, onClick }) => (
{children}
diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/properties.snapshot
diff --git a/code/renderers/react/template/stories/docgen-components/imported.js b/code/renderers/react/template/stories/docgen-components/imported.js
new file mode 100644
index 000000000000..bd94145261b0
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/imported.js
@@ -0,0 +1 @@
+export const imported = 'imported-value';
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-class-component/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/js-class-component/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-class-component/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-class-component/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-class-component/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/js-class-component/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-class-component/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-class-component/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-class-component/input.js b/code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx
similarity index 94%
rename from code/renderers/react/src/docs/__testfixtures__/js-class-component/input.js
rename to code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx
index 2a20097cf217..f79658f01abe 100644
--- a/code/renderers/react/src/docs/__testfixtures__/js-class-component/input.js
+++ b/code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx
@@ -1,3 +1,5 @@
+/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/no-unused-prop-types */
import React from 'react';
import PropTypes from 'prop-types';
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-class-component/properties.snapshot b/code/renderers/react/template/stories/docgen-components/js-class-component/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-class-component/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-class-component/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/input.js b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/input.js
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/properties.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/input.js b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx
similarity index 92%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/input.js
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx
index 8bc5c569444f..ca1cb735478e 100644
--- a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/input.js
+++ b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx
@@ -1,3 +1,6 @@
+/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/no-unused-prop-types */
+/* eslint-disable react/require-default-props */
import React from 'react';
import PropTypes from 'prop-types';
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/properties.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component/input.js b/code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx
similarity index 94%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component/input.js
rename to code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx
index 42959b7b0cbd..a995807144eb 100644
--- a/code/renderers/react/src/docs/__testfixtures__/js-function-component/input.js
+++ b/code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx
@@ -1,3 +1,5 @@
+/* eslint-disable react/forbid-prop-types */
+/* eslint-disable react/no-unused-prop-types */
import React from 'react';
import PropTypes from 'prop-types';
diff --git a/code/renderers/react/src/docs/__testfixtures__/js-function-component/properties.snapshot b/code/renderers/react/template/stories/docgen-components/js-function-component/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/js-function-component/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/js-function-component/properties.snapshot
diff --git a/code/renderers/react/template/stories/docgen-components/js-proptypes/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/js-proptypes/docgen.snapshot
new file mode 100644
index 000000000000..c06e0d747fac
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/js-proptypes/docgen.snapshot
@@ -0,0 +1,1770 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties js-proptypes 1`] = `
+"import React from 'react';
+import PropTypes, { string, shape } from 'prop-types';
+import { PRESET_SHAPE, SOME_PROP_TYPES } from './ext';
+const NAMED_OBJECT = {
+ text: PropTypes.string.isRequired,
+ value: PropTypes.string.isRequired
+};
+const ANOTHER_OBJECT = {
+ foo: PropTypes.string,
+ bar: PropTypes.string
+};
+const NAMED_SHAPE = PropTypes.shape({
+ foo: PropTypes.string
+});
+export const POSITIONS = ['top-left', 'top-right', 'top-center'];
+
+const FunctionalComponent = () => {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"FunctionalComponent!\\");
+};
+
+class ClassComponent extends React.PureComponent {
+ render() {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"ClassComponent!\\");
+ }
+
+}
+
+function concat(a, b) {
+ return a + b;
+}
+
+function customPropType() {
+ return null;
+}
+
+const nestedCustomPropType = {
+ custom: customPropType
+};
+const SOME_INLINE_PROP_TYPES = {
+ /**
+ * Hey Hey!
+ */
+ inlineString: PropTypes.string,
+ inlineBool: PropTypes.bool,
+ inlineNumber: PropTypes.number,
+ inlineObj: PropTypes.shape({
+ foo: PropTypes.string
+ }),
+ inlineArray: PropTypes.arrayOf(PropTypes.number),
+ inlineArrayOfObjects: PropTypes.arrayOf({
+ foo: PropTypes.string
+ }),
+ inlineFunctionalElement: PropTypes.element,
+ inlineFunctionalElementInline: PropTypes.element,
+ inlineFunctionalElementInlineReturningNull: PropTypes.element,
+ inlineHtmlElement: PropTypes.element,
+ inlineFunctionalElementInlineWithProps: PropTypes.element,
+ inlineFunctionalElementNamedInline: PropTypes.element,
+ inlineClassElement: PropTypes.element,
+ inlineClassElementWithProps: PropTypes.element,
+ inlineClassElementWithChildren: PropTypes.element,
+ inlineClassElementInline: PropTypes.element,
+ inlineFunc: PropTypes.func
+};
+const SOME_INLINE_DEFAULT_PROPS = {
+ inlineString: 'Inline prop default value',
+ inlineBool: true,
+ inlineNumber: 10,
+ inlineObj: {
+ foo: 'bar'
+ },
+ inlineArray: [1, 2, 3],
+ inlineArrayOfObjects: [{
+ foo: 'bar'
+ }, {
+ foo: 'bar'
+ }, {
+ foo: 'bar'
+ }, {
+ foo: 'bar'
+ }, {
+ foo: 'bar'
+ }],
+ inlineFunctionalElement: /*#__PURE__*/React.createElement(FunctionalComponent, null),
+ inlineFunctionalElementInline: () => {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"Inlined FunctionalComponent!\\");
+ },
+ inlineFunctionalElementInlineReturningNull: () => {
+ return null;
+ },
+ inlineHtmlElement: /*#__PURE__*/React.createElement(\\"div\\", null, \\"Hey!\\"),
+ inlineFunctionalElementInlineWithProps: ({
+ foo
+ }) => {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, foo);
+ },
+ inlineFunctionalElementNamedInline: function InlinedFunctionalComponent() {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"Inlined FunctionalComponent!\\");
+ },
+ inlineClassElement: /*#__PURE__*/React.createElement(ClassComponent, null),
+ inlineClassElementWithProps: /*#__PURE__*/React.createElement(ClassComponent, {
+ className: \\"toto\\"
+ }),
+ inlineClassElementWithChildren: /*#__PURE__*/React.createElement(ClassComponent, null, /*#__PURE__*/React.createElement(\\"div\\", null, \\"hey!\\")),
+ inlineClassElementInline: class InlinedClassComponent extends React.PureComponent {
+ render() {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"Inlined ClassComponent!\\");
+ }
+
+ },
+ inlineFunc: function add(a, b) {
+ return a + b;
+ }
+};
+export const PropTypesProps = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"PropTypes!\\");
+PropTypesProps.propTypes = {
+ any: PropTypes.any,
+ bool: PropTypes.bool,
+ string: PropTypes.string,
+ func: PropTypes.func,
+
+ /**
+ * A function with JSDoc tags.
+ *
+ * @param {string} foo - A foo value.
+ * @param {number} bar - A bar value.
+ * @returns {ComplexObject} - Returns a complex object.
+ */
+ funcWithJsDoc: PropTypes.func,
+
+ /**
+ * @param {string} foo - A foo value.
+ * @param {number} bar - A bar value.
+ * @param {number} bar1 - A bar value.
+ * @param {number} bar2 - A bar value.
+ * @param {number} bar3 - A bar value.
+ * @param {number} bar4 - A bar value.
+ * @param {number} bar5 - A bar value.
+ * @returns {ComplexObject} - Returns a complex object.
+ */
+ semiLongFuncWithJsDoc: PropTypes.func,
+
+ /**
+ * @param {string} foo - A foo value.
+ * @param {number} bar - A bar value.
+ * @param {number} bar1 - A bar value.
+ * @param {number} bar2 - A bar value.
+ * @param {number} bar3 - A bar value.
+ * @param {number} bar4 - A bar value.
+ * @param {number} bar5 - A bar value.
+ * @param {number} bar6 - A bar value.
+ * @param {number} bar7 - A bar value.
+ * @param {number} bar8 - A bar value.
+ * @param {number} bar9 - A bar value.
+ * @param {number} bar10 - A bar value.
+ * @returns {ComplexObject} - Returns a complex object.
+ */
+ veryLongFuncWithJsDoc: PropTypes.func,
+ namedDefaultFunc: PropTypes.func,
+ number: PropTypes.number,
+
+ /**
+ * Plain object propType (use shape!!)
+ */
+ obj: PropTypes.object,
+ symbol: PropTypes.symbol,
+ node: PropTypes.node,
+ useCustomPropType: customPropType,
+ useNestedCustomPropType: nestedCustomPropType.custom,
+ functionalElement: PropTypes.element,
+ functionalElementInline: PropTypes.element,
+ functionalElementNamedInline: PropTypes.element,
+ classElement: PropTypes.element,
+ classElementInline: PropTypes.element,
+ functionalElementType: PropTypes.elementType,
+ classElementType: PropTypes.elementType,
+ elementWithProps: PropTypes.elementType,
+
+ /**
+ * \`instanceOf\` is also supported and the custom type will be shown instead of \`instanceOf\`
+ */
+ instanceOf: PropTypes.instanceOf(Set),
+
+ /**
+ * \`oneOf\` is basically an Enum which is also supported but can be pretty big.
+ */
+ oneOfString: PropTypes.oneOf(['News', 'Photos']),
+ oneOfNumeric: PropTypes.oneOf([0, 1, 2, 3]),
+ oneOfShapes: PropTypes.oneOf([PropTypes.shape({
+ foo: PropTypes.string
+ }), PropTypes.shape({
+ bar: PropTypes.number
+ })]),
+ oneOfComplexShapes: PropTypes.oneOf([PropTypes.shape({
+ /**
+ * Just an internal propType for a shape.
+ * It's also required, and as you can see it supports multi-line comments!
+ */
+ id: PropTypes.number.isRequired,
+
+ /**
+ * A simple non-required function
+ */
+ func: PropTypes.func,
+
+ /**
+ * An \`arrayOf\` shape
+ */
+ arr: PropTypes.arrayOf(PropTypes.shape({
+ /**
+ * 5-level deep propType definition and still works.
+ */
+ index: PropTypes.number.isRequired
+ }))
+ }), shape({
+ bar: PropTypes.number
+ })]),
+ oneOfComplexType: PropTypes.oneOf([NAMED_OBJECT, ANOTHER_OBJECT]),
+ oneOfComponents: PropTypes.oneOf([FunctionalComponent, ClassComponent]),
+ oneOfEval: PropTypes.oneOf((() => ['News', 'Photos'])()),
+ oneOfVar: PropTypes.oneOf(POSITIONS),
+ oneOfNested: PropTypes.oneOf(['News', ['bottom-left', 'bottom-center', 'bottom-right']]),
+ oneOfNestedSimpleInlineObject: PropTypes.oneOf(['News', [{
+ foo: PropTypes.string
+ }]]),
+ oneOfNestedComplexInlineObject: PropTypes.oneOf(['News', [{
+ nested: {
+ foo: PropTypes.string
+ }
+ }]]),
+ oneOfNestedComplexShape: PropTypes.oneOf(['News', [{
+ nested: PropTypes.shape({
+ foo: PropTypes.string
+ })
+ }]]),
+
+ /**
+ * A multi-type prop is also valid and is displayed as \`Union\`
+ */
+ oneOfType: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Set)]),
+
+ /**
+ * array of a primitive type
+ */
+ arrayOfPrimitive: PropTypes.arrayOf(PropTypes.number),
+ arrayOfNamedObject: PropTypes.arrayOf(NAMED_OBJECT),
+ arrayOfShortInlineObject: PropTypes.arrayOf({
+ foo: PropTypes.string
+ }),
+ arrayOfInlineObject: PropTypes.arrayOf({
+ text: PropTypes.string.isRequired,
+ value: PropTypes.string.isRequired
+ }),
+ arrayOfComplexInlineObject: PropTypes.arrayOf({
+ text: PropTypes.string.isRequired,
+ value: PropTypes.string.isRequired,
+ shape: {
+ id: PropTypes.string.isRequired,
+ age: PropTypes.number.isRequired
+ }
+ }),
+ arrayOfShortShape: PropTypes.arrayOf(PropTypes.shape({
+ bar: PropTypes.string
+ })),
+ arrayOfComplexShape: PropTypes.arrayOf(PropTypes.shape({
+ /**
+ * Just an internal propType for a shape.
+ * It's also required, and as you can see it supports multi-line comments!
+ */
+ id: PropTypes.number.isRequired,
+
+ /**
+ * A simple non-required function
+ */
+ func: PropTypes.func,
+
+ /**
+ * An \`arrayOf\` shape
+ */
+ arr: PropTypes.arrayOf(PropTypes.shape({
+ /**
+ * 5-level deep propType definition and still works.
+ */
+ index: PropTypes.number.isRequired
+ }))
+ })),
+ arrayExternalShape: PropTypes.arrayOf(PropTypes.shape(PRESET_SHAPE)),
+
+ /**
+ * A simple \`objectOf\` propType.
+ */
+ simpleObjectOf: PropTypes.objectOf(PropTypes.number),
+ objectOfShortInlineObject: PropTypes.objectOf({
+ foo: PropTypes.string
+ }),
+ objectOfInlineObject: PropTypes.objectOf({
+ foo: PropTypes.string,
+ bar: PropTypes.string,
+ barry: PropTypes.string
+ }),
+ objectOfShortShape: PropTypes.objectOf(PropTypes.shape({
+ foo: string
+ })),
+
+ /**
+ * A very complex \`objectOf\` propType.
+ */
+ objectOfComplexShape: PropTypes.objectOf(PropTypes.shape({
+ /**
+ * Just an internal propType for a shape.
+ * It's also required, and as you can see it supports multi-line comments!
+ */
+ id: PropTypes.number.isRequired,
+
+ /**
+ * A simple non-required function
+ */
+ func: PropTypes.func,
+
+ /**
+ * An \`arrayOf\` shape
+ */
+ arr: PropTypes.arrayOf(PropTypes.shape({
+ /**
+ * 5-level deep propType definition and still works.
+ */
+ index: PropTypes.number.isRequired
+ }))
+ })),
+ namedObjectOf: PropTypes.objectOf(NAMED_OBJECT),
+ shapeShort: PropTypes.shape({
+ foo: string
+ }),
+ shapeLong: PropTypes.shape({
+ foo: string,
+ prop1: string,
+ prop2: string,
+ prop3: string,
+ prop4: string,
+ prop5: string,
+ prop6: string,
+ prop7: string
+ }),
+
+ /**
+ * propType for shape with nested arrayOf
+ *
+ * Also, multi-line description
+ */
+ shapeComplex: PropTypes.shape({
+ /**
+ * Just an internal propType for a shape.
+ * It's also required, and as you can see it supports multi-line comments!
+ */
+ id: PropTypes.number.isRequired,
+
+ /**
+ * A simple non-required function
+ */
+ func: PropTypes.func,
+
+ /**
+ * An \`arrayOf\` shape
+ */
+ arr: PropTypes.arrayOf(PropTypes.shape({
+ /**
+ * 5-level deep propType definition and still works.
+ */
+ index: PropTypes.number.isRequired
+ })),
+ shape: PropTypes.shape({
+ shape: PropTypes.shape({
+ foo: PropTypes.string,
+ oneOf: PropTypes.oneOf(['one', 'two'])
+ })
+ }),
+ oneOf: PropTypes.oneOf(['one', 'two'])
+ }),
+ shapeWithArray: PropTypes.shape({
+ arr: PropTypes.arrayOf({
+ foo: PropTypes.string
+ })
+ }),
+ namedShape: NAMED_SHAPE,
+ namedObjectInShape: PropTypes.shape(NAMED_OBJECT),
+ exact: PropTypes.exact({
+ name: PropTypes.string,
+ quantity: PropTypes.number
+ }),
+ namedExact: PropTypes.exact(NAMED_OBJECT),
+
+ /**
+ * test string with a comment that has
+ * two identical lines
+ * two identical lines
+ */
+ optionalString: PropTypes.string,
+ requiredString: PropTypes.string.isRequired,
+ nullDefaultValue: PropTypes.string,
+ undefinedDefaultValue: PropTypes.string,
+ ...SOME_INLINE_PROP_TYPES,
+ ...SOME_PROP_TYPES
+};
+PropTypesProps.defaultProps = {
+ any: 'Default any',
+ bool: false,
+ string: 'Default string',
+ func: () => {},
+ funcWithJsDoc: (foo, bar) => {
+ // eslint-disable-next-line
+ const yo = window.document; // eslint-disable-next-line
+
+ const pouf = souffle;
+ return {
+ foo,
+ bar
+ };
+ },
+ namedDefaultFunc: concat,
+ number: 5,
+ obj: {
+ key: 'value'
+ },
+ symbol: Symbol('Default symbol'),
+ node: /*#__PURE__*/React.createElement(\\"div\\", null, \\"Hello!\\"),
+ functionalElement: /*#__PURE__*/React.createElement(FunctionalComponent, {
+ className: \\"toto\\"
+ }),
+ functionalElementInline: () => {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"Inlined FunctionalComponent!\\");
+ },
+ functionalElementNamedInline: function InlinedFunctionalComponent() {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"Inlined FunctionalComponent!\\");
+ },
+ classElement: /*#__PURE__*/React.createElement(ClassComponent, null),
+ classElementInline: class InlinedClassComponent extends React.PureComponent {
+ render() {
+ return /*#__PURE__*/React.createElement(\\"div\\", null, \\"Inlined ClassComponent!\\");
+ }
+
+ },
+ functionalElementType: FunctionalComponent,
+ classElementType: ClassComponent,
+ elementWithProps: /*#__PURE__*/React.createElement(ClassComponent, {
+ className: \\"w8 h8 fill-marine-500\\"
+ }),
+ instanceOf: new Set(),
+ oneOfString: 'News',
+ oneOfNumeric: 1,
+ oneOfShapes: {
+ foo: 'bar'
+ },
+ oneOfComplexShapes: {
+ thing: {
+ id: 2,
+ func: () => {},
+ arr: []
+ }
+ },
+ oneOfComplexType: {
+ text: 'foo',
+ value: 'bar'
+ },
+ oneOfComponents: /*#__PURE__*/React.createElement(FunctionalComponent, null),
+ oneOfEval: 'Photos',
+ oneOfVar: 'top-right',
+ oneOfNested: 'top-right',
+ oneOfType: 'hello',
+ arrayOfPrimitive: [1, 2, 3],
+ arrayOfString: ['0px', '0px'],
+ arrayOfNamedObject: [{
+ text: 'foo',
+ value: 'bar'
+ }],
+ arrayOfShortInlineObject: [{
+ foo: 'bar'
+ }],
+ arrayOfInlineObject: [{
+ text: 'foo',
+ value: 'bar'
+ }],
+ arrayOfComplexInlineObject: [{
+ text: 'foo',
+ value: 'bar'
+ }],
+ arrayOfShortShape: [{
+ bar: 'foo'
+ }],
+ arrayOfComplexShape: [{
+ thing: {
+ id: 2,
+ func: () => {},
+ arr: []
+ }
+ }],
+ simpleObjectOf: {
+ key: 1
+ },
+ objectOfShortInlineObject: {
+ foo: 'bar'
+ },
+ objectOfInlineObject: {
+ foo: 'bar',
+ bar: 'foo'
+ },
+ objectOfShortShape: {
+ foo: 'bar'
+ },
+ objectOfComplexShape: {
+ thing: {
+ id: 2,
+ func: () => {},
+ arr: []
+ }
+ },
+ namedObjectOf: {
+ text: 'foo',
+ value: 'bar'
+ },
+ shapeShort: {
+ foo: 'bar'
+ },
+ shapeComplex: {
+ id: 3,
+ func: () => {},
+ arr: [],
+ shape: {
+ shape: {
+ foo: 'bar'
+ }
+ }
+ },
+ namedShape: {
+ foo: 'bar'
+ },
+ namedObjectInShape: {
+ text: 'foo',
+ value: 'bar'
+ },
+ exact: {
+ name: 'foo',
+ quantity: 2
+ },
+ namedExact: {
+ text: 'foo',
+ value: 'bar'
+ },
+ optionalString: 'Default String',
+ nullDefaultValue: null,
+ undefinedDefaultValue: undefined,
+ ...SOME_INLINE_DEFAULT_PROPS
+};
+export const component = PropTypesProps;
+PropTypesProps.__docgenInfo = {
+ \\"description\\": \\"\\",
+ \\"methods\\": [],
+ \\"displayName\\": \\"PropTypesProps\\",
+ \\"props\\": {
+ \\"any\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'Default any'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"any\\"
+ },
+ \\"required\\": false
+ },
+ \\"bool\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"false\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"bool\\"
+ },
+ \\"required\\": false
+ },
+ \\"string\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'Default string'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"func\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"() => {}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"funcWithJsDoc\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"(foo, bar) => {\\\\n // eslint-disable-next-line\\\\n const yo = window.document;\\\\n // eslint-disable-next-line\\\\n const pouf = souffle;\\\\n\\\\n return { foo, bar };\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"A function with JSDoc tags.\\\\n\\\\n@param {string} foo - A foo value.\\\\n@param {number} bar - A bar value.\\\\n@returns {ComplexObject} - Returns a complex object.\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"namedDefaultFunc\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"function concat(a, b) {\\\\n return a + b;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"number\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"5\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"number\\"
+ },
+ \\"required\\": false
+ },
+ \\"obj\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{\\\\n key: 'value',\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"Plain object propType (use shape!!)\\",
+ \\"type\\": {
+ \\"name\\": \\"object\\"
+ },
+ \\"required\\": false
+ },
+ \\"symbol\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"Symbol('Default symbol')\\",
+ \\"computed\\": true
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"symbol\\"
+ },
+ \\"required\\": false
+ },
+ \\"node\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"Hello!
\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"node\\"
+ },
+ \\"required\\": false
+ },
+ \\"functionalElement\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"functionalElementInline\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"() => {\\\\n return Inlined FunctionalComponent!
;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"functionalElementNamedInline\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"function InlinedFunctionalComponent() {\\\\n return Inlined FunctionalComponent!
;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"classElement\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"classElementInline\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"class InlinedClassComponent extends React.PureComponent {\\\\n render() {\\\\n return Inlined ClassComponent!
;\\\\n }\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"functionalElementType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"() => {\\\\n return FunctionalComponent!
;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"elementType\\"
+ },
+ \\"required\\": false
+ },
+ \\"classElementType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"class ClassComponent extends React.PureComponent {\\\\n render() {\\\\n return ClassComponent!
;\\\\n }\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"elementType\\"
+ },
+ \\"required\\": false
+ },
+ \\"elementWithProps\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"elementType\\"
+ },
+ \\"required\\": false
+ },
+ \\"instanceOf\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"new Set()\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\`instanceOf\` is also supported and the custom type will be shown instead of \`instanceOf\`\\",
+ \\"type\\": {
+ \\"name\\": \\"instanceOf\\",
+ \\"value\\": \\"Set\\"
+ },
+ \\"required\\": false
+ },
+ \\"oneOfString\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'News'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\`oneOf\` is basically an Enum which is also supported but can be pretty big.\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'News'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"'Photos'\\",
+ \\"computed\\": false
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfNumeric\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"1\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"0\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"1\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"2\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"3\\",
+ \\"computed\\": false
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfShapes\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"PropTypes.shape({ foo: PropTypes.string })\\",
+ \\"computed\\": true
+ }, {
+ \\"value\\": \\"PropTypes.shape({ bar: PropTypes.number })\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfComplexShapes\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{\\\\n thing: {\\\\n id: 2,\\\\n func: () => {},\\\\n arr: [],\\\\n },\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"PropTypes.shape({\\\\n /**\\\\n * Just an internal propType for a shape.\\\\n * It's also required, and as you can see it supports multi-line comments!\\\\n */\\\\n id: PropTypes.number.isRequired,\\\\n /**\\\\n * A simple non-required function\\\\n */\\\\n func: PropTypes.func,\\\\n /**\\\\n * An \`arrayOf\` shape\\\\n */\\\\n arr: PropTypes.arrayOf(\\\\n PropTypes.shape({\\\\n /**\\\\n * 5-level deep propType definition and still works.\\\\n */\\\\n index: PropTypes.number.isRequired,\\\\n })\\\\n ),\\\\n})\\",
+ \\"computed\\": true
+ }, {
+ \\"value\\": \\"shape({ bar: PropTypes.number })\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfComplexType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"{\\\\n text: PropTypes.string.isRequired,\\\\n value: PropTypes.string.isRequired,\\\\n}\\",
+ \\"computed\\": true
+ }, {
+ \\"value\\": \\"{\\\\n foo: PropTypes.string,\\\\n bar: PropTypes.string,\\\\n}\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfComponents\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"() => {\\\\n return FunctionalComponent!
;\\\\n}\\",
+ \\"computed\\": true
+ }, {
+ \\"value\\": \\"class ClassComponent extends React.PureComponent {\\\\n render() {\\\\n return ClassComponent!
;\\\\n }\\\\n}\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfEval\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'Photos'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"computed\\": true,
+ \\"value\\": \\"(() => ['News', 'Photos'])()\\"
+ },
+ \\"required\\": false
+ },
+ \\"oneOfVar\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'top-right'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'top-left'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"'top-right'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"'top-center'\\",
+ \\"computed\\": false
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfNested\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'top-right'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'News'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"['bottom-left', 'bottom-center', 'bottom-right']\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'hello'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"A multi-type prop is also valid and is displayed as \`Union\`\\",
+ \\"type\\": {
+ \\"name\\": \\"union\\",
+ \\"value\\": [{
+ \\"name\\": \\"string\\"
+ }, {
+ \\"name\\": \\"instanceOf\\",
+ \\"value\\": \\"Set\\"
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfPrimitive\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[1, 2, 3]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"array of a primitive type\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"number\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfString\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"['0px', '0px']\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfNamedObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[{ text: 'foo', value: 'bar' }]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"NAMED_OBJECT\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfShortInlineObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[{ foo: 'bar' }]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{\\\\n foo: PropTypes.string,\\\\n}\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfInlineObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[{ text: 'foo', value: 'bar' }]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{\\\\n text: PropTypes.string.isRequired,\\\\n value: PropTypes.string.isRequired,\\\\n}\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfComplexInlineObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[{ text: 'foo', value: 'bar' }]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{\\\\n text: PropTypes.string.isRequired,\\\\n value: PropTypes.string.isRequired,\\\\n shape: {\\\\n id: PropTypes.string.isRequired,\\\\n age: PropTypes.number.isRequired,\\\\n },\\\\n}\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfShortShape\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[{ bar: 'foo' }]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"bar\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ }
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfComplexShape\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[\\\\n {\\\\n thing: {\\\\n id: 2,\\\\n func: () => {},\\\\n arr: [],\\\\n },\\\\n },\\\\n]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"id\\": {
+ \\"name\\": \\"number\\",
+ \\"description\\": \\"Just an internal propType for a shape.\\\\n It's also required, and as you can see it supports multi-line comments!\\",
+ \\"required\\": true
+ },
+ \\"func\\": {
+ \\"name\\": \\"func\\",
+ \\"description\\": \\"A simple non-required function\\",
+ \\"required\\": false
+ },
+ \\"arr\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"index\\": {
+ \\"name\\": \\"number\\",
+ \\"description\\": \\"5-level deep propType definition and still works.\\",
+ \\"required\\": true
+ }
+ }
+ },
+ \\"description\\": \\"An \`arrayOf\` shape\\",
+ \\"required\\": false
+ }
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"simpleObjectOf\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ key: 1 }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"A simple \`objectOf\` propType.\\",
+ \\"type\\": {
+ \\"name\\": \\"objectOf\\",
+ \\"value\\": {
+ \\"name\\": \\"number\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"objectOfShortInlineObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"objectOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{\\\\n foo: PropTypes.string,\\\\n}\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"objectOfInlineObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar', bar: 'foo' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"objectOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{\\\\n foo: PropTypes.string,\\\\n bar: PropTypes.string,\\\\n barry: PropTypes.string,\\\\n}\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"objectOfShortShape\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"objectOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"foo\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ }
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"objectOfComplexShape\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{\\\\n thing: {\\\\n id: 2,\\\\n func: () => {},\\\\n arr: [],\\\\n },\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"A very complex \`objectOf\` propType.\\",
+ \\"type\\": {
+ \\"name\\": \\"objectOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"id\\": {
+ \\"name\\": \\"number\\",
+ \\"description\\": \\"Just an internal propType for a shape.\\\\n It's also required, and as you can see it supports multi-line comments!\\",
+ \\"required\\": true
+ },
+ \\"func\\": {
+ \\"name\\": \\"func\\",
+ \\"description\\": \\"A simple non-required function\\",
+ \\"required\\": false
+ },
+ \\"arr\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"index\\": {
+ \\"name\\": \\"number\\",
+ \\"description\\": \\"5-level deep propType definition and still works.\\",
+ \\"required\\": true
+ }
+ }
+ },
+ \\"description\\": \\"An \`arrayOf\` shape\\",
+ \\"required\\": false
+ }
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"namedObjectOf\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"objectOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"NAMED_OBJECT\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"shapeShort\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"foo\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"shapeComplex\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{\\\\n id: 3,\\\\n func: () => {},\\\\n arr: [],\\\\n shape: {\\\\n shape: {\\\\n foo: 'bar',\\\\n },\\\\n },\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"propType for shape with nested arrayOf\\\\n\\\\nAlso, multi-line description\\",
+ \\"type\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"id\\": {
+ \\"name\\": \\"number\\",
+ \\"description\\": \\"Just an internal propType for a shape.\\\\n It's also required, and as you can see it supports multi-line comments!\\",
+ \\"required\\": true
+ },
+ \\"func\\": {
+ \\"name\\": \\"func\\",
+ \\"description\\": \\"A simple non-required function\\",
+ \\"required\\": false
+ },
+ \\"arr\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"index\\": {
+ \\"name\\": \\"number\\",
+ \\"description\\": \\"5-level deep propType definition and still works.\\",
+ \\"required\\": true
+ }
+ }
+ },
+ \\"description\\": \\"An \`arrayOf\` shape\\",
+ \\"required\\": false
+ },
+ \\"shape\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"shape\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"foo\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"oneOf\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'one'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"'two'\\",
+ \\"computed\\": false
+ }],
+ \\"required\\": false
+ }
+ },
+ \\"required\\": false
+ }
+ },
+ \\"required\\": false
+ },
+ \\"oneOf\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'one'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"'two'\\",
+ \\"computed\\": false
+ }],
+ \\"required\\": false
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"namedShape\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"NAMED_SHAPE\\"
+ },
+ \\"required\\": false
+ },
+ \\"namedObjectInShape\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"text\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": true
+ },
+ \\"value\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": true
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"exact\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ name: 'foo', quantity: 2 }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"exact\\",
+ \\"value\\": {
+ \\"name\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"quantity\\": {
+ \\"name\\": \\"number\\",
+ \\"required\\": false
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"namedExact\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"exact\\",
+ \\"value\\": {
+ \\"text\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": true
+ },
+ \\"value\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": true
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"optionalString\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'Default String'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"test string with a comment that has\\\\ntwo identical lines\\\\ntwo identical lines\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"nullDefaultValue\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"null\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"undefinedDefaultValue\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"undefined\\",
+ \\"computed\\": true
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineString\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'Inline prop default value'\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"Hey Hey!\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineBool\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"true\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"bool\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineNumber\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"10\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"number\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineObj\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"foo\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"inlineArray\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[1, 2, 3]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"number\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"inlineArrayOfObjects\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[\\\\n { foo: 'bar' },\\\\n { foo: 'bar' },\\\\n { foo: 'bar' },\\\\n { foo: 'bar' },\\\\n { foo: 'bar' },\\\\n]\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{ foo: PropTypes.string }\\"
+ }
+ },
+ \\"required\\": false
+ },
+ \\"inlineFunctionalElement\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineFunctionalElementInline\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"() => {\\\\n return Inlined FunctionalComponent!
;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineFunctionalElementInlineReturningNull\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"() => {\\\\n return null;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineHtmlElement\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"Hey!
\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineFunctionalElementInlineWithProps\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"({ foo }) => {\\\\n return {foo}
;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineFunctionalElementNamedInline\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"function InlinedFunctionalComponent() {\\\\n return Inlined FunctionalComponent!
;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineClassElement\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineClassElementWithProps\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\" \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineClassElementWithChildren\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"\\\\n hey!
\\\\n \\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineClassElementInline\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"class InlinedClassComponent extends React.PureComponent {\\\\n render() {\\\\n return Inlined ClassComponent!
;\\\\n }\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"element\\"
+ },
+ \\"required\\": false
+ },
+ \\"inlineFunc\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"function add(a, b) {\\\\n return a + b;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"semiLongFuncWithJsDoc\\": {
+ \\"description\\": \\"@param {string} foo - A foo value.\\\\n@param {number} bar - A bar value.\\\\n@param {number} bar1 - A bar value.\\\\n@param {number} bar2 - A bar value.\\\\n@param {number} bar3 - A bar value.\\\\n@param {number} bar4 - A bar value.\\\\n@param {number} bar5 - A bar value.\\\\n@returns {ComplexObject} - Returns a complex object.\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"veryLongFuncWithJsDoc\\": {
+ \\"description\\": \\"@param {string} foo - A foo value.\\\\n@param {number} bar - A bar value.\\\\n@param {number} bar1 - A bar value.\\\\n@param {number} bar2 - A bar value.\\\\n@param {number} bar3 - A bar value.\\\\n@param {number} bar4 - A bar value.\\\\n@param {number} bar5 - A bar value.\\\\n@param {number} bar6 - A bar value.\\\\n@param {number} bar7 - A bar value.\\\\n@param {number} bar8 - A bar value.\\\\n@param {number} bar9 - A bar value.\\\\n@param {number} bar10 - A bar value.\\\\n@returns {ComplexObject} - Returns a complex object.\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"useCustomPropType\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"customPropType\\"
+ },
+ \\"required\\": false
+ },
+ \\"useNestedCustomPropType\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"nestedCustomPropType.custom\\"
+ },
+ \\"required\\": false
+ },
+ \\"oneOfNestedSimpleInlineObject\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'News'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"[{ foo: PropTypes.string }]\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfNestedComplexInlineObject\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'News'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"[{ nested: { foo: PropTypes.string } }]\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"oneOfNestedComplexShape\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"enum\\",
+ \\"value\\": [{
+ \\"value\\": \\"'News'\\",
+ \\"computed\\": false
+ }, {
+ \\"value\\": \\"[{ nested: PropTypes.shape({ foo: PropTypes.string }) }]\\",
+ \\"computed\\": true
+ }]
+ },
+ \\"required\\": false
+ },
+ \\"arrayExternalShape\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": \\"import { PRESET_SHAPE, SOME_PROP_TYPES } from './ext';\\",
+ \\"computed\\": true
+ }
+ },
+ \\"required\\": false
+ },
+ \\"shapeLong\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"foo\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop1\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop2\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop3\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop4\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop5\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop6\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ },
+ \\"prop7\\": {
+ \\"name\\": \\"string\\",
+ \\"required\\": false
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"shapeWithArray\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"shape\\",
+ \\"value\\": {
+ \\"arr\\": {
+ \\"name\\": \\"arrayOf\\",
+ \\"value\\": {
+ \\"name\\": \\"custom\\",
+ \\"raw\\": \\"{ foo: PropTypes.string }\\"
+ },
+ \\"required\\": false
+ }
+ }
+ },
+ \\"required\\": false
+ },
+ \\"requiredString\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": true
+ }
+ },
+ \\"composes\\": [\\"./ext\\"]
+};"
+`;
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ext.js b/code/renderers/react/template/stories/docgen-components/js-proptypes/ext.js
similarity index 100%
rename from code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ext.js
rename to code/renderers/react/template/stories/docgen-components/js-proptypes/ext.js
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/prop-types.js b/code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx
similarity index 98%
rename from code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/prop-types.js
rename to code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx
index ffc88c53c5ab..529189071b2e 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/prop-types.js
+++ b/code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx
@@ -1,7 +1,7 @@
/* eslint-disable react/no-unused-prop-types */
+/* eslint-disable react/forbid-prop-types */
import React from 'react';
import PropTypes, { string, shape } from 'prop-types';
-import momentPropTypes from 'react-moment-proptypes';
import { PRESET_SHAPE, SOME_PROP_TYPES } from './ext';
const NAMED_OBJECT = {
@@ -114,7 +114,6 @@ const SOME_INLINE_DEFAULT_PROPS = {
export const PropTypesProps = () => PropTypes!
;
PropTypesProps.propTypes = {
- // eslint-disable-next-line react/forbid-prop-types
any: PropTypes.any,
bool: PropTypes.bool,
string: PropTypes.string,
@@ -159,12 +158,11 @@ PropTypesProps.propTypes = {
/**
* Plain object propType (use shape!!)
*/
- obj: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+ obj: PropTypes.object,
symbol: PropTypes.symbol,
node: PropTypes.node,
useCustomPropType: customPropType,
useNestedCustomPropType: nestedCustomPropType.custom,
- externalMomentPropType: momentPropTypes.momentObj,
functionalElement: PropTypes.element,
functionalElementInline: PropTypes.element,
functionalElementNamedInline: PropTypes.element,
@@ -495,3 +493,5 @@ PropTypesProps.defaultProps = {
undefinedDefaultValue: undefined,
...SOME_INLINE_DEFAULT_PROPS,
};
+
+export const component = PropTypesProps;
diff --git a/code/renderers/react/template/stories/docgen-components/jsdoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/jsdoc/argTypes.snapshot
new file mode 100644
index 000000000000..efac337faeac
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/jsdoc/argTypes.snapshot
@@ -0,0 +1,969 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties jsdoc 1`] = `
+Object {
+ "case1": Object {
+ "control": Object {
+ "type": "text",
+ },
+ "description": "simple description.",
+ "name": "case1",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ "type": Object {
+ "name": "string",
+ "required": false,
+ },
+ },
+ "case10": Object {
+ "description": "param with name",
+ "name": "case10",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case11": Object {
+ "description": "param with name & type",
+ "name": "case11",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case12": Object {
+ "description": "param with name, type & description",
+ "name": "case12",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case13": Object {
+ "description": "param with type",
+ "name": "case13",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "SyntheticEvent",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(SyntheticEvent)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case14": Object {
+ "description": "param with type & description",
+ "name": "case14",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case15": Object {
+ "description": "param with name & description",
+ "name": "case15",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case16": Object {
+ "description": "autofix event-",
+ "name": "case16",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case17": Object {
+ "description": "autofix event.",
+ "name": "case17",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event) => string",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case18": Object {
+ "description": "with an empty param.",
+ "name": "case18",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case19": Object {
+ "description": "with multiple empty params.",
+ "name": "case19",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case2": Object {
+ "control": Object {
+ "type": "text",
+ },
+ "description": "multi
+lines
+description",
+ "name": "case2",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ "type": Object {
+ "name": "string",
+ "required": false,
+ },
+ },
+ "case20": Object {
+ "description": "with arg alias.",
+ "name": "case20",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case21": Object {
+ "description": "with argument alias.",
+ "name": "case21",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case22": Object {
+ "description": "with multiple params.",
+ "name": "case22",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ Object {
+ "description": null,
+ "name": "stringValue",
+ },
+ Object {
+ "description": null,
+ "name": "numberValue",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent, stringValue: string, numberValue: number)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case23": Object {
+ "description": "with an empty returns",
+ "name": "case23",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case24": Object {
+ "description": "with a returns with a type",
+ "name": "case24",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => SyntheticEvent",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case25": Object {
+ "description": "with a returns with a type & description",
+ "name": "case25",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": "React's original event",
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => SyntheticEvent",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case26": Object {
+ "description": "single param and a returns",
+ "name": "case26",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "stringValue",
+ },
+ ],
+ "returns": Object {
+ "description": "React's original event",
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(stringValue: string) => SyntheticEvent",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case27": Object {
+ "description": "multiple params and a returns",
+ "name": "case27",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "stringValue",
+ },
+ Object {
+ "description": null,
+ "name": "numberValue",
+ },
+ ],
+ "returns": Object {
+ "description": "React's original event",
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(stringValue: string, numberValue: number) => SyntheticEvent",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case28": Object {
+ "description": "multiple returns",
+ "name": "case28",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": "Second returns",
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => string",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case29": Object {
+ "description": "param with unsupported JSDoc tags",
+ "name": "case29",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case3": Object {
+ "control": Object {
+ "type": "text",
+ },
+ "description": "*description* **with** \`formatting\`",
+ "name": "case3",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ "type": Object {
+ "name": "string",
+ "required": false,
+ },
+ },
+ "case30": Object {
+ "description": "param record type",
+ "name": "case30",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: ({a: number, b: string}))",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case31": Object {
+ "description": "param array type",
+ "name": "case31",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: string[])",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case32": Object {
+ "description": "param union type",
+ "name": "case32",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: (number|boolean))",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case33": Object {
+ "description": "param any type",
+ "name": "case33",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: any)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case34": Object {
+ "description": "param repeatable type",
+ "name": "case34",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case35": Object {
+ "description": "optional param",
+ "name": "case35",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: number)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case36": Object {
+ "description": "optional param",
+ "name": "case36",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: number)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case37": Object {
+ "description": "dot in param name",
+ "name": "case37",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "my.type",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(my.type: number)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case38": Object {
+ "description": "returns record type",
+ "name": "case38",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => ({a: number, b: string})",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case39": Object {
+ "description": "returns array type",
+ "name": "case39",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => string[]",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case4": Object {
+ "control": Object {
+ "type": "text",
+ },
+ "description": "simple description and dummy JSDoc tag.",
+ "name": "case4",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ "type": Object {
+ "name": "string",
+ "required": false,
+ },
+ },
+ "case40": Object {
+ "description": "returns union type",
+ "name": "case40",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => (number|boolean)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case41": Object {
+ "description": "returns any type",
+ "name": "case41",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => any",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case42": Object {
+ "description": "returns primitive",
+ "name": "case42",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => string",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case43": Object {
+ "description": "returns void",
+ "name": "case43",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => void",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case5": Object {
+ "control": Object {
+ "type": "text",
+ },
+ "description": "",
+ "name": "case5",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ "type": Object {
+ "name": "string",
+ "required": false,
+ },
+ },
+ "case6": Object {
+ "control": Object {
+ "type": "text",
+ },
+ "description": "simple description with a @.",
+ "name": "case6",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ "type": Object {
+ "name": "string",
+ "required": false,
+ },
+ },
+ "case7": Object {
+ "description": "",
+ "name": "case7",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case8": Object {
+ "description": "func with a simple description.",
+ "name": "case8",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+ "case9": Object {
+ "description": "",
+ "name": "case9",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ "type": Object {
+ "name": "function",
+ "required": false,
+ },
+ },
+}
+`;
diff --git a/code/renderers/react/template/stories/docgen-components/jsdoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/jsdoc/docgen.snapshot
new file mode 100644
index 000000000000..3a998ec095ed
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/jsdoc/docgen.snapshot
@@ -0,0 +1,592 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties jsdoc 1`] = `
+"/* eslint-disable react/require-default-props, react/no-unused-prop-types */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const JsDocProps = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"JSDoc with PropTypes!\\");
+
+JsDocProps.propTypes = {
+ /**
+ * should not be visible since it's ignored.
+ * @ignore
+ */
+ case0: PropTypes.string,
+
+ /**
+ * simple description.
+ */
+ case1: PropTypes.string,
+
+ /**
+ * multi
+ * lines
+ * description
+ */
+ case2: PropTypes.string,
+
+ /**
+ * *description* **with** \`formatting\`
+ */
+ case3: PropTypes.string,
+
+ /**
+ * simple description and dummy JSDoc tag.
+ * @param event
+ */
+ case4: PropTypes.string,
+
+ /**
+ * @param event
+ */
+ case5: PropTypes.string,
+
+ /**
+ * simple description with a @.
+ */
+ case6: PropTypes.string,
+ case7: PropTypes.func,
+
+ /**
+ * func with a simple description.
+ */
+ case8: PropTypes.func,
+
+ /**
+ * @param event
+ */
+ case9: PropTypes.func,
+
+ /**
+ * param with name
+ * @param event
+ */
+ case10: PropTypes.func,
+
+ /**
+ * param with name & type
+ * @param {SyntheticEvent} event
+ */
+ case11: PropTypes.func,
+
+ /**
+ * param with name, type & description
+ * @param {SyntheticEvent} event - React's original event
+ */
+ case12: PropTypes.func,
+
+ /**
+ * param with type
+ * @param {SyntheticEvent}
+ */
+ case13: PropTypes.func,
+
+ /**
+ * param with type & description
+ * @param {SyntheticEvent} - React's original event
+ */
+ case14: PropTypes.func,
+
+ /**
+ * param with name & description
+ * @param event - React's original event
+ */
+ case15: PropTypes.func,
+
+ /**
+ * autofix event-
+ * @param event- React's original event
+ */
+ case16: PropTypes.func,
+
+ /**
+ * autofix event.
+ * @param event.
+ * @returns {string}
+ */
+ case17: PropTypes.func,
+
+ /**
+ * with an empty param.
+ * @param
+ */
+ case18: PropTypes.func,
+
+ /**
+ * with multiple empty params.
+ * @param
+ * @param
+ * @param
+ */
+ case19: PropTypes.func,
+
+ /**
+ * with arg alias.
+ * @arg event
+ */
+ case20: PropTypes.func,
+
+ /**
+ * with argument alias.
+ * @argument event
+ */
+ case21: PropTypes.func,
+
+ /**
+ * with multiple params.
+ * @param {SyntheticEvent} event
+ * @param {string} stringValue
+ * @param {number} numberValue
+ */
+ case22: PropTypes.func,
+
+ /**
+ * with an empty returns
+ * @returns
+ */
+ case23: PropTypes.func,
+
+ /**
+ * with a returns with a type
+ * @returns {SyntheticEvent}
+ */
+ case24: PropTypes.func,
+
+ /**
+ * with a returns with a type & description
+ * @returns {SyntheticEvent} - React's original event
+ */
+ case25: PropTypes.func,
+
+ /**
+ * single param and a returns
+ * @param {string} stringValue
+ * @returns {SyntheticEvent} - React's original event
+ */
+ case26: PropTypes.func,
+
+ /**
+ * multiple params and a returns
+ * @param {string} stringValue
+ * @param {number} numberValue
+ * @returns {SyntheticEvent} - React's original event
+ */
+ case27: PropTypes.func,
+
+ /**
+ * multiple returns
+ * @returns {SyntheticEvent} - React's original event
+ * @returns {string} - Second returns
+ */
+ case28: PropTypes.func,
+
+ /**
+ * param with unsupported JSDoc tags
+ * @param {SyntheticEvent} event - React's original event
+ * @type {number}
+ * @version 2
+ */
+ case29: PropTypes.func,
+
+ /**
+ * param record type
+ * @param {{a: number, b: string}} myType
+ */
+ case30: PropTypes.func,
+
+ /**
+ * param array type
+ * @param {string[]} myType
+ */
+ case31: PropTypes.func,
+
+ /**
+ * param union type
+ * @param {(number|boolean)} myType
+ */
+ case32: PropTypes.func,
+
+ /**
+ * param any type
+ * @param {*} myType
+ */
+ case33: PropTypes.func,
+
+ /**
+ * param repeatable type
+ * @param {...number} myType
+ */
+ case34: PropTypes.func,
+
+ /**
+ * optional param
+ * @param {number} [myType]
+ */
+ case35: PropTypes.func,
+
+ /**
+ * optional param
+ * @param {number} [myType]
+ */
+ case36: PropTypes.func,
+
+ /**
+ * dot in param name
+ * @param {number} my.type
+ */
+ case37: PropTypes.func,
+
+ /**
+ * returns record type
+ * @returns {{a: number, b: string}}
+ */
+ case38: PropTypes.func,
+
+ /**
+ * returns array type
+ * @returns {string[]}
+ */
+ case39: PropTypes.func,
+
+ /**
+ * returns union type
+ * @returns {(number|boolean)}
+ */
+ case40: PropTypes.func,
+
+ /**
+ * returns any type
+ * @returns {*}
+ */
+ case41: PropTypes.func,
+
+ /**
+ * returns primitive
+ * @returns {string}
+ */
+ case42: PropTypes.func,
+
+ /**
+ * returns void
+ * @returns {void}
+ */
+ case43: PropTypes.func
+};
+export const component = JsDocProps;
+JsDocProps.__docgenInfo = {
+ \\"description\\": \\"\\",
+ \\"methods\\": [],
+ \\"displayName\\": \\"JsDocProps\\",
+ \\"props\\": {
+ \\"case0\\": {
+ \\"description\\": \\"should not be visible since it's ignored.\\\\n@ignore\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case1\\": {
+ \\"description\\": \\"simple description.\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case2\\": {
+ \\"description\\": \\"multi\\\\nlines\\\\ndescription\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case3\\": {
+ \\"description\\": \\"*description* **with** \`formatting\`\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case4\\": {
+ \\"description\\": \\"simple description and dummy JSDoc tag.\\\\n@param event\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case5\\": {
+ \\"description\\": \\"@param event\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case6\\": {
+ \\"description\\": \\"simple description with a @.\\",
+ \\"type\\": {
+ \\"name\\": \\"string\\"
+ },
+ \\"required\\": false
+ },
+ \\"case7\\": {
+ \\"description\\": \\"\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case8\\": {
+ \\"description\\": \\"func with a simple description.\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case9\\": {
+ \\"description\\": \\"@param event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case10\\": {
+ \\"description\\": \\"param with name\\\\n@param event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case11\\": {
+ \\"description\\": \\"param with name & type\\\\n@param {SyntheticEvent} event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case12\\": {
+ \\"description\\": \\"param with name, type & description\\\\n@param {SyntheticEvent} event - React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case13\\": {
+ \\"description\\": \\"param with type\\\\n@param {SyntheticEvent}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case14\\": {
+ \\"description\\": \\"param with type & description\\\\n@param {SyntheticEvent} - React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case15\\": {
+ \\"description\\": \\"param with name & description\\\\n@param event - React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case16\\": {
+ \\"description\\": \\"autofix event-\\\\n@param event- React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case17\\": {
+ \\"description\\": \\"autofix event.\\\\n@param event.\\\\n@returns {string}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case18\\": {
+ \\"description\\": \\"with an empty param.\\\\n@param\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case19\\": {
+ \\"description\\": \\"with multiple empty params.\\\\n@param\\\\n@param\\\\n@param\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case20\\": {
+ \\"description\\": \\"with arg alias.\\\\n@arg event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case21\\": {
+ \\"description\\": \\"with argument alias.\\\\n@argument event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case22\\": {
+ \\"description\\": \\"with multiple params.\\\\n@param {SyntheticEvent} event\\\\n@param {string} stringValue\\\\n@param {number} numberValue\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case23\\": {
+ \\"description\\": \\"with an empty returns\\\\n@returns\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case24\\": {
+ \\"description\\": \\"with a returns with a type\\\\n@returns {SyntheticEvent}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case25\\": {
+ \\"description\\": \\"with a returns with a type & description\\\\n@returns {SyntheticEvent} - React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case26\\": {
+ \\"description\\": \\"single param and a returns\\\\n@param {string} stringValue\\\\n@returns {SyntheticEvent} - React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case27\\": {
+ \\"description\\": \\"multiple params and a returns\\\\n@param {string} stringValue\\\\n@param {number} numberValue\\\\n@returns {SyntheticEvent} - React's original event\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case28\\": {
+ \\"description\\": \\"multiple returns\\\\n@returns {SyntheticEvent} - React's original event\\\\n@returns {string} - Second returns\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case29\\": {
+ \\"description\\": \\"param with unsupported JSDoc tags\\\\n@param {SyntheticEvent} event - React's original event\\\\n@type {number}\\\\n@version 2\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case30\\": {
+ \\"description\\": \\"param record type\\\\n@param {{a: number, b: string}} myType\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case31\\": {
+ \\"description\\": \\"param array type\\\\n@param {string[]} myType\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case32\\": {
+ \\"description\\": \\"param union type\\\\n@param {(number|boolean)} myType\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case33\\": {
+ \\"description\\": \\"param any type\\\\n@param {*} myType\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case34\\": {
+ \\"description\\": \\"param repeatable type\\\\n@param {...number} myType\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case35\\": {
+ \\"description\\": \\"optional param\\\\n@param {number} [myType]\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case36\\": {
+ \\"description\\": \\"optional param\\\\n@param {number} [myType]\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case37\\": {
+ \\"description\\": \\"dot in param name\\\\n@param {number} my.type\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case38\\": {
+ \\"description\\": \\"returns record type\\\\n@returns {{a: number, b: string}}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case39\\": {
+ \\"description\\": \\"returns array type\\\\n@returns {string[]}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case40\\": {
+ \\"description\\": \\"returns union type\\\\n@returns {(number|boolean)}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case41\\": {
+ \\"description\\": \\"returns any type\\\\n@returns {*}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case42\\": {
+ \\"description\\": \\"returns primitive\\\\n@returns {string}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ },
+ \\"case43\\": {
+ \\"description\\": \\"returns void\\\\n@returns {void}\\",
+ \\"type\\": {
+ \\"name\\": \\"func\\"
+ },
+ \\"required\\": false
+ }
+ }
+};"
+`;
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.js b/code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx
similarity index 92%
rename from code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.js
rename to code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx
index 322a1dfe5eb8..b23ab673a439 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.js
+++ b/code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx
@@ -1,9 +1,8 @@
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/require-default-props */
+/* eslint-disable react/require-default-props, react/no-unused-prop-types */
import React from 'react';
import PropTypes from 'prop-types';
-export const JsDocProps = () => JSDoc with PropTypes!
;
+const JsDocProps = () => JSDoc with PropTypes!
;
JsDocProps.propTypes = {
/**
* should not be visible since it's ignored.
@@ -229,11 +228,4 @@ JsDocProps.propTypes = {
case43: PropTypes.func,
};
-export const FailingJsDocProps = () => Failing JSDoc Props!
;
-FailingJsDocProps.propTypes = {
- /**
- * autofix event.
- * @param event.
- */
- case: PropTypes.func,
-};
+export const component = JsDocProps;
diff --git a/code/renderers/react/template/stories/docgen-components/jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/jsdoc/properties.snapshot
new file mode 100644
index 000000000000..3cfcd624b6d3
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/jsdoc/properties.snapshot
@@ -0,0 +1,857 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties jsdoc 1`] = `
+Object {
+ "rows": Array [
+ Object {
+ "defaultValue": null,
+ "description": "simple description.",
+ "name": "case1",
+ "required": false,
+ "sbType": Object {
+ "name": "string",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "multi
+lines
+description",
+ "name": "case2",
+ "required": false,
+ "sbType": Object {
+ "name": "string",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "*description* **with** \`formatting\`",
+ "name": "case3",
+ "required": false,
+ "sbType": Object {
+ "name": "string",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "simple description and dummy JSDoc tag.",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case4",
+ "required": false,
+ "sbType": Object {
+ "name": "string",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case5",
+ "required": false,
+ "sbType": Object {
+ "name": "string",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "simple description with a @.",
+ "name": "case6",
+ "required": false,
+ "sbType": Object {
+ "name": "string",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "",
+ "name": "case7",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "func with a simple description.",
+ "name": "case8",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case9",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with name",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case10",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with name & type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case11",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with name, type & description",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case12",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "SyntheticEvent",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case13",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(SyntheticEvent)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with type & description",
+ "name": "case14",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with name & description",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case15",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "autofix event-",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case16",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "autofix event.",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case17",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event) => string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with an empty param.",
+ "name": "case18",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with multiple empty params.",
+ "name": "case19",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with arg alias.",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case20",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with argument alias.",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case21",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with multiple params.",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "event",
+ },
+ Object {
+ "description": null,
+ "name": "stringValue",
+ },
+ Object {
+ "description": null,
+ "name": "numberValue",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case22",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent, stringValue: string, numberValue: number)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with an empty returns",
+ "name": "case23",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "func",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with a returns with a type",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case24",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => SyntheticEvent",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "with a returns with a type & description",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": "React's original event",
+ },
+ },
+ "name": "case25",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => SyntheticEvent",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "single param and a returns",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "stringValue",
+ },
+ ],
+ "returns": Object {
+ "description": "React's original event",
+ },
+ },
+ "name": "case26",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(stringValue: string) => SyntheticEvent",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "multiple params and a returns",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "stringValue",
+ },
+ Object {
+ "description": null,
+ "name": "numberValue",
+ },
+ ],
+ "returns": Object {
+ "description": "React's original event",
+ },
+ },
+ "name": "case27",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(stringValue: string, numberValue: number) => SyntheticEvent",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "multiple returns",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": "Second returns",
+ },
+ },
+ "name": "case28",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param with unsupported JSDoc tags",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": "React's original event",
+ "name": "event",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case29",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(event: SyntheticEvent)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param record type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case30",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: ({a: number, b: string}))",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param array type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case31",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: string[])",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param union type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case32",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: (number|boolean))",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param any type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case33",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: any)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "param repeatable type",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case34",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "optional param",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case35",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: number)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "optional param",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "myType",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case36",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(myType: number)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "dot in param name",
+ "jsDocTags": Object {
+ "params": Array [
+ Object {
+ "description": null,
+ "name": "my.type",
+ },
+ ],
+ "returns": false,
+ },
+ "name": "case37",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "(my.type: number)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "returns record type",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case38",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => ({a: number, b: string})",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "returns array type",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case39",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => string[]",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "returns union type",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case40",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => (number|boolean)",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "returns any type",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case41",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => any",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "returns primitive",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case42",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => string",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": "returns void",
+ "jsDocTags": Object {
+ "params": false,
+ "returns": Object {
+ "description": null,
+ },
+ },
+ "name": "case43",
+ "required": false,
+ "sbType": Object {
+ "name": "function",
+ },
+ "type": Object {
+ "detail": undefined,
+ "summary": "() => void",
+ },
+ },
+ ],
+}
+`;
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/input.tsx b/code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/input.tsx
rename to code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/ts-function-component-inline-defaults/properties.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/ts-function-component/argTypes.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component/argTypes.snapshot
rename to code/renderers/react/template/stories/docgen-components/ts-function-component/argTypes.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/ts-function-component/docgen.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component/docgen.snapshot
rename to code/renderers/react/template/stories/docgen-components/ts-function-component/docgen.snapshot
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component/input.tsx b/code/renderers/react/template/stories/docgen-components/ts-function-component/input.tsx
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component/input.tsx
rename to code/renderers/react/template/stories/docgen-components/ts-function-component/input.tsx
diff --git a/code/renderers/react/src/docs/__testfixtures__/ts-function-component/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-function-component/properties.snapshot
similarity index 100%
rename from code/renderers/react/src/docs/__testfixtures__/ts-function-component/properties.snapshot
rename to code/renderers/react/template/stories/docgen-components/ts-function-component/properties.snapshot
diff --git a/code/renderers/react/template/stories/docgen-components/ts-html/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/ts-html/argTypes.snapshot
new file mode 100644
index 000000000000..8a5a150f1efd
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-html/argTypes.snapshot
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-html 1`] = `Object {}`;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-html/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/ts-html/docgen.snapshot
new file mode 100644
index 000000000000..a55de08e6ac3
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-html/docgen.snapshot
@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-html 1`] = `
+"import React from 'react';
+export const TypeScriptHtmlComponent = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"My HTML component\\");
+export const component = TypeScriptHtmlComponent;
+TypeScriptHtmlComponent.__docgenInfo = {
+ \\"description\\": \\"\\",
+ \\"methods\\": [],
+ \\"displayName\\": \\"TypeScriptHtmlComponent\\"
+};"
+`;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-html/input.tsx b/code/renderers/react/template/stories/docgen-components/ts-html/input.tsx
new file mode 100644
index 000000000000..235906688ab2
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-html/input.tsx
@@ -0,0 +1,11 @@
+import React, { FC } from 'react';
+
+interface TypeScriptHtmlComponentProps {
+ text: string;
+}
+
+export const TypeScriptHtmlComponent: FC<
+ React.HTMLAttributes & TypeScriptHtmlComponentProps
+> = () => My HTML component
;
+
+export const component = TypeScriptHtmlComponent;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-html/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-html/properties.snapshot
new file mode 100644
index 000000000000..8b111981e66c
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-html/properties.snapshot
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-html 1`] = `
+Object {
+ "rows": Array [],
+}
+`;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-jsdoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/argTypes.snapshot
new file mode 100644
index 000000000000..e12daedaf673
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/argTypes.snapshot
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-jsdoc 1`] = `Object {}`;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-jsdoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/docgen.snapshot
new file mode 100644
index 000000000000..c1d7f8a0bfaa
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/docgen.snapshot
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-jsdoc 1`] = `
+"import React from 'react';
+
+/**
+ * Button functional component (React.FC)
+ */
+const TypeScriptProps = ({
+ case1,
+ case2
+}) => /*#__PURE__*/React.createElement(\\"button\\", {
+ type: \\"button\\",
+ onClick: case1
+}, \\"JSDoc with TypeScript! \\", case2);
+
+export const component = TypeScriptProps;
+TypeScriptProps.__docgenInfo = {
+ \\"description\\": \\"Button functional component (React.FC)\\",
+ \\"methods\\": [],
+ \\"displayName\\": \\"TypeScriptProps\\"
+};"
+`;
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-ts.tsx b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/input.tsx
similarity index 81%
rename from code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-ts.tsx
rename to code/renderers/react/template/stories/docgen-components/ts-jsdoc/input.tsx
index 5045d28cd75a..a1a623b04f00 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-ts.tsx
+++ b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/input.tsx
@@ -17,8 +17,10 @@ interface TSProps {
/**
* Button functional component (React.FC)
*/
-export const TypeScriptProps: FC = ({ case1, case2 }) => (
+const TypeScriptProps: FC = ({ case1, case2 }) => (
JSDoc with TypeScript! {case2}
);
+
+export const component = TypeScriptProps;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/properties.snapshot
new file mode 100644
index 000000000000..cd584597b3bd
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/properties.snapshot
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-jsdoc 1`] = `
+Object {
+ "rows": Array [],
+}
+`;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/ts-types/argTypes.snapshot
new file mode 100644
index 000000000000..80e10231e156
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-types/argTypes.snapshot
@@ -0,0 +1,656 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-types 1`] = `
+Object {
+ "aliasesUnion": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "aliasesUnion",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'foo'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "any": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "any",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'Any value'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "arrayOfComplexObject": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "arrayOfComplexObject",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "[{ text: 'foo', value: 'bar' }]",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "arrayOfPrimitive": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "arrayOfPrimitive",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "['foo', 'bar']",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "bool": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "bool",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "true",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "defaultEnum": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "defaultEnum",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "DefaultEnum.TopRight",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "enumUnion": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "enumUnion",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "DefaultEnum.TopLeft",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "funcWithArgsAndReturns": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "funcWithArgsAndReturns",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "function concat(a: string, b: string): string {
+ return a + b;
+}",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "genericAlias": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "genericAlias",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ value: 'foo' }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "genericInterface": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "genericInterface",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ value: 'A string value' }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "inlinedNumericLiteralUnion": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "inlinedNumericLiteralUnion",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "1",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "inlinedStringLiteralUnion": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "inlinedStringLiteralUnion",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'bottom-right'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "interface": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "interface",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar' }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "intersectionType": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "intersectionType",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar', name: 'foo-bar' }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "intersectionWithInlineType": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "intersectionWithInlineType",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar', inlineValue: 'this is inlined' }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "namedNumericLiteralUnion": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "namedNumericLiteralUnion",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "0",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "namedStringLiteralUnion": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "namedStringLiteralUnion",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'top-right'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "nullableComplexTypeUndefinedDefaultValue": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "nullableComplexTypeUndefinedDefaultValue",
+ "table": Object {
+ "defaultValue": null,
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "number": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "number",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "5",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "numericEnum": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "numericEnum",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "NumericEnum.TopRight",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "recordOfComplexObject": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "recordOfComplexObject",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ foo: { text: 'bar', value: 'bar2' } }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "recordOfPrimitive": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "recordOfPrimitive",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ foo: 1, bar: 2 }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "string": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "string",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'A string value'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "stringEnum": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "stringEnum",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "StringEnum.TopRight",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "symbol": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "symbol",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "Symbol('Default symbol')",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "tupleOfPrimitive": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "tupleOfPrimitive",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "['string value', 5]",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "tupleWithComplexType": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "tupleWithComplexType",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "['string value', { text: 'foo', value: 'bar' }]",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "typeAlias": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "typeAlias",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'foo'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "unionOfComplexType": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "unionOfComplexType",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar' }",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "unionOfPrimitive": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "unionOfPrimitive",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'A string value'",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+ "voidFunc": Object {
+ "control": Object {
+ "type": "object",
+ },
+ "description": undefined,
+ "name": "voidFunc",
+ "table": Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "() => {}",
+ },
+ "jsDocTags": undefined,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ "type": Object {
+ "required": false,
+ },
+ },
+}
+`;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/ts-types/docgen.snapshot
new file mode 100644
index 000000000000..f97ba72dc1e9
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-types/docgen.snapshot
@@ -0,0 +1,325 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-types 1`] = `
+"import React from 'react';
+
+function concat(a, b) {
+ return a + b;
+}
+
+var DefaultEnum;
+
+(function (DefaultEnum) {
+ DefaultEnum[DefaultEnum[\\"TopLeft\\"] = 0] = \\"TopLeft\\";
+ DefaultEnum[DefaultEnum[\\"TopRight\\"] = 1] = \\"TopRight\\";
+ DefaultEnum[DefaultEnum[\\"TopCenter\\"] = 2] = \\"TopCenter\\";
+})(DefaultEnum || (DefaultEnum = {}));
+
+var NumericEnum;
+
+(function (NumericEnum) {
+ NumericEnum[NumericEnum[\\"TopLeft\\"] = 0] = \\"TopLeft\\";
+ NumericEnum[NumericEnum[\\"TopRight\\"] = 1] = \\"TopRight\\";
+ NumericEnum[NumericEnum[\\"TopCenter\\"] = 2] = \\"TopCenter\\";
+})(NumericEnum || (NumericEnum = {}));
+
+var StringEnum;
+
+(function (StringEnum) {
+ StringEnum[\\"TopLeft\\"] = \\"top-left\\";
+ StringEnum[\\"TopRight\\"] = \\"top-right\\";
+ StringEnum[\\"TopCenter\\"] = \\"top-center\\";
+})(StringEnum || (StringEnum = {}));
+
+export const TypeScriptProps = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"TypeScript!\\");
+TypeScriptProps.defaultProps = {
+ any: 'Any value',
+ string: 'A string value',
+ bool: true,
+ number: 5,
+ voidFunc: () => {},
+ funcWithArgsAndReturns: concat,
+ symbol: Symbol('Default symbol'),
+ interface: {
+ text: 'foo',
+ value: 'bar'
+ },
+ genericInterface: {
+ value: 'A string value'
+ },
+ arrayOfPrimitive: ['foo', 'bar'],
+ arrayOfComplexObject: [{
+ text: 'foo',
+ value: 'bar'
+ }],
+ tupleOfPrimitive: ['string value', 5],
+ tupleWithComplexType: ['string value', {
+ text: 'foo',
+ value: 'bar'
+ }],
+ defaultEnum: DefaultEnum.TopRight,
+ numericEnum: NumericEnum.TopRight,
+ stringEnum: StringEnum.TopRight,
+ enumUnion: DefaultEnum.TopLeft,
+ recordOfPrimitive: {
+ foo: 1,
+ bar: 2
+ },
+ recordOfComplexObject: {
+ foo: {
+ text: 'bar',
+ value: 'bar2'
+ }
+ },
+ intersectionType: {
+ text: 'foo',
+ value: 'bar',
+ name: 'foo-bar'
+ },
+ intersectionWithInlineType: {
+ text: 'foo',
+ value: 'bar',
+ inlineValue: 'this is inlined'
+ },
+ unionOfPrimitive: 'A string value',
+ unionOfComplexType: {
+ text: 'foo',
+ value: 'bar'
+ },
+ nullableComplexTypeUndefinedDefaultValue: undefined,
+ typeAlias: 'foo',
+ aliasesUnion: 'foo',
+ genericAlias: {
+ value: 'foo'
+ },
+ namedStringLiteralUnion: 'top-right',
+ inlinedStringLiteralUnion: 'bottom-right',
+ namedNumericLiteralUnion: 0,
+ inlinedNumericLiteralUnion: 1
+};
+export const component = TypeScriptProps;
+TypeScriptProps.__docgenInfo = {
+ \\"description\\": \\"\\",
+ \\"methods\\": [],
+ \\"displayName\\": \\"TypeScriptProps\\",
+ \\"props\\": {
+ \\"any\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'Any value'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"string\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'A string value'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"bool\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"true\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"number\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"5\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"voidFunc\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"() => {}\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"funcWithArgsAndReturns\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"function concat(a: string, b: string): string {\\\\n return a + b;\\\\n}\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"symbol\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"Symbol('Default symbol')\\",
+ \\"computed\\": true
+ },
+ \\"required\\": false
+ },
+ \\"interface\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"genericInterface\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ value: 'A string value' }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfPrimitive\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"['foo', 'bar']\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"arrayOfComplexObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"[{ text: 'foo', value: 'bar' }]\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"tupleOfPrimitive\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"['string value', 5]\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"tupleWithComplexType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"['string value', { text: 'foo', value: 'bar' }]\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"defaultEnum\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"DefaultEnum.TopRight\\",
+ \\"computed\\": true
+ },
+ \\"required\\": false
+ },
+ \\"numericEnum\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"NumericEnum.TopRight\\",
+ \\"computed\\": true
+ },
+ \\"required\\": false
+ },
+ \\"stringEnum\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"StringEnum.TopRight\\",
+ \\"computed\\": true
+ },
+ \\"required\\": false
+ },
+ \\"enumUnion\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"DefaultEnum.TopLeft\\",
+ \\"computed\\": true
+ },
+ \\"required\\": false
+ },
+ \\"recordOfPrimitive\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: 1, bar: 2 }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"recordOfComplexObject\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ foo: { text: 'bar', value: 'bar2' } }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"intersectionType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar', name: 'foo-bar' }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"intersectionWithInlineType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar', inlineValue: 'this is inlined' }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"unionOfPrimitive\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'A string value'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"unionOfComplexType\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ text: 'foo', value: 'bar' }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"nullableComplexTypeUndefinedDefaultValue\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"undefined\\",
+ \\"computed\\": true
+ },
+ \\"required\\": false
+ },
+ \\"typeAlias\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'foo'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"aliasesUnion\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'foo'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"genericAlias\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"{ value: 'foo' }\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"namedStringLiteralUnion\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'top-right'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"inlinedStringLiteralUnion\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"'bottom-right'\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"namedNumericLiteralUnion\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"0\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ },
+ \\"inlinedNumericLiteralUnion\\": {
+ \\"defaultValue\\": {
+ \\"value\\": \\"1\\",
+ \\"computed\\": false
+ },
+ \\"required\\": false
+ }
+ }
+};"
+`;
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ts-types.tsx b/code/renderers/react/template/stories/docgen-components/ts-types/input.tsx
similarity index 94%
rename from code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ts-types.tsx
rename to code/renderers/react/template/stories/docgen-components/ts-types/input.tsx
index eedd0b79d663..5c6c2ce40ab3 100644
--- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ts-types.tsx
+++ b/code/renderers/react/template/stories/docgen-components/ts-types/input.tsx
@@ -126,10 +126,4 @@ TypeScriptProps.defaultProps = {
inlinedNumericLiteralUnion: 1,
};
-interface TypeScriptHtmlComponentProps {
- text: string;
-}
-
-export const TypeScriptHtmlComponent: FC<
- React.HTMLAttributes & TypeScriptHtmlComponentProps
-> = () => My HTML component
;
+export const component = TypeScriptProps;
diff --git a/code/renderers/react/template/stories/docgen-components/ts-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-types/properties.snapshot
new file mode 100644
index 000000000000..f8dc80a47f0a
--- /dev/null
+++ b/code/renderers/react/template/stories/docgen-components/ts-types/properties.snapshot
@@ -0,0 +1,410 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react component properties ts-types 1`] = `
+Object {
+ "rows": Array [
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'Any value'",
+ },
+ "description": undefined,
+ "name": "any",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'A string value'",
+ },
+ "description": undefined,
+ "name": "string",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "true",
+ },
+ "description": undefined,
+ "name": "bool",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "5",
+ },
+ "description": undefined,
+ "name": "number",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "() => {}",
+ },
+ "description": undefined,
+ "name": "voidFunc",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "function concat(a: string, b: string): string {
+ return a + b;
+}",
+ },
+ "description": undefined,
+ "name": "funcWithArgsAndReturns",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "Symbol('Default symbol')",
+ },
+ "description": undefined,
+ "name": "symbol",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar' }",
+ },
+ "description": undefined,
+ "name": "interface",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ value: 'A string value' }",
+ },
+ "description": undefined,
+ "name": "genericInterface",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "['foo', 'bar']",
+ },
+ "description": undefined,
+ "name": "arrayOfPrimitive",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "[{ text: 'foo', value: 'bar' }]",
+ },
+ "description": undefined,
+ "name": "arrayOfComplexObject",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "['string value', 5]",
+ },
+ "description": undefined,
+ "name": "tupleOfPrimitive",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "['string value', { text: 'foo', value: 'bar' }]",
+ },
+ "description": undefined,
+ "name": "tupleWithComplexType",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "DefaultEnum.TopRight",
+ },
+ "description": undefined,
+ "name": "defaultEnum",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "NumericEnum.TopRight",
+ },
+ "description": undefined,
+ "name": "numericEnum",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "StringEnum.TopRight",
+ },
+ "description": undefined,
+ "name": "stringEnum",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "DefaultEnum.TopLeft",
+ },
+ "description": undefined,
+ "name": "enumUnion",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ foo: 1, bar: 2 }",
+ },
+ "description": undefined,
+ "name": "recordOfPrimitive",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ foo: { text: 'bar', value: 'bar2' } }",
+ },
+ "description": undefined,
+ "name": "recordOfComplexObject",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar', name: 'foo-bar' }",
+ },
+ "description": undefined,
+ "name": "intersectionType",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar', inlineValue: 'this is inlined' }",
+ },
+ "description": undefined,
+ "name": "intersectionWithInlineType",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'A string value'",
+ },
+ "description": undefined,
+ "name": "unionOfPrimitive",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ text: 'foo', value: 'bar' }",
+ },
+ "description": undefined,
+ "name": "unionOfComplexType",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": null,
+ "description": undefined,
+ "name": "nullableComplexTypeUndefinedDefaultValue",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'foo'",
+ },
+ "description": undefined,
+ "name": "typeAlias",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'foo'",
+ },
+ "description": undefined,
+ "name": "aliasesUnion",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "{ value: 'foo' }",
+ },
+ "description": undefined,
+ "name": "genericAlias",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'top-right'",
+ },
+ "description": undefined,
+ "name": "namedStringLiteralUnion",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "'bottom-right'",
+ },
+ "description": undefined,
+ "name": "inlinedStringLiteralUnion",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "0",
+ },
+ "description": undefined,
+ "name": "namedNumericLiteralUnion",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ Object {
+ "defaultValue": Object {
+ "detail": undefined,
+ "summary": "1",
+ },
+ "description": undefined,
+ "name": "inlinedNumericLiteralUnion",
+ "required": false,
+ "type": Object {
+ "detail": undefined,
+ "summary": "unknown",
+ },
+ },
+ ],
+}
+`;
diff --git a/code/renderers/react/template/stories/js-argtypes.stories.jsx b/code/renderers/react/template/stories/js-argtypes.stories.jsx
new file mode 100644
index 000000000000..a3299558886c
--- /dev/null
+++ b/code/renderers/react/template/stories/js-argtypes.stories.jsx
@@ -0,0 +1,91 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import mapValues from 'lodash/mapValues';
+import { PureArgsTable as ArgsTable } from '@storybook/blocks';
+import { inferControls } from '@storybook/store';
+import { ThemeProvider, themes, convert } from '@storybook/theming';
+
+import { component as JsClassComponentComponent } from './docgen-components/js-class-component/input.jsx';
+import { component as JsFunctionComponentComponent } from './docgen-components/js-function-component/input.jsx';
+import { component as JsFunctionComponentInlineDefaultsComponent } from './docgen-components/js-function-component-inline-defaults/input.jsx';
+import { component as JsFunctionComponentInlineDefaultsNoPropTypesComponent } from './docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx';
+import { component as JsProptypesShapeComponent } from './docgen-components/9399-js-proptypes-shape/input.jsx';
+// import { component as JsStyledComponentsComponent } from './__testfixtures__/8663-js-styled-components/input';
+import { component as JsDefaultValuesComponent } from './docgen-components/9626-js-default-values/input.jsx';
+import { component as JsProptypesNoJsdocComponent } from './docgen-components/9668-js-proptypes-no-jsdoc/input.jsx';
+// import { component as JsStyledDocgenComponent } from './__testfixtures__/8279-js-styled-docgen/input';
+import { component as JsPropTypesOneofComponent } from './docgen-components/8140-js-prop-types-oneof/input.jsx';
+import { component as JsHocComponent } from './docgen-components/9023-js-hoc/input.jsx';
+import { component as JsReactMemoComponent } from './docgen-components/9586-js-react-memo/input.jsx';
+import { component as JsStaticPropTypesComponent } from './docgen-components/8428-js-static-prop-types/input.jsx';
+import { component as JsdocComponent } from './docgen-components/jsdoc/input.jsx';
+import { component as JsProptypesComponent } from './docgen-components/js-proptypes/input.jsx';
+
+// Detect if we are running in vite in a hacky way for now
+const isVite = typeof require === 'undefined';
+
+export default {
+ component: {},
+ render: (_, context) => ,
+ parameters: {
+ chromatic: {
+ disableSnapshot: isVite,
+ },
+ },
+};
+
+const ArgsStory = ({ parameters }) => {
+ const argTypes = parameters.docs.extractArgTypes(parameters.component);
+ const rows = inferControls({ argTypes, parameters: { __isArgsStory: true } });
+ const initialArgs = mapValues(rows, (argType) => argType.defaultValue);
+ const [args, setArgs] = useState(initialArgs);
+
+ return (
+
+ setArgs({ ...args, ...val })} />
+
+ );
+};
+
+ArgsStory.propTypes = {
+ parameters: PropTypes.shape({
+ component: PropTypes.elementType.isRequired,
+ docs: PropTypes.shape({
+ extractArgTypes: PropTypes.func.isRequired,
+ }).isRequired,
+ }).isRequired,
+};
+
+export const JsClassComponent = { parameters: { component: JsClassComponentComponent } };
+
+export const JsFunctionComponent = { parameters: { component: JsFunctionComponentComponent } };
+
+export const JsFunctionComponentInlineDefaults = {
+ parameters: { component: JsFunctionComponentInlineDefaultsComponent },
+};
+
+export const JsFunctionComponentInlineDefaultsNoPropTypes = {
+ parameters: { component: JsFunctionComponentInlineDefaultsNoPropTypesComponent },
+};
+
+export const JsProptypesShape = { parameters: { component: JsProptypesShapeComponent } };
+
+// export const JsStyledComponents = { parameters: { component: JsStyledComponentsComponent } };
+
+export const JsDefaultValues = { parameters: { component: JsDefaultValuesComponent } };
+
+export const JsProptypesNoJsdoc = { parameters: { component: JsProptypesNoJsdocComponent } };
+
+// export const JsStyledDocgen = { parameters: { component: JsStyledDocgenComponent } };
+
+export const JsPropTypesOneof = { parameters: { component: JsPropTypesOneofComponent } };
+
+export const JsHoc = { parameters: { component: JsHocComponent } };
+
+export const JsReactMemo = { parameters: { component: JsReactMemoComponent } };
+
+export const JsStaticPropTypes = { parameters: { component: JsStaticPropTypesComponent } };
+
+export const Jsdoc = { parameters: { component: JsdocComponent } };
+
+export const JsProptypes = { parameters: { component: JsProptypesComponent } };
diff --git a/code/renderers/react/template/stories/ts-argtypes.stories.tsx b/code/renderers/react/template/stories/ts-argtypes.stories.tsx
new file mode 100644
index 000000000000..43a55ae6ab0e
--- /dev/null
+++ b/code/renderers/react/template/stories/ts-argtypes.stories.tsx
@@ -0,0 +1,81 @@
+import React, { useState } from 'react';
+import mapValues from 'lodash/mapValues';
+import { PureArgsTable as ArgsTable } from '@storybook/blocks';
+import type { Args, Parameters, StoryContext } from '@storybook/csf';
+import { inferControls } from '@storybook/store';
+import { ThemeProvider, themes, convert } from '@storybook/theming';
+
+import { component as TsFunctionComponentComponent } from './docgen-components/ts-function-component/input';
+import { component as TsFunctionComponentInlineDefaultsComponent } from './docgen-components/ts-function-component-inline-defaults/input';
+import { component as TsReactFcGenericsComponent } from './docgen-components/8143-ts-react-fc-generics/input';
+import { component as TsImportedTypesComponent } from './docgen-components/8143-ts-imported-types/input';
+import { component as TsMultiPropsComponent } from './docgen-components/8740-ts-multi-props/input';
+import { component as TsReactDefaultExportsComponent } from './docgen-components/9556-ts-react-default-exports/input';
+import { component as TsImportTypesComponent } from './docgen-components/9591-ts-import-types/input';
+import { component as TsDeprecatedJsdocComponent } from './docgen-components/9721-ts-deprecated-jsdoc/input';
+import { component as TsDefaultValuesComponent } from './docgen-components/9827-ts-default-values/input';
+import { component as TsCamelCaseComponent } from './docgen-components/9575-ts-camel-case/input';
+import { component as TsDisplayNameComponent } from './docgen-components/9493-ts-display-name/input';
+import { component as TsForwardRefComponent } from './docgen-components/8894-9511-ts-forward-ref/input';
+import { component as TsTypePropsComponent } from './docgen-components/9465-ts-type-props/input';
+import { component as TsExtendPropsComponent } from './docgen-components/9764-ts-extend-props/input';
+import { component as TsComponentPropsComponent } from './docgen-components/9922-ts-component-props/input';
+import { component as TsJsdocComponent } from './docgen-components/ts-jsdoc/input';
+import { component as TsTypesComponent } from './docgen-components/ts-types/input';
+import { component as TsHtmlComponent } from './docgen-components/ts-html/input';
+
+export default {
+ component: {},
+ render: (_: Args, context: StoryContext) => ,
+};
+
+const ArgsStory = ({ parameters }: { parameters: Parameters }) => {
+ const argTypes = parameters.docs.extractArgTypes(parameters.component);
+ const rows = inferControls({ argTypes, parameters: { __isArgsStory: true } } as any);
+ const initialArgs = mapValues(rows, (argType) => argType.defaultValue);
+ const [args, setArgs] = useState(initialArgs);
+
+ return (
+
+ setArgs({ ...args, ...val })} />
+
+ );
+};
+
+export const TsFunctionComponent = { parameters: { component: TsFunctionComponentComponent } };
+
+export const TsFunctionComponentInlineDefaults = {
+ parameters: { component: TsFunctionComponentInlineDefaultsComponent },
+};
+
+export const TsReactFcGenerics = { parameters: { component: TsReactFcGenericsComponent } };
+
+export const TsImportedTypes = { parameters: { component: TsImportedTypesComponent } };
+
+export const TsMultiProps = { parameters: { component: TsMultiPropsComponent } };
+
+export const TsReactDefaultExports = { parameters: { component: TsReactDefaultExportsComponent } };
+
+export const TsImportTypes = { parameters: { component: TsImportTypesComponent } };
+
+export const TsDeprecatedJsdoc = { parameters: { component: TsDeprecatedJsdocComponent } };
+
+export const TsDefaultValues = { parameters: { component: TsDefaultValuesComponent } };
+
+export const TsCamelCase = { parameters: { component: TsCamelCaseComponent } };
+
+export const TsDisplayName = { parameters: { component: TsDisplayNameComponent } };
+
+export const TsForwardRef = { parameters: { component: TsForwardRefComponent } };
+
+export const TsTypeProps = { parameters: { component: TsTypePropsComponent } };
+
+export const TsExtendProps = { parameters: { component: TsExtendPropsComponent } };
+
+export const TsComponentProps = { parameters: { component: TsComponentPropsComponent } };
+
+export const TsJsdoc = { parameters: { component: TsJsdocComponent } };
+
+export const TsTypes = { parameters: { component: TsTypesComponent } };
+
+export const TsHtml = { parameters: { component: TsHtmlComponent } };
diff --git a/code/renderers/web-components/src/config.ts b/code/renderers/web-components/src/config.ts
index 83d74fd4d9d9..db7cf8f12a34 100644
--- a/code/renderers/web-components/src/config.ts
+++ b/code/renderers/web-components/src/config.ts
@@ -2,4 +2,4 @@ import { parameters as docsParams } from './docs/config';
export const parameters = { framework: 'web-components' as const, ...docsParams };
export { decorators, argTypesEnhancers } from './docs/config';
-export { renderToDOM } from './render';
+export { render, renderToDOM } from './render';
diff --git a/code/renderers/web-components/src/docs/sourceDecorator.test.ts b/code/renderers/web-components/src/docs/sourceDecorator.test.ts
index e08f0f3dee55..e516b915000f 100644
--- a/code/renderers/web-components/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/web-components/src/docs/sourceDecorator.test.ts
@@ -1,5 +1,6 @@
+/* eslint-disable import/extensions */
import { html } from 'lit-html';
-import { styleMap } from 'lit-html/directives/style-map';
+import { styleMap } from 'lit-html/directives/style-map.js';
import { addons, useEffect } from '@storybook/addons';
import { SNIPPET_RENDERED } from '@storybook/docs-tools';
import type { StoryContext } from '../types';
diff --git a/code/renderers/web-components/src/render.ts b/code/renderers/web-components/src/render.ts
index 8347d2002397..5696e983a2df 100644
--- a/code/renderers/web-components/src/render.ts
+++ b/code/renderers/web-components/src/render.ts
@@ -3,16 +3,33 @@
import global from 'global';
import { dedent } from 'ts-dedent';
-import { render } from 'lit-html';
+import { render as litRender, html } from 'lit-html';
// Keep `.js` extension to avoid issue with Webpack (related to export map?)
// eslint-disable-next-line import/extensions
import { isTemplateResult } from 'lit-html/directive-helpers.js';
import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
import type { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
import { WebComponentsFramework } from './types';
const { Node } = global;
+export const render: ArgsStoryFn = (args, context) => {
+ const { id, component } = context;
+ if (!component) {
+ throw new Error(
+ `Unable to render story ${id} as the component annotation is missing from the default export`
+ );
+ }
+
+ // FIXME: replace by one of
+ // - https://github.com/lit/lit/pull/1960
+ // - https://github.com/open-wc/open-wc/pull/2398
+ const argProps = Object.entries(args).map(([key, val]) => `.${key}=${val}`);
+
+ return html`<${component} ${argProps.join(' ')}>${component}>`;
+};
+
export function renderToDOM(
{ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext,
domElement: Element
@@ -29,7 +46,7 @@ export function renderToDOM(
}
const renderTo = domElement.querySelector('[id="root-inner"]');
- render(element, renderTo);
+ litRender(element, renderTo);
simulatePageLoad(domElement);
} else if (typeof element === 'string') {
domElement.innerHTML = element;
diff --git a/code/renderers/web-components/template/components/Button.js b/code/renderers/web-components/template/components/Button.js
new file mode 100644
index 000000000000..f8fa7f0eb27b
--- /dev/null
+++ b/code/renderers/web-components/template/components/Button.js
@@ -0,0 +1,22 @@
+/* eslint-disable import/extensions */
+import { html } from 'lit-html';
+import { styleMap } from 'lit-html/directives/style-map.js';
+import './button.css';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor = null, size, label, onClick }) => {
+ const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+ return html`
+
+ ${label}
+
+ `;
+};
diff --git a/code/renderers/web-components/template/components/Pre.js b/code/renderers/web-components/template/components/Pre.js
new file mode 100644
index 000000000000..6ef56f08d22a
--- /dev/null
+++ b/code/renderers/web-components/template/components/Pre.js
@@ -0,0 +1,14 @@
+/* eslint-disable import/extensions */
+import { html } from 'lit-html';
+import { styleMap } from 'lit-html/directives/style-map.js';
+
+/**
+ * Helper component for rendering text or data
+ */
+export const Pre = ({ style, object, text }) =>
+ html`
+
+ ${object ? JSON.stringify(object, null, 2) : text}
+
+ `;
diff --git a/code/renderers/web-components/template/components/button.css b/code/renderers/web-components/template/components/button.css
new file mode 100644
index 000000000000..dc91dc76370b
--- /dev/null
+++ b/code/renderers/web-components/template/components/button.css
@@ -0,0 +1,30 @@
+.storybook-button {
+ font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-weight: 700;
+ border: 0;
+ border-radius: 3em;
+ cursor: pointer;
+ display: inline-block;
+ line-height: 1;
+}
+.storybook-button--primary {
+ color: white;
+ background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+ color: #333;
+ background-color: transparent;
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+ font-size: 12px;
+ padding: 10px 16px;
+}
+.storybook-button--medium {
+ font-size: 14px;
+ padding: 11px 20px;
+}
+.storybook-button--large {
+ font-size: 16px;
+ padding: 12px 24px;
+}
diff --git a/code/renderers/web-components/template/components/index.js b/code/renderers/web-components/template/components/index.js
new file mode 100644
index 000000000000..45cb33280525
--- /dev/null
+++ b/code/renderers/web-components/template/components/index.js
@@ -0,0 +1,6 @@
+import globalThis from 'global';
+
+import { Button } from './Button';
+import { Pre } from './Pre';
+
+globalThis.Components = { Button, Pre };
diff --git a/code/renderers/web-components/template/stories/README.md b/code/renderers/web-components/template/stories/README.md
new file mode 100644
index 000000000000..37d8743baec7
--- /dev/null
+++ b/code/renderers/web-components/template/stories/README.md
@@ -0,0 +1 @@
+Placeholder until we write some render-specific stories
diff --git a/code/workspace.json b/code/workspace.json
index a08ed1c6f24a..0bfacb1bbbfa 100644
--- a/code/workspace.json
+++ b/code/workspace.json
@@ -401,6 +401,11 @@
"type": "library",
"implicitDependencies": []
},
+ "@storybook/web-components-vite": {
+ "root": "frameworks/web-components-vite",
+ "type": "library",
+ "implicitDependencies": []
+ },
"@storybook/web-components-webpack5": {
"root": "frameworks/web-components-webpack5",
"type": "library",
@@ -411,11 +416,6 @@
"type": "library",
"implicitDependencies": []
},
- "cra-ts-kitchen-sink": {
- "root": "examples/cra-ts-kitchen-sink",
- "type": "library",
- "implicitDependencies": []
- },
"ember-example": {
"root": "examples/ember-cli",
"type": "library",
diff --git a/code/yarn.lock b/code/yarn.lock
index 18d63a28bbd5..0a85b3209e85 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -336,19 +336,6 @@ __metadata:
languageName: node
linkType: hard
-"@apideck/better-ajv-errors@npm:^0.3.1":
- version: 0.3.6
- resolution: "@apideck/better-ajv-errors@npm:0.3.6"
- dependencies:
- json-schema: ^0.4.0
- jsonpointer: ^5.0.0
- leven: ^3.1.0
- peerDependencies:
- ajv: ">=8"
- checksum: f89a1e16ecbc2ada91c56d4391c8345471e385f0b9c38d62c3bccac40ec94482cdfa496d4c2fe0af411e9851a9931c0d5042a8040f52213f603ba6b6fd7f949b
- languageName: node
- linkType: hard
-
"@assemblyscript/loader@npm:^0.10.1":
version: 0.10.1
resolution: "@assemblyscript/loader@npm:0.10.1"
@@ -414,7 +401,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.18.6, @babel/code-frame@npm:^7.8.3":
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.18.6, @babel/code-frame@npm:^7.8.3":
version: 7.18.6
resolution: "@babel/code-frame@npm:7.18.6"
dependencies:
@@ -500,7 +487,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.5, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.16, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.13.16, @babel/core@npm:^7.16.0, @babel/core@npm:^7.17.2, @babel/core@npm:^7.17.5, @babel/core@npm:^7.18.13, @babel/core@npm:^7.3.4, @babel/core@npm:^7.7.2, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.0":
+"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.5, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.16, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.13.16, @babel/core@npm:^7.17.2, @babel/core@npm:^7.17.5, @babel/core@npm:^7.18.13, @babel/core@npm:^7.3.4, @babel/core@npm:^7.7.2, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.0":
version: 7.19.1
resolution: "@babel/core@npm:7.19.1"
dependencies:
@@ -523,20 +510,6 @@ __metadata:
languageName: node
linkType: hard
-"@babel/eslint-parser@npm:^7.16.3":
- version: 7.19.1
- resolution: "@babel/eslint-parser@npm:7.19.1"
- dependencies:
- "@nicolo-ribaudo/eslint-scope-5-internals": 5.1.1-v1
- eslint-visitor-keys: ^2.1.0
- semver: ^6.3.0
- peerDependencies:
- "@babel/core": ">=7.11.0"
- eslint: ^7.5.0 || ^8.0.0
- checksum: a0af9095b037b4495c1f69694b8cf9b2ed070167e68d6e4f64166e75f60ccb761115509e7e7c489dbb89ecb0f5eef79aa0910d9f2ac18d04eecbe27917032aee
- languageName: node
- linkType: hard
-
"@babel/generator@npm:7.16.8":
version: 7.16.8
resolution: "@babel/generator@npm:7.16.8"
@@ -690,7 +663,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.8.3":
+"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.8.3":
version: 7.18.6
resolution: "@babel/helper-module-imports@npm:7.18.6"
dependencies:
@@ -907,7 +880,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-class-properties@npm:^7.1.0, @babel/plugin-proposal-class-properties@npm:^7.12.13, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.16.0, @babel/plugin-proposal-class-properties@npm:^7.16.5, @babel/plugin-proposal-class-properties@npm:^7.16.7, @babel/plugin-proposal-class-properties@npm:^7.18.6":
+"@babel/plugin-proposal-class-properties@npm:^7.1.0, @babel/plugin-proposal-class-properties@npm:^7.12.13, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.16.5, @babel/plugin-proposal-class-properties@npm:^7.16.7, @babel/plugin-proposal-class-properties@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
dependencies:
@@ -932,7 +905,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-decorators@npm:^7.12.13, @babel/plugin-proposal-decorators@npm:^7.13.5, @babel/plugin-proposal-decorators@npm:^7.16.4, @babel/plugin-proposal-decorators@npm:^7.17.2":
+"@babel/plugin-proposal-decorators@npm:^7.12.13, @babel/plugin-proposal-decorators@npm:^7.13.5, @babel/plugin-proposal-decorators@npm:^7.17.2":
version: 7.19.1
resolution: "@babel/plugin-proposal-decorators@npm:7.19.1"
dependencies:
@@ -1007,7 +980,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
dependencies:
@@ -1019,7 +992,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-numeric-separator@npm:^7.16.0, @babel/plugin-proposal-numeric-separator@npm:^7.16.7, @babel/plugin-proposal-numeric-separator@npm:^7.18.6":
+"@babel/plugin-proposal-numeric-separator@npm:^7.16.7, @babel/plugin-proposal-numeric-separator@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-proposal-numeric-separator@npm:7.18.6"
dependencies:
@@ -1071,7 +1044,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.16.0, @babel/plugin-proposal-optional-chaining@npm:^7.16.7, @babel/plugin-proposal-optional-chaining@npm:^7.18.9":
+"@babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.16.7, @babel/plugin-proposal-optional-chaining@npm:^7.18.9":
version: 7.18.9
resolution: "@babel/plugin-proposal-optional-chaining@npm:7.18.9"
dependencies:
@@ -1084,7 +1057,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-private-methods@npm:^7.16.0, @babel/plugin-proposal-private-methods@npm:^7.16.11, @babel/plugin-proposal-private-methods@npm:^7.16.5, @babel/plugin-proposal-private-methods@npm:^7.18.6":
+"@babel/plugin-proposal-private-methods@npm:^7.16.11, @babel/plugin-proposal-private-methods@npm:^7.16.5, @babel/plugin-proposal-private-methods@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-proposal-private-methods@npm:7.18.6"
dependencies:
@@ -1096,7 +1069,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-proposal-private-property-in-object@npm:^7.16.0, @babel/plugin-proposal-private-property-in-object@npm:^7.16.5, @babel/plugin-proposal-private-property-in-object@npm:^7.16.7, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
+"@babel/plugin-proposal-private-property-in-object@npm:^7.16.5, @babel/plugin-proposal-private-property-in-object@npm:^7.16.7, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6"
dependencies:
@@ -1510,7 +1483,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-transform-flow-strip-types@npm:^7.16.0, @babel/plugin-transform-flow-strip-types@npm:^7.18.6":
+"@babel/plugin-transform-flow-strip-types@npm:^7.18.6":
version: 7.19.0
resolution: "@babel/plugin-transform-flow-strip-types@npm:7.19.0"
dependencies:
@@ -1690,18 +1663,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-transform-react-constant-elements@npm:^7.12.1":
- version: 7.18.12
- resolution: "@babel/plugin-transform-react-constant-elements@npm:7.18.12"
- dependencies:
- "@babel/helper-plugin-utils": ^7.18.9
- peerDependencies:
- "@babel/core": ^7.0.0-0
- checksum: 5982513369837038d6cfa17a6c85e029462c1cdc30843a3d5056b738d0ba90f35a01a552e546fabdf67a9333a2092863a2c8493a97e8baf9660c6ee2051a2bed
- languageName: node
- linkType: hard
-
-"@babel/plugin-transform-react-display-name@npm:^7.16.0, @babel/plugin-transform-react-display-name@npm:^7.18.6":
+"@babel/plugin-transform-react-display-name@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-transform-react-display-name@npm:7.18.6"
dependencies:
@@ -1811,7 +1773,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/plugin-transform-runtime@npm:^7.12.15, @babel/plugin-transform-runtime@npm:^7.13.9, @babel/plugin-transform-runtime@npm:^7.16.4":
+"@babel/plugin-transform-runtime@npm:^7.12.15, @babel/plugin-transform-runtime@npm:^7.13.9":
version: 7.19.1
resolution: "@babel/plugin-transform-runtime@npm:7.19.1"
dependencies:
@@ -2025,7 +1987,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.12.1, @babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.12.16, @babel/preset-env@npm:^7.16.11, @babel/preset-env@npm:^7.16.4, @babel/preset-env@npm:^7.16.5, @babel/preset-env@npm:^7.17.10":
+"@babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.12.16, @babel/preset-env@npm:^7.16.11, @babel/preset-env@npm:^7.16.5, @babel/preset-env@npm:^7.17.10":
version: 7.19.1
resolution: "@babel/preset-env@npm:7.19.1"
dependencies:
@@ -2138,7 +2100,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/preset-react@npm:^7.12.10, @babel/preset-react@npm:^7.12.5, @babel/preset-react@npm:^7.16.0, @babel/preset-react@npm:^7.16.7":
+"@babel/preset-react@npm:^7.12.10, @babel/preset-react@npm:^7.16.7":
version: 7.18.6
resolution: "@babel/preset-react@npm:7.18.6"
dependencies:
@@ -2154,7 +2116,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/preset-typescript@npm:^7.12.7, @babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.16.0, @babel/preset-typescript@npm:^7.16.7":
+"@babel/preset-typescript@npm:^7.12.7, @babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.16.7":
version: 7.18.6
resolution: "@babel/preset-typescript@npm:7.18.6"
dependencies:
@@ -2219,7 +2181,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
version: 7.19.0
resolution: "@babel/runtime@npm:7.19.0"
dependencies:
@@ -2288,7 +2250,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.8, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.2.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.0, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.8.6, @babel/types@npm:^7.8.7, @babel/types@npm:^7.9.6":
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.7, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.8, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.2.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.0, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.8.6, @babel/types@npm:^7.8.7, @babel/types@npm:^7.9.6":
version: 7.19.0
resolution: "@babel/types@npm:7.19.0"
dependencies:
@@ -2433,118 +2395,7 @@ __metadata:
languageName: node
linkType: hard
-"@csstools/normalize.css@npm:*":
- version: 12.0.0
- resolution: "@csstools/normalize.css@npm:12.0.0"
- checksum: 707e3699727dec0d28537a06d7340bcea844824dd704f8fee6e4a2bc08f3e0ed2b0d6f99ff20534a8632a6cd1dcd82d6c04c431bb1c6e396bfed0c4572ec724e
- languageName: node
- linkType: hard
-
-"@csstools/postcss-cascade-layers@npm:^1.1.0":
- version: 1.1.1
- resolution: "@csstools/postcss-cascade-layers@npm:1.1.1"
- dependencies:
- "@csstools/selector-specificity": ^2.0.2
- postcss-selector-parser: ^6.0.10
- peerDependencies:
- postcss: ^8.2
- checksum: 8dcfe748194c95b2bf24cb90845d3b1e7f9a3d831f76d5ce97188026a39bec28379a5672e62ab09e4e83b24dfb93e6d784d194e4fb9474c933f93ce131cae769
- languageName: node
- linkType: hard
-
-"@csstools/postcss-color-function@npm:^1.1.1":
- version: 1.1.1
- resolution: "@csstools/postcss-color-function@npm:1.1.1"
- dependencies:
- "@csstools/postcss-progressive-custom-properties": ^1.1.0
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: 802e23fc5ac38aed7366be2ffc3ae5572b45c82b31a0ced10a8fb8e69e7e15f6e975053ce54a6dabb6e56aa5d90a396d49c24eea5723165316acc9b3f988a085
- languageName: node
- linkType: hard
-
-"@csstools/postcss-font-format-keywords@npm:^1.0.1":
- version: 1.0.1
- resolution: "@csstools/postcss-font-format-keywords@npm:1.0.1"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: bbd52500809ddc62fe5052d43f3353797d47608bab59e0f62da8165de33404ed047a024f190d69b22e1d4883a43e5a48af443c390010bcc1d58d880cc808715e
- languageName: node
- linkType: hard
-
-"@csstools/postcss-hwb-function@npm:^1.0.2":
- version: 1.0.2
- resolution: "@csstools/postcss-hwb-function@npm:1.0.2"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: 28dfbfc01b5b1d9dd33d2cc9c2ae9b57e73bdf90f2f698f786863c3e116145a1bbe4146b2db2fdfa470444cd8cc9cedac86cf893a9025a690a350a47a040107a
- languageName: node
- linkType: hard
-
-"@csstools/postcss-ic-unit@npm:^1.0.1":
- version: 1.0.1
- resolution: "@csstools/postcss-ic-unit@npm:1.0.1"
- dependencies:
- "@csstools/postcss-progressive-custom-properties": ^1.1.0
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: f12ee4c3e6858be4fdf3cad05013898b7b8e62122709ef62c3b236232b1181bd142e7f19460e968fd7759e6d10b113e82a87c206f5adcaaf5ef3acf1c446e5f8
- languageName: node
- linkType: hard
-
-"@csstools/postcss-is-pseudo-class@npm:^2.0.7":
- version: 2.0.7
- resolution: "@csstools/postcss-is-pseudo-class@npm:2.0.7"
- dependencies:
- "@csstools/selector-specificity": ^2.0.0
- postcss-selector-parser: ^6.0.10
- peerDependencies:
- postcss: ^8.2
- checksum: 7b0a511f6283b5a2c6f6fc2eecf08f7fbe3772c44cf3a2be327b41731aeafcc93cf7f2a4e01ff6dcb7c5fa88d941ae4b818f0ed2ec93f708d7efda5a3e5a8089
- languageName: node
- linkType: hard
-
-"@csstools/postcss-nested-calc@npm:^1.0.0":
- version: 1.0.0
- resolution: "@csstools/postcss-nested-calc@npm:1.0.0"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: b737ed55581282c9c23b65e6b6fbc7be26f354f384c617f1f73cc252f5d9f4b3386f9b3eef5267efc84452c329895dd438864b6e4f46b0fc7d37045e00a4408c
- languageName: node
- linkType: hard
-
-"@csstools/postcss-normalize-display-values@npm:^1.0.1":
- version: 1.0.1
- resolution: "@csstools/postcss-normalize-display-values@npm:1.0.1"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: 92361a0917b22f3d47c61706c4124560265d9b316b3d877ab2a759de9ae8fe4c50729cc79b99a81aa3a4b54e67d4acc7512c6d460bf308c2197acdc3e9f1287e
- languageName: node
- linkType: hard
-
-"@csstools/postcss-oklab-function@npm:^1.1.1":
- version: 1.1.1
- resolution: "@csstools/postcss-oklab-function@npm:1.1.1"
- dependencies:
- "@csstools/postcss-progressive-custom-properties": ^1.1.0
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: f7a3734154bbe3658cee776417cadb99cedfe138b2c1893095a87694fce5498cb623c743cdd5eef933c450cfbba8961b3fa079ebcb5039636f81567deb9db5d5
- languageName: node
- linkType: hard
-
-"@csstools/postcss-progressive-custom-properties@npm:^1.1.0, @csstools/postcss-progressive-custom-properties@npm:^1.3.0":
+"@csstools/postcss-progressive-custom-properties@npm:^1.1.0":
version: 1.3.0
resolution: "@csstools/postcss-progressive-custom-properties@npm:1.3.0"
dependencies:
@@ -2555,49 +2406,7 @@ __metadata:
languageName: node
linkType: hard
-"@csstools/postcss-stepped-value-functions@npm:^1.0.1":
- version: 1.0.1
- resolution: "@csstools/postcss-stepped-value-functions@npm:1.0.1"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: ba04c94bf0b21616df278c317a047f809cfb855e4939f9511d82e80018386ccff1cef92c73c5382866491e7a1db61f7889703b97433381e882440c1f3668298a
- languageName: node
- linkType: hard
-
-"@csstools/postcss-text-decoration-shorthand@npm:^1.0.0":
- version: 1.0.0
- resolution: "@csstools/postcss-text-decoration-shorthand@npm:1.0.0"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: 1aadbc9d7966af0bc7d459cdf34d9814e721635210d1082df277ea623820d6119058d519f6f0f027ec03026793568c7c7adf831479faafc6ff8de76a3d866a31
- languageName: node
- linkType: hard
-
-"@csstools/postcss-trigonometric-functions@npm:^1.0.2":
- version: 1.0.2
- resolution: "@csstools/postcss-trigonometric-functions@npm:1.0.2"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: a7ebc9a90b52089fbcf484d992beb2c881f1d9370450cf789e175c4682b4e9ae0c9c3879775b4f353a2a58f7f75462a8e3b6fb0a3fe9572aa52c85e99b4f94f4
- languageName: node
- linkType: hard
-
-"@csstools/postcss-unset-value@npm:^1.0.2":
- version: 1.0.2
- resolution: "@csstools/postcss-unset-value@npm:1.0.2"
- peerDependencies:
- postcss: ^8.2
- checksum: 43d656360ffda504f22f3470cd8c1826362e8938da8eea1c2878302b878d38305c48c31090455fe760f40386c10ccbe17e9a95d63fb4e7934c035e805b641e12
- languageName: node
- linkType: hard
-
-"@csstools/selector-specificity@npm:^2.0.0, @csstools/selector-specificity@npm:^2.0.2":
+"@csstools/selector-specificity@npm:^2.0.0":
version: 2.0.2
resolution: "@csstools/selector-specificity@npm:2.0.2"
peerDependencies:
@@ -3913,18 +3722,6 @@ __metadata:
languageName: node
linkType: hard
-"@jest/types@npm:^25.5.0":
- version: 25.5.0
- resolution: "@jest/types@npm:25.5.0"
- dependencies:
- "@types/istanbul-lib-coverage": ^2.0.0
- "@types/istanbul-reports": ^1.1.1
- "@types/yargs": ^15.0.0
- chalk: ^3.0.0
- checksum: f47c6e98c99d3fd562f2be6c339f41d3c7092e9587b8524fe71411f9c8b8e71f50475278a10e534f56c729ccd3e3b55e3aa20e4b0a2c5c47ded1ba53e0aef286
- languageName: node
- linkType: hard
-
"@jest/types@npm:^26.6.2":
version: 26.6.2
resolution: "@jest/types@npm:26.6.2"
@@ -5226,15 +5023,6 @@ __metadata:
languageName: node
linkType: hard
-"@nicolo-ribaudo/eslint-scope-5-internals@npm:5.1.1-v1":
- version: 5.1.1-v1
- resolution: "@nicolo-ribaudo/eslint-scope-5-internals@npm:5.1.1-v1"
- dependencies:
- eslint-scope: 5.1.1
- checksum: 75dda3e623b8ad7369ca22552d6beee337a814b2d0e8a32d23edd13fcb65c8082b32c5d86e436f3860dd7ade30d91d5db55d4ef9a08fb5a976c718ecc0d88a74
- languageName: node
- linkType: hard
-
"@node-ipc/js-queue@npm:2.0.3":
version: 2.0.3
resolution: "@node-ipc/js-queue@npm:2.0.3"
@@ -6478,7 +6266,7 @@ __metadata:
languageName: node
linkType: hard
-"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.1, @pmmmwh/react-refresh-webpack-plugin@npm:^0.5.3, @pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5":
+"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5":
version: 0.5.7
resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.7"
dependencies:
@@ -6558,64 +6346,6 @@ __metadata:
languageName: node
linkType: hard
-"@rollup/plugin-babel@npm:^5.2.0":
- version: 5.3.1
- resolution: "@rollup/plugin-babel@npm:5.3.1"
- dependencies:
- "@babel/helper-module-imports": ^7.10.4
- "@rollup/pluginutils": ^3.1.0
- peerDependencies:
- "@babel/core": ^7.0.0
- "@types/babel__core": ^7.1.9
- rollup: ^1.20.0||^2.0.0
- peerDependenciesMeta:
- "@types/babel__core":
- optional: true
- checksum: 2766134dd5567c0d4fd6909d1f511ce9bf3bd9d727e1bc5ffdd6097a3606faca324107ae8e0961839ee4dbb45e5e579ae601efe472fc0a271259aea79920cafa
- languageName: node
- linkType: hard
-
-"@rollup/plugin-node-resolve@npm:^11.2.1":
- version: 11.2.1
- resolution: "@rollup/plugin-node-resolve@npm:11.2.1"
- dependencies:
- "@rollup/pluginutils": ^3.1.0
- "@types/resolve": 1.17.1
- builtin-modules: ^3.1.0
- deepmerge: ^4.2.2
- is-module: ^1.0.0
- resolve: ^1.19.0
- peerDependencies:
- rollup: ^1.20.0||^2.0.0
- checksum: a8226b01352ee1f7133b1b59b3906267e11c99020a55e3b7a313e03889f790d1cd94e7f7769d3963261e897c3265082533ba595976f8e3f08cf70aa88bf1ddd7
- languageName: node
- linkType: hard
-
-"@rollup/plugin-replace@npm:^2.4.1":
- version: 2.4.2
- resolution: "@rollup/plugin-replace@npm:2.4.2"
- dependencies:
- "@rollup/pluginutils": ^3.1.0
- magic-string: ^0.25.7
- peerDependencies:
- rollup: ^1.20.0 || ^2.0.0
- checksum: ea3d27291c791661638b91809d0247dde1ee71be0b16fa7060078c2700db3669eada2c3978ea979b917b29ebe06f3fddc8797feae554da966264a22142b5771a
- languageName: node
- linkType: hard
-
-"@rollup/pluginutils@npm:^3.1.0":
- version: 3.1.0
- resolution: "@rollup/pluginutils@npm:3.1.0"
- dependencies:
- "@types/estree": 0.0.39
- estree-walker: ^1.0.1
- picomatch: ^2.2.2
- peerDependencies:
- rollup: ^1.20.0||^2.0.0
- checksum: 7151753160d15ba2b259461a6c25b3932150994ea52dba8fd3144f634c7647c2e56733d986e2c15de67c4d96a9ee7d6278efa6d2e626a7169898fd64adc0f90c
- languageName: node
- linkType: hard
-
"@rollup/pluginutils@npm:^4.2.0, @rollup/pluginutils@npm:^4.2.1":
version: 4.2.1
resolution: "@rollup/pluginutils@npm:4.2.1"
@@ -6626,7 +6356,7 @@ __metadata:
languageName: node
linkType: hard
-"@rushstack/eslint-patch@npm:^1.0.8, @rushstack/eslint-patch@npm:^1.1.0":
+"@rushstack/eslint-patch@npm:^1.0.8":
version: 1.2.0
resolution: "@rushstack/eslint-patch@npm:1.2.0"
checksum: 96c7622ab54b759f9aca2b03ba98acdfae39adb8c7a97b429a8f5c90adb49cc2c38db894c9a02f4ad8088f132575146c091c15b1f10ed34026ffd2491930c3a4
@@ -7607,6 +7337,7 @@ __metadata:
"@types/express": ^4.17.13
"@types/node": ^17.0.23
"@vitejs/plugin-react": ^2.0.0
+ browser-assert: ^1.2.1
es-module-lexer: ^0.9.3
glob: ^7.2.0
glob-promise: ^4.2.0
@@ -8505,25 +8236,6 @@ __metadata:
languageName: unknown
linkType: soft
-"@storybook/preset-create-react-app@npm:^4.1.0":
- version: 4.1.2
- resolution: "@storybook/preset-create-react-app@npm:4.1.2"
- dependencies:
- "@pmmmwh/react-refresh-webpack-plugin": ^0.5.1
- "@storybook/react-docgen-typescript-plugin": canary
- "@types/babel__core": ^7.1.7
- babel-plugin-react-docgen: ^4.1.0
- pnp-webpack-plugin: ^1.7.0
- semver: ^7.3.5
- peerDependencies:
- "@babel/core": "*"
- "@storybook/node-logger": "*"
- "@storybook/react": ">=5.2"
- react-scripts: ">=5.0.0"
- checksum: d28d7c9c5ec6775f2818f831fee3b28c1e8f395bde18f43b665feb8e7f53e1dbaba4e6a783511702098f1bb45c3a7fa9cdbc0d9816aaefebfa4838a26a807406
- languageName: node
- linkType: hard
-
"@storybook/preset-html-webpack@7.0.0-alpha.34, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack":
version: 0.0.0-use.local
resolution: "@storybook/preset-html-webpack@workspace:presets/html-webpack"
@@ -8740,7 +8452,7 @@ __metadata:
languageName: unknown
linkType: soft
-"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0, @storybook/react-docgen-typescript-plugin@npm:canary":
+"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0":
version: 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0"
dependencies:
@@ -8955,6 +8667,7 @@ __metadata:
"@storybook/vue3-vite": "workspace:*"
"@storybook/vue3-webpack5": "workspace:*"
"@storybook/web-components": "workspace:*"
+ "@storybook/web-components-vite": "workspace:*"
"@storybook/web-components-webpack5": "workspace:*"
"@testing-library/dom": ^7.29.4
"@testing-library/jest-dom": ^5.11.9
@@ -9521,6 +9234,27 @@ __metadata:
languageName: unknown
linkType: soft
+"@storybook/web-components-vite@workspace:*, @storybook/web-components-vite@workspace:frameworks/web-components-vite":
+ version: 0.0.0-use.local
+ resolution: "@storybook/web-components-vite@workspace:frameworks/web-components-vite"
+ dependencies:
+ "@storybook/addons": 7.0.0-alpha.34
+ "@storybook/builder-vite": 7.0.0-alpha.34
+ "@storybook/channel-postmessage": 7.0.0-alpha.34
+ "@storybook/channel-websocket": 7.0.0-alpha.34
+ "@storybook/client-api": 7.0.0-alpha.34
+ "@storybook/core-server": 7.0.0-alpha.34
+ "@storybook/node-logger": 7.0.0-alpha.34
+ "@storybook/preview-web": 7.0.0-alpha.34
+ "@storybook/web-components": 7.0.0-alpha.34
+ "@types/node": ^14.14.20 || ^16.0.0
+ "@vitejs/plugin-vue": ^3.0.3
+ magic-string: ^0.26.1
+ typescript: ~4.6.3
+ vite: ^3.1.0
+ languageName: unknown
+ linkType: soft
+
"@storybook/web-components-webpack5@workspace:*, @storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5":
version: 0.0.0-use.local
resolution: "@storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5"
@@ -9570,18 +9304,6 @@ __metadata:
languageName: node
linkType: hard
-"@surma/rollup-plugin-off-main-thread@npm:^2.2.3":
- version: 2.2.3
- resolution: "@surma/rollup-plugin-off-main-thread@npm:2.2.3"
- dependencies:
- ejs: ^3.1.6
- json5: ^2.2.0
- magic-string: ^0.25.0
- string.prototype.matchall: ^4.0.6
- checksum: 4f36a7488cdae2907053a48231430e8e9aa8f1903a96131bf8325786afba3224011f9120164cae75043558bd051881050b071958388fe477927d340b1cc1a066
- languageName: node
- linkType: hard
-
"@sveltejs/vite-plugin-svelte@npm:^1.0.0":
version: 1.0.8
resolution: "@sveltejs/vite-plugin-svelte@npm:1.0.8"
@@ -9603,137 +9325,6 @@ __metadata:
languageName: node
linkType: hard
-"@svgr/babel-plugin-add-jsx-attribute@npm:^5.4.0":
- version: 5.4.0
- resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:5.4.0"
- checksum: f7f7681f0353a265c85a9fa0a6682c2c39c2eba35d6c855bbf25ea9739b339bf1fdd826b61fb3875642bf607c77bf41e6a66a97a4f07fb6e84bd521a363749e5
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-remove-jsx-attribute@npm:^5.4.0":
- version: 5.4.0
- resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:5.4.0"
- checksum: 0562c4c1597aecab0248fbd250e45e630de373307468568b7508c78d315a93f29920dffad2f5f54aad8e2aad9da440e16867e54961f3e6402d9855e5fc836948
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-remove-jsx-empty-expression@npm:^5.0.1":
- version: 5.0.1
- resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:5.0.1"
- checksum: 80e2d736528ee553f54916acb9a9a0414e4a06730df420fb2a14788446125728abcb5125bfca6b15ce6fd99771397160f02ec95828871777c1a7803fcf258a44
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-replace-jsx-attribute-value@npm:^5.0.1":
- version: 5.0.1
- resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:5.0.1"
- checksum: fb9e267ba961a0daf1f37f2954552617e09ad1d8e97f033aefc28d2a7d7824831318a5324e8e873341b53c9bb10a0c266665c7871251fd0dd2a8294fe1546fac
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-svg-dynamic-title@npm:^5.4.0":
- version: 5.4.0
- resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:5.4.0"
- checksum: e6d1a1ef2f4b91473152bf5153a6857585857e7f0e7897df2d18e14d567811814a5590c9d10d80cf3f2964a5b7bd93d3e4cbd15c8d006c5dd83d4e6839646636
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-svg-em-dimensions@npm:^5.4.0":
- version: 5.4.0
- resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:5.4.0"
- checksum: 1dc247f376ed110d1407b96c1c919c0bfa2907cd02b2eaa98d40209f21f1ff3602a46f0eb0528e514826a843dc411c06ed251cf8c691efbc961f0cbe0aaf860d
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-transform-react-native-svg@npm:^5.4.0":
- version: 5.4.0
- resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:5.4.0"
- checksum: 3ad2f074d0e5857d07758492d0c98d1d862f2def9fab48939c69c5a3c4387065d01b0e8ac62c53a402a9ce09ed3de099bdf41cd2a597e7d58ddf47fb3a3b2c3e
- languageName: node
- linkType: hard
-
-"@svgr/babel-plugin-transform-svg-component@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/babel-plugin-transform-svg-component@npm:5.5.0"
- checksum: 73bfb09933d4a85a0ee8ec364684a0915a9ce05e668d024c073369cc36d78dcde41ddcdb493dde6440f5ee5649ed75b95ac8add226eaee32b20dc54894ac2974
- languageName: node
- linkType: hard
-
-"@svgr/babel-preset@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/babel-preset@npm:5.5.0"
- dependencies:
- "@svgr/babel-plugin-add-jsx-attribute": ^5.4.0
- "@svgr/babel-plugin-remove-jsx-attribute": ^5.4.0
- "@svgr/babel-plugin-remove-jsx-empty-expression": ^5.0.1
- "@svgr/babel-plugin-replace-jsx-attribute-value": ^5.0.1
- "@svgr/babel-plugin-svg-dynamic-title": ^5.4.0
- "@svgr/babel-plugin-svg-em-dimensions": ^5.4.0
- "@svgr/babel-plugin-transform-react-native-svg": ^5.4.0
- "@svgr/babel-plugin-transform-svg-component": ^5.5.0
- checksum: a737592044ee3aea22506fa7178464fc0e1e6e6f3005cbc8db12d6963f18b8a097c97a2d4ede93dd1d3309074f84f47272924614cd74d2c7900c649f0356e349
- languageName: node
- linkType: hard
-
-"@svgr/core@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/core@npm:5.5.0"
- dependencies:
- "@svgr/plugin-jsx": ^5.5.0
- camelcase: ^6.2.0
- cosmiconfig: ^7.0.0
- checksum: a8f8ac7f829ea92a6d0305c746afb33feba3b1c7000e6f22d83b8bad13fdcd5aacc3ebde60330368830eebf23ff3090ddd3ef959d41a90d694f4b7914aea6686
- languageName: node
- linkType: hard
-
-"@svgr/hast-util-to-babel-ast@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/hast-util-to-babel-ast@npm:5.5.0"
- dependencies:
- "@babel/types": ^7.12.6
- checksum: 1758afd99594b094ec3d0966ba0e81e5ca8acea075801b8a93c5e97269b046eca1fd8dac7c7efbc3b5775e2496adb6880530fd1d6ccaaf8792afd567773a4f64
- languageName: node
- linkType: hard
-
-"@svgr/plugin-jsx@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/plugin-jsx@npm:5.5.0"
- dependencies:
- "@babel/core": ^7.12.3
- "@svgr/babel-preset": ^5.5.0
- "@svgr/hast-util-to-babel-ast": ^5.5.0
- svg-parser: ^2.0.2
- checksum: 96f84139dae94cdda7e24896ab23e9d41e699fc8ecbbd11e280604eb7a67dfec55f126ec12ea3c622b8df6b0fccce5eb261d96f6ca8c59366d3963f13e411ec6
- languageName: node
- linkType: hard
-
-"@svgr/plugin-svgo@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/plugin-svgo@npm:5.5.0"
- dependencies:
- cosmiconfig: ^7.0.0
- deepmerge: ^4.2.2
- svgo: ^1.2.2
- checksum: 7494f7417ac339422f4eb2219489badaa51cdd79de2b5b3ff772c602036c5a38faf92fdefaab47414175f7c83406c4db195c35e619aae88d0573d7b199ec4503
- languageName: node
- linkType: hard
-
-"@svgr/webpack@npm:^5.5.0":
- version: 5.5.0
- resolution: "@svgr/webpack@npm:5.5.0"
- dependencies:
- "@babel/core": ^7.12.3
- "@babel/plugin-transform-react-constant-elements": ^7.12.1
- "@babel/preset-env": ^7.12.1
- "@babel/preset-react": ^7.12.5
- "@svgr/core": ^5.5.0
- "@svgr/plugin-jsx": ^5.5.0
- "@svgr/plugin-svgo": ^5.5.0
- loader-utils: ^2.0.0
- checksum: 0313712a1892f387d8c425652239dd635269241b18e7e6f9aad6a339cbe887ebec813d146df23407229384ac5e9d6527f3571aa2fc9dcb30e32006c9eb918663
- languageName: node
- linkType: hard
-
"@swc/helpers@npm:0.4.11, @swc/helpers@npm:^0.4.2":
version: 0.4.11
resolution: "@swc/helpers@npm:0.4.11"
@@ -10171,7 +9762,7 @@ __metadata:
languageName: node
linkType: hard
-"@types/eslint@npm:*, @types/eslint@npm:^7.29.0 || ^8.4.1":
+"@types/eslint@npm:*":
version: 8.4.6
resolution: "@types/eslint@npm:8.4.6"
dependencies:
@@ -10197,13 +9788,6 @@ __metadata:
languageName: node
linkType: hard
-"@types/estree@npm:0.0.39":
- version: 0.0.39
- resolution: "@types/estree@npm:0.0.39"
- checksum: f0af6c95ac1988c4827964bd9d3b51d24da442e2188943f6dfcb1e1559103d5d024d564b2e9d3f84c53714a02a0a7435c7441138eb63d9af5de4dfc66cdc0d92
- languageName: node
- linkType: hard
-
"@types/estree@npm:^0.0.51":
version: 0.0.51
resolution: "@types/estree@npm:0.0.51"
@@ -10396,16 +9980,6 @@ __metadata:
languageName: node
linkType: hard
-"@types/jest@npm:25.2.3":
- version: 25.2.3
- resolution: "@types/jest@npm:25.2.3"
- dependencies:
- jest-diff: ^25.2.1
- pretty-format: ^25.2.1
- checksum: 50ab803a1b861e6b0638eb59a3f516a4fa4f982ab5d6c4135c617c285bab9064ed81950c994ff99fd360c77d0adb71d0d85dd02ac264af72af214c922937db1f
- languageName: node
- linkType: hard
-
"@types/jest@npm:^26.0.16":
version: 26.0.24
resolution: "@types/jest@npm:26.0.24"
@@ -10740,13 +10314,6 @@ __metadata:
languageName: node
linkType: hard
-"@types/q@npm:^1.5.1":
- version: 1.5.5
- resolution: "@types/q@npm:1.5.5"
- checksum: 0a22134a75de86196adf4ad1052f35fdbb9d8a053b2034fb97f328b30ada26f321d7241681cd1cb76e8311f7ead85cc88aa65a42d316828a4a813caed4b55e7c
- languageName: node
- linkType: hard
-
"@types/qs@npm:*, @types/qs@npm:^6, @types/qs@npm:^6.9.5":
version: 6.9.7
resolution: "@types/qs@npm:6.9.7"
@@ -10810,15 +10377,6 @@ __metadata:
languageName: node
linkType: hard
-"@types/resolve@npm:1.17.1":
- version: 1.17.1
- resolution: "@types/resolve@npm:1.17.1"
- dependencies:
- "@types/node": "*"
- checksum: 6eeb9c27d99bf4b393bf168d43208f63e78cefca5644662a0bdb2bdbf8352386f4f3aca66add138fc41bce5f66fd48a0de430a1473f11b612fbed0375ae78031
- languageName: node
- linkType: hard
-
"@types/responselike@npm:^1.0.0":
version: 1.0.0
resolution: "@types/responselike@npm:1.0.0"
@@ -11335,7 +10893,7 @@ __metadata:
languageName: node
linkType: hard
-"@typescript-eslint/utils@npm:5.38.0, @typescript-eslint/utils@npm:^5.13.0":
+"@typescript-eslint/utils@npm:5.38.0":
version: 5.38.0
resolution: "@typescript-eslint/utils@npm:5.38.0"
dependencies:
@@ -12442,7 +12000,7 @@ __metadata:
languageName: node
linkType: hard
-"acorn-node@npm:^1.2.0, acorn-node@npm:^1.3.0, acorn-node@npm:^1.8.2":
+"acorn-node@npm:^1.2.0, acorn-node@npm:^1.3.0":
version: 1.8.2
resolution: "acorn-node@npm:1.8.2"
dependencies:
@@ -12675,7 +12233,7 @@ __metadata:
languageName: node
linkType: hard
-"ajv@npm:^8.0.0, ajv@npm:^8.0.1, ajv@npm:^8.6.0, ajv@npm:^8.8.0":
+"ajv@npm:^8.0.0, ajv@npm:^8.0.1, ajv@npm:^8.8.0":
version: 8.11.0
resolution: "ajv@npm:8.11.0"
dependencies:
@@ -13049,13 +12607,6 @@ __metadata:
languageName: node
linkType: hard
-"arg@npm:^5.0.2":
- version: 5.0.2
- resolution: "arg@npm:5.0.2"
- checksum: ccaf86f4e05d342af6666c569f844bec426595c567d32a8289715087825c2ca7edd8a3d204e4d2fb2aa4602e09a57d0c13ea8c9eea75aac3dbb4af5514e6800e
- languageName: node
- linkType: hard
-
"argparse@npm:^1.0.7, argparse@npm:~1.0.2":
version: 1.0.10
resolution: "argparse@npm:1.0.10"
@@ -13301,7 +12852,7 @@ __metadata:
languageName: node
linkType: hard
-"asap@npm:^2.0.0, asap@npm:~2.0.3, asap@npm:~2.0.6":
+"asap@npm:^2.0.0, asap@npm:~2.0.3":
version: 2.0.6
resolution: "asap@npm:2.0.6"
checksum: c6d5e39fe1f15e4b87677460bd66b66050cd14c772269cee6688824c1410a08ab20254bb6784f9afb75af9144a9f9a7692d49547f4d19d715aeb7c0318f3136d
@@ -13533,7 +13084,7 @@ __metadata:
languageName: node
linkType: hard
-"autoprefixer@npm:^10.0.1, autoprefixer@npm:^10.2.4, autoprefixer@npm:^10.4.11, autoprefixer@npm:^10.4.2":
+"autoprefixer@npm:^10.0.1, autoprefixer@npm:^10.2.4, autoprefixer@npm:^10.4.2":
version: 10.4.12
resolution: "autoprefixer@npm:10.4.12"
dependencies:
@@ -13662,7 +13213,7 @@ __metadata:
languageName: node
linkType: hard
-"babel-jest@npm:^27.4.2, babel-jest@npm:^27.5.1":
+"babel-jest@npm:^27.5.1":
version: 27.5.1
resolution: "babel-jest@npm:27.5.1"
dependencies:
@@ -13697,7 +13248,7 @@ __metadata:
languageName: node
linkType: hard
-"babel-loader@npm:8.2.5, babel-loader@npm:^7.0.0 || ^8.0.0, babel-loader@npm:^8.2.2, babel-loader@npm:^8.2.3, babel-loader@npm:^8.2.5":
+"babel-loader@npm:8.2.5, babel-loader@npm:^7.0.0 || ^8.0.0, babel-loader@npm:^8.2.2, babel-loader@npm:^8.2.5":
version: 8.2.5
resolution: "babel-loader@npm:8.2.5"
dependencies:
@@ -13916,15 +13467,6 @@ __metadata:
languageName: node
linkType: hard
-"babel-plugin-named-asset-import@npm:^0.3.8":
- version: 0.3.8
- resolution: "babel-plugin-named-asset-import@npm:0.3.8"
- peerDependencies:
- "@babel/core": ^7.1.0
- checksum: 1a583432e16b9b17ead619f2c1d241106c5e57171d75e0494b93a3f23fec94c53a6e521b9485a17f8daa6c5ddb111e57849b424c7796fa07c204cbbee1583f48
- languageName: node
- linkType: hard
-
"babel-plugin-named-exports-order@npm:^0.0.2":
version: 0.0.2
resolution: "babel-plugin-named-exports-order@npm:0.0.2"
@@ -13991,7 +13533,7 @@ __metadata:
languageName: node
linkType: hard
-"babel-plugin-react-docgen@npm:^4.1.0, babel-plugin-react-docgen@npm:^4.2.1":
+"babel-plugin-react-docgen@npm:^4.2.1":
version: 4.2.1
resolution: "babel-plugin-react-docgen@npm:4.2.1"
dependencies:
@@ -14024,13 +13566,6 @@ __metadata:
languageName: node
linkType: hard
-"babel-plugin-transform-react-remove-prop-types@npm:^0.4.24":
- version: 0.4.24
- resolution: "babel-plugin-transform-react-remove-prop-types@npm:0.4.24"
- checksum: 713441fd9fb663cc95709cb52d9c2c6228ea6d5406092a8a50094c810bcb13c3c347f8fca703d45b20cc401782743a91d7272025950147f9247d53360267f107
- languageName: node
- linkType: hard
-
"babel-plugin-transform-runtime@npm:6.23.0":
version: 6.23.0
resolution: "babel-plugin-transform-runtime@npm:6.23.0"
@@ -14098,30 +13633,6 @@ __metadata:
languageName: node
linkType: hard
-"babel-preset-react-app@npm:^10.0.1":
- version: 10.0.1
- resolution: "babel-preset-react-app@npm:10.0.1"
- dependencies:
- "@babel/core": ^7.16.0
- "@babel/plugin-proposal-class-properties": ^7.16.0
- "@babel/plugin-proposal-decorators": ^7.16.4
- "@babel/plugin-proposal-nullish-coalescing-operator": ^7.16.0
- "@babel/plugin-proposal-numeric-separator": ^7.16.0
- "@babel/plugin-proposal-optional-chaining": ^7.16.0
- "@babel/plugin-proposal-private-methods": ^7.16.0
- "@babel/plugin-transform-flow-strip-types": ^7.16.0
- "@babel/plugin-transform-react-display-name": ^7.16.0
- "@babel/plugin-transform-runtime": ^7.16.4
- "@babel/preset-env": ^7.16.4
- "@babel/preset-react": ^7.16.0
- "@babel/preset-typescript": ^7.16.0
- "@babel/runtime": ^7.16.3
- babel-plugin-macros: ^3.1.0
- babel-plugin-transform-react-remove-prop-types: ^0.4.24
- checksum: aba225d0caf2591f7cc1aeed69369d1e86419a92fcf6025312421c238f4468347a7b6c12a45a4fb15e879a01f5a060439842fbde5739d7be31077b35c7d20fa5
- languageName: node
- linkType: hard
-
"babel-runtime@npm:^6.22.0":
version: 6.26.0
resolution: "babel-runtime@npm:6.26.0"
@@ -14278,18 +13789,6 @@ __metadata:
languageName: node
linkType: hard
-"bfj@npm:^7.0.2":
- version: 7.0.2
- resolution: "bfj@npm:7.0.2"
- dependencies:
- bluebird: ^3.5.5
- check-types: ^11.1.1
- hoopy: ^0.1.4
- tryer: ^1.0.1
- checksum: 2e576c7e13a036c457dd45ce8d8aa3c407a801e90a4feb7e3adc42238befdef19a7c677a23725e42f6c7f79e76838afd72e7a0b7c5aa7a6e8147209709f57981
- languageName: node
- linkType: hard
-
"big-integer@npm:^1.6.44":
version: 1.6.51
resolution: "big-integer@npm:1.6.51"
@@ -14481,7 +13980,7 @@ __metadata:
languageName: node
linkType: hard
-"boolbase@npm:^1.0.0, boolbase@npm:~1.0.0":
+"boolbase@npm:^1.0.0":
version: 1.0.0
resolution: "boolbase@npm:1.0.0"
checksum: e4b53deb4f2b85c52be0e21a273f2045c7b6a6ea002b0e139c744cb6f95e9ec044439a52883b0d74dedd1ff3da55ed140cfdddfed7fb0cccbed373de5dce1bcf
@@ -15195,7 +14694,7 @@ __metadata:
languageName: node
linkType: hard
-"browserslist@npm:^4.0.0, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6, browserslist@npm:^4.18.1, browserslist@npm:^4.19.1, browserslist@npm:^4.20.3, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.6.6, browserslist@npm:^4.9.1":
+"browserslist@npm:^4.0.0, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6, browserslist@npm:^4.19.1, browserslist@npm:^4.20.3, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.6.6, browserslist@npm:^4.9.1":
version: 4.21.4
resolution: "browserslist@npm:4.21.4"
dependencies:
@@ -15312,13 +14811,6 @@ __metadata:
languageName: node
linkType: hard
-"builtin-modules@npm:^3.1.0":
- version: 3.3.0
- resolution: "builtin-modules@npm:3.3.0"
- checksum: 2cb3448b4f7306dc853632a4fcddc95e8d4e4b9868c139400027b71938fc6806d4ff44007deffb362ac85724bd40c2c6452fb6a0aa4531650eeddb98d8e5ee8a
- languageName: node
- linkType: hard
-
"builtins@npm:^1.0.3":
version: 1.0.3
resolution: "builtins@npm:1.0.3"
@@ -15635,7 +15127,7 @@ __metadata:
languageName: node
linkType: hard
-"camelcase-css@npm:2.0.1, camelcase-css@npm:^2.0.1":
+"camelcase-css@npm:2.0.1":
version: 2.0.1
resolution: "camelcase-css@npm:2.0.1"
checksum: 1a1a3137e8a781e6cbeaeab75634c60ffd8e27850de410c162cce222ea331cd1ba5364e8fb21c95e5ca76f52ac34b81a090925ca00a87221355746d049c6e273
@@ -15695,7 +15187,7 @@ __metadata:
languageName: node
linkType: hard
-"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0, camelcase@npm:^6.2.1":
+"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0":
version: 6.3.0
resolution: "camelcase@npm:6.3.0"
checksum: 0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710
@@ -15867,13 +15359,6 @@ __metadata:
languageName: node
linkType: hard
-"char-regex@npm:^2.0.0":
- version: 2.0.1
- resolution: "char-regex@npm:2.0.1"
- checksum: ec592229ac3ef18f2ea1f5676ae9a829c37150db55fd7f709edce1bcdc9f506de22ae19388d853704806e51af71fe9239bcb7e7be583296951bfbf2a9a9763a2
- languageName: node
- linkType: hard
-
"character-entities-html4@npm:^1.0.0":
version: 1.1.4
resolution: "character-entities-html4@npm:1.1.4"
@@ -15962,13 +15447,6 @@ __metadata:
languageName: node
linkType: hard
-"check-types@npm:^11.1.1":
- version: 11.1.2
- resolution: "check-types@npm:11.1.2"
- checksum: 2860f38fd2e8c532920ec9e74960b530043e96ba96ddd2c854de4c0783c92c1515db91a164436adb104ded0d939b925385abec857d1f15872c0f5776b4c8a250
- languageName: node
- linkType: hard
-
"checkup@npm:^1.3.0":
version: 1.3.0
resolution: "checkup@npm:1.3.0"
@@ -16412,17 +15890,6 @@ __metadata:
languageName: node
linkType: hard
-"coa@npm:^2.0.2":
- version: 2.0.2
- resolution: "coa@npm:2.0.2"
- dependencies:
- "@types/q": ^1.5.1
- chalk: ^2.4.1
- q: ^1.1.2
- checksum: 0264392e3b691a8551e619889f3e67558b4f755eeb09d67625032a25c37634731e778fabbd9d14df6477d6ae770e30ea9405d18e515b2ec492b0eb90bb8d7f43
- languageName: node
- linkType: hard
-
"code-block-writer@npm:^11.0.0":
version: 11.0.3
resolution: "code-block-writer@npm:11.0.3"
@@ -16802,7 +16269,7 @@ __metadata:
languageName: node
linkType: hard
-"confusing-browser-globals@npm:^1.0.10, confusing-browser-globals@npm:^1.0.11":
+"confusing-browser-globals@npm:^1.0.10":
version: 1.0.11
resolution: "confusing-browser-globals@npm:1.0.11"
checksum: 475d0a284fa964a5182b519af5738b5b64bf7e413cfd703c1b3496bf6f4df9f827893a9b221c0ea5873c1476835beb1e0df569ba643eff0734010c1eb780589e
@@ -17172,7 +16639,7 @@ __metadata:
languageName: node
linkType: hard
-"core-js@npm:^3.0.4, core-js@npm:^3.19.2, core-js@npm:^3.6.5, core-js@npm:^3.8.2, core-js@npm:^3.8.3":
+"core-js@npm:^3.0.4, core-js@npm:^3.6.5, core-js@npm:^3.8.2, core-js@npm:^3.8.3":
version: 3.25.3
resolution: "core-js@npm:3.25.3"
checksum: c10171de55552ac8d66e5608b69bf83d91cc814cb86bc3ff949429c46e48fd7b84d33137c1946807766631bab078dba10c158627de30fd907cbb7ac7f67ba6b7
@@ -17257,41 +16724,6 @@ __metadata:
languageName: node
linkType: hard
-"cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink":
- version: 0.0.0-use.local
- resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink"
- dependencies:
- "@storybook/addon-a11y": 7.0.0-alpha.34
- "@storybook/addon-actions": 7.0.0-alpha.34
- "@storybook/addon-docs": 7.0.0-alpha.34
- "@storybook/addon-highlight": 7.0.0-alpha.34
- "@storybook/addon-links": 7.0.0-alpha.34
- "@storybook/addons": 7.0.0-alpha.34
- "@storybook/builder-webpack5": 7.0.0-alpha.34
- "@storybook/preset-create-react-app": ^4.1.0
- "@storybook/react": 7.0.0-alpha.34
- "@storybook/react-webpack5": 7.0.0-alpha.34
- "@types/enzyme": ^3.10.8
- "@types/jest": 25.2.3
- "@types/node": ^14.14.20 || ^16.0.0
- "@types/react": ^16.14.23
- "@types/react-dom": ^16.9.14
- enzyme: ^3.11.0
- enzyme-adapter-react-16: ^1.9.1
- enzyme-to-json: ^3.6.1
- fork-ts-checker-webpack-plugin: ^7.2.6
- prop-types: ^15.7.2
- react: 16.14.0
- react-dom: 16.14.0
- react-moment-proptypes: ^1.7.0
- react-scripts: ^5.0.1
- storybook: 7.0.0-alpha.34
- ts-node: ^10.4.0
- typescript: ~4.6.3
- webpack: 5
- languageName: unknown
- linkType: soft
-
"create-require@npm:^1.1.0":
version: 1.1.1
resolution: "create-require@npm:1.1.1"
@@ -17383,7 +16815,7 @@ __metadata:
languageName: node
linkType: hard
-"css-blank-pseudo@npm:^3.0.2, css-blank-pseudo@npm:^3.0.3":
+"css-blank-pseudo@npm:^3.0.2":
version: 3.0.3
resolution: "css-blank-pseudo@npm:3.0.3"
dependencies:
@@ -17412,7 +16844,7 @@ __metadata:
languageName: node
linkType: hard
-"css-has-pseudo@npm:^3.0.3, css-has-pseudo@npm:^3.0.4":
+"css-has-pseudo@npm:^3.0.3":
version: 3.0.4
resolution: "css-has-pseudo@npm:3.0.4"
dependencies:
@@ -17466,7 +16898,7 @@ __metadata:
languageName: node
linkType: hard
-"css-loader@npm:^6.5.0, css-loader@npm:^6.5.1, css-loader@npm:^6.7.1":
+"css-loader@npm:^6.5.0, css-loader@npm:^6.7.1":
version: 6.7.1
resolution: "css-loader@npm:6.7.1"
dependencies:
@@ -17484,7 +16916,7 @@ __metadata:
languageName: node
linkType: hard
-"css-minimizer-webpack-plugin@npm:^3.0.2, css-minimizer-webpack-plugin@npm:^3.2.0":
+"css-minimizer-webpack-plugin@npm:^3.0.2":
version: 3.4.1
resolution: "css-minimizer-webpack-plugin@npm:3.4.1"
dependencies:
@@ -17509,7 +16941,7 @@ __metadata:
languageName: node
linkType: hard
-"css-prefers-color-scheme@npm:^6.0.2, css-prefers-color-scheme@npm:^6.0.3":
+"css-prefers-color-scheme@npm:^6.0.2":
version: 6.0.3
resolution: "css-prefers-color-scheme@npm:6.0.3"
peerDependencies:
@@ -17520,25 +16952,6 @@ __metadata:
languageName: node
linkType: hard
-"css-select-base-adapter@npm:^0.1.1":
- version: 0.1.1
- resolution: "css-select-base-adapter@npm:0.1.1"
- checksum: 17f28a0d9e8596c541de250e48958e72a65399c9e15ba5689915d6631a451068187c19d674f08187843a61cb949951cb33c7db82bd7341536769523baed867dc
- languageName: node
- linkType: hard
-
-"css-select@npm:^2.0.0":
- version: 2.1.0
- resolution: "css-select@npm:2.1.0"
- dependencies:
- boolbase: ^1.0.0
- css-what: ^3.2.1
- domutils: ^1.7.0
- nth-check: ^1.0.2
- checksum: 47832492c8218ffd92ed18eaa325397bd0bd8e4bcf3bc71767c5e1ed8b4f39b672ba157b0b5e693ef50006017d78c19e46791a75b43bb192c4db3680a331afc7
- languageName: node
- linkType: hard
-
"css-select@npm:^4.1.3, css-select@npm:^4.2.0":
version: 4.3.0
resolution: "css-select@npm:4.3.0"
@@ -17576,16 +16989,6 @@ __metadata:
languageName: node
linkType: hard
-"css-tree@npm:1.0.0-alpha.37":
- version: 1.0.0-alpha.37
- resolution: "css-tree@npm:1.0.0-alpha.37"
- dependencies:
- mdn-data: 2.0.4
- source-map: ^0.6.1
- checksum: 8f3c197baea919f4f55d0e84b1665d5e7d5fd74cb192fd0bf951828929b9cd5fd71de074afb685705bf5b40d7b04d4c5a206bfab26954378f04f2f5ce426d2f8
- languageName: node
- linkType: hard
-
"css-tree@npm:^1.1.2, css-tree@npm:^1.1.3":
version: 1.1.3
resolution: "css-tree@npm:1.1.3"
@@ -17596,13 +16999,6 @@ __metadata:
languageName: node
linkType: hard
-"css-what@npm:^3.2.1":
- version: 3.4.2
- resolution: "css-what@npm:3.4.2"
- checksum: 454dca1b9dff8cf740d666d24a6c517562f374fe3a160891ebf8c82a9dd76864757913573c4db30537a959f5f595750420be00552ea6d5a9456ee68acc2349bf
- languageName: node
- linkType: hard
-
"css-what@npm:^6.0.1, css-what@npm:^6.1.0":
version: 6.1.0
resolution: "css-what@npm:6.1.0"
@@ -17647,13 +17043,6 @@ __metadata:
languageName: node
linkType: hard
-"cssdb@npm:^7.0.1":
- version: 7.0.1
- resolution: "cssdb@npm:7.0.1"
- checksum: f01b20bc2fbd23b79a88661602b0023186b242920c2fa87fdee4a934b783fde378a75b466bf0ec9503dab90deacdab2870802f88046f510221024debd5fb3377
- languageName: node
- linkType: hard
-
"cssesc@npm:^3.0.0":
version: 3.0.0
resolution: "cssesc@npm:3.0.0"
@@ -17724,7 +17113,7 @@ __metadata:
languageName: node
linkType: hard
-"csso@npm:^4.0.2, csso@npm:^4.2.0":
+"csso@npm:^4.2.0":
version: 4.2.0
resolution: "csso@npm:4.2.0"
dependencies:
@@ -18039,7 +17428,7 @@ __metadata:
languageName: node
linkType: hard
-"debug@npm:2.6.9, debug@npm:^2.1.0, debug@npm:^2.1.1, debug@npm:^2.1.3, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.0, debug@npm:^2.6.8, debug@npm:^2.6.9":
+"debug@npm:2.6.9, debug@npm:^2.1.0, debug@npm:^2.1.1, debug@npm:^2.1.3, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.8, debug@npm:^2.6.9":
version: 2.6.9
resolution: "debug@npm:2.6.9"
dependencies:
@@ -18380,13 +17769,6 @@ __metadata:
languageName: node
linkType: hard
-"defined@npm:^1.0.0":
- version: 1.0.0
- resolution: "defined@npm:1.0.0"
- checksum: 2b9929414857729a97cfcc77987e65005e03b3fd92747e1d6a743b054c1387b62e669dc453b53e3a8105f1398df6aad54c07eed984871c93be8c7f4560a1828b
- languageName: node
- linkType: hard
-
"degit@npm:^2.8.4":
version: 2.8.4
resolution: "degit@npm:2.8.4"
@@ -18566,19 +17948,6 @@ __metadata:
languageName: node
linkType: hard
-"detect-port-alt@npm:^1.1.6":
- version: 1.1.6
- resolution: "detect-port-alt@npm:1.1.6"
- dependencies:
- address: ^1.0.1
- debug: ^2.6.0
- bin:
- detect: ./bin/detect-port
- detect-port: ./bin/detect-port
- checksum: 7269e6aef7b782d98c77505c07a7a0f5e2ee98a9607dc791035fc0192fc58aa03cc833fae605e10eaf239a2a5a55cd938e0bb141dea764ac6180ca082fd62b23
- languageName: node
- linkType: hard
-
"detect-port@npm:^1.3.0":
version: 1.5.1
resolution: "detect-port@npm:1.5.1"
@@ -18592,19 +17961,6 @@ __metadata:
languageName: node
linkType: hard
-"detective@npm:^5.2.1":
- version: 5.2.1
- resolution: "detective@npm:5.2.1"
- dependencies:
- acorn-node: ^1.8.2
- defined: ^1.0.0
- minimist: ^1.2.6
- bin:
- detective: bin/detective.js
- checksum: 0d3bdfe49ef094165e7876d83ae1a9e0a07d037785ab0edc7b50df9e4390e0a050167670f3d2d506457c7b00b612471ba840898964422c425e50fe046a379e55
- languageName: node
- linkType: hard
-
"dezalgo@npm:^1.0.0":
version: 1.0.4
resolution: "dezalgo@npm:1.0.4"
@@ -18622,20 +17978,6 @@ __metadata:
languageName: node
linkType: hard
-"didyoumean@npm:^1.2.2":
- version: 1.2.2
- resolution: "didyoumean@npm:1.2.2"
- checksum: 95d0b53d23b851aacff56dfadb7ecfedce49da4232233baecfeecb7710248c4aa03f0aa8995062f0acafaf925adf8536bd7044a2e68316fd7d411477599bc27b
- languageName: node
- linkType: hard
-
-"diff-sequences@npm:^25.2.6":
- version: 25.2.6
- resolution: "diff-sequences@npm:25.2.6"
- checksum: 7760d381e49a244d07a575a4ad89df8c044a4a2f11b5a88846e5c0a0a92cab593f77a8c8dd8223a879172040bbf2bc375572ee62f819fd440991a71487340574
- languageName: node
- linkType: hard
-
"diff-sequences@npm:^26.6.2":
version: 26.6.2
resolution: "diff-sequences@npm:26.6.2"
@@ -18712,13 +18054,6 @@ __metadata:
languageName: node
linkType: hard
-"dlv@npm:^1.1.3":
- version: 1.1.3
- resolution: "dlv@npm:1.1.3"
- checksum: 03eb4e769f19a027fd5b43b59e8a05e3fd2100ac239ebb0bf9a745de35d449e2f25cfaf3aa3934664551d72856f4ae8b7822016ce5c42c2d27c18ae79429ec42
- languageName: node
- linkType: hard
-
"dns-equal@npm:^1.0.0":
version: 1.0.0
resolution: "dns-equal@npm:1.0.0"
@@ -18925,7 +18260,7 @@ __metadata:
languageName: node
linkType: hard
-"domutils@npm:^1.5.1, domutils@npm:^1.7.0":
+"domutils@npm:^1.5.1":
version: 1.7.0
resolution: "domutils@npm:1.7.0"
dependencies:
@@ -19191,7 +18526,7 @@ __metadata:
languageName: node
linkType: hard
-"ejs@npm:^3.1.6, ejs@npm:^3.1.7, ejs@npm:^3.1.8":
+"ejs@npm:^3.1.7, ejs@npm:^3.1.8":
version: 3.1.8
resolution: "ejs@npm:3.1.8"
dependencies:
@@ -19960,7 +19295,7 @@ __metadata:
languageName: node
linkType: hard
-"enzyme-adapter-react-16@npm:^1.15.5, enzyme-adapter-react-16@npm:^1.9.1":
+"enzyme-adapter-react-16@npm:^1.15.5":
version: 1.15.6
resolution: "enzyme-adapter-react-16@npm:1.15.6"
dependencies:
@@ -20115,7 +19450,7 @@ __metadata:
languageName: node
linkType: hard
-"es-abstract@npm:^1.17.2, es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.0, es-abstract@npm:^1.20.1":
+"es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.0, es-abstract@npm:^1.20.1":
version: 1.20.3
resolution: "es-abstract@npm:1.20.3"
dependencies:
@@ -20694,30 +20029,6 @@ __metadata:
languageName: node
linkType: hard
-"eslint-config-react-app@npm:^7.0.1":
- version: 7.0.1
- resolution: "eslint-config-react-app@npm:7.0.1"
- dependencies:
- "@babel/core": ^7.16.0
- "@babel/eslint-parser": ^7.16.3
- "@rushstack/eslint-patch": ^1.1.0
- "@typescript-eslint/eslint-plugin": ^5.5.0
- "@typescript-eslint/parser": ^5.5.0
- babel-preset-react-app: ^10.0.1
- confusing-browser-globals: ^1.0.11
- eslint-plugin-flowtype: ^8.0.3
- eslint-plugin-import: ^2.25.3
- eslint-plugin-jest: ^25.3.0
- eslint-plugin-jsx-a11y: ^6.5.1
- eslint-plugin-react: ^7.27.1
- eslint-plugin-react-hooks: ^4.3.0
- eslint-plugin-testing-library: ^5.0.1
- peerDependencies:
- eslint: ^8.0.0
- checksum: be290ec0cd5a2c0bb0b85cb1645e8734769cae77f101cd453631d77a60fa4894ee8b5b1e080ee8c21e01af0d0fc22367a2882931a549691b5ab801abb985cbba
- languageName: node
- linkType: hard
-
"eslint-import-resolver-node@npm:^0.3.4, eslint-import-resolver-node@npm:^0.3.6":
version: 0.3.6
resolution: "eslint-import-resolver-node@npm:0.3.6"
@@ -20767,20 +20078,6 @@ __metadata:
languageName: node
linkType: hard
-"eslint-plugin-flowtype@npm:^8.0.3":
- version: 8.0.3
- resolution: "eslint-plugin-flowtype@npm:8.0.3"
- dependencies:
- lodash: ^4.17.21
- string-natural-compare: ^3.0.1
- peerDependencies:
- "@babel/plugin-syntax-flow": ^7.14.5
- "@babel/plugin-transform-react-jsx": ^7.14.9
- eslint: ^8.1.0
- checksum: a4596ba1cb80c19a06f1ddef6c36e6a671769da8d056d4a8f3482a2c46f475c547e78f82c3233099dba3759dc9a29e36d0ca07019cf6deb666db17f49d8f566d
- languageName: node
- linkType: hard
-
"eslint-plugin-html@npm:^6.0.2":
version: 6.2.0
resolution: "eslint-plugin-html@npm:6.2.0"
@@ -20790,7 +20087,7 @@ __metadata:
languageName: node
linkType: hard
-"eslint-plugin-import@npm:^2.20.2, eslint-plugin-import@npm:^2.22.1, eslint-plugin-import@npm:^2.25.2, eslint-plugin-import@npm:^2.25.3":
+"eslint-plugin-import@npm:^2.20.2, eslint-plugin-import@npm:^2.22.1, eslint-plugin-import@npm:^2.25.2":
version: 2.26.0
resolution: "eslint-plugin-import@npm:2.26.0"
dependencies:
@@ -20824,23 +20121,6 @@ __metadata:
languageName: node
linkType: hard
-"eslint-plugin-jest@npm:^25.3.0":
- version: 25.7.0
- resolution: "eslint-plugin-jest@npm:25.7.0"
- dependencies:
- "@typescript-eslint/experimental-utils": ^5.0.0
- peerDependencies:
- "@typescript-eslint/eslint-plugin": ^4.0.0 || ^5.0.0
- eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
- peerDependenciesMeta:
- "@typescript-eslint/eslint-plugin":
- optional: true
- jest:
- optional: true
- checksum: 72dad05323d54e815c2bb10235bd5b77423796ef2e2940f7dba28bdb6cfac5a578793d3f0c7ac74618c41f9d8d6f345097a2a1f89f41aeec27bb873cb66ab270
- languageName: node
- linkType: hard
-
"eslint-plugin-json-files@npm:^0.8.1":
version: 0.8.1
resolution: "eslint-plugin-json-files@npm:0.8.1"
@@ -20911,7 +20191,7 @@ __metadata:
languageName: node
linkType: hard
-"eslint-plugin-react@npm:^7.19.0, eslint-plugin-react@npm:^7.22.0, eslint-plugin-react@npm:^7.27.0, eslint-plugin-react@npm:^7.27.1":
+"eslint-plugin-react@npm:^7.19.0, eslint-plugin-react@npm:^7.22.0, eslint-plugin-react@npm:^7.27.0":
version: 7.31.8
resolution: "eslint-plugin-react@npm:7.31.8"
dependencies:
@@ -20948,17 +20228,6 @@ __metadata:
languageName: node
linkType: hard
-"eslint-plugin-testing-library@npm:^5.0.1":
- version: 5.7.0
- resolution: "eslint-plugin-testing-library@npm:5.7.0"
- dependencies:
- "@typescript-eslint/utils": ^5.13.0
- peerDependencies:
- eslint: ^7.5.0 || ^8.0.0
- checksum: 80e5a5bdbfeaaa552ec028e46b06bb866149c631dcf7c70ce4f2b13452e841f8555a3c7a92f868e30a09b9f07eeab47ba1bb9e99188b90587e8d2d5a354118be
- languageName: node
- linkType: hard
-
"eslint-scope@npm:5.1.1, eslint-scope@npm:^5.1.1":
version: 5.1.1
resolution: "eslint-scope@npm:5.1.1"
@@ -20996,7 +20265,7 @@ __metadata:
languageName: node
linkType: hard
-"eslint-visitor-keys@npm:^2.0.0, eslint-visitor-keys@npm:^2.1.0":
+"eslint-visitor-keys@npm:^2.0.0":
version: 2.1.0
resolution: "eslint-visitor-keys@npm:2.1.0"
checksum: 9f0e3a2db751d84067d15977ac4b4472efd6b303e369e6ff241a99feac04da758f46d5add022c33d06b53596038dbae4b4aceb27c7e68b8dfc1055b35e495787
@@ -21010,22 +20279,6 @@ __metadata:
languageName: node
linkType: hard
-"eslint-webpack-plugin@npm:^3.1.1":
- version: 3.2.0
- resolution: "eslint-webpack-plugin@npm:3.2.0"
- dependencies:
- "@types/eslint": ^7.29.0 || ^8.4.1
- jest-worker: ^28.0.2
- micromatch: ^4.0.5
- normalize-path: ^3.0.0
- schema-utils: ^4.0.0
- peerDependencies:
- eslint: ^7.0.0 || ^8.0.0
- webpack: ^5.0.0
- checksum: e2e11e6743df9e65e73f4d0b6de832a47a17568b2a4b03b86acfa3458bb2db50a7809c835b64613320f5fd5e1b1395dd2abe08d7f5c466c77234c500a087cad2
- languageName: node
- linkType: hard
-
"eslint@npm:^7.17.0":
version: 7.32.0
resolution: "eslint@npm:7.32.0"
@@ -21250,13 +20503,6 @@ __metadata:
languageName: node
linkType: hard
-"estree-walker@npm:^1.0.1":
- version: 1.0.1
- resolution: "estree-walker@npm:1.0.1"
- checksum: fa9e5f8c1bbe8d01e314c0f03067b64a4f22d4c58410fc5237060d0c15b81e58c23921c41acc60abbdab490f1fdfcbd6408ede2d03ca704454272e0244d61a55
- languageName: node
- linkType: hard
-
"estree-walker@npm:^2.0.1, estree-walker@npm:^2.0.2":
version: 2.0.2
resolution: "estree-walker@npm:2.0.2"
@@ -21921,7 +21167,7 @@ __metadata:
languageName: node
linkType: hard
-"fast-json-stable-stringify@npm:2.1.0, fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
+"fast-json-stable-stringify@npm:2.1.0, fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0":
version: 2.1.0
resolution: "fast-json-stable-stringify@npm:2.1.0"
checksum: 7f081eb0b8a64e0057b3bb03f974b3ef00135fbf36c1c710895cd9300f13c94ba809bb3a81cf4e1b03f6e5285610a61abbd7602d0652de423144dfee5a389c9b
@@ -22161,13 +21407,6 @@ __metadata:
languageName: node
linkType: hard
-"filesize@npm:^8.0.6":
- version: 8.0.7
- resolution: "filesize@npm:8.0.7"
- checksum: 82072d94816484df5365d4d5acbb2327a65dc49704c64e403e8c40d8acb7364de1cf1e65cb512c77a15d353870f73e4fed46dad5c6153d0618d9ce7a64d09cfc
- languageName: node
- linkType: hard
-
"fill-range@npm:^4.0.0":
version: 4.0.0
resolution: "fill-range@npm:4.0.0"
@@ -22534,7 +21773,7 @@ __metadata:
languageName: node
linkType: hard
-"fork-ts-checker-webpack-plugin@npm:^6.4.0, fork-ts-checker-webpack-plugin@npm:^6.5.0":
+"fork-ts-checker-webpack-plugin@npm:^6.4.0":
version: 6.5.2
resolution: "fork-ts-checker-webpack-plugin@npm:6.5.2"
dependencies:
@@ -23392,7 +22631,7 @@ __metadata:
languageName: node
linkType: hard
-"glob-parent@npm:^6.0.1, glob-parent@npm:^6.0.2":
+"glob-parent@npm:^6.0.1":
version: 6.0.2
resolution: "glob-parent@npm:6.0.2"
dependencies:
@@ -23555,15 +22794,6 @@ __metadata:
languageName: node
linkType: hard
-"global-modules@npm:^2.0.0":
- version: 2.0.0
- resolution: "global-modules@npm:2.0.0"
- dependencies:
- global-prefix: ^3.0.0
- checksum: 43b770fe24aa6028f4b9770ea583a47f39750be15cf6e2578f851e4ccc9e4fa674b8541928c0b09c21461ca0763f0d36e4068cec86c914b07fd6e388e66ba5b9
- languageName: node
- linkType: hard
-
"global-prefix@npm:^1.0.1":
version: 1.0.2
resolution: "global-prefix@npm:1.0.2"
@@ -23577,17 +22807,6 @@ __metadata:
languageName: node
linkType: hard
-"global-prefix@npm:^3.0.0":
- version: 3.0.0
- resolution: "global-prefix@npm:3.0.0"
- dependencies:
- ini: ^1.3.5
- kind-of: ^6.0.2
- which: ^1.3.1
- checksum: 510f489fb68d1cc7060f276541709a0ee6d41356ef852de48f7906c648ac223082a1cc8fce86725ca6c0e032bcdc1189ae77b4744a624b29c34a9d0ece498269
- languageName: node
- linkType: hard
-
"global@npm:^4.4.0":
version: 4.4.0
resolution: "global@npm:4.4.0"
@@ -24330,13 +23549,6 @@ __metadata:
languageName: node
linkType: hard
-"hoopy@npm:^0.1.4":
- version: 0.1.4
- resolution: "hoopy@npm:0.1.4"
- checksum: 4ef749e1a13d46cae52014b9de452635637086c333fc67245369a1262dee806386354a4ed845d507e59e5a0d3aef55246c0ec66f5bf2908d40eb77e7dff2a254
- languageName: node
- linkType: hard
-
"hosted-git-info@npm:^2.1.4, hosted-git-info@npm:^2.7.1":
version: 2.8.9
resolution: "hosted-git-info@npm:2.8.9"
@@ -25015,14 +24227,7 @@ __metadata:
languageName: node
linkType: hard
-"idb@npm:^7.0.1":
- version: 7.1.0
- resolution: "idb@npm:7.1.0"
- checksum: 438fa58e2ca0b43b57f45dc3803e2a30f25cae9608919bb68b9ac8026f0013ec9fbc74ab078876d3537e266f3c01c047ee04c45df42dd9c1339140ea73933586
- languageName: node
- linkType: hard
-
-"identity-obj-proxy@npm:3.0.0, identity-obj-proxy@npm:^3.0.0":
+"identity-obj-proxy@npm:3.0.0":
version: 3.0.0
resolution: "identity-obj-proxy@npm:3.0.0"
dependencies:
@@ -25130,13 +24335,6 @@ __metadata:
languageName: node
linkType: hard
-"immer@npm:^9.0.7":
- version: 9.0.15
- resolution: "immer@npm:9.0.15"
- checksum: 3b54cc71e6153e75498fef496587b75f3fc601ad9868fa612df716112698bb752d1488af178790e019d8566e9347f976f65e79fd5014498b622ac9f1c6e04f8e
- languageName: node
- linkType: hard
-
"immutability-helper@npm:^2.7.1":
version: 2.9.1
resolution: "immutability-helper@npm:2.9.1"
@@ -25916,13 +25114,6 @@ __metadata:
languageName: node
linkType: hard
-"is-module@npm:^1.0.0":
- version: 1.0.0
- resolution: "is-module@npm:1.0.0"
- checksum: 795a3914bcae7c26a1c23a1e5574c42eac13429625045737bf3e324ce865c0601d61aee7a5afbca1bee8cb300c7d9647e7dc98860c9bdbc3b7fdc51d8ac0bffc
- languageName: node
- linkType: hard
-
"is-natural-number@npm:^4.0.1":
version: 4.0.1
resolution: "is-natural-number@npm:4.0.1"
@@ -26120,13 +25311,6 @@ __metadata:
languageName: node
linkType: hard
-"is-root@npm:^2.1.0":
- version: 2.1.0
- resolution: "is-root@npm:2.1.0"
- checksum: 83d3f5b052c3f28fbdbdf0d564bdd34fa14933f5694c78704f85cd1871255bc017fbe3fe2bc2fff2d227c6be5927ad2149b135c0a7c0060e7ac4e610d81a4f01
- languageName: node
- linkType: hard
-
"is-shared-array-buffer@npm:^1.0.2":
version: 1.0.2
resolution: "is-shared-array-buffer@npm:1.0.2"
@@ -26778,18 +25962,6 @@ __metadata:
languageName: node
linkType: hard
-"jest-diff@npm:^25.2.1":
- version: 25.5.0
- resolution: "jest-diff@npm:25.5.0"
- dependencies:
- chalk: ^3.0.0
- diff-sequences: ^25.2.6
- jest-get-type: ^25.2.6
- pretty-format: ^25.5.0
- checksum: 1bdfd1791982d732be93419387a3092e044f89a5985b8d25972276ec37413916f2f4f0c1c3f3720a5316d840970c70b06a675464717877373f267059238639d6
- languageName: node
- linkType: hard
-
"jest-diff@npm:^26.0.0, jest-diff@npm:^26.6.2":
version: 26.6.2
resolution: "jest-diff@npm:26.6.2"
@@ -27044,13 +26216,6 @@ __metadata:
languageName: node
linkType: hard
-"jest-get-type@npm:^25.2.6":
- version: 25.2.6
- resolution: "jest-get-type@npm:25.2.6"
- checksum: f113f7698959d808075f5da173d14f3fbb4abbaca1e0923dbec2b905c112114042f3afdd3b927592f738954ae4191b6e8df5fe749790f8fa29165bf76b2cb106
- languageName: node
- linkType: hard
-
"jest-get-type@npm:^26.3.0":
version: 26.3.0
resolution: "jest-get-type@npm:26.3.0"
@@ -27542,7 +26707,7 @@ __metadata:
languageName: node
linkType: hard
-"jest-regex-util@npm:^28.0.0, jest-regex-util@npm:^28.0.2":
+"jest-regex-util@npm:^28.0.2":
version: 28.0.2
resolution: "jest-regex-util@npm:28.0.2"
checksum: d79d255b8a2217bdb0b638cbb5e61a41ab788e62a6217fce5276ab9763c1327b9e0a4f10ebdb230c76848125aa9cc97c8751cfad15db7ec0441d44acfbaf5084
@@ -27604,7 +26769,7 @@ __metadata:
languageName: node
linkType: hard
-"jest-resolve@npm:^27.4.2, jest-resolve@npm:^27.5.1":
+"jest-resolve@npm:^27.5.1":
version: 27.5.1
resolution: "jest-resolve@npm:27.5.1"
dependencies:
@@ -28129,23 +27294,6 @@ __metadata:
languageName: node
linkType: hard
-"jest-watch-typeahead@npm:^1.0.0":
- version: 1.1.0
- resolution: "jest-watch-typeahead@npm:1.1.0"
- dependencies:
- ansi-escapes: ^4.3.1
- chalk: ^4.0.0
- jest-regex-util: ^28.0.0
- jest-watcher: ^28.0.0
- slash: ^4.0.0
- string-length: ^5.0.1
- strip-ansi: ^7.0.1
- peerDependencies:
- jest: ^27.0.0 || ^28.0.0
- checksum: d7929332dc43ab76a84d4f90edc589c108e1357d5570bd095563f02e0ec59ae5a9daf555dda94cde010cff7e1e82bcc37f1d54a3b3df87dafd333a664bbc0cef
- languageName: node
- linkType: hard
-
"jest-watcher@npm:^26.6.2":
version: 26.6.2
resolution: "jest-watcher@npm:26.6.2"
@@ -28176,7 +27324,7 @@ __metadata:
languageName: node
linkType: hard
-"jest-watcher@npm:^28.0.0, jest-watcher@npm:^28.1.3":
+"jest-watcher@npm:^28.1.3":
version: 28.1.3
resolution: "jest-watcher@npm:28.1.3"
dependencies:
@@ -28202,7 +27350,7 @@ __metadata:
languageName: node
linkType: hard
-"jest-worker@npm:^26.2.1, jest-worker@npm:^26.6.2":
+"jest-worker@npm:^26.6.2":
version: 26.6.2
resolution: "jest-worker@npm:26.6.2"
dependencies:
@@ -28224,7 +27372,7 @@ __metadata:
languageName: node
linkType: hard
-"jest-worker@npm:^28.0.2, jest-worker@npm:^28.1.1, jest-worker@npm:^28.1.3":
+"jest-worker@npm:^28.1.1, jest-worker@npm:^28.1.3":
version: 28.1.3
resolution: "jest-worker@npm:28.1.3"
dependencies:
@@ -28248,7 +27396,7 @@ __metadata:
languageName: node
linkType: hard
-"jest@npm:^27.4.3, jest@npm:^27.5.1":
+"jest@npm:^27.5.1":
version: 27.5.1
resolution: "jest@npm:27.5.1"
dependencies:
@@ -28670,7 +27818,7 @@ __metadata:
languageName: node
linkType: hard
-"json-schema@npm:0.4.0, json-schema@npm:^0.4.0":
+"json-schema@npm:0.4.0":
version: 0.4.0
resolution: "json-schema@npm:0.4.0"
checksum: d4a637ec1d83544857c1c163232f3da46912e971d5bf054ba44fdb88f07d8d359a462b4aec46f2745efbc57053365608d88bc1d7b1729f7b4fc3369765639ed3
@@ -29431,7 +28579,7 @@ __metadata:
languageName: node
linkType: hard
-"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5, lilconfig@npm:^2.0.6":
+"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5":
version: 2.0.6
resolution: "lilconfig@npm:2.0.6"
checksum: 52bcb478586c629a78b9b06de72de897cd6d771725e70ee91ec16605721afebf43cf54b4d20b6bf904ca70877ddd9531b9578494c694072d1573a6d4aba1545a
@@ -29629,7 +28777,7 @@ __metadata:
languageName: node
linkType: hard
-"loader-utils@npm:3.2.0, loader-utils@npm:^3.2.0":
+"loader-utils@npm:3.2.0":
version: 3.2.0
resolution: "loader-utils@npm:3.2.0"
checksum: 573f7059f283b24b2b68cd230d9f0ba87315da8ecc7885734ea5f108fc83c7882e4eb8f8feab65f7db1661ab540f5aea778f48d18b7aadc24c37be77b2ff70a0
@@ -30348,7 +29496,7 @@ __metadata:
languageName: node
linkType: hard
-"magic-string@npm:^0.25.0, magic-string@npm:^0.25.7":
+"magic-string@npm:^0.25.7":
version: 0.25.9
resolution: "magic-string@npm:0.25.9"
dependencies:
@@ -30976,13 +30124,6 @@ __metadata:
languageName: node
linkType: hard
-"mdn-data@npm:2.0.4":
- version: 2.0.4
- resolution: "mdn-data@npm:2.0.4"
- checksum: a935c4530b938407481f7d0ccb82119ae618d9c673d2ee78bb10dcba8bd0ccbe2e2c7fe850ddc60b67e08f4c9d97f50b900993f6c2f2926e64a52ed6baa00b3a
- languageName: node
- linkType: hard
-
"mdn-links@npm:^0.1.0":
version: 0.1.0
resolution: "mdn-links@npm:0.1.0"
@@ -31609,7 +30750,7 @@ __metadata:
languageName: node
linkType: hard
-"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
+"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4":
version: 4.0.5
resolution: "micromatch@npm:4.0.5"
dependencies:
@@ -31724,7 +30865,7 @@ __metadata:
languageName: node
linkType: hard
-"mini-css-extract-plugin@npm:^2.4.5, mini-css-extract-plugin@npm:^2.5.3":
+"mini-css-extract-plugin@npm:^2.5.3":
version: 2.6.1
resolution: "mini-css-extract-plugin@npm:2.6.1"
dependencies:
@@ -32037,7 +31178,7 @@ __metadata:
languageName: node
linkType: hard
-"moment@npm:>=1.6.0, moment@npm:^2.19.3":
+"moment@npm:^2.19.3":
version: 2.29.4
resolution: "moment@npm:2.29.4"
checksum: 844c6f3ce42862ac9467c8ca4f5e48a00750078682cc5bda1bc0e50cc7ca88e2115a0f932d65a06e4a90e26cb78892be9b3ca3dd6546ca2c4d994cebb787fc2b
@@ -33128,15 +32269,6 @@ __metadata:
languageName: node
linkType: hard
-"nth-check@npm:^1.0.2":
- version: 1.0.2
- resolution: "nth-check@npm:1.0.2"
- dependencies:
- boolbase: ~1.0.0
- checksum: 1a67ce53a99e276eea672f892d712b29f3e6802bbbef7285ffab72ecea4f972e8244defac1ebded0daffabf459def31355bb9c64e5657ac2ab032c13f185d0fd
- languageName: node
- linkType: hard
-
"nth-check@npm:^2.0.1":
version: 2.1.1
resolution: "nth-check@npm:2.1.1"
@@ -33261,13 +32393,6 @@ __metadata:
languageName: node
linkType: hard
-"object-hash@npm:^3.0.0":
- version: 3.0.0
- resolution: "object-hash@npm:3.0.0"
- checksum: a06844537107b960c1c8b96cd2ac8592a265186bfa0f6ccafe0d34eabdb526f6fa81da1f37c43df7ed13b12a4ae3457a16071603bcd39d8beddb5f08c37b0f47
- languageName: node
- linkType: hard
-
"object-inspect@npm:^1.12.2, object-inspect@npm:^1.6.0, object-inspect@npm:^1.7.0, object-inspect@npm:^1.9.0":
version: 1.12.2
resolution: "object-inspect@npm:1.12.2"
@@ -33335,7 +32460,7 @@ __metadata:
languageName: node
linkType: hard
-"object.getownpropertydescriptors@npm:^2.0.3, object.getownpropertydescriptors@npm:^2.1.0, object.getownpropertydescriptors@npm:^2.1.1":
+"object.getownpropertydescriptors@npm:^2.0.3, object.getownpropertydescriptors@npm:^2.1.1":
version: 2.1.4
resolution: "object.getownpropertydescriptors@npm:2.1.4"
dependencies:
@@ -33366,7 +32491,7 @@ __metadata:
languageName: node
linkType: hard
-"object.values@npm:^1.0.4, object.values@npm:^1.1.0, object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5":
+"object.values@npm:^1.0.4, object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5":
version: 1.1.5
resolution: "object.values@npm:1.1.5"
dependencies:
@@ -34667,15 +33792,6 @@ __metadata:
languageName: node
linkType: hard
-"pnp-webpack-plugin@npm:^1.7.0":
- version: 1.7.0
- resolution: "pnp-webpack-plugin@npm:1.7.0"
- dependencies:
- ts-pnp: ^1.1.6
- checksum: 79d1973ec0b04be6d44f15d5625991701a010dae28f2798d974d3aa164e8c60dc7fa22fd01a47fb6af369c4ba6585c3030d4deb775ccfecd7156594bc223d086
- languageName: node
- linkType: hard
-
"polished@npm:^3.6.4":
version: 3.7.2
resolution: "polished@npm:3.7.2"
@@ -34719,7 +33835,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-attribute-case-insensitive@npm:^5.0.0, postcss-attribute-case-insensitive@npm:^5.0.2":
+"postcss-attribute-case-insensitive@npm:^5.0.0":
version: 5.0.2
resolution: "postcss-attribute-case-insensitive@npm:5.0.2"
dependencies:
@@ -34730,16 +33846,6 @@ __metadata:
languageName: node
linkType: hard
-"postcss-browser-comments@npm:^4":
- version: 4.0.0
- resolution: "postcss-browser-comments@npm:4.0.0"
- peerDependencies:
- browserslist: ">=4"
- postcss: ">=8"
- checksum: e858e54765efa650363631ae4dc597cf49428f432b98999c12e06d496ab7e2ac0418b5bec49d5dfbd5b78d420f1c343e47a28d2204b59c95b59a3636c80d44c6
- languageName: node
- linkType: hard
-
"postcss-calc@npm:^8.2.3":
version: 8.2.4
resolution: "postcss-calc@npm:8.2.4"
@@ -34752,18 +33858,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-clamp@npm:^4.1.0":
- version: 4.1.0
- resolution: "postcss-clamp@npm:4.1.0"
- dependencies:
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.4.6
- checksum: 701261026b38a4c27b3c3711635fac96005f36d3270adb76dbdb1eebc950fc841db45283ee66068a7121565592e9d7967d5534e15b6e4dd266afcabf9eafa905
- languageName: node
- linkType: hard
-
-"postcss-color-functional-notation@npm:^4.2.1, postcss-color-functional-notation@npm:^4.2.4":
+"postcss-color-functional-notation@npm:^4.2.1":
version: 4.2.4
resolution: "postcss-color-functional-notation@npm:4.2.4"
dependencies:
@@ -34774,7 +33869,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-color-hex-alpha@npm:^8.0.2, postcss-color-hex-alpha@npm:^8.0.4":
+"postcss-color-hex-alpha@npm:^8.0.2":
version: 8.0.4
resolution: "postcss-color-hex-alpha@npm:8.0.4"
dependencies:
@@ -34795,7 +33890,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-color-rebeccapurple@npm:^7.0.2, postcss-color-rebeccapurple@npm:^7.1.1":
+"postcss-color-rebeccapurple@npm:^7.0.2":
version: 7.1.1
resolution: "postcss-color-rebeccapurple@npm:7.1.1"
dependencies:
@@ -34832,7 +33927,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-custom-media@npm:^8.0.0, postcss-custom-media@npm:^8.0.2":
+"postcss-custom-media@npm:^8.0.0":
version: 8.0.2
resolution: "postcss-custom-media@npm:8.0.2"
dependencies:
@@ -34843,7 +33938,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-custom-properties@npm:^12.1.2, postcss-custom-properties@npm:^12.1.9":
+"postcss-custom-properties@npm:^12.1.2":
version: 12.1.9
resolution: "postcss-custom-properties@npm:12.1.9"
dependencies:
@@ -34854,7 +33949,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-custom-selectors@npm:^6.0.0, postcss-custom-selectors@npm:^6.0.3":
+"postcss-custom-selectors@npm:^6.0.0":
version: 6.0.3
resolution: "postcss-custom-selectors@npm:6.0.3"
dependencies:
@@ -34865,7 +33960,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-dir-pseudo-class@npm:^6.0.3, postcss-dir-pseudo-class@npm:^6.0.5":
+"postcss-dir-pseudo-class@npm:^6.0.3":
version: 6.0.5
resolution: "postcss-dir-pseudo-class@npm:6.0.5"
dependencies:
@@ -34912,7 +34007,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-double-position-gradients@npm:^3.0.4, postcss-double-position-gradients@npm:^3.1.2":
+"postcss-double-position-gradients@npm:^3.0.4":
version: 3.1.2
resolution: "postcss-double-position-gradients@npm:3.1.2"
dependencies:
@@ -34924,7 +34019,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-env-function@npm:^4.0.4, postcss-env-function@npm:^4.0.6":
+"postcss-env-function@npm:^4.0.4":
version: 4.0.6
resolution: "postcss-env-function@npm:4.0.6"
dependencies:
@@ -34935,16 +34030,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-flexbugs-fixes@npm:^5.0.2":
- version: 5.0.2
- resolution: "postcss-flexbugs-fixes@npm:5.0.2"
- peerDependencies:
- postcss: ^8.1.4
- checksum: b413f73cc3c005f33479df95e1357467c28183e62ba8b25e06b8590b2a69e60d624f07824c0ff85fb1dfdd5bb7dfa321dad0885d42ec3c8f000669960b30894f
- languageName: node
- linkType: hard
-
-"postcss-focus-visible@npm:^6.0.3, postcss-focus-visible@npm:^6.0.4":
+"postcss-focus-visible@npm:^6.0.3":
version: 6.0.4
resolution: "postcss-focus-visible@npm:6.0.4"
dependencies:
@@ -34955,7 +34041,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-focus-within@npm:^5.0.3, postcss-focus-within@npm:^5.0.4":
+"postcss-focus-within@npm:^5.0.3":
version: 5.0.4
resolution: "postcss-focus-within@npm:5.0.4"
dependencies:
@@ -34975,7 +34061,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-gap-properties@npm:^3.0.2, postcss-gap-properties@npm:^3.0.5":
+"postcss-gap-properties@npm:^3.0.2":
version: 3.0.5
resolution: "postcss-gap-properties@npm:3.0.5"
peerDependencies:
@@ -34984,7 +34070,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-image-set-function@npm:^4.0.4, postcss-image-set-function@npm:^4.0.7":
+"postcss-image-set-function@npm:^4.0.4":
version: 4.0.7
resolution: "postcss-image-set-function@npm:4.0.7"
dependencies:
@@ -35008,19 +34094,6 @@ __metadata:
languageName: node
linkType: hard
-"postcss-import@npm:^14.1.0":
- version: 14.1.0
- resolution: "postcss-import@npm:14.1.0"
- dependencies:
- postcss-value-parser: ^4.0.0
- read-cache: ^1.0.0
- resolve: ^1.1.7
- peerDependencies:
- postcss: ^8.0.0
- checksum: 0552f48b6849d48b25213e8bfb4b2ae10fcf061224ba17b5c008d8b8de69b9b85442bff6c7ac2a313aec32f14fd000f57720b06f82dc6e9f104405b221a741db
- languageName: node
- linkType: hard
-
"postcss-initial@npm:^4.0.1":
version: 4.0.1
resolution: "postcss-initial@npm:4.0.1"
@@ -35030,18 +34103,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-js@npm:^4.0.0":
- version: 4.0.0
- resolution: "postcss-js@npm:4.0.0"
- dependencies:
- camelcase-css: ^2.0.1
- peerDependencies:
- postcss: ^8.3.3
- checksum: 12cde8a25f5346b3e413b1fde37df26845f916ec97db762868d9e44386703272a33d05511f52cb2f616f0d5e7da618b1e3ce68b9431fbd2f6cc1fc4a0fcb7dfb
- languageName: node
- linkType: hard
-
-"postcss-lab-function@npm:^4.0.3, postcss-lab-function@npm:^4.2.1":
+"postcss-lab-function@npm:^4.0.3":
version: 4.2.1
resolution: "postcss-lab-function@npm:4.2.1"
dependencies:
@@ -35053,7 +34115,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-load-config@npm:^3.0.1, postcss-load-config@npm:^3.1.4":
+"postcss-load-config@npm:^3.0.1":
version: 3.1.4
resolution: "postcss-load-config@npm:3.1.4"
dependencies:
@@ -35101,7 +34163,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-logical@npm:^5.0.3, postcss-logical@npm:^5.0.4":
+"postcss-logical@npm:^5.0.3":
version: 5.0.4
resolution: "postcss-logical@npm:5.0.4"
peerDependencies:
@@ -35295,18 +34357,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-nested@npm:5.0.6":
- version: 5.0.6
- resolution: "postcss-nested@npm:5.0.6"
- dependencies:
- postcss-selector-parser: ^6.0.6
- peerDependencies:
- postcss: ^8.2.14
- checksum: cff4f05b06ec752a90a36b329b4c1b620352458b3d8e02e2fc7efdfb5073945242573ec42c0dd2b7c4beccba21233e5f089903c3e5e8aea2bbceca09c406fb8f
- languageName: node
- linkType: hard
-
-"postcss-nesting@npm:^10.1.2, postcss-nesting@npm:^10.2.0":
+"postcss-nesting@npm:^10.1.2":
version: 10.2.0
resolution: "postcss-nesting@npm:10.2.0"
dependencies:
@@ -35417,27 +34468,6 @@ __metadata:
languageName: node
linkType: hard
-"postcss-normalize@npm:^10.0.1":
- version: 10.0.1
- resolution: "postcss-normalize@npm:10.0.1"
- dependencies:
- "@csstools/normalize.css": "*"
- postcss-browser-comments: ^4
- sanitize.css: "*"
- peerDependencies:
- browserslist: ">= 4"
- postcss: ">= 8"
- checksum: 632f24f5e8cb436f975892221ae1818794053c2a50ef8f51af2a964f88c5e3a4df4a703b882592d9d06c59bf19af69011dfa88a85771119e26ebc616ef9cf2cd
- languageName: node
- linkType: hard
-
-"postcss-opacity-percentage@npm:^1.1.2":
- version: 1.1.2
- resolution: "postcss-opacity-percentage@npm:1.1.2"
- checksum: ae9c73eb9d3df1127f33f4e4a7489d2cf46943b9a045551a3d8f5d3a49c843c5d57e2d89d7c9756771a12888a2b03cb50ac84b408f0c20788e62cb5bbee269fe
- languageName: node
- linkType: hard
-
"postcss-ordered-values@npm:^5.1.3":
version: 5.1.3
resolution: "postcss-ordered-values@npm:5.1.3"
@@ -35450,7 +34480,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-overflow-shorthand@npm:^3.0.2, postcss-overflow-shorthand@npm:^3.0.4":
+"postcss-overflow-shorthand@npm:^3.0.2":
version: 3.0.4
resolution: "postcss-overflow-shorthand@npm:3.0.4"
dependencies:
@@ -35470,7 +34500,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-place@npm:^7.0.3, postcss-place@npm:^7.0.5":
+"postcss-place@npm:^7.0.3":
version: 7.0.5
resolution: "postcss-place@npm:7.0.5"
dependencies:
@@ -35524,66 +34554,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-preset-env@npm:^7.0.1":
- version: 7.8.2
- resolution: "postcss-preset-env@npm:7.8.2"
- dependencies:
- "@csstools/postcss-cascade-layers": ^1.1.0
- "@csstools/postcss-color-function": ^1.1.1
- "@csstools/postcss-font-format-keywords": ^1.0.1
- "@csstools/postcss-hwb-function": ^1.0.2
- "@csstools/postcss-ic-unit": ^1.0.1
- "@csstools/postcss-is-pseudo-class": ^2.0.7
- "@csstools/postcss-nested-calc": ^1.0.0
- "@csstools/postcss-normalize-display-values": ^1.0.1
- "@csstools/postcss-oklab-function": ^1.1.1
- "@csstools/postcss-progressive-custom-properties": ^1.3.0
- "@csstools/postcss-stepped-value-functions": ^1.0.1
- "@csstools/postcss-text-decoration-shorthand": ^1.0.0
- "@csstools/postcss-trigonometric-functions": ^1.0.2
- "@csstools/postcss-unset-value": ^1.0.2
- autoprefixer: ^10.4.11
- browserslist: ^4.21.3
- css-blank-pseudo: ^3.0.3
- css-has-pseudo: ^3.0.4
- css-prefers-color-scheme: ^6.0.3
- cssdb: ^7.0.1
- postcss-attribute-case-insensitive: ^5.0.2
- postcss-clamp: ^4.1.0
- postcss-color-functional-notation: ^4.2.4
- postcss-color-hex-alpha: ^8.0.4
- postcss-color-rebeccapurple: ^7.1.1
- postcss-custom-media: ^8.0.2
- postcss-custom-properties: ^12.1.9
- postcss-custom-selectors: ^6.0.3
- postcss-dir-pseudo-class: ^6.0.5
- postcss-double-position-gradients: ^3.1.2
- postcss-env-function: ^4.0.6
- postcss-focus-visible: ^6.0.4
- postcss-focus-within: ^5.0.4
- postcss-font-variant: ^5.0.0
- postcss-gap-properties: ^3.0.5
- postcss-image-set-function: ^4.0.7
- postcss-initial: ^4.0.1
- postcss-lab-function: ^4.2.1
- postcss-logical: ^5.0.4
- postcss-media-minmax: ^5.0.0
- postcss-nesting: ^10.2.0
- postcss-opacity-percentage: ^1.1.2
- postcss-overflow-shorthand: ^3.0.4
- postcss-page-break: ^3.0.4
- postcss-place: ^7.0.5
- postcss-pseudo-class-any-link: ^7.1.6
- postcss-replace-overflow-wrap: ^4.0.0
- postcss-selector-not: ^6.0.1
- postcss-value-parser: ^4.2.0
- peerDependencies:
- postcss: ^8.2
- checksum: a2d8fcb4c5e7db8576714407ef17840b6127b9f6b1b6c546aed43e54d004e3f19c62fa06c5ebda94a65d397eca77de566e58f5318e75f3229a9eb5762f773185
- languageName: node
- linkType: hard
-
-"postcss-pseudo-class-any-link@npm:^7.0.2, postcss-pseudo-class-any-link@npm:^7.1.6":
+"postcss-pseudo-class-any-link@npm:^7.0.2":
version: 7.1.6
resolution: "postcss-pseudo-class-any-link@npm:7.1.6"
dependencies:
@@ -35637,18 +34608,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss-selector-not@npm:^6.0.1":
- version: 6.0.1
- resolution: "postcss-selector-not@npm:6.0.1"
- dependencies:
- postcss-selector-parser: ^6.0.10
- peerDependencies:
- postcss: ^8.2
- checksum: 1984db777cf842655303f83935a4354b638093f7454964fa1146515424c3309934fdc160135b9113b69bc2361017fb3bfc9ba11efc5bfa1235f9f35ddb544f82
- languageName: node
- linkType: hard
-
-"postcss-selector-parser@npm:^6.0.0, postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.6, postcss-selector-parser@npm:^6.0.9":
+"postcss-selector-parser@npm:^6.0.0, postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.9":
version: 6.0.10
resolution: "postcss-selector-parser@npm:6.0.10"
dependencies:
@@ -35739,7 +34699,7 @@ __metadata:
languageName: node
linkType: hard
-"postcss@npm:^8.1.10, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.2.4, postcss@npm:^8.2.6, postcss@npm:^8.3.5, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.16, postcss@npm:^8.4.4, postcss@npm:^8.4.7":
+"postcss@npm:^8.1.10, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.2.4, postcss@npm:^8.2.6, postcss@npm:^8.3.5, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.16, postcss@npm:^8.4.7":
version: 8.4.16
resolution: "postcss@npm:8.4.16"
dependencies:
@@ -35936,7 +34896,7 @@ __metadata:
languageName: node
linkType: hard
-"pretty-bytes@npm:^5.3.0, pretty-bytes@npm:^5.4.1, pretty-bytes@npm:^5.6.0":
+"pretty-bytes@npm:^5.3.0, pretty-bytes@npm:^5.6.0":
version: 5.6.0
resolution: "pretty-bytes@npm:5.6.0"
checksum: f69f494dcc1adda98dbe0e4a36d301e8be8ff99bfde7a637b2ee2820e7cb583b0fc0f3a63b0e3752c01501185a5cf38602c7be60da41bdf84ef5b70e89c370f3
@@ -35965,18 +34925,6 @@ __metadata:
languageName: node
linkType: hard
-"pretty-format@npm:^25.2.1, pretty-format@npm:^25.5.0":
- version: 25.5.0
- resolution: "pretty-format@npm:25.5.0"
- dependencies:
- "@jest/types": ^25.5.0
- ansi-regex: ^5.0.0
- ansi-styles: ^4.0.0
- react-is: ^16.12.0
- checksum: cbcf79f57a96f5eb9970722614a360539940606a20a924f6202e309433af4ad5b71ba210b6b3efcdcdad178f9aefa74f04a447d86520d721fbe155ff43b33112
- languageName: node
- linkType: hard
-
"pretty-format@npm:^27.0.2, pretty-format@npm:^27.5.1":
version: 27.5.1
resolution: "pretty-format@npm:27.5.1"
@@ -36188,16 +35136,7 @@ __metadata:
languageName: node
linkType: hard
-"promise@npm:^8.1.0":
- version: 8.2.0
- resolution: "promise@npm:8.2.0"
- dependencies:
- asap: ~2.0.6
- checksum: 058589c7b2ded3ddb7db0d3f3771e0814f73fc5181786ad338bb090e95e1aa93e2a07cb9b7ece53b45b619026c77508442959c867d951634215e73e75da0d02f
- languageName: node
- linkType: hard
-
-"prompts@npm:^2.0.1, prompts@npm:^2.4.0, prompts@npm:^2.4.2":
+"prompts@npm:^2.0.1, prompts@npm:^2.4.0":
version: 2.4.2
resolution: "prompts@npm:2.4.2"
dependencies:
@@ -36647,7 +35586,7 @@ __metadata:
languageName: node
linkType: hard
-"q@npm:^1.1.2, q@npm:^1.4.1, q@npm:^1.5.1":
+"q@npm:^1.4.1, q@npm:^1.5.1":
version: 1.5.1
resolution: "q@npm:1.5.1"
checksum: 7855fbdba126cb7e92ef3a16b47ba998c0786ec7fface236e3eb0135b65df36429d91a86b1fff3ab0927b4ac4ee88a2c44527c7c3b8e2a37efbec9fe34803df4
@@ -36765,13 +35704,6 @@ __metadata:
languageName: node
linkType: hard
-"quick-lru@npm:^5.1.1":
- version: 5.1.1
- resolution: "quick-lru@npm:5.1.1"
- checksum: a24cba5da8cec30d70d2484be37622580f64765fb6390a928b17f60cd69e8dbd32a954b3ff9176fa1b86d86ff2ba05252fae55dc4d40d0291c60412b0ad096da
- languageName: node
- linkType: hard
-
"quick-temp@npm:^0.1.2, quick-temp@npm:^0.1.3, quick-temp@npm:^0.1.5, quick-temp@npm:^0.1.8":
version: 0.1.8
resolution: "quick-temp@npm:0.1.8"
@@ -36924,20 +35856,6 @@ __metadata:
languageName: node
linkType: hard
-"react-app-polyfill@npm:^3.0.0":
- version: 3.0.0
- resolution: "react-app-polyfill@npm:3.0.0"
- dependencies:
- core-js: ^3.19.2
- object-assign: ^4.1.1
- promise: ^8.1.0
- raf: ^3.4.1
- regenerator-runtime: ^0.13.9
- whatwg-fetch: ^3.6.2
- checksum: 7079c81717f4707d078943ab507771c3e80333e6c2c80c8d9a02e4a5661974e9bb196aea9f56336f559214a23f495c5f3907937d13a070e701019ae7a9d53c26
- languageName: node
- linkType: hard
-
"react-colorful@npm:^5.1.2":
version: 5.6.1
resolution: "react-colorful@npm:5.6.1"
@@ -36948,38 +35866,6 @@ __metadata:
languageName: node
linkType: hard
-"react-dev-utils@npm:^12.0.1":
- version: 12.0.1
- resolution: "react-dev-utils@npm:12.0.1"
- dependencies:
- "@babel/code-frame": ^7.16.0
- address: ^1.1.2
- browserslist: ^4.18.1
- chalk: ^4.1.2
- cross-spawn: ^7.0.3
- detect-port-alt: ^1.1.6
- escape-string-regexp: ^4.0.0
- filesize: ^8.0.6
- find-up: ^5.0.0
- fork-ts-checker-webpack-plugin: ^6.5.0
- global-modules: ^2.0.0
- globby: ^11.0.4
- gzip-size: ^6.0.0
- immer: ^9.0.7
- is-root: ^2.1.0
- loader-utils: ^3.2.0
- open: ^8.4.0
- pkg-up: ^3.1.0
- prompts: ^2.4.2
- react-error-overlay: ^6.0.11
- recursive-readdir: ^2.2.2
- shell-quote: ^1.7.3
- strip-ansi: ^6.0.1
- text-table: ^0.2.0
- checksum: 94bc4ee5014290ca47a025e53ab2205c5dc0299670724d46a0b1bacbdd48904827b5ae410842d0a3a92481509097ae032e4a9dc7ca70db437c726eaba6411e82
- languageName: node
- linkType: hard
-
"react-docgen-typescript@npm:^2.1.1":
version: 2.2.2
resolution: "react-docgen-typescript@npm:2.2.2"
@@ -37090,13 +35976,6 @@ __metadata:
languageName: node
linkType: hard
-"react-error-overlay@npm:^6.0.11":
- version: 6.0.11
- resolution: "react-error-overlay@npm:6.0.11"
- checksum: 8fc93942976e0c704274aec87dbc8e21f62a2cc78d1c93f9bcfff9f7494b00c60f7a2f0bd48d832bcd3190627c0255a1df907373f61f820371373a65ec4b2d64
- languageName: node
- linkType: hard
-
"react-fast-compare@npm:^2.0.1":
version: 2.0.4
resolution: "react-fast-compare@npm:2.0.4"
@@ -37212,17 +36091,6 @@ __metadata:
languageName: node
linkType: hard
-"react-moment-proptypes@npm:^1.7.0":
- version: 1.8.1
- resolution: "react-moment-proptypes@npm:1.8.1"
- dependencies:
- moment: ">=1.6.0"
- peerDependencies:
- moment: ">=1.6.0"
- checksum: eb4b8234954f713864a41f27d349288433768caa46810e39e94c97893996efe54ad8f9677bb570323b0238936785d78f2b1791ccf6fa57bb5dad91e291df7ab2
- languageName: node
- linkType: hard
-
"react-popper-tooltip@npm:^2.11.1":
version: 2.11.1
resolution: "react-popper-tooltip@npm:2.11.1"
@@ -37326,73 +36194,6 @@ __metadata:
languageName: node
linkType: hard
-"react-scripts@npm:^5.0.1":
- version: 5.0.1
- resolution: "react-scripts@npm:5.0.1"
- dependencies:
- "@babel/core": ^7.16.0
- "@pmmmwh/react-refresh-webpack-plugin": ^0.5.3
- "@svgr/webpack": ^5.5.0
- babel-jest: ^27.4.2
- babel-loader: ^8.2.3
- babel-plugin-named-asset-import: ^0.3.8
- babel-preset-react-app: ^10.0.1
- bfj: ^7.0.2
- browserslist: ^4.18.1
- camelcase: ^6.2.1
- case-sensitive-paths-webpack-plugin: ^2.4.0
- css-loader: ^6.5.1
- css-minimizer-webpack-plugin: ^3.2.0
- dotenv: ^10.0.0
- dotenv-expand: ^5.1.0
- eslint: ^8.3.0
- eslint-config-react-app: ^7.0.1
- eslint-webpack-plugin: ^3.1.1
- file-loader: ^6.2.0
- fs-extra: ^10.0.0
- fsevents: ^2.3.2
- html-webpack-plugin: ^5.5.0
- identity-obj-proxy: ^3.0.0
- jest: ^27.4.3
- jest-resolve: ^27.4.2
- jest-watch-typeahead: ^1.0.0
- mini-css-extract-plugin: ^2.4.5
- postcss: ^8.4.4
- postcss-flexbugs-fixes: ^5.0.2
- postcss-loader: ^6.2.1
- postcss-normalize: ^10.0.1
- postcss-preset-env: ^7.0.1
- prompts: ^2.4.2
- react-app-polyfill: ^3.0.0
- react-dev-utils: ^12.0.1
- react-refresh: ^0.11.0
- resolve: ^1.20.0
- resolve-url-loader: ^4.0.0
- sass-loader: ^12.3.0
- semver: ^7.3.5
- source-map-loader: ^3.0.0
- style-loader: ^3.3.1
- tailwindcss: ^3.0.2
- terser-webpack-plugin: ^5.2.5
- webpack: ^5.64.4
- webpack-dev-server: ^4.6.0
- webpack-manifest-plugin: ^4.0.2
- workbox-webpack-plugin: ^6.4.1
- peerDependencies:
- react: ">= 16"
- typescript: ^3.2.1 || ^4
- dependenciesMeta:
- fsevents:
- optional: true
- peerDependenciesMeta:
- typescript:
- optional: true
- bin:
- react-scripts: bin/react-scripts.js
- checksum: 1776e7139261019eb4a2adece8fb997913040c6b4e9170902ffed95c3ff311ded623189bb1582ecddb3a5a15d6afd871fb68dbed72080d50f635e31c4ff5fff5
- languageName: node
- linkType: hard
-
"react-sizeme@npm:^3.0.1":
version: 3.0.2
resolution: "react-sizeme@npm:3.0.2"
@@ -37772,15 +36573,6 @@ __metadata:
languageName: node
linkType: hard
-"recursive-readdir@npm:^2.2.2":
- version: 2.2.2
- resolution: "recursive-readdir@npm:2.2.2"
- dependencies:
- minimatch: 3.0.4
- checksum: 0137fab9e9f2a2784465a613a214f60cf76d62ce22c4237ac818c4e6d6ebb4c890d12b4547619dab843673dfa12ca4096baa32d64fdaed84793a544a02c2e1e1
- languageName: node
- linkType: hard
-
"redent@npm:^1.0.0":
version: 1.0.0
resolution: "redent@npm:1.0.0"
@@ -37861,7 +36653,7 @@ __metadata:
languageName: node
linkType: hard
-"regenerator-runtime@npm:0.13.9, regenerator-runtime@npm:^0.13.2, regenerator-runtime@npm:^0.13.4, regenerator-runtime@npm:^0.13.7, regenerator-runtime@npm:^0.13.9":
+"regenerator-runtime@npm:0.13.9, regenerator-runtime@npm:^0.13.2, regenerator-runtime@npm:^0.13.4, regenerator-runtime@npm:^0.13.7":
version: 0.13.9
resolution: "regenerator-runtime@npm:0.13.9"
checksum: b0f26612204f061a84064d2f3361629eae09993939112b9ffc3680bb369ecd125764d6654eace9ef11b36b44282ee52b988dda946ea52d372e7599a30eea73ee
@@ -38838,27 +37630,6 @@ __metadata:
languageName: node
linkType: hard
-"resolve-url-loader@npm:^4.0.0":
- version: 4.0.0
- resolution: "resolve-url-loader@npm:4.0.0"
- dependencies:
- adjust-sourcemap-loader: ^4.0.0
- convert-source-map: ^1.7.0
- loader-utils: ^2.0.0
- postcss: ^7.0.35
- source-map: 0.6.1
- peerDependencies:
- rework: 1.0.1
- rework-visit: 1.0.0
- peerDependenciesMeta:
- rework:
- optional: true
- rework-visit:
- optional: true
- checksum: afecc67d26e88f3c648d83fd4634113e032eb6127e44c25a0c64933f5b8280683be999e8351e8442bd1663c19998b31571faba19748eaead6a586cebb0d2f288
- languageName: node
- linkType: hard
-
"resolve-url@npm:^0.2.1":
version: 0.2.1
resolution: "resolve-url@npm:0.2.1"
@@ -39081,21 +37852,7 @@ __metadata:
languageName: node
linkType: hard
-"rollup-plugin-terser@npm:^7.0.0":
- version: 7.0.2
- resolution: "rollup-plugin-terser@npm:7.0.2"
- dependencies:
- "@babel/code-frame": ^7.10.4
- jest-worker: ^26.2.1
- serialize-javascript: ^4.0.0
- terser: ^5.0.0
- peerDependencies:
- rollup: ^2.0.0
- checksum: f79b851c6f7b06555d3a8ce7a4e32abd2b7cb8318e89fb8db73e662fa6e3af1a59920e881d111efc65a7437fd9582b61b1f4859b6fd839ba948616829d92432d
- languageName: node
- linkType: hard
-
-"rollup@npm:^2.43.1, rollup@npm:^2.74.1":
+"rollup@npm:^2.74.1":
version: 2.79.1
resolution: "rollup@npm:2.79.1"
dependencies:
@@ -39306,13 +38063,6 @@ __metadata:
languageName: node
linkType: hard
-"sanitize.css@npm:*":
- version: 13.0.0
- resolution: "sanitize.css@npm:13.0.0"
- checksum: 0c1eb61ff26d8f764593772c9f2af68ef5490cd9c7199ff387138412e8e658a0ee715bf176e0a2569872fc9c277f9342cf1235a9274da7a63aaaf0043747260d
- languageName: node
- linkType: hard
-
"sass-loader@npm:12.4.0":
version: 12.4.0
resolution: "sass-loader@npm:12.4.0"
@@ -39335,7 +38085,7 @@ __metadata:
languageName: node
linkType: hard
-"sass-loader@npm:^12.3.0, sass-loader@npm:^12.6.0":
+"sass-loader@npm:^12.6.0":
version: 12.6.0
resolution: "sass-loader@npm:12.6.0"
dependencies:
@@ -40287,7 +39037,7 @@ __metadata:
languageName: node
linkType: hard
-"source-list-map@npm:^2.0.0, source-list-map@npm:^2.0.1":
+"source-list-map@npm:^2.0.1":
version: 2.0.1
resolution: "source-list-map@npm:2.0.1"
checksum: 2e5e421b185dcd857f46c3c70e2e711a65d717b78c5f795e2e248c9d67757882ea989b80ebc08cf164eeeda5f4be8aa95d3b990225070b2daaaf3257c5958149
@@ -40301,7 +39051,7 @@ __metadata:
languageName: node
linkType: hard
-"source-map-loader@npm:3.0.1, source-map-loader@npm:^3.0.0":
+"source-map-loader@npm:3.0.1":
version: 3.0.1
resolution: "source-map-loader@npm:3.0.1"
dependencies:
@@ -40410,7 +39160,7 @@ __metadata:
languageName: node
linkType: hard
-"source-map@npm:0.8.0-beta.0, source-map@npm:^0.8.0-beta.0":
+"source-map@npm:0.8.0-beta.0":
version: 0.8.0-beta.0
resolution: "source-map@npm:0.8.0-beta.0"
dependencies:
@@ -40950,23 +39700,6 @@ __metadata:
languageName: node
linkType: hard
-"string-length@npm:^5.0.1":
- version: 5.0.1
- resolution: "string-length@npm:5.0.1"
- dependencies:
- char-regex: ^2.0.0
- strip-ansi: ^7.0.1
- checksum: 311fa5758d397bd616be17150dfefaab4755ed292a3112237924d10ba5122f606064ad4880a293387401c1d7aa20d79f7936728bac2abed17a5e48f5b317cbc8
- languageName: node
- linkType: hard
-
-"string-natural-compare@npm:^3.0.1":
- version: 3.0.1
- resolution: "string-natural-compare@npm:3.0.1"
- checksum: 85a6a9195736be500af5d817c7ea36b7e1ac278af079a807f70f79a56602359ee6743ca409af6291b94557de550ff60d1ec31b3c4fc8e7a08d0e12cdab57c149
- languageName: node
- linkType: hard
-
"string-template@npm:~0.2.1":
version: 0.2.1
resolution: "string-template@npm:0.2.1"
@@ -41017,7 +39750,7 @@ __metadata:
languageName: node
linkType: hard
-"string.prototype.matchall@npm:^4.0.6, string.prototype.matchall@npm:^4.0.7":
+"string.prototype.matchall@npm:^4.0.7":
version: 4.0.7
resolution: "string.prototype.matchall@npm:4.0.7"
dependencies:
@@ -41166,7 +39899,7 @@ __metadata:
languageName: node
linkType: hard
-"strip-ansi@npm:^7.0.0, strip-ansi@npm:^7.0.1":
+"strip-ansi@npm:^7.0.0":
version: 7.0.1
resolution: "strip-ansi@npm:7.0.1"
dependencies:
@@ -41205,13 +39938,6 @@ __metadata:
languageName: node
linkType: hard
-"strip-comments@npm:^2.0.1":
- version: 2.0.1
- resolution: "strip-comments@npm:2.0.1"
- checksum: 984321b1ec47a531bdcfddd87f217590934e2d2f142198a080ec88588280239a5b58a81ca780730679b6195e52afef83673c6d6466c07c2277f71f44d7d9553d
- languageName: node
- linkType: hard
-
"strip-dirs@npm:^2.0.0":
version: 2.1.0
resolution: "strip-dirs@npm:2.1.0"
@@ -41700,13 +40426,6 @@ __metadata:
languageName: node
linkType: hard
-"svg-parser@npm:^2.0.2":
- version: 2.0.4
- resolution: "svg-parser@npm:2.0.4"
- checksum: 02f6cb155dd7b63ebc2f44f36365bc294543bebb81b614b7628f1af3c54ab64f7e1cec20f06e252bf95bdde78441ae295a412c68ad1678f16a6907d924512b7a
- languageName: node
- linkType: hard
-
"svg-tags@npm:^1.0.0":
version: 1.0.0
resolution: "svg-tags@npm:1.0.0"
@@ -41726,29 +40445,6 @@ __metadata:
languageName: node
linkType: hard
-"svgo@npm:^1.2.2":
- version: 1.3.2
- resolution: "svgo@npm:1.3.2"
- dependencies:
- chalk: ^2.4.1
- coa: ^2.0.2
- css-select: ^2.0.0
- css-select-base-adapter: ^0.1.1
- css-tree: 1.0.0-alpha.37
- csso: ^4.0.2
- js-yaml: ^3.13.1
- mkdirp: ~0.5.1
- object.values: ^1.1.0
- sax: ~1.2.4
- stable: ^0.1.8
- unquote: ~1.1.1
- util.promisify: ~1.0.0
- bin:
- svgo: ./bin/svgo
- checksum: 261a82b08acf63accd7a54b47b4ffcd2fc7e7d7f8efef3cbc61184583b24b4c5434656004c30190302821af0f6d7b047eac730b0dcdab5d179e6a74383ccc776
- languageName: node
- linkType: hard
-
"svgo@npm:^2.4.0, svgo@npm:^2.7.0":
version: 2.8.0
resolution: "svgo@npm:2.8.0"
@@ -41829,41 +40525,6 @@ __metadata:
languageName: node
linkType: hard
-"tailwindcss@npm:^3.0.2":
- version: 3.1.8
- resolution: "tailwindcss@npm:3.1.8"
- dependencies:
- arg: ^5.0.2
- chokidar: ^3.5.3
- color-name: ^1.1.4
- detective: ^5.2.1
- didyoumean: ^1.2.2
- dlv: ^1.1.3
- fast-glob: ^3.2.11
- glob-parent: ^6.0.2
- is-glob: ^4.0.3
- lilconfig: ^2.0.6
- normalize-path: ^3.0.0
- object-hash: ^3.0.0
- picocolors: ^1.0.0
- postcss: ^8.4.14
- postcss-import: ^14.1.0
- postcss-js: ^4.0.0
- postcss-load-config: ^3.1.4
- postcss-nested: 5.0.6
- postcss-selector-parser: ^6.0.10
- postcss-value-parser: ^4.2.0
- quick-lru: ^5.1.1
- resolve: ^1.22.1
- peerDependencies:
- postcss: ^8.0.9
- bin:
- tailwind: lib/cli.js
- tailwindcss: lib/cli.js
- checksum: feddb9fcd2c7a8613df18d626dcf0e60d85e68dfcb1874297ba3dee46824992aacb8123fe5f4cc7de7ccdccbb97c2257a849d56f6d31a1e1f68417ce49dca639
- languageName: node
- linkType: hard
-
"tap-parser@npm:^7.0.0":
version: 7.0.0
resolution: "tap-parser@npm:7.0.0"
@@ -41996,13 +40657,6 @@ __metadata:
languageName: node
linkType: hard
-"temp-dir@npm:^2.0.0":
- version: 2.0.0
- resolution: "temp-dir@npm:2.0.0"
- checksum: b1df969e3f3f7903f3426861887ed76ba3b495f63f6d0c8e1ce22588679d9384d336df6064210fda14e640ed422e2a17d5c40d901f60e161c99482d723f4d309
- languageName: node
- linkType: hard
-
"temp-write@npm:^3.4.0":
version: 3.4.0
resolution: "temp-write@npm:3.4.0"
@@ -42036,18 +40690,6 @@ __metadata:
languageName: node
linkType: hard
-"tempy@npm:^0.6.0":
- version: 0.6.0
- resolution: "tempy@npm:0.6.0"
- dependencies:
- is-stream: ^2.0.0
- temp-dir: ^2.0.0
- type-fest: ^0.16.0
- unique-string: ^2.0.0
- checksum: ca0882276732d1313b85006b0427620cb4a8d7a57738a2311a72befae60ed152be7d5b41b951dcb447a01a35404bed76f33eb4e37c55263cd7f807eee1187f8f
- languageName: node
- linkType: hard
-
"term-size@npm:^2.2.1":
version: 2.2.1
resolution: "term-size@npm:2.2.1"
@@ -42065,7 +40707,7 @@ __metadata:
languageName: node
linkType: hard
-"terser-webpack-plugin@npm:*, terser-webpack-plugin@npm:^5.1.1, terser-webpack-plugin@npm:^5.1.3, terser-webpack-plugin@npm:^5.2.5, terser-webpack-plugin@npm:^5.3.1":
+"terser-webpack-plugin@npm:*, terser-webpack-plugin@npm:^5.1.1, terser-webpack-plugin@npm:^5.1.3, terser-webpack-plugin@npm:^5.3.1":
version: 5.3.6
resolution: "terser-webpack-plugin@npm:5.3.6"
dependencies:
@@ -42114,7 +40756,7 @@ __metadata:
languageName: node
linkType: hard
-"terser@npm:^5.0.0, terser@npm:^5.10.0, terser@npm:^5.14.1, terser@npm:^5.2.0":
+"terser@npm:^5.10.0, terser@npm:^5.14.1, terser@npm:^5.2.0":
version: 5.15.0
resolution: "terser@npm:5.15.0"
dependencies:
@@ -42796,13 +41438,6 @@ __metadata:
languageName: node
linkType: hard
-"tryer@npm:^1.0.1":
- version: 1.0.1
- resolution: "tryer@npm:1.0.1"
- checksum: 19070409a0009dc26127636cc14d2415e9cf8b1dc07b29694e57ea8bb5ea1bded012c0e792f6235b46e31189a7b866841668b3850867ff7eac1a6b55332c960d
- languageName: node
- linkType: hard
-
"ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0":
version: 2.2.0
resolution: "ts-dedent@npm:2.2.0"
@@ -42943,16 +41578,6 @@ __metadata:
languageName: node
linkType: hard
-"ts-pnp@npm:^1.1.6":
- version: 1.2.0
- resolution: "ts-pnp@npm:1.2.0"
- peerDependenciesMeta:
- typescript:
- optional: true
- checksum: ff32b4f810f9d99f676d70fe2c0e327cb6c812214bd4fc7135870b039f9e85a85b2c20f8fe030d9bd36e9598a12faa391f10aecb95df624b92f1af6bd47dc397
- languageName: node
- linkType: hard
-
"ts-simple-type@npm:~1.0.5":
version: 1.0.7
resolution: "ts-simple-type@npm:1.0.7"
@@ -43125,13 +41750,6 @@ __metadata:
languageName: node
linkType: hard
-"type-fest@npm:^0.16.0":
- version: 0.16.0
- resolution: "type-fest@npm:0.16.0"
- checksum: 6b4d846534e7bcb49a6160b068ffaed2b62570d989d909ac3f29df5ef1e993859f890a4242eebe023c9e923f96adbcb3b3e88a198c35a1ee9a731e147a6839c3
- languageName: node
- linkType: hard
-
"type-fest@npm:^0.18.0":
version: 0.18.1
resolution: "type-fest@npm:0.18.1"
@@ -43814,13 +42432,6 @@ __metadata:
languageName: node
linkType: hard
-"unquote@npm:~1.1.1":
- version: 1.1.1
- resolution: "unquote@npm:1.1.1"
- checksum: de59fb48cbaadc636002c6563dcb6b1bce95c91ebecb92addbc9bb47982cb03e7d8a8371c9617267b9e5746bbcb4403394139bc1310106b9ac4c26790ed57859
- languageName: node
- linkType: hard
-
"unset-value@npm:^1.0.0":
version: 1.0.0
resolution: "unset-value@npm:1.0.0"
@@ -44062,18 +42673,6 @@ __metadata:
languageName: node
linkType: hard
-"util.promisify@npm:~1.0.0":
- version: 1.0.1
- resolution: "util.promisify@npm:1.0.1"
- dependencies:
- define-properties: ^1.1.3
- es-abstract: ^1.17.2
- has-symbols: ^1.0.1
- object.getownpropertydescriptors: ^2.1.0
- checksum: d72b7c1344816bc9c8713efbf5cb23b536730a8fb7df9ae50654d9efa4d24241fc5ecc69a7dc63b9a2f98cabc9635c303923671933f8c6f41fa7d64fe2188e27
- languageName: node
- linkType: hard
-
"util@npm:^0.12.4":
version: 0.12.4
resolution: "util@npm:0.12.4"
@@ -45135,7 +43734,7 @@ __metadata:
languageName: node
linkType: hard
-"webpack-dev-server@npm:^4.6.0, webpack-dev-server@npm:^4.7.3, webpack-dev-server@npm:^4.8.1":
+"webpack-dev-server@npm:^4.7.3, webpack-dev-server@npm:^4.8.1":
version: 4.11.1
resolution: "webpack-dev-server@npm:4.11.1"
dependencies:
@@ -45190,18 +43789,6 @@ __metadata:
languageName: node
linkType: hard
-"webpack-manifest-plugin@npm:^4.0.2":
- version: 4.1.1
- resolution: "webpack-manifest-plugin@npm:4.1.1"
- dependencies:
- tapable: ^2.0.0
- webpack-sources: ^2.2.0
- peerDependencies:
- webpack: ^4.44.2 || ^5.47.0
- checksum: 9486f399c86358e5811f314c71ba0ef2915c2db885ae01fd14002f2fb3d791bc9cf7b0fbe92e9f012c85c06f2efd94ecfc50f85d3fbce6359757f327039a7839
- languageName: node
- linkType: hard
-
"webpack-merge@npm:5.8.0, webpack-merge@npm:^5.7.3":
version: 5.8.0
resolution: "webpack-merge@npm:5.8.0"
@@ -45212,16 +43799,6 @@ __metadata:
languageName: node
linkType: hard
-"webpack-sources@npm:^1.4.3":
- version: 1.4.3
- resolution: "webpack-sources@npm:1.4.3"
- dependencies:
- source-list-map: ^2.0.0
- source-map: ~0.6.1
- checksum: 78dafb3e1e297d3f4eb6204311e8c64d28cd028f82887ba33aaf03fffc82482d8e1fdf6de25a60f4dde621d3565f4c3b1bfb350f09add8f4e54e00279ff3db5e
- languageName: node
- linkType: hard
-
"webpack-sources@npm:^2.2.0":
version: 2.3.1
resolution: "webpack-sources@npm:2.3.1"
@@ -45569,211 +44146,6 @@ __metadata:
languageName: node
linkType: hard
-"workbox-background-sync@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-background-sync@npm:6.5.4"
- dependencies:
- idb: ^7.0.1
- workbox-core: 6.5.4
- checksum: 4d1431c19fb1bb07f5ce31e286f0d62de908b813857f3d2e5048c21cafb318a41a1ae0cf135545bc6053f6d4c487951f4c232241c47caab37908a70e87d3fa30
- languageName: node
- linkType: hard
-
-"workbox-broadcast-update@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-broadcast-update@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- checksum: fa7164d4b11ce2ff7922a84fef836b432147b49dd04b9afa543908d035245c394707d87a15faf2ea2c28c76b5d6ae9db6600b01faa734a2d29b3aa4543a8baab
- languageName: node
- linkType: hard
-
-"workbox-build@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-build@npm:6.5.4"
- dependencies:
- "@apideck/better-ajv-errors": ^0.3.1
- "@babel/core": ^7.11.1
- "@babel/preset-env": ^7.11.0
- "@babel/runtime": ^7.11.2
- "@rollup/plugin-babel": ^5.2.0
- "@rollup/plugin-node-resolve": ^11.2.1
- "@rollup/plugin-replace": ^2.4.1
- "@surma/rollup-plugin-off-main-thread": ^2.2.3
- ajv: ^8.6.0
- common-tags: ^1.8.0
- fast-json-stable-stringify: ^2.1.0
- fs-extra: ^9.0.1
- glob: ^7.1.6
- lodash: ^4.17.20
- pretty-bytes: ^5.3.0
- rollup: ^2.43.1
- rollup-plugin-terser: ^7.0.0
- source-map: ^0.8.0-beta.0
- stringify-object: ^3.3.0
- strip-comments: ^2.0.1
- tempy: ^0.6.0
- upath: ^1.2.0
- workbox-background-sync: 6.5.4
- workbox-broadcast-update: 6.5.4
- workbox-cacheable-response: 6.5.4
- workbox-core: 6.5.4
- workbox-expiration: 6.5.4
- workbox-google-analytics: 6.5.4
- workbox-navigation-preload: 6.5.4
- workbox-precaching: 6.5.4
- workbox-range-requests: 6.5.4
- workbox-recipes: 6.5.4
- workbox-routing: 6.5.4
- workbox-strategies: 6.5.4
- workbox-streams: 6.5.4
- workbox-sw: 6.5.4
- workbox-window: 6.5.4
- checksum: aaded320ecb1f2f40439accbe7445a31fe72185ee976bbb7d79cc4ef9339407ec137b8a13a927394206783f5548d2b2e1bed597ca1af4b00d5e19d632871ead4
- languageName: node
- linkType: hard
-
-"workbox-cacheable-response@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-cacheable-response@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- checksum: 5a464881f254b6ebea1055412e4b90861e9d987ed7167b9fcdebfbd79af72d678979a2dcf0c62a3db2afcabb320c23ba691db25031ac057e3badd6cc4f80a6e9
- languageName: node
- linkType: hard
-
-"workbox-core@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-core@npm:6.5.4"
- checksum: dac894674219035316e3354955343cf7eec4b014a58712cb6139c3c97e4b7c40265403b15d339f8a318304193340485d9a0757255c88cb23d2e6a59b55224a41
- languageName: node
- linkType: hard
-
-"workbox-expiration@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-expiration@npm:6.5.4"
- dependencies:
- idb: ^7.0.1
- workbox-core: 6.5.4
- checksum: f8cf8e694e44d5b8ac2b25f224c716c2d277b54775d6b92323aeb74de36adee80fb46a0140431d6a1adc36b33791f6737eaaf54996ea995def70aff9c1d64492
- languageName: node
- linkType: hard
-
-"workbox-google-analytics@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-google-analytics@npm:6.5.4"
- dependencies:
- workbox-background-sync: 6.5.4
- workbox-core: 6.5.4
- workbox-routing: 6.5.4
- workbox-strategies: 6.5.4
- checksum: 88640d5efb12d697eb1cd8d04caa9c23b5a48308138aeea24d5726b02b47ece6efe0bd07154d1243f6322b918ed55bf05ed927298fc3bb755545627e8644019f
- languageName: node
- linkType: hard
-
-"workbox-navigation-preload@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-navigation-preload@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- checksum: ec9bda6ef4e7031fb3544d9ca187588b1c53b89e16ab2efa55ec6a179b1cce0638d23612d70e71a0767489cb5a3edfc168713285157b832f64da16ab6d195f5e
- languageName: node
- linkType: hard
-
-"workbox-precaching@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-precaching@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- workbox-routing: 6.5.4
- workbox-strategies: 6.5.4
- checksum: 25913c0adc8d48827e53677593e01e7ce9daa9cd8b340c36eb013dbbf617ab1ba5789612309c3e94d297a30afcb86688b0f6f21757dd2832a67df1fef0ef3e61
- languageName: node
- linkType: hard
-
-"workbox-range-requests@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-range-requests@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- checksum: 603b1379d3222666e36bda4fc5094d0e13ea3d5b7eb43bc4f8ab3711c525a3f0e65bd0a90fc8a1aa9af1a9a363f25e8c863f2caabbbf21e056f9492395474d47
- languageName: node
- linkType: hard
-
-"workbox-recipes@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-recipes@npm:6.5.4"
- dependencies:
- workbox-cacheable-response: 6.5.4
- workbox-core: 6.5.4
- workbox-expiration: 6.5.4
- workbox-precaching: 6.5.4
- workbox-routing: 6.5.4
- workbox-strategies: 6.5.4
- checksum: 541efdb3f9f6cea485eb3938d5147b697b8ede0eb002ccdcec26ed132c35b9a0b1677d44b9f66f05ae2788bb59892002eb81c2a151788a12831292a393c9b08c
- languageName: node
- linkType: hard
-
-"workbox-routing@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-routing@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- checksum: a6b75c287408b1db457bbc8971bc4edb96c1a89141ecbd2ad241c7142d230bae31d7257b267a1a9d2a608d72fc8167d65af114d8e3ac0b4744785110408a1710
- languageName: node
- linkType: hard
-
-"workbox-strategies@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-strategies@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- checksum: a57b69ae7fc14f172d4b9d5e2835ce36d345a8bac149cf6b8bafb60c1fd20fc46f511ef7b1322c0474628947875251f43d3331f8627fd6950f1c3ec262f5c98c
- languageName: node
- linkType: hard
-
-"workbox-streams@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-streams@npm:6.5.4"
- dependencies:
- workbox-core: 6.5.4
- workbox-routing: 6.5.4
- checksum: d69ad8aad0e6aefb660aa9e5ac32b80abd5fe145b8bc878d3419873dc48702b61f9de49130a2e0e1e5f51998f53df27bc4c05ae29597b45fc8ad6bb424fceaea
- languageName: node
- linkType: hard
-
-"workbox-sw@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-sw@npm:6.5.4"
- checksum: 2d276e8436ab98d8edd94683f4f5bd62aff97403499a8489132f2bb724812cdecfe8fd0d826116737c2a675eacdccc1c01d963e7bb451ee87b1af60ae39ed816
- languageName: node
- linkType: hard
-
-"workbox-webpack-plugin@npm:^6.4.1":
- version: 6.5.4
- resolution: "workbox-webpack-plugin@npm:6.5.4"
- dependencies:
- fast-json-stable-stringify: ^2.1.0
- pretty-bytes: ^5.4.1
- upath: ^1.2.0
- webpack-sources: ^1.4.3
- workbox-build: 6.5.4
- peerDependencies:
- webpack: ^4.4.0 || ^5.9.0
- checksum: f0faee823267386b3b7643b2e281beb576f64456c573d6f01a4da8a9295c8a6008a7b46d60d09d5271f61cdb8eaf67a2b63f92e8c994497f1535ccfe69a70457
- languageName: node
- linkType: hard
-
-"workbox-window@npm:6.5.4":
- version: 6.5.4
- resolution: "workbox-window@npm:6.5.4"
- dependencies:
- "@types/trusted-types": ^2.0.2
- workbox-core: 6.5.4
- checksum: fd5ed15563025d76fe70a6d62413e380de160fd8c033c22d6827e5256edaac7362b2955ce42f2188cde100f881727840be78d057c533b8dd3696c6a7c7b36031
- languageName: node
- linkType: hard
-
"workerpool@npm:^3.1.1":
version: 3.1.2
resolution: "workerpool@npm:3.1.2"
diff --git a/scripts/.eslintignore b/scripts/.eslintignore
index 09e2164c4481..db97fa57090f 100644
--- a/scripts/.eslintignore
+++ b/scripts/.eslintignore
@@ -15,8 +15,6 @@ scripts/repros-generator
*.d.ts
examples/ember-cli/.storybook/preview-head.html
examples/official-storybook/tests/addon-jest.test.js
-examples/cra-ts-kitchen-sink/*.json
-examples/cra-ts-kitchen-sink/public/*
ember-output
.yarn
!.remarkrc.js
diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts
index f1d85de6f6ac..cdc12469723e 100644
--- a/scripts/sandbox.ts
+++ b/scripts/sandbox.ts
@@ -552,9 +552,7 @@ async function main() {
if (require.main === module) {
main().catch((err) => {
- logger.error('🚨 An error occurred when executing "sandbox":');
-
- logger.error(err);
+ logger.error(err.message);
process.exit(1);
});
}
diff --git a/scripts/utils/exec.ts b/scripts/utils/exec.ts
index b3e1af6c3129..16e30bc899b5 100644
--- a/scripts/utils/exec.ts
+++ b/scripts/utils/exec.ts
@@ -27,7 +27,7 @@ export const exec = async (
const defaultOptions: Options = {
shell: true,
- stdout: debug ? 'inherit' : 'ignore',
+ stdout: debug ? 'inherit' : 'pipe',
};
let currentChild: ExecaChildProcess;
@@ -51,8 +51,7 @@ export const exec = async (
} catch (err) {
if (!err.killed) {
logger.error(chalk.red(`An error occurred while executing: \`${command}\``));
- logger.error(err);
- logger.log(errorMessage);
+ logger.log(`${errorMessage}\n`);
}
throw err;