@agilemotion/oui-react-js 1.8.2 → 1.8.4

package/dist/components/form/FieldSet.js

@@ -22,7 +22,7 @@ var _ImageEditor = _interopRequireDefault(require("./ImageEditor"));
 var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
-var _RestUtils = require("../../RestUtils");
+var _RestService = require("../../RestService");
 var _SignatureTemplateDesignerField = _interopRequireDefault(require("./SignatureTemplateDesignerField"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 require("./fieldset.css");
@@ -35,7 +35,7 @@ var _Switch = _interopRequireDefault(require("./Switch"));
 var _IconField = _interopRequireDefault(require("./IconField"));
 var _DocumentTemplateDesigner = _interopRequireDefault(require("../DocumentTemplateDesigner"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FieldSet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [fieldGrid] = _react.default.useState(_Utils.default.getFieldGrid(props.config.attributes, props.config.fields));
   const [componentHandles] = _react.default.useState({});
   const [visible, setVisible] = _react.default.useState(false);
@@ -104,7 +104,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -117,7 +116,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           values: props.values,
           viewId: props.viewId
         });
@@ -130,7 +128,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           type: 'password',
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           values: props.values,
           viewId: props.viewId
         });
@@ -143,7 +140,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           values: props.values,
           viewId: props.viewId
         });
@@ -156,7 +152,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           values: props.values,
           viewId: props.viewId
         });
@@ -167,7 +162,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -179,7 +173,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -191,7 +184,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -203,7 +195,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -215,7 +206,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -227,7 +217,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -239,7 +228,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -251,7 +239,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           style: 'IMAGE',
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
@@ -264,7 +251,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -276,7 +262,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -288,7 +273,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -300,7 +284,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -312,7 +295,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -324,7 +306,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -334,7 +315,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           config: component,
           form: props.form,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           viewId: props.viewId
         });
       case 'HTML_PANEL':
@@ -342,7 +322,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           config: component,
           form: props.form,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           viewId: props.viewId
         });
       case 'ICON':
@@ -352,7 +331,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -364,7 +342,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -376,7 +353,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           form: props.form,
           parentId: props.parentId,
           handle: createComponentHandle(component),
-          ref: /*#__PURE__*/_react.default.createRef(),
           valueChangeHandler: () => fireChangeEvent(),
           values: props.values,
           viewId: props.viewId
@@ -445,20 +421,22 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           _Observable.default.fireEvent(_EventType.default.DATA_ARRIVED, event);
         } else {
           if (!_Utils.default.isNull(service)) {
-            let method = service.type === 'rpc' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-            method(service, ref.current, props.viewId, result => {
-              if (!_Utils.default.isNull(result)) {
-                let data = service.type === 'rpc' ? result.data : result;
-                if (data) {
-                  props.form().bindData(data);
-                  let event = new _Event.default(props.handle, props.viewId, data);
-                  _Observable.default.fireEvent(_EventType.default.DATA_ARRIVED, event);
-                }
+            let method = service.type === 'rpc' ? _RestService.invokeRpc : _RestService.invokeRest;
+            method({
+              service: service,
+              component: ref.current,
+              viewId: props.viewId
+            }).then(result => {
+              let data = service.type === 'rpc' ? result.data : result;
+              if (data) {
+                props.form().bindData(data);
+                let event = new _Event.default(props.handle, props.viewId, data);
+                _Observable.default.fireEvent(_EventType.default.DATA_ARRIVED, event);
               }
-            }, e => {
+            }).catch(e => {
               props.console.error(e);
               _Utils.default.publishErrorMessage(e, props.viewId);
-            }, parameter => {});
+            });
             return true;
           }
         }
@@ -516,7 +494,6 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }));
   }
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'fieldSetWrapper',
     style: _Utils.default.mergeStyles({
       display: visible ? 'block' : 'none',

package/dist/components/form/Form.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Section = _interopRequireDefault(require("./Section"));
 require("./Form.css");
-var _RestUtils = require("../../RestUtils");
+var _RestService = require("../../RestService");
 var _asyncMutex = require("async-mutex");
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
@@ -37,7 +37,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
   },
   root: {}
 }));
