@bigbinary/neeto-molecules 1.12.1 → 1.13.0

package/dist/AdaptiveInput.js

@@ -0,0 +1,84 @@
+import { _ as _defineProperty } from './defineProperty-549061a7.js';
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default, { forwardRef } from 'react';
+import classnames from 'classnames';
+import { Textarea } from '@bigbinary/neetoui';
+import { n } from './inject-css-c86de496.js';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import { useField } from 'formik';
+
+var css = ".neeto-molecules-adaptive-input textarea{resize:none}.neeto-molecules-adaptive-input .neeto-ui-input.neeto-ui-input--small{--neeto-ui-textarea-padding-x:8px;--neeto-ui-textarea-padding-y:4px}.neeto-molecules-adaptive-input .neeto-ui-input.neeto-ui-input--medium{--neeto-ui-textarea-padding-x:8px;--neeto-ui-textarea-padding-y:5px}.neeto-molecules-adaptive-input .neeto-ui-input.neeto-ui-input--large{--neeto-ui-textarea-padding-x:12px;--neeto-ui-textarea-padding-y:8px}.neeto-molecules-adaptive-input__suffix{bottom:0;position:absolute;right:0}";
+n(css,{});
+
+var _excluded$1 = ["label", "className", "size", "required", "disabled", "suffix"];
+
+// eslint-disable-next-line @bigbinary/neeto/no-dangling-constants
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var AdaptiveInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? null : _ref$suffix,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var handleFocus = function handleFocus(element) {
+    var end = element.value.length;
+    element.setSelectionRange(end, end);
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    var _otherProps$onSubmit;
+    if (event.key !== "Enter") return;
+    event.preventDefault();
+    (_otherProps$onSubmit = otherProps.onSubmit) === null || _otherProps$onSubmit === void 0 ? void 0 : _otherProps$onSubmit.call(otherProps);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "relative w-full"
+  }, /*#__PURE__*/React__default.createElement(Textarea, _extends(_defineProperty(_defineProperty(_defineProperty({
+    disabled: disabled,
+    label: label,
+    ref: ref,
+    required: required,
+    size: size,
+    "data-cy": "neeto-molecules-adaptive-input",
+    "data-testid": "neeto-molecules-adaptive-input",
+    rows: 1
+  }, "size", "small"), "className", classnames("neeto-molecules-adaptive-input", {
+    "neeto-ui-input--disabled": !!disabled
+  }, className)), "onKeyDown", handleKeyDown), otherProps, {
+    onFocus: function onFocus(_ref2) {
+      var target = _ref2.target;
+      return handleFocus(target);
+    }
+  })), suffix && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-adaptive-input__suffix"
+  }, suffix));
+});
+AdaptiveInput.displayName = "AdaptiveInput";
+
+var _excluded = ["name"];
+var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
+  var name = _ref.name,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useField = useField(name),
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  return /*#__PURE__*/React__default.createElement(AdaptiveInput, _extends({}, field, {
+    error: meta.touched ? meta.error : ""
+  }, props));
+};
+
+export { AdaptiveInput, FormikAdaptiveInput };
+//# sourceMappingURL=AdaptiveInput.js.map

