@agilemotion/oui-react-js 1.1.0 → 1.2.0

package/dist/components/Toolbar.js

@@ -37,52 +37,56 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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,
-    height: '100%'
-  }
-}));
-const StyledToggleButtonGroup = (0, _core.withStyles)(theme => ({
-  grouped: {
-    margin: theme.spacing(0.5),
-    border: 'none',
-    padding: theme.spacing(0, 1),
-    '&:not(:first-child)': {
-      borderRadius: theme.shape.borderRadius
-    },
-    '&:first-child': {
-      borderRadius: theme.shape.borderRadius
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    spacer: {
+      borderLeft: '2px solid' + theme.palette.secondary.main,
+      height: '100%'
     }
-  }
-}))(_ToggleButtonGroup.default);
+  };
+});
+var StyledToggleButtonGroup = (0, _core.withStyles)(function (theme) {
+  return {
+    grouped: {
+      margin: theme.spacing(0.5),
+      border: 'none',
+      padding: theme.spacing(0, 1),
+      '&:not(:first-child)': {
+        borderRadius: theme.shape.borderRadius
+      },
+      '&:first-child': {
+        borderRadius: theme.shape.borderRadius
+      }
+    }
+  };
+})(_ToggleButtonGroup.default);
 
-const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
+var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
 
-  const _React$useState = _react.default.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 1),
-        itemHandles = _React$useState2[0];
+  var _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];
+  var _React$useState3 = _react.default.useState('left'),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      alignment = _React$useState4[0];
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        loadedComponents = _React$useState6[0];
+  var _React$useState5 = _react.default.useState([]),
+      _React$useState6 = _slicedToArray(_React$useState5, 1),
+      loadedComponents = _React$useState6[0];
 
-  const mutex = new _asyncMutex.Mutex();
-  let itemKeyCounter = 0;
-  let sectionKeyCounter = 0;
+  var mutex = new _asyncMutex.Mutex();
+  var itemKeyCounter = 0;
+  var sectionKeyCounter = 0;
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
 
     _Observable.default.addSubscriptions(props.config.eventHandlingConfig, props.handle, props.viewId);
@@ -91,7 +95,7 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   });
 
   function createItemHandle() {
-    let handle = {};
+    var handle = {};
     itemHandles.push(handle);
     return handle;
   }
@@ -127,98 +131,100 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       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;
-            }
+        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");
+              console.error("Toolbar without sections");
+              return _context.abrupt("return");
 
-          case 9:
-            _iterator = _createForOfIteratorHelper(props.config.sections);
-            _context.prev = 10;
+            case 9:
+              _iterator = _createForOfIteratorHelper(props.config.sections);
+              _context.prev = 10;
 
-            _iterator.s();
+              _iterator.s();
 
-          case 12:
-            if ((_step = _iterator.n()).done) {
-              _context.next = 21;
-              break;
-            }
+            case 12:
+              if ((_step = _iterator.n()).done) {
+                _context.next = 21;
+                break;
+              }
 
-            section = _step.value;
+              section = _step.value;
 
-            if (!(_Utils.default.isNull(section.items) || _Utils.default.isNull(section.items.length === 0))) {
-              _context.next = 17;
-              break;
-            }
+              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");
+              console.error("Toolbar section without items");
+              return _context.abrupt("return");
 
-          case 17:
-            _iterator2 = _createForOfIteratorHelper(section.items);
+            case 17:
+              _iterator2 = _createForOfIteratorHelper(section.items);
 
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                item = _step2.value;
+              try {
+                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                  item = _step2.value;
 
-                if (!loadedComponents.includes(item.id) && item.type !== 'toolbarSpacer') {
-                  allLoaded = false;
+                  if (!loadedComponents.includes(item.id) && item.type !== 'toolbarSpacer') {
+                    allLoaded = false;
+                  }
                 }
+              } catch (err) {
+                _iterator2.e(err);
+              } finally {
+                _iterator2.f();
               }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
 
-          case 19:
-            _context.next = 12;
-            break;
+            case 19:
+              _context.next = 12;
+              break;
 
-          case 21:
-            _context.next = 26;
-            break;
+            case 21:
+              _context.next = 26;
+              break;
 
-          case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](10);
+            case 23:
+              _context.prev = 23;
+              _context.t0 = _context["catch"](10);
 
-            _iterator.e(_context.t0);
+              _iterator.e(_context.t0);
 
-          case 26:
-            _context.prev = 26;
+            case 26:
+              _context.prev = 26;
 
-            _iterator.f();
+              _iterator.f();
 
-            return _context.finish(26);
+              return _context.finish(26);
 
-          case 29:
-            if (allLoaded === true) {
-              props.loadCompleteHandler(props.config.id);
-            }
+            case 29:
+              if (allLoaded === true) {
+                props.loadCompleteHandler(props.config.id);
+              }
 
-          case 30:
-            _context.prev = 30;
-            release();
-            return _context.finish(30);
+            case 30:
+              _context.prev = 30;
+              release();
+              return _context.finish(30);
 
-          case 33:
-          case "end":
-            return _context.stop();
+            case 33:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee, null, [[3,, 30, 33], [10, 23, 26, 29]]);
     }));
@@ -226,7 +232,7 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }
 
   function renderSection(section, counter) {
-    let itemCounter = 0;
+    var itemCounter = 0;
     return /*#__PURE__*/_react.default.createElement(StyledToggleButtonGroup, {
       size: "small",
       value: alignment,
@@ -235,7 +241,7 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       "aria-label": "text alignment"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "row"
-    }, section.items.map(item => {
+    }, section.items.map(function (item) {
       return /*#__PURE__*/_react.default.createElement("span", {
         style: {
           margin: '4px'
@@ -251,28 +257,28 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     })));
   }
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         // Toolbar
         return props.config.id;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return itemHandles;
       }
     };
   };
 
   function render(toolbar) {
-    let counter = 0;
+    var counter = 0;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "row",
       ref: ref,
       style: {
         padding: '0 0 8px 0'
       }
-    }, toolbar.sections.map(section => {
+    }, toolbar.sections.map(function (section) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "col-*-*",
         key: ++sectionKeyCounter
@@ -281,7 +287,7 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }
 
   function getBorderBottom() {
-    let border = _Utils.default.getComponentAttribute(props.config, 'border', null);
+    var border = _Utils.default.getComponentAttribute(props.config, 'border', null);
 
     if (border === 'none') {
       return 'none';

package/dist/components/Tooltip.js

@@ -17,33 +17,39 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const LightTooltip = (0, _styles.withStyles)(theme => ({
-  tooltip: {
-    backgroundColor: theme.palette.common.white,
-    color: 'rgba(0, 0, 0, 0.87)',
-    boxShadow: theme.shadows[1],
-    fontSize: 11
-  }
-}))(_Tooltip.default);
-const useStylesBootstrap = (0, _styles.makeStyles)(theme => ({
-  arrow: {
-    color: theme.palette.common.black
-  },
-  tooltip: {
-    backgroundColor: theme.palette.common.black
-  }
-}));
-const useStylesError = (0, _styles.makeStyles)(theme => ({
-  arrow: {
-    color: '#f44336'
-  },
-  tooltip: {
-    backgroundColor: '#f44336'
-  }
-}));
+var LightTooltip = (0, _styles.withStyles)(function (theme) {
+  return {
+    tooltip: {
+      backgroundColor: theme.palette.common.white,
+      color: 'rgba(0, 0, 0, 0.87)',
+      boxShadow: theme.shadows[1],
+      fontSize: 11
+    }
+  };
+})(_Tooltip.default);
+var useStylesBootstrap = (0, _styles.makeStyles)(function (theme) {
+  return {
+    arrow: {
+      color: theme.palette.common.black
+    },
+    tooltip: {
+      backgroundColor: theme.palette.common.black
+    }
+  };
+});
+var useStylesError = (0, _styles.makeStyles)(function (theme) {
+  return {
+    arrow: {
+      color: '#f44336'
+    },
+    tooltip: {
+      backgroundColor: '#f44336'
+    }
+  };
+});
 
 function BootstrapTooltip(props) {
-  const classes = useStylesBootstrap();
+  var classes = useStylesBootstrap();
   return /*#__PURE__*/_react.default.createElement(_Tooltip.default, _extends({
     arrow: true,
     classes: classes
@@ -51,22 +57,24 @@ function BootstrapTooltip(props) {
 }
 
 function ErrorTooltip(props) {
-  const classes = useStylesError();
+  var classes = useStylesError();
   return /*#__PURE__*/_react.default.createElement(_Tooltip.default, _extends({
     arrow: true,
     classes: classes
   }, props));
 }
 
-const HtmlTooltip = (0, _styles.withStyles)(theme => ({
-  tooltip: {
-    backgroundColor: '#f5f5f9',
-    color: 'rgba(0, 0, 0, 0.87)',
-    maxWidth: 220,
-    fontSize: theme.typography.pxToRem(12),
-    border: '1px solid #dadde9'
-  }
-}))(_Tooltip.default);
+var HtmlTooltip = (0, _styles.withStyles)(function (theme) {
+  return {
+    tooltip: {
+      backgroundColor: '#f5f5f9',
+      color: 'rgba(0, 0, 0, 0.87)',
+      maxWidth: 220,
+      fontSize: theme.typography.pxToRem(12),
+      border: '1px solid #dadde9'
+    }
+  };
+})(_Tooltip.default);
 
 function CustomTooltip(props) {
   return /*#__PURE__*/_react.default.createElement("div", null, props.type === 'LIGHT' ? /*#__PURE__*/_react.default.createElement(LightTooltip, {

package/dist/components/Tree.js

@@ -45,7 +45,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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; }
 
@@ -92,7 +92,7 @@ function CloseSquare(props) {
 }
 
 function TransitionComponent(props) {
-  const style = (0, _web.useSpring)({
+  var style = (0, _web.useSpring)({
     from: {
       opacity: 0,
       transform: 'translate3d(20px,0,0)'
@@ -113,21 +113,25 @@ TransitionComponent.propTypes = {
    */
   in: _propTypes.default.bool
 };
-const StyledTreeItem = (0, _styles.withStyles)(theme => ({
-  iconContainer: {
-    '& .close': {
-      opacity: 0.3
+var StyledTreeItem = (0, _styles.withStyles)(function (theme) {
+  return {
+    iconContainer: {
+      '& .close': {
+        opacity: 0.3
+      }
+    },
+    group: {
+      marginLeft: 7,
+      paddingLeft: 18,
+      borderLeft: "1px dashed ".concat((0, _styles.fade)(theme.palette.text.primary, 0.4))
     }
-  },
-  group: {
-    marginLeft: 7,
-    paddingLeft: 18,
-    borderLeft: "1px dashed ".concat((0, _styles.fade)(theme.palette.text.primary, 0.4))
-  }
-}))(props => /*#__PURE__*/_react.default.createElement(_TreeItem.default, _extends({}, props, {
-  TransitionComponent: TransitionComponent
-})));
-const useStyles = (0, _styles.makeStyles)({
+  };
+})(function (props) {
+  return /*#__PURE__*/_react.default.createElement(_TreeItem.default, _extends({}, props, {
+    TransitionComponent: TransitionComponent
+  }));
+});
+var useStyles = (0, _styles.makeStyles)({
   root: {
     height: 264,
     flexGrow: 1,
@@ -135,35 +139,35 @@ const useStyles = (0, _styles.makeStyles)({
   }
 });
 
-const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const classes = useStyles();
+var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var classes = useStyles();
 
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        root = _React$useState2[0],
-        setRoot = _React$useState2[1];
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      root = _React$useState2[0],
+      setRoot = _React$useState2[1];
 
-  const _React$useState3 = _react.default.useState([]),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        selectedRows = _React$useState4[0];
+  var _React$useState3 = _react.default.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      selectedRows = _React$useState4[0];
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        expanded = _React$useState6[0],
-        setExpanded = _React$useState6[1];
+  var _React$useState5 = _react.default.useState([]),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      expanded = _React$useState6[0],
+      setExpanded = _React$useState6[1];
 
-  const _React$useState7 = _react.default.useState(true),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        initializing = _React$useState8[0],
-        setInitializing = _React$useState8[1];
+  var _React$useState7 = _react.default.useState(true),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      initializing = _React$useState8[0],
+      setInitializing = _React$useState8[1];
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     props.handle.api = api();
 
     if (initializing) {
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, () => {
+      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, function () {
         return ref;
       }, props.viewId);
 
@@ -174,10 +178,10 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   });
 
   function loadData(eventConfig, componentConfig) {
-    let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
+    var service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
 
     if (!_Utils.default.isNull(service)) {
-      (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+      (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, function (result) {
         try {
           expand(result.data);
           setRoot(result.data);
@@ -187,25 +191,25 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
           _Utils.default.publishSystemErrorMessage(props.viewId);
         }
-      }, e => {
+      }, function (e) {
         props.console.error(e);
 
         _Utils.default.publishSystemErrorMessage(props.viewId);
-      }, parameter => {
+      }, function (parameter) {
         props.loadCompleteHandler(props.config.id);
       });
     } else if (!_Utils.default.isNull(componentConfig.value)) {
-      let value = _ApplicationContext.default.isExpression(componentConfig.value) ? _ApplicationContext.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
+      var value = _ApplicationContext.default.isExpression(componentConfig.value) ? _ApplicationContext.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }
   }
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!initializing) {
       loadData(null, props.config);
     }
   }, [initializing]);
 
-  const api = () => {
+  var api = function api() {
     return {
       get id() {
         return props.config.id;
@@ -216,7 +220,7 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       },
 
       get root() {
-        let rootReference = null;
+        var rootReference = null;
 
         if (!_Utils.default.isNull(root)) {
           rootReference = {};
@@ -233,38 +237,40 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         return rootReference;
       },
 
-      getChildren: () => {
+      getChildren: function getChildren() {
         return [];
       }
     };
   };
 
-  const handleSelectionChange = (id, name) => {
-    let node = {};
+  var handleSelectionChange = function handleSelectionChange(id, name) {
+    var node = {};
     node.id = id;
     node.label = name;
     selectedRows.splice(0, selectedRows.length);
     selectedRows.push(node);
-    let event = new _Event.default(props.handle, props.viewId);
+    var event = new _Event.default(props.handle, props.viewId);
 
     _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
   };
 
-  const render = item => {
+  var render = function render(item) {
     return /*#__PURE__*/_react.default.createElement(StyledTreeItem, {
       nodeId: item.map.id.toString(),
       label: item.map.name,
       key: item.map.id,
-      onLabelClick: e => e.preventDefault(),
-      onClick: () => {
+      onLabelClick: function onLabelClick(e) {
+        return e.preventDefault();
+      },
+      onClick: function onClick() {
         handleSelectionChange(item.map.id, item.map.name);
       }
-    }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(child => {
+    }, !_Utils.default.isNull(item.children) && item.children.length > 0 ? item.children.map(function (child) {
       return render(child);
     }) : null);
   };
 
-  const expand = item => {
+  var expand = function expand(item) {
     expanded.push("".concat(item.map.id));
 
     if (!_Utils.default.isNull(item.children)) {
@@ -273,7 +279,7 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const child = _step.value;
+          var child = _step.value;
           expand(child);
         }
       } catch (err) {