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

package/es/HiCell/CellNumeric.test.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, getClasses } from '../test-utils';
+import CellNumeric from './CellNumeric';
+describe('<CellNumeric />', function () {
+  var shallow;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    classes = getClasses(React.createElement(CellNumeric, {
+      type: 'numeric',
+      value: 2345
+    }));
+  });
+  it('should render a td with 1 span (for value)', function () {
+    var wrapper = shallow(React.createElement(CellNumeric, {
+      type: 'numeric',
+      value: 2345
+    }));
+    assert.strictEqual(wrapper.find('div').length, 1, 'Should have 1 span.');
+    assert.strictEqual(wrapper.find('div').hasClass(classes.wrapper), true);
+  });
+  it('should render a cell with 1 span (for value)', function () {
+    var wrapper = shallow(React.createElement(CellNumeric, {
+      type: 'numeric',
+      value: 2345,
+      view: 'l',
+      currency: 'EUR'
+    }));
+    assert.strictEqual(wrapper.find('div').length, 1, 'Should have 1 span.');
+    assert.strictEqual(wrapper.find('div').hasClass(classes.wrapper), true);
+  });
+  it('should render a cell with 1 span (for value)', function () {
+    var wrapper = shallow(React.createElement(CellNumeric, {
+      type: 'numeric',
+      sticky: true,
+      value: 2345,
+      view: 's',
+      currency: 'EUR'
+    }));
+    assert.strictEqual(wrapper.find('div').length, 1, 'Should have 1 span.');
+    assert.strictEqual(wrapper.find('div').hasClass(classes.wrapper), true);
+  });
+});

package/es/HiCell/CellPinToAction.js

@@ -1,29 +1,12 @@
-"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiPin = _interopRequireDefault(require("../HiPin"));
-
-var styles = {
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import HiPin from '../HiPin';
+export var styles = {
   wrapper: {
     maxWidth: '100%',
     display: 'inline-flex'
@@ -33,21 +16,18 @@ var styles = {
  * Cette cellule permet d'afficher un pin avec callback (optionnel).
  */
 
-exports.styles = styles;
-
-var _ref = _react.default.createElement(_HiPin.default, null, "0");
-
 var CellPinToAction =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(CellPinToAction, _React$PureComponent);
+  _inherits(CellPinToAction, _React$PureComponent);
 
   function CellPinToAction() {
-    (0, _classCallCheck2.default)(this, CellPinToAction);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellPinToAction).apply(this, arguments));
+    _classCallCheck(this, CellPinToAction);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(CellPinToAction).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(CellPinToAction, [{
+  _createClass(CellPinToAction, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -55,19 +35,18 @@ function (_React$PureComponent) {
           onClick = _this$props.onClick,
           number = _this$props.number;
       if (number === undefined) return '';
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.wrapper
-      }, number === 0 ? _ref : _react.default.createElement(_HiPin.default, {
+      }, number === 0 ? React.createElement(HiPin, null, "0") : React.createElement(HiPin, {
         color: "primary",
         onClick: onClick
       }, number));
     }
   }]);
+
   return CellPinToAction;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCellPin'
-})(CellPinToAction);
-
-exports.default = _default;
+})(CellPinToAction);

package/es/HiCell/CellRate.js

