@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/es/HiCell/CellTextStyled.js

@@ -1,6 +1,18 @@
-import React from 'react';
-import HiColoredLabel from '../HiColoredLabel';
-import HiButton from '../HiButton';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var styleRoot = {
   width: '100%',
   height: 19,
@@ -54,7 +66,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
   var valueString = label ? label.toString() : value.toString();
 
   if (isButton) {
-    return React.createElement(HiButton, {
+    return _react.default.createElement(_HiButton.default, {
       color: color,
       onClick: onClick,
       size: "small",
@@ -63,17 +75,18 @@ var CellTextStyled = function CellTextStyled(_ref) {
     }, valueString);
   }
 
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     style: styleRoot,
     title: title || valueString
-  }, color ? React.createElement(HiColoredLabel, {
+  }, color ? _react.default.createElement(_HiColoredLabel.default, {
     style: styleColorLabel,
     label: valueString,
     color: color,
     active: active
-  }) : React.createElement("div", {
+  }) : _react.default.createElement("div", {
     style: styleLabel
   }, valueString));
 };
 
-export default CellTextStyled;
+var _default = CellTextStyled;
+exports.default = _default;

package/es/HiCell/index.js

@@ -1,9 +1,79 @@
-export { default as CellAddress } from './CellAddress';
-export { default as CellDate } from './CellDate';
-export { default as CellIcon } from './CellIcon';
-export { default as CellImage } from './CellImage';
-export { default as CellNumeric } from './CellNumeric';
-export { default as CellRate } from './CellRate';
-export { default as CellSentinel } from './CellSentinel';
-export { default as CellText } from './CellText';
-export { default as CellTextStyled } from './CellTextStyled';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CellAddress", {
+  enumerable: true,
+  get: function get() {
+    return _CellAddress.default;
+  }
+});
+Object.defineProperty(exports, "CellDate", {
+  enumerable: true,
+  get: function get() {
+    return _CellDate.default;
+  }
+});
+Object.defineProperty(exports, "CellIcon", {
+  enumerable: true,
+  get: function get() {
+    return _CellIcon.default;
+  }
+});
+Object.defineProperty(exports, "CellImage", {
+  enumerable: true,
+  get: function get() {
+    return _CellImage.default;
+  }
+});
+Object.defineProperty(exports, "CellNumeric", {
+  enumerable: true,
+  get: function get() {
+    return _CellNumeric.default;
+  }
+});
+Object.defineProperty(exports, "CellRate", {
+  enumerable: true,
+  get: function get() {
+    return _CellRate.default;
+  }
+});
+Object.defineProperty(exports, "CellSentinel", {
+  enumerable: true,
+  get: function get() {
+    return _CellSentinel.default;
+  }
+});
+Object.defineProperty(exports, "CellText", {
+  enumerable: true,
+  get: function get() {
+    return _CellText.default;
+  }
+});
+Object.defineProperty(exports, "CellTextStyled", {
+  enumerable: true,
+  get: function get() {
+    return _CellTextStyled.default;
+  }
+});
+
+var _CellAddress = _interopRequireDefault(require("./CellAddress"));
+
+var _CellDate = _interopRequireDefault(require("./CellDate"));
+
+var _CellIcon = _interopRequireDefault(require("./CellIcon"));
+
+var _CellImage = _interopRequireDefault(require("./CellImage"));
+
+var _CellNumeric = _interopRequireDefault(require("./CellNumeric"));
+
+var _CellRate = _interopRequireDefault(require("./CellRate"));
+
+var _CellSentinel = _interopRequireDefault(require("./CellSentinel"));
+
+var _CellText = _interopRequireDefault(require("./CellText"));
+
+var _CellTextStyled = _interopRequireDefault(require("./CellTextStyled"));

package/es/HiCheckbox/HiCheckbox.js

