@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/Sidebar/AppSwitcher/appswitcher.scss

@@ -1,164 +0,0 @@
-.neeto-molecules-app-switcher__backdrop {
-  position: fixed;
-  z-index: 99998;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-
-  overflow: hidden;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-
-  transition: all 0.3s;
-  background-color: #1b1f23dd;
-  backdrop-filter: blur(2px);
-}
-
-.neeto-molecules-app-switcher__wrapper {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  background-color: rgb(var(--neeto-ui-white));
-  width: 100vw;
-  height: 100vh;
-  overflow-y: auto;
-  max-width: 100%;
-  padding: 40px;
-  position: relative;
-
-  backdrop-filter: blur(2px);
-  animation: nuifadeIn 0.3s ease-in;
-
-  transition: all 0.3s;
-
-  &--collapsed {
-    width: 100vw;
-  }
-}
-
-.neeto-molecules-app-switcher__grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
-  gap: 24px;
-}
-
-.neeto-molecules-app-switcher__header {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  gap: 16px;
-  margin-bottom: 32px;
-
-  h1 {
-    font-size: 40px;
-    line-height: var(--neeto-ui-leading-tight);
-    margin-top: -16px;
-  }
-}
-
-.neeto-molecules-app-switcher__close-btn {
-  position: absolute;
-  right: 12px;
-  top: 12px;
-}
-
-.neeto-molecules-app-switcher__search-wrapper {
-  width: 316px;
-}
-
-.neeto-molecules-app-switcher__body {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  font-size: var(--neeto-ui-text-sm);
-  margin-bottom: 24px;
-  gap: 12px;
-}
-
-.neeto-molecules-app-switcher-link {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--neeto-ui-rounded-lg);
-  background-color: rgb(var(--neeto-ui-gray-100));
-  border-width: 2px;
-  border-style: solid;
-  cursor: pointer;
-  border-color: rgb(var(--neeto-ui-gray-100));
-  text-decoration: none;
-  transition: background-color 0.3s ease-in-out;
-
-  display: flex;
-  align-items: center;
-  padding: 12px 16px;
-  gap: 12px;
-
-  &:focus,
-  &:focus-visible {
-    outline: none;
-  }
-
-  &:focus-visible {
-    background-color: rgb(var(--neeto-ui-gray-200));
-  }
-
-  &:not(.neeto-molecules-app-switcher-link--active):hover {
-    background-color: rgb(var(--neeto-ui-gray-200));
-  }
-}
-
-.neeto-molecules-app-switcher-link--active {
-  background: rgb(var(--neeto-ui-primary-100));
-  border-color: rgb(var(--neeto-ui-primary-600));
-}
-
-.neeto-molecules-app-switcher-link__icon-holder {
-  width: 42px;
-  height: 42px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--neeto-ui-rounded-lg);
-  flex-shrink: 0;
-}
-
-.neeto-molecules-app-switcher-link__content {
-  flex-grow: 1;
-
-  span {
-    display: block;
-  }
-}
-
-// CSS transition group
-
-.neeto-molecules-app-switcher-enter {
-  &.neeto-molecules-app-switcher__backdrop {
-    opacity: 0;
-    backdrop-filter: blur(2px);
-  }
-}
-.neeto-molecules-app-switcher-enter-active,
-.neeto-molecules-app-switcher-enter-done {
-  &.neeto-molecules-app-switcher__backdrop {
-    opacity: 1;
-    backdrop-filter: blur(2px);
-  }
-}
-.neeto-molecules-app-switcher-exit {
-  &.neeto-molecules-app-switcher__backdrop {
-    opacity: 1;
-    backdrop-filter: blur(2px);
-  }
-}
-.neeto-molecules-app-switcher-exit-active {
-  &.neeto-molecules-app-switcher__backdrop {
-    opacity: 0;
-    backdrop-filter: blur(2px);
-  }
-}

package/dist/Sidebar/AppSwitcher/index.js

