@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/StepperTitleBar.js

@@ -23,37 +23,57 @@ var _jquery = _interopRequireDefault(require("jquery"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _core.makeStyles)(theme => ({
-  theme: {
-    backgroundColor: theme.palette.secondary.main
-  },
-  themeBorder: {
-    borderColor: theme.palette.secondary.main
-  }
-}));
+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 StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [steps, setSteps] = _react.default.useState(null);
+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 [activeSegmentPercentage, setActiveSegmentPercentage] = _react.default.useState(null);
+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 currentIndex = _react.default.useRef(null);
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var useStyles = (0, _core.makeStyles)(function (theme) {
+  return {
+    theme: {
+      backgroundColor: theme.palette.secondary.main
+    },
+    themeBorder: {
+      borderColor: theme.palette.secondary.main
+    }
+  };
+});
 
-  let keyCounter = 0;
-  let counter = 0;
-  let graphicsCounter = 0;
-  const classes = useStyles();
+var StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      steps = _React$useState2[0],
+      setSteps = _React$useState2[1];
 
-  _react.default.useEffect(() => {
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      activeSegmentPercentage = _React$useState4[0],
+      setActiveSegmentPercentage = _React$useState4[1];
+
+  var currentIndex = _react.default.useRef(null);
+
+  var keyCounter = 0;
+  var counter = 0;
+  var graphicsCounter = 0;
+  var classes = useStyles();
+
+  _react.default.useEffect(function () {
     props.handle.api = api();
   });
 
-  _react.default.useEffect(() => {
-    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+  _react.default.useEffect(function () {
+    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-    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 subscription = {
+    var subscription = {
       publisher: "applicationManager",
       eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
       actions: [{
@@ -76,12 +96,12 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     recalcLinePosition();
   }, []);
 
-  const recalcLinePosition = () => {
-    let titleDiv = (0, _jquery.default)("#titleDiv");
-    let step = (0, _jquery.default)("#step-container-" + currentIndex.current);
+  var recalcLinePosition = function recalcLinePosition() {
+    var titleDiv = (0, _jquery.default)("#titleDiv");
+    var step = (0, _jquery.default)("#step-container-" + currentIndex.current);
 
     if (currentIndex.current !== null && !_Utils.default.isNull(step.width())) {
-      let titleWidth = titleDiv.width() + 46;
+      var titleWidth = titleDiv.width() + 46;
       (0, _jquery.default)(".stepActive .rightLine").css({
         'margin-left': currentIndex.current === 0 ? titleWidth : titleWidth / 2 + step.width() / 2 - 2 + 'px',
         'width': currentIndex.current === 0 ? step.width() - titleWidth + 2 : step.width() / 2 - titleWidth / 2 + 'px'
@@ -92,24 +112,22 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     }
   };
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return [];
       },
-
-      show() {
-        let steps = _ApplicationManager.default.graphs[0].getTitleStack();
+      show: function show() {
+        var steps = _ApplicationManager.default.graphs[0].getTitleStack();
 
         setSteps(steps);
         currentIndex.current = _ApplicationManager.default.graphs[0].getCurrentNodeIndex();
         setActiveSegmentPercentage(100 - 10 * (steps.length - 1));
       }
-
     };
   };
 
@@ -147,17 +165,19 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         borderCollapse: "collapse",
         width: "100%"
       }
-    }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, steps.map(step => /*#__PURE__*/_react.default.createElement("td", {
-      align: graphicsCounter === 0 ? 'left' : graphicsCounter === steps.length - 1 ? 'right' : 'center',
-      key: keyCounter++,
-      style: {
-        whiteSpace: "nowrap",
-        paddingTop: '8px',
-        maxHeight: '8px',
-        width: (graphicsCounter === currentIndex.current ? activeSegmentPercentage : 10) + '%'
-      },
-      id: 'step-container-' + counter++
-    }, renderStep(step)))))));
+    }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, steps.map(function (step) {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        align: graphicsCounter === 0 ? 'left' : graphicsCounter === steps.length - 1 ? 'right' : 'center',
+        key: keyCounter++,
+        style: {
+          whiteSpace: "nowrap",
+          paddingTop: '8px',
+          maxHeight: '8px',
+          width: (graphicsCounter === currentIndex.current ? activeSegmentPercentage : 10) + '%'
+        },
+        id: 'step-container-' + counter++
+      }, renderStep(step));
+    })))));
   }
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/TabPage.js

