@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/menu/CollapsibleMenu.js

@@ -19,23 +19,23 @@ 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 CollapsibleMenu = function CollapsibleMenu(props) {
-  var _React$useState = _react.default.useState(""),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentMenuName = _React$useState2[0],
-      setCurrentMenuName = _React$useState2[1];
+const CollapsibleMenu = props => {
+  const _React$useState = _react.default.useState(""),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        currentMenuName = _React$useState2[0],
+        setCurrentMenuName = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      collapse = _React$useState4[0];
+  const _React$useState3 = _react.default.useState(true),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        collapse = _React$useState4[0];
 
-  var styles = {
+  const styles = {
     wrapper: {
       border: '1px solid red',
       width: '100%',
@@ -43,27 +43,25 @@ var CollapsibleMenu = function CollapsibleMenu(props) {
     }
   };
 
-  var selectionChangeHandler = function selectionChangeHandler(module) {
+  const selectionChangeHandler = module => {
     setCurrentMenuName(module);
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", null, props.modules.map(function (module, index) {
-    return /*#__PURE__*/_react.default.createElement(_CollapsiblePanel.default, {
-      key: module.name,
-      title: module.label,
-      collapse: collapse,
-      icon: module.icon
-    }, /*#__PURE__*/_react.default.createElement(_MenuBars.CollapsibleMenuBar, {
-      name: module.name,
-      config: module.menuBar,
-      mode: "drop",
-      activeMenu: currentMenuName,
-      autoSelectDefault: false,
-      optionSelectHandler: function optionSelectHandler(module) {
-        selectionChangeHandler(module);
-      }
-    }));
-  }));
+  return /*#__PURE__*/_react.default.createElement("div", null, props.modules.map((module, index) => /*#__PURE__*/_react.default.createElement(_CollapsiblePanel.default, {
+    key: module.name,
+    title: module.label,
+    collapse: collapse,
+    icon: module.icon
+  }, /*#__PURE__*/_react.default.createElement(_MenuBars.CollapsibleMenuBar, {
+    name: module.name,
+    config: module.menuBar,
+    mode: "drop",
+    activeMenu: currentMenuName,
+    autoSelectDefault: false,
+    optionSelectHandler: module => {
+      selectionChangeHandler(module);
+    }
+  }))));
 };
 
 var _default = CollapsibleMenu;

package/dist/components/menu/MenuBars.js

@@ -46,64 +46,62 @@ 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 {
-    // TODO: Merge these styles
-    expandable: {
-      borderTop: '1px solid white',
-      color: _colors.grey900,
-      fontSize: '14px',
-      paddingLeft: '20px',
-      '&:hover': {
-        color: theme.palette.secondary.main
-      }
-    },
-    listItem: {
-      borderTop: '1px solid white',
-      backgroundColor: _colors.grey200,
-      color: _colors.grey900,
-      fontSize: '14px',
-      paddingLeft: '28px',
-      '&:hover': {
-        color: theme.palette.secondary.main
-      }
-    },
-    listItemSelected: {
-      borderTop: '1px solid white',
-      backgroundColor: _colors.grey200,
-      color: theme.palette.secondary.main,
-      fontSize: '14px',
-      paddingLeft: '28px',
-      borderLeft: '2px solid' + theme.palette.secondary.main,
-      '&:hover': {
-        color: theme.palette.secondary.main
-      }
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  // TODO: Merge these styles
+  expandable: {
+    borderTop: '1px solid white',
+    color: _colors.grey900,
+    fontSize: '14px',
+    paddingLeft: '20px',
+    '&:hover': {
+      color: theme.palette.secondary.main
     }
-  };
-});
+  },
+  listItem: {
+    borderTop: '1px solid white',
+    backgroundColor: _colors.grey200,
+    color: _colors.grey900,
+    fontSize: '14px',
+    paddingLeft: '28px',
+    '&:hover': {
+      color: theme.palette.secondary.main
+    }
+  },
+  listItemSelected: {
+    borderTop: '1px solid white',
+    backgroundColor: _colors.grey200,
+    color: theme.palette.secondary.main,
+    fontSize: '14px',
+    paddingLeft: '28px',
+    borderLeft: '2px solid' + theme.palette.secondary.main,
+    '&:hover': {
+      color: theme.palette.secondary.main
+    }
+  }
+}));
 
 function CollapsibleMenuBar(props) {
-  var classes = useStyles();
+  const classes = useStyles();
 
-  var _React$useState = _react.default.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      selectedLink = _React$useState2[0],
-      setSelectedLink = _React$useState2[1];
+  const _React$useState = _react.default.useState(''),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        selectedLink = _React$useState2[0],
+        setSelectedLink = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState({}),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      itemExpansionStatuses = _React$useState4[0],
-      setItemExpansionStatuses = _React$useState4[1];
+  const _React$useState3 = _react.default.useState({}),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        itemExpansionStatuses = _React$useState4[0],
+        setItemExpansionStatuses = _React$useState4[1];
 
-  var defaultElement = _react.default.useRef(null);
+  const defaultElement = _react.default.useRef(null);
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (props.activeMenu !== props.name) {
       setSelectedLink(null);
     }
@@ -132,7 +130,7 @@ function CollapsibleMenuBar(props) {
   }
 
   function handler(children) {
-    return children.map(function (child) {
+    return children.map(child => {
       if (!child.items || child.items.length === 0) {
         return /*#__PURE__*/_react.default.createElement("div", {
           key: child.id
@@ -140,9 +138,7 @@ function CollapsibleMenuBar(props) {
           className: child.id === selectedLink ? classes.listItemSelected : classes.listItem,
           button: true,
           ref: child.default === true ? defaultElement : null,
-          onClick: function onClick() {
-            return selectLink(child.id);
-          },
+          onClick: () => selectLink(child.id),
           key: child.id
         }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
           config: child,
@@ -160,9 +156,7 @@ function CollapsibleMenuBar(props) {
       }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
         className: classes.expandable,
         button: true,
-        onClick: function onClick() {
-          return handleClick(child.id);
-        }
+        onClick: () => handleClick(child.id)
       }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
         primary: child.attributes['label']
       }), itemExpansionStatuses[child.id] === false ? /*#__PURE__*/_react.default.createElement(_ExpandLess.default, null) : /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null)), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
@@ -182,17 +176,17 @@ function CollapsibleMenuBar(props) {
 }
 
 function PopupMenuBar(props) {
-  var classes = useStyles();
+  const classes = useStyles();
 
-  var _React$useState5 = _react.default.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      children = _React$useState6[0],
-      setChildren = _React$useState6[1];
+  const _React$useState5 = _react.default.useState({}),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        children = _React$useState6[0],
+        setChildren = _React$useState6[1];
 
   function handleClick(item) {}
 
   function handler(children) {
-    return children.map(function (child) {
+    return children.map(child => {
       if (!child.items || child.items.length === 0) {
         return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
           mode: "cascaded",

package/dist/components/menu/MenuButton.js

@@ -41,65 +41,63 @@ 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 {
-    root: {
-      display: 'flex'
-    },
-    paper: {
-      marginRight: theme.spacing(2)
-    },
-    MuiButtonDefault: {
-      color: 'rgb(0, 0, 0, .38)'
-    },
-    MuiButtonWhite: {
-      color: '#fff'
-    },
-    wrapper: {
-      maxHeight: "32px",
-      minwidth: "60px",
-      zIndex: 2
-    }
-  };
-});
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    display: 'flex'
+  },
+  paper: {
+    marginRight: theme.spacing(2)
+  },
+  MuiButtonDefault: {
+    color: 'rgb(0, 0, 0, .38)'
+  },
+  MuiButtonWhite: {
+    color: '#fff'
+  },
+  wrapper: {
+    maxHeight: "32px",
+    minwidth: "60px",
+    zIndex: 2
+  }
+}));
 
-var MenuButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var classes = useStyles();
+const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const classes = useStyles();
 
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
+  const _React$useState = _react.default.useState(false),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        open = _React$useState2[0],
+        setOpen = _React$useState2[1];
 
-  var anchorRef = _react.default.useRef(null);
+  const anchorRef = _react.default.useRef(null);
 
-  var width = !_Utils.default.isNull(props.config.attributes['width']) ? parseInt(props.config.attributes['width'].toString().replace('px', '')) : null;
+  let width = !_Utils.default.isNull(props.config.attributes['width']) ? parseInt(props.config.attributes['width'].toString().replace('px', '')) : null;
 
-  var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      disabled = _React$useState4[0],
-      setDisabled = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(false),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        disabled = _React$useState4[0],
+        setDisabled = _React$useState4[1];
 
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      itemRefs = _React$useState6[0];
+  const _React$useState5 = _react.default.useState([]),
+        _React$useState6 = _slicedToArray(_React$useState5, 1),
+        itemRefs = _React$useState6[0];
 
-  var _React$useState7 = _react.default.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      config = _React$useState8[0],
-      setConfig = _React$useState8[1];
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        config = _React$useState8[0],
+        setConfig = _React$useState8[1];
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
 
     if (_Utils.default.isNull(config)) {
-      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
       setConfig(parsedConfig);
 
@@ -109,20 +107,18 @@ var MenuButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   });
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(config)) {
       // TODO : Synch with loading of the menu items of the menu button. This may cause some load scripts to fail
       props.loadCompleteHandler(config.id);
     }
   }, [config]);
 
-  var handleToggle = function handleToggle() {
-    setOpen(function (prevOpen) {
-      return !prevOpen;
-    });
+  const handleToggle = () => {
+    setOpen(prevOpen => !prevOpen);
   };
 
-  var handleClose = function handleClose(event) {
+  const handleClose = event => {
     if (anchorRef.current && anchorRef.current.contains(event.target)) {
       return;
     }
@@ -131,19 +127,19 @@ var MenuButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   function createItemRef() {
-    var ref = /*#__PURE__*/_react.default.createRef();
+    let ref = /*#__PURE__*/_react.default.createRef();
 
     itemRefs.push(ref);
     return ref;
   }
 
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
 
-      getChildren: function getChildren() {
+      getChildren: () => {
         return itemRefs;
       },
 
@@ -198,31 +194,28 @@ var MenuButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     keepMounted: true,
     transition: true,
     disablePortal: true
-  }, function (_ref) {
-    var TransitionProps = _ref.TransitionProps,
-        placement = _ref.placement;
-    return /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
-      style: {
-        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
-      }
-    }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
-      id: "menu-list-grow"
-    }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
-      onClickAway: handleClose
-    }, /*#__PURE__*/_react.default.createElement(_MenuList.default, {
-      style: {
-        background: "#ffffff",
-        opacity: "1"
-      }
-    }, props.config.menu.items.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        config: item,
-        viewId: props.viewId,
-        key: item.id,
-        ref: createItemRef()
-      });
-    })))));
-  })));
+  }, ({
+    TransitionProps,
+    placement
+  }) => /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
+    style: {
+      transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    id: "menu-list-grow"
+  }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+    onClickAway: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_MenuList.default, {
+    style: {
+      background: "#ffffff",
+      opacity: "1"
+    }
+  }, props.config.menu.items.map(item => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    config: item,
+    viewId: props.viewId,
+    key: item.id,
+    ref: createItemRef()
+  })))))))));
 });
 
 var _default = MenuButton;

