react-modal-image
Advanced tools
Comparing version 2.1.3 to 2.1.4
@@ -21,3 +21,8 @@ import React from "react"; | ||
"a", | ||
{ href: image, style: icon, download: true }, | ||
{ | ||
className: "react-modal-image-download", | ||
href: image, | ||
style: icon, | ||
download: true | ||
}, | ||
React.createElement(DownloadIcon, null) | ||
@@ -27,3 +32,8 @@ ), | ||
"a", | ||
{ href: "", style: icon, onClick: toggleZoom }, | ||
{ | ||
className: "react-modal-image-zoom", | ||
href: "", | ||
style: icon, | ||
onClick: toggleZoom | ||
}, | ||
zoomed ? React.createElement(ZoomOutIcon, null) : React.createElement(ZoomInIcon, null) | ||
@@ -33,3 +43,3 @@ ), | ||
"a", | ||
{ style: icon, onClick: onClose }, | ||
{ className: "react-modal-image-close", style: icon, onClick: onClose }, | ||
React.createElement(CloseIcon, null) | ||
@@ -36,0 +46,0 @@ ) |
@@ -29,3 +29,8 @@ "use strict"; | ||
"a", | ||
{ href: image, style: _styles.icon, download: true }, | ||
{ | ||
className: "react-modal-image-download", | ||
href: image, | ||
style: _styles.icon, | ||
download: true | ||
}, | ||
_react2.default.createElement(_icons.DownloadIcon, null) | ||
@@ -35,3 +40,8 @@ ), | ||
"a", | ||
{ href: "", style: _styles.icon, onClick: toggleZoom }, | ||
{ | ||
className: "react-modal-image-zoom", | ||
href: "", | ||
style: _styles.icon, | ||
onClick: toggleZoom | ||
}, | ||
zoomed ? _react2.default.createElement(_icons.ZoomOutIcon, null) : _react2.default.createElement(_icons.ZoomInIcon, null) | ||
@@ -41,3 +51,3 @@ ), | ||
"a", | ||
{ style: _styles.icon, onClick: onClose }, | ||
{ className: "react-modal-image-close", style: _styles.icon, onClick: onClose }, | ||
_react2.default.createElement(_icons.CloseIcon, null) | ||
@@ -44,0 +54,0 @@ ) |
{ | ||
"name": "react-modal-image", | ||
"version": "2.1.3", | ||
"version": "2.1.4", | ||
"description": "Lightweight Lightbox React Component", | ||
@@ -15,6 +15,7 @@ "main": "lib/index.js", | ||
"clean": "nwb clean-module && nwb clean-demo", | ||
"start": "nwb serve-react-demo", | ||
"test": "nwb test-react", | ||
"test:coverage": "nwb test-react --coverage", | ||
"test:watch": "nwb test-react --server" | ||
"start": "nwb serve-react-demo -p 8888", | ||
"start:static": "http-server demo/dist/ -s -p 8888", | ||
"cypress:open": "cypress open", | ||
"cypress:run": "cypress run", | ||
"test": "start-server-and-test start:static http://localhost:8888 cypress:run" | ||
}, | ||
@@ -25,6 +26,9 @@ "peerDependencies": { | ||
"devDependencies": { | ||
"cypress": "^1.4.1", | ||
"gh-pages": "^1.1.0", | ||
"http-server": "^0.11.1", | ||
"nwb": "0.21.x", | ||
"react": "^16.2.0", | ||
"react-dom": "^16.2.0" | ||
"react-dom": "^16.2.0", | ||
"start-server-and-test": "^1.0.0" | ||
}, | ||
@@ -31,0 +35,0 @@ "repository": { |
# react-modal-image | ||
[![Travis][build-badge]][build] | ||
[![CircleCI][build-badge]][build] | ||
[![npm package][npm-badge]][npm] | ||
[![Coveralls][coveralls-badge]][coveralls] | ||
@@ -77,7 +76,5 @@ A _lightweight_ React component providing modal image Lightbox. | ||
[build-badge]: https://img.shields.io/travis/aautio/react-modal-image/master.png?style=flat-square | ||
[build]: https://travis-ci.org/aautio/react-modal-image | ||
[npm-badge]: https://img.shields.io/npm/v/react-modal-image.png?style=flat-square | ||
[build-badge]: https://img.shields.io/circleci/project/github/aautio/react-modal-image.svg | ||
[build]: https://circleci.com/gh/aautio/react-modal-image | ||
[npm-badge]: https://img.shields.io/npm/v/react-modal-image.svg | ||
[npm]: https://www.npmjs.org/package/react-modal-image | ||
[coveralls-badge]: https://img.shields.io/coveralls/aautio/react-modal-image/master.png?style=flat-square | ||
[coveralls]: https://coveralls.io/github/aautio/react-modal-image |
38734
944
7
80