@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/TabPage.js

@@ -4,54 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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"]);
-
-  var classes = useStyles();
-  var componentKey = 0;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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"
+  }
+}));
+const TabPage = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    value,
+    index,
+    ...other
+  } = props;
+  const classes = useStyles();
+  let componentKey = 0;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
@@ -62,18 +47,16 @@ var TabPage = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forw
     className: "w-100",
     role: "tabpanel",
     hidden: value !== index,
-    id: "simple-tabpanel-".concat(index),
-    "aria-labelledby": "simple-tab-".concat(index)
+    id: `simple-tabpanel-${index}`,
+    "aria-labelledby": `simple-tab-${index}`
   }, other), /*#__PURE__*/_react.default.createElement(_Box.default, {
     p: 3,
     className: classes.formTabPanel
   }, children)));
 }));
-
 TabPage.propTypes = {
   children: _propTypes.default.node,
   index: _propTypes.default.any.isRequired,
   value: _propTypes.default.any.isRequired
 };
-var _default = TabPage;
-exports.default = _default;
+var _default = exports.default = TabPage;

package/dist/components/TabPanel.js

@@ -4,121 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-
 var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
-
 var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
-
 var _TabPage = _interopRequireDefault(require("./TabPage"));
-
 var _Section = _interopRequireDefault(require("./form/Section"));
-
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
-
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
 var _Layout = require("./layout/Layout");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function a11yProps(index) {
   return {
-    id: "simple-tab-".concat(index),
-    'aria-controls': "simple-tabpanel-".concat(index)
+    id: `simple-tab-${index}`,
+    'aria-controls': `simple-tabpanel-${index}`
   };
 }
-
-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];
-
-  var _React$useState3 = _react.default.useState({}),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      errors = _React$useState4[0],
-      setErrors = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      componentHandles = _React$useState6[0];
-
-  var handleTabChange = function handleTabChange(event, newValue) {
+const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [tabValue, setTabValue] = _react.default.useState(0);
+  const [errors, setErrors] = _react.default.useState({});
+  const [componentHandles] = _react.default.useState({});
+  const handleTabChange = (event, newValue) => {
     setTabValue(newValue);
   };
-
-  var createComponentHandle = function createComponentHandle(component) {
+  const createComponentHandle = component => {
     if (_Utils.default.isNull(componentHandles[component.id])) {
-      var handle = {};
+      let handle = {};
       componentHandles[component.id] = handle;
       return handle;
     }
-
     return componentHandles[component.id];
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
   });
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.form)) {
-      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;
-            }
+      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;
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
-
         if (_ApplicationManager.default.isFormMarkersEnabled() && shouldRefresh) {
           setErrors(JSON.parse(JSON.stringify(containerErrors)));
         }
       });
     }
   }, []);
-
   function renderTabPageComponent(component, tabId, index) {
     if (_Utils.default.isNull(component.id)) {
       component.id = index + '-tab-content';
     }
-
     return component.type === 'formSection' ? /*#__PURE__*/_react.default.createElement(_Section.default, {
       keyHandler: props.keyHandler,
       key: index,
@@ -143,62 +85,36 @@ var TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
       viewId: props.viewId
     }) : /*#__PURE__*/_react.default.createElement("div", null, 'Unsupported component type ' + component.type);
   }
-
   function renderPage(page, pageIndex) {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
         margin: '16px'
       }
-    }, page.components.map(function (component, index) {
+    }, page.components.map((component, index) => {
       return renderTabPageComponent(component, page.id, pageIndex + index);
     }));
   }
-
-  var api = function api() {
+  const api = () => {
     return {
-      getId: function getId() {
+      getId: () => {
         return props.config.id;
       },
-      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();
-              }
+      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);
             }
           }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
         }
