belle - npm Package Compare versions

Comparing version 3.0.2 to 4.0.0

CHANGELOG.md

@@ -7,2 +7,6 @@ # Change Log
 
+## 4.0.0 - 2017-10-10
+
+- Support React 15.4.0 [#341](https://github.com/nikgraf/belle/pull/341)
+
 ## 3.0.2 - 2017-05-30
@@ -9,0 +13,0 @@

lib/components/ActionArea.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _actionArea = require('../style/actionArea');
@@ -31,17 +35,17 @@
 var actionAreaPropTypes = {
-  activeStyle: _react.PropTypes.object,
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  hoverStyle: _react.PropTypes.object,
-  onTouchStart: _react.PropTypes.func,
-  onTouchEnd: _react.PropTypes.func,
-  onTouchCancel: _react.PropTypes.func,
-  onMouseDown: _react.PropTypes.func,
-  onMouseEnter: _react.PropTypes.func,
-  onMouseLeave: _react.PropTypes.func,
+  activeStyle: _propTypes2.default.object,
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  hoverStyle: _propTypes2.default.object,
+  onTouchStart: _propTypes2.default.func,
+  onTouchEnd: _propTypes2.default.func,
+  onTouchCancel: _propTypes2.default.func,
+  onMouseDown: _propTypes2.default.func,
+  onMouseEnter: _propTypes2.default.func,
+  onMouseLeave: _propTypes2.default.func,
 
   // TODO investigate how we solve mouseUp in other compents (like the right click edgecase)
-  onMouseUp: _react.PropTypes.func,
-  onUpdate: _react.PropTypes.func,
-  onClick: _react.PropTypes.func,
-  style: _react.PropTypes.object
+  onMouseUp: _propTypes2.default.func,
+  onUpdate: _propTypes2.default.func,
+  onClick: _propTypes2.default.func,
+  style: _propTypes2.default.object
 };
@@ -48,0 +52,0 @@

lib/components/Button.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _helpers = require('../utils/helpers');
@@ -44,22 +48,22 @@
 var buttonPropTypes = {
-  activeStyle: _react.PropTypes.object,
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  className: _react.PropTypes.string,
-  disabled: _react.PropTypes.bool,
-  type: _react.PropTypes.oneOf(buttonTypes),
-  style: _react.PropTypes.object,
-  focusStyle: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  disabledStyle: _react.PropTypes.object,
-  disabledHoverStyle: _react.PropTypes.object,
-  onTouchStart: _react.PropTypes.func,
-  onTouchEnd: _react.PropTypes.func,
-  onTouchCancel: _react.PropTypes.func,
-  onMouseDown: _react.PropTypes.func,
-  onMouseEnter: _react.PropTypes.func,
-  onMouseLeave: _react.PropTypes.func,
-  onFocus: _react.PropTypes.func,
-  onBlur: _react.PropTypes.func,
-  preventFocusStyleForTouchAndClick: _react.PropTypes.bool,
-  primary: _react.PropTypes.bool
+  activeStyle: _propTypes2.default.object,
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  className: _propTypes2.default.string,
+  disabled: _propTypes2.default.bool,
+  type: _propTypes2.default.oneOf(buttonTypes),
+  style: _propTypes2.default.object,
+  focusStyle: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  disabledStyle: _propTypes2.default.object,
+  disabledHoverStyle: _propTypes2.default.object,
+  onTouchStart: _propTypes2.default.func,
+  onTouchEnd: _propTypes2.default.func,
+  onTouchCancel: _propTypes2.default.func,
+  onMouseDown: _propTypes2.default.func,
+  onMouseEnter: _propTypes2.default.func,
+  onMouseLeave: _propTypes2.default.func,
+  onFocus: _propTypes2.default.func,
+  onBlur: _propTypes2.default.func,
+  preventFocusStyleForTouchAndClick: _propTypes2.default.bool,
+  primary: _propTypes2.default.bool
 };
@@ -66,0 +70,0 @@

lib/components/Card.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _card = require('../style/card');
@@ -85,5 +89,5 @@
 Card.propTypes = {
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  style: _react.PropTypes.object
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  style: _propTypes2.default.object
 };
 exports.default = Card;

lib/components/Choice.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -50,5 +54,5 @@
 Choice.propTypes = {
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  value: _react.PropTypes.bool.isRequired
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  value: _propTypes2.default.bool.isRequired
 };
 exports.default = Choice;

lib/components/ComboBox.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _injectStyle = require('../utils/inject-style');
@@ -41,38 +45,38 @@
 var comboBoxPropTypes = {
-  children: _react.PropTypes.oneOfType([_react.PropTypes.array, _react.PropTypes.object]),
-  defaultValue: _react.PropTypes.string,
-  value: _react.PropTypes.string,
-  valueLink: _react.PropTypes.shape({
-    value: _react.PropTypes.string,
-    requestChange: _react.PropTypes.func.isRequired
+  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object]),
+  defaultValue: _propTypes2.default.string,
+  value: _propTypes2.default.string,
+  valueLink: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    requestChange: _propTypes2.default.func.isRequired
   }),
-  placeholder: _react.PropTypes.string,
-  disabled: _react.PropTypes.bool,
-  wrapperProps: _react.PropTypes.object,
-  menuProps: _react.PropTypes.object,
-  caretProps: _react.PropTypes.object,
-  onUpdate: _react.PropTypes.func,
-  onInputMatch: _react.PropTypes.func,
-  tabIndex: _react.PropTypes.number,
-  onKeyDown: _react.PropTypes.func,
-  onFocus: _react.PropTypes.func,
-  onBlur: _react.PropTypes.func,
-  className: _react.PropTypes.string,
-  caretClassName: _react.PropTypes.string,
-  style: _react.PropTypes.object,
-  wrapperStyle: _react.PropTypes.object,
-  hintStyle: _react.PropTypes.object,
-  menuStyle: _react.PropTypes.object,
-  focusStyle: _react.PropTypes.object,
-  disabledStyle: _react.PropTypes.object,
-  disabledHoverStyle: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  caretToOpenStyle: _react.PropTypes.object,
-  caretToCloseStyle: _react.PropTypes.object,
-  disabledCaretToOpenStyle: _react.PropTypes.object,
-  maxOptions: _react.PropTypes.number,
-  displayCaret: _react.PropTypes.bool,
-  enableHint: _react.PropTypes.bool,
-  filterFunc: _react.PropTypes.func,
-  'aria-label': _react.PropTypes.string
+  placeholder: _propTypes2.default.string,
+  disabled: _propTypes2.default.bool,
+  wrapperProps: _propTypes2.default.object,
+  menuProps: _propTypes2.default.object,
+  caretProps: _propTypes2.default.object,
+  onUpdate: _propTypes2.default.func,
+  onInputMatch: _propTypes2.default.func,
+  tabIndex: _propTypes2.default.number,
+  onKeyDown: _propTypes2.default.func,
+  onFocus: _propTypes2.default.func,
+  onBlur: _propTypes2.default.func,
+  className: _propTypes2.default.string,
+  caretClassName: _propTypes2.default.string,
+  style: _propTypes2.default.object,
+  wrapperStyle: _propTypes2.default.object,
+  hintStyle: _propTypes2.default.object,
+  menuStyle: _propTypes2.default.object,
+  focusStyle: _propTypes2.default.object,
+  disabledStyle: _propTypes2.default.object,
+  disabledHoverStyle: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  caretToOpenStyle: _propTypes2.default.object,
+  caretToCloseStyle: _propTypes2.default.object,
+  disabledCaretToOpenStyle: _propTypes2.default.object,
+  maxOptions: _propTypes2.default.number,
+  displayCaret: _propTypes2.default.bool,
+  enableHint: _propTypes2.default.bool,
+  filterFunc: _propTypes2.default.func,
+  'aria-label': _propTypes2.default.string
 };
@@ -778,4 +782,4 @@
 ComboBox.childContextTypes = {
-  isDisabled: _react.PropTypes.bool.isRequired,
-  isHoveredValue: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number])
+  isDisabled: _propTypes2.default.bool.isRequired,
+  isHoveredValue: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number])
 };
@@ -782,0 +786,0 @@ ComboBox.defaultProps = {

lib/components/ComboBoxItem.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -83,11 +87,11 @@
 ComboBoxItem.propTypes = {
-  children: _react.PropTypes.node.isRequired,
-  index: _react.PropTypes.number.isRequired,
-  onItemClick: _react.PropTypes.func.isRequired,
-  onItemTouchStart: _react.PropTypes.func.isRequired,
-  onItemTouchEnd: _react.PropTypes.func.isRequired,
-  onItemTouchCancel: _react.PropTypes.func.isRequired,
-  onItemMouseEnter: _react.PropTypes.func.isRequired,
-  onItemMouseLeave: _react.PropTypes.func.isRequired
+  children: _propTypes2.default.node.isRequired,
+  index: _propTypes2.default.number.isRequired,
+  onItemClick: _propTypes2.default.func.isRequired,
+  onItemTouchStart: _propTypes2.default.func.isRequired,
+  onItemTouchEnd: _propTypes2.default.func.isRequired,
+  onItemTouchCancel: _propTypes2.default.func.isRequired,
+  onItemMouseEnter: _propTypes2.default.func.isRequired,
+  onItemMouseLeave: _propTypes2.default.func.isRequired
 };
 exports.default = ComboBoxItem;

lib/components/DatePicker.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _injectStyle = require('../utils/inject-style');
@@ -56,100 +60,100 @@
   // value related props
-  defaultValue: _react.PropTypes.instanceOf(Date),
-  value: _react.PropTypes.instanceOf(Date),
-  valueLink: _react.PropTypes.shape({
-    value: _react.PropTypes.instanceOf(Date),
-    requestChange: _react.PropTypes.func.isRequired
+  defaultValue: _propTypes2.default.instanceOf(Date),
+  value: _propTypes2.default.instanceOf(Date),
+  valueLink: _propTypes2.default.shape({
+    value: _propTypes2.default.instanceOf(Date),
+    requestChange: _propTypes2.default.func.isRequired
   }),
 
-  min: _react.PropTypes.instanceOf(Date),
-  max: _react.PropTypes.instanceOf(Date),
+  min: _propTypes2.default.instanceOf(Date),
+  max: _propTypes2.default.instanceOf(Date),
 
   // component config related props
-  locale: _react.PropTypes.string,
-  month: _react.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
-  defaultMonth: _react.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
-  year: _react.PropTypes.number,
-  defaultYear: _react.PropTypes.number,
-  showOtherMonthDate: _react.PropTypes.bool,
-  renderDay: _react.PropTypes.func,
-  tabIndex: _react.PropTypes.number,
-  'aria-label': _react.PropTypes.string,
-  disabled: _react.PropTypes.bool,
-  readOnly: _react.PropTypes.bool,
-  preventFocusStyleForTouchAndClick: _react.PropTypes.bool,
+  locale: _propTypes2.default.string,
+  month: _propTypes2.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  defaultMonth: _propTypes2.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  year: _propTypes2.default.number,
+  defaultYear: _propTypes2.default.number,
+  showOtherMonthDate: _propTypes2.default.bool,
+  renderDay: _propTypes2.default.func,
+  tabIndex: _propTypes2.default.number,
+  'aria-label': _propTypes2.default.string,
+  disabled: _propTypes2.default.bool,
+  readOnly: _propTypes2.default.bool,
+  preventFocusStyleForTouchAndClick: _propTypes2.default.bool,
 
   // event callbacks for wrapper
-  onFocus: _react.PropTypes.func,
-  onBlur: _react.PropTypes.func,
-  onKeyDown: _react.PropTypes.func,
-  onMouseDown: _react.PropTypes.func,
-  onMouseUp: _react.PropTypes.func,
-  onTouchStart: _react.PropTypes.func,
-  onTouchEnd: _react.PropTypes.func,
-  onTouchCancel: _react.PropTypes.func,
+  onFocus: _propTypes2.default.func,
+  onBlur: _propTypes2.default.func,
+  onKeyDown: _propTypes2.default.func,
+  onMouseDown: _propTypes2.default.func,
+  onMouseUp: _propTypes2.default.func,
+  onTouchStart: _propTypes2.default.func,
+  onTouchEnd: _propTypes2.default.func,
+  onTouchCancel: _propTypes2.default.func,
 
   // callbacks for change of values
-  onUpdate: _react.PropTypes.func,
-  onMonthUpdate: _react.PropTypes.func,
+  onUpdate: _propTypes2.default.func,
+  onMonthUpdate: _propTypes2.default.func,
 
   // props
-  dayProps: _react.PropTypes.object,
-  navBarProps: _react.PropTypes.object,
-  prevMonthNavProps: _react.PropTypes.object,
-  prevMonthNavIconProps: _react.PropTypes.object,
-  nextMonthNavProps: _react.PropTypes.object,
-  nextMonthNavIconProps: _react.PropTypes.object,
-  monthLabelProps: _react.PropTypes.object,
-  dayLabelProps: _react.PropTypes.object,
-  weekHeaderProps: _react.PropTypes.object,
-  weekGridProps: _react.PropTypes.object,
+  dayProps: _propTypes2.default.object,
+  navBarProps: _propTypes2.default.object,
+  prevMonthNavProps: _propTypes2.default.object,
+  prevMonthNavIconProps: _propTypes2.default.object,
+  nextMonthNavProps: _propTypes2.default.object,
+  nextMonthNavIconProps: _propTypes2.default.object,
+  monthLabelProps: _propTypes2.default.object,
+  dayLabelProps: _propTypes2.default.object,
+  weekHeaderProps: _propTypes2.default.object,
+  weekGridProps: _propTypes2.default.object,
 
   // ClassNames
-  className: _react.PropTypes.string,
+  className: _propTypes2.default.string,
 
   // wrapper styles
-  style: _react.PropTypes.object,
-  disabledStyle: _react.PropTypes.object,
-  readOnlyStyle: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  activeStyle: _react.PropTypes.object,
-  focusStyle: _react.PropTypes.object,
-  disabledHoverStyle: _react.PropTypes.object,
+  style: _propTypes2.default.object,
+  disabledStyle: _propTypes2.default.object,
+  readOnlyStyle: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  activeStyle: _propTypes2.default.object,
+  focusStyle: _propTypes2.default.object,
+  disabledHoverStyle: _propTypes2.default.object,
 
   // navbar styles
-  navBarStyle: _react.PropTypes.object,
+  navBarStyle: _propTypes2.default.object,
 
   // prevMonthNav styles
-  prevMonthNavStyle: _react.PropTypes.object,
-  prevMonthNavIconStyle: _react.PropTypes.object,
-  hoverPrevMonthNavStyle: _react.PropTypes.object,
-  activePrevMonthNavStyle: _react.PropTypes.object,
+  prevMonthNavStyle: _propTypes2.default.object,
+  prevMonthNavIconStyle: _propTypes2.default.object,
+  hoverPrevMonthNavStyle: _propTypes2.default.object,
+  activePrevMonthNavStyle: _propTypes2.default.object,
 
   // nextMonthNav styles
-  nextMonthNavStyle: _react.PropTypes.object,
-  nextMonthNavIconStyle: _react.PropTypes.object,
-  hoverNextMonthNavStyle: _react.PropTypes.object,
-  activeNextMonthNavStyle: _react.PropTypes.object,
+  nextMonthNavStyle: _propTypes2.default.object,
+  nextMonthNavIconStyle: _propTypes2.default.object,
+  hoverNextMonthNavStyle: _propTypes2.default.object,
+  activeNextMonthNavStyle: _propTypes2.default.object,
 
-  weekHeaderStyle: _react.PropTypes.object,
+  weekHeaderStyle: _propTypes2.default.object,
 
   // monthlbl styles
-  monthLabelStyle: _react.PropTypes.object,
+  monthLabelStyle: _propTypes2.default.object,
 
   // daylbl styles
-  dayLabelStyle: _react.PropTypes.object,
-  disabledDayLabelStyle: _react.PropTypes.object,
-  weekendLabelStyle: _react.PropTypes.object,
+  dayLabelStyle: _propTypes2.default.object,
+  disabledDayLabelStyle: _propTypes2.default.object,
+  weekendLabelStyle: _propTypes2.default.object,
 
   // day styles
-  dayStyle: _react.PropTypes.object,
-  disabledDayStyle: _react.PropTypes.object,
-  readOnlyDayStyle: _react.PropTypes.object,
-  activeDayStyle: _react.PropTypes.object,
-  focusDayStyle: _react.PropTypes.object,
-  disabledFocusDayStyle: _react.PropTypes.object,
-  todayStyle: _react.PropTypes.object,
-  selectedDayStyle: _react.PropTypes.object,
-  otherMonthDayStyle: _react.PropTypes.object,
-  weekendStyle: _react.PropTypes.object
+  dayStyle: _propTypes2.default.object,
+  disabledDayStyle: _propTypes2.default.object,
+  readOnlyDayStyle: _propTypes2.default.object,
+  activeDayStyle: _propTypes2.default.object,
+  focusDayStyle: _propTypes2.default.object,
+  disabledFocusDayStyle: _propTypes2.default.object,
+  todayStyle: _propTypes2.default.object,
+  selectedDayStyle: _propTypes2.default.object,
+  otherMonthDayStyle: _propTypes2.default.object,
+  weekendStyle: _propTypes2.default.object
 };
@@ -156,0 +160,0 @@

lib/components/Day.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -87,15 +91,15 @@
 Day.propTypes = {
-  children: _react.PropTypes.node.isRequired,
-  dateKey: _react.PropTypes.string.isRequired,
-  onDayMouseEnter: _react.PropTypes.func.isRequired,
-  onDayMouseLeave: _react.PropTypes.func.isRequired,
-  onDayMouseDown: _react.PropTypes.func.isRequired,
-  onDayMouseUp: _react.PropTypes.func.isRequired,
-  onDayTouchStart: _react.PropTypes.func.isRequired,
-  onDayTouchEnd: _react.PropTypes.func.isRequired,
-  onDayTouchCancel: _react.PropTypes.func.isRequired,
-  style: _react.PropTypes.object.isRequired,
-  dayProps: _react.PropTypes.any,
-  selected: _react.PropTypes.bool.isRequired
+  children: _propTypes2.default.node.isRequired,
+  dateKey: _propTypes2.default.string.isRequired,
+  onDayMouseEnter: _propTypes2.default.func.isRequired,
+  onDayMouseLeave: _propTypes2.default.func.isRequired,
+  onDayMouseDown: _propTypes2.default.func.isRequired,
+  onDayMouseUp: _propTypes2.default.func.isRequired,
+  onDayTouchStart: _propTypes2.default.func.isRequired,
+  onDayTouchEnd: _propTypes2.default.func.isRequired,
+  onDayTouchCancel: _propTypes2.default.func.isRequired,
+  style: _propTypes2.default.object.isRequired,
+  dayProps: _propTypes2.default.any,
+  selected: _propTypes2.default.bool.isRequired
 };
 exports.default = Day;

lib/components/DisabledDay.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -70,9 +74,9 @@
 DisabledDay.propTypes = {
-  children: _react.PropTypes.node.isRequired,
-  dateKey: _react.PropTypes.string.isRequired,
-  onDayMouseEnter: _react.PropTypes.func.isRequired,
-  onDayMouseLeave: _react.PropTypes.func.isRequired,
-  style: _react.PropTypes.object.isRequired,
-  disabledDayProps: _react.PropTypes.any
+  children: _propTypes2.default.node.isRequired,
+  dateKey: _propTypes2.default.string.isRequired,
+  onDayMouseEnter: _propTypes2.default.func.isRequired,
+  onDayMouseLeave: _propTypes2.default.func.isRequired,
+  style: _propTypes2.default.object.isRequired,
+  disabledDayProps: _propTypes2.default.any
 };
 exports.default = DisabledDay;

lib/components/Option.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _helpers = require('../utils/helpers');
@@ -31,10 +35,10 @@
 var optionPropTypes = {
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  style: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  selectStyle: _react.PropTypes.object,
-  disabledSelectStyle: _react.PropTypes.object,
-  _isDisplayedAsSelected: _react.PropTypes.bool,
-  value: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number]).isRequired,
-  identifier: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number])
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  style: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  selectStyle: _propTypes2.default.object,
+  disabledSelectStyle: _propTypes2.default.object,
+  _isDisplayedAsSelected: _propTypes2.default.bool,
+  value: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number]).isRequired,
+  identifier: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number])
 };
@@ -113,4 +117,4 @@
 Option.contextTypes = {
-  isDisabled: _react.PropTypes.bool.isRequired,
-  isHoveredValue: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number])
+  isDisabled: _propTypes2.default.bool.isRequired,
+  isHoveredValue: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number])
 };
@@ -117,0 +121,0 @@ Option.defaultProps = {

lib/components/Placeholder.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _helpers = require('../utils/helpers');
@@ -31,6 +35,6 @@
 var placeholderPropTypes = {
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  style: _react.PropTypes.object,
-  disabledStyle: _react.PropTypes.object,
-  _isDisabled: _react.PropTypes.bool
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  style: _propTypes2.default.object,
+  disabledStyle: _propTypes2.default.object,
+  _isDisabled: _propTypes2.default.bool
 };
@@ -37,0 +41,0 @@

lib/components/Rating.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _exenv = require('exenv');
@@ -45,36 +49,36 @@
 var ratingPropTypes = {
-  defaultValue: _react.PropTypes.oneOf([1, 2, 3, 4, 5]),
-  value: _react.PropTypes.oneOf([1, 2, 3, 4, 5]),
-  valueLink: _react.PropTypes.shape({
-    value: _react.PropTypes.oneOf([1, 2, 3, 4, 5]),
-    requestChange: _react.PropTypes.func.isRequired
+  defaultValue: _propTypes2.default.oneOf([1, 2, 3, 4, 5]),
+  value: _propTypes2.default.oneOf([1, 2, 3, 4, 5]),
+  valueLink: _propTypes2.default.shape({
+    value: _propTypes2.default.oneOf([1, 2, 3, 4, 5]),
+    requestChange: _propTypes2.default.func.isRequired
   }),
-  disabled: _react.PropTypes.bool,
-  tabIndex: _react.PropTypes.number,
-  character: _react.PropTypes.string,
-  characterProps: _react.PropTypes.object,
-  preventFocusStyleForTouchAndClick: _react.PropTypes.bool,
-  'aria-label': _react.PropTypes.string,
-  style: _react.PropTypes.object,
-  className: _react.PropTypes.string,
-  focusStyle: _react.PropTypes.object,
-  disabledStyle: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  disabledHoverStyle: _react.PropTypes.object,
-  characterStyle: _react.PropTypes.object,
-  activeCharacterStyle: _react.PropTypes.object,
-  hoverCharacterStyle: _react.PropTypes.object,
-  onUpdate: _react.PropTypes.func,
-  onMouseDown: _react.PropTypes.func,
-  onMouseUp: _react.PropTypes.func,
-  onMouseEnter: _react.PropTypes.func,
-  onMouseMove: _react.PropTypes.func,
-  onMouseLeave: _react.PropTypes.func,
-  onTouchStart: _react.PropTypes.func,
-  onTouchMove: _react.PropTypes.func,
-  onTouchEnd: _react.PropTypes.func,
-  onTouchCancel: _react.PropTypes.func,
-  onFocus: _react.PropTypes.func,
-  onBlur: _react.PropTypes.func,
-  onKeyDown: _react.PropTypes.func
+  disabled: _propTypes2.default.bool,
+  tabIndex: _propTypes2.default.number,
+  character: _propTypes2.default.string,
+  characterProps: _propTypes2.default.object,
+  preventFocusStyleForTouchAndClick: _propTypes2.default.bool,
+  'aria-label': _propTypes2.default.string,
+  style: _propTypes2.default.object,
+  className: _propTypes2.default.string,
+  focusStyle: _propTypes2.default.object,
+  disabledStyle: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  disabledHoverStyle: _propTypes2.default.object,
+  characterStyle: _propTypes2.default.object,
+  activeCharacterStyle: _propTypes2.default.object,
+  hoverCharacterStyle: _propTypes2.default.object,
+  onUpdate: _propTypes2.default.func,
+  onMouseDown: _propTypes2.default.func,
+  onMouseUp: _propTypes2.default.func,
+  onMouseEnter: _propTypes2.default.func,
+  onMouseMove: _propTypes2.default.func,
+  onMouseLeave: _propTypes2.default.func,
+  onTouchStart: _propTypes2.default.func,
+  onTouchMove: _propTypes2.default.func,
+  onTouchEnd: _propTypes2.default.func,
+  onTouchCancel: _propTypes2.default.func,
+  onFocus: _propTypes2.default.func,
+  onBlur: _propTypes2.default.func,
+  onKeyDown: _propTypes2.default.func
 };
@@ -81,0 +85,0 @@

lib/components/Select.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _reactDom = require('react-dom');
@@ -111,34 +115,34 @@
   children: validateChildrenAreOptionsAndMaximumOnePlaceholder,
-  value: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number, _react.PropTypes.instanceOf(Date)]),
-  defaultValue: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number]),
-  onUpdate: _react.PropTypes.func,
-  valueLink: _react.PropTypes.shape({
-    value: _react.PropTypes.string.isRequired,
-    requestChange: _react.PropTypes.func.isRequired
+  value: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.instanceOf(Date)]),
+  defaultValue: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number]),
+  onUpdate: _propTypes2.default.func,
+  valueLink: _propTypes2.default.shape({
+    value: _propTypes2.default.string.isRequired,
+    requestChange: _propTypes2.default.func.isRequired
   }),
-  className: _react.PropTypes.string,
-  shouldPositionOptions: _react.PropTypes.bool,
-  positionOptions: _react.PropTypes.func,
-  style: _react.PropTypes.object,
-  focusStyle: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  activeStyle: _react.PropTypes.object,
-  wrapperStyle: _react.PropTypes.object,
-  menuStyle: _react.PropTypes.object,
-  caretToOpenStyle: _react.PropTypes.object,
-  caretToCloseStyle: _react.PropTypes.object,
-  wrapperProps: _react.PropTypes.object,
-  menuProps: _react.PropTypes.object,
-  caretProps: _react.PropTypes.object,
-  disabled: _react.PropTypes.bool,
-  disabledStyle: _react.PropTypes.object,
-  disabledHoverStyle: _react.PropTypes.object,
-  disabledCaretToOpenStyle: _react.PropTypes.object,
-  id: _react.PropTypes.string,
-  onClick: _react.PropTypes.func,
-  onTouchCancel: _react.PropTypes.func,
-  onMouseDown: _react.PropTypes.func,
-  onMouseUp: _react.PropTypes.func,
-  onTouchEnd: _react.PropTypes.func,
-  onTouchStart: _react.PropTypes.func
+  className: _propTypes2.default.string,
+  shouldPositionOptions: _propTypes2.default.bool,
+  positionOptions: _propTypes2.default.func,
+  style: _propTypes2.default.object,
+  focusStyle: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  activeStyle: _propTypes2.default.object,
+  wrapperStyle: _propTypes2.default.object,
+  menuStyle: _propTypes2.default.object,
+  caretToOpenStyle: _propTypes2.default.object,
+  caretToCloseStyle: _propTypes2.default.object,
+  wrapperProps: _propTypes2.default.object,
+  menuProps: _propTypes2.default.object,
+  caretProps: _propTypes2.default.object,
+  disabled: _propTypes2.default.bool,
+  disabledStyle: _propTypes2.default.object,
+  disabledHoverStyle: _propTypes2.default.object,
+  disabledCaretToOpenStyle: _propTypes2.default.object,
+  id: _propTypes2.default.string,
+  onClick: _propTypes2.default.func,
+  onTouchCancel: _propTypes2.default.func,
+  onMouseDown: _propTypes2.default.func,
+  onMouseUp: _propTypes2.default.func,
+  onTouchEnd: _propTypes2.default.func,
+  onTouchStart: _propTypes2.default.func
 };
