mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2026-06-28 22:30:01 +00:00
ReactClass -> ComponentClass; add tests to react-tests.ts
This commit is contained in:
Vincent Siao
@@ -8,18 +8,26 @@ React.addons.TestUtils.Simulate.click(node);
|
||||
React.addons.TestUtils.Simulate.change(node);
|
||||
React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter"});
|
||||
|
||||
interface GreetingProps {
|
||||
name: string;
|
||||
}
|
||||
interface GreetingState {
|
||||
morning: boolean;
|
||||
}
|
||||
interface GreetingInstance extends React.ComponentInstance<GreetingProps, GreetingState> {
|
||||
}
|
||||
var Greeting = React.createClass({displayName: 'Greeting',
|
||||
getInitialState: function() {
|
||||
return {morning: true};
|
||||
},
|
||||
render: function() {
|
||||
var me = <React.ComponentInstance<{name: string}, {morning: boolean}>>this;
|
||||
var me = <GreetingInstance>this;
|
||||
return React.DOM.div(null, (me.state.morning ? "Hello" : "Goodbye "), me.props.name);
|
||||
}
|
||||
});
|
||||
|
||||
var root = React.addons.TestUtils.renderIntoDocument(React.createElement(Greeting, {name: "John"}));
|
||||
var greeting = React.addons.TestUtils.findRenderedComponentWithType(root, Greeting);
|
||||
var greeting = <GreetingInstance>React.addons.TestUtils.findRenderedComponentWithType(root, Greeting);
|
||||
greeting.setState({
|
||||
morning: false
|
||||
});
|
||||
|
||||
@@ -1,64 +1,152 @@
|
||||
/// <reference path="react.d.ts" />
|
||||
import React = require("react");
|
||||
|
||||
interface Props {
|
||||
hello: string;
|
||||
world?: string;
|
||||
foo: number;
|
||||
bar: boolean;
|
||||
}
|
||||
|
||||
interface State {
|
||||
inputValue?: string;
|
||||
seconds?: number;
|
||||
}
|
||||
|
||||
interface MyComponentInstance extends React.ComponentInstance<Props, State> {
|
||||
reset(): void;
|
||||
}
|
||||
|
||||
var props: Props = {
|
||||
hello: "world",
|
||||
foo: 42,
|
||||
bar: true
|
||||
};
|
||||
|
||||
var container: Element;
|
||||
var INPUT_REF: string = "input";
|
||||
|
||||
//
|
||||
// Top-Level API
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
var reactClass: React.ComponentClass<Props> = React.createClass<Props>({
|
||||
getDefaultProps: () => {
|
||||
return <Props>{
|
||||
hello: undefined,
|
||||
world: "peace",
|
||||
foo: undefined,
|
||||
bar: undefined
|
||||
};
|
||||
},
|
||||
getInitialState: () => {
|
||||
return {
|
||||
inputValue: "React.js",
|
||||
seconds: 0
|
||||
};
|
||||
},
|
||||
reset: () => {
|
||||
this.replaceState(this.getInitialState());
|
||||
},
|
||||
render: () => {
|
||||
return React.DOM.div(null,
|
||||
React.DOM.input({
|
||||
ref: INPUT_REF,
|
||||
value: this.state.inputValue
|
||||
}));
|
||||
}
|
||||
});
|
||||
|
||||
var reactElement: React.ReactElement<Props> =
|
||||
React.createElement<Props>(reactClass, props);
|
||||
|
||||
var reactFactory: React.Factory<Props> =
|
||||
React.createFactory<Props>(reactClass);
|
||||
|
||||
var reactInstance: React.Instance<Props> =
|
||||
React.render<Props>(reactElement, container);
|
||||
|
||||
var unmounted: boolean = React.unmountComponentAtNode(container);
|
||||
var str: string = React.renderToString(reactElement);
|
||||
var markup: string = React.renderToStaticMarkup(reactElement);
|
||||
var notValid: boolean = React.isValidElement(props); // false
|
||||
var isValid = React.isValidElement(reactElement); // true
|
||||
React.initializeTouchEvents(true);
|
||||
|
||||
//
|
||||
// React Elements
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
var type = reactElement.type;
|
||||
var elementProps: Props = reactElement.props;
|
||||
var key = reactElement.key;
|
||||
var ref: string = reactElement.ref;
|
||||
var factoryElement: React.ReactElement<Props> = reactFactory(elementProps);
|
||||
|
||||
//
|
||||
// React Components
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
var displayName: string = reactClass.displayName;
|
||||
var defaultProps: Props = reactClass.getDefaultProps();
|
||||
var propTypes: React.ValidationMap<Props> = reactClass.propTypes;
|
||||
|
||||
//
|
||||
// Component API
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
var htmlElement: Element = reactInstance.getDOMNode();
|
||||
var divElement: HTMLDivElement = reactInstance.getDOMNode<HTMLDivElement>();
|
||||
var isMounted: boolean = reactInstance.isMounted();
|
||||
reactInstance.setProps(elementProps);
|
||||
reactInstance.replaceProps(props);
|
||||
|
||||
var componentInstance: React.ComponentInstance<Props, State> =
|
||||
<React.ComponentInstance<Props, State>>reactInstance;
|
||||
var initialState: State = componentInstance.state;
|
||||
componentInstance.setState({ inputValue: "!!!" });
|
||||
componentInstance.replaceState({ inputValue: "???", seconds: 60 });
|
||||
componentInstance.forceUpdate();
|
||||
|
||||
var inputRef: React.Instance<React.HTMLAttributes> =
|
||||
componentInstance.refs[INPUT_REF];
|
||||
var value: string = inputRef.getDOMNode<HTMLInputElement>().value;
|
||||
|
||||
var myComponentInstance = <MyComponentInstance>componentInstance;
|
||||
myComponentInstance.reset();
|
||||
|
||||
//
|
||||
// PropTypes
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
var PropTypesSpecification: React.ComponentSpec<any, any> = {
|
||||
propTypes: {
|
||||
// You can declare that a prop is a specific JS primitive. By default, these
|
||||
// are all optional.
|
||||
optionalArray: React.PropTypes.array,
|
||||
optionalBool: React.PropTypes.bool,
|
||||
optionalFunc: React.PropTypes.func,
|
||||
optionalNumber: React.PropTypes.number,
|
||||
optionalObject: React.PropTypes.object,
|
||||
optionalString: React.PropTypes.string,
|
||||
|
||||
// Anything that can be rendered: numbers, strings, components or an array
|
||||
// containing these types.
|
||||
optionalNode: React.PropTypes.node,
|
||||
|
||||
// A React element
|
||||
optionalElement: React.PropTypes.element,
|
||||
|
||||
// You can also declare that a prop is an instance of a class. This uses
|
||||
// JS's instanceof operator.
|
||||
optionalMessage: React.PropTypes.instanceOf(Date),
|
||||
|
||||
// You can ensure that your prop is limited to specific values by treating
|
||||
// it as an enum.
|
||||
optionalEnum: React.PropTypes.oneOf(['News', 'Photos']),
|
||||
|
||||
// An object that could be one of many types
|
||||
optionalEnum: React.PropTypes.oneOf(["News", "Photos"]),
|
||||
optionalUnion: React.PropTypes.oneOfType([
|
||||
React.PropTypes.string,
|
||||
React.PropTypes.number,
|
||||
React.PropTypes.instanceOf(Date)
|
||||
]),
|
||||
|
||||
// An array of a certain type
|
||||
optionalArrayOf: React.PropTypes.arrayOf(React.PropTypes.number),
|
||||
|
||||
// An object with property values of a certain type
|
||||
optionalObjectOf: React.PropTypes.objectOf(React.PropTypes.number),
|
||||
|
||||
// An object taking on a particular shape
|
||||
optionalObjectWithShape: React.PropTypes.shape({
|
||||
color: React.PropTypes.string,
|
||||
fontSize: React.PropTypes.number
|
||||
}),
|
||||
|
||||
// You can chain any of the above with `isRequired` to make sure a warning
|
||||
// is shown if the prop isn't provided.
|
||||
requiredFunc: React.PropTypes.func.isRequired,
|
||||
|
||||
// A value of any data type
|
||||
requiredAny: React.PropTypes.any.isRequired,
|
||||
|
||||
// You can also specify a custom validator. It should return an Error
|
||||
// object if the validation fails. Don't `console.warn` or throw, as this
|
||||
// won't work inside `oneOfType`.
|
||||
customProp: function(props: any, propName: string, componentName: string) {
|
||||
if (!/matchme/.test(props[propName])) {
|
||||
return new Error('Validation failed!');
|
||||
return new Error("Validation failed!");
|
||||
}
|
||||
return null;
|
||||
}
|
||||
@@ -68,47 +156,41 @@ var PropTypesSpecification: React.ComponentSpec<any, any> = {
|
||||
}
|
||||
};
|
||||
|
||||
React.createClass(PropTypesSpecification);
|
||||
//
|
||||
// Example from http://facebook.github.io/react/
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
var mountNode: Element;
|
||||
|
||||
interface HelloMessageProps {
|
||||
name: string;
|
||||
interface TimerState {
|
||||
secondsElapsed: number;
|
||||
}
|
||||
|
||||
var HelloMessage = React.createClass<HelloMessageProps>({
|
||||
displayName: 'HelloMessage',
|
||||
render: function() {
|
||||
return React.DOM.div(null, "Hello ", (<React.ReactInstance<HelloMessageProps>>this).props.name);
|
||||
}
|
||||
});
|
||||
|
||||
var HelloMessageFactory = React.createFactory(HelloMessage)
|
||||
React.render(HelloMessageFactory({ name: "John" }), mountNode)
|
||||
|
||||
var Timer = React.createClass({displayName: 'Timer',
|
||||
getInitialState: function() {
|
||||
return {secondsElapsed: 0};
|
||||
interface TimerInstance extends React.ComponentInstance<{}, TimerState> {
|
||||
}
|
||||
var Timer = React.createClass({
|
||||
displayName: "Timer",
|
||||
getInitialState: () => {
|
||||
return { secondsElapsed: 0 };
|
||||
},
|
||||
tick: function() {
|
||||
var me = <React.ComponentInstance<any, {secondsElapsed: number}>>this;
|
||||
tick: () => {
|
||||
var me = <TimerInstance>this;
|
||||
me.setState({
|
||||
secondsElapsed: me.state.secondsElapsed + 1
|
||||
});
|
||||
},
|
||||
componentDidMount: function() {
|
||||
componentDidMount: () => {
|
||||
this.interval = setInterval(this.tick, 1000);
|
||||
},
|
||||
componentWillUnmount: function() {
|
||||
componentWillUnmount: () => {
|
||||
clearInterval(this.interval);
|
||||
},
|
||||
render: function() {
|
||||
render: () => {
|
||||
var me = <TimerInstance>this;
|
||||
return React.DOM.div(
|
||||
null,
|
||||
"Seconds Elapsed: ",
|
||||
(<React.ComponentInstance<any, {secondsElapsed: number}>>this).state.secondsElapsed
|
||||
me.state.secondsElapsed
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
var mountNode: Element;
|
||||
React.render(React.createElement(Timer, null), mountNode);
|
||||
|
||||
|
||||
317
react/react.d.ts
vendored
317
react/react.d.ts
vendored
@@ -37,7 +37,7 @@ declare module React {
|
||||
// React Elements
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
// type ReactType = ReactClass<any> | string;
|
||||
// type ReactType = ComponentClass<any> | string;
|
||||
|
||||
interface ReactElement<P> {
|
||||
type: any; // ReactType
|
||||
@@ -54,22 +54,21 @@ declare module React {
|
||||
// React Nodes
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
// Typescript 1.4 (Union types, aliases)
|
||||
// type ReactText = string | number;
|
||||
// type ReactFragment = ReactNode[];
|
||||
// type ReactNode = ReactElement<any, any> | ReactFragment | ReactText;
|
||||
// type Fragment = ReactNode[];
|
||||
// type ReactNode = ReactElement<any, any> | Fragment | ReactText;
|
||||
|
||||
//
|
||||
// React Components
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
interface ReactStatics<P> {
|
||||
interface ComponentStatics<P> {
|
||||
displayName?: string;
|
||||
getDefaultProps?(): P;
|
||||
propTypes?: React.ValidationMap<P>;
|
||||
propTypes?: ValidationMap<P>;
|
||||
}
|
||||
|
||||
interface ReactClass<P> extends ReactStatics<P> {
|
||||
interface ComponentClass<P> extends ComponentStatics<P> {
|
||||
// Deprecated in 0.12. See http://fb.me/react-legacyfactory
|
||||
// new(props: P): ReactElement<P>;
|
||||
// (props: P): ReactElement<P>;
|
||||
@@ -83,19 +82,19 @@ declare module React {
|
||||
(props?: P, ...children: any/*ReactNode*/[]): ReactElement<P>;
|
||||
}
|
||||
|
||||
interface ComponentFactory<P> extends Factory<P> {}
|
||||
interface HTMLFactory extends Factory<HTMLAttributes> {}
|
||||
interface SVGFactory extends Factory<SVGAttributes> {}
|
||||
interface ComponentFactory<P> extends Factory<P> {}
|
||||
|
||||
//
|
||||
// Top-Level API
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
interface TopLevelAPI {
|
||||
createClass<P>(spec: ComponentSpec<P, any>): ReactClass<P>;
|
||||
createClass<P>(spec: ComponentSpec<P, any>): ComponentClass<P>;
|
||||
createElement<P>(type: any/*ReactType*/, props: P, ...children: any/*ReactNode*/[]): ReactElement<P>;
|
||||
createFactory<P>(type: any/*ReactType*/): Factory<P>;
|
||||
render<P>(element: ReactElement<P>, container: Element, callback?: () => void): ReactInstance<P>;
|
||||
render<P>(element: ReactElement<P>, container: Element, callback?: () => void): Instance<P>;
|
||||
unmountComponentAtNode(container: Element): boolean;
|
||||
renderToString(element: ReactElement<any>): string;
|
||||
renderToStaticMarkup(element: ReactElement<any>): string;
|
||||
@@ -107,7 +106,7 @@ declare module React {
|
||||
// Component API
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
interface ReactInstance<P> {
|
||||
interface Instance<P> {
|
||||
// Use this overload to cast the returned element to a more specific type.
|
||||
// Eg: var name = this.refs['name'].getDOMNode<HTMLInputElement>().value;
|
||||
getDOMNode<TElement extends Element>(): TElement;
|
||||
@@ -119,13 +118,13 @@ declare module React {
|
||||
replaceProps(nextProps: P, callback?: () => void): void;
|
||||
}
|
||||
|
||||
interface ComponentInstance<P, S> extends ReactInstance<P> {
|
||||
interface ComponentInstance<P, S> extends Instance<P> {
|
||||
state: S;
|
||||
setState(nextState: S, callback?: () => void): void;
|
||||
replaceState(nextState: S, callback?: () => void): void;
|
||||
forceUpdate(callback?: () => void): void;
|
||||
refs: {
|
||||
[key: string]: ReactInstance<P>
|
||||
[key: string]: Instance<P>
|
||||
};
|
||||
}
|
||||
|
||||
@@ -133,7 +132,7 @@ declare module React {
|
||||
// Component Specs and Lifecycle
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
interface Mixin<P, S> extends ReactStatics<P> {
|
||||
interface Mixin<P, S> extends ComponentStatics<P> {
|
||||
mixins?: Mixin<P, S>;
|
||||
statics?: {
|
||||
[key: string]: any;
|
||||
@@ -407,7 +406,7 @@ declare module React {
|
||||
itemType?: string;
|
||||
|
||||
// React-specific Attributes
|
||||
dangerouslySetInnerHTML: {
|
||||
dangerouslySetInnerHTML?: {
|
||||
__html: string
|
||||
};
|
||||
}
|
||||
@@ -464,136 +463,136 @@ declare module React {
|
||||
|
||||
interface ReactDOM {
|
||||
// HTML
|
||||
a: React.HTMLFactory;
|
||||
abbr: React.HTMLFactory;
|
||||
address: React.HTMLFactory;
|
||||
area: React.HTMLFactory;
|
||||
article: React.HTMLFactory;
|
||||
aside: React.HTMLFactory;
|
||||
audio: React.HTMLFactory;
|
||||
b: React.HTMLFactory;
|
||||
base: React.HTMLFactory;
|
||||
bdi: React.HTMLFactory;
|
||||
bdo: React.HTMLFactory;
|
||||
big: React.HTMLFactory;
|
||||
blockquote: React.HTMLFactory;
|
||||
body: React.HTMLFactory;
|
||||
br: React.HTMLFactory;
|
||||
button: React.HTMLFactory;
|
||||
canvas: React.HTMLFactory;
|
||||
caption: React.HTMLFactory;
|
||||
cite: React.HTMLFactory;
|
||||
code: React.HTMLFactory;
|
||||
col: React.HTMLFactory;
|
||||
colgroup: React.HTMLFactory;
|
||||
data: React.HTMLFactory;
|
||||
datalist: React.HTMLFactory;
|
||||
dd: React.HTMLFactory;
|
||||
del: React.HTMLFactory;
|
||||
details: React.HTMLFactory;
|
||||
dfn: React.HTMLFactory;
|
||||
dialog: React.HTMLFactory;
|
||||
div: React.HTMLFactory;
|
||||
dl: React.HTMLFactory;
|
||||
dt: React.HTMLFactory;
|
||||
em: React.HTMLFactory;
|
||||
embed: React.HTMLFactory;
|
||||
fieldset: React.HTMLFactory;
|
||||
figcaption: React.HTMLFactory;
|
||||
figure: React.HTMLFactory;
|
||||
footer: React.HTMLFactory;
|
||||
form: React.HTMLFactory;
|
||||
h1: React.HTMLFactory;
|
||||
h2: React.HTMLFactory;
|
||||
h3: React.HTMLFactory;
|
||||
h4: React.HTMLFactory;
|
||||
h5: React.HTMLFactory;
|
||||
h6: React.HTMLFactory;
|
||||
head: React.HTMLFactory;
|
||||
header: React.HTMLFactory;
|
||||
hr: React.HTMLFactory;
|
||||
html: React.HTMLFactory;
|
||||
i: React.HTMLFactory;
|
||||
iframe: React.HTMLFactory;
|
||||
img: React.HTMLFactory;
|
||||
input: React.HTMLFactory;
|
||||
ins: React.HTMLFactory;
|
||||
kbd: React.HTMLFactory;
|
||||
keygen: React.HTMLFactory;
|
||||
label: React.HTMLFactory;
|
||||
legend: React.HTMLFactory;
|
||||
li: React.HTMLFactory;
|
||||
link: React.HTMLFactory;
|
||||
main: React.HTMLFactory;
|
||||
map: React.HTMLFactory;
|
||||
mark: React.HTMLFactory;
|
||||
menu: React.HTMLFactory;
|
||||
menuitem: React.HTMLFactory;
|
||||
meta: React.HTMLFactory;
|
||||
meter: React.HTMLFactory;
|
||||
nav: React.HTMLFactory;
|
||||
noscript: React.HTMLFactory;
|
||||
object: React.HTMLFactory;
|
||||
ol: React.HTMLFactory;
|
||||
optgroup: React.HTMLFactory;
|
||||
option: React.HTMLFactory;
|
||||
output: React.HTMLFactory;
|
||||
p: React.HTMLFactory;
|
||||
param: React.HTMLFactory;
|
||||
pre: React.HTMLFactory;
|
||||
progress: React.HTMLFactory;
|
||||
q: React.HTMLFactory;
|
||||
rp: React.HTMLFactory;
|
||||
rt: React.HTMLFactory;
|
||||
ruby: React.HTMLFactory;
|
||||
s: React.HTMLFactory;
|
||||
samp: React.HTMLFactory;
|
||||
script: React.HTMLFactory;
|
||||
section: React.HTMLFactory;
|
||||
select: React.HTMLFactory;
|
||||
small: React.HTMLFactory;
|
||||
source: React.HTMLFactory;
|
||||
span: React.HTMLFactory;
|
||||
strong: React.HTMLFactory;
|
||||
style: React.HTMLFactory;
|
||||
sub: React.HTMLFactory;
|
||||
summary: React.HTMLFactory;
|
||||
sup: React.HTMLFactory;
|
||||
table: React.HTMLFactory;
|
||||
tbody: React.HTMLFactory;
|
||||
td: React.HTMLFactory;
|
||||
textarea: React.HTMLFactory;
|
||||
tfoot: React.HTMLFactory;
|
||||
th: React.HTMLFactory;
|
||||
thead: React.HTMLFactory;
|
||||
time: React.HTMLFactory;
|
||||
title: React.HTMLFactory;
|
||||
tr: React.HTMLFactory;
|
||||
track: React.HTMLFactory;
|
||||
u: React.HTMLFactory;
|
||||
ul: React.HTMLFactory;
|
||||
"var": React.HTMLFactory;
|
||||
video: React.HTMLFactory;
|
||||
wbr: React.HTMLFactory;
|
||||
a: HTMLFactory;
|
||||
abbr: HTMLFactory;
|
||||
address: HTMLFactory;
|
||||
area: HTMLFactory;
|
||||
article: HTMLFactory;
|
||||
aside: HTMLFactory;
|
||||
audio: HTMLFactory;
|
||||
b: HTMLFactory;
|
||||
base: HTMLFactory;
|
||||
bdi: HTMLFactory;
|
||||
bdo: HTMLFactory;
|
||||
big: HTMLFactory;
|
||||
blockquote: HTMLFactory;
|
||||
body: HTMLFactory;
|
||||
br: HTMLFactory;
|
||||
button: HTMLFactory;
|
||||
canvas: HTMLFactory;
|
||||
caption: HTMLFactory;
|
||||
cite: HTMLFactory;
|
||||
code: HTMLFactory;
|
||||
col: HTMLFactory;
|
||||
colgroup: HTMLFactory;
|
||||
data: HTMLFactory;
|
||||
datalist: HTMLFactory;
|
||||
dd: HTMLFactory;
|
||||
del: HTMLFactory;
|
||||
details: HTMLFactory;
|
||||
dfn: HTMLFactory;
|
||||
dialog: HTMLFactory;
|
||||
div: HTMLFactory;
|
||||
dl: HTMLFactory;
|
||||
dt: HTMLFactory;
|
||||
em: HTMLFactory;
|
||||
embed: HTMLFactory;
|
||||
fieldset: HTMLFactory;
|
||||
figcaption: HTMLFactory;
|
||||
figure: HTMLFactory;
|
||||
footer: HTMLFactory;
|
||||
form: HTMLFactory;
|
||||
h1: HTMLFactory;
|
||||
h2: HTMLFactory;
|
||||
h3: HTMLFactory;
|
||||
h4: HTMLFactory;
|
||||
h5: HTMLFactory;
|
||||
h6: HTMLFactory;
|
||||
head: HTMLFactory;
|
||||
header: HTMLFactory;
|
||||
hr: HTMLFactory;
|
||||
html: HTMLFactory;
|
||||
i: HTMLFactory;
|
||||
iframe: HTMLFactory;
|
||||
img: HTMLFactory;
|
||||
input: HTMLFactory;
|
||||
ins: HTMLFactory;
|
||||
kbd: HTMLFactory;
|
||||
keygen: HTMLFactory;
|
||||
label: HTMLFactory;
|
||||
legend: HTMLFactory;
|
||||
li: HTMLFactory;
|
||||
link: HTMLFactory;
|
||||
main: HTMLFactory;
|
||||
map: HTMLFactory;
|
||||
mark: HTMLFactory;
|
||||
menu: HTMLFactory;
|
||||
menuitem: HTMLFactory;
|
||||
meta: HTMLFactory;
|
||||
meter: HTMLFactory;
|
||||
nav: HTMLFactory;
|
||||
noscript: HTMLFactory;
|
||||
object: HTMLFactory;
|
||||
ol: HTMLFactory;
|
||||
optgroup: HTMLFactory;
|
||||
option: HTMLFactory;
|
||||
output: HTMLFactory;
|
||||
p: HTMLFactory;
|
||||
param: HTMLFactory;
|
||||
pre: HTMLFactory;
|
||||
progress: HTMLFactory;
|
||||
q: HTMLFactory;
|
||||
rp: HTMLFactory;
|
||||
rt: HTMLFactory;
|
||||
ruby: HTMLFactory;
|
||||
s: HTMLFactory;
|
||||
samp: HTMLFactory;
|
||||
script: HTMLFactory;
|
||||
section: HTMLFactory;
|
||||
select: HTMLFactory;
|
||||
small: HTMLFactory;
|
||||
source: HTMLFactory;
|
||||
span: HTMLFactory;
|
||||
strong: HTMLFactory;
|
||||
style: HTMLFactory;
|
||||
sub: HTMLFactory;
|
||||
summary: HTMLFactory;
|
||||
sup: HTMLFactory;
|
||||
table: HTMLFactory;
|
||||
tbody: HTMLFactory;
|
||||
td: HTMLFactory;
|
||||
textarea: HTMLFactory;
|
||||
tfoot: HTMLFactory;
|
||||
th: HTMLFactory;
|
||||
thead: HTMLFactory;
|
||||
time: HTMLFactory;
|
||||
title: HTMLFactory;
|
||||
tr: HTMLFactory;
|
||||
track: HTMLFactory;
|
||||
u: HTMLFactory;
|
||||
ul: HTMLFactory;
|
||||
"var": HTMLFactory;
|
||||
video: HTMLFactory;
|
||||
wbr: HTMLFactory;
|
||||
|
||||
// SVG
|
||||
circle: React.SVGFactory;
|
||||
defs: React.SVGFactory;
|
||||
ellipse: React.SVGFactory;
|
||||
g: React.SVGFactory;
|
||||
line: React.SVGFactory;
|
||||
linearGradient: React.SVGFactory;
|
||||
mask: React.SVGFactory;
|
||||
path: React.SVGFactory;
|
||||
pattern: React.SVGFactory;
|
||||
polygon: React.SVGFactory;
|
||||
polyline: React.SVGFactory;
|
||||
radialGradient: React.SVGFactory;
|
||||
rect: React.SVGFactory;
|
||||
stop: React.SVGFactory;
|
||||
svg: React.SVGFactory;
|
||||
text: React.SVGFactory;
|
||||
tspan: React.SVGFactory;
|
||||
circle: SVGFactory;
|
||||
defs: SVGFactory;
|
||||
ellipse: SVGFactory;
|
||||
g: SVGFactory;
|
||||
line: SVGFactory;
|
||||
linearGradient: SVGFactory;
|
||||
mask: SVGFactory;
|
||||
path: SVGFactory;
|
||||
pattern: SVGFactory;
|
||||
polygon: SVGFactory;
|
||||
polyline: SVGFactory;
|
||||
radialGradient: SVGFactory;
|
||||
rect: SVGFactory;
|
||||
stop: SVGFactory;
|
||||
svg: SVGFactory;
|
||||
text: SVGFactory;
|
||||
tspan: SVGFactory;
|
||||
}
|
||||
|
||||
//
|
||||
@@ -654,11 +653,11 @@ declare module React {
|
||||
|
||||
interface TransitionGroupProps {
|
||||
component?: any; // ReactType
|
||||
childFactory?: (child: React.ReactElement<any>) => React.ReactElement<any>;
|
||||
childFactory?: (child: ReactElement<any>) => ReactElement<any>;
|
||||
}
|
||||
|
||||
interface CSSTransitionGroup extends React.ReactClass<CSSTransitionGroupProps> {}
|
||||
interface TransitionGroup extends React.ReactClass<TransitionGroupProps> {}
|
||||
interface CSSTransitionGroup extends ComponentClass<CSSTransitionGroupProps> {}
|
||||
interface TransitionGroup extends ComponentClass<TransitionGroupProps> {}
|
||||
|
||||
//
|
||||
// React.addons (Mixins)
|
||||
@@ -669,11 +668,11 @@ declare module React {
|
||||
requestChange(newValue: T): void;
|
||||
}
|
||||
|
||||
interface LinkedStateMixin extends React.Mixin<any, any> {
|
||||
interface LinkedStateMixin extends Mixin<any, any> {
|
||||
linkState<T>(key: string): ReactLink<T>;
|
||||
}
|
||||
|
||||
interface PureRenderMixin extends React.Mixin<any, any> {
|
||||
interface PureRenderMixin extends Mixin<any, any> {
|
||||
}
|
||||
|
||||
//
|
||||
@@ -738,28 +737,28 @@ declare module React {
|
||||
};
|
||||
}
|
||||
|
||||
// Alias for ReactTestUtils
|
||||
interface Instance<P> extends React.ReactInstance<P> {}
|
||||
|
||||
interface ReactTestUtils {
|
||||
Simulate: Simulate;
|
||||
|
||||
renderIntoDocument<P>(element: React.ReactElement<P>): Instance<P>;
|
||||
renderIntoDocument<P>(element: ReactElement<P>): Instance<P>;
|
||||
mockComponent(mocked: MockedComponent, mockTagName?: string): ReactTestUtils;
|
||||
isElementOfType(element: React.ReactElement<any>, type: any/*ReactType*/): boolean;
|
||||
|
||||
isElementOfType(element: ReactElement<any>, type: any/*ReactType*/): boolean;
|
||||
isDOMComponent(instance: Instance<any>): boolean;
|
||||
isCompositeComponent(instance: Instance<any>): boolean;
|
||||
isCompositeComponentWithType(instance: Instance<any>, type: React.ReactClass<any>): boolean;
|
||||
isCompositeComponentWithType(instance: Instance<any>, type: ComponentClass<any>): boolean;
|
||||
isTextComponent(instance: Instance<any>): boolean;
|
||||
|
||||
findAllInRenderedTree(tree: Instance<any>, fn: (i: Instance<any>) => boolean): Instance<any>;
|
||||
|
||||
scryRenderedDOMComponentsWithClass(tree: Instance<any>, className: string): Instance<any>[];
|
||||
findRenderedDOMComponentWithClass(tree: Instance<any>, className: string): Instance<any>;
|
||||
|
||||
scryRenderedDOMComponentsWithTag(tree: Instance<any>, tagName: string): Instance<any>[];
|
||||
findRenderedDOMComponentWithTag(tree: Instance<any>, tagName: string): Instance<any>;
|
||||
scryRenderedComponentsWithType<P, S>(
|
||||
tree: Instance<any>, type: React.ReactClass<P>): React.ComponentInstance<P, S>[];
|
||||
findRenderedComponentWithType<P, S>(
|
||||
tree: Instance<any>, type: React.ReactClass<P>): React.ComponentInstance<P, S>;
|
||||
|
||||
scryRenderedComponentsWithType<P>(tree: Instance<any>, type: ComponentClass<P>): Instance<P>[];
|
||||
findRenderedComponentWithType<P>(tree: Instance<any>, type: ComponentClass<P>): Instance<P>;
|
||||
}
|
||||
|
||||
interface SyntheticEventData {
|
||||
@@ -863,7 +862,7 @@ declare module React {
|
||||
batchedUpdates(callback: () => void): void;
|
||||
|
||||
classSet(cx: { [key: string]: boolean }): string;
|
||||
cloneWithProps<P>(element: React.ReactElement<P>, props: P): React.ReactElement<P>;
|
||||
cloneWithProps<P>(element: ReactElement<P>, props: P): ReactElement<P>;
|
||||
|
||||
update(value: any[], spec: UpdateArraySpec): any[];
|
||||
update(value: {}, spec: UpdateSpec): any;
|
||||
|
||||
Reference in New Issue
Block a user