Skip to content
This repository was archived by the owner on Apr 8, 2020. It is now read-only.

Commit b1320cd

Browse files
committed
Cleanup code
1 parent 9c986f8 commit b1320cd

File tree

1 file changed

+19
-15
lines changed

1 file changed

+19
-15
lines changed

src/csstransition.tsx

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -9,36 +9,40 @@
99
/* tslint:disable: variable-name */
1010

1111
import * as React from "react";
12+
import {
13+
CSSProperties, Component, ComponentClass, ReactNode,
14+
StatelessComponent, ReactElement, HTMLAttributes,
15+
} from "react";
1216

1317
import { resolveTransit } from "./transit";
1418
import { TransitionObserver, TransitionObserverProps } from "./transitionobserver";
1519

1620
const TICK = 17;
1721

1822
export interface CSSTransitionProps
19-
extends React.HTMLAttributes<any> {
23+
extends HTMLAttributes<any> {
2024
active?: boolean;
2125
transitionAppear?: boolean;
2226
transitionDelay?: number;
2327
onTransitionComplete?: () => void;
24-
component?: string | React.ComponentClass<any>;
25-
children?: React.ReactNode;
26-
defaultStyle?: React.CSSProperties;
27-
activeStyle?: React.CSSProperties;
28-
enterStyle?: React.CSSProperties;
29-
leaveStyle?: React.CSSProperties;
30-
style?: React.CSSProperties;
28+
component?: string | ComponentClass<any> | StatelessComponent<any>;
29+
children?: ReactNode;
30+
defaultStyle?: CSSProperties;
31+
activeStyle?: CSSProperties;
32+
enterStyle?: CSSProperties;
33+
leaveStyle?: CSSProperties;
34+
style?: CSSProperties;
3135
// TODO:
3236
// prepareForTransition?: boolean;
33-
// appearStyle?: React.CSSProperties;
34-
// appearInitStyle?: React.CSSProperty;
35-
// enterInitStyle?: React.CSSProperties;
36-
// leaveInitStyle?: React.CSSProperties;
37+
// appearStyle?: CSSProperties;
38+
// appearInitStyle?: CSSProperty;
39+
// enterInitStyle?: CSSProperties;
40+
// leaveInitStyle?: CSSProperties;
3741
}
3842

3943
export interface CSSTransitionState {
4044
id?: StateID;
41-
style?: React.CSSProperties;
45+
style?: CSSProperties;
4246
}
4347

4448
export enum StateID {
@@ -96,7 +100,7 @@ const transitToDefaultStartedState = (props: CSSTransitionProps) => ({
96100
style: { ...props.style, ...resolveTransit(props.leaveStyle, props.transitionDelay) },
97101
});
98102

99-
export class CSSTransition extends React.Component<CSSTransitionProps, CSSTransitionState> {
103+
export class CSSTransition extends Component<CSSTransitionProps, CSSTransitionState> {
100104
public static defaultProps: any = {
101105
component: "div",
102106
};
@@ -127,7 +131,7 @@ export class CSSTransition extends React.Component<CSSTransitionProps, CSSTransi
127131
this.dispatch(Action.TransitionRun, nextProps);
128132
}
129133

130-
public render(): React.ReactElement<any> {
134+
public render(): ReactElement<any> {
131135
const {
132136
children,
133137
component,

0 commit comments

Comments
 (0)