@hipay/hipay-material-ui 3.6.3 → 3.7.1

package/HiTable/HiCellBuilder.js

@@ -13,11 +13,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -45,15 +45,16 @@ var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction
 
 var cst = _interopRequireWildcard(require("./constants"));
 
-// @inheritedComponent CellBuilder
-var HiCellBuilder =
-/*#__PURE__*/
-function (_React$PureComponent) {
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiCellBuilder, _React$PureComponent);
 
-  function HiCellBuilder() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(HiCellBuilder);
 
+  function HiCellBuilder() {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiCellBuilder);
@@ -62,151 +63,172 @@ function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiCellBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _this.createCell = function (cell, rowdata, locale) {
       if (typeof rowdata[cell.colId] !== 'undefined' || typeof rowdata.datas[cell.colId] !== 'undefined') {
         var datacell = typeof rowdata[cell.colId] !== 'undefined' ? rowdata[cell.colId] : rowdata.datas[cell.colId];
 
         if (datacell !== null) {
-          if (cell.data !== undefined) {
-            var refproperties = cell.data.find(function (el) {
-              return el.id === datacell.value;
-            });
+          // Handle mutliple values (details rows)
+          if (datacell.length === 1) {
+            datacell = datacell[0];
+          } else if (datacell.length > 1) {
+            var align;
 
-            if (refproperties) {
-              Object.keys(refproperties).forEach(function (key) {
-                datacell[key] = refproperties[key];
-              });
-            }
-            /* else {
-               datacell = undefined;
-            }*/
-
-          }
-
-          if (datacell) {
             switch (cell.type) {
               case cst.TYPE_NUMERIC:
               case cst.TYPE_AMOUNT:
-                return _react.default.createElement(_CellNumeric.default, {
-                  value: datacell.value,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  precision: cell.precision,
-                  currency: datacell.currency,
-                  locale: datacell.locale || cell.locale || locale,
-                  isButton: datacell.isButton,
-                  onClick: datacell.handleClick,
-                  rowId: rowdata.rowId
-                });
-
-              case cst.TYPE_COUNTRY:
-                return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
-                  shortLabel: datacell.id,
-                  path: datacell.img,
-                  size: datacell.size,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_IMAGE:
-                return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label || datacell.value,
-                  shortLabel: datacell.id,
-                  path: datacell.img,
-                  size: datacell.size || cell.size,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  fallbackImage: datacell.fallbackImage,
-                  title: cell.title ? cell.title(datacell, cell) : datacell.title
-                });
+                align = "right";
+                break;
 
-              case cst.TYPE_RATE:
-                return _react.default.createElement(_CellRate.default, {
-                  indicator: datacell.indicator,
-                  isPositive: datacell.isPositive,
-                  locale: datacell.locale || cell.locale || locale,
-                  value: datacell.value,
-                  trendchip: datacell.trendchip,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_ADDRESS:
-                return _react.default.createElement(_CellAddress.default, {
-                  city: datacell.city,
-                  country: datacell.country,
-                  isoCountry: datacell.isoCountry,
-                  name: datacell.name,
-                  postalCode: datacell.postalCode,
-                  streetAddress: datacell.streetAddress,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_DATE:
-                return _react.default.createElement(_CellDate.default, {
-                  date: datacell.date,
-                  displayTime: datacell.displayTime,
-                  formatShort: datacell.formatShort,
-                  locale: datacell.locale || cell.precision || locale,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_ICON:
-                return _react.default.createElement(_CellIcon.default, {
-                  align: cell.align,
-                  color: datacell.color,
-                  icon: datacell.icon,
-                  label: datacell.label,
-                  onClick: datacell.handleClick,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  size: cell.size
-                });
-
-              case cst.TYPE_THIRD_PARTY_SECURITY:
-                return _react.default.createElement(_CellIcon.default, {
-                  color: datacell.color,
-                  icon: datacell.icon,
-                  label: datacell.label,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  size: cell.size
-                });
+              default:
+                align = "center";
+            }
 
-              case cst.TYPE_SENTINEL:
-                return _react.default.createElement(_CellSentinel.default, {
-                  color: datacell.color,
-                  label: datacell.label,
-                  letter: datacell.label2,
-                  active: datacell.active,
-                  reviewer: datacell.reviewer,
-                  outlined: datacell.outlined
-                });
+            return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
+              number: datacell.length,
+              color: "default",
+              align: align
+            });
+          }
 
-              case cst.TYPE_SCORE:
-                return _react.default.createElement(_CellSentinelScore.default, {
-                  value: datacell.value,
-                  result: datacell.result,
-                  active: datacell.active
-                });
+          if (datacell !== null) {
+            if (cell.data !== undefined) {
+              var refproperties = cell.data.find(function (el) {
+                return el.id === datacell.value;
+              });
 
-              case cst.TYPE_PIN_TO_ACTION:
-                return _react.default.createElement(_CellPinToAction.default, {
-                  number: datacell.number // eslint-disable-next-line react/jsx-handler-names
-                  ,
-                  onClick: datacell.onClick
+              if (refproperties) {
+                Object.keys(refproperties).forEach(function (key) {
+                  datacell[key] = refproperties[key];
                 });
+              }
+            }
 
-              case cst.TYPE_ACCOUNT_NUMBER:
-              case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
-              default:
-                return _react.default.createElement(_CellTextStyled.default, {
-                  active: datacell.active,
-                  color: datacell.color,
-                  label: datacell.label,
-                  isButton: datacell.isButton,
-                  onClick: datacell.handleClick,
-                  title: cell.title ? cell.title(datacell, cell) : datacell.title,
-                  value: datacell.value,
-                  align: cell.align
-                });
+            if (datacell) {
+              switch (cell.type) {
+                case cst.TYPE_NUMERIC:
+                case cst.TYPE_AMOUNT:
+                  return /*#__PURE__*/_react.default.createElement(_CellNumeric.default, {
+                    value: datacell.value,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    precision: cell.precision,
+                    currency: datacell.currency,
+                    locale: datacell.locale || cell.locale || locale,
+                    isButton: datacell.isButton,
+                    onClick: datacell.handleClick,
+                    rowId: rowdata.rowId
+                  });
+
+                case cst.TYPE_COUNTRY:
+                  return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
+                    label: datacell.label,
+                    shortLabel: datacell.id,
+                    path: datacell.img,
+                    size: datacell.size,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_IMAGE:
+                  return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
+                    label: datacell.label || datacell.value,
+                    shortLabel: datacell.shortLabel,
+                    path: datacell.img,
+                    size: datacell.size || cell.size,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    fallbackImage: datacell.fallbackImage,
+                    title: cell.title ? cell.title(datacell, cell) : datacell.title
+                  });
+
+                case cst.TYPE_RATE:
+                  return /*#__PURE__*/_react.default.createElement(_CellRate.default, {
+                    indicator: datacell.indicator,
+                    isPositive: datacell.isPositive,
+                    locale: datacell.locale || cell.locale || locale,
+                    value: datacell.value,
+                    trendchip: datacell.trendchip,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_ADDRESS:
+                  return /*#__PURE__*/_react.default.createElement(_CellAddress.default, {
+                    city: datacell.city,
+                    country: datacell.country,
+                    isoCountry: datacell.isoCountry,
+                    name: datacell.name,
+                    postalCode: datacell.postalCode,
+                    streetAddress: datacell.streetAddress,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_DATE:
+                  return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
+                    date: datacell.date,
+                    displayTime: datacell.displayTime,
+                    formatShort: datacell.formatShort,
+                    locale: datacell.locale || cell.precision || locale,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_ICON:
+                  return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
+                    align: cell.align,
+                    color: datacell.color,
+                    icon: datacell.icon,
+                    label: datacell.label,
+                    onClick: datacell.handleClick,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    size: cell.size
+                  });
+
+                case cst.TYPE_THIRD_PARTY_SECURITY:
+                  return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
+                    color: datacell.color,
+                    icon: datacell.icon,
+                    label: datacell.label,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    size: cell.size
+                  });
+
+                case cst.TYPE_SENTINEL:
+                  return /*#__PURE__*/_react.default.createElement(_CellSentinel.default, {
+                    color: datacell.color,
+                    label: datacell.label,
+                    letter: datacell.label2,
+                    active: datacell.active,
+                    reviewer: datacell.reviewer,
+                    outlined: datacell.outlined
+                  });
+
+                case cst.TYPE_SCORE:
+                  return /*#__PURE__*/_react.default.createElement(_CellSentinelScore.default, {
+                    value: datacell.value,
+                    result: datacell.result,
+                    active: datacell.active
+                  });
+
+                case cst.TYPE_PIN_TO_ACTION:
+                  return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
+                    number: datacell.number // eslint-disable-next-line react/jsx-handler-names
+                    ,
+                    onClick: datacell.onClick
+                  });
+
+                case cst.TYPE_ACCOUNT_NUMBER:
+                case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
+                default:
+                  return /*#__PURE__*/_react.default.createElement(_CellTextStyled.default, {
+                    active: datacell.active,
+                    color: datacell.color,
+                    label: datacell.label,
+                    isButton: datacell.isButton,
+                    onClick: datacell.handleClick,
+                    title: cell.title ? cell.title(datacell, cell) : datacell.title,
+                    value: datacell.value,
+                    align: cell.align
+                  });
+              }
             }
           }
         }
@@ -226,7 +248,7 @@ function (_React$PureComponent) {
           column = _this$props.column,
           data = _this$props.data,
           locale = _this$props.locale;
-      return _react.default.createElement(_TableCell.default, {
+      return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
         className: className
       }, this.createCell(column, data, locale));
     }

package/HiTable/HiTable.js

@@ -115,82 +115,82 @@ var HiTable = function HiTable(props) {
     activatePagination = true;
   }
 
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Table.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Table.default, {
     className: classes.root
-  }, _react.default.createElement(_HiTableHeader.default, {
+  }, /*#__PURE__*/_react.default.createElement(_HiTableHeader.default, {
     columns: columns,
     order: order,
     orderBy: orderBy,
     onRequestSort: handleRequestSort,
     sortable: sortable,
     dense: dense
-  }), !loading && _react.default.createElement(_HiTableBody.default, {
+  }), !loading && /*#__PURE__*/_react.default.createElement(_HiTableBody.default, {
     data: displayedData,
     columns: columns,
     onClick: onRowClick,
     dense: dense,
     locale: locale
-  })), loading && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Skeleton.default, {
+  })), loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  }), _react.default.createElement(_Skeleton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
     variant: "rect",
     height: 32
-  })), pageCount > 1 && activatePagination && _react.default.createElement(_HiPagination.default, {
+  })), pageCount > 1 && activatePagination && /*#__PURE__*/_react.default.createElement(_HiPagination.default, {
     classes: {
       root: classes.pagination
     },

package/HiTable/HiTableBody.js

@@ -11,27 +11,30 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 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"));
 
-// @inheritedComponent TableBody
-var HiTableBody =
-/*#__PURE__*/
-function (_React$PureComponent) {
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var HiTableBody = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiTableBody, _React$PureComponent);
 
+  var _super = _createSuper(HiTableBody);
+
   function HiTableBody() {
     (0, _classCallCheck2.default)(this, HiTableBody);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableBody).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   (0, _createClass2.default)(HiTableBody, [{
@@ -43,8 +46,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, index) {
-        return _react.default.createElement(_HiTableRow.default, {
+      return /*#__PURE__*/_react.default.createElement(_TableBody.default, null, data.map(function (n, index) {
+        return /*#__PURE__*/_react.default.createElement(_HiTableRow.default, {
           columns: columns,
           rowdata: n,
           key: n.rowId || index,

package/HiTable/HiTableHeader.js

@@ -13,11 +13,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -35,7 +35,10 @@ var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSor
 
 var cst = _interopRequireWildcard(require("./constants"));
 
-// @inheritedComponent TableHeader
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     head: {
@@ -58,14 +61,12 @@ var styles = function styles(theme) {
   };
 };
 
-var HiTableHeader =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiTableHeader = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiTableHeader, _React$PureComponent);
 
-  function HiTableHeader() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(HiTableHeader);
 
+  function HiTableHeader() {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiTableHeader);
@@ -74,7 +75,7 @@ function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiTableHeader)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _this.createSortHandler = function (property) {
       return function (event) {
@@ -97,9 +98,9 @@ function (_React$PureComponent) {
           orderBy = _this$props.orderBy,
           sortable = _this$props.sortable,
           dense = _this$props.dense;
-      return _react.default.createElement(_TableHead.default, {
+      return /*#__PURE__*/_react.default.createElement(_TableHead.default, {
         className: classes.head
-      }, _react.default.createElement(_TableRow.default, {
+      }, /*#__PURE__*/_react.default.createElement(_TableRow.default, {
         style: {
           height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
           whiteSpace: 'nowrap'
@@ -114,13 +115,13 @@ function (_React$PureComponent) {
             view = _columns$key.view,
             headerTooltip = _columns$key.headerTooltip;
         var finalLabel = view === 's' ? smallLabel : label;
-        return _react.default.createElement(_TableCell.default, {
+        return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
           key: colId,
           className: classes.cell,
           sortDirection: orderBy === colId ? order : false,
           align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
           title: headerTooltip
-        }, sortable ? _react.default.createElement(_TableSortLabel.default, {
+        }, sortable ? /*#__PURE__*/_react.default.createElement(_TableSortLabel.default, {
           active: orderBy === colId,
           direction: order,
           onClick: _this2.createSortHandler(colId),

package/HiTable/HiTableRow.js

@@ -15,14 +15,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -39,7 +39,10 @@ var _HiCellBuilder = _interopRequireDefault(require("./HiCellBuilder"));
 
 var cst = _interopRequireWildcard(require("./constants"));
 
-// @inheritedComponent TableRow
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     row: {
@@ -66,16 +69,16 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiTableRow =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiTableRow = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiTableRow, _React$PureComponent);
 
+  var _super = _createSuper(HiTableRow);
+
   function HiTableRow(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiTableRow);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableRow).call(this, props));
+    _this = _super.call(this, props);
     _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
@@ -99,7 +102,7 @@ function (_React$PureComponent) {
           key = _this$props.key,
           locale = _this$props.locale,
           rowdata = _this$props.rowdata;
-      return _react.default.createElement(_TableRow.default, {
+      return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
         className: (0, _classnames.default)(classes.row, (0, _defineProperty2.default)({}, classes.clickableRow, this.props.onClick)),
         hover: true,
         onClick: function onClick(event) {
@@ -119,7 +122,7 @@ function (_React$PureComponent) {
         tabIndex: 0,
         dataId: rowdata.rowId
       }, Object.keys(columns).map(function (column) {
-        return _react.default.createElement(_HiCellBuilder.default, {
+        return /*#__PURE__*/_react.default.createElement(_HiCellBuilder.default, {
           key: columns[column].colId,
           className: classes.cell,
           column: columns[column],