@agilemotion/oui-react-js 1.6.1 → 1.6.3

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

@@ -1,447 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Utils = _interopRequireDefault(require("../../../../../Utils"));
-
-var _reactstrap = require("reactstrap");
-
-var _MenuLink = _interopRequireDefault(require("../../../../menu/MenuLink"));
-
-var _CardAvatar = _interopRequireDefault(require("../../../../card/CardAvatar"));
-
-var _core = require("@material-ui/core");
-
-var _RestUtils = require("../../../../../RestUtils");
-
-require("./Sidebar.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-let ps;
-const TAB = 16;
-
-class Sidebar extends _react.default.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "getViews", (menus, level) => {
-      let newViews = [];
-
-      for (let i = 0; i < menus.length; i++) {
-        let createView = {};
-        createView.name = menus[i].attributes.label;
-        createView.id = menus[i].id;
-        createView.mini = 'SS';
-        createView.layout = '/admin';
-        createView.level = 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);
-      }
-
-      console.log('VIEWS : ', newViews, menus);
-      return newViews;
-    });
-
-    _defineProperty(this, "getItems", (items, level) => {
-      let newItems = [];
-
-      for (let i = 0; i < items.length; i++) {
-        let createItem = {};
-        createItem.name = items[i].attributes.label;
-        createItem.id = items[i].id;
-        createItem.mini = 'SS';
-        createItem.layout = '/admin';
-        createItem.item = items[i];
-        createItem.level = 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.map((prop, key) => {
-          if (prop.collapse) {
-            initialState = {
-              [prop.state]: this.getCollapseInitialState(prop.views),
-              ...this.getCollapseStates(prop.views),
-              ...initialState
-            };
-          }
-
-          return null;
-        });
-      }
-
-      return initialState;
-    });
-
-    _defineProperty(this, "getMenu", route => {
-      return new Promise(resolve => {
-        let 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 => {
-      return "li-" + prop.level;
-    });
-
-    _defineProperty(this, "createLinks", routes => {
-      const {
-        rtlActive,
-        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') {
-          var st = {};
-          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.getCollapseInitialState(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, _core.lighten)(secondaryThemeColor, .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) ? secondaryThemeColor : null,
-          backgroundColor: this.activeRoute(prop.id) ? (0, _core.lighten)(secondaryThemeColor, .9) : null,
-          name: prop.name,
-          id: prop.id,
-          level: prop.level,
-          tab: TAB,
-          color: this.activeRoute(prop.id) ? secondaryThemeColor : null
-        }), ' ');
-      });
-    });
-
-    _defineProperty(this, "activeRoute", routeName => {
-      // return this.props.location.pathname.indexOf(routeName) > -1 ? "active" : "";
-      return this.state.activeRouteMenu.id === routeName;
-    });
-
-    this.state = { ...this.getCollapseStates(props.routes),
-      isLoading: false,
-      error: false,
-      activeRouteMenu: {
-        id: 'dashboard',
-        name: 'Dashboard'
-      }
-    };
-  }
-
-  // this verifies if any of the collapses should be default opened on a rerender of this component
-  // for example, on the refresh of the page,
-  // while on the src/views/forms/RegularForms.js - route /admin/regular-forms
-  getCollapseInitialState(routes) {
-    if (!routes) {
-      return false;
-    }
-
-    for (let i = 0; i < routes.length; i++) {
-      if (!routes[i].views) {
-        return true;
-      }
-
-      if (routes[i].collapse && this.getCollapseInitialState(routes[i].views)) {
-        return true;
-      } else if (window.location.href.indexOf(routes[i].path) !== -1) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  componentDidMount() {
-    // if you are using a Windows Machine, the scrollbars will have a Mac look
-    if (navigator.platform.indexOf('Win') > -1) {
-      /*ps = new PerfectScrollbar(this.refs.sidebar, {
-          suppressScrollX: true,
-          suppressScrollY: false,
-      });*/
-    }
-
-    let service = {
-      url: '/ui/api/v1/menu/filter',
-      parameters: [{
-        value: this.props.routes,
-        httpParameterType: 'REQUEST_BODY'
-      }],
-      method: 'POST',
-      contentType: 'application/json'
-    };
-    (0, _RestUtils.invokeRest)(service, {
-      api: {
-        get id() {
-          return 'dashboard-sidebar';
-        }
-
-      }
-    }, 'dashboard-sidebar', result => {
-      this.setState({ ...this.state,
-        routes: result
-      });
-    }, e => {
-      console.error(e);
-    }, null);
-  }
-
-  componentWillUnmount() {
-    // we need to destroy the false scrollbar when we navigate
-    // to a page that doesn't have this component rendered
-    if (navigator.platform.indexOf('Win') > -1) {//ps.destroy();
-    }
-  }
-
-  render() {
-    const {
-      activeColor,
-      logo
-    } = this.props;
-    let logoImg = null;
-    let logoText = null;
-
-    if (!_Utils.default.isNull(logo)) {
-      logoImg = /*#__PURE__*/_react.default.createElement("a", {
-        href: logo.outterLink,
-        className: "logo-normal",
-        onClick: this.props.closeSidebar
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "logo-img",
-        style: {
-          paddingTop: '16px',
-          paddingBottom: '8px'
-        }
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        src: logo.imgSrc,
-        alt: "react-logo"
-      })), ' ');
-      logoText = /*#__PURE__*/_react.default.createElement("a", {
-        href: logo.outterLink,
-        className: "simple-text ",
-        onClick: this.props.closeSidebar
-      }, logo.text, ' ');
-    }
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: this.props.className,
-      data: activeColor,
-      style: {
-        overflow: 'auto',
-        maxHeight: '100vh'
-      }
-    }, /*#__PURE__*/_react.default.createElement("table", {
-      style: {
-        height: '96%',
-        maxHeight: '100%',
-        width: '100%'
-      }
-    }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-      style: {
-        height: '10%'
-      }
-    }, ' ', logoImg !== null ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "logo",
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        height: '100%'
-      }
-    }, ' ', logoImg, ' ') : null, ' ', !_Utils.default.isNull(this.props.heading) ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "logo",
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        height: '100%',
-        fontSize: '20px',
-        fontWeight: 600
-      }
-    }, this.props.heading) : null)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-      style: {
-        height: '70%'
-      },
-      valign: 'top'
-    }, this.state.routes && /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
-      style: {
-        margin: '8px',
-        padding: '16px'
-      },
-      className: 'nav-wrapper'
-    }, this.createLinks(this.state.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-      className: 'sidebar-app-logo-wrapper',
-      style: {
-        height: '10%'
-      },
-      valign: 'top'
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: 'sidebar-app-logo',
-      style: {
-        justifyContent: 'center',
-        height: '92px'
-      }
-    }, !_Utils.default.isNull(this.props.appLogoPath) ? /*#__PURE__*/_react.default.createElement("div", {
-      className: 'product-logo',
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
-      plain: true
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: this.props.appLogoPath,
-      alt: "..."
-    }))) : null, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginTop: '8px'
-      }
-    }, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", ' ')))))));
-  }
-
-}
-
-Sidebar.propTypes = {
-  activeColor: _propTypes.default.oneOf(['primary', 'blue', 'green', 'orange', 'red', 'agility']),
-  secondaryThemeColor: _propTypes.default.string.isRequired,
-  rtlActive: _propTypes.default.bool,
-  routes: _propTypes.default.array.isRequired,
-  logo: _propTypes.default.oneOfType([_propTypes.default.shape({
-    innerLink: _propTypes.default.string.isRequired,
-    imgSrc: _propTypes.default.string.isRequired,
-    text: _propTypes.default.string.isRequired
-  }), _propTypes.default.shape({
-    outterLink: _propTypes.default.string.isRequired,
-    imgSrc: _propTypes.default.string.isRequired,
-    text: _propTypes.default.string.isRequired
-  })]),
-  // this is used on responsive to close the sidebar on route navigation
-  closeSidebar: _propTypes.default.func
-};
-var _default = Sidebar;
-exports.default = _default;