@agilemotion/oui-react-js 1.8.55 → 1.8.57

package/dist/components/dashboard/components/blackDashboard/sidebar/FoldingTabSidebar.bck.js

@@ -14,14 +14,188 @@ var _material = require("@mui/material");
 var _RestUtils = require("../../../../../RestUtils");
 require("./FoldingTabSidebar.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*eslint-disable*/
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*eslint-disable*/
 const TAB = 16;
 class FoldingTabSidebar extends _react.default.Component {
   constructor(props) {
     super(props);
-    this.state = {
-      ...this.getCollapseStates(props.routes),
+    /* ----------------- menu building helpers ----------------- */
+    _defineProperty(this, "getViews", (menus, level) => {
+      const newViews = [];
+      for (let i = 0; i < menus.length; i++) {
+        const createView = {
+          name: menus[i].attributes.label,
+          id: menus[i].id,
+          mini: 'SS',
+          layout: '/admin',
+          level
+        };
+        if (menus[i].subMenu) {
+          createView.collapse = true;
+          createView.state = menus[i].id + 'Collapse';
+          createView.views = this.getItems(menus[i].subMenu.items, level + 1);
+        } else {
+          createView.item = menus[i];
+        }
+        newViews.push(createView);
+      }
+      return newViews;
+    });
+    _defineProperty(this, "getItems", (items, level) => {
+      const newItems = [];
+      for (let i = 0; i < items.length; i++) {
+        const createItem = {
+          name: items[i].attributes.label,
+          id: items[i].id,
+          mini: 'SS',
+          layout: '/admin',
+          item: items[i],
+          level
+        };
+        if (!_Utils.default.isNull(items[i].subMenu)) {
+          createItem.collapse = true;
+          createItem.state = items[i].id + 'SubMenuCollapse';
+          createItem.views = this.getItems(items[i].subMenu.items, level + 1);
+        }
+        newItems.push(createItem);
+      }
+      return newItems;
+    });
+    _defineProperty(this, "getCollapseStates", routes => {
+      let initialState = {};
+      if (routes) {
+        routes.forEach(prop => {
+          if (prop.collapse) {
+            initialState = _objectSpread(_objectSpread({
+              [prop.state]: this.getCollapseInitialState(prop.views)
+            }, this.getCollapseStates(prop.views)), initialState);
+          }
+        });
+      }
+      return initialState;
+    });
+    _defineProperty(this, "getMenu", route => new Promise(resolve => {
+      const service = {
+        url: '/ui/api/v1/menu/get',
+        parameters: [{
+          name: 'id',
+          value: route.menu,
+          httpParameterType: 'QUERY_PARAMETER'
+        }, {
+          name: 'version',
+          value: 1.0,
+          httpParameterType: 'QUERY_PARAMETER'
+        }],
+        contentType: 'application/json'
+      };
+      (0, _RestUtils.invokeRest)(service, {
+        api: {
+          get id() {
+            return 'dashboard-sidebar';
+          }
+        }
+      }, 'dashboard-sidebar', result => resolve(this.getViews(result.menus, route.level + 1)), e => {
+        console.error(e);
+        resolve(null);
+      }, null);
+    }));
+    _defineProperty(this, "getLiClassName", prop => 'li-' + prop.level);
+    /* ----------------- link rendering ----------------- */
+    _defineProperty(this, "createLinks", routes => {
+      const {
+        secondaryThemeColor
+      } = this.props;
+      return routes.map((prop, key) => {
+        if (prop.redirect) return null;
+        if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard' && prop.name !== 'My Work Items') {
+          const st = {
+            [prop.state]: !this.state[prop.state]
+          };
+          return /*#__PURE__*/_react.default.createElement("li", {
+            className: prop.collapse ? this.getCollapseInitialState(prop.views) + '-' + prop.level ? 'active ' + this.getLiClassName(prop) : this.getLiClassName(prop) : this.getLiClassName(prop),
+            key: key
+          }, /*#__PURE__*/_react.default.createElement("a", {
+            href: "#pablo",
+            className: 'li-link-' + prop.level,
+            "data-toggle": "collapse",
+            style: {
+              marginLeft: (prop.level + 1) * TAB + 'px'
+            },
+            "aria-expanded": this.state[prop.state],
+            onClick: e => {
+              if (!prop.views) {
+                this.getMenu(prop).then(views => {
+                  if (views) {
+                    prop.views = views;
+                    this.setState(st);
+                  }
+                });
+              } else {
+                this.setState(st);
+              }
+              e.preventDefault();
+            }
+          }, prop.icon !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
+            className: prop.icon,
+            style: {
+              width: '28px'
+            }
+          }), ' ', /*#__PURE__*/_react.default.createElement("span", null, prop.name, " ", prop.collapse ? /*#__PURE__*/_react.default.createElement("span", {
+            className: "caret",
+            style: {
+              marginTop: 0
+            }
+          }) : null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+            className: "sidebar-normal",
+            style: {
+              paddingLeft: '4px'
+            }
+          }, prop.name, " ", /*#__PURE__*/_react.default.createElement("b", {
+            className: "caret"
+          })))), prop.collapse && prop.views ? /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
+            isOpen: this.state[prop.state]
+          }, /*#__PURE__*/_react.default.createElement("ul", {
+            className: "nav"
+          }, this.createLinks(prop.views))) : null);
+        }
+        return /*#__PURE__*/_react.default.createElement("li", {
+          className: "".concat('menu-link-li' + (this.activeRoute(prop.id) ? '-active' : '') + (prop.name === 'Dashboard' ? ' dashboard-link' : '')),
+          key: key,
+          style: this.activeRoute(prop.id) ? {
+            backgroundColor: (0, _material.lighten)(secondaryThemeColor, 0.9),
+            borderRadius: '16px',
+            color: secondaryThemeColor,
+            fontWeight: 500
+          } : {}
+        }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
+          config: prop.item,
+          clickCallback: prop.name === 'Dashboard' ? item => {
+            this.props.dashboardLauncher();
+            this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
+              activeRouteMenu: item
+            }));
+          } : item => this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
+            activeRouteMenu: item
+          })),
+          autoClick: prop.name === 'My Work Items' || prop.item && prop.item.defaultItem,
+          viewId: "menuBar",
+          icon: prop.icon,
+          iconColor: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && this.activeRoute(prop.id) ? this.props.secondaryThemeColor : null,
+          backgroundColor: this.activeRoute(prop.id) ? (0, _material.lighten)(this.props.secondaryThemeColor, 0.9) : null,
+          name: prop.name,
+          id: prop.id,
+          level: prop.level,
+          tab: TAB,
+          color: this.activeRoute(prop.id) ? this.props.secondaryThemeColor : null
+        }));
+      });
+    });
+    _defineProperty(this, "activeRoute", routeName => this.state.activeRouteMenu.id === routeName);
+    this.state = _objectSpread(_objectSpread({}, this.getCollapseStates(props.routes)), {}, {
       isLoading: false,
       error: false,
       routes: undefined,
@@ -29,66 +203,8 @@ class FoldingTabSidebar extends _react.default.Component {
         id: 'dashboard',
         name: 'Dashboard'
       }
-    };
+    });
   }