@@ -1,19 +1,44 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 // @inheritedComponent Checkbox
-import React from 'react';
-import Checkbox from '@material-ui/core/Checkbox';
-import { withStyles } from '@material-ui/core/styles';
-import HiIcon from '../HiIcon';
-import classNames from 'classnames';
-export var styles = function styles(theme) {
+var styles = function styles(theme) {
   return {
     root: {
       marginRight: 4,
@@ -45,18 +70,19 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var HiCheckbox =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiCheckbox, _React$PureComponent);
+  (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
 
   function HiCheckbox(props) {
     var _this;
 
-    _classCallCheck(this, HiCheckbox);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiCheckbox).call(this, props));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
+    (0, _classCallCheck2.default)(this, HiCheckbox);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiCheckbox).call(this, props));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
   /**
@@ -66,7 +92,7 @@ function (_React$PureComponent) {
    */
 
 
-  _createClass(HiCheckbox, [{
+  (0, _createClass2.default)(HiCheckbox, [{
     key: "handleChange",
     value: function handleChange(event, checked) {
       // Stop propagation
@@ -93,38 +119,36 @@ function (_React$PureComponent) {
           style = _this$props.style,
           size = _this$props.size,
           className = _this$props.className,
-          other = _objectWithoutProperties(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
-
-      var iconStyles = _objectSpread({
+          other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
+      var iconStyles = (0, _objectSpread2.default)({
         width: size,
         height: size
       }, style);
-
       var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
-      return React.createElement(Checkbox, Object.assign({
+      return _react.default.createElement(_Checkbox.default, (0, _extends2.default)({
         classes: {
           root: classes.root,
-          checked: classNames(classes.checked, (_classNames = {}, _defineProperty(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), _defineProperty(_classNames, classes.checkedSecondary, color === 'secondary'), _defineProperty(_classNames, classes.checkedPositive, color === 'positive'), _defineProperty(_classNames, classes.checkedNegative, color === 'negative'), _defineProperty(_classNames, classes.checkedMiddle, color === 'middle'), _defineProperty(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
+          checked: (0, _classnames.default)(classes.checked, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.checkedSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.checkedPositive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
           disabled: classes.disabled
         },
         style: iconStyles,
         color: hcolor,
         onChange: this.handleChange
       }, icon && {
-        icon: React.createElement(HiIcon, {
+        icon: _react.default.createElement(_HiIcon.default, {
           className: classes.root,
           icon: icon,
           size: 20
         })
       }, checkedIcon && {
-        checkedIcon: React.createElement(HiIcon, {
+        checkedIcon: _react.default.createElement(_HiIcon.default, {
           className: classes.root,
           icon: checkedIcon,
           color: color,
           size: 20
         })
       }, indeterminateIcon && {
-        indeterminateIcon: React.createElement(HiIcon, {
+        indeterminateIcon: _react.default.createElement(_HiIcon.default, {
           className: classes.root,
           icon: indeterminateIcon,
           color: color,
@@ -133,18 +157,19 @@ function (_React$PureComponent) {
       }, other));
     }
   }]);
-
   return HiCheckbox;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiCheckbox, "defaultProps", {
+HiCheckbox.defaultProps = {
   checked: false,
   color: 'inherit',
   size: 20,
   icon: 'check_box_outline_blank'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
-})(HiCheckbox);
+})(HiCheckbox);
+
+exports.default = _default;

package/es/HiCheckbox/index.js

@@ -1 +1,15 @@
-export { default } from './HiCheckbox';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiCheckbox.default;
+  }
+});
+
+var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));

package/es/HiChip/HiChip.js

@@ -1,13 +1,29 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import keycode from 'keycode';
-import HiIcon from '../HiIcon';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _keycode = _interopRequireDefault(require("keycode"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
-    root: _objectSpread({}, theme.typography.b3, {
+    root: (0, _objectSpread2.default)({}, theme.typography.b3, {
       display: 'inline-flex',
       marginRight: 4,
       width: 'fit-content',
@@ -90,8 +106,10 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var handleKeyDown = function handleKeyDown(e, fn) {
-  if (keycode(e) === 'space' || keycode(e) === 'enter') {
+  if ((0, _keycode.default)(e) === 'space' || (0, _keycode.default)(e) === 'enter') {
     e.preventDefault();
     fn();
   }
@@ -123,17 +141,17 @@ function HiChip(props) {
       titleNext = props.titleNext,
       titlePrevious = props.titlePrevious,
       style = props.style;
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     id: id,
     role: 'button',
-    className: classNames(classes.root, className, (_classNames = {}, _defineProperty(_classNames, classes.leftNavigation, onPrevious), _defineProperty(_classNames, classes.rightNavigation, onNext), _defineProperty(_classNames, classes.deletable, onDelete), _defineProperty(_classNames, classes.leftIcon, icon), _classNames)),
+    className: (0, _classnames.default)(classes.root, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.leftNavigation, onPrevious), (0, _defineProperty2.default)(_classNames, classes.rightNavigation, onNext), (0, _defineProperty2.default)(_classNames, classes.deletable, onDelete), (0, _defineProperty2.default)(_classNames, classes.leftIcon, icon), _classNames)),
     title: title,
     onClick: onClick,
     onKeyDown: onKeyDown,
     tabIndex: onKeyDown ? '0' : '-1',
     style: style
-  }, icon && React.createElement(HiIcon, {
-    className: classNames(classes.icon, _defineProperty({}, classes.iconClickable, onIconClick)),
+  }, icon && _react.default.createElement(_HiIcon.default, {
+    className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconClickable, onIconClick)),
     id: "".concat(id, "-icon"),
     icon: icon,
     size: iconSize,
@@ -143,10 +161,10 @@ function HiChip(props) {
     },
     title: titleIcon,
     tabIndex: onIconClick ? 0 : -1
-  }), prefix && React.createElement("span", {
+  }), prefix && _react.default.createElement("span", {
     id: "".concat(id, "-prefix"),
     className: classes.prefix
-  }, prefix), img && React.createElement("img", {
+  }, prefix), img && _react.default.createElement("img", {
     className: classes.badge,
     id: "".concat(id, "-badge"),
     src: img,
@@ -159,8 +177,8 @@ function HiChip(props) {
       }
     },
     title: titleImg
-  }), onPrevious && React.createElement(HiIcon, {
-    className: classNames(classes.navigate),
+  }), onPrevious && _react.default.createElement(_HiIcon.default, {
+    className: (0, _classnames.default)(classes.navigate),
     id: "".concat(id, "-previous"),
     icon: "arrow_left",
     onClick: onPrevious,
@@ -170,11 +188,11 @@ function HiChip(props) {
     size: iconSize,
     title: titlePrevious,
     tabIndex: 0
-  }), React.createElement("span", {
+  }), _react.default.createElement("span", {
     id: "".concat(id, "-label"),
     className: classes.label
-  }, label), onNext && React.createElement(HiIcon, {
-    className: classNames(classes.navigate),
+  }, label), onNext && _react.default.createElement(_HiIcon.default, {
+    className: (0, _classnames.default)(classes.navigate),
     id: "".concat(id, "-next"),
     icon: "arrow_right",
     onClick: onNext,
@@ -184,7 +202,7 @@ function HiChip(props) {
     size: iconSize,
     title: titleNext,
     tabIndex: 0
-  }), onDelete && React.createElement(HiIcon, {
+  }), onDelete && _react.default.createElement(_HiIcon.default, {
     classes: {
       root: classes.eraseIcon
     },
@@ -200,7 +218,9 @@ function HiChip(props) {
   }));
 }
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiChip'
-})(HiChip);
+})(HiChip);
+
+exports.default = _default;

package/es/HiChip/HiChipSwitch.js

@@ -1,20 +1,45 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import keycode from 'keycode/index';
-import HiIcon from '../HiIcon';
-import { withStyles } from '@material-ui/core/styles';
-import { emphasize } from '@material-ui/core/styles/colorManipulator';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _index = _interopRequireDefault(require("keycode/index"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var styles = function styles(theme) {
   return {
-    root: _objectSpread({}, theme.typography.b3, {
+    root: (0, _objectSpread2.default)({}, theme.typography.b3, {
       display: 'inline-flex',
       alignItems: 'center',
       marginRight: 4,
@@ -29,7 +54,7 @@ export var styles = function styles(theme) {
       // Remove grey highlight
       WebkitTapHighlightColor: 'transparent',
       '&:hover, &:focus': {
-        backgroundColor: emphasize(theme.palette.grey[300], 0.08)
+        backgroundColor: (0, _colorManipulator.emphasize)(theme.palette.grey[300], 0.08)
       }
     }),
     active: {
@@ -90,21 +115,21 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var HiChipSwitch =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiChipSwitch, _React$PureComponent);
+  (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
 
   function HiChipSwitch(props) {
     var _this;
 
-    _classCallCheck(this, HiChipSwitch);
+    (0, _classCallCheck2.default)(this, HiChipSwitch);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiChipSwitch).call(this, props));
+    _this.chipSwitchRef = null;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiChipSwitch).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "chipSwitchRef", null);
-
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+    _this.handleKeyDown = function (event) {
       // Ignore events from children of `Chip`.
       if (event.currentTarget !== event.target) {
         return;
@@ -113,7 +138,7 @@ function (_React$PureComponent) {
       var _this$props = _this.props,
           onClick = _this$props.onClick,
           onKeyDown = _this$props.onKeyDown;
-      var key = keycode(event);
+      var key = (0, _index.default)(event);
 
       if (onClick && (key === 'space' || key === 'enter')) {
         event.preventDefault();
@@ -129,25 +154,25 @@ function (_React$PureComponent) {
       if (onKeyDown) {
         onKeyDown(event);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDownSelection", function (event) {
+    _this.handleKeyDownSelection = function (event) {
       var onSelectionClick = _this.props.onSelectionClick;
-      var key = keycode(event);
+      var key = (0, _index.default)(event);
 
       if (onSelectionClick && (key === 'space' || key === 'enter')) {
         event.preventDefault();
         onSelectionClick(event);
       }
-    });
+    };
 
-    _this.handleClickSelection = _this.handleClickSelection.bind(_assertThisInitialized(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
-    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind(_assertThisInitialized(_this));
+    _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
-  _createClass(HiChipSwitch, [{
+  (0, _createClass2.default)(HiChipSwitch, [{
     key: "handleClickSelection",
     value: function handleClickSelection(event) {
       if (this.props.onSelectionClick) {
@@ -188,9 +213,9 @@ function (_React$PureComponent) {
         };
       }
 
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         id: id,
-        className: classNames(classes.root, (_classNames = {}, _defineProperty(_classNames, classes.active, !!active), _defineProperty(_classNames, classes.inactive, !active), _classNames)),
+        className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.active, !!active), (0, _defineProperty2.default)(_classNames, classes.inactive, !active), _classNames)),
         onClick: onClick,
         role: "button",
         tabIndex: "0",
@@ -198,29 +223,30 @@ function (_React$PureComponent) {
         ref: function ref(node) {
           _this2.chipRef = node;
         }
-      }, React.createElement(HiIcon, {
+      }, _react.default.createElement(_HiIcon.default, {
         icon: active ? activeIcon : 'add',
         size: 20,
-        className: classNames(classes.icon, _defineProperty({}, classes.iconActive, !!active))
-      }), React.createElement("span", {
-        className: classNames(classes.label, _defineProperty({}, classes.noSelection, selection === null))
-      }, label), selection !== null && React.createElement("div", Object.assign({
-        className: classNames(classes.selection, _defineProperty({}, classes.selectionClickable, onSelectionClick && selection !== 0))
+        className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconActive, !!active))
+      }), _react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.noSelection, selection === null))
+      }, label), selection !== null && _react.default.createElement("div", (0, _extends2.default)({
+        className: (0, _classnames.default)(classes.selection, (0, _defineProperty2.default)({}, classes.selectionClickable, onSelectionClick && selection !== 0))
       }, selectionProps), selection));
     }
   }]);
-
   return HiChipSwitch;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiChipSwitch, "defaultProps", {
+HiChipSwitch.defaultProps = {
   active: false,
   activeIcon: 'check',
   selection: null,
   selectionTitle: ''
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
-})(HiChipSwitch);
+})(HiChipSwitch);
+
+exports.default = _default;