reactcalendar
Advanced tools
Comparing version 0.0.2 to 0.0.4
{ | ||
"name": "reactcalendar-example", | ||
"version": "0.0.1", | ||
"dependencies": { | ||
"reactcalendar": "0.0.1" | ||
"scripts": { | ||
"start": "gulp" | ||
}, | ||
"browserify": { | ||
"transform": [ | ||
[ | ||
"reactify", | ||
{ | ||
"es6": true | ||
} | ||
] | ||
] | ||
}, | ||
"devDependencies": { | ||
"connect-modrewrite": "^0.7.11", | ||
"grunt": "^0.4.5", | ||
"grunt-concurrent": "^0.5.0", | ||
"grunt-contrib-clean": "^0.5.0", | ||
"grunt-contrib-concat": "^0.4.0", | ||
"grunt-contrib-connect": "^0.7.1", | ||
"grunt-contrib-copy": "^0.5.0", | ||
"grunt-contrib-cssmin": "^0.9.0", | ||
"grunt-contrib-htmlmin": "^0.3.0", | ||
"grunt-contrib-imagemin": "^0.7.0", | ||
"grunt-contrib-jshint": "^0.10.0", | ||
"grunt-contrib-sass": "^0.9.2", | ||
"grunt-contrib-uglify": "^0.4.0", | ||
"grunt-contrib-watch": "^0.6.1", | ||
"grunt-filerev": "^0.2.1", | ||
"grunt-karma": "^0.8.3", | ||
"grunt-newer": "^0.7.0", | ||
"grunt-ngmin": "^0.0.3", | ||
"grunt-svgmin": "^0.4.0", | ||
"grunt-usemin": "^2.1.1", | ||
"jshint-stylish": "^0.2.0", | ||
"karma": "^0.12.17", | ||
"karma-jasmine": "^0.1.5", | ||
"karma-phantomjs-launcher": "^0.1.4", | ||
"load-grunt-tasks": "^0.4.0", | ||
"time-grunt": "^0.3.1" | ||
"browser-sync": "^1.8.1", | ||
"browserify": "^7.0.3", | ||
"gulp": "^3.8.10", | ||
"gulp-notify": "^2.1.0", | ||
"gulp-util": "^3.0.1", | ||
"pretty-hrtime": "^0.2.2", | ||
"reactify": "^0.17.1", | ||
"require-dir": "^0.1.0", | ||
"underscore": "^1.7.0", | ||
"vinyl-source-stream": "^1.0.0", | ||
"watchify": "^2.2.1" | ||
}, | ||
"engines": { | ||
"node": ">=0.10.0" | ||
}, | ||
"scripts": { | ||
"test": "grunt test" | ||
"dependencies": { | ||
"reactcalendar": ">=0.0.2", | ||
"react": ">=0.13", | ||
"react-tap-event-plugin": "^0.1.3" | ||
} | ||
} |
{ | ||
"name": "reactcalendar", | ||
"version": "0.0.2", | ||
"version": "0.0.4", | ||
"description": "Calendar Library built with React", | ||
"main": "index.js", | ||
"main": "./lib", | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1", | ||
"prebuild": "rm -rf lib", | ||
"jshint": "./node_modules/.bin/jsxhint --harmony 'src/**' --exclude src/utils/modernizr.custom.js", | ||
"build": "npm run jshint && ./node_modules/.bin/babel --stage 1 ./src --out-dir ./lib", | ||
"prepublish": "npm run build" | ||
}, | ||
"directories": { | ||
"example": "examples" | ||
}, | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1" | ||
}, | ||
"repository": { | ||
@@ -24,7 +28,22 @@ "type": "git", | ||
"author": "Martin Jujou", | ||
"license": "ISC", | ||
"license": "MIT", | ||
"bugs": { | ||
"url": "https://github.com/jooj123/react-calendar/issues" | ||
}, | ||
"homepage": "https://github.com/jooj123/react-calendar" | ||
"homepage": "https://github.com/jooj123/react-calendar", | ||
"dependencies": { | ||
"classnames": "^1.2.0", | ||
"react-draggable2": "^0.5.1" | ||
}, | ||
"peerDependencies": { | ||
"react": ">=0.13", | ||
"react-tap-event-plugin": ">=0.1.3" | ||
}, | ||
"devDependencies": { | ||
"babel": "^5.4.3", | ||
"jsxhint": "^0.15.0", | ||
"react": "^0.13.3", | ||
"react-router": "^0.13.3", | ||
"react-tap-event-plugin": "^0.1.6" | ||
} | ||
} |
@@ -8,10 +8,12 @@ # React Calendar | ||
``` | ||
var Calendar = require('react-calendar'); | ||
var Calendar = require('reactcalendar'); | ||
var React = require('react'); | ||
var data = [ {start: 30, end: 150}, {start: 540, end: 600}, | ||
{start: 560, end: 620}, {start: 610, end: 670} ]; | ||
var events = [ {start: 30, end: 150, title: 'Breakfast with Sarah', location: 'Test123'}, | ||
{start: 540, end: 600, title: 'Meeting with John', location: 'Sample Text'}, | ||
{start: 560, end: 620, title: 'React Meetup', location: 'Placeholder text'}, | ||
{start: 610, end: 670, title: 'Assignment Due', location: 'Something ABC'} ]; | ||
React.render( | ||
<Calendar data={data}/>, | ||
<Calendar events={events}/>, | ||
document.getElementById('day-wrapper') | ||
@@ -21,3 +23,3 @@ ); | ||
You will need to have a div in your html: | ||
You will need to have a div in your html (alternatively you can just use document.body): | ||
@@ -28,3 +30,3 @@ ``` | ||
[**Click here**](https://raw.githubusercontent.com/jooj123/react-calendar/master/examples/calendar.png) to see the generated calendar | ||
[**Click here**](https://raw.githubusercontent.com/jooj123/react-calendar/master/docs/calendar.png) to see the generated calendar | ||
@@ -36,7 +38,16 @@ The data passed to the component is compromised of an array of objects, each have the properties: | ||
## Install | ||
React calendar is available as an npm package. | ||
``` | ||
npm install reactcalendar | ||
``` | ||
Use browserify and reactify for dependency management and JSX transformation. | ||
## Run example | ||
``` | ||
git clone https://github.com/jooj123/react-calendar.git | ||
cd react-calendar/example | ||
npm install | ||
grunt serve | ||
npm start | ||
``` | ||
@@ -48,6 +59,5 @@ | ||
## TODO | ||
1. Will need to publish as node.js module | ||
2. Tests need to be implemented | ||
3. Functionality for varying times in a day | ||
4. Functionality for multiple day views (currently only supports the view of 1 day) | ||
5. Functionality for events such as onClick, onMouseOver etc on the calendar events | ||
1. Tests need to be implemented | ||
2. Functionality for varying times in a day | ||
3. Functionality for multiple day views (currently only supports the view of 1 day) | ||
4. Functionality for events such as onClick, onMouseOver etc on the calendar events |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
2850833
27
37375
59
4
5
2
+ Addedclassnames@^1.2.0
+ Addedreact-draggable2@^0.5.1
+ Addedasap@2.0.6(transitive)
+ Addedclassnames@1.2.2(transitive)
+ Addedcore-js@1.2.7(transitive)
+ Addedencoding@0.1.13(transitive)
+ Addedfbjs@0.8.18(transitive)
+ Addediconv-lite@0.6.3(transitive)
+ Addedis-stream@1.1.0(transitive)
+ Addedisomorphic-fetch@2.2.1(transitive)
+ Addedjs-tokens@4.0.0(transitive)
+ Addedloose-envify@1.4.0(transitive)
+ Addednode-fetch@1.7.3(transitive)
+ Addedobject-assign@4.1.1(transitive)
+ Addedpromise@7.3.1(transitive)
+ Addedprop-types@15.8.1(transitive)
+ Addedreact@16.14.016.3.219.0.0(transitive)
+ Addedreact-dom@16.3.3(transitive)
+ Addedreact-draggable2@0.5.1(transitive)
+ Addedreact-is@16.13.1(transitive)
+ Addedreact-tap-event-plugin@3.0.3(transitive)
+ Addedsafer-buffer@2.1.2(transitive)
+ Addedsetimmediate@1.0.5(transitive)
+ Addedua-parser-js@0.7.40(transitive)
+ Addedwhatwg-fetch@3.6.20(transitive)