@bigbinary/neeto-molecules 4.1.55 → 4.1.57

package/dist/cjs/v2/FloatingActionMenu.js

@@ -7,11 +7,12 @@ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
 var neetoCist = require('@bigbinary/neeto-cist');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Profile = require('@bigbinary/neeto-team-members-frontend/Profile');
 var ramda = require('ramda');
-var KeyboardShortcuts = require('../KeyboardShortcuts.js');
+var v2_KeyboardShortcuts = require('./KeyboardShortcuts.js');
 var SubscriptionUpgradeRequestModal = require('../SubscriptionUpgradeRequestModal.js');
 var classnames = require('classnames');
 var reactI18next = require('react-i18next');
@@ -32,22 +33,18 @@ var useLocalStorage = require('@bigbinary/neeto-commons-frontend/react-utils/use
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var axios$1 = require('@bigbinary/neeto-commons-frontend/utils/axios');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
-var CopyToClipboardButton = require('../CopyToClipboardButton.js');
-require('../useKeyboardShortcutsPaneState-BrgdLb9F.js');
+var v2_CopyToClipboardButton = require('./CopyToClipboardButton.js');
+require('../useKeyboardShortcutsPaneState-BG_xVteC.js');
 require('zustand/shallow');
 require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
 require('zustand');
-require('@bigbinary/neeto-icons/Close');
-require('@bigbinary/neetoui/Typography');
-require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/managers');
 require('@bigbinary/neeto-commons-frontend/react-utils');
-require('@bigbinary/neetoui/Kbd');
 require('../ua-parser-DgQ3nYoO.js');
-require('../inject-css-B6qYtOJe.js');
+require('../x-B38UX0_0.js');
+require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Modal');
-require('@bigbinary/neeto-icons/Copy');
-require('@bigbinary/neeto-icons/Check');
+require('@bigbinary/neetoui/Typography');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -511,23 +508,19 @@ var Menu = function Menu(_ref) {
 var Modal = function Modal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog, {
-    open: isOpen,
-    onOpenChange: function onOpenChange(open) {
-      return !open && onClose();
-    },
-    children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DialogContent, {
-      "aria-describedby": undefined,
-      className: "sm:max-w-4xl",
-      showCloseButton: false,
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DialogTitle, {
-        className: "sr-only",
-        children: "Product Switcher"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        "data-testid": "product-switcher-modal",
-        children: /*#__PURE__*/jsxRuntime.jsx(Menu, {})
-      })]
-    })
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    className: "sm:max-w-4xl",
+    closeButton: false,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+      className: "sr-only",
+      children: "Product Switcher"
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      "data-testid": "product-switcher-modal",
+      children: /*#__PURE__*/jsxRuntime.jsx(Menu, {})
+    })]
   });
 };
 
@@ -575,10 +568,10 @@ var HelpMenu = function HelpMenu() {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$4, {
         onClick: function onClick() {
@@ -589,7 +582,7 @@ var HelpMenu = function HelpMenu() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -755,10 +748,10 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
       return false;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$3, {
         onClick: function onClick() {
@@ -769,7 +762,7 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -840,10 +833,10 @@ var Dropdown = function Dropdown() {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$2, {
         onClick: function onClick() {
@@ -854,7 +847,7 @@ var Dropdown = function Dropdown() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsx(primitives.PopoverContent, {
       align: "start",
       className: "z-[99999] w-[calc(100vw-25rem)] max-w-none overflow-y-auto rounded-xl p-0",
       collisionPadding: 16,
@@ -884,11 +877,6 @@ var ProductSwitcher = function ProductSwitcher(_ref) {
 
 var MENU_ITEM_CLASS = "flex h-9 w-full items-center gap-2 neeto-ui-rounded-md px-2.5 text-sm font-medium hover:bg-accent";
 
-var getInitials$1 = function getInitials(name) {
-  return (name || "").split(" ").filter(Boolean).map(function (n) {
-    return n[0];
-  }).join("").toUpperCase().slice(0, 2);
-};
 var ProfileHeader = function ProfileHeader(_ref) {
   var profileInfo = _ref.profileInfo;
   var name = profileInfo.name,
@@ -897,15 +885,13 @@ var ProfileHeader = function ProfileHeader(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: "flex w-full min-w-0 items-center gap-2 text-start",
     "data-testid": "floating-action-menu-profile-header",
-    children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Avatar, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
       className: "size-8 shrink-0",
       "data-testid": "floating-action-menu-header-profile-icon",
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarImage, {
-        alt: name,
-        src: imageUrl
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarFallback, {
-        children: getInitials$1(name)
-      })]
+      user: {
+        name: name,
+        imageUrl: imageUrl
+      }
     }), /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: "flex min-w-0 flex-grow flex-col gap-1",
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -992,10 +978,10 @@ var ProfileExpandMenu = function ProfileExpandMenu(_ref) {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$1, {
         profileInfo: profileInfo,
@@ -1007,7 +993,7 @@ var ProfileExpandMenu = function ProfileExpandMenu(_ref) {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -1191,10 +1177,10 @@ var WorkspaceMenu = function WorkspaceMenu() {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton, {
         onClick: function onClick() {
@@ -1205,7 +1191,7 @@ var WorkspaceMenu = function WorkspaceMenu() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -1231,11 +1217,10 @@ var WorkspaceMenu = function WorkspaceMenu() {
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
               className: "min-w-0 truncate",
               children: initializers.globalProps.organization.subdomain
-            }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+            }), /*#__PURE__*/jsxRuntime.jsx(v2_CopyToClipboardButton, {
               className: "flex-shrink-0",
-              size: "small",
-              style: "text",
-              value: initializers.globalProps.organization.subdomain
+              value: initializers.globalProps.organization.subdomain,
+              variant: "ghost"
             })]
           })]
         })
@@ -1303,27 +1288,27 @@ var ProfileMenu = function ProfileMenu(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx(LinkSection, {
         links: defaultLinks
       }), neetoCist.isNotEmpty(topLinks) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
           className: "my-2"
         }), /*#__PURE__*/jsxRuntime.jsx(LinkSection, {
           links: topLinks
         })]
       }), neetoCist.isPresent(customContent) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
           className: "my-2"
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "px-3 py-1",
           children: customContent
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      }), /*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
-      }), ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.isOwner) && /*#__PURE__*/jsxRuntime.jsx(WorkspaceMenu, {}), isOrganizationSwitcherEnabled && /*#__PURE__*/jsxRuntime.jsx(OrganizationSwitcher, {}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      }), ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.isOwner) && /*#__PURE__*/jsxRuntime.jsx(WorkspaceMenu, {}), isOrganizationSwitcherEnabled && /*#__PURE__*/jsxRuntime.jsx(OrganizationSwitcher, {}), /*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
       }), neetoCist.isPresent((_globalProps$user5 = globalProps.user) === null || _globalProps$user5 === void 0 ? void 0 : _globalProps$user5.subscriptionPlan) && /*#__PURE__*/jsxRuntime.jsx(LinkSection, {
         links: [subscriptionPlanLink]
       }), showProductSwitcher && /*#__PURE__*/jsxRuntime.jsx(ProductSwitcher, {
         toggleModal: toggleModal
-      }), /*#__PURE__*/jsxRuntime.jsx(HelpMenu, {}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      }), /*#__PURE__*/jsxRuntime.jsx(HelpMenu, {}), /*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
       })]
     }), isAuthenticated && !isConsumer && /*#__PURE__*/jsxRuntime.jsx(ProfileExpandMenu, {
@@ -1331,7 +1316,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(LinkSection, {
       links: bottomLinks
     }), isThemeSwitcherEnabled && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
       }), /*#__PURE__*/jsxRuntime.jsx(ThemeSwitcher, {})]
     })]
