grommet-index - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

components/Aggregate.js

@@ -99,3 +99,3 @@ 'use strict';
     value: function render() {
-      var result = undefined;
+      var result = void 0;
       if ('distribution' === this.props.type) {
@@ -126,2 +126,3 @@ result = _react2.default.createElement(_Distribution2.default, { series: this.state.series,
 
+
 Aggregate.propTypes = {
@@ -128,0 +129,0 @@ a11yTitleId: _react.PropTypes.string,

components/Attribute.js

@@ -51,2 +51,3 @@ 'use strict';
 
+
       var classes = [CLASS_ROOT];
@@ -68,3 +69,3 @@ if (attribute.secondary) {
       );
-      var value = undefined;
+      var value = void 0;
 
@@ -113,2 +114,3 @@ if (attribute.hasOwnProperty('render')) {
 
+
 Attribute.propTypes = {
@@ -115,0 +117,0 @@ item: _react.PropTypes.object.isRequired,

components/Filter.js

@@ -15,10 +15,2 @@ 'use strict';
 
-var _pick = require('lodash/object/pick');
-
-var _pick2 = _interopRequireDefault(_pick);
-
-var _keys = require('lodash/object/keys');
-
-var _keys2 = _interopRequireDefault(_keys);
-
 var _CheckBox = require('grommet/components/CheckBox');
@@ -56,2 +48,10 @@
 
+var _FormattedMessage = require('grommet/components/FormattedMessage');
+
+var _FormattedMessage2 = _interopRequireDefault(_FormattedMessage);
+
+var _Props = require('grommet/utils/Props');
+
+var _Props2 = _interopRequireDefault(_Props);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -65,3 +65,3 @@
 
-var CLASS_ROOT = "index-filter";
+var CLASS_ROOT = 'index-filter';
 
@@ -89,3 +89,3 @@ var Filter = function (_Component) {
 
-      var values = undefined;
+      var values = void 0;
       if (exclusive) {
@@ -148,4 +148,5 @@ values = [value];
       if (all) {
+        var label = _react2.default.createElement(_FormattedMessage2.default, { id: 'All', defaultMessage: 'All' });
         checkBoxes.unshift(_react2.default.createElement(Type, { key: name + '-all',
-          id: name + '-all', label: 'All', checked: values.length === 0,
+          id: name + '-all', label: label, checked: values.length === 0,
           onChange: this._onChangeAll }));
@@ -167,6 +168,6 @@ }
 
-      var summary = undefined;
+      var summary = void 0;
       if (values.length === 0) {
         if (all) {
-          summary = 'All';
+          summary = _react2.default.createElement(_FormattedMessage2.default, { id: 'All', defaultMessage: 'All' });
         }
@@ -180,3 +181,7 @@ } else if (values.length === 1) {
       } else {
-        summary = values.length + ' values';
+        summary = _react2.default.createElement(_FormattedMessage2.default, {
+          id: 'FilterSummary',
+          defaultMessage: '{count, number} values',
+          count: values.length
+        });
       }
@@ -201,3 +206,3 @@ return _react2.default.createElement(
 
-      var other = (0, _pick2.default)(this.props, (0, _keys2.default)(_Box2.default.propTypes));
+      var boxProps = _Props2.default.pick(this.props, Object.keys(_Box2.default.propTypes));
 
@@ -211,3 +216,3 @@ var header = _react2.default.createElement(
         var summary = this._renderSummary();
-        var icon = undefined;
+        var icon = void 0;
         if (active) {
@@ -234,3 +239,3 @@ icon = _react2.default.createElement(_CaretUp2.default, null);
 
-      var choices = undefined;
+      var choices = void 0;
       if (inline || active) {
@@ -242,3 +247,3 @@ choices = this._renderChoices();
         _Box2.default,
-        _extends({}, other, { pad: _extends({}, other.pad, { between: 'small' }) }),
+        _extends({}, boxProps, { pad: _extends({}, boxProps.pad, { between: 'small' }) }),
         header,
@@ -255,2 +260,3 @@ choices
 
+
 Filter.propTypes = {
@@ -257,0 +263,0 @@ all: _react.PropTypes.bool,

components/Filters.js

@@ -35,2 +35,6 @@ 'use strict';
 
+var _Intl = require('grommet/utils/Intl');
+
+var _Intl2 = _interopRequireDefault(_Intl);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -97,3 +101,3 @@
       });
-      var result = undefined;
+      var result = void 0;
       if (sortAttributes.length > 0) {
@@ -129,3 +133,3 @@ result = _react2.default.createElement(_Sort2.default, { attributes: sortAttributes, value: sort,
 
-      var sort = undefined;
+      var sort = void 0;
       if (this.props.sort) {
@@ -138,3 +142,3 @@ sort = this._renderSort();
 
-      var result = undefined;
+      var result = void 0;
       if (inline) {
@@ -150,6 +154,7 @@ result = _react2.default.createElement(
         classNames.push(CLASS_ROOT + '__drop');
+        var a11yTitle = _Intl2.default.getMessage(this.context.intl, 'Filter');
         result = _react2.default.createElement(
           _Menu2.default,
           { className: CLASS_ROOT + "__menu", icon: icon,
-            dropAlign: { right: 'right' }, a11yTitle: 'Filter',
+            dropAlign: { right: 'right' }, a11yTitle: a11yTitle,
             direction: 'column', closeOnClick: false },
@@ -176,2 +181,3 @@ _react2.default.createElement(
 
+
 Filters.propTypes = {
@@ -178,0 +184,0 @@ attributes: _react.PropTypes.arrayOf(_react.PropTypes.shape({

components/Header.js

@@ -13,2 +13,10 @@ 'use strict';
 
+var _debounce = require('debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
+var _classnames2 = require('classnames');
+
+var _classnames3 = _interopRequireDefault(_classnames2);
+
 var _Header = require('grommet/components/Header');
@@ -44,2 +52,4 @@
 
+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"); } }
@@ -61,3 +71,3 @@
 
-    _this._onChangeSearch = _this._onChangeSearch.bind(_this);
+    _this._onChangeSearch = (0, _debounce2.default)(_this._onChangeSearch.bind(_this), 300);
     return _this;
@@ -78,22 +88,13 @@ }
 
+      var searchText = query ? query.toString() : '';
       var result = this.props.result || {};
-      var classes = [CLASS_ROOT];
-      if (this.props.className) {
-        classes.push(this.props.className);
-      }
 
-      var searchText = '';
-      if (query) {
-        searchText = query.toString();
-      }
+      var classes = (0, _classnames3.default)(CLASS_ROOT, this.props.className);
+      var countClasses = (0, _classnames3.default)(CLASS_ROOT + '__count', _defineProperty({}, CLASS_ROOT + '__count--active', result.unfilteredTotal > result.total));
 
-      var countClasses = [CLASS_ROOT + '__count'];
-      if (result.unfilteredTotal > result.total) {
-        countClasses.push(CLASS_ROOT + '__count--active');
-      }
+      var filterOrSortAttributes = attributes.filter(function (a) {
+        return a.filter || a.sort;
+      });
 
-      var filters = undefined;
-      var filterOrSortAttributes = attributes.filter(function (attribute) {
-        return attribute.filter || attribute.sort;
-      });
+      var filters = void 0;
       if (filterOrSortAttributes.length > 0) {
@@ -114,3 +115,3 @@ filters = _react2.default.createElement(
             'span',
-            { className: countClasses.join(' ') },
+            { className: countClasses },
             result.total
@@ -125,3 +126,3 @@ )
         _Header2.default,
-        { className: classes.join(' '),
+        { className: classes,
           pad: { horizontal: 'medium', between: 'small' },
@@ -138,7 +139,7 @@ fixed: this.props.fixed, size: 'large' },
           { className: CLASS_ROOT + '__controls flex', direction: 'row',
-            align: 'center', responsive: false },
+            align: 'center', justify: 'end', responsive: false },
           _react2.default.createElement(_Search2.default, { className: CLASS_ROOT + '__search flex',
             inline: true,
             placeHolder: placeHolder,
-            value: searchText,
+            defaultValue: searchText,
             onChange: this._onChangeSearch }),
@@ -157,2 +158,3 @@ filters,
 
+
 IndexHeader.propTypes = {
@@ -159,0 +161,0 @@ addControl: _react.PropTypes.node,

components/History.js

@@ -98,2 +98,3 @@ 'use strict';
 
+
 IndexHistory.propTypes = {
@@ -100,0 +101,0 @@ a11yTitleId: _react.PropTypes.string,

components/Index.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -18,2 +20,6 @@
 
+var _Responsive = require('grommet/utils/Responsive');
+
+var _Responsive2 = _interopRequireDefault(_Responsive);
+
 var _PropTypes = require('../utils/PropTypes');
@@ -39,2 +45,6 @@
 
+var _Intl = require('grommet/utils/Intl');
+
+var _Intl2 = _interopRequireDefault(_Intl);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -62,6 +72,25 @@
 
-    return _possibleConstructorReturn(this, Object.getPrototypeOf(Index).apply(this, arguments));
+    var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Index).call(this));
+
+    _this._onResponsive = _this._onResponsive.bind(_this);
+    _this.state = { responsiveSize: 'medium' };
+    return _this;
   }
 
   _createClass(Index, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this._responsive = _Responsive2.default.start(this._onResponsive);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      this._responsive.stop();
+    }
+  }, {
+    key: '_onResponsive',
+    value: function _onResponsive(small) {
+      this.setState({ responsiveSize: small ? 'small' : 'medium' });
+    }
+  }, {
     key: 'render',
@@ -78,3 +107,3 @@ value: function render() {
 
-      var error = undefined;
+      var error = void 0;
       if (result && result.error) {
@@ -88,6 +117,6 @@ error = _react2.default.createElement(
 
-      var empty = undefined;
+      var empty = void 0;
       if (result) {
-        var emptyMessage = undefined;
-        var addControl = undefined;
+        var emptyMessage = void 0;
+        var addControl = void 0;
         if (result.unfilteredTotal === 0) {
@@ -101,3 +130,3 @@ emptyMessage = this.props.emptyMessage;
         } else if (result.total === 0) {
-          emptyMessage = "No matches";
+          emptyMessage = _Intl2.default.getMessage(this.context.intl, 'No matches');
         }
@@ -120,3 +149,11 @@ if (emptyMessage) {
 
-      var ViewComponent = VIEW_COMPONENT[this.props.view];
+      var view = this.props.view;
+      var itemComponent = this.props.itemComponent;
+      if ((typeof view === 'undefined' ? 'undefined' : _typeof(view)) === 'object') {
+        view = view[this.state.responsiveSize];
+      }
+      if ((typeof itemComponent === 'undefined' ? 'undefined' : _typeof(itemComponent)) === 'object') {
+        itemComponent = itemComponent[this.state.responsiveSize];
+      }
+      var ViewComponent = VIEW_COMPONENT[view];
 
@@ -148,3 +185,3 @@ return _react2.default.createElement(
               flush: this.props.flush,
-              itemComponent: this.props.itemComponent,
+              itemComponent: itemComponent,
               result: this.props.result,
@@ -169,2 +206,3 @@ sections: this.props.sections,
 
+
 Index.propTypes = {
@@ -179,3 +217,6 @@ addControl: _react.PropTypes.node,
   flush: _react.PropTypes.bool, // for Tiles
-  itemComponent: _react.PropTypes.oneOfType([_react.PropTypes.object, _react.PropTypes.func]),
+  itemComponent: _react.PropTypes.oneOfType([_react.PropTypes.func, _react.PropTypes.shape({
+    medium: _react.PropTypes.func,
+    small: _react.PropTypes.func
+  })]),
   label: _react.PropTypes.string,
@@ -195,3 +236,6 @@ navControl: _react.PropTypes.node,
   sort: _react.PropTypes.string,
-  view: _react.PropTypes.oneOf(["table", "tiles", "list"])
+  view: _react.PropTypes.oneOfType([_react.PropTypes.oneOf(["table", "tiles", "list"]), _react.PropTypes.shape({
+    medium: _react.PropTypes.oneOf(["table", "tiles", "list"]),
+    small: _react.PropTypes.oneOf(["table", "tiles", "list"])
+  })])
 };
@@ -205,2 +249,6 @@
 };
+
+Index.contextTypes = {
+  intl: _react.PropTypes.object
+};
 module.exports = exports['default'];

components/List.js

@@ -58,6 +58,6 @@ 'use strict';
 
-      var status = undefined,
-          primary = undefined,
-          secondary = undefined,
-          separator = undefined;
+      var status = void 0,
+          primary = void 0,
+          secondary = void 0,
+          separator = void 0;
 
@@ -125,3 +125,3 @@ attributes.forEach(function (attribute) {
 
-      var onClick = undefined;
+      var onClick = void 0;
       if (this.props.onSelect) {
@@ -134,3 +134,3 @@ onClick = this._onClickItem.bind(this, item.uri);
       }
-      var listItem = undefined;
+      var listItem = void 0;
       if (itemComponent) {
@@ -160,4 +160,4 @@ var _Component3 = itemComponent;
 
-      var listItems = undefined;
-      var selectionIndex = undefined;
+      var listItems = void 0;
+      var selectionIndex = void 0;
       if (result && result.items) {
@@ -172,3 +172,3 @@ listItems = result.items.map(function (item, index) {
 
-      var onMore = undefined;
+      var onMore = void 0;
       if (result && result.count < result.total) {
@@ -194,2 +194,3 @@ onMore = this.props.onMore;
 
+
 IndexList.propTypes = {
@@ -196,0 +197,0 @@ attributes: _PropTypes2.default.attributes,

components/Notifications.js

@@ -68,2 +68,3 @@ 'use strict';
 
+
 Notifications.propTypes = {
@@ -70,0 +71,0 @@ notifications: _react.PropTypes.arrayOf(_react2.default.PropTypes.object)

components/Sort.js

@@ -15,10 +15,2 @@ 'use strict';
 
-var _pick = require('lodash/object/pick');
-
-var _pick2 = _interopRequireDefault(_pick);
-
-var _keys = require('lodash/object/keys');
-
-var _keys2 = _interopRequireDefault(_keys);
-
 var _Header = require('grommet/components/Header');
@@ -44,2 +36,10 @@
 
+var _Intl = require('grommet/utils/Intl');
+
+var _Intl2 = _interopRequireDefault(_Intl);
+
+var _Props = require('grommet/utils/Props');
+
+var _Props2 = _interopRequireDefault(_Props);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -99,3 +99,3 @@
 
-      var other = (0, _pick2.default)(this.props, (0, _keys2.default)(_Box2.default.propTypes));
+      var boxProps = _Props2.default.pick(this.props, Object.keys(_Box2.default.propTypes));
       var classNames = [CLASS_ROOT];
@@ -114,9 +114,11 @@ if (this.props.className) {
 
+      var title = _Intl2.default.getMessage(this.context.intl, 'Sort');
+
       return _react2.default.createElement(
         _Box2.default,
-        _extends({}, other, { className: classNames.join(' ') }),
+        _extends({}, boxProps, { className: classNames.join(' ') }),
         _react2.default.createElement(
           _Header2.default,
           { size: 'small' },
-          'Sort'
+          title
         ),
@@ -152,2 +154,3 @@ _react2.default.createElement(
 
+
 Sort.propTypes = {
@@ -165,2 +168,6 @@ attributes: _react.PropTypes.arrayOf(_react.PropTypes.shape({
 };
+
+Sort.contextTypes = {
+  intl: _react.PropTypes.object
+};
 module.exports = exports['default'];

components/Table.js

@@ -61,2 +61,3 @@ 'use strict';
 
+
       var cells = attributes.map(function (attribute, index) {
@@ -110,3 +111,3 @@ return _react2.default.createElement(
     value: function _simplifyAttributes(attributes) {
-      var result = undefined;
+      var result = void 0;
       if (attributes) {
@@ -131,3 +132,3 @@ result = attributes.filter(function (attribute) {
 
-      var onClick = undefined;
+      var onClick = void 0;
       if (this.props.onSelect) {
@@ -140,3 +141,3 @@ onClick = this._onClickRow.bind(this, item.uri);
       }
-      var row = undefined;
+      var row = void 0;
       if (itemComponent) {
@@ -203,4 +204,4 @@ var _Component3 = itemComponent;
 
-      var rows = undefined;
-      var selectionIndex = undefined;
+      var rows = void 0;
+      var selectionIndex = void 0;
       if (result && result.items) {
@@ -215,3 +216,3 @@ rows = result.items.map(function (item, index) {
 
-      var onMore = undefined;
+      var onMore = void 0;
       if (result && result.count < result.total) {
@@ -243,2 +244,3 @@ onMore = this.props.onMore;
 
+
 IndexTable.propTypes = {
@@ -245,0 +247,0 @@ attributes: _PropTypes2.default.attributes,

components/Tiles.js

@@ -65,3 +65,3 @@ 'use strict';
 
-      var statusValue = undefined;
+      var statusValue = void 0;
       var headerValues = [];
@@ -85,3 +85,3 @@ var values = [];
 
-      var header = undefined;
+      var header = void 0;
       if (headerValues.length > 0) {
@@ -95,3 +95,3 @@ header = _react2.default.createElement(
 
-      var footer = undefined;
+      var footer = void 0;
       if (footerValues.length > 0) {
@@ -162,3 +162,3 @@ footer = _react2.default.createElement(
 
-      var onClick = undefined;
+      var onClick = void 0;
       if (this.props.onSelect) {
@@ -171,3 +171,3 @@ onClick = this._onClickTile.bind(this, item.uri);
       }
-      var tile = undefined;
+      var tile = void 0;
       if (itemComponent) {
@@ -270,4 +270,4 @@ var _Component3 = itemComponent;
 
-      var tiles = undefined;
-      var selectionIndex = undefined;
+      var tiles = void 0;
+      var selectionIndex = void 0;
       if (result && result.items) {
@@ -304,3 +304,3 @@ tiles = result.items.map(function (item, index) {
 
-      var onMore = undefined;
+      var onMore = void 0;
       if (result && result.count < result.total) {
@@ -323,2 +323,3 @@ onMore = this.props.onMore;
 
+
 IndexTiles.propTypes = {
@@ -325,0 +326,0 @@ attributes: _PropTypes2.default.attributes,

components/Timestamp.js

@@ -71,2 +71,3 @@ 'use strict';
 
+
 Timestamp.propTypes = {
@@ -73,0 +74,0 @@ align: _react.PropTypes.oneOf(['left', 'right']),

index.js

@@ -9,232 +9,70 @@ 'use strict';
 
-var _loop = function _loop(_key14) {
-  if (_key14 === "default") return 'continue';
-  Object.defineProperty(exports, _key14, {
-    enumerable: true,
-    get: function get() {
-      return _Aggregate[_key14];
-    }
-  });
-};
+var _Aggregate2 = _interopRequireDefault(_Aggregate);
 
-for (var _key14 in _Aggregate) {
-  var _ret = _loop(_key14);
-
-  if (_ret === 'continue') continue;
-}
-
 var _Attribute = require('./components/Attribute');
 
-var _loop2 = function _loop2(_key15) {
-  if (_key15 === "default") return 'continue';
-  Object.defineProperty(exports, _key15, {
-    enumerable: true,
-    get: function get() {
-      return _Attribute[_key15];
-    }
-  });
-};
+var _Attribute2 = _interopRequireDefault(_Attribute);
 
-for (var _key15 in _Attribute) {
-  var _ret2 = _loop2(_key15);
-
-  if (_ret2 === 'continue') continue;
-}
-
 var _Filter = require('./components/Filter');
 
-var _loop3 = function _loop3(_key16) {
-  if (_key16 === "default") return 'continue';
-  Object.defineProperty(exports, _key16, {
-    enumerable: true,
-    get: function get() {
-      return _Filter[_key16];
-    }
-  });
-};
+var _Filter2 = _interopRequireDefault(_Filter);
 
-for (var _key16 in _Filter) {
-  var _ret3 = _loop3(_key16);
-
-  if (_ret3 === 'continue') continue;
-}
-
 var _Filters = require('./components/Filters');
 
-var _loop4 = function _loop4(_key17) {
-  if (_key17 === "default") return 'continue';
-  Object.defineProperty(exports, _key17, {
-    enumerable: true,
-    get: function get() {
-      return _Filters[_key17];
-    }
-  });
-};
+var _Filters2 = _interopRequireDefault(_Filters);
 
-for (var _key17 in _Filters) {
-  var _ret4 = _loop4(_key17);
-
-  if (_ret4 === 'continue') continue;
-}
-
 var _Header = require('./components/Header');
 
-var _loop5 = function _loop5(_key18) {
-  if (_key18 === "default") return 'continue';
-  Object.defineProperty(exports, _key18, {
-    enumerable: true,
-    get: function get() {
-      return _Header[_key18];
-    }
-  });
-};
+var _Header2 = _interopRequireDefault(_Header);
 
-for (var _key18 in _Header) {
-  var _ret5 = _loop5(_key18);
-
-  if (_ret5 === 'continue') continue;
-}
-
 var _History = require('./components/History');
 
-var _loop6 = function _loop6(_key19) {
-  if (_key19 === "default") return 'continue';
-  Object.defineProperty(exports, _key19, {
-    enumerable: true,
-    get: function get() {
-      return _History[_key19];
-    }
-  });
-};
+var _History2 = _interopRequireDefault(_History);
 
-for (var _key19 in _History) {
-  var _ret6 = _loop6(_key19);
-
-  if (_ret6 === 'continue') continue;
-}
-
 var _Index = require('./components/Index');
 
-var _loop7 = function _loop7(_key20) {
-  if (_key20 === "default") return 'continue';
-  Object.defineProperty(exports, _key20, {
-    enumerable: true,
-    get: function get() {
-      return _Index[_key20];
-    }
-  });
-};
+var _Index2 = _interopRequireDefault(_Index);
 
-for (var _key20 in _Index) {
-  var _ret7 = _loop7(_key20);
-
-  if (_ret7 === 'continue') continue;
-}
-
 var _List = require('./components/List');
 
-var _loop8 = function _loop8(_key21) {
-  if (_key21 === "default") return 'continue';
-  Object.defineProperty(exports, _key21, {
-    enumerable: true,
-    get: function get() {
-      return _List[_key21];
-    }
-  });
-};
+var _List2 = _interopRequireDefault(_List);
 
-for (var _key21 in _List) {
-  var _ret8 = _loop8(_key21);
-
-  if (_ret8 === 'continue') continue;
-}
-
 var _Table = require('./components/Table');
 
-var _loop9 = function _loop9(_key22) {
-  if (_key22 === "default") return 'continue';
-  Object.defineProperty(exports, _key22, {
-    enumerable: true,
-    get: function get() {
-      return _Table[_key22];
-    }
-  });
-};
+var _Table2 = _interopRequireDefault(_Table);
 
-for (var _key22 in _Table) {
-  var _ret9 = _loop9(_key22);
-
-  if (_ret9 === 'continue') continue;
-}
-
 var _Tiles = require('./components/Tiles');
 
-var _loop10 = function _loop10(_key23) {
-  if (_key23 === "default") return 'continue';
-  Object.defineProperty(exports, _key23, {
-    enumerable: true,
-    get: function get() {
-      return _Tiles[_key23];
-    }
-  });
-};
+var _Tiles2 = _interopRequireDefault(_Tiles);
 
-for (var _key23 in _Tiles) {
-  var _ret10 = _loop10(_key23);
-
-  if (_ret10 === 'continue') continue;
-}
-
 var _Timestamp = require('./components/Timestamp');
 
-var _loop11 = function _loop11(_key24) {
-  if (_key24 === "default") return 'continue';
-  Object.defineProperty(exports, _key24, {
-    enumerable: true,
-    get: function get() {
-      return _Timestamp[_key24];
-    }
-  });
-};
+var _Timestamp2 = _interopRequireDefault(_Timestamp);
 
-for (var _key24 in _Timestamp) {
-  var _ret11 = _loop11(_key24);
-
-  if (_ret11 === 'continue') continue;
-}
-
 var _PropTypes = require('./utils/PropTypes');
 
-var _loop12 = function _loop12(_key25) {
-  if (_key25 === "default") return 'continue';
-  Object.defineProperty(exports, _key25, {
-    enumerable: true,
-    get: function get() {
-      return _PropTypes[_key25];
-    }
-  });
-};
+var _PropTypes2 = _interopRequireDefault(_PropTypes);
 
-for (var _key25 in _PropTypes) {
-  var _ret12 = _loop12(_key25);
+var _Query = require('./utils/Query');
 
-  if (_ret12 === 'continue') continue;
-}
+var _Query2 = _interopRequireDefault(_Query);
 
-var _Query = require('./utils/Query');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _loop13 = function _loop13(_key26) {
-  if (_key26 === "default") return 'continue';
-  Object.defineProperty(exports, _key26, {
-    enumerable: true,
-    get: function get() {
-      return _Query[_key26];
-    }
-  });
-};
+exports.default = {
+  Aggregate: _Aggregate2.default,
+  Attribute: _Attribute2.default,
+  Filter: _Filter2.default,
+  Filters: _Filters2.default,
+  Header: _Header2.default,
+  History: _History2.default,
+  Index: _Index2.default,
+  List: _List2.default,
+  Table: _Table2.default,
+  Tiles: _Tiles2.default,
+  Timestamp: _Timestamp2.default,
+  PropTypes: _PropTypes2.default,
+  Query: _Query2.default
+}; // (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP
 
-for (var _key26 in _Query) {
-  var _ret13 = _loop13(_key26);
-
-  if (_ret13 === 'continue') continue;
-}
+module.exports = exports['default'];

package.json

 {
   "name": "grommet-index",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "main": "src/js/index.js",
@@ -26,15 +26,19 @@ "description": "Grommet UI and example server for searching, filtering, and displaying mass quantities of items.",
   "dependencies": {
-    "grommet": "https://github.com/grommet/grommet/tarball/stable",
-    "lodash": "^3.8.0"
+    "classnames": "^2.2.3",
+    "debounce": "^1.0.0",
+    "grommet": "https://github.com/grommet/grommet/tarball/stable"
   },
   "devDependencies": {
+    "babel-plugin-add-module-exports": "^0.1.2",
+    "babel-plugin-transform-object-rest-spread": "^6.3.13",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
     "del": "^2.0.2",
     "gulp": "^3.8.11",
+    "gulp-cssnano": "^2.1.1",
     "gulp-git": "^1.6.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^2.2.0",
     "mkdirp": "^0.5.1",
-    "react-hot-loader": "^1.3.0",
-    "babel-plugin-add-module-exports": "^0.1.2",
-    "babel-plugin-transform-object-rest-spread": "^6.3.13",
-    "babel-preset-es2015": "^6.3.13",
-    "babel-preset-react": "^6.3.13"
+    "react-hot-loader": "^1.3.0"
   },
@@ -41,0 +45,0 @@ "scripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

33

increased by10%

Worsened metrics

Total package byte prevSize

690077

decreased by-55.43%

Dependency count

3

increased by50%

Dev dependency count

12

increased by33.33%

Lines of code

3771

decreased by-52.16%

Dependency changes

• + Addedclassnames@^2.2.3

• + Addeddebounce@^1.0.0

• + Addedclassnames@2.5.1(transitive)

• + Addeddebounce@1.2.1(transitive)

• - Removedlodash@^3.8.0

• - Removedlodash@3.10.1(transitive)