@bigbinary/neeto-molecules 1.1.16 → 1.1.17

package/dist/Sidebar/Links.js

@@ -1,112 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["label", "to", "icon", "items"],
-  _excluded2 = ["label", "to", "count", "dataCy"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useState } from "react";
-import classnames from "classnames";
-import { globalProps } from "@bigbinary/neeto-commons-frontend/initializers";
-import { isNotPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { Down } from "@bigbinary/neeto-icons";
-import { Typography } from "@bigbinary/neetoui";
-import { __, curry, includes, is, not } from "ramda";
-import { NavLink, useLocation } from "react-router-dom";
-import { isSubRouteActive } from "./utils";
-var Links = function Links(_ref) {
-  var navLinks = _ref.navLinks;
-  var location = useLocation();
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isActiveLinkExpanded = _useState2[0],
-    setIsActiveLinkExpanded = _useState2[1];
-  var filterByPermissions = curry(function (_ref2) {
-    var permissions = _ref2.permissions;
-    if (permissions) {
-      return is(Array, permissions) ? permissions.some(includes(__, globalProps.permissions)) : globalProps.permissions.includes(permissions);
-    }
-    return true;
-  });
-  var handleNavLinkClick = function handleNavLinkClick(event, isActive, items) {
-    if (isNotPresent(items)) return;
-    if (isActive()) {
-      setIsActiveLinkExpanded(not);
-      event.preventDefault();
-      return;
-    }
-    setIsActiveLinkExpanded(true);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable"
-  }, navLinks.filter(filterByPermissions).map(function (_ref3, mainIndex) {
-    var label = _ref3.label,
-      to = _ref3.to,
-      icon = _ref3.icon,
-      items = _ref3.items,
-      otherProps = _objectWithoutProperties(_ref3, _excluded);
-    var IconSVG = icon;
-    var url = new URL(to, window.location.href);
-    var isActive = function isActive() {
-      return is(Function, otherProps.isActive) ? otherProps.isActive() : location.pathname.startsWith(url.pathname);
-    };
-    var isMenuExpanded = isActive() && isActiveLinkExpanded;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: mainIndex
-    }, /*#__PURE__*/React.createElement(NavLink, _extends({
-      activeClassName: "active",
-      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link",
-      onClick: function onClick(event) {
-        return handleNavLinkClick(event, isActive, items);
-      }
-    }, _objectSpread({
-      isActive: isActive,
-      to: to
-    }, otherProps)), icon && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-molecules-sidebar__link-icon",
-      "data-testid": label
-    }, /*#__PURE__*/React.createElement(IconSVG, null)), /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-molecules-sidebar__link-label",
-      component: "span",
-      style: "body2",
-      weight: "normal"
-    }, label), items && /*#__PURE__*/React.createElement("span", {
-      className: classnames("neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret", {
-        "neeto-molecules-sidebar__link-icon--rotate": isMenuExpanded
-      })
-    }, /*#__PURE__*/React.createElement(Down, {
-      size: 16
-    }))), items && isMenuExpanded && /*#__PURE__*/React.createElement("div", {
-      className: "neeto-molecules-sidebar__sublink-wrapper",
-      "data-cy": "sidebar-sub-link-wrapper"
-    }, items.filter(filterByPermissions).map(function (_ref4, subIndex) {
-      var subLabel = _ref4.label,
-        subRoute = _ref4.to,
-        count = _ref4.count,
-        dataCy = _ref4.dataCy,
-        otherProps = _objectWithoutProperties(_ref4, _excluded2);
-      return /*#__PURE__*/React.createElement(NavLink, _extends({
-        activeClassName: "active",
-        className: "neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none",
-        "data-cy": "".concat(dataCy, "-sub-link"),
-        isActive: function isActive() {
-          return isSubRouteActive(subRoute, location);
-        },
-        key: subIndex,
-        to: subRoute
-      }, otherProps), /*#__PURE__*/React.createElement(Typography, {
-        className: "neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow",
-        component: "span",
-        "data-cy": "".concat(dataCy, "-sub-link-label"),
-        style: "body2"
-      }, subLabel), /*#__PURE__*/React.createElement(Typography, {
-        className: "neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0",
-        component: "span",
-        "data-cy": "".concat(dataCy, "-sub-link-count"),
-        style: "body2"
-      }, count > 999 ? "999+" : count));
-    })));
-  }));
-};
-export default Links;

package/dist/Sidebar/NavIconWrapper.js

@@ -1,20 +0,0 @@
-import React from "react";
-import { Tooltip } from "@bigbinary/neetoui";
-import FeaturedTooltip from "./FeaturedTooltip";
-var NavIconWrapper = function NavIconWrapper(_ref) {
-  var description = _ref.description,
-    label = _ref.label,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    className: "sidebar-featured-tooltip__content",
-    content: /*#__PURE__*/React.createElement(FeaturedTooltip, {
-      description: description,
-      label: label
-    }),
-    delay: [400, 40],
-    distance: "20rem",
-    duration: [200, 200],
-    position: "right"
-  }, children);
-};
-export default NavIconWrapper;