-const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const values = _react.default.useRef(!_Utils.default.isNull(props.values) ? props.values : {});
   const [masterValues, setMasterValues] = _react.default.useState(null);
   const [config, setConfig] = _react.default.useState(_Utils.default.parseConfig(props.config, props.viewId));
@@ -226,7 +226,11 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     let componentValue = !_Utils.default.isNull(componentConfig.value) ? _ApplicationManager.default.resolveParameterConfigValue(componentConfig.value, eventData) : eventConfig !== null ? _ApplicationManager.default.resolveParameterConfigValue(eventConfig.value, eventData) : null;
     if (!_Utils.default.isNull(service)) {
       if (service.type === 'rpc') {
-        (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+        (0, _RestService.invokeRpc)({
+          service: service,
+          component: props.handle,
+          viewId: props.viewId
+        }).then(result => {
           try {
             if (!_Utils.default.isNull(result)) {
               parseValues(transformDataObject(result));
@@ -236,12 +240,14 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
           } catch (e) {
             console.error(e);
           }
-        }, e => {
-          console.error(e);
-          _Utils.default.publishErrorMessage(e, props.viewId);
-        }, parameter => {
-          loadingRef.current = false;
-          handleDataArrived(null);
+        }).catch(e => {
+          if (e && e.errorType === 'INVALID_PARAMETER') {
+            loadingRef.current = false;
+            handleDataArrived(null);
+          } else {
+            console.error(e);
+            _Utils.default.publishErrorMessage(e, props.viewId);
+          }
         });
       } else {
         if (_Utils.default.isNull(eventConfig)) {
@@ -609,7 +615,6 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
   }
   return visible && /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
-    ref: ref,
     style: props.className === 'defaultForm' ? _Utils.default.mergeStyles({
       padding: '16px 0',
       margin: '0',

package/dist/components/form/GridField.js

@@ -9,8 +9,8 @@ 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 _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _Toolbar = _interopRequireDefault(require("../Toolbar"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -27,15 +27,15 @@ function createRecord(row, gridConfig, inbound) {
   let record = {};
   for (const column of gridConfig.columns) {
     let property = !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id;
-    let val = row[property];
-    record[property] = val;
+    let val = _Utils.default.readNestedProperty(row, property);
+    _Utils.default.updateNestedProperty(record, property, val);
   }
 
   //record.id = row.id >= 0 ? row.id : null;
   record.id = row.id;
   return record;
 }
-const GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
   const newRowIdCounter = _react.default.useRef(-1);
   const [selection, setSelection] = _react.default.useState([]);
@@ -96,7 +96,6 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     className: 'col-*-*'
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
-    ref: ref,
     "aria-haspopup": "true",
     onClick: () => {
       props.gridHandle.api.addRows([{
@@ -109,7 +108,6 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     className: 'col-*-*'
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
-    ref: ref,
     "aria-haspopup": "true",
     disabled: selection.length === 0,
     onClick: () => {
@@ -149,11 +147,11 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     onSelectionChange: selection => {
       setSelection(selection);
     },
-    filterWrapperClass: 'transferListFilterWraper',
+    filterWrapperClass: 'transferListFilterWrapper',
     hasBorder: false
   })));
 }));
-const GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const GridField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [gridHandle] = _react.default.useState({});
   const [toolHandle] = _react.default.useState(!_Utils.default.isNull(props.config.toolstrip) ? {} : null);
   const initialValueSet = _react.default.useRef(false);
@@ -198,7 +196,6 @@ const GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     },
     clearHandler: () => gridHandle.api.clear()
   }), base => /*#__PURE__*/_react.default.createElement(GridFieldWrapper, _extends({
-    ref: ref,
     gridHandle: gridHandle,
     toolstripHandle: toolHandle,
     initialValueSet: initialValueSet.current,

package/dist/components/form/IconField.js

@@ -9,17 +9,16 @@ var _BaseField = require("./BaseField");
 var _Icon = _interopRequireDefault(require("../Icon"));
 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 IconWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const IconWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: props.config.iconId
   });
 }));
-const IconField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const IconField = /*#__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(IconWrapper, _extends({
-    ref: ref,
     base: base
   }, props)));
 }));

package/dist/components/form/ImageEditor.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ImageEditorComponent = exports.ImageEditor = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _BaseField = require("./BaseField");
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _Icon = _interopRequireDefault(require("../Icon"));
@@ -38,7 +38,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + "//" + window.location.hostname;
-const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [multiple] = _react.default.useState(props.multiple === true);
   const [angle, setAngle] = _react.default.useState(0);
   const [zoomDepth, setZoomDepth] = _react.default.useState(null);
@@ -224,7 +224,6 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
   }, base.value ? /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: 'contained',
     size: "large",
-    ref: ref,
     style: {
       width: '40px',
       height: '40px'
@@ -257,7 +256,6 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
   }, base.value ? /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: 'contained',
     size: "large",
-    ref: ref,
     style: {
       width: '40px',
       height: '40px'
@@ -309,7 +307,7 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
     }
   }))))) : null);
 }));
-const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [file, setFile] = _react.default.useState(null);
   const clearTrigger = _react.default.useRef(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
@@ -358,7 +356,6 @@ const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo( /*#_
       }
     }
   }), base => /*#__PURE__*/_react.default.createElement(ImageEditorComponent, _extends({
-    ref: ref,
     base: base,
     initialFile: file,
     clearTrigger: clearTrigger.current

package/dist/components/form/LabelField.js

@@ -9,21 +9,19 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 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 LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+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 className = _Utils.default.getComponentAttribute(props.config, 'className', null);
   let emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: className
   }, !_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) => {
+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)));
 }));