package/dist/components/menu/MenuItem.js

@@ -27,27 +27,27 @@ 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 MenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState({}),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      handle = _React$useState2[0];
+const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState({}),
+        _React$useState2 = _slicedToArray(_React$useState, 1),
+        handle = _React$useState2[0];
 
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      initializing = _React$useState4[0],
-      setInitializing = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(true),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        initializing = _React$useState4[0],
+        setInitializing = _React$useState4[1];
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     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, handle, props.viewId);
 
@@ -55,13 +55,13 @@ var MenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   });
 
-  var handleClick = function handleClick(e) {
-    var event = new _Event.default(handle, props.viewId);
+  const handleClick = e => {
+    let event = new _Event.default(handle, props.viewId);
 
     _Observable.default.fireEvent(_EventType.default.CLICK, event);
   };
 
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
@@ -71,9 +71,7 @@ var MenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    onClick: function onClick(e) {
-      return handleClick(e);
-    },
+    onClick: e => handleClick(e),
     ref: ref,
     rightIcon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
     menuItems: props.menuItems

package/dist/components/menu/MenuLink.js

@@ -25,21 +25,21 @@ var _DashboardStore = require("../../redux/store/DashboardStore");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var MenuLink = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var dispatch = (0, _reactRedux.useDispatch)();
+const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
 
-  _react.default.useEffect(function () {
-    var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+  _react.default.useEffect(() => {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
     if (!_Utils.default.isNull(parsedConfig)) {
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, handle, props.viewId);
     }
   }, [props.config]);
 
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     e.preventDefault();
     dispatch(_DashboardStore.actionCreators.setActiveRoute(props.name));
-    var event = new _Event.default(handle, props.viewId);
+    let event = new _Event.default(handle, props.viewId);
 
     _Observable.default.fireEvent(_EventType.default.CLICK, event);
 
@@ -48,20 +48,18 @@ var MenuLink = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   };
 
-  var api = {
+  const api = {
     get id() {
       // MenuItem
       return !_Utils.default.isNull(props.config) ? props.config.id : null;
     }
 
   };
-  var handle = {
+  const handle = {
     "api": api
   };
   return /*#__PURE__*/_react.default.createElement("a", {
-    onClick: function onClick(e) {
-      return handleClick(e);
-    },
+    onClick: e => handleClick(e),
     ref: ref,
     style: {
       color: 'inherit',

package/dist/components/menu/PopupMenu.js

@@ -17,24 +17,20 @@ var _MenuBars = require("./MenuBars");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      width: '100%',
-      height: '100%'
-    }
-  };
-});
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    width: '100%',
+    height: '100%'
+  }
+}));
 
 function PopupMenu(props) {
-  var classes = useStyles();
-  var counter = 0;
+  const classes = useStyles();
+  let counter = 0;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.root
-  }, props.menus.map(function (menu) {
-    return /*#__PURE__*/_react.default.createElement(_MenuBars.PopupMenuBar, {
-      config: menu,
-      key: ++counter
-    });
-  }));
+  }, props.menus.map(menu => /*#__PURE__*/_react.default.createElement(_MenuBars.PopupMenuBar, {
+    config: menu,
+    key: ++counter
+  })));
 }