@agilemotion/oui-react-js 1.8.2 → 1.8.3

package/dist/components/form/AutoComplete.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Autocomplete = _interopRequireDefault(require("@material-ui/lab/Autocomplete"));
+var _Autocomplete = _interopRequireDefault(require("@mui/lab/Autocomplete"));
 require("./Form.css");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -28,7 +28,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + "//" + window.location.hostname;
-const AutoCompleteWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const AutoCompleteWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
   const value = (0, _react.useRef)([]);
   const [inputValue, setInputValue] = (0, _react.useState)('');
@@ -95,6 +95,9 @@ const AutoCompleteWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     setInputValue(newValue);
   };
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
+    style: {
+      marginTop: '8px'
+    },
     inputValue: inputValue,
     multiple: _Utils.default.getComponentAttribute(props.config, 'multiple', true),
     disabled: base.disabled,
@@ -129,8 +132,6 @@ const AutoCompleteWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     id: props.config.id,
     renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
       required: base.required,
-      margin: "dense",
-      size: "small",
       error: base.hasError,
       helperText: base.errorMessage,
       variant: props.borderless ? 'standard' : 'outlined'
@@ -139,11 +140,10 @@ const AutoCompleteWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }))
   });
 }));
-const AutoComplete = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const AutoComplete = /*#__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(AutoCompleteWrapper, _extends({
-    ref: ref,
     base: base
   }, props)));
 }));

package/dist/components/form/Checkbox.js

@@ -5,16 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 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 CheckboxWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const CheckboxWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
   return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-    ref: ref,
     control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
       checked: base.value || false,
       style: _Utils.default.mergeStyles({}, props.config),
@@ -31,11 +30,10 @@ const CheckboxWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     label: props.config.attributes['label']
   });
 }));
-const Checkbox = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Checkbox = /*#__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(CheckboxWrapper, _extends({
-    ref: ref,
     base: base
   }, props)));
 }));

package/dist/components/form/DatePicker.js

@@ -7,16 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("date-fns");
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
 var _BaseField = require("./BaseField");
-var _dateFns2 = _interopRequireDefault(require("@date-io/date-fns"));
-var _pickers = require("@material-ui/pickers");
-var _styles = require("@material-ui/core/styles");
 var _reactRedux = require("react-redux");
 var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
+var _xDatePickers = require("@mui/x-date-pickers");
+var _demo = require("@mui/x-date-pickers/internals/demo");
+var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+var _dayjs = _interopRequireDefault(require("dayjs"));
 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 CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [minDate, setMinDate] = _react.default.useState(null);
   const [maxDate, setMaxDate] = _react.default.useState(null);
   const base = props.base;
@@ -66,67 +66,45 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     }
   }, []);
   const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
-  const ThemedKeyboardDatePicker = (0, _styles.withStyles)({
-    root: {
-      '& label.Mui-focused': {
-        color: secondaryColor
-      },
-      '& .MuiInput-underline:after': {
-        borderBottomColor: secondaryColor
-      },
-      '& .MuiOutlinedInput-root': {
-        '&.Mui-focused fieldset': {
-          borderColor: secondaryColor
-        }
-      }
-    }
-  })(_pickers.KeyboardDatePicker);
-  return /*#__PURE__*/_react.default.createElement(_pickers.MuiPickersUtilsProvider, {
-    utils: _dateFns2.default
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true,
-    ref: ref,
-    onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/_react.default.createElement(ThemedKeyboardDatePicker, {
-    id: props.id,
-    InputProps: {
-      readOnly: true
-    },
-    disabled: base.disabled,
-    required: base.required,
-    format: "dd/MM/yyyy",
+  const style = _Utils.default.mergeStyles({
+    minWidth: minWidth,
+    width: width,
+    textAlign: 'left'
+  }, props.config);
+  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
+    dateAdapter: _AdapterDayjs.AdapterDayjs
+  }, /*#__PURE__*/_react.default.createElement(_demo.DemoContainer, {
+    components: ['DatePicker', 'DatePicker']
+  }, /*#__PURE__*/_react.default.createElement(_xDatePickers.DatePicker, {
     label: props.config.attributes['label'],
-    value: base.value ? base.value : null,
+    value: base.value ? (0, _dayjs.default)(base.value) : null,
     className: props.className,
+    onChange: newValue => handleDateChange(newValue.toDate()),
     error: base.hasError,
-    helperText: base.errorMessage,
-    margin: "dense",
-    inputVariant: "outlined",
-    style: _Utils.default.mergeStyles({
-      minWidth: minWidth,
-      width: width,
-      textAlign: 'left'
-    }, props.config),
-    onChange: handleDateChange,
-    size: "small",
-    KeyboardButtonProps: {
-      'aria-label': 'change date',
-      'disabled': props.disabled
+    slotProps: {
+      textField: {
+        variant: "outlined",
+        margin: "dense",
+        size: "small",
+        style: style,
+        disabled: base.disabled,
+        required: base.required,
+        error: base.hasError,
+        helperText: base.errorMessage
+      }
     },
-    minDate: minDate,
-    maxDate: maxDate,
-    readOnly: props.readOnly
+    minDate: (0, _dayjs.default)(minDate),
+    maxDate: (0, _dayjs.default)(maxDate)
   })));
 }));
-const DatePicker = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DatePicker = props => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: (value, inbound) => {
       return !_Utils.default.isNull(value) ? inbound ? new Date(value.toString()) : new Date(value).toLocaleDateString('en-GB').split('/').reverse().join('-') : null;
     }
   }), base => /*#__PURE__*/_react.default.createElement(CustomDatePickerComponent, _extends({
-    ref: ref,
     base: base
   }, props)));
-}));
+};
 var _default = exports.default = DatePicker;

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)));
 }));