package/dist/AdaptiveInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveInput.js","sources":["../src/components/AdaptiveInput/AdaptiveInput.jsx","../src/components/AdaptiveInput/FormikAdaptiveInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Textarea } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./adaptiveInput.scss\";\n\n// eslint-disable-next-line @bigbinary/neeto/no-dangling-constants\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst AdaptiveInput = forwardRef(\n  (\n    {\n      label = \"\",\n      className = \"\",\n      size = SIZES.medium,\n      required = false,\n      disabled = false,\n      suffix = null,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const handleFocus = element => {\n      const end = element.value.length;\n      element.setSelectionRange(end, end);\n    };\n\n    const handleKeyDown = event => {\n      if (event.key !== \"Enter\") return;\n\n      event.preventDefault();\n      otherProps.onSubmit?.();\n    };\n\n    return (\n      <div className=\"relative w-full\">\n        <Textarea\n          {...{ disabled, label, ref, required, size }}\n          data-cy=\"neeto-molecules-adaptive-input\"\n          data-testid=\"neeto-molecules-adaptive-input\"\n          rows={1}\n          size=\"small\"\n          className={classnames(\n            \"neeto-molecules-adaptive-input\",\n            { \"neeto-ui-input--disabled\": !!disabled },\n            className\n          )}\n          onKeyDown={handleKeyDown}\n          {...otherProps}\n          onFocus={({ target }) => handleFocus(target)}\n        />\n        {suffix && (\n          <div className=\"neeto-molecules-adaptive-input__suffix\">{suffix}</div>\n        )}\n      </div>\n    );\n  }\n);\n\nAdaptiveInput.displayName = \"AdaptiveInput\";\n\nAdaptiveInput.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the text to be displayed above the input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the size of the input field\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the input field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the input field is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the input field.\n   */\n  suffix: PropTypes.node,\n};\n\nexport default AdaptiveInput;\n","import React from \"react\";\n\nimport { useField } from \"formik\";\n\nimport AdaptiveInput from \"./AdaptiveInput\";\n\nconst FormikAdaptiveInput = ({ name, ...props }) => {\n  const [field, meta] = useField(name);\n\n  return (\n    <AdaptiveInput\n      {...field}\n      error={meta.touched ? meta.error : \"\"}\n      {...props}\n    />\n  );\n};\n\nexport default FormikAdaptiveInput;\n"],"names":["SIZES","small","medium","large","AdaptiveInput","forwardRef","_ref","ref","_ref$label","label","_ref$className","className","_ref$size","size","_ref$required","required","_ref$disabled","disabled","_ref$suffix","suffix","otherProps","_objectWithoutProperties","_excluded","handleFocus","element","end","value","length","setSelectionRange","handleKeyDown","event","_otherProps$onSubmit","key","preventDefault","onSubmit","call","React","createElement","Textarea","_extends","_defineProperty","rows","classnames","onFocus","_ref2","target","displayName","FormikAdaptiveInput","name","props","_useField","useField","_useField2","_slicedToArray","field","meta","error","touched"],"mappings":"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"}

package/dist/FloatingActionMenu.js

@@ -8,12 +8,12 @@ import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
 import { isNotPresent, isPresent, truncate, noop } from '@bigbinary/neeto-cist';
 import useFetchNeetoApps from '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
 import { Profile } from '@bigbinary/neeto-team-members-frontend';
-import { Typography, Input, Modal, Spinner, Dropdown, Avatar } from '@bigbinary/neetoui';
+import { Typography, Input, Modal, Dropdown, Avatar } from '@bigbinary/neetoui';
 import KeyboardShortcuts from './KeyboardShortcuts.js';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { n } from './inject-css-c86de496.js';
 import classnames from 'classnames';
-import { NeetoIcon, Search, AppSwitcher as AppSwitcher$1, Right, ChatEmpty, Book, Gift, Keyboard, User, Settings, LeftArrow } from '@bigbinary/neeto-icons';
+import { NeetoIcon, Search, Right, Book, Help } from '@bigbinary/neeto-icons';
 import { useTranslation } from 'react-i18next';
 import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
 import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
@@ -158,32 +158,12 @@ function _objectDestructuringEmpty(obj) {
   if (obj == null) throw new TypeError("Cannot destructure " + obj);
 }
 
-var _excluded$2 = ["showLoading"];
-var ProductSwitcherIcon = function ProductSwitcherIcon(_ref) {
-  var showLoading = _ref.showLoading,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2);
-  return showLoading ? /*#__PURE__*/React__default.createElement("span", {
-    "data-testid": "app-switcher-button-loader"
-  }, /*#__PURE__*/React__default.createElement(Spinner, _extends({
-    size: 18
-  }, otherProps))) : /*#__PURE__*/React__default.createElement(AppSwitcher$1, _extends({
-    size: 18
-  }, otherProps));
-};
-
 var MenuItemButton = function MenuItemButton(_ref) {
   var otherProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
   var MenuItem = Dropdown.MenuItem;
-  var _useFetchNeetoApps = useFetchNeetoApps({
-      enabled: false
-    }),
-    data = _useFetchNeetoApps.data,
+  var _useFetchNeetoApps = useFetchNeetoApps(),
     refetchNeetoApps = _useFetchNeetoApps.refetch,
     isStale = _useFetchNeetoApps.isStale;
   return /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends({
@@ -195,14 +175,9 @@ var MenuItemButton = function MenuItemButton(_ref) {
     suffix: /*#__PURE__*/React__default.createElement(Right, {
       size: 18
     }),
-    prefix: /*#__PURE__*/React__default.createElement(ProductSwitcherIcon, {
-      showLoading: !data && hasHovered,
-      size: 18
-    }),
     onMouseEnter: function onMouseEnter() {
       if (!isStale) return;
       refetchNeetoApps();
-      setHasHovered(true);
     }
   }, otherProps), t("neetoMolecules.sidebar.productSwitcher"));
 };