@@ -1,47 +0,0 @@
-import React, { useRef } from "react";
-import classnames from "classnames";
-import { useHotKeys } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { CSSTransition } from "react-transition-group";
-import "./appswitcher.scss";
-import Backdrop from "./Backdrop";
-import Body from "./Body";
-import Portal from "./Portal";
-import { useOnClickOutside } from "./utils";
-var AppSwitcher = function AppSwitcher(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    isSidebarCollapsed = _ref.isSidebarCollapsed;
-  var paneWrapper = useRef(null);
-  var backdropRef = useRef(null);
-  useOnClickOutside(paneWrapper, backdropRef, onClose);
-  useHotKeys("esc", onClose, {
-    enabled: isOpen,
-    mode: "global"
-  });
-  return /*#__PURE__*/React.createElement(Portal, {
-    rootId: "neeto-ui-portal"
-  }, /*#__PURE__*/React.createElement(CSSTransition, {
-    appear: true,
-    unmountOnExit: true,
-    classNames: "neeto-molecules-app-switcher",
-    "in": isOpen,
-    timeout: 300
-  }, /*#__PURE__*/React.createElement(Backdrop, {
-    key: "switcher-backdrop",
-    ref: backdropRef,
-    className: classnames("neeto-molecules-app-switcher__backdrop", {
-      "neeto-molecules-app-switcher__backdrop--collapsed": isSidebarCollapsed
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-cy": "switcher-wrapper",
-    "data-testid": "switcher-wrapper",
-    key: "switcher-wrapper",
-    ref: paneWrapper,
-    className: classnames("neeto-molecules-app-switcher__wrapper", {
-      "neeto-molecules-app-switcher__wrapper--collapsed": isSidebarCollapsed
-    })
-  }, /*#__PURE__*/React.createElement(Body, {
-    onClose: onClose
-  })))));
-};
-export default AppSwitcher;

package/dist/Sidebar/AppSwitcher/utils.js

@@ -1,25 +0,0 @@
-import { useEffect } from "react";
-export var useOnClickOutside = function useOnClickOutside(insideRef, outsideRef, handler) {
-  useEffect(function () {
-    var listener = function listener(event) {
-      // Do nothing if clicking ref's element or descendent elements
-      if (!insideRef.current || insideRef.current.contains(event.target)) {
-        return;
-      }
-      if (outsideRef.current) {
-        // If Outside ref exists, trigger the handler if it contains the event target.
-        if (outsideRef.current.contains(event.target)) {
-          handler(event);
-        }
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return function () {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [insideRef, outsideRef, handler]);
-};

package/dist/Sidebar/Chevron.js

@@ -1,14 +0,0 @@
-import React from "react";
-var Chevron = function Chevron(_ref) {
-  var style = _ref.style;
-  return /*#__PURE__*/React.createElement("svg", {
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    style: style
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z",
-    fill: "currentColor"
-  }));
-};
-export default Chevron;

package/dist/Sidebar/FeaturedTooltip.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { Typography } from "@bigbinary/neetoui";
-var FeaturedTooltip = function FeaturedTooltip(_ref) {
-  var label = _ref.label,
-    description = _ref.description;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-col sidebar-featured-tooltip"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-center sidebar-featured-tooltip__title",
-    lineHeight: "tight",
-    style: "h5",
-    weight: "semibold"
-  }, label), description && /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-center neeto-ui-text-gray-400 sidebar-featured-tooltip__description",
-    lineHeight: "normal",
-    style: "body3"
-  }, description));
-};
-export default /*#__PURE__*/React.memo(FeaturedTooltip);

package/dist/Sidebar/Footer/AppSwitcherButton.js

