vhad/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/gosticks/DefinitelyTyped.git synced 2026-10-04 14:57:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #28649 from Iamsamwhoami/master

Browse Source 
Export TransitionStatus from react-transition-group
This commit is contained in:
Mine Starks
2018-09-06 11:15:45 -07:00
committed by GitHub
parent 3307fe4d9f 63569b2bf5
commit bce8c23cd0
2 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
types/react-transition-group/Transition.d.ts
Vendored
+1 -1
View File
@@ -16,7 +16,7 @@ export interface TransitionActions {
exit?: boolean;
}
type TransitionStatus =
export type TransitionStatus =
typeof ENTERING |
typeof ENTERED |
typeof EXITING |
types/react-transition-group/react-transition-group-tests.tsx
+16 -1
View File
@@ -1,6 +1,6 @@
import * as React from "react";
import CSSTransition = require("react-transition-group/CSSTransition");
import Transition, { UNMOUNTED, EXITED, ENTERING, ENTERED, EXITING } from "react-transition-group/Transition";
import Transition, { UNMOUNTED, EXITED, ENTERING, ENTERED, EXITING, TransitionStatus } from "react-transition-group/Transition";
import TransitionGroup = require("react-transition-group/TransitionGroup");
import Components = require("react-transition-group");
@@ -26,6 +26,17 @@ const Test: React.StatelessComponent = () => {
node.addEventListener("transitionend", done, false);
}
function statusAsArgument(status: TransitionStatus) {
switch (status) {
case ENTERING:
case ENTERED:
case EXITING:
case EXITED:
case UNMOUNTED:
return <div>{status}</div>;
}
}
return (
<TransitionGroup
component={Container}
@@ -64,6 +75,10 @@ const Test: React.StatelessComponent = () => {
}}
</Components.Transition>
<Components.Transition in timeout={500}>
{statusAsArgument}
</Components.Transition>
<Transition
timeout={ { enter : 500, exit : 500 } }
>