@occmundial/occ-atomic 2.0.0-beta.0 → 2.0.0-beta.2

package/build/Droplist/Droplist.test.js

@@ -35,6 +35,10 @@ var items = [{
   text: 'Administrar',
   textRight: '(6)',
   id: 4
+}, {
+  text: 'Comunicación',
+  textRight: '(6)',
+  id: 5
 }];
 var items2 = [{
   text: 'Países',
@@ -75,21 +79,21 @@ var items2 = [{
 }];
 describe("Droplist", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('returns the right number of items', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       classes: classes
     }));
-    expect(wrapper.find('.item').length).toBe(4);
+    expect(wrapper.find('.item').length).toBe(5);
   });
   it('returns the right number of groups and its items', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items2,
       groups: true,
       classes: classes
@@ -100,7 +104,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.block>div').at(2).find('.item').length).toBe(1);
   });
   it('renders the item correctly', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
@@ -108,7 +112,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.item').at(0).text()).toBe('Administrador(222)');
   });
   it('renders the group and sub-item correctly', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items2,
       groups: true,
       groupIdKey: "id",
@@ -118,19 +122,31 @@ describe("Droplist", function () {
     expect(wrapper.find('.block>div').at(0).text()).toBe('PAÍSESMéxico(3405)');
   });
   it('filters the items', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
     }));
-    expect(wrapper.find('.item').length).toBe(4);
+    expect(wrapper.find('.item').length).toBe(5);
     wrapper.setProps({
       term: 'Administrador'
     });
     expect(wrapper.find('.item').length).toBe(3);
   });
+  it('filters the items (accents)', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
+      items: items,
+      itemIdKey: "id",
+      classes: classes
+    }));
+    expect(wrapper.find('.item').length).toBe(5);
+    wrapper.setProps({
+      term: 'comunicacion'
+    });
+    expect(wrapper.find('.item').length).toBe(1);
+  });
   it('highlights the matching part of the items', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
@@ -145,7 +161,7 @@ describe("Droplist", function () {
     var onClick = jest.fn();
     var onMouseDown = jest.fn();
     var onMouseUp = jest.fn();
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       onClick: onClick,
@@ -166,10 +182,33 @@ describe("Droplist", function () {
     });
     expect(onMouseUp.mock.calls.length).toBe(1);
   });
+  it('Should not call the onClick function when contains the disable property', function () {
+    var onClick = jest.fn();
+    var onMouseDown = jest.fn();
+    var onMouseUp = jest.fn();
+    var disabledItems = [{
+      name: 'Item 3',
+      secondary: '(30)',
+      iconName: 'location',
+      disabled: true
+    }];
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
+      items: disabledItems,
+      itemIdKey: "id",
+      onClick: onClick,
+      onMouseDown: onMouseDown,
+      onMouseUp: onMouseUp,
+      classes: classes
+    }));
+    wrapper.find('.item').at(0).simulate('click', {
+      stopPropagation: jest.fn()
+    });
+    expect(onClick.mock.calls.length).toBe(0);
+  });
 });
 describe("DroplistJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
       items: items
     }));
     expect(wrapper).toMatchSnapshot();

package/build/Droplist/__snapshots__/Droplist.test.js.snap

@@ -0,0 +1,65 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Droplist matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Droplist styles matches the snapshot 1`] = `
+Object {
+  "block": Object {
+    "background": "#ffffff",
+    "border": "1px solid #dddddd",
+    "borderRadius": 4,
+    "overflow": "hidden",
+  },
+  "extraText": Object {
+    "marginLeft": 8,
+  },
+  "extraTextColor": Object {
+    "color": "#0946CB",
+  },
+  "group": Object {
+    "padding": Array [
+      16,
+      16,
+      4,
+    ],
+  },
+  "icon": Object {
+    "marginRight": 8,
+    "position": "absolute",
+    "top": 12,
+  },
+  "iconText": Object {
+    "display": "inline-block",
+    "marginLeft": 24,
+  },
+  "item": Object {
+    "&:hover": Object {
+      "background": "#fafafa",
+    },
+    "display": "flex",
+    "justifyContent": "space-between",
+    "padding": Array [
+      8,
+      16,
+    ],
+    "position": "relative",
+    "transition": "0.1s all",
+  },
+  "itemPointer": Object {
+    "cursor": "pointer",
+  },
+  "onFocus": Object {
+    "&:hover": Object {
+      "background": "#e4edff",
+    },
+    "background": "#e4edff",
+  },
+  "right": Object {
+    "float": "right",
+    "marginLeft": 16,
+    "transition": "0.1s all",
+  },
+}
+`;
+
+exports[`DroplistJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Droplist/functions.js