@@ -1,35 +1,15 @@
-"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 _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 _mdiMaterialUi = require("mdi-material-ui");
-
-var _helpers = require("../utils/helpers");
-
-var _styles = require("@material-ui/core/styles");
-
-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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import classNames from 'classnames';
+import { ArrowBottomRight, ArrowTopRight, Equal } from 'mdi-material-ui';
+import { formatRate } from '../utils/helpers';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = function styles(theme) {
   return {
     flexContent: {
       display: 'flex',
@@ -71,20 +51,18 @@ var styles = function styles(theme) {
  * avec une icône d'évolution (optionnelle) et un indicateur du type de données représentées (optionnel)
  */
 
-
-exports.styles = styles;
-
 var CellRate =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(CellRate, _React$PureComponent);
+  _inherits(CellRate, _React$PureComponent);
 
   function CellRate() {
-    (0, _classCallCheck2.default)(this, CellRate);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellRate).apply(this, arguments));
+    _classCallCheck(this, CellRate);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(CellRate).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(CellRate, [{
+  _createClass(CellRate, [{
     key: "render",
     value: function render() {
       var _classNames, _classNames2;
@@ -98,24 +76,24 @@ function (_React$PureComponent) {
           locale = _this$props.locale,
           view = _this$props.view;
       var trendIcon;
-      var displayedRate = (0, _helpers.formatRate)(value, view, locale);
+      var displayedRate = formatRate(value, view, locale);
 
       switch (trendchip) {
         case 'equal':
-          trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
-            className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
+          trendIcon = React.createElement(Equal, {
+            className: classNames(classes.trendChipIcon, classes.neutral)
           });
           break;
 
         case 'up':
-          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
-            className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
+          trendIcon = React.createElement(ArrowTopRight, {
+            className: classNames(classes.trendChipIcon, (_classNames = {}, _defineProperty(_classNames, classes.positive, isPositive), _defineProperty(_classNames, classes.negative, !isPositive), _classNames))
           });
           break;
 
         case 'down':
-          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
-            className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
+          trendIcon = React.createElement(ArrowBottomRight, {
+            className: classNames(classes.trendChipIcon, (_classNames2 = {}, _defineProperty(_classNames2, classes.positive, !isPositive), _defineProperty(_classNames2, classes.negative, isPositive), _classNames2))
           });
           break;
 
@@ -123,11 +101,11 @@ function (_React$PureComponent) {
           break;
       }
 
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.flexContent
-      }, _react.default.createElement("div", {
+      }, React.createElement("div", {
         className: typeof indicator === 'undefined' && classes.rateDiv || ''
-      }, displayedRate, trendIcon), typeof indicator !== 'undefined' && _react.default.createElement("span", {
+      }, displayedRate, trendIcon), typeof indicator !== 'undefined' && React.createElement("span", {
         className: classes.spanIndicator,
         style: {
           fontSize: view !== 'l' ? 10 : 11
@@ -135,16 +113,15 @@ function (_React$PureComponent) {
       }, indicator));
     }
   }]);
+
   return CellRate;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(CellRate, "defaultProps", {
+_defineProperty(CellRate, "defaultProps", {
   isPositive: true,
   locale: 'en'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCellRate'
-})(CellRate);
-
-exports.default = _default;
+})(CellRate);

package/es/HiCell/CellRate.test.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { assert } from 'chai';
+import { ArrowTopRight, Equal, ArrowBottomRight } from 'mdi-material-ui';
+import { createShallow, getClasses } from '../test-utils';
+import CellRate from './CellRate';
+describe('<CellRate/>', function () {
+  var shallow;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    classes = getClasses(React.createElement(CellRate, {
+      type: 'rate',
+      value: 13.3,
+      trendchip: 'up'
+    }));
+  });
+  it('should render a simple div with class and arrow icon', function () {
+    var wrapper = shallow(React.createElement(CellRate, {
+      type: 'rate',
+      value: 13.3,
+      trendchip: 'up'
+    }));
+    assert.strictEqual(wrapper.find('span').length, 0, 'Should not render span containing indicator');
+    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), true, 'Should have the rateDiv class');
+    assert.strictEqual(wrapper.find(ArrowTopRight).length, 1, 'Should render a div containing rate & Arrow oriented to top');
+  });
+  it('should render a simple div with class and arrow icon', function () {
+    var wrapper = shallow(React.createElement(CellRate, {
+      type: 'rate',
+      value: 13.3,
+      trendchip: 'up',
+      isPositive: false
+    }));
+    assert.strictEqual(wrapper.find('span').length, 0, 'Should not render span containing indicator');
+    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), true, 'Should have the rateDiv class');
+    assert.strictEqual(wrapper.find(ArrowTopRight).length, 1, 'Should render a div containing rate & Arrow oriented to top');
+  });
+  it('should render a div with equal icon', function () {
+    var wrapper = shallow(React.createElement(CellRate, {
+      type: 'rate',
+      value: 13.3,
+      trendchip: 'equal'
+    }));
+    assert.strictEqual(wrapper.find(Equal).length, 1, 'Should render a div containing rate & Equal icon');
+  });
+  it('should render a div with an indicator span & div inside & arrow bottom icon inside', function () {
+    var wrapper = shallow(React.createElement(CellRate, {
+      type: 'rate',
+      value: 13.3,
+      trendchip: 'down',
+      isPositive: false,
+      indicator: 'volume'
+    }));
+    assert.strictEqual(wrapper.find(ArrowBottomRight).length, 1, 'Should render a div containing rate & ArrowBottomRight icon');
+    assert.strictEqual(wrapper.find('span').length, 1, 'Should render a span containing an indication on the data that the rate is applying');
+    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), false, 'Should have the rateDiv class');
+    assert.strictEqual(wrapper.childAt(1).hasClass(classes.spanIndicator), true, 'Should have the spanIndicator class');
+  });
+  it('should render a div with an indicator span & div inside & arrow bottom icon inside', function () {
+    var wrapper = shallow(React.createElement(CellRate, {
+      type: 'rate',
+      value: 13.3,
+      trendchip: 'down',
+      indicator: 'volume'
+    }));
+    assert.strictEqual(wrapper.find(ArrowBottomRight).length, 1, 'Should render a div containing rate & ArrowBottomRight icon');
+    assert.strictEqual(wrapper.find('span').length, 1, 'Should render a span containing an indication on the data that the rate is applying');
+    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), false, 'Should have the rateDiv class');
+    assert.strictEqual(wrapper.childAt(1).hasClass(classes.spanIndicator), true, 'Should have the spanIndicator class');
+  });
+});

