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

package/HiSwitch/HiSwitchState.js

@@ -1,25 +1,10 @@
-"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 _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _HiButton = _interopRequireDefault(require("../HiButton"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _helpers = require("../utils/helpers");
-
-var styles = function styles(theme) {
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import classNames from 'classnames';
+import HiButton from '../HiButton';
+import { withStyles } from '@material-ui/core/styles';
+import { capitalize } from '../utils/helpers';
+export var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-flex',
@@ -105,9 +90,6 @@ var styles = function styles(theme) {
  * par défaut ON/OFF associé à true/false.
  */
 
-
-exports.styles = styles;
-
 function HiSwitchState(props) {
   var _classNames, _classNames2;
 
@@ -122,11 +104,11 @@ function HiSwitchState(props) {
       disabled = props.disabled,
       onChange = props.onChange;
   var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
-  var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
-  var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
-  return _react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.root, className)
-  }, _react.default.createElement(_HiButton.default, {
+  var buttonLeftClass = classNames(classes.button, classes.buttonLeft, (_classNames = {}, _defineProperty(_classNames, classes.checked, checked === leftValue), _defineProperty(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), _defineProperty(_classNames, classes["checked".concat(capitalize(color))], !disabled && checked === leftValue && isHiColor), _defineProperty(_classNames, classes.disabled, disabled), _classNames));
+  var buttonRightClass = classNames(classes.button, classes.buttonRight, (_classNames2 = {}, _defineProperty(_classNames2, classes.checked, checked === rightValue), _defineProperty(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), _defineProperty(_classNames2, classes["checked".concat(capitalize(color))], !disabled && checked === rightValue && isHiColor), _defineProperty(_classNames2, classes.disabled, disabled), _classNames2));
+  return React.createElement("div", {
+    className: classNames(classes.root, className)
+  }, React.createElement(HiButton, {
     size: "small",
     className: buttonLeftClass,
     value: leftValue,
@@ -134,7 +116,7 @@ function HiSwitchState(props) {
       return onChange(event, leftValue);
     },
     disabled: disabled
-  }, leftLabel), _react.default.createElement(_HiButton.default, {
+  }, leftLabel), React.createElement(HiButton, {
     size: "small",
     className: buttonRightClass,
     value: rightValue,
@@ -154,10 +136,7 @@ HiSwitchState.defaultProps = {
   rightValue: 'on',
   disabled: false
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitchState'
-})(HiSwitchState);
-
-exports.default = _default;
+})(HiSwitchState);

package/HiSwitch/HiSwitchState.test.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow, getClasses } from '../test-utils';
+import HiSwitchState from './HiSwitchState';
+describe('<HiSwitchState />', function () {
+  var shallow;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      untilSelector: 'div'
+    });
+    classes = getClasses(React.createElement(HiSwitchState, null));
+  });
+  describe('default HiSwitch export', function () {
+    var wrapper;
+    var handler;
+    beforeEach(function () {
+      handler = spy();
+      wrapper = shallow(React.createElement(HiSwitchState, {
+        className: "foo",
+        checked: "zou",
+        onChange: handler,
+        leftLabel: "Zin\xE9dine",
+        leftValue: "zi",
+        rightLabel: "Zidane",
+        rightValue: "zou"
+      }));
+    });
+    it('should render a div with the root and user classes', function () {
+      assert.strictEqual(wrapper.name(), 'div');
+      assert.strictEqual(wrapper.hasClass(classes.root), true);
+      assert.strictEqual(wrapper.hasClass('foo'), true);
+    });
+    it('should render 2 clickable buttons', function () {
+      var leftButton = wrapper.childAt(0).dive();
+      var rightButton = wrapper.childAt(1).dive();
+      assert.strictEqual(leftButton.name(), 'ForwardRef(HiButton)');
+      assert.strictEqual(leftButton.props().children, 'Zinédine');
+      assert.strictEqual(leftButton.hasClass(classes.checked), false);
+      assert.strictEqual(rightButton.name(), 'ForwardRef(HiButton)');
+      assert.strictEqual(rightButton.props().children, 'Zidane');
+      assert.strictEqual(rightButton.hasClass(classes.checked), true); // Simulate click and update props
+
+      leftButton.simulate('click');
+      assert.strictEqual(handler.calledOnce, true, 'should onChange callback be called once');
+      assert.strictEqual(handler.calledWith(undefined, 'zi'), true, 'should onChange callback be called with params');
+      rightButton.simulate('click');
+      assert.strictEqual(handler.calledTwice, true, 'should onChange callback be called twice');
+      assert.strictEqual(handler.calledWith(undefined, 'zou'), true, 'should onChange callback be called with params');
+      wrapper.setProps({
+        checked: 'zi'
+      });
+      wrapper.update();
+      leftButton = wrapper.childAt(0).dive();
+      rightButton = wrapper.childAt(1).dive();
+      assert.strictEqual(leftButton.hasClass(classes.checked), true);
+      assert.strictEqual(rightButton.hasClass(classes.checked), false);
+    });
+  });
+  it('should render disabled buttons', function () {
+    var wrapper = shallow(React.createElement(HiSwitchState, {
+      className: "foo",
+      checked: "zi",
+      leftLabel: "Zin\xE9dine",
+      leftValue: "zi",
+      rightLabel: "Zidane",
+      rightValue: "zou",
+      disabled: true
+    }));
+    var leftButton = wrapper.childAt(0).dive();
+    var rightButton = wrapper.childAt(1).dive();
+    assert.strictEqual(leftButton.hasClass(classes.disabled), true);
+    assert.strictEqual(rightButton.hasClass(classes.disabled), true);
+  });
+});

