@agilemotion/oui-react-js 1.2.7 → 1.2.8

package/dist/components/form/GridField.js

@@ -0,0 +1,393 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BaseField = require("./BaseField");
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+var _DataGrid = require("../DataGrid");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _Toolbar = _interopRequireDefault(require("../Toolbar"));
+
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+
+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 _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 _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 _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 _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 getEditorType(columnName, gridConfig) {
+  var _iterator = _createForOfIteratorHelper(gridConfig.columns),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      const column = _step.value;
+
+      if ((column.id === columnName || column.dataBinding === columnName) && !_Utils.default.isNull(column.editor)) {
+        return column.editor.fieldType;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return null;
+}
+
+function createRecord(row, gridConfig, inbound) {
+  let record = {};
+
+  var _iterator2 = _createForOfIteratorHelper(gridConfig.columns),
+      _step2;
+
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      const column = _step2.value;
+      let property = !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id;
+      let val = row[property];
+
+      if (!inbound) {
+        let editorType = getEditorType(property, gridConfig);
+
+        if (!_Utils.default.isNull(val) && (editorType === 'LOOKUP' || editorType === 'SELECT')) {
+          let objectReference = {};
+          objectReference.id = val.id;
+          val = objectReference;
+        }
+      }
+
+      record[property] = val;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+
+  record.id = row.id >= 0 ? row.id : null;
+  return record;
+}
+
+const GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
+
+  const _React$useState = _react.default.useState(-1),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        newRowIdCounter = _React$useState2[0],
+        setNewRowIdCounter = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState([]),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        selection = _React$useState4[0],
+        setSelection = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState([]),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        rows = _React$useState6[0],
+        setRows = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        crudToolstripWidth = _React$useState8[0],
+        setCrudToolstripWidth = _React$useState8[1];
+
+  const _React$useState9 = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false),
+        _React$useState10 = _slicedToArray(_React$useState9, 1),
+        hasButtons = _React$useState10[0];
+
+  let label = _Utils.default.getComponentAttribute(props.config, 'label', '');
+
+  _react.default.useEffect(() => {
+    let numCrudButtons = 0;
+
+    if (!_Utils.default.isNull(props.config.attributes)) {
+      if (_Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false) {
+        numCrudButtons++;
+      }
+
+      if (_Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false) {
+        numCrudButtons++;
+      }
+    }
+
+    setCrudToolstripWidth(numCrudButtons * 40 + 'px');
+  }, []);
+
+  _react.default.useEffect(() => {
+    if (!_Utils.default.isNull(base.value) && !props.initialValueSet) {
+      let initValue = [];
+
+      var _iterator3 = _createForOfIteratorHelper(base.value),
+          _step3;
+
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          const item = _step3.value;
+
+          if (!_Utils.default.isNull(item.map)) {
+            initValue.push(item.map);
+          } else {
+            let properties = Object.getOwnPropertyNames(item);
+
+            var _iterator4 = _createForOfIteratorHelper(properties),
+                _step4;
+
+            try {
+              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                const property = _step4.value;
+                let val = item[property];
+
+                if (!_Utils.default.isNull(val) && !_Utils.default.isNull(val.map)) {
+                  item[property] = val.map;
+                }
+              }
+            } catch (err) {
+              _iterator4.e(err);
+            } finally {
+              _iterator4.f();
+            }
+
+            initValue.push(item);
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+
+      setRows(initValue);
+      props.loadCallback();
+    }
+  }, [base.value]);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "MuiFormControl-root MuiTextField-root MuiFormControl-marginDense"
+  }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
+    required: base.required,
+    error: base.hasError
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
+      width: '100%',
+      height: _Utils.default.getComponentAttribute(props.config, 'height', null),
+      borderRadius: '4px',
+      marginTop: '8px',
+      marginBottom: '8px'
+    }
+  }, hasButtons ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      paddingLeft: '32px',
+      paddingTop: '8px',
+      paddingBottom: '8px',
+      borderBottom: '1px solid #e1e1e1'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'row'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*',
+    style: {
+      width: crudToolstripWidth
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'row'
+  }, _Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false ? /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*'
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    ref: ref,
+    "aria-haspopup": "true",
+    onClick: () => {
+      props.gridHandle.api.addRows([{
+        id: newRowIdCounter
+      }]);
+      setNewRowIdCounter(newRowIdCounter - 1);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'ADD'
+  }))) : null, _Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false ? /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*'
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    ref: ref,
+    "aria-haspopup": "true",
+    disabled: selection.length === 0,
+    onClick: () => {
+      props.gridHandle.api.deleteSelectedRows();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'REMOVE'
+  }))) : null)), !_Utils.default.isNull(props.config.toolstrip) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*'
+  }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
+    config: props.config.toolstrip,
+    handle: props.toolstripHandle,
+    ref: /*#__PURE__*/_react.default.createRef(),
+    viewId: props.viewId,
+    loadCompleteHandler: props.loadCompleteHandler
+  })) : null)) : null, /*#__PURE__*/_react.default.createElement(_DataGrid.DataGrid, {
+    config: props.config.grid,
+    handle: props.gridHandle,
+    ref: /*#__PURE__*/_react.default.createRef(),
+    viewId: props.viewId,
+    rows: rows,
+    form: props.form,
+    formValues: props.values,
+    valueChangeHandler: rows => {
+      let value = null;
+
+      if (!_Utils.default.isNull(rows)) {
+        value = [];
+
+        var _iterator5 = _createForOfIteratorHelper(rows),
+            _step5;
+
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            const row = _step5.value;
+            let record = createRecord(row, props.config.grid, false);
+            value.push(record);
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      }
+
+      if (!props.initialValueSet) {
+        props.loadCallback();
+      }
+
+      base.handleValueChange(value);
+    },
+    pagination: false,
+    onSelectionChange: selection => {
+      setSelection(selection);
+    },
+    filterWrapperClass: 'transferListFilterWraper',
+    loadCompleteHandler: props.loadCompleteHandler,
+    hasBorder: false
+  })));
+}));
+
+const GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState11 = _react.default.useState({}),
+        _React$useState12 = _slicedToArray(_React$useState11, 1),
+        gridHandle = _React$useState12[0];
+
+  const _React$useState13 = _react.default.useState(!_Utils.default.isNull(props.config.toolstrip) ? {} : null),
+        _React$useState14 = _slicedToArray(_React$useState13, 1),
+        toolHandle = _React$useState14[0];
+
+  const _React$useState15 = _react.default.useState(false),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        initialValueSet = _React$useState16[0],
+        setInitialValueSet = _React$useState16[1];
+
+  return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
+    handle: props.handle,
+    getChildren: () => {
+      let children = [];
+      children.push(gridHandle);
+      let moreChildren = gridHandle.api.getChildren();
+
+      for (let j = 0; j < moreChildren.length; j++) {
+        children.push(moreChildren[j]);
+      }
+
+      if (!_Utils.default.isNull(props.config.toolstrip)) {
+        children.push(toolHandle);
+        let moreChildren = toolHandle.api.getChildren();
+
+        for (let j = 0; j < moreChildren.length; j++) {
+          children.push(moreChildren[j]);
+        }
+      }
+
+      return children;
+    },
+    valueParser: (value, inbound) => {
+      if (!_Utils.default.isNull(value)) {
+        let objectArray = value;
+        let val = [];
+
+        if (objectArray.length > 0) {
+          let type = objectArray[0].type;
+          let nullIdRecords = 1;
+
+          var _iterator6 = _createForOfIteratorHelper(objectArray),
+              _step6;
+
+          try {
+            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+              const objectArrayElement = _step6.value;
+
+              if (type === 'MapEntityDto' || !_Utils.default.isNull(objectArrayElement.map)) {
+                let record = createRecord(objectArrayElement.map, props.config.grid, inbound);
+
+                if (_Utils.default.isNull(record.id)) {
+                  record.id = -1 * nullIdRecords++;
+                }
+
+                val.push(record);
+              } else {
+                val.push(objectArrayElement);
+              }
+            }
+          } catch (err) {
+            _iterator6.e(err);
+          } finally {
+            _iterator6.f();
+          }
+        }
+
+        setInitialValueSet(false);
+        return val;
+      }
+
+      return value;
+    },
+    clearHandler: () => gridHandle.api.clear()
+  }), base => /*#__PURE__*/_react.default.createElement(GridFieldWrapper, _extends({
+    ref: ref,
+    gridHandle: gridHandle,
+    toolstripHandle: toolHandle,
+    initialValueSet: initialValueSet,
+    loadCallback: () => {
+      setInitialValueSet(true);
+    },
+    base: base
+  }, props)));
+}));
+
+var _default = GridField;
+exports.default = _default;

