@agilemotion/oui-react-js 1.8.76 → 1.8.78

package/dist/DynamicJS.js

@@ -93,8 +93,7 @@ class DynamicJS {
       } catch (e) {
         if (printError) {
           console.error(e);
-          console.error("Error Executing script : ", scriptConfig === null || scriptConfig === void 0 ? void 0 : scriptConfig.lines);
-          console.error("Parsed script : ", parsedScript);
+          console.error("Error Executing script : ", scriptCode);
         }
         throw new Error(e.message);
       }

package/dist/ViewContext.js

@@ -48,6 +48,7 @@ class ViewContext {
       let legendValue = '<span>';
       let counter = 0;
       for (const navHistoryElement of this.navHistory) {
+        if (!navHistoryElement.title) continue;
         legendValue += "".concat(navHistoryElement.title);
         if (counter++ < this.navHistory.length - 1) {
           legendValue += legendIconArrow;

package/dist/assets/jss/views/loginBasicStyle.js

@@ -47,11 +47,11 @@ const styles = {
   },
   loginBtn: {
     float: 'right',
-    background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614',
-    color: window.location.hostname.includes('absa') ? '#ffffff' : '#000000'
+    background: '#003A8F',
+    color: '#ffffff'
   },
   btn: {
-    background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614',
+    background: '#003A8F',
     color: _colors.white,
     padding: 7,
     borderRadius: 2,
@@ -59,7 +59,7 @@ const styles = {
     fontSize: 13
   },
   btnFacebook: {
-    background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614'
+    background: '#003A8F'
   },
   btnGoogle: {
     background: '#e14441'

package/dist/assets/jss/views/loginBasicStyle.jsx

@@ -42,11 +42,11 @@ const styles = {
     },
     loginBtn: {
         float: 'right',
-        background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614',
-        color: window.location.hostname.includes('absa') ? '#ffffff' : '#000000'
+        background: '#003A8F',
+        color: '#ffffff'
     },
     btn: {
-        background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614',
+        background: '#003A8F',
         color: white,
         padding: 7,
         borderRadius: 2,
@@ -54,7 +54,7 @@ const styles = {
         fontSize: 13
     },
     btnFacebook: {
-        background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614'
+        background: '#003A8F'
     },
     btnGoogle: {
         background: '#e14441'

package/dist/components/Chart.js

@@ -15,7 +15,7 @@ var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _RestUtils = require("../RestUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const location = window.location.protocol + '//' + window.location.hostname;
-const Chart = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Chart = /*#__PURE__*/_react.default.memo(props => {
   const [path, setPath] = _react.default.useState(null);
   const [displayType, setDisplayType] = _react.default.useState(props.config.defaultDisplayType);
   const [visible, setVisible] = _react.default.useState(false);
@@ -89,5 +89,5 @@ const Chart = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwa
       height: '100%'
     }
   }));
-}));
+});
 var _default = exports.default = Chart;

package/dist/components/DataGrid.js

@@ -109,7 +109,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     width: 1
   }
 }));
-const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(props => {
   var _config$attributes, _props$config$attribu, _props$config$attribu2, _props$config$attribu3;
   const classes = useStyles();
   const [order, setOrder] = _react.default.useState('desc');
@@ -240,6 +240,9 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
         let event = new _Event.default(props.handle, props.viewId, getSelectedRows([]));
         _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
       },
+      select: rows => {
+        setSelected(rows);
+      },
       addRows: newRows => {
         for (const newRow of newRows) {
           rows.push(observeRow(newRow));
@@ -745,11 +748,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
   };
   const valueChangeCallback = valueRows => {
     if (!_Utils.default.isNull(props.valueChangeHandler)) {
-      if (isRowErrorsEmpty()) {
-        props.valueChangeHandler(valueRows);
-      } else {
-        props.valueChangeHandler(null);
-      }
+      props.valueChangeHandler(valueRows, !isRowErrorsEmpty());
     }
   };
   function getTileLabel(row) {
@@ -834,7 +833,6 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
       margin: '0 0 8px 8px'
     }
   }, /*#__PURE__*/_react.default.createElement("div", null, isFilterable() ? /*#__PURE__*/_react.default.createElement(_DataGridFilter.default, {
-    ref: /*#__PURE__*/_react.default.createRef(),
     handle: filterHandle,
     config: props.config,
     viewId: props.viewId,
@@ -889,7 +887,6 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
     }
   }, isFilterable() ? /*#__PURE__*/_react.default.createElement(_DataGridFilter.default, {
     handle: filterHandle,
-    ref: /*#__PURE__*/_react.default.createRef(),
     config: config,
     viewId: props.viewId,
     filterWrapperClass: props.filterWrapperClass,
@@ -897,7 +894,6 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
     onFilterSubmit: search,
     onRequestSort: handleRequestSort
   }) : null, /*#__PURE__*/_react.default.createElement(_DataGridHeading.default, {
-    ref: /*#__PURE__*/_react.default.createRef(),
     handle: headingHandle,
     config: config,
     numSelected: selected.length,
@@ -977,7 +973,6 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
         handle: createCellEditorHandle(column),
         viewId: props.viewId,
         editor: !props.disabled && !row.readOnly && !((_row$columnReadOnly = row.columnReadOnly) !== null && _row$columnReadOnly !== void 0 && _row$columnReadOnly[column === null || column === void 0 ? void 0 : column.id]) ? column.editor : null,
-        ref: /*#__PURE__*/_react.default.createRef(),
         refCallback: createCell,
         selected: isItemSelected,
         validator: column.validator,
@@ -1008,4 +1003,4 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
     onPageChange: handleChangePage,
     onRowsPerPageChange: handleChangeRowsPerPage
   })) : null) : null);
