react-bootstrap-slider
Advanced tools
Comparing version 1.1.7 to 2.0.0
(function (global, factory) { | ||
if (typeof define === "function" && define.amd) { | ||
define(["exports", "react", "bootstrap-slider"], factory); | ||
define(["exports", "react", "prop-types", "bootstrap-slider"], factory); | ||
} else if (typeof exports !== "undefined") { | ||
factory(exports, require("react"), require("bootstrap-slider")); | ||
factory(exports, require("react"), require("prop-types"), require("bootstrap-slider")); | ||
} else { | ||
@@ -10,6 +10,6 @@ var mod = { | ||
}; | ||
factory(mod.exports, global.react, global.bootstrapSlider); | ||
factory(mod.exports, global.react, global.propTypes, global.bootstrapSlider); | ||
global.reactBootstrapSlider = mod.exports; | ||
} | ||
})(this, function (exports, _react, _bootstrapSlider) { | ||
})(this, function (exports, _react, _propTypes, _bootstrapSlider) { | ||
"use strict"; | ||
@@ -24,2 +24,4 @@ | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
var _bootstrapSlider2 = _interopRequireDefault(_bootstrapSlider); | ||
@@ -199,11 +201,11 @@ | ||
ReactBootstrapSlider.propTypes = { | ||
min: _react.PropTypes.number, | ||
max: _react.PropTypes.number, | ||
step: _react.PropTypes.number, | ||
min: _propTypes2.default.number, | ||
max: _propTypes2.default.number, | ||
step: _propTypes2.default.number, | ||
value: isPropNumberOrArray, | ||
disabled: _react.PropTypes.string, | ||
tooltip: _react.PropTypes.string, | ||
change: _react.PropTypes.func, | ||
handleChange: _react.PropTypes.func, | ||
slideStop: _react.PropTypes.func | ||
disabled: _propTypes2.default.string, | ||
tooltip: _propTypes2.default.string, | ||
change: _propTypes2.default.func, | ||
handleChange: _propTypes2.default.func, | ||
slideStop: _propTypes2.default.func | ||
}; | ||
@@ -210,0 +212,0 @@ |
{ | ||
"name": "react-bootstrap-slider", | ||
"version": "1.1.7", | ||
"version": "2.0.0", | ||
"description": "Bootstrap Slider component for React", | ||
@@ -14,5 +14,4 @@ "scripts": { | ||
"prepublish": "npm run build", | ||
"testDev": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8080/src/ && node ./scripts/openreportsconfirm.js --reportsurl=http://localhost:8080/reports/index.html", | ||
"testDev": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8080/src/index.html && node ./scripts/openreportsconfirm.js --reportsurl=http://localhost:8080/reports/index.html", | ||
"testBuild": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8082/demo/ && node ./scripts/openreportsconfirm.js --reportsurl=http://localhost:8082/reports/index.html", | ||
"update:packages": "node wipe-dependencies.js && rm -rf node_modules && npm update --save-dev && npm update --save", | ||
"updateSelenium": "node_modules/.bin/webdriver-manager update" | ||
@@ -37,5 +36,2 @@ }, | ||
"license": "MIT", | ||
"dependencies": { | ||
"bootstrap-slider": "^9.7.2" | ||
}, | ||
"devDependencies": { | ||
@@ -50,3 +46,2 @@ "babel-cli": "^6.18.0", | ||
"babel-register": "^6.18.0", | ||
"bootstrap": "^3.3.7", | ||
"es6bindall": "0.0.9", | ||
@@ -61,10 +56,7 @@ "gulp": "^3.9.1", | ||
"prompt": "^1.0.0", | ||
"protractor": "^4.0.11", | ||
"protractor-jasmine2-screenshot-reporter": "^0.3.2", | ||
"react": "^15.0.0", | ||
"react-dom": "^15.0.0", | ||
"webpack": "^1.13.3", | ||
"webpack-dev-server": "^1.16.2", | ||
"webpack-merge": "^0.17.0", | ||
"webpack-validator": "^2.2.9", | ||
"protractor": "^5.1.1", | ||
"protractor-jasmine2-screenshot-reporter": "^0.3.5", | ||
"webpack": "^2.4.1", | ||
"webpack-dev-server": "^2.4.5", | ||
"webpack-merge": "^4.1.0", | ||
"yargs": "^7.0.2" | ||
@@ -74,5 +66,9 @@ }, | ||
"bootstrap": "^3.3.7", | ||
"react": "^15.0.0", | ||
"react-dom": "^15.0.0" | ||
"prop-types": "^15.5.0", | ||
"react": "^15.5.0", | ||
"react-dom": "^15.5.0" | ||
}, | ||
"dependencies": { | ||
"bootstrap-slider": "^9.8.0" | ||
} | ||
} |
# React Bootstrap Slider | ||
## Overview | ||
A ReactJS wrapper [seiyria's Bootstrap Slider component](https://github.com/seiyria/bootstrap-slider) | ||
A ReactJS wrapper for [seiyria's Bootstrap Slider component](https://github.com/seiyria/bootstrap-slider) | ||
@@ -31,6 +31,11 @@ | ||
npm install react@^15 react-dom@^15 bootstrap@^3 --save | ||
npm install react@^15 react-dom@^15 prop-types@15 bootstrap@^3 --save | ||
or | ||
yarn add react@^15 react-dom@^15 bootstrap@^3 | ||
yarn add react@^15 react-dom@^15 prop-types@15 bootstrap@^3 | ||
#### jQuery | ||
The bootstrap-slider component - and, therefore, react-bootstrap-slider - will work with jQuery if it detects it in your project setup, but it is _not_ a requirement. It works fine without jQuery. However, if you are using Webpack or Browserify to build your project, you may get a "missing depenency" build error if jQuery is not present. This is a known, upstream issue in bootstrap-slider. Please see https://github.com/seiyria/bootstrap-slider#how-do-i-exclude-the-optional-jquery-dependency-from-my-build for how you can workaround this issue. | ||
You must also ensure that you have included bootstrap-slider's CSS file, otherwise the control will be blank! You'll need Bootstrap's own CSS file too, of course. If you're using Webpack, you can import the CSS file directly into your build. Or you can simply add the files as links in your HTML file, e.g.: | ||
@@ -181,2 +186,5 @@ | ||
## Update History | ||
Version 2.0.0: 30 Apr 2017 | ||
* Updated for React 15.5.x and 16 (Fiber) compatibility by using prop-types package. This version will not work with older versions of React, hence the major version bump. | ||
Version 1.1.7: 2 Apr 2017 | ||
@@ -183,0 +191,0 @@ * Removed jQuery as any kind of dependency. It's not actually needed, but it is used by boostrap-slider if present. |
@@ -5,2 +5,3 @@ /* eslint-env browser */ | ||
import ReactDOM from "react-dom"; | ||
import PropTypes from "prop-types"; | ||
import es6BindAll from "es6bindall"; | ||
@@ -38,4 +39,4 @@ import ReactBootstrapSlider from "./react-bootstrap-slider.jsx"; | ||
DemoSingleValueSpan.propTypes = { | ||
id: React.PropTypes.string.isRequired, | ||
value: React.PropTypes.number.isRequired | ||
id: PropTypes.string.isRequired, | ||
value: PropTypes.number.isRequired | ||
}; | ||
@@ -51,4 +52,4 @@ | ||
DemoMultiValueSpan.propTypes = { | ||
id: React.PropTypes.string.isRequired, | ||
value: React.PropTypes.arrayOf(React.PropTypes.number.isRequired).isRequired | ||
id: PropTypes.string.isRequired, | ||
value: PropTypes.arrayOf(PropTypes.number.isRequired).isRequired | ||
}; | ||
@@ -119,3 +120,3 @@ | ||
Demo.propTypes = { | ||
id: React.PropTypes.string, | ||
id: PropTypes.string, | ||
value: isPropNumberOrArray, | ||
@@ -122,0 +123,0 @@ startValue: isPropNumberOrArray |
/* eslint-env browser */ | ||
import React, { PropTypes } from "react"; | ||
import React from "react"; | ||
import PropTypes from "prop-types"; | ||
import Slider from "bootstrap-slider"; | ||
@@ -5,0 +6,0 @@ // import { isPropNumberOrArray } from "./customproptypes.js"; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
151303
23
505
235
5
Updatedbootstrap-slider@^9.8.0