package/dist/components/form/LabelField.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BaseField = require("./BaseField");
+
+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); }
+
+const LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
+
+  let displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
+
+  let style = _Utils.default.getComponentAttribute(props.config, 'style', null);
+
+  let emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: style
+  }, !_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) => {
+  return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
+    handle: props.handle
+  }), base => /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
+    ref: ref,
+    base: base
+  }, props)));
+}));
+
+var _default = LabelField;
+exports.default = _default;

package/dist/components/form/LookupField.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LookupField = exports.LookupFieldComponent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _BaseField = require("./BaseField");
+
+var _DataGrid = require("../DataGrid");
+
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+
+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 _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; }
+
+const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        currentSelection = _React$useState2[0],
+        setCurrentSelection = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(false),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        open = _React$useState4[0],
+        setOpen = _React$useState4[1];
+
+  const width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
+
+  const minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
+
+  const defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
+  const base = props.base;
+
+  const handleClose = () => {
+    setOpen(false);
+    setCurrentSelection(null);
+
+    _Observable.default.clearComponentEventListeners(props.gridHandle.api.id);
+  };
+
+  const setSelectionAsValue = () => {
+    if (currentSelection.length > 0) {
+      let row = currentSelection[0];
+      let properties = Object.getOwnPropertyNames(row);
+
+      let label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
+
+      let val = {};
+
+      for (let i = 0; i < properties.length; i++) {
+        let property = properties[i];
+        label = label.replace('@{' + property + "}", row[property]);
+
+        if (property !== 'label') {
+          val[property] = row[property];
+        }
+      }
+
+      val.label = label;
+
+      val.toString = () => {
+        return label;
+      };
+
+      base.handleValueChange(val);
+      handleClose();
+    }
+  };
+
+  const openSearch = () => {
+    setOpen(true);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-100 lookup"
+  }, /*#__PURE__*/_react.default.createElement("table", {
+    className: "w-100"
+  }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    width: "90%"
+  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    InputProps: {
+      readOnly: true
+    },
+    id: props.id,
+    ref: ref,
+    required: base.required,
+    disabled: base.disabled,
+    label: !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['label']) ? props.config.attributes['label'] : null,
+    value: base.value || defaultValue,
+    className: props.className,
+    error: base.hasError,
+    helperText: base.errorMessage,
+    size: "small",
+    margin: "dense",
+    style: {
+      minWidth: minWidth,
+      width: width,
+      color: 'secondary'
+    },
+    variant: "outlined"
+  })), /*#__PURE__*/_react.default.createElement("td", {
+    valign: "middle",
+    align: "left"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    onClick: openSearch,
+    disabled: base.disabled,
+    "aria-label": "search"
+  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))))), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: handleClose,
+    "aria-labelledby": "form-dialog-title",
+    fullWidth: true,
+    maxWidth: "md",
+    disableBackdropClick: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      overflow: "hidden",
+      margin: "8px",
+      border: "1px solid #e1e1e1",
+      borderRadius: "4px"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: "auto",
+      overflow: "auto",
+      minHeight: "300px",
+      paddingTop: "8px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DataGrid.DataGrid, {
+    config: props.config.grid,
+    handle: props.gridHandle,
+    ref: /*#__PURE__*/_react.default.createRef(),
+    viewId: props.viewId,
+    onSelectionChange: selection => {
+      setCurrentSelection(selection);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: "4px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: handleClose,
+    color: "primary"
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: setSelectionAsValue,
+    color: "primary",
+    disabled: _Utils.default.isNull(currentSelection)
+  }, "Ok"))))));
+}));
+
+exports.LookupFieldComponent = LookupFieldComponent;
+
+const LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _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 = [];
+      children.push(gridHandle);
+      return children;
+    },
+    valueParser: (value, inbound) => {
+      if (!_Utils.default.isNull(value)) {
+        if (inbound) {
+          let initVal = value;
+
+          if (!_Utils.default.isNull(initVal.map)) {
+            initVal = initVal.map;
+          }
+
+          initVal.toString = () => {
+            return initVal.label;
+          };
+
+          return initVal;
+        } else {
+          let objectReference = {};
+          objectReference.id = value.id;
+          objectReference.type = 'ObjectReference';
+          return objectReference;
+        }
+      }
+
+      return value;
+    }
+  }), base => /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
+    ref: ref,
+    gridHandle: gridHandle,
+    base: base
+  }, props)));
+}));
+
+exports.LookupField = LookupField;
+var _default = LookupField;
+exports.default = _default;