-}));
+});

package/dist/components/DataGridColumn.js

@@ -24,7 +24,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     textAlign: 'right !important'
   }
 }));
-const DataGridColumn = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridColumn = /*#__PURE__*/_react.default.memo(props => {
   const [config, setConfig] = _react.default.useState(props.config);
   const [label] = _react.default.useState(props.config.attributes['label']);
   const [postfix, setPostfix] = _react.default.useState('');
@@ -193,5 +193,5 @@ const DataGridColumn = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   }, label + postfix))), 'id' === config.id ? /*#__PURE__*/_react.default.createElement("span", {
     className: classes.visuallyHidden
   }, "sorted descending") : null));
-}));
+});
 var _default = exports.default = DataGridColumn;

package/dist/components/DataGridFilter.js

@@ -14,7 +14,7 @@ var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridFilter = /*#__PURE__*/_react.default.memo(props => {
   const {
     onFilterSubmit,
     config
@@ -206,7 +206,6 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   }, /*#__PURE__*/_react.default.createElement(_Form.default, {
     config: createTileGridFilter(config),
     handle: createFormHandle(),
-    ref: /*#__PURE__*/_react.default.createRef(),
     keyHandler: e => {
       if (e.key === 'Enter') {
         submitFilter();
@@ -254,7 +253,6 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     }, /*#__PURE__*/_react.default.createElement(_Form.default, {
       config: createFormConfig(column, column.id),
       handle: createFormHandle(),
-      ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       keyHandler: e => {
         if (e.key === 'Enter') {
@@ -284,7 +282,7 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
       onClick: submitFilter
     }, /*#__PURE__*/_react.default.createElement(_Search.default, null))) : null);
   })) : null;
-}));
+});
 function arePropsEqual(prev, next) {
   return prev.config === next.config && prev.scrollWidth === next.scrollWidth;
 }

package/dist/components/DataGridHeading.js

@@ -21,7 +21,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     overflow: 'inherit'
   }
 }));
-const DataGridHeading = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridHeading = /*#__PURE__*/_react.default.memo(props => {
   const classes = useStyles();
   const {
     onSelectAllClick,
@@ -74,12 +74,11 @@ const DataGridHeading = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
     key: columnCounter++,
     config: column,
     handle: createColumnHandle(),
-    ref: /*#__PURE__*/_react.default.createRef(),
     columns: props.config.columns,
     resizeHandler: props.resizeHandler,
     createSortHandler: createSortHandler
   })));
-}));
+});
 DataGridHeading.propTypes = {
   numSelected: _propTypes.default.number.isRequired,
   onRequestSort: _propTypes.default.func.isRequired,

package/dist/components/Dialog.js

@@ -12,7 +12,7 @@ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo(props => {
   const [layoutHandle] = _react.default.useState({});
   const [model] = _react.default.useState({});
   const [open, setOpen] = _react.default.useState(false);
@@ -120,7 +120,7 @@ const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_r
   }, !_Utils.default.isNull(title) ? /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
   }, title) : null, /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, render(props.config.layout))));
-}), () => {
+}, () => {
   return true;
 });
 var _default = exports.default = Dialog;

