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

package/es/HiCell/CellPinToAction.js

@@ -1,12 +1,29 @@
-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 = {
+"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 = {
   wrapper: {
     maxWidth: '100%',
     display: 'inline-flex'
@@ -16,18 +33,21 @@ export 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) {
-  _inherits(CellPinToAction, _React$PureComponent);
+  (0, _inherits2.default)(CellPinToAction, _React$PureComponent);
 
   function CellPinToAction() {
-    _classCallCheck(this, CellPinToAction);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(CellPinToAction).apply(this, arguments));
+    (0, _classCallCheck2.default)(this, CellPinToAction);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellPinToAction).apply(this, arguments));
   }
 
-  _createClass(CellPinToAction, [{
+  (0, _createClass2.default)(CellPinToAction, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -35,18 +55,19 @@ function (_React$PureComponent) {
           onClick = _this$props.onClick,
           number = _this$props.number;
       if (number === undefined) return '';
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.wrapper
-      }, number === 0 ? React.createElement(HiPin, null, "0") : React.createElement(HiPin, {
+      }, number === 0 ? _ref : _react.default.createElement(_HiPin.default, {
         color: "primary",
         onClick: onClick
       }, number));
     }
   }]);
-
   return CellPinToAction;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellPin'
-})(CellPinToAction);
+})(CellPinToAction);
+
+exports.default = _default;

package/es/HiCell/CellRate.js

@@ -1,15 +1,35 @@
-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) {
+"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 _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 _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) {
   return {
     flexContent: {
       display: 'flex',
@@ -51,18 +71,20 @@ export 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) {
-  _inherits(CellRate, _React$PureComponent);
+  (0, _inherits2.default)(CellRate, _React$PureComponent);
 
   function CellRate() {
-    _classCallCheck(this, CellRate);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(CellRate).apply(this, arguments));
+    (0, _classCallCheck2.default)(this, CellRate);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellRate).apply(this, arguments));
   }
 
-  _createClass(CellRate, [{
+  (0, _createClass2.default)(CellRate, [{
     key: "render",
     value: function render() {
       var _classNames, _classNames2;
@@ -76,24 +98,24 @@ function (_React$PureComponent) {
           locale = _this$props.locale,
           view = _this$props.view;
       var trendIcon;
-      var displayedRate = formatRate(value, view, locale);
+      var displayedRate = (0, _helpers.formatRate)(value, view, locale);
 
       switch (trendchip) {
         case 'equal':
-          trendIcon = React.createElement(Equal, {
-            className: classNames(classes.trendChipIcon, classes.neutral)
+          trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
+            className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
           });
           break;
 
         case 'up':
-          trendIcon = React.createElement(ArrowTopRight, {
-            className: classNames(classes.trendChipIcon, (_classNames = {}, _defineProperty(_classNames, classes.positive, isPositive), _defineProperty(_classNames, classes.negative, !isPositive), _classNames))
+          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))
           });
           break;
 
         case 'down':
-          trendIcon = React.createElement(ArrowBottomRight, {
-            className: classNames(classes.trendChipIcon, (_classNames2 = {}, _defineProperty(_classNames2, classes.positive, !isPositive), _defineProperty(_classNames2, classes.negative, isPositive), _classNames2))
+          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))
           });
           break;
 
@@ -101,11 +123,11 @@ function (_React$PureComponent) {
           break;
       }
 
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.flexContent
-      }, React.createElement("div", {
+      }, _react.default.createElement("div", {
         className: typeof indicator === 'undefined' && classes.rateDiv || ''
-      }, displayedRate, trendIcon), typeof indicator !== 'undefined' && React.createElement("span", {
+      }, displayedRate, trendIcon), typeof indicator !== 'undefined' && _react.default.createElement("span", {
         className: classes.spanIndicator,
         style: {
           fontSize: view !== 'l' ? 10 : 11
@@ -113,15 +135,16 @@ function (_React$PureComponent) {
       }, indicator));
     }
   }]);
-
   return CellRate;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(CellRate, "defaultProps", {
+CellRate.defaultProps = {
   isPositive: true,
   locale: 'en'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellRate'
-})(CellRate);
+})(CellRate);
+
+exports.default = _default;

package/es/HiCell/CellSentinel.js

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

package/es/HiCell/CellSentinelScore.js

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

package/es/HiCell/CellText.js

@@ -1,15 +1,33 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-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 HiColoredLabel from '../HiColoredLabel';
-export var styles = {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+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 _styles = require("@material-ui/core/styles");
+
+var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
+var styles = {
   leftEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -29,22 +47,20 @@ export var styles = {
     whiteSpace: 'pre'
   }
 };
+exports.styles = styles;
 
 var CellText =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(CellText, _React$Component);
+  (0, _inherits2.default)(CellText, _React$Component);
 
   function CellText(props) {
     var _this;
 
-    _classCallCheck(this, CellText);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(CellText).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "cellText", null);
-
-    _this.buildEllipsis = _this.buildEllipsis.bind(_assertThisInitialized(_this));
+    (0, _classCallCheck2.default)(this, CellText);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellText).call(this, props));
+    _this.cellText = null;
+    _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
   /**
@@ -52,7 +68,7 @@ function (_React$Component) {
    */
 
 
