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

package/HiMap/HiMap.js

@@ -1,43 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiButton = _interopRequireDefault(require("../HiButton"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var _HiLoader = _interopRequireDefault(require("../HiLoader"));
-
-var _leaflet = _interopRequireDefault(require("leaflet"));
-
-var _reactLeaflet = require("react-leaflet");
-
+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 React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import HiButton from '../HiButton';
+import HiIcon from '../HiIcon';
+import HiLoader from '../HiLoader';
+import L from 'leaflet';
+import { Map, TileLayer, Marker } from 'react-leaflet';
 var apiUrl = 'https://nominatim.openstreetmap.org/search?q='; // The original CSS can be found here : https://unpkg.com/leaflet@1.3.1/dist/leaflet.css
 
-var styles = function styles(theme) {
+export var styles = function styles(theme) {
   return {
     map: {
       height: '100%',
@@ -122,27 +99,20 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
-var _ref = _react.default.createElement(_reactLeaflet.TileLayer, {
-  url: "http://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png"
-});
-
-var _ref2 = _react.default.createElement(_HiLoader.default, {
-  loading: true
-});
-
 var HiMap =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiMap, _React$PureComponent);
+  _inherits(HiMap, _React$PureComponent);
 
   function HiMap(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiMap);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiMap).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
+    _classCallCheck(this, HiMap);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiMap).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "mounted", false);
+
     _this.state = {
       lat: 0,
       lng: 0,
@@ -150,15 +120,15 @@ function (_React$PureComponent) {
       loaded: false,
       zoom: 16
     };
-    _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClickZoomIn = _this.handleClickZoomIn.bind(_assertThisInitialized(_this));
+    _this.handleScrollZoom = _this.handleScrollZoom.bind(_assertThisInitialized(_this));
+    _this.handleClickZoomOut = _this.handleClickZoomOut.bind(_assertThisInitialized(_this));
+    _this.handleCenter = _this.handleCenter.bind(_assertThisInitialized(_this));
     return _this;
   } // Loads the libraries once the component mounted to avoid error caused by server-cli rendering.
 
 
-  (0, _createClass2.default)(HiMap, [{
+  _createClass(HiMap, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.mounted = true;
@@ -248,51 +218,55 @@ function (_React$PureComponent) {
       var myIcon;
       if (notFound) element = translations.notFound;
 
-      if (loaded && _leaflet.default && _reactLeaflet.Map) {
-        myIcon = _leaflet.default.divIcon({
+      if (loaded && L && Map) {
+        myIcon = L.divIcon({
           html: '<svg x="0px" y="0px" viewBox="0 0 365 560" enable-background="new 0 0 365 560" xml:space="preserve">\n' + '<path class="map_marker" ' + 'd="M182.9,551.7c0,0.1,0.2,0.3,0.2,0.3S358.3,283,358.3,194.6c0-130.1-88.8-186.7-175.4-186.9 ' + 'C96.3,7.9,7.5,64.5,7.5,194.6c0,88.4,175.3,357.4,175.3,357.4S182.9,551.7,182.9,551.7z' + ' M122.2,187.2c0-33.6,27.2-60.8,60.8-60.8 ' + 'c33.6,0,60.8,27.2,60.8,60.8S216.5,248,182.9,248C149.4,248,122.2,220.8,122.2,187.2z"/>\n' + '</svg>',
           iconSize: [24, 36],
           iconAnchor: [11, 36]
         });
-        element = _react.default.createElement(_reactLeaflet.Map, {
+        element = React.createElement(Map, {
           zoom: zoom,
           center: position,
           className: classes.map,
           onViewportChange: this.handleScrollZoom
-        }, _ref, _react.default.createElement(_reactLeaflet.Marker, {
+        }, React.createElement(TileLayer, {
+          url: "http://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png"
+        }), React.createElement(Marker, {
           position: position,
           icon: myIcon
-        }), _react.default.createElement("div", {
+        }), React.createElement("div", {
           className: classes.controlButtons
-        }, _react.default.createElement("div", {
+        }, React.createElement("div", {
           className: classes.centerButtonContainer
-        }, _react.default.createElement(_HiButton.default, {
+        }, React.createElement(HiButton, {
           className: classes.centerButton,
           onClick: this.handleCenter
-        }, _react.default.createElement(_HiIcon.default, {
+        }, React.createElement(HiIcon, {
           className: classes.centerIcon,
           icon: 'my_location',
           size: 24
-        }))), _react.default.createElement("div", {
+        }))), React.createElement("div", {
           className: classes.zoomButtons
-        }, _react.default.createElement(_HiButton.default, {
+        }, React.createElement(HiButton, {
           onClick: this.handleClickZoomIn,
           className: classes.zoomButton
-        }, "+"), _react.default.createElement(_HiButton.default, {
+        }, "+"), React.createElement(HiButton, {
           onClick: this.handleClickZoomOut,
           className: classes.zoomButton
         }, "-"))));
       } else {
-        element = _react.default.createElement("div", {
+        element = React.createElement("div", {
           style: {
             top: '50%',
             left: '50%',
             position: 'absolute'
           }
-        }, _ref2);
+        }, React.createElement(HiLoader, {
+          loading: true
+        }));
       }
 
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         style: {
           height: '352px',
           width: '100%',
@@ -301,17 +275,16 @@ function (_React$PureComponent) {
       }, element);
     }
   }]);
+
   return HiMap;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiMap, "defaultProps", {
+_defineProperty(HiMap, "defaultProps", {
   translations: {
     notFound: 'Address not found'
   }
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiHiMap'
-})(HiMap);
-
-exports.default = _default;
+})(HiMap);

package/HiMap/HiMap.test.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createMount } from '../test-utils';
+import HiMap from './HiMap';
+
+require('isomorphic-fetch'); // pour la méthode fetch()
+
+
+describe('<HiMap />', function () {
+  var mount;
+  before(function () {
+    global.HTMLImageElement = function () {};
+
+    global.HTMLVideoElement = function () {};
+
+    mount = createMount();
+  });
+  after(function () {
+    mount.cleanUp();
+  });
+  it('renders a HiMap', function () {
+    var wrapper = mount(React.createElement(HiMap, {
+      address: '21 rue de Cornulier, 44000 Nantes'
+    }), {
+      lifecycleExperimental: true
+    });
+    assert.strictEqual(wrapper.find(HiMap).length, 1, 'render HiMap');
+  });
+});

package/HiMap/HiMapExpand.js

@@ -1,43 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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 _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
-
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiMap = _interopRequireDefault(require("./HiMap"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon/HiIcon"));
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import classNames from 'classnames';
+import ExpansionPanel from '@material-ui/core/ExpansionPanel';
+import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
+import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
+import { withStyles } from '@material-ui/core/styles';
+import HiMap from './HiMap';
+import HiIcon from '../HiIcon/HiIcon';
 
 var styles = function styles(theme) {
   return {
@@ -73,12 +49,12 @@ var styles = function styles(theme) {
       },
       minHeight: '0 !important'
     },
-    heading: (0, _objectSpread2.default)({}, theme.typography.b1, {
+    heading: _objectSpread({}, theme.typography.b1, {
       margin: 0,
       fontSize: 15,
       lineHeight: '24px'
     }),
-    secondaryHeading: (0, _objectSpread2.default)({}, theme.typography.b3, {
+    secondaryHeading: _objectSpread({}, theme.typography.b3, {
       margin: 0,
       fontSize: 15,
       lineHeight: '24px',
@@ -95,23 +71,24 @@ var styles = function styles(theme) {
 var HiMapExpand =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiMapExpand, _React$PureComponent);
+  _inherits(HiMapExpand, _React$PureComponent);
 
   function HiMapExpand(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiMapExpand);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiMapExpand).call(this, props));
+    _classCallCheck(this, HiMapExpand);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiMapExpand).call(this, props));
     _this.state = {
       addressNotFound: false,
       expanded: false
     };
-    _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleAddressNotFound = _this.handleAddressNotFound.bind(_assertThisInitialized(_this));
+    _this.handleExpand = _this.handleExpand.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiMapExpand, [{
+  _createClass(HiMapExpand, [{
     key: "handleExpand",
     value: function handleExpand() {
       this.setState(function (prevState) {
@@ -139,50 +116,51 @@ function (_React$PureComponent) {
       var _this$state = this.state,
           addressNotFound = _this$state.addressNotFound,
           expanded = _this$state.expanded;
-      var flag = countryFlagPath ? _react.default.createElement("img", {
+      var flag = countryFlagPath ? React.createElement("img", {
         src: countryFlagPath,
         className: classes.imgListItem,
         alt: 'country flag'
       }) : '';
-      return _react.default.createElement(_ExpansionPanel.default, {
+      return React.createElement(ExpansionPanel, {
         className: classes.root,
         defaultExpanded: false,
         expanded: expanded,
         onChange: this.handleExpand
-      }, _react.default.createElement(_ExpansionPanelSummary.default, {
+      }, React.createElement(ExpansionPanelSummary, {
         classes: {
           root: classes.panelSummary,
           expanded: classes.expanded,
           expandIcon: classes.expandMoreIcon
         },
-        expandIcon: _react.default.createElement(_HiIcon.default, {
+        expandIcon: React.createElement(HiIcon, {
           icon: 'place',
           style: {
             position: 'relative',
             top: 2,
             marginRight: 5
           },
-          className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.disabledIcon, addressNotFound)),
+          className: classNames(_defineProperty({}, classes.disabledIcon, addressNotFound)),
           title: addressNotFound ? translations.notFound : ''
         })
-      }, _react.default.createElement(_react.default.Fragment, null, hideLabel || _react.default.createElement("div", {
+      }, React.createElement(React.Fragment, null, hideLabel || React.createElement("div", {
         className: classes.column
-      }, _react.default.createElement("p", {
+      }, React.createElement("p", {
         className: classes.secondaryHeading
-      }, translations.label)), _react.default.createElement("div", null, _react.default.createElement("p", {
+      }, translations.label)), React.createElement("div", null, React.createElement("p", {
         className: classes.heading
-      }, flag, address)))), _react.default.createElement(_ExpansionPanelDetails.default, {
+      }, flag, address)))), React.createElement(ExpansionPanelDetails, {
         style: {
           padding: 0
         }
-      }, _react.default.createElement(_HiMap.default, {
+      }, React.createElement(HiMap, {
         address: address,
         onAddressNotFound: this.handleAddressNotFound
       })));
     }
   }]);
+
   return HiMapExpand;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
 HiMapExpand.defaultProps = {
   countryFlagPath: '',
@@ -192,9 +170,6 @@ HiMapExpand.defaultProps = {
     notFound: 'Adresse inconnue'
   }
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiHiMapExpand'
-})(HiMapExpand);
-
-exports.default = _default;
+})(HiMapExpand);

package/HiMap/HiMapExpand.test.js

@@ -0,0 +1,48 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from 'react';
+import { assert } from 'chai';
+import ExpansionPanel from '@material-ui/core/ExpansionPanel';
+import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
+import { createShallow } from '../test-utils';
+import HiMap from './HiMap';
+import HiMapExpand from './HiMapExpand';
+describe('<HiMapExpand />', function _callee() {
+  var shallow, flagPath;
+  return _regeneratorRuntime.async(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          flagPath = '/static/images/countries/fr.svg';
+          before(function () {
+            global.HTMLImageElement = function () {};
+
+            global.HTMLVideoElement = function () {};
+
+            shallow = createShallow({
+              dive: true
+            });
+          });
+          it('renders an ExpansionPanel containing a HiMap', function () {
+            var wrapper = shallow(React.createElement(HiMapExpand, {
+              address: '21 rue de Cornulier 44000 Nantes'
+            }));
+            assert.strictEqual(wrapper.type(), ExpansionPanel, 'should render an ExpansionPanel');
+            assert.strictEqual(wrapper.find(HiMap).length, 1, 'should contain a HiMap');
+          });
+          it('should show an image of the flag and the address', function () {
+            var address = '21 Rue de Cornulier, 44000 Nantes';
+            var wrapper = shallow(React.createElement(HiMapExpand, {
+              address: address,
+              countryFlagPath: flagPath
+            }));
+            assert.strictEqual(wrapper.find(ExpansionPanelSummary).find('div').at(1).find('p').render().text(), address, 'should show the address passed in props');
+            assert.strictEqual(wrapper.find(ExpansionPanelSummary).find('div').at(1).find('img').length, 1, 'should render an img with the flag');
+          });
+
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }
+  });
+});

package/HiMap/index.js

@@ -1,23 +1,2 @@
-"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 _HiMap.default;
-  }
-});
-Object.defineProperty(exports, "HiMapExpand", {
-  enumerable: true,
-  get: function get() {
-    return _HiMapExpand.default;
-  }
-});
-
-var _HiMap = _interopRequireDefault(require("./HiMap"));
-
-var _HiMapExpand = _interopRequireDefault(require("./HiMapExpand"));
+export { default } from './HiMap';
+export { default as HiMapExpand } from './HiMapExpand';

package/HiNotice/HiKPI.js

@@ -1,37 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
-
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
-
-var styles = function styles(theme) {
+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 React from 'react';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import ButtonBase from '@material-ui/core/ButtonBase';
+import Collapse from '@material-ui/core/Collapse';
+export var styles = function styles(theme) {
   return {
     root: {
       background: theme.palette.background3,
@@ -111,28 +90,29 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 var HiKPI =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(HiKPI, _React$Component);
+  _inherits(HiKPI, _React$Component);
 
   function HiKPI(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiKPI);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiKPI).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (id) {
+    _classCallCheck(this, HiKPI);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiKPI).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (id) {
       return function () {
         _this.props.onClick(id);
       };
     });
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiKPI, [{
+  _createClass(HiKPI, [{
     key: "render",
     value: function render() {
       var _classNames;
@@ -150,38 +130,37 @@ function (_React$Component) {
           tooltip = _this$props.tooltip,
           disable = _this$props.disable,
           buttonId = _this$props.buttonId;
-      var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), (0, _defineProperty2.default)(_classNames, classes.rootDisable, disable), _classNames));
-      return _react.default.createElement(_ButtonBase.default, {
+      var rootclass = classNames(classes.root, (_classNames = {}, _defineProperty(_classNames, classes.inherit, color === 'inherit'), _defineProperty(_classNames, classes.warning, color === 'warning' && !disable), _defineProperty(_classNames, classes.error, color === 'error' && !disable), _defineProperty(_classNames, classes.positive, color === 'positive' && !disable), _defineProperty(_classNames, classes.active, active), _defineProperty(_classNames, classes.minify, minify), _defineProperty(_classNames, classes.rootDisable, disable), _classNames));
+      return React.createElement(ButtonBase, {
         id: buttonId,
         className: rootclass,
         onClick: !disable ? this.handleClick(id) : undefined,
         title: tooltip,
         disableRipple: disable,
         disabled: disable
-      }, title && _react.default.createElement("h3", {
+      }, title && React.createElement("h3", {
         className: classes.title
-      }, title), _react.default.createElement("div", {
+      }, title), React.createElement("div", {
         className: classes.body
-      }, minify && bodyMinify ? bodyMinify : body), _react.default.createElement(_Collapse.default, {
+      }, minify && bodyMinify ? bodyMinify : body), React.createElement(Collapse, {
         in: !minify,
         timeout: 'auto'
-      }, _react.default.createElement("div", {
+      }, React.createElement("div", {
         className: classes.subtitle
       }, subtitle)));
     }
   }]);
+
   return HiKPI;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(HiKPI, "defaultProps", {
+_defineProperty(HiKPI, "defaultProps", {
   active: false,
   minify: false,
   color: 'inherit'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiKPI'
-})(HiKPI);
-
-exports.default = _default;
+})(HiKPI);