Socket
Socket
Sign inDemoInstall

react-image-carousel

Package Overview
Dependencies
13
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.0.5 to 2.0.6

6

example/example2/package.json

@@ -16,7 +16,7 @@ {

"dependencies": {
"prop-types": "^15.6.1",
"react": "^16.4.0",
"react-transition-group": "^2.3.1",
"react-dom": "^16.4.0",
"react-image-carousel": "^2.0.5",
"prop-types": "^15.6.1"
"react-image-carousel": "^2.0.6",
"react-transition-group": "^2.3.1"
},

@@ -23,0 +23,0 @@ "devDependencies": {

@@ -1,2 +0,2 @@

"use strict";
'use strict';

@@ -10,6 +10,10 @@ Object.defineProperty(exports, "__esModule", {

var _react = require("react");
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -38,3 +42,3 @@

_createClass(Footer, [{
key: "getActiveStyle",
key: 'getActiveStyle',
value: function getActiveStyle(id) {

@@ -45,3 +49,3 @@ var s = {

if (this.props.thumb) {
s.backgroundImage = "url( " + this.props.images[id] + ")";
s.backgroundImage = 'url( ' + this.props.images[id] + ')';
}

@@ -51,3 +55,3 @@ return s;

}, {
key: "getFooterStyle",
key: 'getFooterStyle',
value: function getFooterStyle() {

@@ -61,3 +65,3 @@ var s = {};

}, {
key: "changeCurrent",
key: 'changeCurrent',
value: function changeCurrent(e) {

@@ -68,3 +72,3 @@ var id = parseInt(e.target.getAttribute("data-id"));

}, {
key: "render",
key: 'render',
value: function render() {

@@ -75,9 +79,9 @@ var _this2 = this;

return _react2.default.createElement(
"div",
{ className: "carousel-footer", style: this.getFooterStyle() },
'div',
{ className: 'carousel-footer', style: this.getFooterStyle() },
_react2.default.createElement(
"div",
{ className: "box" },
'div',
{ className: 'box' },
this.props.images.map(function (item, id) {
return _react2.default.createElement("div", { className: footerClass, key: id, "data-id": id, style: _this2.getActiveStyle(id), onClick: _this2.changeCurrent });
return _react2.default.createElement('div', { className: footerClass, key: id, 'data-id': id, style: _this2.getActiveStyle(id), onClick: _this2.changeCurrent });
})

@@ -93,8 +97,8 @@ )

Footer.propTypes = {
images: PropTypes.array.isRequired,
thumb: PropTypes.bool,
currentId: PropTypes.number,
setCurrent: PropTypes.func.isRequired
images: _propTypes2.default.array.isRequired,
thumb: _propTypes2.default.bool,
currentId: _propTypes2.default.number,
setCurrent: _propTypes2.default.func.isRequired
};
exports.Footer = Footer;

@@ -71,3 +71,3 @@ {

},
"version": "2.0.5"
"version": "2.0.6"
}
import React from 'react';
import PropTypes from 'prop-types';

@@ -3,0 +4,0 @@ class Footer extends React.Component{

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc