belle - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

CHANGELOG.md

@@ -7,2 +7,10 @@ # Change Log
 
+## 2.0.5 - 2016-03-28
+
+### Changed
+- [All Components] Changed internal ID generation to make Belle compatible to React 15.
+
+### Fixed
+- [Combobox] Clicking on an filtered option now picks the correct entry [#269](https://github.com/nikgraf/belle/issues/269)
+
 ## 2.0.4 - 2016-02-16
@@ -9,0 +17,0 @@

lib/components/ActionArea.js

@@ -156,4 +156,5 @@ 'use strict';
 
-    var childProps = _objectWithoutProperties(properties, ['style']);
+    var childProps = _objectWithoutProperties(properties, ['style']); // eslint-disable-line no-unused-vars
 
+
     _this.childProps = childProps;
@@ -173,4 +174,5 @@ return _this;
 
-      var childProps = _objectWithoutProperties(properties, ['style']);
+      var childProps = _objectWithoutProperties(properties, ['style']); // eslint-disable-line no-unused-vars
 
+
       this.childProps = childProps;
@@ -177,0 +179,0 @@ }

lib/components/Button.js

@@ -39,6 +39,7 @@ 'use strict';
 
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // eslint-disable-line no-unused-vars
 
-var buttonTypes = ['button', 'submit', 'reset'];
 
+var buttonTypes = ['button', 'submit', 'reset']; // eslint-disable-line no-unused-vars
+
 /**
@@ -52,17 +53,32 @@ * Returns an object with properties that are relevant for the button element.
   var className = properties.className;
-  var style = properties.style;
-  var hoverStyle = properties.hoverStyle;
-  var focusStyle = properties.focusStyle;
-  var activeStyle = properties.activeStyle;
-  var disabledStyle = properties.disabledStyle;
-  var disabledHoverStyle = properties.disabledHoverStyle;
-  var primary = properties.primary;
-  var onTouchStart = properties.onTouchStart;
-  var onTouchEnd = properties.onTouchEnd;
-  var onTouchCancel = properties.onTouchCancel;
-  var onMouseDown = properties.onMouseDown;
-  var onMouseEnter = properties.onMouseEnter;
-  var onMouseLeave = properties.onMouseLeave;
-  var onFocus = properties.onFocus;
-  var onBlur = properties.onBlur;
+  var // eslint-disable-line no-unused-vars
+  style = properties.style;
+  var // eslint-disable-line no-unused-vars
+  hoverStyle = properties.hoverStyle;
+  var // eslint-disable-line no-unused-vars
+  focusStyle = properties.focusStyle;
+  var // eslint-disable-line no-unused-vars
+  activeStyle = properties.activeStyle;
+  var // eslint-disable-line no-unused-vars
+  disabledStyle = properties.disabledStyle;
+  var // eslint-disable-line no-unused-vars
+  disabledHoverStyle = properties.disabledHoverStyle;
+  var // eslint-disable-line no-unused-vars
+  primary = properties.primary;
+  var // eslint-disable-line no-unused-vars
+  onTouchStart = properties.onTouchStart;
+  var // eslint-disable-line no-unused-vars
+  onTouchEnd = properties.onTouchEnd;
+  var // eslint-disable-line no-unused-vars
+  onTouchCancel = properties.onTouchCancel;
+  var // eslint-disable-line no-unused-vars
+  onMouseDown = properties.onMouseDown;
+  var // eslint-disable-line no-unused-vars
+  onMouseEnter = properties.onMouseEnter;
+  var // eslint-disable-line no-unused-vars
+  onMouseLeave = properties.onMouseLeave;
+  var // eslint-disable-line no-unused-vars
+  onFocus = properties.onFocus;
+  var // eslint-disable-line no-unused-vars
+  onBlur = properties.onBlur;
 
@@ -87,3 +103,3 @@ var childProps = _objectWithoutProperties(properties, ['className', 'style', 'hoverStyle', 'focusStyle', 'activeStyle', 'disabledStyle', 'disabledHoverStyle', 'primary', 'onTouchStart', 'onTouchEnd', 'onTouchCancel', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur']);
 
-  var focusStyle = undefined;
+  var focusStyle = void 0;
   if (preventFocusStyleForTouchAndClick) {
@@ -251,8 +267,5 @@ focusStyle = { outline: 0 };
      * Generates the style-id & inject the focus & active style.
-     *
-     * The style-id is based on React's unique DOM node id.
      */
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
-      this.styleId = 'style-id' + id;
+      this.styleId = 'style-id' + (0, _helpers.uniqueId)();
       updatePseudoClassStyle(this.styleId, this.props, this.preventFocusStyleForTouchAndClick);
@@ -259,0 +272,0 @@ }

lib/components/Card.js

@@ -27,4 +27,5 @@ 'use strict';
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // eslint-disable-line no-unused-vars
 
+
 /**
@@ -47,4 +48,5 @@ * Card component with a light shadow.
 
-    var childProps = _objectWithoutProperties(properties, ['style']);
+    var childProps = _objectWithoutProperties(properties, ['style']); // eslint-disable-line no-unused-vars
 
+
     _this.childProps = childProps;
@@ -64,4 +66,5 @@ return _this;
 
-      var childProps = _objectWithoutProperties(properties, ['style']);
+      var childProps = _objectWithoutProperties(properties, ['style']); // eslint-disable-line no-unused-vars
 
+
       this.childProps = childProps;
@@ -68,0 +71,0 @@ }

lib/components/Choice.js

@@ -28,6 +28,6 @@ 'use strict';
 
-  function Choice(properties) {
+  function Choice() {
     _classCallCheck(this, Choice);
 
-    return _possibleConstructorReturn(this, Object.getPrototypeOf(Choice).call(this, properties));
+    return _possibleConstructorReturn(this, Object.getPrototypeOf(Choice).apply(this, arguments));
   }
@@ -34,0 +34,0 @@

lib/components/ComboBox.js

@@ -268,3 +268,3 @@ 'use strict';
 
-    var inputValue = undefined;
+    var inputValue = void 0;
 
@@ -296,3 +296,3 @@ if ((0, _helpers.has)(properties, 'valueLink')) {
     value: function getChildContext() {
-      var value = undefined;
+      var value = void 0;
       if (typeof this.state.focusedOptionIndex !== 'undefined') {
@@ -326,3 +326,3 @@ value = this.filteredOptions[this.state.focusedOptionIndex].props.value;
         if (filteredOptions && filteredOptions.length > 0) {
-          var hint = undefined;
+          var hint = void 0;
           var focusedOptionIndex = this.state.focusedOptionIndex;
@@ -350,2 +350,4 @@ var inputValue = this.state.inputValue;
       }
+
+      return undefined;
     }
@@ -355,3 +357,2 @@
      * Generates the style-id & inject the focus & hover style.
-     * The style-id is based on React's unique DOM node id.
      */
@@ -362,3 +363,3 @@
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
+      var id = (0, _helpers.uniqueId)();
       this._styleId = 'style-id' + id;
@@ -561,3 +562,3 @@ this._caretStyleId = 'caretStyle-id' + id;
     value: function _getValueForIndex(index) {
-      return this.props.children[index].props.value;
+      return this.filteredOptions[index].props.value;
     }
@@ -636,3 +637,3 @@
       // todo: Currently there are no different hover styles for caret, like select they are probably not really needed.
-      var caretStyle = undefined;
+      var caretStyle = void 0;
       if (this.props.displayCaret) {
@@ -639,0 +640,0 @@ if (this.props.disabled) {

lib/components/DatePicker.js

@@ -131,3 +131,3 @@ 'use strict';
   }];
-  var focusStyle = undefined;
+  var focusStyle = void 0;
   if (preventFocusStyleForTouchAndClick) {
@@ -164,5 +164,5 @@ focusStyle = { outline: 0 };
 
-    var selectedDate = undefined;
-    var month = undefined;
-    var year = undefined;
+    var selectedDate = void 0;
+    var month = void 0;
+    var year = void 0;
 
@@ -229,3 +229,3 @@ if ((0, _helpers.has)(properties, 'valueLink')) {
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
+      var id = (0, _helpers.uniqueId)();
       this.pseudoStyleIds = {};
@@ -410,5 +410,5 @@ this.pseudoStyleIds.styleId = 'wrapper-style-id' + id;
       if (!this.props.disabled && !this.props.readOnly) {
-        var day = undefined;
-        var month = undefined;
-        var year = undefined;
+        var day = void 0;
+        var month = void 0;
+        var year = void 0;
         if (this.state.selectedDate && date && this.state.selectedDate.getDate() === date.getDate() && this.state.selectedDate.getMonth() === date.getMonth() && this.state.selectedDate.getFullYear() === date.getFullYear()) {
@@ -482,4 +482,4 @@ day = undefined;
     value: function _decreaseMonthYear() {
-      var newMonth = undefined;
-      var newYear = undefined;
+      var newMonth = void 0;
+      var newYear = void 0;
       if (this.state.month === 0) {
@@ -511,4 +511,4 @@ newMonth = 11;
     value: function _increaseMonthYear() {
-      var newMonth = undefined;
-      var newYear = undefined;
+      var newMonth = void 0;
+      var newYear = void 0;
       if (this.state.month === 11) {
@@ -1099,11 +1099,11 @@ newMonth = 0;
           event.preventDefault();
-          var date = (0, _dateHelpers.getDateForDateKey)(_this4.state.focusedDateKey);
-          if (_this4._isWithinMinAndMax(date)) {
-            _this4._triggerSelectDate(date.getDate(), date.getMonth(), date.getFullYear());
+          var _date = (0, _dateHelpers.getDateForDateKey)(_this4.state.focusedDateKey);
+          if (_this4._isWithinMinAndMax(_date)) {
+            _this4._triggerSelectDate(_date.getDate(), _date.getMonth(), _date.getFullYear());
           }
         } else if (event.key === ' ') {
           event.preventDefault();
-          var date = (0, _dateHelpers.getDateForDateKey)(_this4.state.focusedDateKey);
-          if (_this4._isWithinMinAndMax(date)) {
-            _this4._triggerToggleDate(date);
+          var _date2 = (0, _dateHelpers.getDateForDateKey)(_this4.state.focusedDateKey);
+          if (_this4._isWithinMinAndMax(_date2)) {
+            _this4._triggerToggleDate(_date2);
           }
@@ -1129,3 +1129,3 @@ }
     // TODO extract this to a helper function and test various edge cases
-    var date = undefined;
+    var date = void 0;
     var lastDayInMonth = (0, _dateHelpers.getLastDayForMonth)(_this4.state.year, _this4.state.month - 1);
@@ -1155,3 +1155,3 @@ var focusedDate = (0, _dateHelpers.getDateForDateKey)(_this4.state.focusedDateKey);
     // TODO extract this to a helper function and test various edge cases
-    var date = undefined;
+    var date = void 0;
     var lastDayInMonth = (0, _dateHelpers.getLastDayForMonth)(_this4.state.year, _this4.state.month + 1);
@@ -1158,0 +1158,0 @@ var focusedDate = (0, _dateHelpers.getDateForDateKey)(_this4.state.focusedDateKey);

lib/components/Day.js

@@ -17,2 +17,4 @@ 'use strict';
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -64,5 +66,7 @@
     value: function render() {
+      var _extends2;
+
       return _react2.default.createElement(
         'span',
-        _extends({
+        _extends((_extends2 = {
           style: this.props.style,
@@ -76,6 +80,4 @@ onMouseEnter: this._onMouseEnter,
           onTouchCancel: this._onTouchCancel,
-          'aria-selected': this.props.selected,
-          style: this.props.style,
-          role: 'gridcell'
-        }, this.props.dayProps),
+          'aria-selected': this.props.selected
+        }, _defineProperty(_extends2, 'style', this.props.style), _defineProperty(_extends2, 'role', 'gridcell'), _extends2), this.props.dayProps),
         this.props.children
@@ -82,0 +84,0 @@ );

lib/components/Option.js

@@ -70,3 +70,3 @@ 'use strict';
     value: function render() {
-      var optionStyle = undefined;
+      var optionStyle = void 0;
 
@@ -73,0 +73,0 @@ if (this.props._isDisplayedAsSelected) {

lib/components/Rating.js

@@ -61,3 +61,3 @@ 'use strict';
 function updatePseudoClassStyle(ratingWrapperStyleId, properties, preventFocusStyleForTouchAndClick) {
-  var ratingFocusStyle = undefined;
+  var ratingFocusStyle = void 0;
   if (preventFocusStyleForTouchAndClick) {
@@ -94,3 +94,3 @@ ratingFocusStyle = { outline: 0 };
 
-    var value = undefined;
+    var value = void 0;
 
@@ -131,3 +131,3 @@ if ((0, _helpers.has)(properties, 'valueLink')) {
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
+      var id = (0, _helpers.uniqueId)();
       this.ratingWrapperStyleId = 'rating-wrapper-style-id' + id;
@@ -272,3 +272,3 @@ updatePseudoClassStyle(this.ratingWrapperStyleId, this.props, this.preventFocusStyleForTouchAndClick);
     value: function _getCurrentValue() {
-      var value = undefined;
+      var value = void 0;
       if (this.state.focusedValue !== undefined) {
@@ -680,3 +680,3 @@ value = this.state.focusedValue;
   this._onEnterSpaceKeyDown = function () {
-    var newValue = undefined;
+    var newValue = void 0;
     if (_this3.state.focusedValue !== undefined) {
@@ -683,0 +683,0 @@ if (_this3.state.focusedValue === 0) {

lib/components/Select.js

@@ -104,2 +104,4 @@ 'use strict';
   }
+
+  return undefined;
 }
@@ -446,4 +448,4 @@
 
-    var selectedValue = undefined;
-    var focusedOptionValue = undefined;
+    var selectedValue = void 0;
+    var focusedOptionValue = void 0;
 
@@ -469,4 +471,4 @@ if (properties.children) {
     } else if (!(0, _helpers.isEmpty)(_this.children)) {
-      var firstOption = (0, _helpers.first)(_this.options);
-      focusedOptionValue = firstOption ? firstOption.props.value : void 0;
+      var _firstOption = (0, _helpers.first)(_this.options);
+      focusedOptionValue = _firstOption ? _firstOption.props.value : void 0;
     }
@@ -499,4 +501,2 @@
      * Generates the style-id & inject the focus & hover style.
-     *
-     * The style-id is based on React's unique DOM node id.
      */
@@ -507,3 +507,3 @@
     value: function componentWillMount() {
-      var id = this._getId();
+      var id = (0, _helpers.uniqueId)();
 
@@ -778,12 +778,2 @@ // Note: To ensure server side rendering creates the same results React's internal
     /**
-     * Returns a in the DOM unique ID based on React's internal id.
-     */
-
-  }, {
-    key: '_getId',
-    value: function _getId() {
-      return this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
-    }
-
-    /**
      * After an option has been selected the menu gets closed and the
@@ -860,2 +850,4 @@ * selection processed.
         }
+
+        return null;
       });
@@ -880,3 +872,3 @@ }
 
-      var selectedOptionOrPlaceholder = undefined;
+      var selectedOptionOrPlaceholder = void 0;
       if (this.state.selectedValue !== void 0) {
@@ -902,3 +894,3 @@ var selectedEntry = (0, _helpers.find)(this.children, function (entry) {
 
-      var selectedOptionWrapperStyle = undefined;
+      var selectedOptionWrapperStyle = void 0;
       if (this.props.disabled) {
@@ -924,3 +916,3 @@ if (this.state.isTouchedToToggle) {
 
-      var caretStyle = undefined;
+      var caretStyle = void 0;
       if (this.props.disabled) {
@@ -927,0 +919,0 @@ caretStyle = disabledCaretToOpenStyle;

lib/components/TextInput.js

@@ -146,3 +146,3 @@ 'use strict';
 
-    var inputValue = undefined;
+    var inputValue = void 0;
 
@@ -171,7 +171,5 @@ if ((0, _helpers.has)(properties, 'valueLink')) {
      * Generates the style-id & inject the focus & hover style.
-     *
-     * The style-id is based on React's unique DOM node id.
      */
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
+      var id = (0, _helpers.uniqueId)();
       this._styleId = 'style-id' + id;
@@ -178,0 +176,0 @@ updatePseudoClassStyle(this._styleId, this.props);

lib/components/Toggle.js

@@ -80,2 +80,4 @@ 'use strict';
   }
+
+  return undefined;
 }
@@ -98,2 +100,4 @@
   }
+
+  return undefined;
 }
@@ -108,3 +112,3 @@
 function updatePseudoClassStyle(styleId, properties, preventFocusStyleForTouchAndClick) {
-  var focusStyle = undefined;
+  var focusStyle = void 0;
   if (preventFocusStyleForTouchAndClick) {
@@ -139,3 +143,3 @@ focusStyle = { outline: 0 };
 
-    var value = undefined;
+    var value = void 0;
     if ((0, _helpers.has)(properties, 'valueLink')) {
@@ -189,7 +193,5 @@ value = properties.valueLink.value;
      * Generates the style-id & inject the focus style.
-     *
-     * The style-id is based on React's unique DOM node id.
      */
     value: function componentWillMount() {
-      var id = this._reactInternalInstance._rootNodeID.replace(/[\.\:\$\/\=]/g, '-');
+      var id = (0, _helpers.uniqueId)();
       this.styleId = 'style-id' + id;
@@ -417,4 +419,4 @@ updatePseudoClassStyle(this.styleId, this.props, this.preventFocusStyleForTouchAndClick);
 
-      var computedSliderStyle = undefined;
-      var handleStyle = undefined;
+      var computedSliderStyle = void 0;
+      var handleStyle = void 0;
 
@@ -421,0 +423,0 @@ var sliderWrapperStyle = _extends({}, _toggle2.default.sliderWrapperStyle, this.props.sliderWrapperStyle);

lib/config/select.js

@@ -58,5 +58,3 @@ 'use strict';
     // In case of a placeholder no option is focused on initially
-    var option = undefined;
-    var optionIndex = undefined;
-
+    var optionIndex = void 0;
     if (selectComponent.state.selectedValue) {
@@ -68,3 +66,3 @@ optionIndex = findIndexOfSelectedOption(selectComponent);
 
-    option = menuNode.childNodes[optionIndex];
+    var option = menuNode.childNodes[optionIndex];
 
@@ -71,0 +69,0 @@ var menuHeight = parseFloat(menuStyle.getPropertyValue('height'));

lib/style/combo-box.js

@@ -93,3 +93,3 @@ 'use strict';
     width: 0,
-    content: ' ',
+    content: '-', // Avoid this warning: was passed a numeric string value for CSS property `content` (value: ` `)
     position: 'absolute',
@@ -107,3 +107,3 @@ top: 15,
     width: 0,
-    content: ' ',
+    content: '-', // Avoid this warning: was passed a numeric string value for CSS property `content` (value: ` `)
     position: 'absolute',
@@ -110,0 +110,0 @@ top: 15,

lib/style/select.js

@@ -91,3 +91,3 @@ 'use strict';
     width: 0,
-    content: ' ',
+    content: '-', // Avoid this warning: was passed a numeric string value for CSS property `content` (value: ` `)
     position: 'absolute',
@@ -104,3 +104,3 @@ top: 15,
     width: 0,
-    content: ' ',
+    content: '-', // Avoid this warning: was passed a numeric string value for CSS property `content` (value: ` `)
     position: 'absolute',
@@ -107,0 +107,0 @@ top: 15,

lib/style/text-input.js

@@ -27,3 +27,3 @@ 'use strict';
     boxSizing: 'border-box',
-    minHeight: '0',
+    minHeight: '0px',
 
@@ -30,0 +30,0 @@ /* animations */

lib/utils/animation-frame-management.js

@@ -10,5 +10,5 @@ 'use strict';
 
-var requestAnimationFrame = exports.requestAnimationFrame = undefined; // Inspired by https://gist.github.com/paulirish/1579671
+var requestAnimationFrame = exports.requestAnimationFrame = void 0; // Inspired by https://gist.github.com/paulirish/1579671
 
-var cancelAnimationFrame = exports.cancelAnimationFrame = undefined;
+var cancelAnimationFrame = exports.cancelAnimationFrame = void 0;
 
@@ -15,0 +15,0 @@ var lastTime = 0;

lib/utils/calculate-textarea-height.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var hiddenTextarea = undefined; /* jscs:disable disallowSpacesInsideTemplateStringPlaceholders */
+var hiddenTextarea = void 0; /* jscs:disable disallowSpacesInsideTemplateStringPlaceholders */
 
@@ -101,4 +101,4 @@ var computedStyleCache = {};
 
-  var calculatedMinHeight = undefined;
-  var calculatedMaxHeight = undefined;
+  var calculatedMinHeight = void 0;
+  var calculatedMaxHeight = void 0;
   var height = hiddenTextarea.scrollHeight;
@@ -105,0 +105,0 @@

lib/utils/date-helpers.js

@@ -8,4 +8,2 @@ 'use strict';
 
-var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
 var _i18n = require('../config/i18n');
@@ -60,3 +58,3 @@
   var localeResult = {};
-  var lData = undefined;
+  var lData = void 0;
   if (locale) {
@@ -97,11 +95,4 @@ lData = _i18n2.default.localeData[locale];
 var getDateForDateKey = exports.getDateForDateKey = function getDateForDateKey(dateKey) {
-  var _dateKey$split = dateKey.split('-');
-
-  var _dateKey$split2 = _slicedToArray(_dateKey$split, 3);
-
-  var year = _dateKey$split2[0];
-  var month = _dateKey$split2[1];
-  var day = _dateKey$split2[2];
-
-  return new Date(parseInt(year, 10), parseInt(month, 10) - 1, parseInt(day, 10));
+  var splittedDate = dateKey.split('-');
+  return new Date(parseInt(splittedDate[0], 10), parseInt(splittedDate[1], 10) - 1, parseInt(splittedDate[2], 10));
 };
@@ -108,0 +99,0 @@

lib/utils/helpers.js

@@ -30,2 +30,3 @@ 'use strict';
 exports.flattenReactChildren = flattenReactChildren;
+exports.uniqueId = uniqueId;
 
@@ -65,2 +66,4 @@ var _react = require('react');
   }
+
+  return undefined;
 }
@@ -92,2 +95,4 @@
   }
+
+  return undefined;
 }
@@ -141,2 +146,4 @@
   }
+
+  return undefined;
 }
@@ -167,2 +174,4 @@
   }
+
+  return undefined;
 }
@@ -180,3 +189,3 @@
   if (iterable) {
-    var result = undefined;
+    var result = void 0;
     for (var index = 0; index < iterable.length; index++) {
@@ -191,2 +200,4 @@ if (predicate && predicate.call(context, iterable[index])) {
   }
+
+  return undefined;
 }
@@ -207,2 +218,4 @@
   }
+
+  return undefined;
 }
@@ -229,2 +242,4 @@
   }
+
+  return undefined;
 }
@@ -251,3 +266,3 @@
   if (iterable) {
-    var result = undefined;
+    var result = void 0;
     for (var index = 0; index < iterable.length; index++) {
@@ -262,2 +277,4 @@ if (predicate && predicate.call(context, iterable[index])) {
   }
+
+  return undefined;
 }
@@ -274,2 +291,4 @@
   }
+
+  return undefined;
 }
@@ -286,2 +305,4 @@
   }
+
+  return undefined;
 }
@@ -311,3 +332,3 @@
   if (iterable) {
-    var result = undefined;
+    var result = void 0;
     for (var index = 0; index < iterable.length; index++) {
@@ -322,2 +343,4 @@ if (predicate && predicate.call(context, iterable[index])) {
   }
+
+  return undefined;
 }
@@ -354,2 +377,4 @@
   }
+
+  return undefined;
 }
@@ -390,2 +415,4 @@
   }
+
+  return undefined;
 }
@@ -417,2 +444,4 @@
   }
+
+  return undefined;
 }
@@ -439,2 +468,4 @@
   }
+
+  return undefined;
 }
