@agilemotion/oui-react-js 1.3.8 → 1.3.9

package/dist/components/TemplateTable.js

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 const boundCheck = (pos, mousePos) => {
@@ -38,18 +32,8 @@ class TemplateTable {
       let tableHeight = tableConfig.defaultRowHeight * tableConfig.defaultNumRows;
       let tableWidth = 0;
 
-      var _iterator = _createForOfIteratorHelper(tableConfig.columns),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const column = _step.value;
-          tableWidth += column.defaultWidth;
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      for (const column of tableConfig.columns) {
+        tableWidth += column.defaultWidth;
       }
 
       let table = document.createElement("div");
@@ -124,18 +108,8 @@ class TemplateTable {
     let elements = this.currentResizeCol.parentElement.parentElement.getElementsByClassName("_item_table_col_".concat(index));
 
     if (elements && elements.length > 0) {
-      var _iterator2 = _createForOfIteratorHelper(elements),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          const element = _step2.value;
-          element.style.width = width + 'px';
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
+      for (const element of elements) {
+        element.style.width = width + 'px';
       }
     }
   }
@@ -147,18 +121,8 @@ class TemplateTable {
       let elements = this.currentResizeCol.parentElement.parentElement.getElementsByClassName("_item_table_col_".concat(index));
 
       if (elements && elements.length > 0) {
-        var _iterator3 = _createForOfIteratorHelper(elements),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            const element = _step3.value;
-            element.style.borderWidth = width;
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
+        for (const element of elements) {
+          element.style.borderWidth = width;
         }
       }
     }

package/dist/components/TitleBar.js

@@ -19,62 +19,45 @@ var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState = _react.default.useState(""),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        title = _React$useState2[0],
-        setTitle = _React$useState2[1];
+  const [title, setTitle] = _react.default.useState('');
 
-  const _React$useState3 = _react.default.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        initializing = _React$useState4[0],
-        setInitializing = _React$useState4[1];
+  _react.default.useLayoutEffect(() => {
+    props.handle.api = api();
+  }, []);
 
   _react.default.useEffect(() => {
-    if (initializing) {
-      props.handle.api = api();
-
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
-      let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
-      eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-
-      let titleValue = _Utils.default.getComponentAttribute(props.config, 'title', null);
-
-      if (_Utils.default.isNull(titleValue)) {
-        let subscription = {
-          publisher: "applicationContext",
-          eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
-          actions: [{
-            actionType: "script",
-            script: {
-              lines: ["if($event.data.name === 'title'){", "   let component = @#{".concat(props.config.id, "};"), "   if(component) {", "      component.title = $event.data.value", "   }", "}"]
-            }
-          }]
-        };
-        eventHandlingConfig.subscriptions.push(subscription);
-
-        _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
-      } else {
-        setTitle(titleValue);
-      }
+    props.handle.api = api();
+  });
 
-      props.loadCompleteHandler(props.config.id);
-      setInitializing(false);
+  _react.default.useEffect(() => {
+    console.log('TITLE BAR RENDERED : ' + props.config.id);
+
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+    let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+    eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
+
+    let titleValue = _Utils.default.getComponentAttribute(props.config, 'title', null);
+
+    if (_Utils.default.isNull(titleValue)) {
+      let subscription = {
+        publisher: 'applicationContext',
+        eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
+        actions: [{
+          actionType: 'script',
+          script: {
+            lines: ["if($event.data.name === 'title'){", "   let component = @#{".concat(props.config.id, "};"), "   if(component) {", "      component.title = $event.data.value", "   }", '}']
+          }
+        }]
+      };
+      eventHandlingConfig.subscriptions.push(subscription);
+
+      _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
+    } else {
+      setTitle(titleValue);
     }
-  });
+  }, []);
 
   const api = () => {
     return {
@@ -95,7 +78,7 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
-  }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '32px 0 4px 0',
       fontSize: '24px',
@@ -103,7 +86,7 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
   }, /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: "<p>".concat(title, "</p>")
-  })) : null);
+  })));
 }));
 
 var _default = TitleBar;

package/dist/components/Toolbar.js

