@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/Toolbar.js

@@ -37,56 +37,52 @@ 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; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    spacer: {
-      borderLeft: '2px solid' + theme.palette.secondary.main,
-      height: '100%'
-    }
-  };
-});
-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
-      }
+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
     }
-  };
-})(_ToggleButtonGroup.default);
+  }
+}))(_ToggleButtonGroup.default);
 
-var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var classes = useStyles();
+const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const classes = useStyles();
 
-  var _React$useState = _react.default.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      itemHandles = _React$useState2[0];
+  const _React$useState = _react.default.useState([]),
+        _React$useState2 = _slicedToArray(_React$useState, 1),
+        itemHandles = _React$useState2[0];
 
-  var _React$useState3 = _react.default.useState('left'),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      alignment = _React$useState4[0];
+  const _React$useState3 = _react.default.useState('left'),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        alignment = _React$useState4[0];
 
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      loadedComponents = _React$useState6[0];
+  const _React$useState5 = _react.default.useState([]),
+        _React$useState6 = _slicedToArray(_React$useState5, 1),
+        loadedComponents = _React$useState6[0];
 
-  var mutex = new _asyncMutex.Mutex();
-  var itemKeyCounter = 0;
-  var sectionKeyCounter = 0;
+  const mutex = new _asyncMutex.Mutex();
+  let itemKeyCounter = 0;
+  let sectionKeyCounter = 0;
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
 
     _Observable.default.addSubscriptions(props.config.eventHandlingConfig, props.handle, props.viewId);
@@ -95,7 +91,7 @@ var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
 
   function createItemHandle() {
-    var handle = {};
+    let handle = {};
     itemHandles.push(handle);
     return handle;
   }
@@ -131,100 +127,98 @@ var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (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]]);
     }));
@@ -232,7 +226,7 @@ var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
 
   function renderSection(section, counter) {
-    var itemCounter = 0;
+    let itemCounter = 0;
     return /*#__PURE__*/_react.default.createElement(StyledToggleButtonGroup, {
       size: "small",
       value: alignment,
@@ -241,7 +235,7 @@ var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       "aria-label": "text alignment"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "row"
-    }, section.items.map(function (item) {
+    }, section.items.map(item => {
       return /*#__PURE__*/_react.default.createElement("span", {
         style: {
           margin: '4px'
@@ -257,28 +251,28 @@ var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     })));
   }
 
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         // Toolbar
         return props.config.id;
       },
 
-      getChildren: function getChildren() {
+      getChildren: () => {
         return itemHandles;
       }
     };
   };
 
   function render(toolbar) {
-    var counter = 0;
+    let counter = 0;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "row",
       ref: ref,
       style: {
         padding: '0 0 8px 0'
       }
-    }, toolbar.sections.map(function (section) {
+    }, toolbar.sections.map(section => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "col-*-*",
         key: ++sectionKeyCounter
@@ -287,7 +281,7 @@ var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
 
   function getBorderBottom() {
-    var border = _Utils.default.getComponentAttribute(props.config, 'border', null);
+    let border = _Utils.default.getComponentAttribute(props.config, 'border', null);
 
     if (border === 'none') {
       return 'none';

package/dist/components/Tooltip.js

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