@@ -213,14 +188,13 @@ var AppSwitcherDropdown = function AppSwitcherDropdown() {
   var _useBreakpoints = useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
-  var _useFetchNeetoApps = useFetchNeetoApps({
-      enabled: false
-    }),
+  var _useFetchNeetoApps = useFetchNeetoApps(),
     data = _useFetchNeetoApps.data;
   return /*#__PURE__*/React__default.createElement(Dropdown, {
     className: "neeto-molecules-app-switcher-menu-popup-wrapper",
     closeOnSelect: false,
     customTarget: /*#__PURE__*/React__default.createElement(MenuItemButton, null),
+    delay: 500,
     disabled: !data,
     interactiveDebounce: 30,
     isOpen: !data ? false : undefined,
@@ -240,18 +214,62 @@ var AppSwitcherMenu = function AppSwitcherMenu(_ref) {
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isMobile ? /*#__PURE__*/React__default.createElement(MenuItemButton, {
+    "data-cy": "app-switcher-button",
+    "data-testid": "app-switcher-button",
     onClick: function onClick() {
       return toggleModal(true);
     }
   }) : /*#__PURE__*/React__default.createElement(AppSwitcherDropdown, null));
 };
 
+var shouldShowWhatsNew = function shouldShowWhatsNew() {
+  var _window$globalProps, _window$globalProps$u;
+  var currentUserEmail = (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email;
+  return window.location.hostname === "localhost" || currentUserEmail === "oliver@example.com" || (currentUserEmail === null || currentUserEmail === void 0 ? void 0 : currentUserEmail.endsWith("@bigbinary.com"));
+};
+var MY_ORGANIZATION_URL = "/auth/organization/edit";
+var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
+var MENU_ITEMS_WITH_ICONS = ["Chat with support", "Help articles"];
+var DEFAULT_HELP_LINK_PROPS = {
+  helpCenterProps: {
+    label: t("neetoMolecules.sidebar.helpLinks.helpArticles"),
+    icon: Book,
+    "data-cy": "help-link-help-center-button",
+    "data-btn-weight": "bold",
+    href: "https://help.".concat(toLower(globalProps.appName), ".com/"),
+    target: "_blank"
+  },
+  liveChatProps: {
+    label: t("neetoMolecules.sidebar.helpLinks.liveChat"),
+    icon: Help,
+    "data-cy": "help-link-live-chat-button",
+    "data-btn-weight": "bold",
+    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();
+    }
+  }
+};
+var DEFAULT_MENU_LINK_PROPS = {
+  changelogProps: {
+    id: CHANGELOG_WIDGET_TRIGGER_ID,
+    label: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
+    "data-cy": "help-link-changelog-button",
+    isVisible: shouldShowWhatsNew
+  },
+  keyboardShortcutProps: {
+    label: t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
+    "data-cy": "help-link-keyboard-shortcut-button"
+  }
+};
+
 var _excluded$1 = ["label", "icon", "changesCount"];
 var LinkSection = function LinkSection(_ref) {
   var links = _ref.links;
   var MenuItem = Dropdown.MenuItem;
   if (isNotPresent(links)) return null;
-  return links.map(function (_ref2, idx) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, links.map(function (_ref2, idx) {
     var label = _ref2.label,
       Icon = _ref2.icon,
       changesCount = _ref2.changesCount,
@@ -260,16 +278,16 @@ var LinkSection = function LinkSection(_ref) {
       className: "neeto-molecules-menu-sublist__item-btn",
       "data-cy": "floating-action-menu-link-section",
       key: idx,
-      prefix: /*#__PURE__*/React__default.createElement(Icon, {
+      style: "text",
+      prefix: MENU_ITEMS_WITH_ICONS.includes(label) ? /*#__PURE__*/React__default.createElement(Icon, {
         size: 18
-      }),
-      style: "text"
+      }) : undefined
     }, otherProps), label, isPresent(changesCount) && /*#__PURE__*/React__default.createElement("span", {
       className: "neeto-molecules-menu-list__item-btn-count",
       "data-cy": "help-section-menu-changes-count",
       "data-testid": "help-section-menu-changes-count"
     }, changesCount));
-  });
+  }));
 };
 
 var ProfileHeader = function ProfileHeader(_ref) {
@@ -307,6 +325,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
   var profileInfo = _ref.profileInfo,
     showAppSwitcher = _ref.showAppSwitcher,
     helpLinks = _ref.helpLinks,
+    defaultLinks = _ref.defaultLinks,
     topLinks = _ref.topLinks,
     bottomLinks = _ref.bottomLinks,
     customContent = _ref.customContent,
@@ -322,58 +341,21 @@ var ProfileMenu = function ProfileMenu(_ref) {
     "data-testid": "profile-popup"
   }, /*#__PURE__*/React__default.createElement(ProfileHeader, {
     profileInfo: profileInfo
-  })), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcherMenu, {
-    toggleModal: toggleModal
-  }), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
+  })), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
     links: topLinks