@@ -450,2 +481,8 @@
   }
+
+  return undefined;
+}
+
+function uniqueId() {
+  return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
 }

lib/utils/inject-style.js

@@ -30,3 +30,3 @@ 'use strict';
 
-var styleElement = undefined;
+var styleElement = void 0;
 var styleStorage = {};
@@ -70,2 +70,4 @@
     }
+
+    return undefined;
   });
@@ -72,0 +74,0 @@ }

package.json

 {
   "name": "belle",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Configurable React Components with great UX",
@@ -25,8 +25,7 @@ "author": {
   "peerDependencies": {
-    "react": ">=0.14.0",
-    "react-dom": ">=0.14.0"
+    "react": ">=0.14.0 || ^15.0.0-rc",
+    "react-dom": ">=0.14.0 || ^15.0.0-rc"
   },
   "scripts": {
-    "lala": "BABEL_ENV=production babel --version",
-    "build": "BABEL_ENV=production babel --out-dir='lib' --ignore='__tests__/*' src",
+    "build": "BABEL_ENV=production node_modules/.bin/babel --out-dir='lib' --ignore='__tests__/*' src",
     "prepublish": "npm run build",
@@ -46,29 +45,29 @@ "postpublish": "./scripts/publish_gh_pages.sh",
   "devDependencies": {
-    "alex": "^2.0.0",
-    "babel": "^6.5.1",
-    "babel-cli": "^6.5.1",
-    "babel-core": "^6.5.1",
-    "babel-eslint": "^4.1.8",
-    "babel-jest": "^6.0.1",
-    "babel-loader": "^6.2.2",
-    "babel-plugin-react-transform": "^2.0.0",
-    "babel-preset-es2015": "^6.5.0",
+    "alex": "^2.0.1",
+    "babel": "^6.5.2",
+    "babel-cli": "^6.6.5",
+    "babel-core": "^6.7.4",
+    "babel-eslint": "^6.0.0",
+    "babel-jest": "^9.0.3",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-react-transform": "^2.0.2",
+    "babel-preset-es2015": "^6.6.0",
     "babel-preset-react": "^6.5.0",
-    "babel-preset-react-hmre": "^1.1.0",
+    "babel-preset-react-hmre": "^1.1.1",
     "babel-preset-stage-0": "^6.5.0",
-    "eslint": "^1.10.3",
-    "eslint-config-airbnb": "5.0.0",
-    "eslint-plugin-mocha": "^1.1.0",
-    "eslint-plugin-react": "^3.16.1",
-    "jest-cli": "^0.8.2",
-    "jscs": "^2.9.0",
-    "react": "^0.14.7",
-    "react-addons-test-utils": "^0.14.7",
-    "react-dom": "^0.14.7",
+    "eslint": "^2.5.3",
+    "eslint-config-airbnb": "6.2.0",
+    "eslint-plugin-mocha": "^2.0.0",
+    "eslint-plugin-react": "^4.2.3",
+    "jest-cli": "^0.9.2",
+    "jscs": "^2.11.0",
+    "react": "^15.0.0-rc.2",
+    "react-addons-test-utils": "^15.0.0-rc.2",
+    "react-dom": "^15.0.0-rc.2",
     "react-transform-catch-errors": "^1.0.2",
-    "react-transform-hmr": "^1.0.2",
+    "react-transform-hmr": "^1.0.4",
     "redbox-react": "^1.2.2",
-    "webpack": "^1.12.13",
-    "webpack-dev-middleware": "^1.5.1",
-    "webpack-hot-middleware": "^2.6.4"
+    "webpack": "^1.12.14",
+    "webpack-dev-middleware": "^1.6.1",
+    "webpack-hot-middleware": "^2.10.0"
   },
@@ -75,0 +74,0 @@ "jest": {

No alert changes

Improved metrics

Total package byte prevSize

657068

increased by69.19%

Number of package files

105

increased by54.41%

Lines of code

15694

increased by71.91%

No dependency changes