react-bootstrap-daterangepicker - npm Package Compare versions

Comparing version 4.0.1 to 4.1.0

package.json

 {
   "name": "react-bootstrap-daterangepicker",
-  "version": "4.0.1",
-  "description": "A date/time picker for react (using bootstrap). This is a react port of: https://github.com/dangrossman/bootstrap-daterangepicker",
+  "version": "4.1.0",
+  "description":
+    "A date/time picker for react (using bootstrap). This is a react port of: https://github.com/dangrossman/bootstrap-daterangepicker",
   "main": "./dist/bundle.js",
-  "files": [
-    "dist/"
-  ],
+  "files": ["dist/"],
   "scripts": {
-    "build": "npm-run-all clean build:options format cover build:lib build:storybook",
+    "build":
+      "npm-run-all clean build:options format cover build:lib build:storybook",
     "build:lib": "rollup -c",
     "build:options": "./scripts/build-options.js",
-    "build:storybook": "build-storybook -c .storybook -o ./gh-pages",
-    "changelog": "github_changelog_generator -u skratchdot -p react-bootstrap-daterangepicker",
-    "clean": "rimraf ./coverage/",
+    "build:storybook": "build-storybook -c .storybook -o ./docs",
+    "changelog":
+      "github_changelog_generator -u skratchdot -p react-bootstrap-daterangepicker",
+    "clean": "rimraf ./coverage/ ./docs/",
     "cover": "npm run test -- --coverage",
+    "coveralls": "cat coverage/lcov.info | coveralls --verbose",
     "format": "prettier --write --single-quote '**/*.{js,md}'",
@@ -30,11 +32,12 @@ "storybook": "start-storybook -p 9001 -c .storybook",
   "bugs": {
-    "url": "https://github.com/skratchdot/react-bootstrap-daterangepicker/issues"
+    "url":
+      "https://github.com/skratchdot/react-bootstrap-daterangepicker/issues"
   },
   "license": "Apache-2.0",
   "peerDependencies": {
+    "bootstrap-daterangepicker": "*",
     "jquery": "*",
     "moment": "*",
     "prop-types": "*",
-    "react": "*",
-    "react-dom": "*"
+    "react": "*"
   },
@@ -56,2 +59,3 @@ "devDependencies": {
     "cheerio": "^0.22.0",
+    "coveralls": "^3.0.0",
     "enzyme": "^3.3.0",
@@ -61,3 +65,5 @@ "enzyme-adapter-react-16": "^1.1.1",
     "jest": "^22.1.4",
+    "jquery": "^3.3.1",
     "lolex": "^2.3.2",
+    "moment": "^2.20.1",
     "npm-run-all": "^4.1.2",
@@ -73,3 +79,2 @@ "prettier": "^1.10.2",
     "rollup-plugin-node-resolve": "^3.0.2",
-    "rollup-plugin-postcss": "^1.2.8",
     "wordwrap": "^1.0.0"
@@ -76,0 +81,0 @@ },

README.md

 # react-bootstrap-daterangepicker
 
 [![NPM version](https://badge.fury.io/js/react-bootstrap-daterangepicker.svg)](http://badge.fury.io/js/react-bootstrap-daterangepicker)
+[![Build Status](https://travis-ci.org/skratchdot/react-bootstrap-daterangepicker.svg?branch=master)](https://travis-ci.org/skratchdot/react-bootstrap-daterangepicker)
+[![Code Climate](https://codeclimate.com/github/skratchdot/react-bootstrap-daterangepicker.png)](https://codeclimate.com/github/skratchdot/react-bootstrap-daterangepicker)
+[![Coverage Status](https://coveralls.io/repos/skratchdot/react-bootstrap-daterangepicker/badge.svg?branch=master&service=github)](https://coveralls.io/github/skratchdot/react-bootstrap-daterangepicker?branch=master)
 [![Dependency Status](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker.svg)](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker)
 [![devDependency Status](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker/dev-status.svg)](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker#info=devDependencies)
-[![Build Status](https://travis-ci.org/skratchdot/react-bootstrap-daterangepicker.svg?branch=master)](https://travis-ci.org/skratchdot/react-bootstrap-daterangepicker)
 
@@ -19,10 +21,16 @@ [![NPM](https://nodei.co/npm/react-bootstrap-daterangepicker.png)](https://npmjs.org/package/react-bootstrap-daterangepicker)
 
-1. Install the module with: `npm install --save react-bootstrap-daterangepicker`
+1. Install the needed peer dependencies:
+   `npm install --save bootstrap-daterangepicker react jquery moment prop-types`
 
-2. Install the needed peer dependencies: `npm install --save react react-dom jquery moment prop-types`
+2. Install the module with:
+   `npm install --save react-bootstrap-daterangepicker`
 
 3. Include the bootstrap@3 css and fonts in your project.
+   (aka `import 'bootstrap/dist/css/bootstrap.css';`)
 
-4. This is a commonjs library. You will need a tool like browserify/webpack/etc to build your code.
+4. Include the bootstrap-daterangepicker css in your project.
+   (aka `import 'bootstrap-daterangepicker/daterangepicker.css';`)
 
+5. This is a commonjs library. You will need a tool like browserify/webpack/etc to build your code.
+
 ```javascript
@@ -34,2 +42,4 @@ import React, { Component } from 'react';
 import 'bootstrap/dist/css/bootstrap.css';
+// you will also need the css that comes with bootstrap-daterangepicker
+import 'bootstrap-daterangepicker/daterangepicker.css';
 
@@ -40,3 +50,3 @@ class MyComponent {
       <DateRangePicker startDate="1/1/2014" endDate="3/1/2014">
-        Click Me To Open Picker!
+        <button>Click Me To Open Picker!</button>
       </DateRangePicker>
@@ -87,2 +97,17 @@ );
 
+There are 2 additional props you can pass, that are not part of the wrapped
+[bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker) project.
+Every `<DateRangePicker />` element emits a div element for the wrapper project to initialize itself against.
+
+The emitted div looks like this by default:
+
+```html
+<div class="react-bootstrap-daterangepicker-container" style="display:inline-block"></div>
+```
+
+The 2 props you can pass to modify this behavior are:
+
+* **containerStyles [object]**: the styles of the container `<div />` (default: `{ display: 'inline-block' }`)
+* **containerClass [string]**: the class of the container `<div />` (default: `'react-bootstrap-daterangepicker-container'`)
+
 ## Release Notes
@@ -89,0 +114,0 @@

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

Fixed 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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

125

increased by25%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

38742

decreased by-67.61%

Dev dependency count

33

increased by6.45%

Lines of code

227

decreased by-85.92%

No dependency changes