@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/DataGridColumn.js

@@ -21,33 +21,58 @@ var _styles = require("@material-ui/core/styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  tableHeaderCell: {
-    overflow: 'inherit',
-    textAlign: 'left !important'
-  },
-  tableHeaderCellNumeric: {
-    overflow: 'inherit',
-    textAlign: 'right !important'
-  }
-}));
+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 useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    tableHeaderCell: {
+      overflow: 'inherit',
+      textAlign: 'left !important'
+    },
+    tableHeaderCellNumeric: {
+      overflow: 'inherit',
+      textAlign: 'right !important'
+    }
+  };
+});
 
-const DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [config, setConfig] = _react.default.useState(props.config);
+var DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(props.config),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      config = _React$useState2[0],
+      setConfig = _React$useState2[1];
 
-  const [label] = _react.default.useState(props.config.attributes['label']);
+  var _React$useState3 = _react.default.useState(props.config.attributes['label']),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      label = _React$useState4[0];
 
-  const [postfix, setPostfix] = _react.default.useState('');
+  var _React$useState5 = _react.default.useState(''),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      postfix = _React$useState6[0],
+      setPostfix = _React$useState6[1];
 
-  const [required, setRequired] = _react.default.useState(false);
+  var _React$useState7 = _react.default.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      required = _React$useState8[0],
+      setRequired = _React$useState8[1];
 
-  const classes = useStyles();
+  var classes = useStyles();
 
-  _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);
 
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
@@ -57,18 +82,18 @@ const DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     }
   }, [props.config]);
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return [];
       },