@@ -1005,4 +1009,4 @@
 Select.childContextTypes = {
-  isDisabled: _react.PropTypes.bool.isRequired,
-  isHoveredValue: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.string, _react.PropTypes.number])
+  isDisabled: _propTypes2.default.bool.isRequired,
+  isHoveredValue: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number])
 };
@@ -1009,0 +1013,0 @@ Select.defaultProps = {

lib/components/SelectItem.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -81,12 +85,12 @@
 SelectItem.propTypes = {
-  children: _react.PropTypes.node.isRequired,
-  isHovered: _react.PropTypes.bool.isRequired,
-  index: _react.PropTypes.number.isRequired,
-  onItemClick: _react.PropTypes.func.isRequired,
-  onItemTouchStart: _react.PropTypes.func.isRequired,
-  onItemTouchMove: _react.PropTypes.func.isRequired,
-  onItemTouchEnd: _react.PropTypes.func.isRequired,
-  onItemTouchCancel: _react.PropTypes.func.isRequired,
-  onItemMouseEnter: _react.PropTypes.func.isRequired
+  children: _propTypes2.default.node.isRequired,
+  isHovered: _propTypes2.default.bool.isRequired,
+  index: _propTypes2.default.number.isRequired,
+  onItemClick: _propTypes2.default.func.isRequired,
+  onItemTouchStart: _propTypes2.default.func.isRequired,
+  onItemTouchMove: _propTypes2.default.func.isRequired,
+  onItemTouchEnd: _propTypes2.default.func.isRequired,
+  onItemTouchCancel: _propTypes2.default.func.isRequired,
+  onItemMouseEnter: _propTypes2.default.func.isRequired
 };
 exports.default = SelectItem;

lib/components/Separator.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _helpers = require('../utils/helpers');
@@ -31,4 +35,4 @@
 var separatorPropTypes = {
-  children: _react.PropTypes.oneOfType([_react.PropTypes.arrayOf(_react.PropTypes.node), _react.PropTypes.node]),
-  style: _react.PropTypes.object
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
+  style: _propTypes2.default.object
 };
@@ -35,0 +39,0 @@

lib/components/Spinner.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _spinner = require('../style/spinner');
@@ -89,6 +93,6 @@
 Spinner.propTypes = {
-  characterProps: _react.PropTypes.object,
-  characterStyle: _react.PropTypes.object,
-  style: _react.PropTypes.object
+  characterProps: _propTypes2.default.object,
+  characterStyle: _propTypes2.default.object,
+  style: _propTypes2.default.object
 };
 exports.default = Spinner;

lib/components/TextInput.js

@@ -17,2 +17,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _reactDom = require('react-dom');
@@ -49,21 +53,21 @@
 var textInputPropTypes = {
-  className: _react.PropTypes.string,
-  minHeight: _react.PropTypes.number,
-  maxHeight: _react.PropTypes.number,
-  minRows: _react.PropTypes.number,
-  maxRows: _react.PropTypes.number,
-  style: _react.PropTypes.object,
-  hoverStyle: _react.PropTypes.object,
-  focusStyle: _react.PropTypes.object,
-  allowNewLine: _react.PropTypes.bool,
-  disabled: _react.PropTypes.bool,
-  disabledStyle: _react.PropTypes.object,
-  disabledHoverStyle: _react.PropTypes.object,
-  onUpdate: _react.PropTypes.func,
-  onKeyDown: _react.PropTypes.func,
-  value: _react.PropTypes.string,
-  defaultValue: _react.PropTypes.string,
-  valueLink: _react.PropTypes.shape({
-    value: _react.PropTypes.string.isRequired,
-    requestChange: _react.PropTypes.func.isRequired
+  className: _propTypes2.default.string,
+  minHeight: _propTypes2.default.number,
+  maxHeight: _propTypes2.default.number,
+  minRows: _propTypes2.default.number,
+  maxRows: _propTypes2.default.number,
+  style: _propTypes2.default.object,
+  hoverStyle: _propTypes2.default.object,
+  focusStyle: _propTypes2.default.object,
+  allowNewLine: _propTypes2.default.bool,
+  disabled: _propTypes2.default.bool,
+  disabledStyle: _propTypes2.default.object,
+  disabledHoverStyle: _propTypes2.default.object,
+  onUpdate: _propTypes2.default.func,
+  onKeyDown: _propTypes2.default.func,
+  value: _propTypes2.default.string,
+  defaultValue: _propTypes2.default.string,
+  valueLink: _propTypes2.default.shape({
+    value: _propTypes2.default.string.isRequired,
+    requestChange: _propTypes2.default.func.isRequired
   })
@@ -70,0 +74,0 @@ };

lib/components/Toggle.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _reactDom = require('react-dom');
@@ -83,61 +87,61 @@
 var togglePropTypes = {
-  activeHandleStyle: _react.PropTypes.object,
+  activeHandleStyle: _propTypes2.default.object,
   children: validateChoices,
-  className: _react.PropTypes.string,
-  defaultValue: _react.PropTypes.bool,
-  disabled: _react.PropTypes.bool,
-  disabledHandleStyle: _react.PropTypes.object,
-  disabledStyle: _react.PropTypes.object,
-  firstChoiceProps: _react.PropTypes.object,
-  firstChoiceStyle: _react.PropTypes.shape({
-    width: _react.PropTypes.number
+  className: _propTypes2.default.string,
+  defaultValue: _propTypes2.default.bool,
+  disabled: _propTypes2.default.bool,
+  disabledHandleStyle: _propTypes2.default.object,
+  disabledStyle: _propTypes2.default.object,
+  firstChoiceProps: _propTypes2.default.object,
+  firstChoiceStyle: _propTypes2.default.shape({
+    width: _propTypes2.default.number
   }),
-  focusStyle: _react.PropTypes.object,
-  handleProps: _react.PropTypes.shape({
-    onMouseDown: _react.PropTypes.func,
-    onMouseMove: _react.PropTypes.func,
-    onMouseUp: _react.PropTypes.func,
-    onMouseLeave: _react.PropTypes.func,
-    onTouchStart: _react.PropTypes.func,
-    onTouchMove: _react.PropTypes.func,
-    onTouchEnd: _react.PropTypes.func,
-    onTouchCancel: _react.PropTypes.func
+  focusStyle: _propTypes2.default.object,
+  handleProps: _propTypes2.default.shape({
+    onMouseDown: _propTypes2.default.func,
+    onMouseMove: _propTypes2.default.func,
+    onMouseUp: _propTypes2.default.func,
+    onMouseLeave: _propTypes2.default.func,
+    onTouchStart: _propTypes2.default.func,
+    onTouchMove: _propTypes2.default.func,
+    onTouchEnd: _propTypes2.default.func,
+    onTouchCancel: _propTypes2.default.func
   }),
-  handleStyle: _react.PropTypes.shape({
-    height: _react.PropTypes.number,
-    width: _react.PropTypes.number
+  handleStyle: _propTypes2.default.shape({
+    height: _propTypes2.default.number,
+    width: _propTypes2.default.number
   }),
-  hoverHandleStyle: _react.PropTypes.object,
-  onBlur: _react.PropTypes.func,
-  onUpdate: _react.PropTypes.func,
-  onFocus: _react.PropTypes.func,
-  onKeyDown: _react.PropTypes.func,
-  onMouseDown: _react.PropTypes.func,
-  onMouseEnter: _react.PropTypes.func,
-  onMouseLeave: _react.PropTypes.func,
-  onMouseUp: _react.PropTypes.func,
-  onTouchStart: _react.PropTypes.func,
-  secondChoiceProps: _react.PropTypes.object,
-  secondChoiceStyle: _react.PropTypes.shape({
-    width: _react.PropTypes.number
+  hoverHandleStyle: _propTypes2.default.object,
+  onBlur: _propTypes2.default.func,
+  onUpdate: _propTypes2.default.func,
+  onFocus: _propTypes2.default.func,
+  onKeyDown: _propTypes2.default.func,
+  onMouseDown: _propTypes2.default.func,
+  onMouseEnter: _propTypes2.default.func,
+  onMouseLeave: _propTypes2.default.func,
+  onMouseUp: _propTypes2.default.func,
+  onTouchStart: _propTypes2.default.func,
+  secondChoiceProps: _propTypes2.default.object,
+  secondChoiceStyle: _propTypes2.default.shape({
+    width: _propTypes2.default.number
   }),
-  sliderProps: _react.PropTypes.shape({
-    onClick: _react.PropTypes.func,
-    onTouchStart: _react.PropTypes.func,
-    onTouchMove: _react.PropTypes.func,
-    onTouchEnd: _react.PropTypes.func,
-    onTouchCancel: _react.PropTypes.func
+  sliderProps: _propTypes2.default.shape({
+    onClick: _propTypes2.default.func,
+    onTouchStart: _propTypes2.default.func,
+    onTouchMove: _propTypes2.default.func,
+    onTouchEnd: _propTypes2.default.func,
+    onTouchCancel: _propTypes2.default.func
   }),
-  sliderStyle: _react.PropTypes.object,
-  sliderWrapperProps: _react.PropTypes.object,
-  sliderWrapperStyle: _react.PropTypes.object,
-  style: _react.PropTypes.shape({
-    width: _react.PropTypes.number
+  sliderStyle: _propTypes2.default.object,
+  sliderWrapperProps: _propTypes2.default.object,
+  sliderWrapperStyle: _propTypes2.default.object,
+  style: _propTypes2.default.shape({
+    width: _propTypes2.default.number
   }),
-  value: _react.PropTypes.bool,
-  valueLink: _react.PropTypes.shape({
-    value: _react.PropTypes.bool.isRequired,
-    requestChange: _react.PropTypes.func.isRequired
+  value: _propTypes2.default.bool,
+  valueLink: _propTypes2.default.shape({
+    value: _propTypes2.default.bool.isRequired,
+    requestChange: _propTypes2.default.func.isRequired
   }),
-  wrapperProps: _react.PropTypes.object
+  wrapperProps: _propTypes2.default.object
 };
@@ -144,0 +148,0 @@

lib/style/button.js

@@ -57,3 +57,4 @@ 'use strict';
     WebkitAnimation: 'belle-button-focus 2s',
-    outline: 0 },
+    outline: 0 // avoid default focus behaviour
+  },
 
@@ -128,3 +129,4 @@ activeStyle: {
     WebkitAnimation: 'belle-button-focus 2s',
-    outline: 0 },
+    outline: 0 // avoid default focus behaviour
+  },
 
@@ -131,0 +133,0 @@ primaryActiveStyle: {

lib/style/date-picker.js

@@ -47,3 +47,4 @@ 'use strict';
     WebkitAnimation: 'belle-button-focus 2s',
-    outline: 0 },
+    outline: 0 // avoid default focus behaviour
+  },
 
@@ -50,0 +51,0 @@ disabledHoverStyle: {

lib/style/toggle.js

@@ -20,3 +20,4 @@ 'use strict';
     WebkitAnimation: 'belle-toggle-focus 2s',
-    outline: 0 },
+    outline: 0 // avoid default focus behaviour
+  },
 
@@ -23,0 +24,0 @@ disabledStyle: {

package.json

 {
   "name": "belle",
-  "version": "3.0.2",
+  "version": "4.0.0",
   "description": "Configurable React Components with great UX",
@@ -26,3 +26,4 @@ "author": {
     "react": ">=15.4.0",
-    "react-dom": ">=15.4.0"
+    "react-dom": ">=15.4.0",
+    "prop-types": ">=15.4.0"
   },
@@ -57,5 +58,6 @@ "scripts": {
     "jest-cli": "^15.1.1",
+    "prop-types": "^15.5.10",
     "react": "^15.4.1",
-    "react-addons-test-utils": "^15.4.1",
     "react-dom": "^15.4.1",
+    "react-test-renderer": "^15.6.1",
     "react-transform-catch-errors": "^1.0.2",
@@ -75,3 +77,3 @@ "react-transform-hmr": "^1.0.4",
       "<rootDir>/node_modules/react-dom",
-      "<rootDir>/node_modules/react-addons-test-utils",
+      "<rootDir>/node_modules/prop-types",
       "../utils/helpers",
@@ -78,0 +80,0 @@ "../utils/union-class-names",

README.md

@@ -147,4 +147,2 @@ # Belle
 
-Join us at our [Gitter room](https://gitter.im/nikgraf/belle).
-
 In addition you can ask the community by [posting your question to StackOverflow with the **belle** tag.](http://stackoverflow.com/questions/ask?tags=belle).
@@ -151,0 +149,0 @@

No alert changes

Improved metrics

Lines of code

15400

increased by0.26%

Worsened metrics

Total package byte prevSize

645126

decreased by-0.15%

Dependency count

4

increased by33.33%

Dev dependency count

26

increased by4%

Number of package files

103

decreased by-1.9%

Number of lines in readme file

164

decreased by-1.2%

No dependency changes