package/dist/components/DocumentViewer.js

@@ -18,7 +18,7 @@ var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _PDFDesignerComponent = _interopRequireDefault(require("./PDFDesignerComponent"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentViewer = /*#__PURE__*/_react.default.memo(props => {
   var _props$config$attribu2, _props$config$attribu3, _parsedConfig$attribu;
   const [loading, setLoading] = _react.default.useState(true);
   const [label, setLabel] = _react.default.useState(null);
@@ -196,5 +196,5 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     height: (_parsedConfig$attribu = parsedConfig.attributes) === null || _parsedConfig$attribu === void 0 ? void 0 : _parsedConfig$attribu.containerHeight,
     id: props.config.id
   })));
-}));
+});
 var _default = exports.default = DocumentViewer;

package/dist/components/HtmlPanel.js

@@ -27,7 +27,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;
-const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const HtmlPanel = /*#__PURE__*/_react.default.memo(props => {
   const [template, setTemplate] = _react.default.useState(null);
   const [content, setContent] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(false);
@@ -115,5 +115,5 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
   }, !_Utils.default.isNull(props.config) && content ? /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: content
   }) : null);
-}));
+});
 var _default = exports.default = HtmlPanel;

package/dist/components/PopupView.js

@@ -22,8 +22,10 @@ function PopupViewDialog(props) {
     dialogPaper: {
       minHeight: height,
       maxHeight: height,
+      height: height,
       minWidth: width,
-      maxWidth: width
+      maxWidth: width,
+      width: width
     }
   }));
   const classes = useStyles();

package/dist/components/Portlet.js

@@ -9,7 +9,7 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 require("./Portlet.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Portlet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Portlet = /*#__PURE__*/_react.default.memo(props => {
   var _props$config$attribu, _props$config$attribu2;
   const [url, setUrl] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(true);
@@ -75,5 +75,5 @@ const Portlet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
     allow: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.allow,
     id: props.config.id
   }));
-}));
+});
 var _default = exports.default = Portlet;

package/dist/components/ProgressTracker.js

@@ -28,7 +28,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;
-const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const HtmlPanel = /*#__PURE__*/_react.default.memo(props => {
   const [data, setData] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(false);
   _react.default.useEffect(() => {
@@ -148,5 +148,5 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
       }
     }))));
   })));
-}));
+});
 var _default = exports.default = HtmlPanel;

package/dist/components/SignaturePanel.js

@@ -13,7 +13,7 @@ var _AgilitySignaturePanel = _interopRequireDefault(require("./signatures/Agilit
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SignaturePanel = /*#__PURE__*/_react.default.memo(props => {
   const [config, setConfig] = _react.default.useState(null);
   const [value, setValue] = _react.default.useState(null);
   const [handle] = _react.default.useState({});
@@ -79,5 +79,5 @@ const SignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
       padding: '32px 0 32px 48px'
     }
   }, "Loading..."));
-}));
+});
 var _default = exports.default = SignaturePanel;

package/dist/components/Spinner.js

@@ -11,7 +11,7 @@ var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _LottieIcon = _interopRequireDefault(require("./LottieIcon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Spinner = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Spinner = /*#__PURE__*/_react.default.memo(props => {
   const [visible, setVisible] = _react.default.useState(true);
   _react.default.useEffect(() => {
     props.handle.api = api();
@@ -52,5 +52,5 @@ const Spinner = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
   }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement(_LottieIcon.default, {
     id: props.config.icon
   }) : null);
-}));
+});
 var _default = exports.default = Spinner;

package/dist/components/StepperTitleBar.js

@@ -27,7 +27,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     borderColor: theme.palette.secondary.main
   }
 }));
-const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const StepperTitleBar = /*#__PURE__*/_react.default.memo(props => {
   const [steps, setSteps] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(false);
   const [activeSegmentPercentage, setActiveSegmentPercentage] = _react.default.useState(null);
@@ -196,5 +196,5 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
       margin: "0 0 16px 0"
     }, props.config)
   }, !_Utils.default.isNull(steps) && !_Utils.default.isNull(activeSegmentPercentage) && !_Utils.default.isNull(currentIndex.current) ? render() : null) : null);
-}));
+});
 var _default = exports.default = StepperTitleBar;

package/dist/components/TabPage.js

@@ -31,7 +31,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     paddingLeft: "0px"
   }
 }));
