@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/form/ImageEditor.js

@@ -25,58 +25,92 @@ 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 => ({
-  button: {
-    margin: theme.spacing(1)
-  },
-  input: {
-    display: 'none'
-  },
-  errorMessageDisplay: {
-    color: 'red'
-  }
-}));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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); }
 
-const status = response => {
+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 {
+    button: {
+      margin: theme.spacing(1)
+    },
+    input: {
+      display: 'none'
+    },
+    errorMessageDisplay: {
+      color: 'red'
+    }
+  };
+});
+
+var status = function status(response) {
   if (response.ok) {
     return Promise.resolve(response);
   } else {
-    let error = new Error(response.statusText);
+    var error = new Error(response.statusText);
     error.code = response.status;
     return Promise.reject(error);
   }
 };
 
-const json = response => {
+var json = function json(response) {
   return response.text();
 };
 
-const location = window.location.protocol + "//" + window.location.hostname;
+var location = window.location.protocol + "//" + window.location.hostname;
 
-const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [multiple] = _react.default.useState(props.multiple === true);
+var ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(props.multiple === true),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      multiple = _React$useState2[0];
 
-  const [angle, setAngle] = _react.default.useState(0);
+  var _React$useState3 = _react.default.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      angle = _React$useState4[0],
+      setAngle = _React$useState4[1];
 
-  const [zoomDepth, setZoomDepth] = _react.default.useState(null);
+  var _React$useState5 = _react.default.useState(null),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      zoomDepth = _React$useState6[0],
+      setZoomDepth = _React$useState6[1];
 
-  const [originalImageWidth, setOriginalImageWidth] = _react.default.useState(null);
+  var _React$useState7 = _react.default.useState(null),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      originalImageWidth = _React$useState8[0],
+      setOriginalImageWidth = _React$useState8[1];
 
-  const [originalImageHeight, setOriginalImageHeight] = _react.default.useState(null);
+  var _React$useState9 = _react.default.useState(null),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      originalImageHeight = _React$useState10[0],
+      setOriginalImageHeight = _React$useState10[1];
 
-  const classes = useStyles();
+  var classes = useStyles();
 
-  const width = _Utils.default.getComponentAttribute(props.config, 'width', '320px');
+  var width = _Utils.default.getComponentAttribute(props.config, 'width', '320px');
 
-  const height = _Utils.default.getComponentAttribute(props.config, 'height', '320px');
+  var height = _Utils.default.getComponentAttribute(props.config, 'height', '320px');
 
-  const base = props.base;
+  var base = props.base;
 
-  _react.default.useEffect(() => {}, [props.initialFile]);
+  _react.default.useEffect(function () {}, [props.initialFile]);
 
   function getFetchConfig(data) {
-    const accessToken = sessionStorage.getItem("accessToken");
-    const idToken = sessionStorage.getItem("idToken");
+    var accessToken = sessionStorage.getItem("accessToken");
+    var idToken = sessionStorage.getItem("idToken");
     return {
       method: 'POST',
       headers: {
@@ -89,7 +123,7 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
   }
 
   function getRotateAngle(action) {
-    let rotateAngle = null;
+    var rotateAngle = null;
 
     if ("rotateLeft" === action) {
       rotateAngle = -90;
@@ -101,19 +135,19 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
   }
 
   function process(callback, data, action) {
-    let fetchConfig = getFetchConfig(data);
+    var fetchConfig = getFetchConfig(data);
 
-    let url = location + _ApplicationManager.default.getContextRoot() + _Utils.default.getComponentAttribute(props.config, 'processingUrl', null) + "/" + action + "/" + _Utils.default.getComponentAttribute(props.config, "mode", "DOC");
+    var url = location + _ApplicationManager.default.getContextRoot() + _Utils.default.getComponentAttribute(props.config, 'processingUrl', null) + "/" + action + "/" + _Utils.default.getComponentAttribute(props.config, "mode", "DOC");
 
-    let rotateAngle = getRotateAngle(action);
+    var rotateAngle = getRotateAngle(action);
 
     if (rotateAngle) {
       url += "?" + rotateAngle;
     }
 
-    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
+    (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(function (data) {
       callback(data);
-    }).catch(e => {
+    }).catch(function (e) {
       if (e.code === 401) {
         _ApplicationManager.default.clear();
 
@@ -122,44 +156,46 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     }));
   }
 
-  const handleChange = () => event => {
-    let files = event.target.files;
-    let file = files[0];
-    let reader = new FileReader();
-    reader.readAsDataURL(file);
-
-    reader.onload = () => {
-      if (!_Utils.default.isNull(file)) {
-        let fileMetaData = {};
-        fileMetaData.name = file.name;
-        fileMetaData.type = file.type;
-        fileMetaData.size = file.size;
-
-        if (base.value) {
-          fileMetaData.id = base.value.id;
-        }
+  var handleChange = function handleChange() {
+    return function (event) {
+      var files = event.target.files;
+      var file = files[0];
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
+
+      reader.onload = function () {
+        if (!_Utils.default.isNull(file)) {
+          var fileMetaData = {};
+          fileMetaData.name = file.name;
+          fileMetaData.type = file.type;
+          fileMetaData.size = file.size;
+
+          if (base.value) {
+            fileMetaData.id = base.value.id;
+          }
 
-        if (_Utils.default.getComponentAttribute(props.config, 'autoRemoveBackground', false)) {
-          process(data => {
-            fileMetaData.url = data;
+          if (_Utils.default.getComponentAttribute(props.config, 'autoRemoveBackground', false)) {
+            process(function (data) {
+              fileMetaData.url = data;
+              base.handleValueChange(fileMetaData);
+            }, reader.result, 'removeBackground');
+          } else {
+            fileMetaData.url = file.base64;
             base.handleValueChange(fileMetaData);
-          }, reader.result, 'removeBackground');
-        } else {
-          fileMetaData.url = file.base64;
-          base.handleValueChange(fileMetaData);
+          }
         }
-      }
-    };
+      };
 
-    reader.onloadend = () => {};
+      reader.onloadend = function () {};
+    };
   };
 
-  _react.default.useEffect(() => {
-    let container = document.getElementById("__image_container");
-    let image = document.getElementById("__image");
+  _react.default.useEffect(function () {
+    var container = document.getElementById("__image_container");
+    var image = document.getElementById("__image");
 
     if (container) {
-      let ratio = 10 * zoomDepth / 100;
+      var ratio = 10 * zoomDepth / 100;
       container.style.width = originalImageWidth + originalImageWidth * ratio + "px";
       container.style.height = originalImageHeight + originalImageHeight * ratio + "px";
       image.style.width = container.style.width;
@@ -167,13 +203,13 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     }
   }, [zoomDepth]);
 
-  const zoom = direction => {
+  var zoom = function zoom(direction) {
     if (originalImageWidth === null) {
       setOriginalImageWidth(document.getElementById("__image").width);
       setOriginalImageHeight(document.getElementById("__image").height);
     }
 
-    let depth = direction === "In" ? zoomDepth + 1 : zoomDepth - 1;
+    var depth = direction === "In" ? zoomDepth + 1 : zoomDepth - 1;
 
     if (depth <= 0) {
       depth = 1;
@@ -182,17 +218,17 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     setZoomDepth(depth);
   };
 
-  const rotate = direction => {
-    let rotateMode = _Utils.default.getComponentAttribute(props.config, "rotateMode", null);
+  var rotate = function rotate(direction) {
+    var rotateMode = _Utils.default.getComponentAttribute(props.config, "rotateMode", null);
 
     if (rotateMode === null || rotateMode === 'SERVER') {
-      process(data => {
-        base.handleValueChange({ ...base.value,
+      process(function (data) {
+        base.handleValueChange(_objectSpread(_objectSpread({}, base.value), {}, {
           url: data
-        });
+        }));
       }, base.value.url, 'rotate' + direction);
     } else {
-      let rotateAngle = angle + getRotateAngle("rotate" + direction);
+      var rotateAngle = angle + getRotateAngle("rotate" + direction);
       document.getElementById("__image_container").style.transform = "rotate(" + rotateAngle + "deg)";
       setAngle(rotateAngle);
     }
@@ -259,7 +295,9 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
       width: '40px',
       height: '40px'
     },
-    onClick: () => rotate('Left'),
+    onClick: function onClick() {
+      return rotate('Left');
+    },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ROTATE_LEFT'
     })
@@ -276,7 +314,9 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
       width: '40px',
       height: '40px'
     },
-    onClick: () => rotate('Right'),
+    onClick: function onClick() {
+      return rotate('Right');
+    },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ROTATE_RIGHT'
     })
@@ -292,7 +332,9 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
       width: '40px',
       height: '40px'
     },
-    onClick: () => zoom('Out'),
+    onClick: function onClick() {
+      return zoom('Out');
+    },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ZOOM_OUT'
     })
@@ -309,7 +351,9 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
       width: '40px',
       height: '40px'
     },
-    onClick: () => zoom('In'),
+    onClick: function onClick() {
+      return zoom('In');
+    },
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'ZOOM_IN'
     })
@@ -359,19 +403,22 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
 
 exports.ImageEditorComponent = ImageEditorComponent;
 
-const ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [file, setFile] = _react.default.useState(null);
+var ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState11 = _react.default.useState(null),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      file = _React$useState12[0],
+      setFile = _React$useState12[1];
 
-  const clearTrigger = _react.default.useRef(false);
+  var clearTrigger = _react.default.useRef(false);
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: (value, inbound) => {
+    valueParser: function valueParser(value, inbound) {
       if (inbound) {
         clearTrigger.current = !clearTrigger.current;
 
         if (!_Utils.default.isNull(value)) {
-          let val = value; // TODO : Support multiple file upload
+          var val = value; // TODO : Support multiple file upload
 
           if (_Utils.default.getComponentAttribute(props.config, 'multiple', false)) {
             if (typeof value.length !== 'undefined' && value.length > 0) {
@@ -389,7 +436,7 @@ const ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
             val = val.map;
           }
 
-          let fileMetaData = {};
+          var fileMetaData = {};
           fileMetaData.name = !_Utils.default.isNull(val.label) ? val.label : val.name;
           fileMetaData.id = val.id;
           fileMetaData.type = val.type;
@@ -399,9 +446,9 @@ const ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
           fileMetaData.url = val.url;
 
           if (!_Utils.default.isNull(val.url)) {
-            let file = {};
-            file.base64 = val.url;
-            setFile(file);
+            var _file = {};
+            _file.base64 = val.url;
+            setFile(_file);
           }
 
           return fileMetaData;
@@ -410,17 +457,19 @@ const ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
 
       return value;
     },
-    valueChangeCallback: value => {
+    valueChangeCallback: function valueChangeCallback(value) {
       if (_Utils.default.isNull(value)) {
         clearTrigger.current = !clearTrigger.current;
       }
     }
-  }), base => /*#__PURE__*/_react.default.createElement(ImageEditorComponent, _extends({
-    ref: ref,
-    base: base,
-    initialFile: file,
-    clearTrigger: clearTrigger.current
-  }, props)));
+  }), function (base) {
+    return /*#__PURE__*/_react.default.createElement(ImageEditorComponent, _extends({
+      ref: ref,
+      base: base,
+      initialFile: file,
+      clearTrigger: clearTrigger.current
+    }, props));
+  });
 }));
 
 exports.ImageEditor = ImageEditor;