@@ -5,12 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.separateText = exports.compareText = void 0;
 
+var _unorm = _interopRequireDefault(require("unorm"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var compareText = function compareText() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var term = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var accents = /[\u0300-\u036f]/g;
-  var textLC = text.toLowerCase().normalize('NFD').replace(accents, "");
-  var termLC = term.toLowerCase().normalize('NFD').replace(accents, "");
+
+  var textLC = _unorm["default"].nfd(text.toLowerCase()).replace(accents, "");
+
+  var termLC = _unorm["default"].nfd(term.toLowerCase()).replace(accents, "");
+
   var index = textLC.indexOf(termLC);
   return index;
 };

package/build/Droplist/index.js

@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 
@@ -27,6 +29,6 @@ var _Droplist$propTypes = _Droplist["default"].propTypes,
     classes = _Droplist$propTypes.classes,
     propTypes = _objectWithoutProperties(_Droplist$propTypes, ["classes"]);
 
-StyledDroplist.propTypes = _objectSpread({}, propTypes, StyledDroplist.propTypes);
+StyledDroplist.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledDroplist.propTypes);
 var _default = StyledDroplist;
 exports["default"] = _default;

package/build/Droplist/styles.js

@@ -11,35 +11,64 @@ var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var gutter = _spacing["default"].gutter,
+    tiny = _spacing["default"].tiny,
+    small = _spacing["default"].small,
+    base = _spacing["default"].base,
+    xTiny = _spacing["default"].xTiny;
+var primLighter = _colors["default"].primLighter,
+    grey50 = _colors["default"].grey50,
+    grey200 = _colors["default"].grey200,
+    bgWhite = _colors["default"].bgWhite,
+    textLink = _colors["default"].textLink;
 var _default = {
   block: {
-    background: _colors["default"].bgWhite,
-    border: "1px solid ".concat(_colors["default"].grey200),
-    borderRadius: _spacing["default"].xTiny,
+    background: bgWhite,
+    border: "1px solid ".concat(grey200),
+    borderRadius: xTiny,
     overflow: 'hidden'
   },
   group: {
-    padding: [_spacing["default"].small, _spacing["default"].small, _spacing["default"].xTiny]
+    padding: [small, small, xTiny]
   },
   item: {
     display: 'flex',
     justifyContent: 'space-between',
-    padding: [_spacing["default"].tiny, _spacing["default"].small],
+    padding: [tiny, small],
     transition: '0.1s all',
-    cursor: 'pointer',
+    position: 'relative',
     '&:hover': {
-      background: _colors["default"].grey50
+      background: grey50
     }
   },
+  itemPointer: {
+    cursor: 'pointer'
+  },
   right: {
     "float": 'right',
-    transition: '0.1s all'
+    transition: '0.1s all',
+    marginLeft: small
   },
   onFocus: {
-    background: _colors["default"].primLighter,
+    background: primLighter,
     '&:hover': {
-      background: _colors["default"].primLighter
+      background: primLighter
     }
+  },
+  icon: {
+    marginRight: tiny,
+    position: 'absolute',
+    top: gutter
+  },
+  iconText: {
+    display: 'inline-block',
+    marginLeft: base
+  },
+  extraText: {
+    marginLeft: tiny
+  },
+  extraTextColor: {
+    color: textLink
   }
 };
 exports["default"] = _default;