-      refresh: () => {
+      refresh: function refresh() {
         if (!_Utils.default.isNull(config.validator) && !_Utils.default.isNull(config.validator.nullable)) {
-          let nullable = _Utils.default.evaluateBooleanExpression(config.validator.nullable.replace(/rows\[#i]/g, 'selection[0]'), config.id);
+          var nullable = _Utils.default.evaluateBooleanExpression(config.validator.nullable.replace(/rows\[#i]/g, 'selection[0]'), config.id);
 
           if (!nullable !== required) {
             setRequired(!nullable);

package/dist/components/DataGridFilter.js

@@ -25,52 +25,81 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    onFilterSubmit,
-    config
-  } = props;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
-  const [numVisibleCols, setNumVisibleCols] = _react.default.useState(null);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  const [fieldValidity] = _react.default.useState({});
+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."); }
 
-  const [model] = _react.default.useState({});
+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); }
 
-  let columnCounter = 0;
-  let formHandles = [];
+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; }
 
-  _react.default.useEffect(() => {
+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 DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var onFilterSubmit = props.onFilterSubmit,
+      config = props.config;
+
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      numVisibleCols = _React$useState2[0],
+      setNumVisibleCols = _React$useState2[1];
+
+  var _React$useState3 = _react.default.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      fieldValidity = _React$useState4[0];
+
+  var _React$useState5 = _react.default.useState({}),
+      _React$useState6 = _slicedToArray(_React$useState5, 1),
+      model = _React$useState6[0];
+
+  var columnCounter = 0;
+  var formHandles = [];
+
+  _react.default.useEffect(function () {
     props.handle.api = api();
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     console.log('DATA GRID FILTER RENDERED');
 
     if (!_Utils.default.isNull(props.config)) {
-      let visibleCols = 0;
+      var visibleCols = 0;
+
+      var _iterator = _createForOfIteratorHelper(config.columns),
+          _step;
 
-      for (const column of config.columns) {
-        let attribute = column.attributes['hidden'];
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var column = _step.value;
+          var attribute = column.attributes['hidden'];
 
-        if (_Utils.default.isNull(attribute) || attribute === false) {
-          visibleCols++;
+          if (_Utils.default.isNull(attribute) || attribute === false) {
+            visibleCols++;
+          }
         }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
 
       setNumVisibleCols(visibleCols);
     }
   }, []);
 
-  const createFormHandle = () => {
-    let handle = {};
+  var createFormHandle = function createFormHandle() {
+    var handle = {};
     formHandles.push(handle);
     return handle;
   };
 
-  const getEditorConfig = (column, columnId) => {
-    let editorConfig = column.filterEditor;
-    let attributes;
+  var getEditorConfig = function getEditorConfig(column, columnId) {
+    var editorConfig = column.filterEditor;
+    var attributes;
 
     if (_Utils.default.isNull(editorConfig)) {
       editorConfig = {};
@@ -99,8 +128,8 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     return editorConfig;
   };
 
-  const getFilterFormFieldSet = () => {
-    let fieldSet = {};
+  var getFilterFormFieldSet = function getFilterFormFieldSet() {
+    var fieldSet = {};
     fieldSet.attributes = {};
     fieldSet.attributes.style = {
       width: '100%',
@@ -113,31 +142,31 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     return fieldSet;
   };
 
-  const createFormConfig = (column, columnId) => {
-    let columnEditorConfig = column.filterEditor;
-    let formConfig = {};
+  var createFormConfig = function createFormConfig(column, columnId) {
+    var columnEditorConfig = column.filterEditor;
+    var formConfig = {};
     formConfig.className = 'tableFilterForm';
     formConfig.id = (!_Utils.default.isNull(columnEditorConfig) ? columnEditorConfig.id : columnId + 'Editor') + 'Form';
     formConfig.attributes = {};
     formConfig.attributes.autoLoadData = false;
     formConfig.sections = [];
-    let section = {};
+    var section = {};
     section.attributes = {};
     section.attributes.style = {
       minWidth: 0
     };
     section.type = 'formSection';
     section.components = [];
-    let fieldSets = [];
-    let fieldSet = getFilterFormFieldSet();
+    var fieldSets = [];
+    var fieldSet = getFilterFormFieldSet();
     fieldSet.fields.push(getEditorConfig(column, columnId));
     section.components.push(fieldSet);
     formConfig.sections.push(section);
     return formConfig;
   };
 
-  const createTileGridFilter = config => {
-    let formConfig = {};
+  var createTileGridFilter = function createTileGridFilter(config) {
+    var formConfig = {};
     formConfig.className = 'tableFilterForm';
     formConfig.attributes = {};
     formConfig.attributes.style = {
@@ -145,16 +174,27 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
     formConfig.id = config.id + 'FilterForm';
     formConfig.sections = [];
-    let section = {};
+    var section = {};
     section.type = 'formSection';
     section.components = [];
-    let fieldSets = [];
-    let fieldSet = getFilterFormFieldSet();
+    var fieldSets = [];
+    var fieldSet = getFilterFormFieldSet();
 
-    for (const column of config.columns) {
-      if (!_Utils.default.isNull(column.attributes) && column.attributes.filterable) {
-        fieldSet.fields.push(getEditorConfig(column, column.id));
+    var _iterator2 = _createForOfIteratorHelper(config.columns),
+        _step2;
+
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var column = _step2.value;
+
+        if (!_Utils.default.isNull(column.attributes) && column.attributes.filterable) {
+          fieldSet.fields.push(getEditorConfig(column, column.id));
+        }
       }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
     }
 
     section.components.push(fieldSet);
@@ -162,9 +202,9 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     return formConfig;
   };
 
-  const isModelValid = () => {
-    for (let i = 0; i < config.columns.length; i++) {
-      let column = config.columns[i];
+  var isModelValid = function isModelValid() {
+    for (var i = 0; i < config.columns.length; i++) {
+      var column = config.columns[i];
 
       if (fieldValidity[column.id] === false) {
         return false;
@@ -174,7 +214,7 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     return true;
   };
 
-  const submitFilter = () => {
+  var submitFilter = function submitFilter() {
     if (isModelValid()) {
       onFilterSubmit();
     } else {
@@ -184,40 +224,71 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     _ApplicationManager.default.enableFormMarkers(true);
   };
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         // DataGridFilter
         return props.config.id;
       },
 
-      getChildren: () => {
-        let children = [];
+      getChildren: function getChildren() {
+        var children = [];
 
-        for (const formHandle of formHandles) {
-          children.push(formHandle);
+        var _iterator3 = _createForOfIteratorHelper(formHandles),
+            _step3;
+
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var formHandle = _step3.value;
+            children.push(formHandle);
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
         }
 
-        for (const formHandle of formHandles) {
-          if (formHandle.api) {
-            let formHandleChildren = formHandle.api.getChildren();
+        var _iterator4 = _createForOfIteratorHelper(formHandles),
+            _step4;
+
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var _formHandle = _step4.value;
 
-            for (const formHandleChild of formHandleChildren) {
-              children.push(formHandleChild);
+            if (_formHandle.api) {
+              var formHandleChildren = _formHandle.api.getChildren();
+
+              var _iterator5 = _createForOfIteratorHelper(formHandleChildren),
+                  _step5;
+
+              try {
+                for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                  var formHandleChild = _step5.value;
+                  children.push(formHandleChild);
+                }
+              } catch (err) {
+                _iterator5.e(err);
+              } finally {
+                _iterator5.f();
+              }
             }
           }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
         }
 
         return children;
       },
-      getParameters: () => {
-        let parameters = [];
+      getParameters: function getParameters() {
+        var parameters = [];
 
-        for (let i = 0; i < props.config.columns.length; i++) {
-          let column = props.config.columns[i];
+        for (var i = 0; i < props.config.columns.length; i++) {
+          var column = props.config.columns[i];
 
           if (column.attributes['filterable'] === true) {
-            let param = {};
+            var param = {};
             param.name = column.id;
             param.value = _Utils.default.isNull(model[column.id]) ? null : model[column.id];
 
@@ -242,13 +313,21 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
         return parameters;
       },
-
-      refresh() {
-        for (const formHandle of formHandles) {
-          formHandle.api.refresh();
+      refresh: function refresh() {
+        var _iterator6 = _createForOfIteratorHelper(formHandles),
+            _step6;
+
+        try {
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            var formHandle = _step6.value;
+            formHandle.api.refresh();
+          }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
         }
       }
-
     };
   };
 
@@ -261,12 +340,12 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     config: createTileGridFilter(config),
     handle: createFormHandle(),
     ref: /*#__PURE__*/_react.default.createRef(),
-    keyHandler: e => {
+    keyHandler: function keyHandler(e) {
       if (e.key === 'Enter') {
         submitFilter();
       }
     },
-    valueChangeHandler: (values, id, newValue) => {
+    valueChangeHandler: function valueChangeHandler(values, id, newValue) {
       if (!_Utils.default.isNull(values)) {
         model[id] = newValue;
         fieldValidity[id] = true;
@@ -295,49 +374,51 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     padding: "checkbox",
     width: _DataGrid.MULTI_SELECT_CHECKBOX_COL_WIDTH + 'px',
     className: "selectCell"
-  }) : null, props.config.columns.map(column => /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
-    key: column.id,
-    padding: 'default',
-    style: {
-      width: column.width
-    }
-  }, !column.attributes['hidden'] ? column.attributes['filterable'] === true ? /*#__PURE__*/_react.default.createElement("div", {
-    className: !_Utils.default.isNull(props.filterWrapperClass) ? props.filterWrapperClass : 'filterWraper'
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    width: "100%"
-  }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-    style: {
-      overflow: 'hidden !important'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Form.default, {
-    config: createFormConfig(column, column.id),
-    handle: createFormHandle(),
-    ref: /*#__PURE__*/_react.default.createRef(),
-    keyHandler: e => {
-      if (e.key === 'Enter') {
-        submitFilter();
+  }) : null, props.config.columns.map(function (column) {
+    return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
+      key: column.id,
+      padding: 'default',
+      style: {
+        width: column.width
       }
-    },
-    valueChangeHandler: (values, id, newValue) => {
-      if (!_Utils.default.isNull(values)) {
-        model[id] = newValue;
-        fieldValidity[id] = true;
-      } else {
-        model[id] = null;
-        fieldValidity[id] = false;
+    }, !column.attributes['hidden'] ? column.attributes['filterable'] === true ? /*#__PURE__*/_react.default.createElement("div", {
+      className: !_Utils.default.isNull(props.filterWrapperClass) ? props.filterWrapperClass : 'filterWraper'
+    }, /*#__PURE__*/_react.default.createElement("table", {
+      width: "100%"
+    }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+      style: {
+        overflow: 'hidden !important'
       }
-    }
-  })), ++columnCounter === numVisibleCols ? /*#__PURE__*/_react.default.createElement("td", {
-    className: 'filterWraperSearchIcon'
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-label": "search",
-    onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))) : null)))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "filterWraperBlank"
-  }, ++columnCounter === numVisibleCols ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-label": "delete",
-    onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)) : null) : null)))) : null;
+    }, /*#__PURE__*/_react.default.createElement(_Form.default, {
+      config: createFormConfig(column, column.id),
+      handle: createFormHandle(),
+      ref: /*#__PURE__*/_react.default.createRef(),
+      keyHandler: function keyHandler(e) {
+        if (e.key === 'Enter') {
+          submitFilter();
+        }
+      },
+      valueChangeHandler: function valueChangeHandler(values, id, newValue) {
+        if (!_Utils.default.isNull(values)) {
+          model[id] = newValue;
+          fieldValidity[id] = true;
+        } else {
+          model[id] = null;
+          fieldValidity[id] = false;
+        }
+      }
+    })), ++columnCounter === numVisibleCols ? /*#__PURE__*/_react.default.createElement("td", {
+      className: 'filterWraperSearchIcon'
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      "aria-label": "search",
+      onClick: submitFilter
+    }, /*#__PURE__*/_react.default.createElement(_Search.default, null))) : null)))) : /*#__PURE__*/_react.default.createElement("div", {
+      className: "filterWraperBlank"
+    }, ++columnCounter === numVisibleCols ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      "aria-label": "delete",
+      onClick: submitFilter
+    }, /*#__PURE__*/_react.default.createElement(_Search.default, null)) : null) : null);
+  }))) : null;
 }));
 
 function arePropsEqual(prev, next) {

package/dist/components/DataGridHeading.js

@@ -25,53 +25,69 @@ var _Observable = _interopRequireDefault(require("../event/Observable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  tableHead: {
-    fontSize: '14px !important',
-    display: 'block',
-    overflow: 'inherit'
-  }
-}));
+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); }
 
