react-pikaday - npm Package Compare versions

Comparing version 0.3.2 to 0.4.0

bundled.js

@@ -0,6 +1,8 @@
+// XXX: this doesn't currently get compiled, so keep it es5!
+
 // this only works in webpack, but it's pretty rad:
 require('pikaday/css/pikaday.css');
 
-var ReactPikaday = require('./lib/Pikaday');
+var ReactPikaday = require('./src/Pikaday');
 
 module.exports = ReactPikaday;

CHANGELOG.md

 ## Changelog
 
+### v0.4.0 (Mar 1, 2016)
+
+* **[Breaking]** react-pikaday now uses ES6 modules through Babel. If you use ES6 modules, you shouldn't have to change anything. If you use CommonJS, you'll now need to import react-pikaday like so:
+
+```js
+// before
+var Pikaday = require('react-pikaday');
+
+//after
+var Pikaday = require('react-pikaday').default;
+```
+
+* react-pikaday now uses a peer dependency for React, preventing duplicate copies of React from being installed ([#13](https://github.com/thomasboyt/react-pikaday/issues/13))
+* react-pikaday no longer uses the long-deprecated `getDOMNode()` API ([#14](https://github.com/thomasboyt/react-pikaday/issues/14))
+
 ### v0.3.1 (Jul 14, 2015)
@@ -4,0 +19,0 @@

karma.conf.js

@@ -0,57 +1,46 @@
+var webpack = require('webpack');
+
+var webpackConfig = {
+  devtool: 'inline-source-map',
+
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        exclude: /(node_modules\/)/,
+        loader: 'babel-loader'
+      },
+    ],
+
+    plugins: [
+      new webpack.DefinePlugin({
+        'process.env': {
+          NODE_ENV: '"test"'
+        }
+      })
+    ]
+  }
+};
+
 module.exports = function(config) {
   config.set({
 
-    basePath: '',
-
+    browsers: ['Chrome'],
     frameworks: ['mocha'],
+    reporters: ['mocha'],
 
     files: [
-      'spec/main.js'
+      'src/__tests__/main.spec.js',
     ],
 
-    exclude: [],
-
     preprocessors: {
-      'spec/main.js': ['webpack']
+      'src/__tests__/main.spec.js': ['webpack', 'sourcemap']
     },
 
-    webpack: {
-      module: {
-        loaders: [
-          {
-            test: /\.js$/,
-            loader: 'jsx-loader?harmony'
-          }
-        ]
-      }
-    },
+    webpack: webpackConfig,
 
     webpackServer: {
-      stats: {
-        colors: true
-      }
+      noInfo: true,
     },
-
-    reporters: ['progress'],
-
-    port: 9876,
-
-    colors: true,
-
-    logLevel: config.LOG_INFO,
-
-    autoWatch: true,
-
-    browsers: ['Chrome'],
-
-    captureTimeout: 60000,
-
-    singleRun: false,
-
-    plugins: [
-      require("karma-mocha"),
-      require("karma-chrome-launcher"),
-      require("karma-webpack")
-    ]
   });
 };

lib/Pikaday.js

 'use strict';
 
-var React = require('react');
-var Pikaday = require('pikaday');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var ReactPikaday = React.createClass({
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _pikaday = require('pikaday');
+
+var _pikaday2 = _interopRequireDefault(_pikaday);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ReactPikaday = _react2.default.createClass({
   displayName: 'ReactPikaday',
 
+
   propTypes: {
-    value: React.PropTypes.instanceOf(Date),
-    onChange: React.PropTypes.func,
+    value: _react2.default.PropTypes.instanceOf(Date),
+    onChange: _react2.default.PropTypes.func,
 
-    valueLink: React.PropTypes.shape({
-      value: React.PropTypes.instanceOf(Date),
-      requestChange: React.PropTypes.func.isRequired
+    valueLink: _react2.default.PropTypes.shape({
+      value: _react2.default.PropTypes.instanceOf(Date),
+      requestChange: _react2.default.PropTypes.func.isRequired
     })
@@ -33,3 +45,3 @@ },
         // Workaround for pikaday not clearing value when date set to falsey
-        this.refs.pikaday.getDOMNode().value = '';
+        this.refs.pikaday.value = '';
       }
@@ -41,5 +53,5 @@ this._picker.setDate(newDate, true); // 2nd param = don't call onSelect
   componentDidMount: function componentDidMount() {
-    var el = this.refs.pikaday.getDOMNode();
+    var el = this.refs.pikaday;
 
-    this._picker = new Pikaday({
+    this._picker = new _pikaday2.default({
       field: el,
@@ -60,3 +72,3 @@ onSelect: this.getValueLink(this.props).requestChange
   render: function render() {
-    return React.createElement('input', { type: 'text', ref: 'pikaday', className: this.props.className,
+    return _react2.default.createElement('input', { type: 'text', ref: 'pikaday', className: this.props.className,
       placeholder: this.props.placeholder, disabled: this.props.disabled });
@@ -66,2 +78,2 @@ }
 
-module.exports = ReactPikaday;
+exports.default = ReactPikaday;

package.json

 {
   "name": "react-pikaday",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "A React component wrapper around Pikaday.",
   "main": "lib/Pikaday.js",
+  "scripts": {
+    "test": "karma start --single-run --browsers Firefox",
+    "build-example": "webpack",
+    "build": "rimraf lib && babel src --out-dir lib --ignore *.spec.js",
+    "lint": "eslint src/",
+    "prepublish": "npm run build"
+  },
   "repository": {
@@ -11,34 +18,37 @@ "type": "git",
   "dependencies": {
-    "pikaday": "^1.2.0",
-    "react": "^0.11.2"
+    "pikaday": "^1.2.0"
   },
+  "peerDependencies": {
+    "react": "^0.14.0"
+  },
   "devDependencies": {
+    "babel-cli": "^6.6.0",
+    "babel-eslint": "^5.0.0",
+    "babel-loader": "^6.2.4",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
     "chai": "^1.9.1",
-    "css-loader": "^0.9.0",
-    "karma": "^0.12.23",
-    "karma-chrome-launcher": "^0.1.4",
-    "karma-cli": "0.0.4",
-    "karma-mocha": "^0.1.9",
-    "karma-webpack": "^1.2.2",
-    "mocha": "^1.21.4",
-    "style-loader": "^0.8.0",
-    "webpack": "^1.4.3",
-    "webpack-dev-server": "^1.6.5",
-    "babel": "^5.5.8",
-    "babel-core": "^5.6.18",
-    "babel-eslint": "^3.1.15",
-    "babel-loader": "^5.1.4",
-    "eslint": "^0.23",
-    "eslint-plugin-react": "^2.3.0"
+    "css-loader": "^0.23.1",
+    "eslint": "^1.10.3",
+    "eslint-plugin-react": "^4.1.0",
+    "expect": "^1.14.0",
+    "karma": "^0.13.21",
+    "karma-chrome-launcher": "^0.2.2",
+    "karma-firefox-launcher": "^0.1.7",
+    "karma-mocha": "^0.2.2",
+    "karma-mocha-reporter": "^1.2.3",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^1.7.0",
+    "mocha": "^2.4.5",
+    "react": "^0.14.0",
+    "react-addons-linked-state-mixin": "^0.14.7",
+    "react-addons-test-utils": "^0.14.7",
+    "react-dom": "^0.14.7",
+    "rimraf": "^2.5.2",
+    "style-loader": "^0.13.0",
+    "webpack": "^1.12.14",
+    "webpack-dev-server": "^1.14.1"
   },
-  "scripts": {
-    "test": "scripts/test",
-    "build-example": "scripts/build-example",
-    "build": "scripts/build",
-    "clean": "scripts/clean",
-    "prepublish": "npm run build"
-  },
-
   "author": "Thomas Boyt <[e-mail]>",
   "license": "MIT"
 }

README.md

 # react-pikaday
 
+[![Build Status](https://travis-ci.org/thomasboyt/react-pikaday.svg?branch=master)](https://travis-ci.org/thomasboyt/react-pikaday) [![npm](https://img.shields.io/npm/v/react-pikaday.svg)](https://www.npmjs.com/package/react-pikaday)
+
 A component wrapper around [Pikaday](https://github.com/dbushell/Pikaday).
@@ -11,9 +13,10 @@
 
-If you're using Browserify, or want to bring a custom Pikaday stylesheet, just require this
-component like any other module:
+To import Pikaday without any CSS:
 
 ```javascript
-var Pikaday = require('react-pikaday');
+import Pikaday from 'react-pikaday';
 ```
 
+You'll then need to make sure you include the CSS from `pikaday/css/pikaday.css`.
+
 ### Bundled
@@ -26,11 +29,12 @@
 ```javascript
-var Pikaday = require('react-pikaday/bundled');
+import Pikaday from 'react-pikaday/bundled';
 ```
 
+See the example app in this repo and the `webpack.config.js` for an example of how this can be configured.
+
 ## Usage
 
 ```javascript
-/** @jsx React.DOM */
-var React = require('react');
-var Pikaday = require('react-pikaday');
+import React from 'react';
+import Pikaday from 'react-pikaday';
 
@@ -37,0 +41,0 @@ var MyComponent = React.createClass({

New alerts

Major refactor

Supply chain risk

Package 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

Improved metrics

Number of lines in readme file

90

increased by4.65%

Worsened metrics

Total package byte prevSize

10179

decreased by-13.42%

Dev dependency count

26

increased by52.94%

Number of package files

11

decreased by-8.33%

Lines of code

121

decreased by-47.39%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedacorn@5.7.4(transitive)

• + Addedasap@2.0.6(transitive)

• + Addedast-types@0.9.6(transitive)

• + Addedbalanced-match@1.0.2(transitive)

• + Addedbase62@1.2.8(transitive)

• + Addedbrace-expansion@1.1.11(transitive)

• + Addedcommander@2.20.3(transitive)

• + Addedcommoner@0.10.8(transitive)

• + Addedconcat-map@0.0.1(transitive)

• + Addedcore-js@1.2.7(transitive)

• + Addeddefined@1.0.1(transitive)

• + Addeddetective@4.7.1(transitive)

• + Addedenvify@3.4.1(transitive)

• + Addedesprima@3.1.3(transitive)

• + Addedesprima-fb@15001.1.0-dev-harmony-fb(transitive)

• + Addedfbjs@0.6.1(transitive)

• + Addedglob@5.0.15(transitive)

• + Addedgraceful-fs@4.2.11(transitive)

• + Addediconv-lite@0.4.24(transitive)

• + Addedinflight@1.0.6(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedjstransform@11.0.3(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedminimatch@3.1.2(transitive)

• + Addedminimist@1.2.8(transitive)

• + Addedmkdirp@0.5.6(transitive)

• + Addedobject-assign@2.1.1(transitive)

• + Addedonce@1.4.0(transitive)

• + Addedpath-is-absolute@1.0.1(transitive)

• + Addedprivate@0.1.8(transitive)

• + Addedpromise@7.3.1(transitive)

• + Addedq@1.5.1(transitive)

• + Addedreact@0.14.10(transitive)

• + Addedrecast@0.11.23(transitive)

• + Addedsafer-buffer@2.1.2(transitive)

• + Addedsource-map@0.4.40.5.7(transitive)

• + Addedua-parser-js@0.7.40(transitive)

• + Addedwhatwg-fetch@0.9.0(transitive)

• + Addedwrappy@1.0.2(transitive)

• - Removedreact@^0.11.2

• - Removedbase62@0.1.1(transitive)

• - Removedenvify@2.0.1(transitive)

• - Removedesprima-fb@3001.1.0-dev-harmony-fb(transitive)

• - Removedjstransform@3.0.0(transitive)

• - Removedobject-keys@0.4.0(transitive)

• - Removedreact@0.11.2(transitive)

• - Removedsource-map@0.1.31(transitive)

• - Removedxtend@2.1.2(transitive)