@agilemotion/oui-react-js 1.1.0 → 1.2.0

package/dist/components/DataGrid.js

@@ -63,17 +63,17 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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; }
 
-const MULTI_SELECT_CHECKBOX_COL_WIDTH = 64;
+var MULTI_SELECT_CHECKBOX_COL_WIDTH = 64;
 exports.MULTI_SELECT_CHECKBOX_COL_WIDTH = MULTI_SELECT_CHECKBOX_COL_WIDTH;
 
 function evaluateTableCellWidth(multiSelect, column, columnCount) {
-  let width = column.attributes['width'];
+  var width = column.attributes['width'];
   return multiSelect === true ? "calc(" + (typeof width !== 'undefined' ? width : 100 / columnCount + "%") + " - " + MULTI_SELECT_CHECKBOX_COL_WIDTH / columnCount + "px)" : typeof width !== 'undefined' ? width : 100 / columnCount + "%";
 }
 
@@ -90,157 +90,167 @@ function desc(a, b, orderBy) {
 }
 
 function stableSort(array, cmp) {
-  const stabilizedThis = array.map((el, index) => [el, index]);
-  stabilizedThis.sort((a, b) => {
-    const order = cmp(a[0], b[0]);
+  var stabilizedThis = array.map(function (el, index) {
+    return [el, index];
+  });
+  stabilizedThis.sort(function (a, b) {
+    var order = cmp(a[0], b[0]);
     if (order !== 0) return order;
     return a[1] - b[1];
   });
-  return stabilizedThis.map(el => el[0]);
+  return stabilizedThis.map(function (el) {
+    return el[0];
+  });
 }
 
 function getSorting(order, orderBy) {
-  return order === 'desc' ? (a, b) => desc(a, b, orderBy) : (a, b) => -desc(a, b, orderBy);
+  return order === 'desc' ? function (a, b) {
+    return desc(a, b, orderBy);
+  } : function (a, b) {
+    return -desc(a, b, orderBy);
+  };
 }
 
-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'
-  },
-  tableSelected: {
-    backgroundColor: _colors.grey300,
-    "&:hover": {
-      background: "#f1f1f1"
-    }
-  },
-  tableRow: {
-    "&:hover": {
-      background: "#f1f1f1"
+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'
+    },
+    tableSelected: {
+      backgroundColor: _colors.grey300,
+      "&:hover": {
+        background: "#f1f1f1"
+      }
+    },
+    tableRow: {
+      "&:hover": {
+        background: "#f1f1f1"
+      }
+    },
+    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
     }
-  },
-  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 DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
+var DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
 
-  const _React$useState = _react.default.useState('desc'),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        order = _React$useState2[0],
-        setOrder = _React$useState2[1];
+  var _React$useState = _react.default.useState('desc'),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      order = _React$useState2[0],
+      setOrder = _React$useState2[1];
 