-
-  /* ----------------- menu building helpers ----------------- */
-  getViews = (menus, level) => {
-    const newViews = [];
-    for (let i = 0; i < menus.length; i++) {
-      const createView = {
-        name: menus[i].attributes.label,
-        id: menus[i].id,
-        mini: 'SS',
-        layout: '/admin',
-        level
-      };
-      if (menus[i].subMenu) {
-        createView.collapse = true;
-        createView.state = menus[i].id + 'Collapse';
-        createView.views = this.getItems(menus[i].subMenu.items, level + 1);
-      } else {
-        createView.item = menus[i];
-      }
-      newViews.push(createView);
-    }
-    return newViews;
-  };
-  getItems = (items, level) => {
-    const newItems = [];
-    for (let i = 0; i < items.length; i++) {
-      const createItem = {
-        name: items[i].attributes.label,
-        id: items[i].id,
-        mini: 'SS',
-        layout: '/admin',
-        item: items[i],
-        level
-      };
-      if (!_Utils.default.isNull(items[i].subMenu)) {
-        createItem.collapse = true;
-        createItem.state = items[i].id + 'SubMenuCollapse';
-        createItem.views = this.getItems(items[i].subMenu.items, level + 1);
-      }
-      newItems.push(createItem);
-    }
-    return newItems;
-  };
-  getCollapseStates = routes => {
-    let initialState = {};
-    if (routes) {
-      routes.forEach(prop => {
-        if (prop.collapse) {
-          initialState = {
-            [prop.state]: this.getCollapseInitialState(prop.views),
-            ...this.getCollapseStates(prop.views),
-            ...initialState
-          };
-        }
-      });
-    }
-    return initialState;
-  };
   getCollapseInitialState(routes) {
     if (!routes) return false;
     for (let i = 0; i < routes.length; i++) {
@@ -101,127 +217,6 @@ class FoldingTabSidebar extends _react.default.Component {
     }
     return false;
   }
-  getMenu = route => new Promise(resolve => {
-    const service = {
-      url: '/ui/api/v1/menu/get',
-      parameters: [{
-        name: 'id',
-        value: route.menu,
-        httpParameterType: 'QUERY_PARAMETER'
-      }, {
-        name: 'version',
-        value: 1.0,
-        httpParameterType: 'QUERY_PARAMETER'
-      }],
-      contentType: 'application/json'
-    };
-    (0, _RestUtils.invokeRest)(service, {
-      api: {
-        get id() {
-          return 'dashboard-sidebar';
-        }
-      }
-    }, 'dashboard-sidebar', result => resolve(this.getViews(result.menus, route.level + 1)), e => {
-      console.error(e);
-      resolve(null);
-    }, null);
-  });
-  getLiClassName = prop => 'li-' + prop.level;
-
-  /* ----------------- link rendering ----------------- */
-  createLinks = routes => {
-    const {
-      secondaryThemeColor
-    } = this.props;
-    return routes.map((prop, key) => {
-      if (prop.redirect) return null;
-      if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard' && prop.name !== 'My Work Items') {
-        const st = {
-          [prop.state]: !this.state[prop.state]
-        };
-        return /*#__PURE__*/_react.default.createElement("li", {
-          className: prop.collapse ? this.getCollapseInitialState(prop.views) + '-' + prop.level ? 'active ' + this.getLiClassName(prop) : this.getLiClassName(prop) : this.getLiClassName(prop),
-          key: key
-        }, /*#__PURE__*/_react.default.createElement("a", {
-          href: "#pablo",
-          className: 'li-link-' + prop.level,
-          "data-toggle": "collapse",
-          style: {
-            marginLeft: (prop.level + 1) * TAB + 'px'
-          },
-          "aria-expanded": this.state[prop.state],
-          onClick: e => {
-            if (!prop.views) {
-              this.getMenu(prop).then(views => {
-                if (views) {
-                  prop.views = views;
-                  this.setState(st);
-                }
-              });
-            } else {
-              this.setState(st);
-            }
-            e.preventDefault();
-          }
-        }, prop.icon !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
-          className: prop.icon,
-          style: {
-            width: '28px'
-          }
-        }), ' ', /*#__PURE__*/_react.default.createElement("span", null, prop.name, " ", prop.collapse ? /*#__PURE__*/_react.default.createElement("span", {
-          className: "caret",
-          style: {
-            marginTop: 0
-          }
-        }) : null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-          className: "sidebar-normal",
-          style: {
-            paddingLeft: '4px'
-          }
-        }, prop.name, " ", /*#__PURE__*/_react.default.createElement("b", {
-          className: "caret"
-        })))), prop.collapse && prop.views ? /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
-          isOpen: this.state[prop.state]
-        }, /*#__PURE__*/_react.default.createElement("ul", {
-          className: "nav"
-        }, this.createLinks(prop.views))) : null);
-      }
-      return /*#__PURE__*/_react.default.createElement("li", {
-        className: `${'menu-link-li' + (this.activeRoute(prop.id) ? '-active' : '') + (prop.name === 'Dashboard' ? ' dashboard-link' : '')}`,
-        key: key,
-        style: this.activeRoute(prop.id) ? {
-          backgroundColor: (0, _material.lighten)(secondaryThemeColor, 0.9),
-          borderRadius: '16px',
-          color: secondaryThemeColor,
-          fontWeight: 500
-        } : {}
-      }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
-        config: prop.item,
-        clickCallback: prop.name === 'Dashboard' ? item => {
-          this.props.dashboardLauncher();
-          this.setState({
-            ...this.state,
-            activeRouteMenu: item
-          });
-        } : item => this.setState({
-          ...this.state,
-          activeRouteMenu: item
-        }),
-        autoClick: prop.name === 'My Work Items' || prop.item && prop.item.defaultItem,
-        viewId: "menuBar",
-        icon: prop.icon,
-        iconColor: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && this.activeRoute(prop.id) ? this.props.secondaryThemeColor : null,
-        backgroundColor: this.activeRoute(prop.id) ? (0, _material.lighten)(this.props.secondaryThemeColor, 0.9) : null,
-        name: prop.name,
-        id: prop.id,
-        level: prop.level,
-        tab: TAB,
-        color: this.activeRoute(prop.id) ? this.props.secondaryThemeColor : null
-      }));
-    });
-  };
-  activeRoute = routeName => this.state.activeRouteMenu.id === routeName;
-
   /* ----------------- lifecycle ----------------- */
   componentDidMount() {
     const service = {
@@ -239,10 +234,9 @@ class FoldingTabSidebar extends _react.default.Component {
           return 'dashboard-sidebar';
         }
       }
-    }, 'dashboard-sidebar', result => this.setState({
-      ...this.state,
+    }, 'dashboard-sidebar', result => this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
       routes: result
-    }), e => console.error(e), null);
+    })), e => console.error(e), null);
   }
   componentWillUnmount() {
     /* cleanup any custom scroll plugins if you add them */
@@ -273,7 +267,7 @@ class FoldingTabSidebar extends _react.default.Component {
       }));
     }
     return /*#__PURE__*/_react.default.createElement("aside", {
-      className: `${className || ''} sidebar`,
+      className: "".concat(className || '', " sidebar"),
       data: activeColor
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sidebar__top"

package/dist/components/dashboard/components/blackDashboard/sidebar/FoldingTabSidebar.js

@@ -13,8 +13,11 @@ var _RestUtils = require("../../../../../RestUtils");
 require("./FoldingTabSidebar.css");
 var _CardAvatar = _interopRequireDefault(require("../../../../card/CardAvatar"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable */
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable */
 const TAB = 16;
 function FoldingTabSidebar(props) {
   const {
@@ -79,11 +82,9 @@ function FoldingTabSidebar(props) {
     if (routes) {
       routes.forEach(prop => {
         if (prop.collapse) {
-          initialState = {
-            [prop.state]: getCollapseInitialState(prop.views),
-            ...getCollapseStates(prop.views),
-            ...initialState
-          };
+          initialState = _objectSpread(_objectSpread({
+            [prop.state]: getCollapseInitialState(prop.views)
+          }, getCollapseStates(prop.views)), initialState);
         }
       });
     }
@@ -173,8 +174,7 @@ function FoldingTabSidebar(props) {
           if (!open && isTopLevel && typeof onOpenDrawer === 'function') {
             onOpenDrawer();
           }
-          const toggle = () => setCollapseStates(prev => ({
-            ...prev,
+          const toggle = () => setCollapseStates(prev => _objectSpread(_objectSpread({}, prev), {}, {
             [prop.state]: !prev[prop.state]
           }));
           if (!prop.views) {
@@ -192,15 +192,14 @@ function FoldingTabSidebar(props) {
         const button = /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
           className: collapsibleClassName,
           onClick: handleClick,
-          sx: {
-            pl: indent,
-            ...(isActive ? {
-              backgroundColor: (0, _material.lighten)(secondaryThemeColor, 0.9),
-              borderRadius: '16px',
-              color: secondaryThemeColor,
-              fontWeight: 500
-            } : {})
-          }
+          sx: _objectSpread({
+            pl: indent
+          }, isActive ? {
+            backgroundColor: (0, _material.lighten)(secondaryThemeColor, 0.9),
+            borderRadius: '16px',
+            color: secondaryThemeColor,
+            fontWeight: 500
+          } : {})
         }, iconNode && /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
           sx: {
             minWidth: 0,
@@ -209,7 +208,7 @@ function FoldingTabSidebar(props) {
           }
         }, iconNode), open ? /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
           primary: /*#__PURE__*/_react.default.createElement("span", null, prop.name, ' ', prop.collapse && /*#__PURE__*/_react.default.createElement("span", {
-            className: `caret ${isOpen ? 'caret-open' : 'caret-closed'}`,
+            className: "caret ".concat(isOpen ? 'caret-open' : 'caret-closed'),
             style: {
               marginTop: 0
             }
@@ -239,18 +238,16 @@ function FoldingTabSidebar(props) {
       return /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
         key: key,
         className: prop.name === 'Dashboard' || prop.name === 'My Work Items' ? isActive ? 'dashboard-link-active' : 'dashboard-link' : leafClassName,
-        sx: {
+        sx: _objectSpread({
           justifyContent: open ? 'initial' : 'center',
           px: 2.5,
-          pl: indent,
-          // theme colors when active (like original)
-          ...(isActive ? {
-            backgroundColor: (0, _material.lighten)(secondaryThemeColor, 0.9),
-            borderRadius: '16px',
-            color: secondaryThemeColor,
-            fontWeight: 500
-          } : {})
-        }
+          pl: indent
+        }, isActive ? {
+          backgroundColor: (0, _material.lighten)(secondaryThemeColor, 0.9),
+          borderRadius: '16px',
+          color: secondaryThemeColor,
+          fontWeight: 500
+        } : {})
       }, iconNode && /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
         sx: {
           minWidth: 0,
@@ -347,7 +344,7 @@ function FoldingTabSidebar(props) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("aside", {
-    className: `sidebar ${!open ? 'sidebar--mini' : ''}`,
+    className: "sidebar ".concat(!open ? 'sidebar--mini' : ''),
     data: activeColor
   }, logoImg && /*#__PURE__*/_react.default.createElement("div", {
     className: "sidebar__top"

package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenuSidebar.js

@@ -17,12 +17,12 @@ var _Event = _interopRequireDefault(require("../../../../../event/Event"));
 var _Observable = _interopRequireDefault(require("../../../../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../../../../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*eslint-disable*/
-
-// javascript plugin used to create scrollbars on windows
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*eslint-disable*/ // javascript plugin used to create scrollbars on windows
 // reactstrap components
-
 let ps;
 const TAB = 16;
 const ModuleMenuSidebar = props => {
@@ -138,11 +138,9 @@ const ModuleMenuSidebar = props => {
     if (routes) {
       routes.map(prop => {
         if (prop.collapse) {
-          initialState = {
-            [prop.state]: getCollapseInitialState(prop.views),
-            ...getCollapseStates(prop.views),
-            ...initialState
-          };
+          initialState = _objectSpread(_objectSpread({
+            [prop.state]: getCollapseInitialState(prop.views)
+          }, getCollapseStates(prop.views)), initialState);
         }
         return null;
       });
@@ -215,7 +213,7 @@ const ModuleMenuSidebar = props => {
         style: {
           backgroundColor: isActiveModule(module.name) ? primaryThemeColor : (0, _material.lighten)(secondaryThemeColor, .1)
         },
-        className: `${isActiveModule(module.name) ? 'module-tab-selected' : 'module-tab'}`,
+        className: "".concat(isActiveModule(module.name) ? 'module-tab-selected' : 'module-tab'),
         onClick: e => {
           setActiveModule(module.name);
         }
@@ -293,7 +291,7 @@ const ModuleMenuSidebar = props => {
         }, " ", createLinks(prop.views), " "), ' ') : null);
       }
       return /*#__PURE__*/_react.default.createElement("li", {
-        className: `${'menu-link-li' + (isActiveRoute(prop.id) ? '-active' : '') + (prop.name === 'Dashboard' ? ' dashboard-link' : '')}`,
+        className: "".concat('menu-link-li' + (isActiveRoute(prop.id) ? '-active' : '') + (prop.name === 'Dashboard' ? ' dashboard-link' : '')),
         key: key,
         style: isActiveRoute(prop.id) ? {
           backgroundColor: (0, _material.lighten)(secondaryThemeColor, .9),
@@ -361,14 +359,14 @@ const ModuleMenuSidebar = props => {
       }, logo.text, ' ');
     }
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${props.className} module-menu-sidebar`,
+      className: "".concat(props.className, " module-menu-sidebar"),
       data: activeColor,
       style: {
         overflow: 'auto',
         maxHeight: '100vh'
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `row no-padding no-margin flex-nowrap w-100 h-100`
+      className: "row no-padding no-margin flex-nowrap w-100 h-100"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'h-100 module-menu-strip',
       style: {

package/dist/components/drag-spec-design.json

@@ -0,0 +1,15 @@
+{
+  "dragSpec": {
+    "row": {
+      "enabled": true,
+      "cursor": "grab",
+      "speed": 1,
+      "axis": "y",
+      "handle": "ROW",
+      "disabledWhen": "${row.readOnly === true}"
+    },
+    "cell": {
+      "enabled": false
+    }
+  }
+}