package/dist/components/form/LabelField.js

@@ -15,14 +15,14 @@ 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 LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const base = props.base;
+var LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var base = props.base;
 
-  let displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
+  var displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
 
-  let className = _Utils.default.getComponentAttribute(props.config, 'className', null);
+  var className = _Utils.default.getComponentAttribute(props.config, 'className', null);
 
-  let emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
+  var emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
@@ -30,13 +30,15 @@ const LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
   }, !_Utils.default.isNull(displayTemplate) ? displayTemplate.replace('@{value}', _Utils.default.isNull(base.value) ? emptyValue : base.value) : base.value);
 }));
 
-const LabelField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var LabelField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle
-  }), base => /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
-    ref: ref,
-    base: base
-  }, props)));
+  }), function (base) {
+    return /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
+      ref: ref,
+      base: base
+    }, props));
+  });
 }));
 
 var _default = LabelField;

package/dist/components/form/LookupField.js

@@ -33,26 +33,44 @@ 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 LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [currentSelection, setCurrentSelection] = _react.default.useState(null);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  const [open, setOpen] = _react.default.useState(false);
+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 width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
+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 minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
+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 defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
-  const base = props.base;
+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 handleClose = () => {
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  var _React$useState3 = _react.default.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      open = _React$useState4[0],
+      setOpen = _React$useState4[1];
+
+  var width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
+
+  var minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
+
+  var defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
+  var base = props.base;
+
+  var handleClose = function handleClose() {
     setOpen(false);
     setCurrentSelection(null);
 
     _Observable.default.clearComponentEventListeners(props.gridHandle.api.id);
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (props.config && props.config.grid) {
       if (!props.config.grid.attributes) {
         props.config.grid.attributes = {};
@@ -62,17 +80,17 @@ const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     }
   });
 
-  const setSelectionAsValue = () => {
+  var setSelectionAsValue = function setSelectionAsValue() {
     if (currentSelection.length > 0) {
-      let row = currentSelection[0];
-      let properties = Object.getOwnPropertyNames(row);
+      var row = currentSelection[0];
+      var properties = Object.getOwnPropertyNames(row);
 
-      let label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
+      var label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
 
-      let val = {};
+      var val = {};
 
-      for (let i = 0; i < properties.length; i++) {
-        let property = properties[i];
+      for (var i = 0; i < properties.length; i++) {
+        var property = properties[i];
         label = label.replace('@{' + property + "}", row[property]);
 
         if (property !== 'label') {
@@ -82,7 +100,7 @@ const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
 
       val.label = label;
 
-      val.toString = () => {
+      val.toString = function () {
         return label;
       };
 
@@ -91,7 +109,7 @@ const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     }
   };
 
-  const openSearch = () => {
+  var openSearch = function openSearch() {
     setOpen(true);
   };
 
@@ -155,7 +173,7 @@ const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     handle: props.gridHandle,
     ref: /*#__PURE__*/_react.default.createRef(),
     viewId: props.viewId,
-    onSelectionChange: selection => {
+    onSelectionChange: function onSelectionChange(selection) {
       setCurrentSelection(selection);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -174,32 +192,34 @@ const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
 
 exports.LookupFieldComponent = LookupFieldComponent;
 
-const LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [gridHandle] = _react.default.useState({});
+var LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState5 = _react.default.useState({}),
+      _React$useState6 = _slicedToArray(_React$useState5, 1),
+      gridHandle = _React$useState6[0];
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    getChildren: () => {
-      let children = [];
+    getChildren: function getChildren() {
+      var children = [];
       children.push(gridHandle);
       return children;
     },
-    valueParser: (value, inbound) => {
+    valueParser: function valueParser(value, inbound) {
       if (!value || !value.id) {
         return null;
       }
 
       if (!_Utils.default.isNull(value)) {
         if (inbound) {
-          let initVal = value;
+          var initVal = value;
 
-          initVal.toString = () => {
+          initVal.toString = function () {
             return initVal.dataRecordDescription;
           };
 
           return initVal;
         } else {
-          let objectReference = {};
+          var objectReference = {};
           objectReference.id = value.id;
           return objectReference;
         }
@@ -207,11 +227,13 @@ const LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
 
       return value;
     }
-  }), base => /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
-    ref: ref,
-    gridHandle: gridHandle,
-    base: base
-  }, props)));
+  }), function (base) {
+    return /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
+      ref: ref,
+      gridHandle: gridHandle,
+      base: base
+    }, props));
+  });
 }));
 
 exports.LookupField = LookupField;