+  }), /*#__PURE__*/React__default.createElement(Divider, null), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcherMenu, {
+    toggleModal: toggleModal
   }), isPresent(customContent) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(MenuItem, {
     className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content"
   }, customContent)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
+    links: defaultLinks
+  }), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
     links: helpLinks
   }), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
     links: bottomLinks
   }));
 };
 
-var shouldShowWhatsNew = function shouldShowWhatsNew() {
-  var _window$globalProps, _window$globalProps$u;
-  var currentUserEmail = (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email;
-  return window.location.hostname === "localhost" || currentUserEmail === "oliver@example.com" || (currentUserEmail === null || currentUserEmail === void 0 ? void 0 : currentUserEmail.endsWith("@bigbinary.com"));
-};
-var MY_ORGANIZATION_URL = "/auth/organization/edit";
-var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
-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",
-    isVisible: shouldShowWhatsNew
-  },
-  keyboardShortcutProps: {
-    label: t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
-    icon: Keyboard,
-    "data-cy": "help-link-keyboard-shortcut-button"
-  }
-};
-
 var getSidebarStateLocalStorageKey = function getSidebarStateLocalStorageKey() {
   var _globalProps$user, _globalProps$user2;
   var user = ((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email) || ((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.phoneNumber);
@@ -382,7 +364,6 @@ var getSidebarStateLocalStorageKey = function getSidebarStateLocalStorageKey() {
 var getDefaultTopLinks = function getDefaultTopLinks(isOwner, setIsProfilePaneOpen) {
   return [{
     label: t("neetoMolecules.sidebar.myProfile"),
-    icon: User,
     onClick: function onClick() {
       return setIsProfilePaneOpen(true);
     },
@@ -390,7 +371,6 @@ var getDefaultTopLinks = function getDefaultTopLinks(isOwner, setIsProfilePaneOp
     "data-testid": "my-profile-button"
   }, isOwner && {
     label: t("neetoMolecules.sidebar.myOrganization"),
-    icon: Settings,
     onClick: function onClick() {
       return window.open(MY_ORGANIZATION_URL, "_blank");
     },
@@ -399,7 +379,6 @@ var getDefaultTopLinks = function getDefaultTopLinks(isOwner, setIsProfilePaneOp
 };
 var getDefaultBottomLinks = function getDefaultBottomLinks() {
   return [{
-    icon: LeftArrow,
     label: t("neetoMolecules.sidebar.logout"),
     onClick: function onClick() {
       resetAuthTokens();
@@ -438,9 +417,7 @@ var ProfileButton = function ProfileButton(_ref) {
   var _Profile$usePaneState = Profile.usePaneState(),
     _Profile$usePaneState2 = _slicedToArray(_Profile$usePaneState, 2),
     setIsProfilePaneOpen = _Profile$usePaneState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps({
-      enabled: false
-    }),
+  var _useFetchNeetoApps = useFetchNeetoApps(),
     data = _useFetchNeetoApps.data;
   var profileInfo = getProfileInfo(profileInfoOverrides);
   var newTopLinks = globalProps.appName !== "neetoAuth" ? [].concat(_toConsumableArray(getDefaultTopLinks(data === null || data === void 0 ? void 0 : data.isOwner, setIsProfilePaneOpen)), _toConsumableArray(topLinks)) : topLinks;
@@ -461,11 +438,17 @@ var ProfileButton = function ProfileButton(_ref) {
     };
     window.Nv = window.Nv ? Object.assign(window.Nv, Nv) : Nv;
   }, []);
-  var helpLinks = Object.keys(DEFAULT_HELP_LINK_PROPS).filter(function (key) {
-    var _DEFAULT_HELP_LINK_PR, _DEFAULT_HELP_LINK_PR2, _DEFAULT_HELP_LINK_PR3;
-    return (_DEFAULT_HELP_LINK_PR = (_DEFAULT_HELP_LINK_PR2 = (_DEFAULT_HELP_LINK_PR3 = DEFAULT_HELP_LINK_PROPS[key]).isVisible) === null || _DEFAULT_HELP_LINK_PR2 === void 0 ? void 0 : _DEFAULT_HELP_LINK_PR2.call(_DEFAULT_HELP_LINK_PR3)) !== null && _DEFAULT_HELP_LINK_PR !== void 0 ? _DEFAULT_HELP_LINK_PR : true;
+  var helpLinks = Object.keys(DEFAULT_HELP_LINK_PROPS).map(function (key) {
+    return _objectSpread({}, DEFAULT_HELP_LINK_PROPS[key]);
+  }).filter(function (_ref2) {
+    var hide = _ref2.hide;
+    return !hide;
+  });
+  var defaultLinks = Object.keys(DEFAULT_MENU_LINK_PROPS).filter(function (key) {
+    var _DEFAULT_MENU_LINK_PR, _DEFAULT_MENU_LINK_PR2, _DEFAULT_MENU_LINK_PR3;
+    return (_DEFAULT_MENU_LINK_PR = (_DEFAULT_MENU_LINK_PR2 = (_DEFAULT_MENU_LINK_PR3 = DEFAULT_MENU_LINK_PROPS[key]).isVisible) === null || _DEFAULT_MENU_LINK_PR2 === void 0 ? void 0 : _DEFAULT_MENU_LINK_PR2.call(_DEFAULT_MENU_LINK_PR3)) !== null && _DEFAULT_MENU_LINK_PR !== void 0 ? _DEFAULT_MENU_LINK_PR : true;
   }).map(function (key) {
-    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DEFAULT_HELP_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
+    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MENU_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
       onClick: function onClick() {
         return setIsOpen(function (prev) {
           return !prev;
@@ -474,8 +457,8 @@ var ProfileButton = function ProfileButton(_ref) {
     }), key === "changelogProps" && changesCount && {
       changesCount: changesCount
     });
-  }).filter(function (_ref2) {
-    var hide = _ref2.hide;
+  }).filter(function (_ref3) {
+    var hide = _ref3.hide;
     return !hide;
   });
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Profile.Pane, null), /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -495,18 +478,22 @@ var ProfileButton = function ProfileButton(_ref) {
     theme: "light",
     trigger: "hover",
     zIndex: 99999,
-    customTarget: /*#__PURE__*/React__default.createElement(Avatar, {
+    customTarget: /*#__PURE__*/React__default.createElement("button", {
+      className: "neeto-molecules-floating-action-button",
+      type: "button"
+    }, /*#__PURE__*/React__default.createElement(Avatar, {
       className: "neeto-ui-flex-shrink-0 neeto-molecules-floating-action-button__profile-avatar",
       "data-cy": "profile-avatar",
       "data-testid": "profile-avatar",
       size: "medium",
       user: profileInfo
-    }),
+    })),
     dropdownProps: {
       classNames: "neeto-molecules-floating-action-button__dropdown"
     }
   }, /*#__PURE__*/React__default.createElement(ProfileMenu, {
     customContent: customContent,
+    defaultLinks: defaultLinks,
     helpLinks: helpLinks,
     profileInfo: profileInfo,
     showAppSwitcher: showAppSwitcher,
@@ -525,7 +512,7 @@ var ProfileButton = function ProfileButton(_ref) {
   }));
 };
 
-var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{align-items:center;background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:20px;box-shadow:0 1px 1px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);display:flex;justify-content:center;left:0;padding:6px;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;flex-shrink:0;max-height:none!important;max-width:none;width:220px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-app-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-app-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}";
+var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-app-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-app-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}";
 n(css,{});
 
 var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showAppSwitcher", "customContent"];
@@ -544,7 +531,7 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref,
-    className: "neeto-molecules-floating-action-menu__container neeto-ui-border-gray-300 border border-l-0",
+    className: "neeto-molecules-floating-action-menu__container",
     "data-cy": "floating-action-menu-container",
     "data-testid": "floating-action-menu-container"
   }, otherProps), /*#__PURE__*/React__default.createElement(ProfileButton, {