package/build/Flexbox/Flexbox.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,34 +13,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 /** The Flexbox component uses the grid system of flexbox. */
-var Flexbox =
-/*#__PURE__*/
-function (_React$Component) {
+var Flexbox = /*#__PURE__*/function (_React$Component) {
   _inherits(Flexbox, _React$Component);
 
+  var _super = _createSuper(Flexbox);
+
   function Flexbox() {
     _classCallCheck(this, Flexbox);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Flexbox).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Flexbox, [{
@@ -63,7 +67,7 @@ function (_React$Component) {
       if (!style) style = {};
       if (order) style.order = order;
       if (flex) style.flex = flex;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(displayClass).concat(display && direction ? " ".concat(classes[direction]) : '').concat(display && wrap ? " ".concat(classes[wrap]) : '').concat(display && justifyContent ? " ".concat(classes["j".concat(justifyContent)]) : '').concat(display && alignItems ? " ".concat(classes["a".concat(alignItems)]) : '').concat(display && alignContent ? " ".concat(classes["c".concat(alignContent)]) : '').concat(alignSelf ? " ".concat(classes["s".concat(alignSelf)]) : '').concat(className ? " ".concat(className) : ''),
         id: id,
         style: style

package/build/Flexbox/Flexbox.test.js

@@ -21,14 +21,14 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Flexbox", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Flexbox["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
       display: "flex",
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('matches the classes', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Flexbox["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
       display: "flex",
       direction: "col",
       justifyContent: "center",
@@ -41,7 +41,7 @@ describe("Flexbox", function () {
 });
 describe("FlexboxJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Flexbox/__snapshots__/Flexbox.test.js.snap

@@ -0,0 +1,106 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Flexbox matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Flexbox styles matches the snapshot 1`] = `
+Object {
+  "abase": Object {
+    "alignItems": "baseline",
+  },
+  "acenter": Object {
+    "alignItems": "center",
+  },
+  "aend": Object {
+    "alignItems": "flex-end",
+  },
+  "astart": Object {
+    "alignItems": "flex-start",
+  },
+  "astretch": Object {
+    "alignItems": "stretch",
+  },
+  "caround": Object {
+    "alignContent": "space-around",
+  },
+  "cbetween": Object {
+    "alignContent": "space-between",
+  },
+  "ccenter": Object {
+    "alignContent": "center",
+  },
+  "cend": Object {
+    "alignContent": "flex-end",
+  },
+  "col": Object {
+    "flexDirection": "column",
+  },
+  "colR": Object {
+    "flexDirection": "column-reverse",
+  },
+  "cstart": Object {
+    "alignContent": "flex-start",
+  },
+  "cstretch": Object {
+    "alignContent": "stretch",
+  },
+  "flex": Object {
+    "display": "flex",
+  },
+  "iFlex": Object {
+    "display": "inline-flex",
+  },
+  "jaround": Object {
+    "justifyContent": "space-around",
+  },
+  "jbetween": Object {
+    "justifyContent": "space-between",
+  },
+  "jcenter": Object {
+    "justifyContent": "center",
+  },
+  "jend": Object {
+    "justifyContent": "flex-end",
+  },
+  "jevenly": Object {
+    "justifyContent": "space-evenly",
+  },
+  "jstart": Object {
+    "justifyContent": "flex-start",
+  },
+  "noWrap": Object {
+    "flexWrap": "nowrap",
+  },
+  "row": Object {
+    "flexDirection": "row",
+  },
+  "rowR": Object {
+    "flexDirection": "row-reverse",
+  },
+  "sauto": Object {
+    "alignSelf": "auto",
+  },
+  "sbase": Object {
+    "alignSelf": "baseline",
+  },
+  "scenter": Object {
+    "alignSelf": "center",
+  },
+  "send": Object {
+    "alignSelf": "flex-end",
+  },
+  "sstart": Object {
+    "alignSelf": "flex-start",
+  },
+  "sstretch": Object {
+    "alignSelf": "stretch",
+  },
+  "wrap": Object {
+    "flexWrap": "wrap",
+  },
+  "wrapR": Object {
+    "flexWrap": "wrap-reverse",
+  },
+}
+`;
+
+exports[`FlexboxJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Flexbox/index.js

@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 
@@ -27,6 +29,6 @@ var _Flexbox$propTypes = _Flexbox["default"].propTypes,
     classes = _Flexbox$propTypes.classes,
     propTypes = _objectWithoutProperties(_Flexbox$propTypes, ["classes"]);
 
-StyledFlexbox.propTypes = _objectSpread({}, propTypes, StyledFlexbox.propTypes);
+StyledFlexbox.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledFlexbox.propTypes);
 var _default = StyledFlexbox;
 exports["default"] = _default;