Skip to content

Commit 2cae772

Browse files
bagongkiabagongkia
committed
access from npm
1 parent 486d94a commit 2cae772

16 files changed

+42
-39
lines changed

‎README.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,12 @@
1-
# React Image Picker
1+
[![NPM](https://img.shields.io/npm/v/react-image-picker.svg)](https://www.npmjs.com/package/react-image-picker)
2+
[![npm](https://img.shields.io/npm/dt/react-image-picker.svg)](https://www.npmjs.com/package/react-image-picker)
3+
[![npm](https://img.shields.io/npm/dm/react-image-picker.svg)](https://www.npmjs.com/package/react-image-picker)
4+
[![npm](https://img.shields.io/npm/l/react-image-picker.svg)](http://opensource.org/licenses/MIT)
25

3-
The image picker is used for selecting single or multiple images from galleries.
6+
# React Image Picker
7+
The image picker is used for selecting single or multiple images from gallery.
48

59
## Features
610
- jQuery Free
7-
- Single and multiple images selection
11+
- Single or multiple images selection
812
- ...

‎dist/images/2000e1abaf656c3367fc89f628f0d52ad11.jpg

-5.21 KB
Binary file not shown.

‎dist/images/2010759b6e526e3c6d72569894e58329d89.jpg

-5.86 KB
Binary file not shown.

‎dist/images/2026c800cccebf18c24f51d5fd411818ac8.jpg

-4.5 KB
Binary file not shown.

‎dist/images/203eb0659e2eebacafff0601e1b93797d7c.jpg

-8.05 KB
Binary file not shown.

‎dist/index.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>React Image Picker Demo</title><link href="react-image-picker.css?7c908c6c8063e4369983" rel="stylesheet"></head><body><div id="root"></div><script type="text/javascript" src="react-image-picker.js?7c908c6c8063e4369983"></script></body></html>
1+
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>React Image Picker Demo</title><link href="index.css?a7016ddaf2aae12930c3" rel="stylesheet"></head><body><div id="root"></div><script type="text/javascript" src="./index.js?a7016ddaf2aae12930c3"></script></body></html>

‎dist/index.js

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/react-image-picker.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎dist/react-image-picker.js

Lines changed: 0 additions & 20 deletions
This file was deleted.

‎package.json

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,17 @@
11
{
22
"name": "react-image-picker",
3-
"version": "1.0.0",
4-
"description": "React image picker plugin",
5-
"main": "index.js",
3+
"version": "1.1.0",
4+
"description": "Picks images from gallery",
5+
"main": "dist/index.js",
66
"scripts": {
77
"dev": "webpack-dev-server",
88
"prod": "npm run clean && NODE_ENV=production webpack -p",
9-
"clean": "rimraf ./dist/*"
9+
"clean": "rimraf ./dist/*",
10+
"test": "mocha",
11+
"test:watch": "npm run test --watch"
1012
},
1113
"author": "In Sin <insin_lie93@yahoo.com>",
12-
"license": "ISC",
14+
"license": "MIT",
1315
"peerDependencies": {
1416
"react": "^15.6.1",
1517
"react-dom": "^15.6.1"
@@ -21,14 +23,15 @@
2123
"babel-preset-es2015": "^6.24.1",
2224
"babel-preset-react": "^6.24.1",
2325
"babel-preset-stage-1": "^6.24.1",
26+
"chai": "^4.0.2",
2427
"css-loader": "^0.28.4",
2528
"extract-text-webpack-plugin": "^2.1.2",
2629
"file-loader": "^0.11.2",
2730
"html-webpack-plugin": "^2.28.0",
31+
"mocha": "^3.4.2",
2832
"node-sass": "^4.5.3",
2933
"sass-loader": "^6.0.6",
3034
"style-loader": "^0.18.2",
31-
"webpack": "^2.6.1",
32-
"webpack-dev-server": "^2.4.5"
35+
"webpack": "^2.6.1"
3336
}
3437
}

‎src/components/image.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React, { Component } from 'react'
22
import PropTypes from 'prop-types'
3-
import imgCheck from '../assets/images/check.png'
43

54
const ImageStyle = (width, height) => {
65
return {
@@ -25,7 +24,8 @@ export default class Image extends Component {
2524
style={ImageStyle(150, 150)}
2625
/>
2726
<div className="checked">
28-
<img src={imgCheck} style={{ width: 75, height: 75, objectFit: "cover" }}/>
27+
{/*<img src={imgCheck} style={{ width: 75, height: 75, objectFit: "cover" }}/>*/}
28+
<div className="icon"/>
2929
</div>
3030
</div>
3131
)

‎src/index.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
padding: 5px; /* Some padding */
1414
width: 150px; /* Set a small width */
1515
opacity: 1;
16+
margin: 0;
1617

1718
&:hover {
1819
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.7);
@@ -41,6 +42,13 @@
4142
position: absolute;
4243
bottom: 0;
4344
right: 0;
45+
46+
.icon {
47+
background: url("./assets/images/check.png");
48+
background-size: cover;
49+
height: 75px;
50+
width: 75px;
51+
}
4452
}
4553
}
4654

‎test/image-picker-test.js

Whitespace-only changes.

‎test/react-image-picker-test.js

Whitespace-only changes.

‎webpack.config.js

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,15 @@ var scssProd = ExtractTextPlugin.extract({
1111
publicPath: './'
1212
})
1313
var scssConfig = isProd ? scssProd : scssDev
14+
var entry = isProd ? './src/react-image-picker.js' : './src/index.js'
1415

1516
module.exports = {
16-
entry: './src/index.js',
17+
entry: entry,
1718
output: {
1819
path: path.resolve(__dirname, 'dist'),
19-
filename: 'react-image-picker.js'
20+
filename: './index.js',
21+
library: 'ReactImagePicker',
22+
libraryTarget: 'umd'
2023
},
2124
module: {
2225
rules: [
@@ -37,8 +40,7 @@ module.exports = {
3740
]
3841
},
3942
devServer: {
40-
contentBase: path.join(__dirname, 'dist'),
41-
port: 8888
43+
contentBase: path.join(__dirname, 'dist')
4244
},
4345
plugins: [
4446
new HtmlWebpackPlugin({
@@ -50,7 +52,7 @@ module.exports = {
5052
template: './src/index.html'
5153
}),
5254
new ExtractTextPlugin({
53-
filename: 'react-image-picker.css',
55+
filename: 'index.css',
5456
disable: !isProd,
5557
allChunks: true
5658
})

0 commit comments

Comments
 (0)