package/HiSwitch/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 _HiSwitch.default;
-  }
-});
-Object.defineProperty(exports, "HiSwitchState", {
-  enumerable: true,
-  get: function get() {
-    return _HiSwitchState.default;
-  }
-});
-
-var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
-
-var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));
+export { default } from './HiSwitch';
+export { default as HiSwitchState } from './HiSwitchState';

package/HiTable/HiCellBuilder.js

@@ -1,73 +1,44 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 _getPrototypeOf3 = _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 _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-
-var _CellAddress = _interopRequireDefault(require("../HiCell/CellAddress"));
-
-var _CellDate = _interopRequireDefault(require("../HiCell/CellDate"));
-
-var _CellIcon = _interopRequireDefault(require("../HiCell/CellIcon"));
-
-var _CellImage = _interopRequireDefault(require("../HiCell/CellImage"));
-
-var _CellNumeric = _interopRequireDefault(require("../HiCell/CellNumeric"));
-
-var _CellSentinel = _interopRequireDefault(require("../HiCell/CellSentinel"));
-
-var _CellSentinelScore = _interopRequireDefault(require("../HiCell/CellSentinelScore"));
-
-var _CellTextStyled = _interopRequireDefault(require("../HiCell/CellTextStyled"));
-
-var _CellRate = _interopRequireDefault(require("../HiCell/CellRate"));
-
-var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction"));
-
-var cst = _interopRequireWildcard(require("./constants"));
-
+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";
 // @inheritedComponent CellBuilder
+import React from 'react';
+import TableCell from '@material-ui/core/TableCell';
+import CellAddress from '../HiCell/CellAddress';
+import CellDate from '../HiCell/CellDate';
+import CellIcon from '../HiCell/CellIcon';
+import CellImage from '../HiCell/CellImage';
+import CellNumeric from '../HiCell/CellNumeric';
+import CellSentinel from '../HiCell/CellSentinel';
+import CellSentinelScore from '../HiCell/CellSentinelScore';
+import CellTextStyled from '../HiCell/CellTextStyled';
+import CellRate from '../HiCell/CellRate';
+import CellPinToAction from '../HiCell/CellPinToAction';
+import * as cst from './constants';
+
 var HiCellBuilder =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiCellBuilder, _React$PureComponent);
