@agilemotion/oui-react-js 1.2.6 → 1.2.7

package/dist/components/form/GridField.js

@@ -1,398 +0,0 @@
-"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;) {
-      var 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) {
-  var record = {};
-
-  var _iterator2 = _createForOfIteratorHelper(gridConfig.columns),
-      _step2;
-
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var column = _step2.value;
-      var property = !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id;
-      var val = row[property];
-
-      if (!inbound) {
-        var editorType = getEditorType(property, gridConfig);
-
-        if (!_Utils.default.isNull(val) && (editorType === 'LOOKUP' || editorType === 'SELECT')) {
-          var 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;
-}
-
-var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var base = props.base;
-
-  var _React$useState = _react.default.useState(-1),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      newRowIdCounter = _React$useState2[0],
-      setNewRowIdCounter = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      selection = _React$useState4[0],
-      setSelection = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      rows = _React$useState6[0],
-      setRows = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      crudToolstripWidth = _React$useState8[0],
-      setCrudToolstripWidth = _React$useState8[1];
-
-  var _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];
-
-  var label = _Utils.default.getComponentAttribute(props.config, 'label', '');
-
-  _react.default.useEffect(function () {
-    var 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(function () {
-    if (!_Utils.default.isNull(base.value) && !props.initialValueSet) {
-      var initValue = [];
-
-      var _iterator3 = _createForOfIteratorHelper(base.value),
-          _step3;
-
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var item = _step3.value;
-
-          if (!_Utils.default.isNull(item.map)) {
-            initValue.push(item.map);
-          } else {
-            var properties = Object.getOwnPropertyNames(item);
-
-            var _iterator4 = _createForOfIteratorHelper(properties),
-                _step4;
-
-            try {
-              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-                var property = _step4.value;
-                var 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: function 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: function 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: function valueChangeHandler(rows) {
-      var value = null;
-
-      if (!_Utils.default.isNull(rows)) {
-        value = [];
-
-        var _iterator5 = _createForOfIteratorHelper(rows),
-            _step5;
-
-        try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            var row = _step5.value;
-            var 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: function onSelectionChange(selection) {
-      setSelection(selection);
-    },
-    filterWrapperClass: 'transferListFilterWraper',
-    loadCompleteHandler: props.loadCompleteHandler,
-    hasBorder: false
-  })));
-}));
-
-var GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState11 = _react.default.useState({}),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      gridHandle = _React$useState12[0];
-
-  var _React$useState13 = _react.default.useState(!_Utils.default.isNull(props.config.toolstrip) ? {} : null),
-      _React$useState14 = _slicedToArray(_React$useState13, 1),
-      toolHandle = _React$useState14[0];
-
-  var _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: function getChildren() {
-      var children = [];
-      children.push(gridHandle);
-      var moreChildren = gridHandle.api.getChildren();
-
-      for (var j = 0; j < moreChildren.length; j++) {
-        children.push(moreChildren[j]);
-      }
-
-      if (!_Utils.default.isNull(props.config.toolstrip)) {
-        children.push(toolHandle);
-
-        var _moreChildren = toolHandle.api.getChildren();
-
-        for (var _j = 0; _j < _moreChildren.length; _j++) {
-          children.push(_moreChildren[_j]);
-        }
-      }
-
-      return children;
-    },
-    valueParser: function valueParser(value, inbound) {
-      if (!_Utils.default.isNull(value)) {
-        var objectArray = value;
-        var val = [];
-
-        if (objectArray.length > 0) {
-          var type = objectArray[0].type;
-          var nullIdRecords = 1;
-
-          var _iterator6 = _createForOfIteratorHelper(objectArray),
-              _step6;
-
-          try {
-            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-              var objectArrayElement = _step6.value;
-
-              if (type === 'MapEntityDto' || !_Utils.default.isNull(objectArrayElement.map)) {
-                var 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: function clearHandler() {
-      return gridHandle.api.clear();
-    }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(GridFieldWrapper, _extends({
-      ref: ref,
-      gridHandle: gridHandle,
-      toolstripHandle: toolHandle,
-      initialValueSet: initialValueSet,
-      loadCallback: function loadCallback() {
-        setInitialValueSet(true);
-      },
-      base: base
-    }, props));
-  });
-}));
-
-var _default = GridField;
-exports.default = _default;

package/dist/components/form/LabelField.js

@@ -1,45 +0,0 @@
-"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); }
-
-var LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var base = props.base;
-
-  var displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
-
-  var style = _Utils.default.getComponentAttribute(props.config, 'style', null);
-
-  var 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);
-}));
-
-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
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
-      ref: ref,
-      base: base
-    }, props));
-  });
-}));
-
-var _default = LabelField;
-exports.default = _default;

package/dist/components/form/LookupField.js

@@ -1,230 +0,0 @@
-"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; }
-
-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);
-  };
-
-  var setSelectionAsValue = function setSelectionAsValue() {
-    if (currentSelection.length > 0) {
-      var row = currentSelection[0];
-      var properties = Object.getOwnPropertyNames(row);
-
-      var label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
-
-      var val = {};
-
-      for (var i = 0; i < properties.length; i++) {
-        var property = properties[i];
-        label = label.replace('@{' + property + "}", row[property]);
-
-        if (property !== 'label') {
-          val[property] = row[property];
-        }
-      }
-
-      val.label = label;
-
-      val.toString = function () {
-        return label;
-      };
-
-      base.handleValueChange(val);
-      handleClose();
-    }
-  };
-
-  var openSearch = function 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: function 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;
-
-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: function getChildren() {
-      var children = [];
-      children.push(gridHandle);
-      return children;
-    },
-    valueParser: function valueParser(value, inbound) {
-      if (!_Utils.default.isNull(value)) {
-        if (inbound) {
-          var initVal = value;
-
-          if (!_Utils.default.isNull(initVal.map)) {
-            initVal = initVal.map;
-          }
-
-          initVal.toString = function () {
-            return initVal.label;
-          };
-
-          return initVal;
-        } else {
-          var objectReference = {};
-          objectReference.id = value.id;
-          objectReference.type = 'ObjectReference';
-          return objectReference;
-        }
-      }
-
-      return value;
-    }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
-      ref: ref,
-      gridHandle: gridHandle,
-      base: base
-    }, props));
-  });
-}));
-
-exports.LookupField = LookupField;
-var _default = LookupField;
-exports.default = _default;