@@ -21,28 +21,10 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _asyncMutex = require("async-mutex");
+var _Icon = _interopRequireDefault(require("./Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const useStyles = (0, _styles.makeStyles)(theme => ({
   spacer: {
     borderLeft: '2px solid' + theme.palette.secondary.main,
@@ -66,19 +48,10 @@ const StyledToggleButtonGroup = (0, _core.withStyles)(theme => ({
 const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 1),
-        itemHandles = _React$useState2[0];
-
-  const _React$useState3 = _react.default.useState('left'),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        alignment = _React$useState4[0];
+  const [itemHandles] = _react.default.useState([]);
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        loadedComponents = _React$useState6[0];
+  const [alignment] = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'alignment', 'left'));
 
-  const mutex = new _asyncMutex.Mutex();
   let itemKeyCounter = 0;
   let sectionKeyCounter = 0;
 
@@ -105,149 +78,46 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       config: item,
       handle: createItemHandle(),
       ref: /*#__PURE__*/_react.default.createRef(),
-      viewId: props.viewId,
-      loadCompleteHandler: loadCompleteHandler
+      viewId: props.viewId
     }) : item.type === 'button' ? /*#__PURE__*/_react.default.createElement(_Button.default, {
       config: item,
       handle: createItemHandle(),
       ref: /*#__PURE__*/_react.default.createRef(),
-      viewId: props.viewId,
-      loadCompleteHandler: loadCompleteHandler
+      viewId: props.viewId
     }) : item.type === 'toolbarSpacer' ? /*#__PURE__*/_react.default.createElement("div", {
       className: classes.spacer
-    }, "\xA0") : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported toolbar item type " + item.type);
-  }
-
-  function loadCompleteHandler(_x) {
-    return _loadCompleteHandler.apply(this, arguments);
-  }
-
-  function _loadCompleteHandler() {
-    _loadCompleteHandler = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(id) {
-      var release, allLoaded, _iterator, _step, section, _iterator2, _step2, item;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return mutex.acquire();
-
-          case 2:
-            release = _context.sent;
-            _context.prev = 3;
-            loadedComponents.push(id);
-            allLoaded = true;
-
-            if (!(_Utils.default.isNull(props.config.sections) || _Utils.default.isNull(props.config.sections.length === 0))) {
-              _context.next = 9;
-              break;
-            }
-
-            console.error("Toolbar without sections");
-            return _context.abrupt("return");
-
-          case 9:
-            _iterator = _createForOfIteratorHelper(props.config.sections);
-            _context.prev = 10;
-
-            _iterator.s();
-
-          case 12:
-            if ((_step = _iterator.n()).done) {
-              _context.next = 21;
-              break;
-            }
-
-            section = _step.value;
-
-            if (!(_Utils.default.isNull(section.items) || _Utils.default.isNull(section.items.length === 0))) {
-              _context.next = 17;
-              break;
-            }
-
-            console.error("Toolbar section without items");
-            return _context.abrupt("return");
-
-          case 17:
-            _iterator2 = _createForOfIteratorHelper(section.items);
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                item = _step2.value;
-
-                if (!loadedComponents.includes(item.id) && item.type !== 'toolbarSpacer') {
-                  allLoaded = false;
-                }
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-
-          case 19:
-            _context.next = 12;
-            break;
-
-          case 21:
-            _context.next = 26;
-            break;
-
-          case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](10);
-
-            _iterator.e(_context.t0);
-
-          case 26:
-            _context.prev = 26;
-
-            _iterator.f();
-
-            return _context.finish(26);
-
-          case 29:
-            if (allLoaded === true) {
-              props.loadCompleteHandler(props.config.id);
-            }
-
-          case 30:
-            _context.prev = 30;
-            release();
-            return _context.finish(30);
-
-          case 33:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[3,, 30, 33], [10, 23, 26, 29]]);
-    }));
-    return _loadCompleteHandler.apply(this, arguments);
+    }, "\xA0") : item.type === 'icon' ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      id: _Utils.default.getComponentAttribute(item, 'iconId', null)
+    }) : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported toolbar item type " + item.type);
   }
 
   function renderSection(section, counter) {
     let itemCounter = 0;
     return /*#__PURE__*/_react.default.createElement(StyledToggleButtonGroup, {
       size: "small",
-      value: alignment,
       exclusive: true,
       key: sectionKeyCounter++,
-      "aria-label": "text alignment"
+      "aria-label": "text alignment",
+      style: _Utils.default.mergeStyles({
+        minWidth: '128px',
+        height: '100%',
+        marginLeft: 0,
+        marginRight: 0
+      }, section)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "row"
-    }, section.items.map(item => {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        style: {
-          margin: '4px'
-        },
-        key: itemKeyCounter++
-      }, /*#__PURE__*/_react.default.createElement("div", {
+    }, section.items.map((item, index) => {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: 'col-*-*',
-        style: {
-          height: _Utils.default.getComponentAttribute(item, 'height', item.type === 'toolbarSpacer' ? '100%' : null),
-          minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '60px' : _Utils.default.getComponentAttribute(item, 'width', null)
-        }
-      }, renderItem(item, 'toolbar_item_' + counter + '_' + itemCounter++)));
+        key: index,
+        style: _Utils.default.mergeStyles({
+          height: item.type === 'toolbarSpacer' ? '100%' : null,
+          minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '60px' : null,
+          marginLeft: item.type === 'toolbarSpacer' ? '4px' : 0,
+          marginRight: 0,
+          marginTop: item.type === 'toolbarSpacer' ? '6px' : 0
+        }, item)
+      }, renderItem(item, 'toolbar_item_' + counter + '_' + itemCounter++));
     })));
   }
 