@@ -1340,11 +1325,6 @@ var ProfileMenu = function ProfileMenu(_ref) {
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getInitials = function getInitials(name) {
-  return (name || "").split(" ").filter(Boolean).map(function (n) {
-    return n[0];
-  }).join("").toUpperCase().slice(0, 2);
-};
 var ProfileButton = function ProfileButton(_ref) {
   var profileInfoOverrides = _ref.profileInfoOverrides,
     showProductSwitcher = _ref.showProductSwitcher,
@@ -1373,7 +1353,7 @@ var ProfileButton = function ProfileButton(_ref) {
     changesCount = _useState8[0],
     setChangesCount = _useState8[1];
   var timeoutRef = React.useRef(null);
-  var _KeyboardShortcuts$us = KeyboardShortcuts.usePaneState(),
+  var _KeyboardShortcuts$us = v2_KeyboardShortcuts.usePaneState(),
     _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
     setIsOpen = _KeyboardShortcuts$us2[1];
   useHotkeys(["ctrl+u", "command+u"], function () {
@@ -1428,26 +1408,23 @@ var ProfileButton = function ProfileButton(_ref) {
       popoverProps: profilePopoverProps
     }), isPopoverOpen && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "pointer-events-none fixed inset-0 z-[99998] bg-black/[0.27]"
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
       open: isPopoverOpen,
       onOpenChange: setIsPopoverOpen,
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
         asChild: true,
         children: /*#__PURE__*/jsxRuntime.jsxs("button", {
           className: "bg-primary flex flex-col items-center justify-center gap-1.5 rounded-e-2xl p-1",
           type: "button",
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
-          children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Avatar, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
             className: "size-[1.625rem] shrink-0 rounded-full border-2 border-white",
             "data-testid": "profile-avatar",
-            children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarImage, {
-              alt: profileInfo.name,
-              src: profileInfo.imageUrl
-            }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarFallback, {
-              className: "text-[10px]",
-              children: getInitials(profileInfo.name)
-            })]
+            user: {
+              name: profileInfo.name,
+              imageUrl: profileInfo.imageUrl
+            }
           }), /*#__PURE__*/jsxRuntime.jsx("span", {
             className: "flex size-[1.625rem] items-center justify-center rounded-full bg-white",
             children: /*#__PURE__*/jsxRuntime.jsx(circleQuestionMark.CircleQuestionMark, {
@@ -1455,7 +1432,7 @@ var ProfileButton = function ProfileButton(_ref) {
             })
           })]
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverContent, {
+      }), /*#__PURE__*/jsxRuntime.jsx(primitives.PopoverContent, {
         align: "end",
         className: "z-[99999] max-h-[var(--radix-popover-content-available-height)] w-64 overflow-y-auto rounded-xl p-0",
         collisionPadding: 16,