Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@types/react-transition-group

Package Overview
Dependencies
Maintainers
1
Versions
50
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@types/react-transition-group - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

64

react-transition-group/CSSTransition.d.ts
import { Component } from "react";
import { TransitionProps } from "react-transition-group/Transition";
export interface CSSTransitionClassNames {
appear?: string;
appearActive?: string;
enter?: string;
enterActive?: string;
exit?: string;
exitActive?: string;
}
declare namespace CSSTransition {
interface CSSTransitionClassNames {
appear?: string;
appearActive?: string;
enter?: string;
enterActive?: string;
exit?: string;
exitActive?: string;
}
/**
* The animation classNames applied to the component as it enters or exits.
* A single name can be provided and it will be suffixed for each stage: e.g.
*
* `classNames="fade"` applies `fade-enter`, `fade-enter-active`,
* `fade-exit`, `fade-exit-active`, `fade-appear`, and `fade-appear-active`.
* Each individual classNames can also be specified independently like:
*
* ```js
* classNames={{
* appear: 'my-appear',
* appearActive: 'my-active-appear',
* enter: 'my-enter',
* enterActive: 'my-active-enter',
* exit: 'my-exit',
* exitActive: 'my-active-exit',
* }}
* ```
*/
export interface CSSTransitionProps extends TransitionProps {
classNames: string | CSSTransitionClassNames;
/**
* The animation classNames applied to the component as it enters or exits.
* A single name can be provided and it will be suffixed for each stage: e.g.
*
* `classNames="fade"` applies `fade-enter`, `fade-enter-active`,
* `fade-exit`, `fade-exit-active`, `fade-appear`, and `fade-appear-active`.
* Each individual classNames can also be specified independently like:
*
* ```js
* classNames={{
* appear: 'my-appear',
* appearActive: 'my-active-appear',
* enter: 'my-enter',
* enterActive: 'my-active-enter',
* exit: 'my-exit',
* exitActive: 'my-active-exit',
* }}
* ```
*/
interface CSSTransitionProps extends TransitionProps {
classNames: string | CSSTransitionClassNames;
}
}
declare class CSSTransition extends Component<CSSTransitionProps> {}
declare class CSSTransition extends Component<CSSTransition.CSSTransitionProps> {}
export default CSSTransition;
export = CSSTransition;

@@ -7,7 +7,7 @@ // Type definitions for react-transition-group 2.0

import CSSTransition from "react-transition-group/CSSTransition";
import CSSTransition = require("react-transition-group/CSSTransition");
import Transition from "react-transition-group/Transition";
import TransitionGroup from "react-transition-group/TransitionGroup";
import TransitionGroup = require("react-transition-group/TransitionGroup");
export {
export = {
CSSTransition,

@@ -14,0 +14,0 @@ Transition,

{
"name": "@types/react-transition-group",
"version": "2.0.3",
"version": "2.0.4",
"description": "TypeScript definitions for react-transition-group",

@@ -21,5 +21,4 @@ "license": "MIT",

},
"peerDependencies": {},
"typesPublisherContentHash": "93b28e299bbaa0462ac028a57b5587abc07987ed9e38c6b2b424284795bc0b05",
"typesPublisherContentHash": "18938ee6ada474430dd284dada5af9f637db709082e8e46e7e145fb8d15c47d8",
"typeScriptVersion": "2.3"
}

@@ -11,3 +11,3 @@ # Installation

Additional Details
* Last updated: Tue, 15 Aug 2017 18:11:20 GMT
* Last updated: Wed, 16 Aug 2017 22:06:59 GMT
* Dependencies: react

@@ -14,0 +14,0 @@ * Global values: none

import { Component, ReactType, HTMLProps, ReactElement } from "react";
import { TransitionActions, TransitionProps } from "react-transition-group/Transition";
export interface IntrinsicTransitionGroupProps<T extends keyof JSX.IntrinsicElements = "div"> extends TransitionActions {
component?: T;
}
declare namespace TransitionGroup {
interface IntrinsicTransitionGroupProps<T extends keyof JSX.IntrinsicElements = "div"> extends TransitionActions {
component?: T;
}
export interface ComponentTransitionGroupProps<T extends ReactType> extends TransitionActions {
component: T;
}
interface ComponentTransitionGroupProps<T extends ReactType> extends TransitionActions {
component: T;
}
export type TransitionGroupProps<T extends keyof JSX.IntrinsicElements = "div", V extends ReactType = any> =
(IntrinsicTransitionGroupProps<T> & JSX.IntrinsicElements[T]) | (ComponentTransitionGroupProps<V>) & {
type TransitionGroupProps<T extends keyof JSX.IntrinsicElements = "div", V extends ReactType = any> =
(IntrinsicTransitionGroupProps<T> & JSX.IntrinsicElements[T]) | (ComponentTransitionGroupProps<V>) & {
children?: ReactElement<TransitionProps> | Array<ReactElement<TransitionProps>>;
childFactory?(child: ReactElement<any>): ReactElement<any>;
};
}

@@ -74,4 +77,4 @@ /**

*/
declare class TransitionGroup extends Component<TransitionGroupProps> {}
declare class TransitionGroup extends Component<TransitionGroup.TransitionGroupProps> {}
export default TransitionGroup;
export = TransitionGroup;
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc