GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 22:11:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Props: #9511 repro

Browse Source
This commit is contained in:
Michael Shilman 2020-02-15 01:15:17 +08:00
parent 57e571cada
commit 1032b77421
7 changed files with 96 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot Normal file
View File

@ -0,0 +1,36 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 8894-9511-ts-forward-ref 1`] = `
"import React, { forwardRef } from 'react';
const Button = forwardRef(({
disabled = false,
variant = 'small',
children
}, ref) => // eslint-disable-next-line react/button-has-type
React.createElement(\\"button\\", {
disabled: disabled,
ref: ref
}, children, \\" \\", variant));
Button.__docgenInfo = {
\\"description\\": \\"\\",
\\"methods\\": [],
\\"props\\": {
\\"disabled\\": {
\\"defaultValue\\": {
\\"value\\": \\"false\\",
\\"computed\\": false
},
\\"required\\": false
},
\\"variant\\": {
\\"defaultValue\\": {
\\"value\\": \\"'small'\\",
\\"computed\\": false
},
\\"required\\": false
}
}
};
export default Button;
export const component = Button;"
`;

25
addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/input.tsx Normal file
View File

@ -0,0 +1,25 @@
import React, { forwardRef } from 'react';
interface ButtonProps {
/**
* Sets the button size.
*/
variant?: 'small' | 'large';
/**
* Disables the button.
*/
disabled?: boolean;
}
const Button = forwardRef<HTMLButtonElement, ButtonProps>(
({ disabled = false, variant = 'small', children }, ref) => (
// eslint-disable-next-line react/button-has-type
<button disabled={disabled} ref={ref}>
{children} {variant}
</button>
)
);
export default Button;
export const component = Button;

34
addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot Normal file
View File

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

22
addons/docs/src/frameworks/react/__testfixtures__/8894-ts-forward-ref/docgen.snapshot
View File

@ -1,22 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 8894-ts-forward-ref 1`] = `
"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import React from 'react';
const InnerBox = props => React.createElement(React.Fragment, null, JSON.stringify(props));
/**
* Use \`Box\` component to handle margins/paddings.
*/
export const Box = React.forwardRef((props, ref) => React.createElement(InnerBox, _extends({}, props, {
ref: ref
})));
export const component = Box;
Box.__docgenInfo = {
\\"description\\": \\"Use \`Box\` component to handle margins/paddings.\\",
\\"methods\\": []
};"
`;

18
addons/docs/src/frameworks/react/__testfixtures__/8894-ts-forward-ref/input.tsx
View File

@ -1,18 +0,0 @@
import React from 'react';
import styled from 'styled-components';
type Props = {
pt?: number | string;
p?: number | string;
};
const InnerBox: React.FC<Props> = props => <>{JSON.stringify(props)}</>;
/**
* Use `Box` component to handle margins/paddings.
*/
export const Box: React.FC<Props> = React.forwardRef<HTMLDivElement, Props>((props, ref) => (
<InnerBox {...props} ref={ref} />
));
export const component = Box;

7
addons/docs/src/frameworks/react/__testfixtures__/8894-ts-forward-ref/properties.snapshot
View File

@ -1,7 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 8894-ts-forward-ref 1`] = `
Object {
"rows": Array [],
}
`;

2
addons/docs/src/frameworks/react/react-properties.stories.tsx
View File

@ -16,7 +16,6 @@ const fixtures = [
'8140-js-prop-types-oneof',
'9023-js-hoc',
'8740-ts-multi-props',
'8894-ts-forward-ref',
'9556-ts-react-default-exports',
'9592-ts-styled-props',
'9591-ts-import-types',
@ -25,6 +24,7 @@ const fixtures = [
'9586-js-react-memo',
'9575-ts-camel-case',
'9493-ts-display-name',
'8894-9511-ts-forward-ref',
];
const stories = storiesOf('Properties/React', module);