react-image-carousel
Advanced tools
Comparing version 2.0.5 to 2.0.6
@@ -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{ |
4346572
1339