+  _inherits(HiCellBuilder, _React$PureComponent);
 
   function HiCellBuilder() {
     var _getPrototypeOf2;
 
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiCellBuilder);
+    _classCallCheck(this, HiCellBuilder);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiCellBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createCell", function (cell, rowdata, locale) {
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiCellBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "createCell", function (cell, rowdata, locale) {
       if (rowdata.datas[cell.colId]) {
         var datacell = rowdata.datas[cell.colId];
 
@@ -88,7 +59,7 @@ function (_React$PureComponent) {
         if (datacell) {
           switch (cell.type) {
             case cst.TYPE_NUMERIC:
-              return _react.default.createElement(_CellNumeric.default, {
+              return React.createElement(CellNumeric, {
                 value: datacell.value,
                 view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
                 precision: cell.precision,
@@ -97,7 +68,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_COUNTRY:
-              return _react.default.createElement(_CellImage.default, {
+              return React.createElement(CellImage, {
                 label: datacell.label,
                 shortLabel: datacell.id,
                 path: datacell.img,
@@ -106,7 +77,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_IMAGE:
-              return _react.default.createElement(_CellImage.default, {
+              return React.createElement(CellImage, {
                 label: datacell.label,
                 shortLabel: datacell.id,
                 path: datacell.img,
@@ -117,7 +88,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_RATE:
-              return _react.default.createElement(_CellRate.default, {
+              return React.createElement(CellRate, {
                 indicator: datacell.indicator,
                 isPositive: datacell.isPositive,
                 locale: datacell.locale || cell.locale || locale,
@@ -127,7 +98,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_ADDRESS:
-              return _react.default.createElement(_CellAddress.default, {
+              return React.createElement(CellAddress, {
                 city: datacell.city,
                 country: datacell.country,
                 isoCountry: datacell.isoCountry,
@@ -138,7 +109,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_DATE:
-              return _react.default.createElement(_CellDate.default, {
+              return React.createElement(CellDate, {
                 date: datacell.date,
                 displayTime: datacell.displayTime,
                 formatShort: datacell.formatShort,
@@ -147,7 +118,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_ICON:
-              return _react.default.createElement(_CellIcon.default, {
+              return React.createElement(CellIcon, {
                 align: cell.align,
                 color: datacell.color,
                 icon: datacell.icon,
@@ -158,7 +129,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_THIRD_PARTY_SECURITY:
-              return _react.default.createElement(_CellIcon.default, {
+              return React.createElement(CellIcon, {
                 color: datacell.color,
                 icon: datacell.icon,
                 label: datacell.label,
@@ -167,7 +138,7 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_SENTINEL:
-              return _react.default.createElement(_CellSentinel.default, {
+              return React.createElement(CellSentinel, {
                 color: datacell.color,
                 label: datacell.label,
                 letter: datacell.label2,
@@ -177,14 +148,14 @@ function (_React$PureComponent) {
               });
 
             case cst.TYPE_SENTINEL_SCORE:
-              return _react.default.createElement(_CellSentinelScore.default, {
+              return React.createElement(CellSentinelScore, {
                 value: datacell.value,
                 result: datacell.result,
                 active: datacell.active
               });
 
             case cst.TYPE_PIN_TO_ACTION:
-              return _react.default.createElement(_CellPinToAction.default, {
+              return React.createElement(CellPinToAction, {
                 number: datacell.number // eslint-disable-next-line react/jsx-handler-names
                 ,
                 onClick: datacell.onClick
@@ -193,7 +164,7 @@ function (_React$PureComponent) {
             case cst.TYPE_ACCOUNT_NUMBER:
             case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
             default:
-              return _react.default.createElement(_CellTextStyled.default, {
+              return React.createElement(CellTextStyled, {
                 active: datacell.active,
                 color: datacell.color,
                 label: datacell.label,
@@ -208,10 +179,11 @@ function (_React$PureComponent) {
 
       return null;
     });
+
     return _this;
   }
 
-  (0, _createClass2.default)(HiCellBuilder, [{
+  _createClass(HiCellBuilder, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -219,13 +191,13 @@ function (_React$PureComponent) {
           column = _this$props.column,
           data = _this$props.data,
           locale = _this$props.locale;
-      return _react.default.createElement(_TableCell.default, {
+      return React.createElement(TableCell, {
         className: className
       }, this.createCell(column, data, locale));
     }
   }]);
+
   return HiCellBuilder;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-var _default = HiCellBuilder;
-exports.default = _default;
+export default HiCellBuilder;

package/HiTable/HiTable.js

@@ -1,37 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 _Table = _interopRequireDefault(require("@material-ui/core/Table"));
-
-var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
-
-var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
-
+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";
 // @inheritedComponent Table
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import Table from '@material-ui/core/Table';
+import HiTableHeader from './HiTableHeader';
+import HiTableBody from './HiTableBody';
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -43,23 +23,26 @@ var styles = function styles(theme) {
 var HiTable =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiTable, _React$PureComponent);
+  _inherits(HiTable, _React$PureComponent);
 
   function HiTable(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiTable);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTable).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRequestSort", function (event, property) {
+    _classCallCheck(this, HiTable);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiTable).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleRequestSort", function (event, property) {
       if (_this.props.onSort) {
         _this.props.onSort(property);
       }
     });
-    _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)(_this));
+
+    _this.handleRequestSort = _this.handleRequestSort.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiTable, [{
+  _createClass(HiTable, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -72,16 +55,16 @@ function (_React$PureComponent) {
           dense = _this$props.dense,
           order = _this$props.order,
           orderBy = _this$props.orderBy;
-      return _react.default.createElement(_Table.default, {
+      return React.createElement(Table, {
         className: classes.root
-      }, _react.default.createElement(_HiTableHeader.default, {
+      }, React.createElement(HiTableHeader, {
         columns: columns,
         order: order,
         orderBy: orderBy,
         onRequestSort: this.handleRequestSort,
         sortable: sortable,
         dense: dense
-      }), _react.default.createElement(_HiTableBody.default, {
+      }), React.createElement(HiTableBody, {
         data: data,
         columns: columns,
         onClick: onRowClick,
@@ -90,12 +73,11 @@ function (_React$PureComponent) {
       }));
     }
   }]);
+
   return HiTable;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiTable'
-})(HiTable);
-
-exports.default = _default;
+})(HiTable);

package/HiTable/HiTable.test.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, getClasses } from '../test-utils';
+import HiTable from './HiTable';
+describe('<HiTable columns={columns} data={data}/>', function () {
+  var shallow;
+  var classes;
+  var columns = {};
+  var data = [];
+  before(function () {
+    shallow = createShallow({
+      untilSelector: 'table'
+    });
+    classes = getClasses(React.createElement(HiTable, {
+      columns: columns,
+      data: data
+    }));
+  });
+  describe('default HiTable export', function () {
+    it('should render a table with the root classes', function () {
+      var wrapper = shallow(React.createElement(HiTable, {
+        columns: columns,
+        data: data
+      }));
+      assert.strictEqual(wrapper.name(), 'table');
+      assert.strictEqual(wrapper.hasClass(classes.root), true);
+    });
+  });
+});

package/HiTable/HiTableBody.js

@@ -1,40 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody/TableBody"));
-
-var _HiTableRow = _interopRequireDefault(require("./HiTableRow"));
-
+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";
 // @inheritedComponent TableBody
+import React from 'react';
+import TableBody from '@material-ui/core/TableBody/TableBody';
+import HiTableRow from './HiTableRow';
+
 var HiTableBody =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiTableBody, _React$PureComponent);
+  _inherits(HiTableBody, _React$PureComponent);
 
   function HiTableBody() {
-    (0, _classCallCheck2.default)(this, HiTableBody);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableBody).apply(this, arguments));
+    _classCallCheck(this, HiTableBody);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(HiTableBody).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(HiTableBody, [{
+  _createClass(HiTableBody, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -43,8 +28,8 @@ function (_React$PureComponent) {
           dense = _this$props.dense,
           locale = _this$props.locale,
           onClick = _this$props.onClick;
-      return _react.default.createElement(_TableBody.default, null, data.map(function (n) {
-        return _react.default.createElement(_HiTableRow.default, {
+      return React.createElement(TableBody, null, data.map(function (n) {
+        return React.createElement(HiTableRow, {
           columns: columns,
           rowdata: n,
           key: n.rowId,
@@ -55,8 +40,8 @@ function (_React$PureComponent) {
       }));
     }
   }]);
+
   return HiTableBody;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-var _default = HiTableBody;
-exports.default = _default;
+export default HiTableBody;