package/es/HiCell/CellSentinel.js

@@ -1,31 +1,13 @@
-"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
-
-var _styles = require("@material-ui/core/styles");
-
-var styles = {
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import HiColoredLabel from '../HiColoredLabel';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
@@ -36,19 +18,18 @@ var styles = {
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
  */
 
-exports.styles = styles;
-
 var CellSentinel =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(CellSentinel, _React$PureComponent);
+  _inherits(CellSentinel, _React$PureComponent);
 
   function CellSentinel() {
-    (0, _classCallCheck2.default)(this, CellSentinel);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellSentinel).apply(this, arguments));
+    _classCallCheck(this, CellSentinel);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(CellSentinel).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(CellSentinel, [{
+  _createClass(CellSentinel, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -62,10 +43,10 @@ function (_React$PureComponent) {
           value = _this$props.value;
       var effectiveLabel = label || value;
       var effectiveLetter = letter || effectiveLabel[0];
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.flexContent,
         title: reviewer ? "".concat(effectiveLabel, "\n").concat(reviewer) : effectiveLabel
-      }, _react.default.createElement(_HiColoredLabel.default, {
+      }, React.createElement(HiColoredLabel, {
         active: active,
         classes: {
           root: classes.label
@@ -76,16 +57,15 @@ function (_React$PureComponent) {
       }));
     }
   }]);
+
   return CellSentinel;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(CellSentinel, "defaultProps", {
+_defineProperty(CellSentinel, "defaultProps", {
   active: false,
   outlined: false
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCellSentinel'
-})(CellSentinel);
-
-exports.default = _default;
+})(CellSentinel);

package/es/HiCell/CellSentinel.test.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+import HiColoredLabel from '../HiColoredLabel';
+import CellSentinel from './CellSentinel';
+describe('<CellSentinel/>', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  it('should render a div with 1 HiColoredLabel inside', function () {
+    var wrapper = shallow(React.createElement(CellSentinel, {
+      label: 'Acceptée',
+      letter: 'A',
+      color: '#00AF01'
+    }));
+    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
+  });
+  it('should render a div with 1 HiColoredLabel active inside', function () {
+    var wrapper = shallow(React.createElement(CellSentinel, {
+      label: 'Acceptée',
+      letter: 'A',
+      color: '#00AF01',
+      active: true
+    }));
+    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
+  });
+  it('should render a div with 1 HiColoredLabel outlined inside', function () {
+    var wrapper = shallow(React.createElement(CellSentinel, {
+      label: 'Acceptée',
+      letter: 'A',
+      color: '#00AF01',
+      outlined: true
+    }));
+    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
+  });
+  it('should render a div with 1 HiColoredLabel with title inside', function () {
+    var wrapper = shallow(React.createElement(CellSentinel, {
+      label: 'Autorisée',
+      letter: 'A',
+      color: '#00AF01',
+      title: 'Autorisée par John Doe'
+    }));
+    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
+  });
+});

package/es/HiCell/CellSentinelScore.js

@@ -1,39 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.sentinelColorById = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
-
-var _styles = require("@material-ui/core/styles");
-
-var styles = {
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import HiColoredLabel from '../HiColoredLabel';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
   },
   label: {}
 };
-exports.styles = styles;
-var sentinelColorById = {
+export var sentinelColorById = {
   NOT_LAUNCHED: '#737373',
   ACCEPTED: '#00AF01',
   AUTHENTICATE: '#484A4B',
@@ -48,19 +29,18 @@ var sentinelColorById = {
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
  */
 
-exports.sentinelColorById = sentinelColorById;
-
 var CellSentinelScore =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(CellSentinelScore, _React$PureComponent);
+  _inherits(CellSentinelScore, _React$PureComponent);
 
   function CellSentinelScore() {
-    (0, _classCallCheck2.default)(this, CellSentinelScore);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellSentinelScore).apply(this, arguments));
+    _classCallCheck(this, CellSentinelScore);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(CellSentinelScore).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(CellSentinelScore, [{
+  _createClass(CellSentinelScore, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -68,9 +48,9 @@ function (_React$PureComponent) {
           classes = _this$props.classes,
           result = _this$props.result,
           value = _this$props.value;
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.flexContent
-      }, _react.default.createElement(_HiColoredLabel.default, {
+      }, React.createElement(HiColoredLabel, {
         active: active,
         classes: {
           root: classes.label
@@ -80,15 +60,14 @@ function (_React$PureComponent) {
       }));
     }
   }]);
+
   return CellSentinelScore;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(CellSentinelScore, "defaultProps", {
+_defineProperty(CellSentinelScore, "defaultProps", {
   active: false
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCellSentinelScore'
-})(CellSentinelScore);
-
-exports.default = _default;
+})(CellSentinelScore);