@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/signatures/ResponsiveTable.js

@@ -1,131 +1,64 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = EnhancedTable;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
-
 require("react-super-responsive-table/dist/SuperResponsiveTableStyle.css");
-
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
-
 var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
-
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
-
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
 var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
-
 require("./ResponsiveTable.css");
-
 var _RestUtils = require("../../RestUtils");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var utils = new _ViewUtils.default();
-var MULTI_SELECT_CHECKBOX_COL_WIDTH = 64;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const utils = new _ViewUtils.default();
+const MULTI_SELECT_CHECKBOX_COL_WIDTH = 64;
 function evaluateTableCellWidth(multiSelect, headCell, headCellCount) {
   return multiSelect === true ? "calc(" + (typeof headCell.widthRatio !== 'undefined' ? 100 * headCell.widthRatio + "%" : 100 / headCellCount + "%") + " - " + MULTI_SELECT_CHECKBOX_COL_WIDTH / headCellCount + "px)" : typeof headCell.widthRatio !== 'undefined' ? 100 * headCell.widthRatio + "%" : 100 / headCellCount + "%";
 }
-
 function desc(a, b, orderBy) {
   if (b[orderBy] < a[orderBy]) {
     return -1;
   }
-
   if (b[orderBy] > a[orderBy]) {
     return 1;
   }
-
   return 0;
 }
-
 function stableSort(array, cmp) {
-  var stabilizedThis = array.map(function (el, index) {
-    return [el, index];
-  });
-  stabilizedThis.sort(function (a, b) {
-    var order = cmp(a[0], b[0]);
+  const stabilizedThis = array.map((el, index) => [el, index]);
+  stabilizedThis.sort((a, b) => {
+    const order = cmp(a[0], b[0]);
     if (order !== 0) return order;
     return a[1] - b[1];
   });
-  return stabilizedThis.map(function (el) {
-    return el[0];
-  });
+  return stabilizedThis.map(el => el[0]);
 }
-
 function getSorting(order, orderBy) {
-  return order === 'desc' ? function (a, b) {
-    return desc(a, b, orderBy);
-  } : function (a, b) {
-    return -desc(a, b, orderBy);
-  };
+  return order === 'desc' ? (a, b) => desc(a, b, orderBy) : (a, b) => -desc(a, b, orderBy);
 }
-
 function EnhancedTableHead(props) {
-  var classes = props.classes,
-      onSelectAllClick = props.onSelectAllClick,
-      order = props.order,
-      orderBy = props.orderBy,
-      numSelected = props.numSelected,
-      rowCount = props.rowCount,
-      onRequestSort = props.onRequestSort,
-      headCells = props.headCells;
-
-  var createSortHandler = function createSortHandler(property) {
-    return function (event) {
-      onRequestSort(event, property);
-    };
+  const {
+    classes,
+    onSelectAllClick,
+    order,
+    orderBy,
+    numSelected,
+    rowCount,
+    onRequestSort,
+    headCells
+  } = props;
+  const createSortHandler = property => event => {
+    onRequestSort(event, property);
   };
-
   return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Thead, {
     className: classes.tableHead,
     style: {
@@ -147,25 +80,22 @@ function EnhancedTableHead(props) {
     inputProps: {
       'aria-label': 'select all'
     }
-  })) : null, headCells.map(function (headCell) {
-    return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
-      key: headCell.id,
-      align: headCell.numeric === true ? 'right' : 'left',
-      padding: headCell.disablePadding ? 'none' : 'default',
-      className: classes.tableHeaderCell,
-      style: {
-        width: headCell.width
-      }
-    }, /*#__PURE__*/_react.default.createElement(_TableSortLabel.default, {
-      active: orderBy === headCell.id,
-      direction: order,
-      onClick: createSortHandler(headCell.id)
-    }, headCell.label, orderBy === headCell.id ? /*#__PURE__*/_react.default.createElement("span", {
-      className: classes.visuallyHidden
-    }, order === 'desc' ? 'sorted descending' : 'sorted ascending') : null));
-  })));
+  })) : null, headCells.map(headCell => /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
+    key: headCell.id,
+    align: headCell.numeric === true ? 'right' : 'left',
+    padding: headCell.disablePadding ? 'none' : 'default',
+    className: classes.tableHeaderCell,
+    style: {
+      width: headCell.width
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TableSortLabel.default, {
+    active: orderBy === headCell.id,
+    direction: order,
+    onClick: createSortHandler(headCell.id)
+  }, headCell.label, orderBy === headCell.id ? /*#__PURE__*/_react.default.createElement("span", {
+    className: classes.visuallyHidden
+  }, order === 'desc' ? 'sorted descending' : 'sorted ascending') : null)))));
 }