-const TabPage = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TabPage = /*#__PURE__*/_react.default.memo(props => {
   const {
       children,
       value,
@@ -63,7 +63,7 @@ const TabPage = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
       height: '100%'
     }
   }, children)));
-}));
+});
 TabPage.propTypes = {
   children: _propTypes.default.node,
   index: _propTypes.default.any.isRequired,

package/dist/components/TabPanel.js

@@ -27,11 +27,12 @@ function a11yProps(index) {
     'aria-controls': "simple-tabpanel-".concat(index)
   };
 }
-const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TabPanel = /*#__PURE__*/_react.default.memo(props => {
   var _props$config, _props$config2, _props$config3, _props$config4;
   const [tabValue, setTabValue] = _react.default.useState(0);
   const [errors, setErrors] = _react.default.useState({});
   const [visibleTabPages, setVisibleTabPages] = _react.default.useState(null);
+  const loaded = _react.default.useRef(false);
   const [componentHandles] = _react.default.useState({});
   const handleTabChange = (event, newValue) => {
     setTabValue(newValue);
@@ -47,7 +48,23 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
   _react.default.useEffect(() => {
     props.handle.api = api();
   });
-  _react.default.useEffect(() => {
+  function setupVisiblePages() {
+    if (props.config.tabPages) {
+      let allVisibleTabPages = [];
+      for (const page of props.config.tabPages) {
+        if (_Utils.default.isNull(page.id)) {
+          page.id = index + '-tab-page';
+        }
+        let parsedConfig = _Utils.default.parseConfig(page, props.viewId);
+        let visible = _Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, page.id);
+        if (visible) {
+          allVisibleTabPages.push(page);
+        }
+      }
+      setVisibleTabPages(allVisibleTabPages);
+    }
+  }
+  function setup() {
     if (!_Utils.default.isNull(props.form)) {
       props.form().setContainerErrorHandler(containerErrors => {
         let shouldRefresh = false;
@@ -63,21 +80,18 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         }
       });
     }
-    if (props.config.tabPages) {
-      let allVisibleTabPages = [];
-      for (const page of props.config.tabPages) {
-        if (_Utils.default.isNull(page.id)) {
-          page.id = index + '-tab-page';
-        }
-        let parsedConfig = _Utils.default.parseConfig(page, props.viewId);
-        let visible = _Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, page.id);
-        if (visible) {
-          allVisibleTabPages.push(page);
-        }
-      }
-      setVisibleTabPages(allVisibleTabPages);
-    }
+
+    //setupVisiblePages();
+    loaded.current = true;
+  }
+  _react.default.useEffect(() => {
+    setup();
   }, []);
+  _react.default.useEffect(() => {
+    if (!visibleTabPages) {
+      setupVisiblePages();
+    }
+  }, [visibleTabPages]);
   function renderTabPageComponent(component, tabId, index) {
     if (_Utils.default.isNull(component.id)) {
       component.id = index + '-tab-content';
@@ -143,6 +157,11 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
       },
       clearErrors: () => {
         setErrors({});
+      },
+      refresh: () => {},
+      redraw: () => {
+        // Force re-render
+        setVisibleTabPages(null);
       }
     };
   };
@@ -202,16 +221,16 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
   }, visibleTabPages.map((page, index) => {
     var _page$attributes, _page$attributes2;
     return /*#__PURE__*/_react.default.createElement("div", {
+      key: index,
       style: {
         height: page !== null && page !== void 0 && (_page$attributes = page.attributes) !== null && _page$attributes !== void 0 && (_page$attributes = _page$attributes.style) !== null && _page$attributes !== void 0 && _page$attributes.height ? page === null || page === void 0 || (_page$attributes2 = page.attributes) === null || _page$attributes2 === void 0 || (_page$attributes2 = _page$attributes2.style) === null || _page$attributes2 === void 0 ? void 0 : _page$attributes2.height : '100%',
         display: tabValue === index ? null : 'none'
       }
     }, /*#__PURE__*/_react.default.createElement(_TabPage.default, {
       value: tabValue,
-      key: index,
       index: index,
       config: page
     }, renderPage(page, index)));
   })));
-}));
+});
 var _default = exports.default = TabPanel;

package/dist/components/TableCellContent.js