@@ -21,32 +21,37 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  formTabContainer: {
-    height: 'inherit !important',
-    overflow: 'hidden !important',
-    width: '100%',
-    zIndex: '0',
-    paddingLeft: '16px'
-  },
-  formTabPanel: {
-    width: '100%',
-    height: 'inherit !important',
-    overflow: 'hidden !important',
-    zIndex: '0',
-    paddingLeft: "0px"
-  }
-}));
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    formTabContainer: {
+      height: 'inherit !important',
+      overflow: 'hidden !important',
+      width: '100%',
+      zIndex: '0',
+      paddingLeft: '16px'
+    },
+    formTabPanel: {
+      width: '100%',
+      height: 'inherit !important',
+      overflow: 'hidden !important',
+      zIndex: '0',
+      paddingLeft: "0px"
+    }
+  };
+});
+
+var TabPage = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var children = props.children,
+      value = props.value,
+      index = props.index,
+      other = _objectWithoutProperties(props, ["children", "value", "index"]);
 
-const TabPage = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    children,
-    value,
-    index,
-    ...other
-  } = props;
-  const classes = useStyles();
-  let componentKey = 0;
+  var classes = useStyles();
+  var componentKey = 0;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {

package/dist/components/TabPanel.js

@@ -29,6 +29,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+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; } } }; }
+
+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; }
+
 function a11yProps(index) {
   return {
     id: "simple-tab-".concat(index),
@@ -36,20 +50,28 @@ function a11yProps(index) {
   };
 }
 
-const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [tabValue, setTabValue] = _react.default.useState(0);
+var TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      tabValue = _React$useState2[0],
+      setTabValue = _React$useState2[1];
 
-  const [errors, setErrors] = _react.default.useState({});
+  var _React$useState3 = _react.default.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      errors = _React$useState4[0],
+      setErrors = _React$useState4[1];
 
-  const [componentHandles] = _react.default.useState({});
+  var _React$useState5 = _react.default.useState({}),
+      _React$useState6 = _slicedToArray(_React$useState5, 1),
+      componentHandles = _React$useState6[0];
 
-  const handleTabChange = (event, newValue) => {
+  var handleTabChange = function handleTabChange(event, newValue) {
     setTabValue(newValue);
   };
 
-  const createComponentHandle = component => {
+  var createComponentHandle = function createComponentHandle(component) {
     if (_Utils.default.isNull(componentHandles[component.id])) {
-      let handle = {};
+      var handle = {};
       componentHandles[component.id] = handle;
       return handle;
     }
@@ -57,21 +79,32 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     return componentHandles[component.id];
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(props.form)) {
-      props.form().setContainerErrorHandler(containerErrors => {
-        let shouldRefresh = false;
-        let properties = Object.getOwnPropertyNames(containerErrors);
-
-        for (const property of properties) {
-          if (errors[property] !== containerErrors[property]) {
-            shouldRefresh = true;
-            break;
+      props.form().setContainerErrorHandler(function (containerErrors) {
+        var shouldRefresh = false;
+        var properties = Object.getOwnPropertyNames(containerErrors);
+
+        var _iterator = _createForOfIteratorHelper(properties),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var property = _step.value;
+
+            if (errors[property] !== containerErrors[property]) {
+              shouldRefresh = true;
+              break;
+            }
           }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
 
         if (_ApplicationManager.default.isFormMarkersEnabled() && shouldRefresh) {
@@ -116,29 +149,49 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       style: {
         margin: '16px'
       }
-    }, page.components.map((component, index) => {
+    }, page.components.map(function (component, index) {
       return renderTabPageComponent(component, page.id, pageIndex + index);
     }));
   }
 
-  const api = () => {
+  var api = function api() {
     return {
-      getId: () => {
+      getId: function getId() {
         return props.config.id;
       },
-      getChildren: () => {
-        let children = [];
-        let properties = Object.getOwnPropertyNames(componentHandles);
-
-        for (const property of properties) {
-          let componentHandle = componentHandles[property];
-          children.push(componentHandle);
-
-          if (!_Utils.default.isNull(componentHandle.api.getChildren)) {
-            for (const child of componentHandle.api.getChildren()) {
-              children.push(child);
+      getChildren: function getChildren() {
+        var children = [];
+        var properties = Object.getOwnPropertyNames(componentHandles);
+
+        var _iterator2 = _createForOfIteratorHelper(properties),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var property = _step2.value;
+            var componentHandle = componentHandles[property];
+            children.push(componentHandle);
+
+            if (!_Utils.default.isNull(componentHandle.api.getChildren)) {
+              var _iterator3 = _createForOfIteratorHelper(componentHandle.api.getChildren()),
+                  _step3;
+
+              try {
+                for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                  var child = _step3.value;
+                  children.push(child);
+                }
+              } catch (err) {
+                _iterator3.e(err);
+              } finally {
+                _iterator3.f();
+              }
             }
           }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
         }
 
         return children;
@@ -165,7 +218,7 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     indicatorColor: "primary",
     textColor: "primary",
     "aria-label": "tabs"
-  }, !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map((page, index) => {
+  }, !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map(function (page, index) {
     return /*#__PURE__*/_react.default.createElement(_Tab.default, _extends({
       label: page.attributes['label']
     }, a11yProps(index), {
@@ -174,7 +227,7 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         color: _ApplicationManager.default.isFormMarkersEnabled() && !_Utils.default.isNull(props.form) && errors !== null && errors[page.id] === true ? '#ed5249' : null
       }
     }));
-  }) : null)), !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map((page, index) => {
+  }) : null)), !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map(function (page, index) {
     if (_Utils.default.isNull(page.id)) {
       page.id = index + '-tab-page';
     }

package/dist/components/TableCellContent.js

@@ -25,34 +25,53 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [contentType] = _react.default.useState(props.contentType);
+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); }
 
-  const [refresher, setRefresher] = _react.default.useState(true);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  const validate = value => {
-    let validator = props.validator;
-    let errors = props.row.errors;
+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 TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(props.contentType),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      contentType = _React$useState2[0];
+
+  var _React$useState3 = _react.default.useState(true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      refresher = _React$useState4[0],
+      setRefresher = _React$useState4[1];
+
+  var validate = function validate(value) {
+    var validator = props.validator;
+    var errors = props.row.errors;
 
     if (!_Utils.default.isNull(errors)) {
-      errors = errors.filter(error => {
+      errors = errors.filter(function (error) {
         return error.column !== props.dataBinding;
       });
       props.row.errors = errors;
     }
 
     if (!_Utils.default.isNull(validator)) {
-      let required = false;
+      var required = false;
 
       if (!_Utils.default.isNull(validator.nullable)) {
-        let nullableExpression = validator.nullable.replace(/\[#i]/g, "[".concat(props.row.index, "]"));
+        var nullableExpression = validator.nullable.replace(/\[#i]/g, "[".concat(props.row.index, "]"));
         required = !_Utils.default.evaluateBooleanExpression(nullableExpression, props.dataBinding);
       }
 
-      let validation = _Utils.default.validateField(props.dataBinding, required, props.formValues, value, validator);
+      var validation = _Utils.default.validateField(props.dataBinding, required, props.formValues, value, validator);
 
       if (!validation.valid) {
-        let error = {};
+        var error = {};
         error.column = props.dataBinding;
         error.message = validation.message;
 
@@ -69,12 +88,12 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     return null;
   };
 
-  const valueChangeHandler = value => {
+  var valueChangeHandler = function valueChangeHandler(value) {
     validate(value);
     props.valueChangeHandler(props.row.id, props.dataBinding, value);
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(ref.current)) {
       props.refCallback(props.row, props.dataBinding, {
         'api': api
@@ -82,7 +101,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     }
   }, [ref.current]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!_Utils.default.isNull(props.editor)) {
       props.editor.id = props.editor.id.replace('.', '_');
 
@@ -91,22 +110,22 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
       }
 
       props.editor.attributes['minWidth'] = 0;
-      let value = props.row[props.dataBinding];
+      var value = props.row[props.dataBinding];
       valueChangeHandler(_Utils.default.isNull(value) ? null : value);
     }
   }, [props.editor]);
 
-  const getStaticDisplayValue = () => {
-    let displayValue;
-    let contentValue;
-    let tokens = props.dataBinding.split('.');
+  var getStaticDisplayValue = function getStaticDisplayValue() {
+    var displayValue;
+    var contentValue;
+    var tokens = props.dataBinding.split('.');
 
     if (tokens.length === 1) {
       contentValue = props.row[props.dataBinding];
     } else {
-      let parent = props.row;
+      var parent = props.row;
 
-      for (let i = 0; i < tokens.length - 1; i++) {
+      for (var i = 0; i < tokens.length - 1; i++) {
         parent = parent[tokens[i]];
 
         if (!parent) {
@@ -129,7 +148,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
       } else if (contentType === 'TIME') {
         displayValue = new Date(contentValue).toLocaleTimeString();
       } else {
-        if (typeof contentValue === 'object') {
+        if (_typeof(contentValue) === 'object') {
           // TODO : First check if the editor has a display template. If it does, use it to get the display value
           displayValue = contentValue.dataRecordDescription;
         } else {
@@ -141,7 +160,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     }
   };
 
-  const doRender = () => {
+  var doRender = function doRender() {
     if (!props.selected) {
       return getStaticDisplayValue();
     } else {
@@ -171,10 +190,10 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
             viewId: props.viewId
           });
         } else if (props.editor.fieldType === 'SELECT') {
-          let objectReference = props.row[props.dataBinding];
+          var objectReference = props.row[props.dataBinding];
 
           if (!_Utils.default.isNull(objectReference)) {
-            objectReference.toString = () => {
+            objectReference.toString = function () {
               return objectReference.label;
             };
           }
@@ -191,7 +210,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
             viewId: props.viewId
           });
         } else if (props.editor.fieldType === 'LOOKUP') {
-          let data = props.row[props.dataBinding];
+          var data = props.row[props.dataBinding];
 
           if (!_Utils.default.isNull(data)) {
             if (!_Utils.default.isNull(data.map)) {
@@ -199,7 +218,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
               props.formValues[props.editor.id] = data;
             }
 
-            data.toString = () => {
+            data.toString = function () {
               return data.label;
             };
           }
@@ -222,9 +241,9 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     }
   };
 
-  const render = () => {
-    let error = validate(props.row[props.dataBinding]);
-    let hasError = !_Utils.default.isNull(error);
+  var render = function render() {
+    var error = validate(props.row[props.dataBinding]);
+    var hasError = !_Utils.default.isNull(error);
     return /*#__PURE__*/_react.default.createElement("table", {
       className: 'tableCellContentContainer',
       border: "0",
@@ -251,8 +270,8 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     }, doRender()))));
   };
 
-  const api = {
-    refresh: () => {
+  var api = {
+    refresh: function refresh() {
       setRefresher(!refresher);
 
       if (_Utils.default.isNull(props.editor)) {