@@ -1,48 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import { useFetchNeetoApps } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { AppSwitcher as NeetoUIAppSwitcherIcon } from "@bigbinary/neeto-icons";
-import { Typography, Spinner } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import "../sidebar.scss";
-var AppSwitcherButton = function AppSwitcherButton(_ref) {
-  var onAppSwitcherToggle = _ref.onAppSwitcherToggle;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data,
-    refetchNeetoApps = _useFetchNeetoApps.refetch,
-    isStale = _useFetchNeetoApps.isStale,
-    isLoading = _useFetchNeetoApps.isLoading;
-  var handleAppSwitcherToggle = function handleAppSwitcherToggle(event) {
-    if (!data) event.stopPropagation();else onAppSwitcherToggle();
-  };
-  return /*#__PURE__*/React.createElement("button", {
-    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--app-switcher neeto-molecules-sidebar__link--button neeto-ui-flex neeto-ui-w-full neeto-ui-select-none neeto-ui-items-center neeto-ui-justify-start neeto-ui-shadow-none",
-    "data-cy": "app-switcher-button",
-    "data-testid": "app-switcher-button",
-    onClick: handleAppSwitcherToggle,
-    onMouseEnter: function onMouseEnter() {
-      if (!hasHovered && isStale) {
-        refetchNeetoApps();
-        setHasHovered(true);
-      }
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center h-6 w-6"
-  }, hasHovered && isLoading ? /*#__PURE__*/React.createElement("span", {
-    "data-testid": "app-switcher-button-loader"
-  }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement(NeetoUIAppSwitcherIcon, {
-    size: 24
-  })), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, t("neetoMolecules.sidebar.productSwitcher")));
-};
-export default AppSwitcherButton;

package/dist/Sidebar/Footer/ProfileButton.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { useFetchNeetoApps } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Tooltip } from "@bigbinary/neetoui";
-import { getProfileInfo } from "./utils";
-import ProfileSection from "../ProfileSection";
-import ProfileMenu from "../ProfileSection/ProfileMenu";
-var ProfileButton = function ProfileButton(_ref) {
-  var extraTopLinks = _ref.extraTopLinks,
-    profileInfoOverrides = _ref.profileInfoOverrides;
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data;
-  var profileInfo = getProfileInfo(data === null || data === void 0 ? void 0 : data.isOwner, profileInfoOverrides);
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    interactive: true,
-    className: "neeto-molecules-profile-popup-wrapper",
-    content: /*#__PURE__*/React.createElement(ProfileMenu, {
-      extraTopLinks: extraTopLinks,
-      profileInfo: profileInfo
-    }),
-    disabled: !data,
-    hideOnClick: false,
-    interactiveDebounce: 20,
-    offset: [0, -70],
-    position: "right",
-    theme: "light"
-  }, /*#__PURE__*/React.createElement(ProfileSection, {
-    profileInfo: profileInfo
-  }));
-};
-export default ProfileButton;

package/dist/Sidebar/Footer/index.js

@@ -1,56 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import { Tooltip } from "@bigbinary/neetoui";
-import AppSwitcherButton from "./AppSwitcherButton";
-import ProfileButton from "./ProfileButton";
-import HelpSection from "../HelpSection";
-import HelpSectionMenu from "../HelpSection/HelpSectionMenu";
-import "../sidebar.scss";
-var Footer = function Footer(_ref) {
-  var extraTopLinks = _ref.extraTopLinks,
-    helpLinkOverrides = _ref.helpLinkOverrides,
-    profileInfoOverrides = _ref.profileInfoOverrides,
-    _ref$showAppSwitcher = _ref.showAppSwitcher,
-    showAppSwitcher = _ref$showAppSwitcher === void 0 ? false : _ref$showAppSwitcher,
-    onAppSwitcherToggle = _ref.onAppSwitcherToggle;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    changesCount = _useState2[0],
-    setChangesCount = _useState2[1];
-  useEffect(function () {
-    var Nv = {
-      onReceiveData: function onReceiveData(data) {
-        if (data.unreadCount) {
-          setChangesCount(data.unreadCount);
-        }
-      },
-      onShow: function onShow() {
-        setChangesCount(null);
-      }
-    };
-    window.Nv = window.Nv ? Object.assign(window.Nv, Nv) : Nv;
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-sidebar__footer neeto-molecules-sidebar__no-shrinkable"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    interactive: true,
-    className: "neeto-molecules-help-popup-wrapper",
-    content: /*#__PURE__*/React.createElement(HelpSectionMenu, {
-      changesCount: changesCount,
-      helpLinkOverrides: helpLinkOverrides
-    }),
-    hideOnClick: false,
-    interactiveDebounce: 20,
-    offset: [0, -70],
-    position: "right",
-    theme: "light"
-  }, /*#__PURE__*/React.createElement(HelpSection, {
-    changesCount: changesCount
-  })), showAppSwitcher && /*#__PURE__*/React.createElement(AppSwitcherButton, {
-    onAppSwitcherToggle: onAppSwitcherToggle
-  }), /*#__PURE__*/React.createElement(ProfileButton, {
-    extraTopLinks: extraTopLinks,
-    profileInfoOverrides: profileInfoOverrides
-  }));
-};
-export default Footer;