-
         return children;
       }
     };
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: _Utils.default.mergeStyles({
@@ -218,7 +134,7 @@ var TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
     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(function (page, index) {
+  }, !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map((page, index) => {
     return /*#__PURE__*/_react.default.createElement(_Tab.default, _extends({
       label: page.attributes['label']
     }, a11yProps(index), {
@@ -227,11 +143,10 @@ var TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
         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(function (page, index) {
+  }) : null)), !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map((page, index) => {
     if (_Utils.default.isNull(page.id)) {
       page.id = index + '-tab-page';
     }
-
     return /*#__PURE__*/_react.default.createElement(_TabPage.default, {
       value: tabValue,
       key: index,
@@ -239,6 +154,4 @@ var TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
     }, renderPage(page, index));
   }) : null);
 }));
-
-var _default = TabPanel;
-exports.default = _default;
+var _default = exports.default = TabPanel;

package/dist/components/TableCellContent.js

@@ -4,140 +4,89 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TextField = _interopRequireDefault(require("./form/TextField"));
-
 var _DatePicker = _interopRequireDefault(require("./form/DatePicker"));
-
 var _SelectItem = _interopRequireDefault(require("./form/SelectItem"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _LookupField = _interopRequireDefault(require("./form/LookupField"));
-
 var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
-
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-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 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;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [contentType] = _react.default.useState(props.contentType);
+  const [refresher, setRefresher] = _react.default.useState(true);
+  const validate = value => {
+    let validator = props.validator;
+    let errors = props.row.errors;
     if (!_Utils.default.isNull(errors)) {
-      errors = errors.filter(function (error) {
+      errors = errors.filter(error => {
         return error.column !== props.dataBinding;
       });
       props.row.errors = errors;
     }
-
     if (!_Utils.default.isNull(validator)) {
-      var required = false;
-
+      let required = false;
       if (!_Utils.default.isNull(validator.nullable)) {
-        var nullableExpression = validator.nullable.replace(/\[#i]/g, "[".concat(props.row.index, "]"));
+        let nullableExpression = validator.nullable.replace(/\[#i]/g, `[${props.row.index}]`);
         required = !_Utils.default.evaluateBooleanExpression(nullableExpression, props.dataBinding);
       }
-
-      var validation = _Utils.default.validateField(props.dataBinding, required, props.formValues, value, validator);
-
+      let validation = _Utils.default.validateField(props.dataBinding, required, props.formValues, value, validator);
       if (!validation.valid) {
-        var error = {};
+        let error = {};
         error.column = props.dataBinding;
         error.message = validation.message;
-
         if (_Utils.default.isNull(errors)) {
           errors = [];
           props.row.errors = errors;
         }
-
         props.row.errors.push(error);
         return error;
       }
     }
-
     return null;
   };
-
-  var valueChangeHandler = function valueChangeHandler(value) {
+  const valueChangeHandler = value => {
     validate(value);
     props.valueChangeHandler(props.row.id, props.dataBinding, value);
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(ref.current)) {
       props.refCallback(props.row, props.dataBinding, {
         'api': api
       });
     }
   }, [ref.current]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.editor)) {
       props.editor.id = props.editor.id.replace('.', '_');
-
       if (_Utils.default.isNull(props.editor.attributes)) {
         props.editor.attributes = {};
       }
-
       props.editor.attributes['minWidth'] = 0;
-      var value = props.row[props.dataBinding];
+      let value = props.row[props.dataBinding];
       valueChangeHandler(_Utils.default.isNull(value) ? null : value);
     }
   }, [props.editor]);
-
-  var getStaticDisplayValue = function getStaticDisplayValue() {
-    var displayValue;
-    var contentValue;
-    var tokens = props.dataBinding.split('.');
-
+  const getStaticDisplayValue = () => {
+    let displayValue;
+    let contentValue;
+    let tokens = props.dataBinding.split('.');
     if (tokens.length === 1) {
       contentValue = props.row[props.dataBinding];
     } else {
-      var parent = props.row;
-
-      for (var i = 0; i < tokens.length - 1; i++) {
+      let parent = props.row;
+      for (let i = 0; i < tokens.length - 1; i++) {
         parent = parent[tokens[i]];
-
         if (!parent) {
           break;
         }
       }
-
       if (parent) {
         contentValue = parent[tokens[tokens.length - 1]];
       }
     }
-
     if (props.columnConfig.cellFormat === 'MONEY' || props.columnConfig.cellFormat === 'NUMBER') {
       return _Utils.default.isNull(contentValue) ? '' : contentValue.toFixed(2);
     } else {
@@ -148,25 +97,22 @@ var TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       } 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 {
           displayValue = contentValue;
         }
       }
-
       return displayValue;
     }
   };
-
-  var doRender = function doRender() {
+  const doRender = () => {
     if (!props.selected) {
       return getStaticDisplayValue();
     } else {
       if (!_Utils.default.isNull(props.editor)) {
         props.formValues[props.editor.id] = props.row[props.dataBinding];
-
         if (props.editor.fieldType === 'TEXT_FIELD') {
           return /*#__PURE__*/_react.default.createElement(_TextField.default, {
             valueChangeHandler: valueChangeHandler,
@@ -190,14 +136,12 @@ var TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
             viewId: props.viewId
           });
         } else if (props.editor.fieldType === 'SELECT') {
-          var objectReference = props.row[props.dataBinding];
-
+          let objectReference = props.row[props.dataBinding];
           if (!_Utils.default.isNull(objectReference)) {
-            objectReference.toString = function () {
+            objectReference.toString = () => {
               return objectReference.label;
             };
           }
-
           return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
             valueChangeHandler: valueChangeHandler,
             config: props.editor,
@@ -210,19 +154,16 @@ var TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
             viewId: props.viewId
           });
         } else if (props.editor.fieldType === 'LOOKUP') {
-          var data = props.row[props.dataBinding];
-
+          let data = props.row[props.dataBinding];
           if (!_Utils.default.isNull(data)) {
             if (!_Utils.default.isNull(data.map)) {
               data = data.map;
               props.formValues[props.editor.id] = data;
             }
-
-            data.toString = function () {
+            data.toString = () => {
               return data.label;
             };
           }
-
           return /*#__PURE__*/_react.default.createElement(_LookupField.default, {
             valueChangeHandler: valueChangeHandler,
             config: props.editor,
@@ -240,10 +181,9 @@ var TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       }
     }
   };
-
-  var render = function render() {
-    var error = validate(props.row[props.dataBinding]);
-    var hasError = !_Utils.default.isNull(error);
+  const render = () => {
+    let error = validate(props.row[props.dataBinding]);
+    let hasError = !_Utils.default.isNull(error);
     return /*#__PURE__*/_react.default.createElement("table", {
       className: 'tableCellContentContainer',
       border: "0",
@@ -269,11 +209,9 @@ var TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       }
     }, doRender()))));
   };
-
-  var api = {
-    refresh: function refresh() {
+  const api = {
+    refresh: () => {
       setRefresher(!refresher);
-
       if (_Utils.default.isNull(props.editor)) {
         valueChangeHandler(props.row[props.dataBinding]);
       }
@@ -281,6 +219,4 @@ var TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
   };
   return render();
 }));
-
-var _default = TableCellContent;
-exports.default = _default;
+var _default = exports.default = TableCellContent;