package/dist/Sidebar/ProfileSection/LinkSection.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onClick", "label", "icon"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from "react";
-import { Button } from "@bigbinary/neetoui";
-import "../sidebar.scss";
-var LinkSection = function LinkSection(_ref) {
-  var links = _ref.links;
-  return /*#__PURE__*/React.createElement("ul", {
-    className: "neeto-molecules-profile-sublist"
-  }, links.map(function (_ref2, idx) {
-    var onClick = _ref2.onClick,
-      label = _ref2.label,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement("li", {
-      className: "neeto-molecules-profile-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React.createElement(Button, _extends({
-      fullWidth: true,
-      className: "neeto-molecules-profile-sublist__item-btn",
-      iconPosition: "left",
-      iconSize: 18,
-      style: "text"
-    }, _objectSpread({
-      icon: icon,
-      label: label,
-      onClick: onClick
-    }, otherProps))));
-  }));
-};
-export default LinkSection;

package/dist/Sidebar/ProfileSection/ProfileMenu.js

@@ -1,48 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React from "react";
-import classnames from "classnames";
-import { truncate } from "@bigbinary/neeto-commons-frontend/pure";
-import { Avatar, Typography } from "@bigbinary/neetoui";
-import LinkSection from "./LinkSection";
-import "../sidebar.scss";
-var ProfileMenu = function ProfileMenu(_ref) {
-  var profileInfo = _ref.profileInfo,
-    extraTopLinks = _ref.extraTopLinks;
-  var name = profileInfo.name,
-    email = profileInfo.email,
-    topLinks = profileInfo.topLinks,
-    bottomLinks = profileInfo.bottomLinks,
-    customContent = profileInfo.customContent;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-molecules-profile-popup",
-    "data-cy": "profile-popup",
-    "data-testid": "profile-popup"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames("neeto-ui-relative neeto-ui-flex neeto-ui-items-center neeto-ui-p-3 neeto-ui-bg-primary-100 neeto-molecules-profile-popup__top-section")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "top-0 left-0"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    size: "large",
-    user: profileInfo
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-grow neeto-ui-min-w-0 neeto-ui-pl-3"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-m-0",
-    component: "h2",
-    lineHeight: "tight",
-    style: "h5",
-    title: name,
-    weight: "semibold"
-  }, truncate(name, 18)), email && /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-700",
-    lineHeight: "tight",
-    style: "body3"
-  }, email))), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-sidebar__profile-wrapper-custom-content"
-  }, customContent), topLinks && /*#__PURE__*/React.createElement(LinkSection, {
-    links: [].concat(_toConsumableArray(extraTopLinks), _toConsumableArray(topLinks))
-  }), bottomLinks && /*#__PURE__*/React.createElement(LinkSection, {
-    links: bottomLinks
-  }));
-};
-export default ProfileMenu;

package/dist/Sidebar/ProfileSection/index.js

@@ -1,42 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { forwardRef, useState } from "react";
-import { truncate } from "@bigbinary/neeto-commons-frontend/pure";
-import { useFetchNeetoApps } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Avatar, Typography, Spinner } from "@bigbinary/neetoui";
-import "../sidebar.scss";
-var ProfileSection = function ProfileSection(_ref, ref) {
-  var profileInfo = _ref.profileInfo;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    refetchNeetoApps = _useFetchNeetoApps.refetch,
-    isLoading = _useFetchNeetoApps.isLoading,
-    isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React.createElement("button", {
-    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none",
-    "data-cy": "profile-section",
-    "data-testid": "profile-section",
-    ref: ref,
-    onMouseEnter: function onMouseEnter() {
-      if (!hasHovered && isStale) {
-        refetchNeetoApps();
-        setHasHovered(true);
-      }
-    }
-  }, isLoading && hasHovered ? /*#__PURE__*/React.createElement("span", {
-    "data-testid": "profile-avatar-loader"
-  }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
-    className: "neeto-ui-flex-shrink-0 neeto-molecules-sidebar__profile-avatar",
-    "data-testid": "profile-avatar",
-    size: "small",
-    user: profileInfo
-  }), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, truncate(profileInfo.name, 18))));
-};
-export default /*#__PURE__*/forwardRef(ProfileSection);

package/dist/Sidebar/constants.js