-const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
-  const {
-    onSelectAllClick,
-    numSelected,
-    rowCount,
-    onRequestSort
-  } = props;
+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; }
 
-  const [columnHandles] = _react.default.useState([]);
+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; }
 
-  const createSortHandler = property => event => {
-    onRequestSort(event, property);
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    tableHead: {
+      fontSize: '14px !important',
+      display: 'block',
+      overflow: 'inherit'
+    }
+  };
+});
+
+var DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
+  var onSelectAllClick = props.onSelectAllClick,
+      numSelected = props.numSelected,
+      rowCount = props.rowCount,
+      onRequestSort = props.onRequestSort;
+
+  var _React$useState = _react.default.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      columnHandles = _React$useState2[0];
+
+  var createSortHandler = function createSortHandler(property) {
+    return function (event) {
+      onRequestSort(event, property);
+    };
   };
 
-  let columnCounter = 0;
+  var columnCounter = 0;
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     console.log('DATA GRID HEADING RENDERED');
   }, []);
 
-  const createColumnHandle = () => {
-    let handle = {};
+  var createColumnHandle = function createColumnHandle() {
+    var handle = {};
     columnHandles.push(handle);
     return handle;
   };
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         // DataGridHeading
         return props.config.id;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return columnHandles;
       }
     };
@@ -99,13 +115,15 @@ const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     inputProps: {
       'aria-label': 'select all'
     }
-  })) : null, props.config.columns.map(column => column.attributes['hidden'] === true ? null : /*#__PURE__*/_react.default.createElement(_DataGridColumn.default, {
-    key: columnCounter++,
-    config: column,
-    handle: createColumnHandle(),
-    ref: /*#__PURE__*/_react.default.createRef(),
-    createSortHandler: createSortHandler
-  }))));
+  })) : null, props.config.columns.map(function (column) {
+    return column.attributes['hidden'] === true ? null : /*#__PURE__*/_react.default.createElement(_DataGridColumn.default, {
+      key: columnCounter++,
+      config: column,
+      handle: createColumnHandle(),
+      ref: /*#__PURE__*/_react.default.createRef(),
+      createSortHandler: createSortHandler
+    });
+  })));
 }));
 
 DataGridHeading.propTypes = {