-
 EnhancedTableHead.propTypes = {
   classes: _propTypes.default.object.isRequired,
   numSelected: _propTypes.default.number.isRequired,
@@ -175,228 +105,157 @@ EnhancedTableHead.propTypes = {
   orderBy: _propTypes.default.string.isRequired,
   rowCount: _propTypes.default.number.isRequired
 };
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      width: '100%',
-      marginTop: theme.spacing(3)
-    },
-    paper: {
-      width: '100%',
-      height: '100%',
-      position: 'relative',
-      zIndex: '0'
-    },
-    scrollPadding: {
-      padding: '8px !important'
-    },
-    noScrollPadding: {
-      padding: '0 !important',
-      width: '1px !important'
-    },
-    tableBody: {
-      display: 'block',
-      overflowY: 'auto'
-    },
-    tableHeaderCell: {
-      overflow: 'inherit',
-      textAlign: 'left !important'
-    },
-    tableHead: {
-      fontSize: '14px !important',
-      display: 'block',
-      overflow: 'inherit'
-    },
-    tableSelected: {
-      backgroundColor: '#e1e1e1'
-    },
-    tableRow: {},
-    tableWrapper: {
-      height: '100%'
-    },
-    table: {
-      height: '100%'
-    },
-    visuallyHidden: {
-      border: 0,
-      clip: 'rect(0 0 0 0)',
-      height: 1,
-      margin: -1,
-      padding: 0,
-      position: 'absolute',
-      top: 20,
-      width: 1
-    }
-  };
-});
-
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    width: '100%',
+    marginTop: theme.spacing(3)
+  },
+  paper: {
+    width: '100%',
+    height: '100%',
+    position: 'relative',
+    zIndex: '0'
+  },
+  scrollPadding: {
+    padding: '8px !important'
+  },
+  noScrollPadding: {
+    padding: '0 !important',
+    width: '1px !important'
+  },
+  tableBody: {
+    display: 'block',
+    overflowY: 'auto'
+  },
+  tableHeaderCell: {
+    overflow: 'inherit',
+    textAlign: 'left !important'
+  },
+  tableHead: {
+    fontSize: '14px !important',
+    display: 'block',
+    overflow: 'inherit'
+  },
+  tableSelected: {
+    backgroundColor: '#e1e1e1'
+  },
+  tableRow: {},
+  tableWrapper: {
+    height: '100%'
+  },
+  table: {
+    height: '100%'
+  },
+  visuallyHidden: {
+    border: 0,
+    clip: 'rect(0 0 0 0)',
+    height: 1,
+    margin: -1,
+    padding: 0,
+    position: 'absolute',
+    top: 20,
+    width: 1
+  }
+}));
 function EnhancedTable(props) {
-  var utils = new _ViewUtils.default();
-  var classes = useStyles();
-
-  var _React$useState = _react.default.useState('asc'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      order = _React$useState2[0],
-      setOrder = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState('id'),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      orderBy = _React$useState4[0],
-      setOrderBy = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      selected = _React$useState6[0],
-      setSelected = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(0),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      totalNumberOfRows = _React$useState8[0],
-      setTotalNumberOfRows = _React$useState8[1];
-
-  var _React$useState9 = _react.default.useState(""),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      selectedRow = _React$useState10[0],
-      setSelectedRow = _React$useState10[1];
-
-  var _React$useState11 = _react.default.useState(0),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      page = _React$useState12[0],
-      setPage = _React$useState12[1];
-
-  var _React$useState13 = _react.default.useState(!utils.isNull(props.rows) ? props.rows : []),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      rows = _React$useState14[0],
-      setRows = _React$useState14[1];
-
-  var _React$useState15 = _react.default.useState(0),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      scrollWidth = _React$useState16[0],
-      setScrollWidth = _React$useState16[1];
-
-  var _React$useState17 = _react.default.useState(true),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      dense = _React$useState18[0],
-      setDense = _React$useState18[1];
-
-  var _React$useState19 = _react.default.useState(utils.isNull(props.autoFetchData) || props.autoFetchData === true),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      fetchEnabled = _React$useState20[0],
-      setFetchEnabled = _React$useState20[1];
-
-  var _React$useState21 = _react.default.useState(10),
-      _React$useState22 = _slicedToArray(_React$useState21, 2),
-      rowsPerPage = _React$useState22[0],
-      setRowsPerPage = _React$useState22[1];
-
-  var headCells = props.headCells;
-  var actionsToolbar = props.actionsToolbar;
-
-  var _React$useState23 = _react.default.useState(props.searchParameters),
-      _React$useState24 = _slicedToArray(_React$useState23, 2),
-      searchParameters = _React$useState24[0],
-      setSearchParameters = _React$useState24[1];
-
-  for (var i = 0; i < props.headCells.length; i++) {
-    var headCell = props.headCells[i];
+  const utils = new _ViewUtils.default();
+  const classes = useStyles();
+  const [order, setOrder] = _react.default.useState('asc');
+  const [orderBy, setOrderBy] = _react.default.useState('id');
+  const [selected, setSelected] = _react.default.useState([]);
+  const [totalNumberOfRows, setTotalNumberOfRows] = _react.default.useState(0);
+  const [selectedRow, setSelectedRow] = _react.default.useState("");
+  const [page, setPage] = _react.default.useState(0);
+  const [rows, setRows] = _react.default.useState(!utils.isNull(props.rows) ? props.rows : []);
+  const [scrollWidth, setScrollWidth] = _react.default.useState(0);
+  const [dense, setDense] = _react.default.useState(true);
+  const [fetchEnabled, setFetchEnabled] = _react.default.useState(utils.isNull(props.autoFetchData) || props.autoFetchData === true);
+  const [rowsPerPage, setRowsPerPage] = _react.default.useState(10);
+  const {
+    headCells
+  } = props;
+  const {
+    actionsToolbar
+  } = props;
+  const [searchParameters, setSearchParameters] = _react.default.useState(props.searchParameters);
+  for (let i = 0; i < props.headCells.length; i++) {
+    let headCell = props.headCells[i];
     headCell.width = evaluateTableCellWidth(props.multiSelect, headCell, props.headCells.length);
   }
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!utils.isNull(props.rows)) {
       setRows(props.rows);
     }
   }, [props.rows]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (fetchEnabled && !utils.isNull(props.searchParameters) && !(utils.isNull(props.dataUrl) || utils.isNull(props.dataService))) {
       setSearchParameters(props.searchParameters);
-
       if (!utils.isNull(props.dataService)) {
         alert(props.dataService);
-        (0, _RestUtils.invokeRpc)(props.dataService, null, "", function (result) {
+        (0, _RestUtils.invokeRpc)(props.dataService, null, "", result => {
           setRows(result.data.records);
           setTotalNumberOfRows(result.data.totalNumberOfRecords);
-
           if (!utils.isNull(props.onDataArrive)) {
             props.onDataArrive(result.data);
           }
-
           updateScrollBarPadding();
-        }, function (e) {
+        }, e => {
           alert(e.message);
         });
       } else {
-        utils.invokeUrl(props.dataUrl, JSON.stringify(utils.getRequest(page + 1, rowsPerPage, props.searchParameters, props.paged)), function (data) {
+        utils.invokeUrl(props.dataUrl, JSON.stringify(utils.getRequest(page + 1, rowsPerPage, props.searchParameters, props.paged)), data => {
           var result;
-
           if (typeof data === "string") {
             result = JSON.parse(data);
           } else {
             result = data;
           }
-
           if (!utils.isNull(result)) {
             setRows(result.records);
             setTotalNumberOfRows(result.totalNumberOfRecords);
-
             if (!utils.isNull(props.onDataArrive)) {
               props.onDataArrive(result);
             }
-
             updateScrollBarPadding();
           }
         }, null);
       }
     }
-
     setFetchEnabled(true);
   }, [props.searchParameters]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     updateScrollBarPadding();
   }, [rows]);
-
   function updateScrollBarPadding() {
     var tbody = document.getElementById('mainTableBody');
-
     if (tbody !== null && typeof tbody !== 'undefined') {
       setScrollWidth(tbody.offsetWidth - tbody.clientWidth);
     }
   }
-
   window.onresize = function onresize() {
     updateScrollBarPadding();
   };
-
   function getRequestJson(currentPage, curretRowsPerPage, paged) {
     return utils.getRequest(currentPage, curretRowsPerPage, searchParameters, paged);
   }
-
   function handleRequestSort(event, property) {
-    var isDesc = orderBy === property && order === 'desc';
+    const isDesc = orderBy === property && order === 'desc';
     setOrder(isDesc ? 'asc' : 'desc');
     setOrderBy(property);
   }
-
   function handleSelectAllClick(event) {
     if (event.target.checked) {
-      var newSelecteds = rows.map(function (n) {
-        return n.name;
-      });
+      const newSelecteds = rows.map(n => n.name);
       setSelected(newSelecteds);
       props.onSelectionChange(newSelecteds);
       return;
     }
-
     setSelected([]);
     props.onSelectionChange([]);
   }
-
   function doHandleClick(event, id) {
-    var selectedIndex = selected.indexOf(id);
-    var newSelected = [];
-
+    const selectedIndex = selected.indexOf(id);
+    let newSelected = [];
     if (props.multiSelect === true) {
       if (selectedIndex === -1) {
         newSelected = newSelected.concat(selected, id);
@@ -410,82 +269,62 @@ function EnhancedTable(props) {
     } else {
       newSelected.push(id);
     }
-
-    var selectedRows = [];
-
+    let selectedRows = [];
     for (var i = 0; i < rows.length; i++) {
-      var row = rows[i];
-
+      let row = rows[i];
       for (var j = 0; j < newSelected.length; j++) {
         if (row.map.id === newSelected[j]) {
           selectedRows.push(row);
         }
       }
     }
-
     setSelected(newSelected);
-
     if (!utils.isNull(props.onSelectionChange)) {
       props.onSelectionChange(selectedRows);
     }
-
     setSelectedRow(id);
   }
-
   function handleClick(event, id) {
     if (!utils.isNull(props.onCellSelectionChange)) {
       return;
     }
-
     doHandleClick(event, id);
   }
-
   function handleCellClick(event, id, headCell) {
     if (headCell.contentType !== "document") {
       // TODO : Evaluate if this call is necessary
       doHandleClick(event, id);
     }
-
     if (!utils.isNull(props.onCellSelectionChange)) {
       props.onCellSelectionChange(id, headCell);
     }
   }
-
   function handleChangePage(event, newPage) {
-    utils.invokeUrl(props.dataUrl + "?request=" + getRequestJson(newPage + 1, rowsPerPage, true), function (data) {
+    utils.invokeUrl(props.dataUrl + "?request=" + getRequestJson(newPage + 1, rowsPerPage, true), data => {
       setRows(data.Data);
       setPage(newPage);
-
       if (!utils.isNull(props.onDataArrive)) {
         props.onDataArrive(data);
       }
     }, null);
   }
-
   function handleChangeRowsPerPage(event) {
     var curretRowsPerPage = +event.target.value;
-    utils.invokeUrl(props.dataUrl + "?request=" + getRequestJson(1, curretRowsPerPage, true), function (result) {
+    utils.invokeUrl(props.dataUrl + "?request=" + getRequestJson(1, curretRowsPerPage, true), result => {
       setRows(result.Data);
       setRowsPerPage(curretRowsPerPage);
       setPage(0);
-
       if (!utils.isNull(props.onDataArrive)) {
         props.onDataArrive(result);
       }
-
       updateScrollBarPadding();
     }, null);
   }
-
   function handleChangeDense(event) {
     setDense(event.target.checked);
     updateScrollBarPadding();
   }
-
-  var isSelected = function isSelected(id) {
-    return selected.indexOf(id) !== -1;
-  };
-
+  const isSelected = id => selected.indexOf(id) !== -1;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Paper.default, {
     className: classes.paper
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -518,18 +357,16 @@ function EnhancedTable(props) {
       maxHeight: utils.isNull(props.bodyMaxHeight) ? props.bodyMaxHeight : "42vh"
     },
     id: "mainTableBody"
-  }, stableSort(rows, getSorting(order, orderBy)).map(function (row, index) {
-    var isItemSelected = isSelected(row.map.id);
-    var labelId = "enhanced-table-checkbox-".concat(index);
-    var counter = 0;
+  }, stableSort(rows, getSorting(order, orderBy)).map((row, index) => {
+    const isItemSelected = isSelected(row.map.id);
+    const labelId = `enhanced-table-checkbox-${index}`;
+    let counter = 0;
     return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
       style: {
         display: 'flex',
         flexWrap: 'wrap'
       },
-      onClick: function onClick(event) {
-        return handleClick(event, row.map.id);
-      },
+      onClick: event => handleClick(event, row.map.id),
       role: "checkbox",
       "aria-checked": isItemSelected,
       tabIndex: -1,
@@ -545,46 +382,38 @@ function EnhancedTable(props) {
       inputProps: {
         'aria-labelledby': labelId
       }
-    })) : null, headCells.map(function (headCell) {
-      return counter++ === headCells.length - 1 && actionsToolbar !== null && typeof actionsToolbar !== "undefined" ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
-        style: {
-          width: headCell.width
-        },
-        align: "left",
-        key: headCell.id
-      }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
-        highlight: false,
-        title: "",
-        buttonClickHandler: function buttonClickHandler(buttonId) {
-          return props.buttonClickHandler(buttonId);
-        },
-        config: actionsToolbar
-      })) : headCell.numeric === true ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
-        style: {
-          width: headCell.width
-        },
-        align: "right",
-        key: headCell.id,
-        onClick: function onClick(event) {
-          return handleCellClick(event, row.map.id, headCell);
-        }
-      }, /*#__PURE__*/_react.default.createElement(TableCellContent, {
-        contentValue: row.map[headCell.id],
-        contentType: headCell.contentType
-      })) : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
-        style: {
-          width: headCell.width
-        },
-        align: "left",
-        key: headCell.id,
-        onClick: function onClick(event) {
-          return handleCellClick(event, row.map.id, headCell);
-        }
-      }, /*#__PURE__*/_react.default.createElement(TableCellContent, {
-        contentValue: row.map[headCell.id],
-        contentType: headCell.contentType
-      }));
-    }));
+    })) : null, headCells.map(headCell => counter++ === headCells.length - 1 && actionsToolbar !== null && typeof actionsToolbar !== "undefined" ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+      style: {
+        width: headCell.width
+      },
+      align: "left",
+      key: headCell.id
+    }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
+      highlight: false,
+      title: "",
+      buttonClickHandler: buttonId => props.buttonClickHandler(buttonId),
+      config: actionsToolbar
+    })) : headCell.numeric === true ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+      style: {
+        width: headCell.width
+      },
+      align: "right",
+      key: headCell.id,
+      onClick: event => handleCellClick(event, row.map.id, headCell)
+    }, /*#__PURE__*/_react.default.createElement(TableCellContent, {
+      contentValue: row.map[headCell.id],
+      contentType: headCell.contentType
+    })) : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+      style: {
+        width: headCell.width
+      },
+      align: "left",
+      key: headCell.id,
+      onClick: event => handleCellClick(event, row.map.id, headCell)
+    }, /*#__PURE__*/_react.default.createElement(TableCellContent, {
+      contentValue: row.map[headCell.id],
+      contentType: headCell.contentType
+    }))));
   })) : null)), props.paged === false ? "" : /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
     rowsPerPageOptions: [5, 10, 25],
     component: "div",
