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

react-with-animation

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-with-animation - npm Package Compare versions

Comparing version 1.0.1 to 1.0.12

5

dist/index.js
import PropTypes from 'prop-types';
import { Component } from 'react';
import React, { Component } from 'react';

@@ -55,2 +55,3 @@ var _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; };

const { animationClasses, animationDuration, children, wrappedRef, className, style } = this.props;
const classes = `${className ? className : ''} ${isAnimating && animationClasses ? animationClasses : ''}`;
const componentProps = _extends({}, this.props, {

@@ -60,3 +61,3 @@ style: _extends({}, style, {

}),
className: `${className} ${isAnimating ? animationClasses : ''}`,
className: classes,
ref: wrappedRef

@@ -63,0 +64,0 @@ });

2

package.json
{
"name": "react-with-animation",
"version": "1.0.1",
"version": "1.0.12",
"description": "A higher-order-component (HOC) to manage short-lived CSS animations in react",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

import PropTypes from 'prop-types';
import { Component } from 'react';
import React, { Component } from 'react';

@@ -53,2 +53,3 @@ const propTypes = {

const { animationClasses, animationDuration, children, wrappedRef, className, style } = this.props;
const classes = `${className ? className : ''} ${isAnimating && animationClasses ? animationClasses : ''}`;
const componentProps = {

@@ -60,3 +61,3 @@ ...this.props,

},
className: `${className} ${isAnimating ? animationClasses : ''}`,
className: classes,
ref: wrappedRef,

@@ -63,0 +64,0 @@ };

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