@@ -267,18 +137,12 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   function render(toolbar) {
     let counter = 0;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row",
-      ref: ref,
-      style: {
-        padding: '0 0 8px 0',
-        width: '100%',
-        textAlign: _Utils.default.getComponentAttribute(toolbar, 'align', null),
-        display: "inline-block"
-      }
-    }, toolbar.sections.map(section => {
+      className: "row no-margin no-padding",
+      ref: ref
+    }, toolbar.sections.map((section, index) => {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "col-*-*",
-        key: ++sectionKeyCounter,
+        className: "col no-margin no-padding",
+        key: index,
         style: {
           textAlign: section.halign ? section.halign.toLowerCase() : null
         }
@@ -286,21 +150,11 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }));
   }
 
-  function getBorderBottom() {
-    let border = _Utils.default.getComponentAttribute(props.config, 'border', null);
-
-    if (border === 'none') {
-      return 'none';
-    }
-
-    return _Utils.default.getComponentAttribute(props.config, 'borderBottom', '1px solid #e2e2e2');
-  }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: _Utils.default.mergeStyles({
-      borderBottom: getBorderBottom(),
-      margin: '0'
+      borderBottom: '1px solid #e2e2e2',
+      padding: '8px 0 16px 0'
     }, props.config)
   }, render(props.config));
 });

package/dist/components/Tree.js

@@ -37,20 +37,6 @@ var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _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; }
-
 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); }
 
 // web.cjs is required for IE 11 support
@@ -138,40 +124,31 @@ const useStyles = (0, _styles.makeStyles)({
 const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        root = _React$useState2[0],
-        setRoot = _React$useState2[1];
+  const [root, setRoot] = _react.default.useState(null);
 
-  const _React$useState3 = _react.default.useState([]),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        selectedRows = _React$useState4[0];
+  const [selectedRows] = _react.default.useState([]);
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        expanded = _React$useState6[0],
-        setExpanded = _React$useState6[1];
+  const [expanded, setExpanded] = _react.default.useState([]);
 
-  const _React$useState7 = _react.default.useState(true),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        initializing = _React$useState8[0],
-        setInitializing = _React$useState8[1];
+  const [initializing, setInitializing] = _react.default.useState(true);
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
 
   _react.default.useEffect(() => {
     props.handle.api = api();
 
-    if (initializing) {
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
-        return ref;
-      }, props.viewId);
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
+      return ref;
+    }, props.viewId);
 
-      _Observable.default.addSystemSubscriptions(parsedConfig);
+    _Observable.default.addSystemSubscriptions(parsedConfig);
 
-      setInitializing(false);
-    }
-  });
+    setInitializing(false);
+  }, []);
 
   function loadData(eventConfig, componentConfig) {
     let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
@@ -179,14 +156,12 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     if (!_Utils.default.isNull(service)) {
       (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
         try {
-          props.loadCompleteHandler(props.config.id);
-
           if (result.data) {
             expand(result.data);
             setRoot(result.data);
           }
         } catch (e) {
-          props.console.error(e);
+          console.error(e);
 
           _Utils.default.publishSystemErrorMessage(props.viewId);
         }
@@ -194,9 +169,7 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         props.console.error(e);
 
         _Utils.default.publishSystemErrorMessage(props.viewId);
-      }, parameter => {
-        props.loadCompleteHandler(props.config.id);
-      });
+      }, parameter => {});
     } else if (!_Utils.default.isNull(componentConfig.value)) {
       let value = _ApplicationContext.default.isExpression(componentConfig.value) ? _ApplicationContext.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }
@@ -224,9 +197,9 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         if (!_Utils.default.isNull(root)) {
           rootReference = {};
 
-          if (!_Utils.default.isNull(root.map)) {
-            rootReference.id = root.map.id;
-            rootReference.label = root.map.name;
+          if (!_Utils.default.isNull(root)) {
+            rootReference.id = root.id;
+            rootReference.label = root.name;
           } else {
             rootReference.id = root.id;
             rootReference.label = root.name;
@@ -255,12 +228,12 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
   const render = item => {
     return /*#__PURE__*/_react.default.createElement(StyledTreeItem, {
-      nodeId: item.map.id.toString(),
-      label: item.map.name,
-      key: item.map.id,
+      nodeId: item.id.toString(),
+      label: item.name,
+      key: item.id,
       onLabelClick: e => e.preventDefault(),
       onClick: () => {
-        handleSelectionChange(item.map.id, item.map.name);
+        handleSelectionChange(item.id, item.name);
       }
     }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(child => {
       return render(child);
@@ -268,21 +241,11 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
 
   const expand = item => {
-    expanded.push("".concat(item.map.id));
+    expanded.push("".concat(item.id));
 
     if (!_Utils.default.isNull(item.children)) {
-      var _iterator = _createForOfIteratorHelper(item.children),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const child = _step.value;
-          expand(child);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      for (const child of item.children) {
+        expand(child);
       }
     }
   };