package/dist/Sidebar/Footer/utils.js

@@ -1,39 +0,0 @@
-import { t } from "i18next";
-import { resetAuthTokens } from "@bigbinary/neeto-commons-frontend/utils";
-import { User, Settings, LeftArrow } from "@bigbinary/neeto-icons";
-import { mergeDeepLeft } from "ramda";
-import { MY_PROFILE_URL, MY_ORGANIZATION_URL } from "../constants";
-import { getSidebarStateLocalStorageKey } from "../utils";
-export var getProfileInfo = function getProfileInfo(isOwner, profileInfoOverrides) {
-  var _globalProps$user, _globalProps$user2, _globalProps$user3, _globalProps$user4, _globalProps$user5;
-  return mergeDeepLeft(profileInfoOverrides, {
-    name: "".concat((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.firstName, " ").concat((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.lastName),
-    imageUrl: (_globalProps$user3 = globalProps.user) === null || _globalProps$user3 === void 0 ? void 0 : _globalProps$user3.profileImageUrl,
-    email: ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.email) || ((_globalProps$user5 = globalProps.user) === null || _globalProps$user5 === void 0 ? void 0 : _globalProps$user5.phoneNumber),
-    topLinks: [{
-      label: t("neetoMolecules.sidebar.myProfile"),
-      icon: User,
-      onClick: function onClick() {
-        return window.open(MY_PROFILE_URL, "_blank");
-      },
-      "data-cy": "my-profile-button"
-    }, isOwner && {
-      label: t("neetoMolecules.sidebar.myOrganization"),
-      icon: Settings,
-      onClick: function onClick() {
-        return window.open(MY_ORGANIZATION_URL, "_blank");
-      },
-      "data-cy": "profile-organization-settings-button"
-    }].filter(Boolean),
-    bottomLinks: [{
-      icon: LeftArrow,
-      label: t("neetoMolecules.sidebar.logout"),
-      onClick: function onClick() {
-        resetAuthTokens();
-        localStorage.removeItem(getSidebarStateLocalStorageKey());
-        window.location.href = "/logout";
-      },
-      "data-cy": "profile-logout-button"
-    }]
-  });
-};

package/dist/Sidebar/Header.js

@@ -1,33 +0,0 @@
-import React from "react";
-import { capitalize, findBy } from "@bigbinary/neeto-commons-frontend/pure";
-import { useFetchNeetoApps } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Neeto } from "@bigbinary/neeto-icons/typeface-logos";
-import * as ProductTypefaceLogos from "@bigbinary/neeto-icons/typeface-logos";
-import { Link } from "react-router-dom";
-var Header = function Header(_ref) {
-  var _ProductTypefaceLogos;
-  var customLogo = _ref.customLogo;
-  var productName = globalProps.appName.substr(5);
-  var logoName = "Neeto".concat(capitalize(productName.toLowerCase()));
-  var ProductTypefaceLogo = (_ProductTypefaceLogos = ProductTypefaceLogos[logoName]) !== null && _ProductTypefaceLogos !== void 0 ? _ProductTypefaceLogos : Neeto;
-  var LogoComponent = customLogo !== null && customLogo !== void 0 ? customLogo : ProductTypefaceLogo;
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data;
-  var homePath = "/";
-  if (data !== null && data !== void 0 && data.neetoApps) {
-    var thisApp = findBy({
-      name: productName
-    }, data.neetoApps);
-    if (thisApp !== null && thisApp !== void 0 && thisApp.url) {
-      homePath = new URL(thisApp === null || thisApp === void 0 ? void 0 : thisApp.url).pathname;
-    }
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable",
-    "data-cy": "sidebar-info"
-  }, /*#__PURE__*/React.createElement(Link, {
-    className: "neeto-molecules-sidebar__logo neeto-ui-w-full",
-    to: homePath
-  }, /*#__PURE__*/React.createElement(LogoComponent, null)));
-};
-export default /*#__PURE__*/React.memo(Header);