@@ -1,40 +0,0 @@
-import { t } from "i18next";
-import { Book, Keyboard, Gift, ChatEmpty } from "@bigbinary/neeto-icons";
-import { toLower } from "ramda";
-export var MY_PROFILE_URL = "/auth/profile/edit";
-export var MY_ORGANIZATION_URL = "/auth/organization/edit";
-export var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
-export var PRODUCT_LOGO_WIDTH = 40;
-export var PRODUCT_LOGO_HEIGHT = 40;
-export var DEFAULT_HELP_LINK_PROPS = {
-  liveChatProps: {
-    label: t("neetoMolecules.sidebar.helpLinks.liveChat"),
-    icon: ChatEmpty,
-    "data-cy": "help-link-live-chat-button",
-    onClick: function onClick() {
-      var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
-      (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
-      (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
-    }
-  },
-  helpCenterProps: {
-    label: t("neetoMolecules.sidebar.helpLinks.helpArticles"),
-    icon: Book,
-    "data-cy": "help-link-help-center-button",
-    href: "https://help.".concat(toLower(globalProps.appName), ".com/"),
-    target: "_blank"
-  },
-  changelogProps: {
-    id: CHANGELOG_WIDGET_TRIGGER_ID,
-    label: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
-    icon: Gift,
-    "data-cy": "help-link-changelog-button"
-  },
-  keyboardShortcutProps: {
-    label: t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
-    icon: Keyboard,
-    "data-cy": "help-link-keyboard-shortcut-button"
-  }
-};
-export var QUERY_CACHE_KEY = "queryCache";
-export var NEETO_APPS_QUERY_KEY = "neeto-apps-list";

package/dist/Sidebar/index.js

@@ -1,94 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import classnames from "classnames";
-import { globalProps } from "@bigbinary/neeto-commons-frontend/initializers";
-import { useLocalStorage } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Button } from "@bigbinary/neetoui";
-import { not } from "ramda";
-import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router-dom";
-import AppSwitcher from "./AppSwitcher";
-import Chevron from "./Chevron";
-import Footer from "./Footer";
-import Header from "./Header";
-import Links from "./Links";
-import "./sidebar.scss";
-import { getSidebarStateLocalStorageKey } from "./utils";
-var Sidebar = function Sidebar(_ref) {
-  var navLinks = _ref.navLinks,
-    customLogo = _ref.customLogo,
-    _ref$profileInfoOverr = _ref.profileInfoOverrides,
-    profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
-    _ref$helpLinkOverride = _ref.helpLinkOverrides,
-    helpLinkOverrides = _ref$helpLinkOverride === void 0 ? {} : _ref$helpLinkOverride,
-    _ref$extraTopLinks = _ref.extraTopLinks,
-    extraTopLinks = _ref$extraTopLinks === void 0 ? [] : _ref$extraTopLinks,
-    _ref$showAppSwitcher = _ref.showAppSwitcher,
-    showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAppSwitcherOpen = _useState2[0],
-    setIsAppSwitcherOpen = _useState2[1];
-  var _useLocalStorage = useLocalStorage(getSidebarStateLocalStorageKey(), false),
-    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
-    isSidebarCollapsed = _useLocalStorage2[0],
-    setIsSidebarCollapsed = _useLocalStorage2[1];
-  var location = useLocation();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useEffect(function () {
-    isAppSwitcherOpen && setIsAppSwitcherOpen(false);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [location]);
-  var productName = globalProps.appName.substr(5).toLowerCase();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "sidebar-container",
-    className: classnames("neeto-molecules-sidebar__wrapper", {
-      "neeto-molecules-sidebar__wrapper--collapsed": isSidebarCollapsed
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-sidebar neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden",
-    "data-cy": "sidebar-wrapper",
-    "data-testid": "sidebar"
-  }, /*#__PURE__*/React.createElement(Header, {
-    customLogo: customLogo
-  }), /*#__PURE__*/React.createElement(Links, {
-    navLinks: navLinks
-  }), /*#__PURE__*/React.createElement(Footer, {
-    extraTopLinks: extraTopLinks,
-    helpLinkOverrides: helpLinkOverrides,
-    profileInfoOverrides: profileInfoOverrides,
-    showAppSwitcher: showAppSwitcher,
-    onAppSwitcherToggle: function onAppSwitcherToggle() {
-      return setIsAppSwitcherOpen(not);
-    }
-  })), isSidebarCollapsed && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-sidebar__toggler-hover-area"
-  }), /*#__PURE__*/React.createElement(Button, {
-    className: "neeto-molecules-sidebar__toggler",
-    "data-cy": "neeto-molecules-sidebar-toggler",
-    "data-testid": "sidebar-toggleButton",
-    style: "text",
-    icon: function icon() {
-      return /*#__PURE__*/React.createElement(Chevron, {
-        style: {
-          color: "rgb(var(--neeto-".concat(productName, "-primary))")
-        }
-      });
-    },
-    tooltipProps: {
-      content: isSidebarCollapsed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
-      position: "bottom"
-    },
-    onClick: function onClick() {
-      setIsSidebarCollapsed(!isSidebarCollapsed);
-    }
-  })), showAppSwitcher && /*#__PURE__*/React.createElement(AppSwitcher, {
-    isSidebarCollapsed: isSidebarCollapsed,
-    isOpen: isAppSwitcherOpen,
-    onClose: function onClose() {
-      return setIsAppSwitcherOpen(false);
-    }
-  }));
-};
-export default Sidebar;