@@ -16,12 +16,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const TableCellContent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TableCellContent = /*#__PURE__*/_react.default.memo(props => {
   const [contentType] = _react.default.useState(props.contentType);
   const [refresher, setRefresher] = _react.default.useState(true);
   const [editor, setEditor] = _react.default.useState(null);
   const editorValue = _react.default.useRef(null);
   const escapeRegex = s => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const editingRef = _react.default.useRef(false);
   const formatter = new Intl.NumberFormat("en-ZA", {
     style: "currency",
     currency: "ZAR",
@@ -58,20 +59,13 @@ const TableCellContent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     }
   }
   const valueChangeHandler = value => {
+    editingRef.current = true;
     updateErrors(validate(value));
     props.valueChangeHandler(props.row.id, props.dataBinding, value);
   };
   _react.default.useEffect(() => {
-    if (!_Utils.default.isNull(ref.current)) {
-      props.refCallback(props.row, props.dataBinding, {
-        'api': api
-      });
-    }
-  }, [ref.current]);
-  _react.default.useEffect(() => {
-    if (props.editor && props.row) {
-      let value = _Utils.default.readNestedProperty(props.row, props.dataBinding);
-      editorValue.current = value;
+    if (!editingRef.current && props.editor && props.row) {
+      editorValue.current = _Utils.default.readNestedProperty(props.row, props.dataBinding);
     }
   }, [props.row, props.editor]);
   _react.default.useEffect(() => {
@@ -273,5 +267,5 @@ const TableCellContent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     }
   };
   return (!props.editor || props.editor && editor) && render();
-}));
+});
 var _default = exports.default = TableCellContent;

package/dist/components/TemplateDesigner.js

@@ -116,7 +116,7 @@ const json = response => {
 };
 const templateItemEventHandler = new _TemplateItemEventHandler.default();
 const location = window.location.protocol + '//' + window.location.hostname;
-const TemplateDesigner = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TemplateDesigner = /*#__PURE__*/_react.default.memo(props => {
   const classes = useStyles();
   const [loading, setLoading] = _react.default.useState(true);
   const [value, setValue] = _react.default.useState(null);
@@ -417,5 +417,5 @@ const TemplateDesigner = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     size: "medium",
     onClick: () => handleOk()
   }, "OK"))))));
-}));
+});
 var _default = exports.default = TemplateDesigner;

package/dist/components/TitleBar.js

@@ -11,7 +11,7 @@ var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TitleBar = /*#__PURE__*/_react.default.memo(props => {
   const [title, setTitle] = _react.default.useState('');
   _react.default.useLayoutEffect(() => {
     props.handle.api = api();
@@ -62,5 +62,5 @@ const TitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
   }, /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: title
   })));
-}));
+});
 var _default = exports.default = TitleBar;

package/dist/components/Tree.js

@@ -119,21 +119,39 @@ const Tree = props => {
   function loadData(eventConfig, componentConfig) {
     let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
     if (!_Utils.default.isNull(service)) {
-      (0, _RestService.invokeRpc)({
-        service: service,
-        component: props.handle,
-        viewId: props.viewId
-      }).then(result => {
-        try {
-          if (result) {
-            expand(result);
-            setRoot(result);
+      if (service.type === 'rpc') {
+        (0, _RestService.invokeRpc)({
+          service: service,
+          component: props.handle,
+          viewId: props.viewId
+        }).then(result => {
+          try {
+            if (result) {
+              expand(result);
+              setRoot(result);
+            }
+          } catch (e) {
+            props.console.error(e);
+            _Utils.default.publishErrorMessage(e, props.viewId);
           }
-        } catch (e) {
-          props.console.error(e);
-          _Utils.default.publishErrorMessage(e, props.viewId);
-        }
-      }).catch(e => {});
+        }).catch(e => {});
+      } else {
+        (0, _RestService.invokeRest)({
+          service: service,
+          component: props.handle,
+          viewId: props.viewId
+        }).then(result => {
+          try {
+            if (result) {
+              expand(result);
+              setRoot(result);
+            }
+          } catch (e) {
+            props.console.error(e);
+            _Utils.default.publishErrorMessage(e, props.viewId);
+          }
+        }).catch(e => {});
+      }
     } else if (!_Utils.default.isNull(componentConfig.value)) {
       let value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }

package/dist/components/WordDocumentViewer.css

@@ -4,4 +4,13 @@
 
 .e-control *:focus {
     scroll-margin: 0 !important;
+}
+
+.e-documenteditorcontainer,
+.e-documenteditor {
+    min-height: 0 !important;
+}
+
+.e-de-ctnr-toolbar {
+    max-height: 80px;
 }