package/dist/components/form/LookupField.js

@@ -6,24 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LookupFieldComponent = exports.LookupField = 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 _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _BaseField = require("./BaseField");
 var _DataGrid = require("../DataGrid");
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 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 LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [currentSelection, setCurrentSelection] = _react.default.useState(null);
   const [open, setOpen] = _react.default.useState(false);
   const width = props.config.attributes?.style?.width ? props.config.attributes.style.width : "100%";
   const minWidth = props.config.attributes?.style?.minWidth ? props.config.attributes.style.minWidth : "240px";
-  const height = !_Utils.default.isNull(props.config.attributes?.style?.height) ? props.config.attributes.style.height : '52px';
+  const height = !_Utils.default.isNull(props.config.attributes?.style?.height) ? props.config.attributes.style.height : '41px';
   const margin = !_Utils.default.isNull(props.config.attributes?.style?.margin) ? props.config.attributes.style.margin : '4px 0';
   const defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
   const base = props.base;
@@ -74,7 +74,9 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
       width: width,
       minWidth: minWidth,
       margin: margin,
-      height: height
+      height: height,
+      marginBottom: base.hasError ? '20px' : '4px',
+      marginTop: '8px'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'col-*-*',
@@ -98,12 +100,10 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
       marginBottom: base.value ? '0' : '8px'
     }
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    InputProps: {
-      readOnly: true,
-      disableUnderline: true
+    style: {
+      marginTop: '0'
     },
     id: props.id,
-    ref: ref,
     required: base.required,
     disabled: true,
     label: !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['label']) ? props.config.attributes['label'] : null,
@@ -112,13 +112,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     error: base.hasError,
     helperText: base.errorMessage,
     size: "small",
-    margin: "dense",
-    style: {
-      height: '48px',
-      width: '100%',
-      color: 'secondary',
-      border: 'none'
-    }
+    margin: "dense"
   })), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     open: open,
     onClose: handleClose,
@@ -163,7 +157,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     disabled: _Utils.default.isNull(currentSelection)
   }, "Ok"))))));
 }));
-const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [gridHandle] = _react.default.useState({});
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
@@ -191,7 +185,6 @@ const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo( /*#_
       return value;
     }
   }), base => /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
-    ref: ref,
     gridHandle: gridHandle,
     base: base
   }, props)));