@@ -601,50 +430,32 @@ function EnhancedTable(props) {
     onChangeRowsPerPage: handleChangeRowsPerPage
   })));
 }
-
-var TableCellContent = /*#__PURE__*/function (_React$Component) {
-  _inherits(TableCellContent, _React$Component);
-
-  var _super = _createSuper(TableCellContent);
-
-  function TableCellContent(props) {
-    var _this;
-
-    _classCallCheck(this, TableCellContent);
-
-    _this = _super.call(this, props);
-    _this.state = {
+class TableCellContent extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       contentValue: props.contentValue ? props.contentValue : null,
       contentType: props.contentType,
       className: props.className
     };
-    return _this;
   }
-
-  _createClass(TableCellContent, [{
-    key: "render",
-    value: function render() {
-      var displayValue;
-      var linkStyle = {
-        cursor: 'pointer',
-        textDecoration: 'underline'
-      };
-
-      if (this.state.contentType !== 'undefined') {
-        if (this.state.contentType === 'document') {
-          displayValue = /*#__PURE__*/_react.default.createElement("span", {
-            style: linkStyle
-          }, this.state.contentValue);
-        } else {
-          displayValue = this.state.contentValue;
-        }
+  render() {
+    let displayValue;
+    const linkStyle = {
+      cursor: 'pointer',
+      textDecoration: 'underline'
+    };
+    if (this.state.contentType !== 'undefined') {
+      if (this.state.contentType === 'document') {
+        displayValue = /*#__PURE__*/_react.default.createElement("span", {
+          style: linkStyle
+        }, this.state.contentValue);
       } else {
         displayValue = this.state.contentValue;
       }
-
-      return displayValue;
+    } else {
+      displayValue = this.state.contentValue;
     }
-  }]);
-
-  return TableCellContent;
-}(_react.default.Component);
+    return displayValue;
+  }
+}