package/dist/Sidebar/HelpSection/HelpSectionMenu.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["label"];
-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 { isPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { Button } from "@bigbinary/neetoui";
-import KeyboardShortcuts from "../../KeyboardShortcuts";
-import { DEFAULT_HELP_LINK_PROPS } from "../constants";
-import "../sidebar.scss";
-var HelpSectionMenu = function HelpSectionMenu(_ref) {
-  var helpLinkOverrides = _ref.helpLinkOverrides,
-    changesCount = _ref.changesCount;
-  var _KeyboardShortcuts$us = KeyboardShortcuts.usePaneState(),
-    _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
-    setIsOpen = _KeyboardShortcuts$us2[1];
-  var helpLinks = Object.keys(DEFAULT_HELP_LINK_PROPS).map(function (key) {
-    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DEFAULT_HELP_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
-      onClick: function onClick() {
-        return setIsOpen(true);
-      }
-    }), key === "changelogProps" && changesCount && {
-      changesCount: changesCount
-    });
-  }).filter(function (_ref2) {
-    var hide = _ref2.hide;
-    return !hide;
-  });
-  return /*#__PURE__*/React.createElement("ul", {
-    className: "neeto-molecules-help-sublist"
-  }, helpLinks.map(function (_ref3, idx) {
-    var label = _ref3.label,
-      buttonProps = _objectWithoutProperties(_ref3, _excluded);
-    return /*#__PURE__*/React.createElement("li", {
-      className: "neeto-molecules-help-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React.createElement(Button, _extends({
-      fullWidth: true,
-      className: "neeto-molecules-help-sublist__item-btn",
-      iconPosition: "left",
-      iconSize: 18,
-      style: "text"
-    }, buttonProps), label, isPresent(buttonProps.changesCount) && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-molecules-help-sublist__item-btn-count",
-      "data-testid": "help-section-menu-changes-count"
-    }, buttonProps.changesCount)));
-  }));
-};
-export default HelpSectionMenu;

package/dist/Sidebar/HelpSection/index.js

@@ -1,32 +0,0 @@
-import React, { forwardRef } from "react";
-import { isPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { Help } from "@bigbinary/neeto-icons";
-import { Typography } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import "../sidebar.scss";
-
-// Rule can be enabled once the ticket - https://github.com/bigbinary/neeto-commons-frontend/issues/905 is closed.
-// eslint-disable-next-line @bigbinary/neeto/no-dumb-components-with-use-translation
-var HelpSection = function HelpSection(_ref, ref) {
-  var changesCount = _ref.changesCount;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  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": "help-button",
-    ref: ref
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React.createElement(Help, {
-    size: 24
-  }), isPresent(changesCount) && /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-sidebar__notif-count",
-    "data-testid": "help-icon-changes-count"
-  }, changesCount)), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, t("neetoMolecules.sidebar.helpLinks.helpCenter")));
-};
-export default /*#__PURE__*/forwardRef(HelpSection);