-  _createClass(CellText, [{
+  (0, _createClass2.default)(CellText, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.buildEllipsis();
@@ -72,7 +88,7 @@ function (_React$Component) {
       if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
         if (this.cellText !== null) {
           var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
-              _this$cellText$getEle2 = _slicedToArray(_this$cellText$getEle, 2),
+              _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
               startSpan = _this$cellText$getEle2[0],
               endSpan = _this$cellText$getEle2[1];
 
@@ -98,7 +114,7 @@ function (_React$Component) {
       if (this.props.ellipsis === 'middle') {
         if (this.cellText !== null) {
           var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
-              _this$cellText$getEle4 = _slicedToArray(_this$cellText$getEle3, 2),
+              _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
               _startSpan = _this$cellText$getEle4[0],
               _endSpan = _this$cellText$getEle4[1];
 
@@ -143,13 +159,13 @@ function (_React$Component) {
             end = '';
           }
 
-          valueElement = React.createElement("div", {
+          valueElement = _react.default.createElement("div", {
             ref: function ref(div) {
               _this2.cellText = div;
             }
-          }, React.createElement("span", {
+          }, _react.default.createElement("span", {
             className: classes.rightEllipsisSpan
-          }, "".concat(start, " ")), React.createElement("span", {
+          }, "".concat(start, " ")), _react.default.createElement("span", {
             className: classes.leftEllipsisSpan
           }, end));
           break;
@@ -158,23 +174,23 @@ function (_React$Component) {
           // Split value in 2 strings
           start = valueString.substr(0, Math.round(valueString.length / 2));
           end = valueString.substr(Math.round(valueString.length / 2));
-          valueElement = React.createElement("div", {
+          valueElement = _react.default.createElement("div", {
             ref: function ref(div) {
               _this2.cellText = div;
             }
-          }, React.createElement("span", {
+          }, _react.default.createElement("span", {
             className: classes.noEllipsisSpan
-          }, start), React.createElement("span", {
+          }, start), _react.default.createElement("span", {
             className: classes.leftEllipsisSpan
           }, end));
           break;
 
         case 'left':
-          valueElement = color ? React.createElement(HiColoredLabel, {
+          valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
             className: classes.leftEllipsisSpan,
             label: valueString,
             color: color
-          }) : React.createElement("div", {
+          }) : _react.default.createElement("div", {
             className: classes.leftEllipsisSpan,
             style: {
               width: '100%'
@@ -184,11 +200,11 @@ function (_React$Component) {
 
         case 'right':
         default:
-          valueElement = color ? React.createElement(HiColoredLabel, {
+          valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
             className: classes.rightEllipsisSpan,
             label: valueString,
             color: color
-          }) : React.createElement("div", {
+          }) : _react.default.createElement("div", {
             className: classes.rightEllipsisSpan,
             style: {
               width: '100%'
@@ -200,10 +216,11 @@ function (_React$Component) {
       return valueElement;
     }
   }]);
-
   return CellText;
-}(React.Component);
+}(_react.default.Component);
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellText'
-})(CellText);
+})(CellText);
+
+exports.default = _default;