-  const _React$useState3 = _react.default.useState(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        config = _React$useState4[0],
-        setConfig = _React$useState4[1];
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      config = _React$useState4[0],
+      setConfig = _React$useState4[1];
 
-  const _React$useState5 = _react.default.useState('id'),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        orderBy = _React$useState6[0],
-        setOrderBy = _React$useState6[1];
+  var _React$useState5 = _react.default.useState('id'),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      orderBy = _React$useState6[0],
+      setOrderBy = _React$useState6[1];
 
-  const _React$useState7 = _react.default.useState([]),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        selected = _React$useState8[0],
-        setSelected = _React$useState8[1];
+  var _React$useState7 = _react.default.useState([]),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      selected = _React$useState8[0],
+      setSelected = _React$useState8[1];
 
-  const _React$useState9 = _react.default.useState(0),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        totalNumberOfRows = _React$useState10[0],
-        setTotalNumberOfRows = _React$useState10[1];
+  var _React$useState9 = _react.default.useState(0),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      totalNumberOfRows = _React$useState10[0],
+      setTotalNumberOfRows = _React$useState10[1];
 
-  const _React$useState11 = _react.default.useState({}),
-        _React$useState12 = _slicedToArray(_React$useState11, 1),
-        criteria = _React$useState12[0];
+  var _React$useState11 = _react.default.useState({}),
+      _React$useState12 = _slicedToArray(_React$useState11, 1),
+      criteria = _React$useState12[0];
 
-  const _React$useState13 = _react.default.useState(0),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        page = _React$useState14[0],
-        setPage = _React$useState14[1];
+  var _React$useState13 = _react.default.useState(0),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      page = _React$useState14[0],
+      setPage = _React$useState14[1];
 
-  const _React$useState15 = _react.default.useState(!_Utils.default.isNull(props.rows) ? props.rows : []),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        rows = _React$useState16[0],
-        setRows = _React$useState16[1];
+  var _React$useState15 = _react.default.useState(!_Utils.default.isNull(props.rows) ? props.rows : []),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      rows = _React$useState16[0],
+      setRows = _React$useState16[1];
 
-  const _React$useState17 = _react.default.useState([]),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        deletedRows = _React$useState18[0],
-        setDeletedRows = _React$useState18[1];
+  var _React$useState17 = _react.default.useState([]),
+      _React$useState18 = _slicedToArray(_React$useState17, 2),
+      deletedRows = _React$useState18[0],
+      setDeletedRows = _React$useState18[1];
 
-  const _React$useState19 = _react.default.useState(false),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        editable = _React$useState20[0],
-        setEditable = _React$useState20[1];
+  var _React$useState19 = _react.default.useState(false),
+      _React$useState20 = _slicedToArray(_React$useState19, 2),
+      editable = _React$useState20[0],
+      setEditable = _React$useState20[1];
 
-  const _React$useState21 = _react.default.useState(0),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        scrollWidth = _React$useState22[0],
-        setScrollWidth = _React$useState22[1];
+  var _React$useState21 = _react.default.useState(0),
+      _React$useState22 = _slicedToArray(_React$useState21, 2),
+      scrollWidth = _React$useState22[0],
+      setScrollWidth = _React$useState22[1];
 
-  const _React$useState23 = _react.default.useState([15, 30, 45, 60, 75]),
-        _React$useState24 = _slicedToArray(_React$useState23, 1),
-        rowsPerPageOptions = _React$useState24[0];
+  var _React$useState23 = _react.default.useState([15, 30, 45, 60, 75]),
+      _React$useState24 = _slicedToArray(_React$useState23, 1),
+      rowsPerPageOptions = _React$useState24[0];
 
-  const _React$useState25 = _react.default.useState(props.config.pageSize),
-        _React$useState26 = _slicedToArray(_React$useState25, 2),
-        rowsPerPage = _React$useState26[0],
-        setRowsPerPage = _React$useState26[1];
+  var _React$useState25 = _react.default.useState(props.config.pageSize),
+      _React$useState26 = _slicedToArray(_React$useState25, 2),
+      rowsPerPage = _React$useState26[0],
+      setRowsPerPage = _React$useState26[1];
 
-  const _React$useState27 = _react.default.useState([]),
-        _React$useState28 = _slicedToArray(_React$useState27, 1),
-        cells = _React$useState28[0];
+  var _React$useState27 = _react.default.useState([]),
+      _React$useState28 = _slicedToArray(_React$useState27, 1),
+      cells = _React$useState28[0];
 
-  const actionsToolbar = props.actionsToolbar;
+  var actionsToolbar = props.actionsToolbar;
 
-  const _React$useState29 = _react.default.useState({}),
-        _React$useState30 = _slicedToArray(_React$useState29, 1),
-        headingHandle = _React$useState30[0];
+  var _React$useState29 = _react.default.useState({}),
+      _React$useState30 = _slicedToArray(_React$useState29, 1),
+      headingHandle = _React$useState30[0];
 
-  const _React$useState31 = _react.default.useState({}),
-        _React$useState32 = _slicedToArray(_React$useState31, 1),
-        filterHandle = _React$useState32[0];
+  var _React$useState31 = _react.default.useState({}),
+      _React$useState32 = _slicedToArray(_React$useState31, 1),
+      filterHandle = _React$useState32[0];
 
-  const rowCount = _react.default.useRef(-1);
+  var rowCount = _react.default.useRef(-1);
 
-  const loadingRef = _react.default.useRef(true);
+  var loadingRef = _react.default.useRef(true);
 
-  let noteKey = 0;
+  var noteKey = 0;
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
@@ -253,10 +263,10 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       },
 
       get selection() {
-        let selectedRows = [];
+        var selectedRows = [];
 
-        for (let i = 0; i < selected.length; i++) {
-          for (let j = 0; j < rows.length; j++) {
+        for (var i = 0; i < selected.length; i++) {
+          for (var j = 0; j < rows.length; j++) {
             if (selected[i] === rows[j].id) {
               selectedRows.push(rows[j]);
             }
@@ -267,27 +277,27 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       },
 
       get columnDataBindings() {
-        let columnNames = [];
+        var columnNames = [];
 
-        for (let i = 0; i < config.columns.length; i++) {
-          let column = config.columns[i];
+        for (var i = 0; i < config.columns.length; i++) {
+          var column = config.columns[i];
           columnNames.push(!_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id);
         }
 
         return columnNames;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         if (!_Utils.default.isNull(headingHandle.api)) {
           return headingHandle.api.getChildren();
         }
       },
-      loadData: actionConfig => {
+      loadData: function loadData(actionConfig) {
         _search();
       },
-      deleteSelectedRows: () => {
+      deleteSelectedRows: function deleteSelectedRows() {
         // TODO : dispose from observer
-        let newRows = rows.filter(row => {
+        var newRows = rows.filter(function (row) {
           return !isSelected(row.id);
         });
         setDeletedRows(getSelectedRows(selected));
@@ -298,7 +308,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            const newRow = _step.value;
+            var newRow = _step.value;
             rows.push(newRow);
           }
         } catch (err) {
@@ -318,17 +328,17 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         valueChangeCallback(rows);
         return rows;
       },
-      clear: () => {
+      clear: function clear() {
         // TODO : dispose from observer
         setRows([]);
       },
-      addRows: newRows => {
+      addRows: function addRows(newRows) {
         var _iterator2 = _createForOfIteratorHelper(newRows),
             _step2;
 
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            const newRow = _step2.value;
+            var newRow = _step2.value;
             rows.push(observeRow(newRow));
           }
         } catch (err) {
@@ -337,15 +347,15 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           _iterator2.f();
         }
 
-        let newSelection = [];
+        var newSelection = [];
 
         var _iterator3 = _createForOfIteratorHelper(newRows),
             _step3;
 
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            const newRow = _step3.value;
-            newSelection.push(newRow.id);
+            var _newRow = _step3.value;
+            newSelection.push(_newRow.id);
           }
         } catch (err) {
           _iterator3.e(err);
@@ -373,7 +383,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         return rows;
       },
 
-      search: () => {
+      search: function search() {
         _search();
       }
     };
@@ -391,15 +401,17 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     updateScrollBarPadding();
   };
 
-  const handleRequestSort = (event, property) => {
-    const isDesc = orderBy === property && order === 'desc';
+  var handleRequestSort = function handleRequestSort(event, property) {
+    var isDesc = orderBy === property && order === 'desc';
     setOrder(isDesc ? 'asc' : 'desc');
     setOrderBy(property);
   };
 
   function handleSelectAllClick(event) {
     if (event.target.checked) {
-      const newSelecteds = rows.map(n => n.name);
+      var newSelecteds = rows.map(function (n) {
+        return n.name;
+      });
       setSelected(newSelecteds);
       props.onSelectionChange(newSelecteds);
     } else {
@@ -411,10 +423,10 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }
 
   function getSelectedRows(selected) {
-    let selectedRows = [];
+    var selectedRows = [];
 
     for (var i = 0; i < rows.length; i++) {
-      let row = rows[i];
+      var row = rows[i];
 
       for (var j = 0; j < selected.length; j++) {
         if (row.id === selected[j]) {
@@ -429,9 +441,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   function doHandleClick(event, id) {
     _ApplicationContext.default.enableFormMarkers(true);
 
-    const selectedIndex = -1;
+    var selectedIndex = -1;
     selected.indexOf(id);
-    let newSelected = [];
+    var newSelected = [];
 
     if (props.multiSelect === true) {
       if (selectedIndex === -1) {
@@ -447,7 +459,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       newSelected.push(id);
     }
 
-    let selectedRows = getSelectedRows(newSelected);
+    var selectedRows = getSelectedRows(newSelected);
     setSelected(newSelected);
 
     if (!_Utils.default.isNull(props.onSelectionChange)) {
@@ -457,7 +469,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   function fireSelectionEvent() {
     if (!_Utils.default.isNull(config) && (!_Utils.default.isNull(headingHandle) || config.gridType === 'TILE')) {
-      let event = new _Event.default(props.handle, props.viewId, getSelectedRows(selected));
+      var event = new _Event.default(props.handle, props.viewId, getSelectedRows(selected));
 
       _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
     }
@@ -490,15 +502,17 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }
 
   function handleChangeRowsPerPage(event) {
-    setRowsPerPage(rowsPerPage => event.target.value);
+    setRowsPerPage(function (rowsPerPage) {
+      return event.target.value;
+    });
     setPage(0);
   }
 
-  const observeRow = row => {
-    let observableRow = (0, _mobx.observable)(row);
-    (0, _mobx.observe)(observableRow, change => {
-      let newValue = change.newValue;
-      let oldValue = change.oldValue;
+  var observeRow = function observeRow(row) {
+    var observableRow = (0, _mobx.observable)(row);
+    (0, _mobx.observe)(observableRow, function (change) {
+      var newValue = change.newValue;
+      var oldValue = change.oldValue;
 
       if (newValue !== oldValue) {
         refreshCell(row.id, change.name);
@@ -509,10 +523,10 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   function processData(data, conf) {
     setTotalNumberOfRows(data.totalNumberOfRecords);
-    let tableRows = [];
-    let records = data.records;
+    var tableRows = [];
+    var records = data.records;
 
-    for (let i = 0; i < records.length; i++) {
+    for (var i = 0; i < records.length; i++) {
       if (!_Utils.default.isNull(records[i].map)) {
         tableRows.push(observeRow(records[i].map));
       } else {
@@ -523,19 +537,19 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     setRows(tableRows);
   }
 
-  const _search = () => {
-    let conf = config;
+  var _search = function _search() {
+    var conf = config;
 
     if (_Utils.default.isNull(conf)) {
       conf = _Utils.default.parseConfig(props.config, props.viewId);
     }
 
     if (!_Utils.default.isNull(conf.dataService)) {
-      let method = conf.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-      method(conf.dataService, props.handle, props.viewId, result => {
-        let data = conf.dataService.type === 'remoteObjectProxy' ? result.data : result;
+      var method = conf.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
+      method(conf.dataService, props.handle, props.viewId, function (result) {
+        var data = conf.dataService.type === 'remoteObjectProxy' ? result.data : result;
         processData(data, conf);
-      }, e => {
+      }, function (e) {
         console.error(e);
 
         _Utils.default.publishSystemErrorMessage(props.viewId);
@@ -545,7 +559,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(config)) {
       criteria.currentPage = 1;
 
@@ -553,20 +567,20 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   }, [rowsPerPage]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
 
     if (_Utils.default.isNull(config)) {
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
       setConfig(parsedConfig);
-      let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+      var eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
       eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
 
-      let autoLoadData = _Utils.default.getComponentAttribute(parsedConfig, 'autoLoadData', null);
+      var autoLoadData = _Utils.default.getComponentAttribute(parsedConfig, 'autoLoadData', null);
 
       if (autoLoadData === null || autoLoadData === true) {
-        let subscription = {
+        var subscription = {
           publisher: props.viewId,
           eventType: _EventType.default.COMPONENT_LOAD,
           actions: [{
@@ -580,10 +594,10 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
       _Observable.default.addSystemSubscriptions(parsedConfig);
 
-      let isEditable = false;
+      var isEditable = false;
 
-      for (let i = 0; i < parsedConfig.columns.length; i++) {
-        let column = parsedConfig.columns[i];
+      for (var i = 0; i < parsedConfig.columns.length; i++) {
+        var column = parsedConfig.columns[i];
 
         if (!isEditable && column.attributes['editable'] === true) {
           isEditable = true;
@@ -593,7 +607,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         column.width = evaluateTableCellWidth(props.selectionMode === 'MULTIPLE', column, parsedConfig.columns.length);
 
         if (!_Utils.default.isNull(column.attributes) && column.attributes['editable'] === true && _Utils.default.isNull(column.editor)) {
-          let defaultEditor = {};
+          var defaultEditor = {};
           defaultEditor.fieldType = 'TEXT_FIELD';
           defaultEditor.id = column.id + 'Editor';
           column.editor = defaultEditor;
@@ -602,7 +616,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(config)) {
       criteria.currentPage = 1;
       criteria.dataQueryName = config.dataQueryName;
@@ -613,9 +627,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   }, [config]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(props.data)) {
-      let conf = config;
+      var conf = config;
 
       if (_Utils.default.isNull(conf)) {
         conf = _Utils.default.parseConfig(props.config, props.viewId);
@@ -627,14 +641,14 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   function addRowFocusListener(row) {
     $("#ROW-" + row.id).focusout(function () {
-      let newSelected = [];
+      var newSelected = [];
 
       var _iterator4 = _createForOfIteratorHelper(selected),
           _step4;
 
       try {
         for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          const selectedElement = _step4.value;
+          var selectedElement = _step4.value;
 
           if (selectedElement !== row.id) {
             newSelected.push(selectedElement);
@@ -650,7 +664,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     });
   }
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (editable) {
       var _iterator5 = _createForOfIteratorHelper(rows),
           _step5;
@@ -659,7 +673,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {// TODO : Fix the focus loss behavior
           //addRowFocusListener(row);
 
-          const row = _step5.value;
+          var row = _step5.value;
         }
       } catch (err) {
         _iterator5.e(err);
@@ -669,7 +683,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     updateScrollBarPadding();
 
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
@@ -677,9 +691,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     rowCount.current = rows.length;
   }, [rows]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(deletedRows) && deletedRows.length > 0) {
-      let event = new _Event.default(props.handle, props.viewId, deletedRows);
+      var event = new _Event.default(props.handle, props.viewId, deletedRows);
 
       _Observable.default.fireEvent(_EventType.default.ROW_DELETED, event);
 
@@ -689,16 +703,16 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     rowCount.current = rows.length;
   }, [deletedRows]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(props.rows)) {
-      let rowValues = [];
+      var rowValues = [];
 
       var _iterator6 = _createForOfIteratorHelper(props.rows),
           _step6;
 
       try {
         for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-          const row = _step6.value;
+          var row = _step6.value;
           rowValues.push(observeRow(row));
         }
       } catch (err) {
@@ -711,19 +725,21 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   }, [props.rows]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     fireSelectionEvent();
   }, [selected]);
 
-  const isSelected = id => selected.indexOf(id) !== -1;
+  var isSelected = function isSelected(id) {
+    return selected.indexOf(id) !== -1;
+  };
 
-  const editorChangeHandler = (rowId, field, value) => {
+  var editorChangeHandler = function editorChangeHandler(rowId, field, value) {
     var _iterator7 = _createForOfIteratorHelper(rows),
         _step7;
 
     try {
       for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        const row = _step7.value;
+        var row = _step7.value;
 
         if (row.id === rowId) {
           row[field] = value;
@@ -739,9 +755,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     valueChangeCallback(rows);
   };
 
-  const isFilterable = () => {
-    for (let i = 0; i < props.config.columns.length; i++) {
-      let column = props.config.columns[i];
+  var isFilterable = function isFilterable() {
+    for (var i = 0; i < props.config.columns.length; i++) {
+      var column = props.config.columns[i];
 
       if (column.attributes['filterable'] === true) {
         return true;
@@ -751,15 +767,15 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     return false;
   };
 
-  const createCell = (row, columnName, cellHandle) => {
-    let rowCells = null;
+  var createCell = function createCell(row, columnName, cellHandle) {
+    var rowCells = null;
 
     var _iterator8 = _createForOfIteratorHelper(cells),
         _step8;
 
     try {
       for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-        const cellsEntry = _step8.value;
+        var cellsEntry = _step8.value;
 
         if (cellsEntry.rowId === row.id) {
           rowCells = cellsEntry;
@@ -781,18 +797,18 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     rowCells[columnName] = cellHandle;
   };
 
-  const refreshCell = (rowId, columnName) => {
-    let rowCells = null;
+  var refreshCell = function refreshCell(rowId, columnName) {
+    var rowCells = null;
 
     var _iterator9 = _createForOfIteratorHelper(cells),
         _step9;
 
     try {
       for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-        const cell = _step9.value;
+        var _cell = _step9.value;
 
-        if (cell.rowId === rowId) {
-          rowCells = cell;
+        if (_cell.rowId === rowId) {
+          rowCells = _cell;
           break;
         }
       }
@@ -803,7 +819,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
 
     if (!_Utils.default.isNull(rowCells)) {
-      let cell = rowCells[columnName];
+      var cell = rowCells[columnName];
 
       if (!_Utils.default.isNull(cell)) {
         cell.api.refresh();
@@ -811,9 +827,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   };
 
-  const valueChangeCallback = valueRows => {
+  var valueChangeCallback = function valueChangeCallback(valueRows) {
     if (!_Utils.default.isNull(props.valueChangeHandler)) {
-      let invalidRows = valueRows.filter(row => {
+      var invalidRows = valueRows.filter(function (row) {
         return !_Utils.default.isNull(row.errors) && row.errors.length > 0;
       });
 
@@ -826,10 +842,12 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   };
 
   function getTileLabel(row) {
-    let counter = 0;
-    return /*#__PURE__*/_react.default.createElement("span", null, config.columns.map(column => !column.attributes.hidden ? /*#__PURE__*/_react.default.createElement("span", {
-      key: counter++
-    }, row[!_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id], /*#__PURE__*/_react.default.createElement("br", null)) : null));
+    var counter = 0;
+    return /*#__PURE__*/_react.default.createElement("span", null, config.columns.map(function (column) {
+      return !column.attributes.hidden ? /*#__PURE__*/_react.default.createElement("span", {
+        key: counter++
+      }, row[!_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id], /*#__PURE__*/_react.default.createElement("br", null)) : null;
+    }));
   }
 
   function renderTile(row, key) {
@@ -848,14 +866,16 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         width: '100%',
         height: '100%'
       },
-      onClick: event => doHandleClick(event, row.id)
+      onClick: function onClick(event) {
+        return doHandleClick(event, row.id);
+      }
     }, getTileLabel(row)));
   }
 
   function renderTiles() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, stableSort(rows, getSorting(order, orderBy)).map((row, index) => {
-      const isItemSelected = isSelected(row.id);
-      const labelId = "enhanced-table-checkbox-".concat(index);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, stableSort(rows, getSorting(order, orderBy)).map(function (row, index) {
+      var isItemSelected = isSelected(row.id);
+      var labelId = "enhanced-table-checkbox-".concat(index);
       row.index = index;
       return renderTile(row, index);
     }));
@@ -868,7 +888,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       border: '1px solid #e2e2e2',
       borderRadius: '4px'
     } : props.style
-  }, !_Utils.default.isNull(props.config.notes) ? props.config.notes.map(note => {
+  }, !_Utils.default.isNull(props.config.notes) ? props.config.notes.map(function (note) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: noteKey++
     }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
@@ -936,17 +956,19 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       maxHeight: _Utils.default.isNull(props.bodyMaxHeight) ? props.bodyMaxHeight : "42vh"
     },
     id: "mainTableBody"
-  }, stableSort(rows, getSorting(order, orderBy)).map((row, index) => {
-    const isItemSelected = isSelected(row.id);
-    const labelId = "enhanced-table-checkbox-".concat(index);
+  }, stableSort(rows, getSorting(order, orderBy)).map(function (row, index) {
+    var isItemSelected = isSelected(row.id);
+    var labelId = "enhanced-table-checkbox-".concat(index);
     row.index = index;
-    let counter = 0;
+    var counter = 0;
     return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
       style: {
         display: 'flex',
         flexWrap: 'wrap'
       },
-      onClick: event => handleClick(event, row.id),
+      onClick: function onClick(event) {
+        return handleClick(event, row.id);
+      },
       role: "checkbox",
       "aria-checked": isItemSelected,
       tabIndex: -1,
@@ -963,36 +985,40 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       inputProps: {
         'aria-labelledby': labelId
       }
-    })) : null, config.columns.map(column => column.attributes['hidden'] === true ? null : counter++ === config.columns.length - 1 && actionsToolbar !== null && typeof actionsToolbar !== "undefined" ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
-      style: {
-        width: column.width
-      },
-      align: "left",
-      className: isItemSelected && !_Utils.default.isNull(props.form) && !_Utils.default.isNull(column.editor) ? "editCell" : null,
-      key: column.id
-    }, "Row action toolbar not supported") : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
-      style: {
-        width: column.width
-      },
-      align: "left",
-      className: isItemSelected && !_Utils.default.isNull(props.form) && !_Utils.default.isNull(column.editor) ? "editCell" : null,
-      key: column.id,
-      onClick: event => handleCellClick(event, row.id, column)
-    }, /*#__PURE__*/_react.default.createElement(_TableCellContent.default, {
-      viewId: props.viewId,
-      form: props.form,
-      formValues: props.formValues,
-      editor: column.editor,
-      ref: /*#__PURE__*/_react.default.createRef(),
-      refCallback: createCell,
-      selected: isItemSelected,
-      validator: column.validator,
-      valueChangeHandler: editorChangeHandler,
-      columnConfig: column,
-      dataBinding: !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id,
-      row: row,
-      contentType: column.fieldType
-    }))));
+    })) : null, config.columns.map(function (column) {
+      return column.attributes['hidden'] === true ? null : counter++ === config.columns.length - 1 && actionsToolbar !== null && typeof actionsToolbar !== "undefined" ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+        style: {
+          width: column.width
+        },
+        align: "left",
+        className: isItemSelected && !_Utils.default.isNull(props.form) && !_Utils.default.isNull(column.editor) ? "editCell" : null,
+        key: column.id
+      }, "Row action toolbar not supported") : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+        style: {
+          width: column.width
+        },
+        align: "left",
+        className: isItemSelected && !_Utils.default.isNull(props.form) && !_Utils.default.isNull(column.editor) ? "editCell" : null,
+        key: column.id,
+        onClick: function onClick(event) {
+          return handleCellClick(event, row.id, column);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_TableCellContent.default, {
+        viewId: props.viewId,
+        form: props.form,
+        formValues: props.formValues,
+        editor: column.editor,
+        ref: /*#__PURE__*/_react.default.createRef(),
+        refCallback: createCell,
+        selected: isItemSelected,
+        validator: column.validator,
+        valueChangeHandler: editorChangeHandler,
+        columnConfig: column,
+        dataBinding: !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id,
+        row: row,
+        contentType: column.fieldType
+      }));
+    }));
   })))), _Utils.default.isNull(props.pagination) || props.pagination === true ? /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
     rowsPerPageOptions: rowsPerPageOptions,
     component: "div",