@brainfish-ai/components 0.26.0 → 0.26.1

package/dist/esm/chunks/header-nav.b4hvOsKc.js

@@ -1,197 +0,0 @@
-import * as React from 'react';
-import { Crown, Copy, SidebarSimple, Lightning, Question, Sparkle } from '@phosphor-icons/react';
-import { L as Logo } from './logo.D5BMN6Db.js';
-import { B as Button } from './button.DQL6gCAt.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuShortcut, DropdownMenuItem } from '../components/ui/dropdown-menu.js';
-import { Avatar, AvatarImage, AvatarFallback, AvatarBadge } from '../components/ui/avatar.js';
-import { c as cn } from './utils.Cwtlq8dh.js';
-import { u as useBooleanFlagValue } from './feature-flags.DeDEcnd1.js';
-
-function AccountDropdown({
-  accountPhoto,
-  accountName,
-  accountDropdownItems,
-  teams,
-  side = "bottom",
-  align = "end",
-  isSuperAdmin = false,
-  ...props
-}) {
-  const showTeamName = teams?.length > 1 || isSuperAdmin;
-  const currentTeamName = showTeamName && teams?.find((el) => el.isCurrent)?.name || "";
-  const initial = accountName[0];
-  const groups = Array.isArray(accountDropdownItems[0]) ? accountDropdownItems : [accountDropdownItems];
-  const handleCopy = React.useCallback((value, onCopy) => {
-    return (e) => {
-      e.stopPropagation();
-      if (onCopy) onCopy(value);
-      else navigator.clipboard.writeText(value);
-    };
-  }, []);
-  const renderCopyRow = (secondaryLabel, copyValue, onCopy) => secondaryLabel && /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center gap-1 text-xs text-subtlest ml-7" }, secondaryLabel, copyValue != null && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "size-4 shrink-0 p-0 [&>svg]:!size-3",
-      onClick: handleCopy(copyValue, onCopy),
-      "aria-label": "Copy ID"
-    },
-    /* @__PURE__ */ React.createElement(Copy, { className: "size-3" })
-  ));
-  return /* @__PURE__ */ React.createElement(DropdownMenu, { ...props }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      size: "default",
-      variant: "ghost",
-      className: "rounded-full p-[1px] border border-dark-300 relative",
-      "aria-label": "Toggle account dropdown"
-    },
-    /* @__PURE__ */ React.createElement(Avatar, null, /* @__PURE__ */ React.createElement(
-      AvatarImage,
-      {
-        src: accountPhoto,
-        alt: `${accountName}'s account`,
-        className: cn(
-          "block rounded-full border border-background",
-          isSuperAdmin && "border-2 border-solid border-red-700 inset-1"
-        )
-      }
-    ), /* @__PURE__ */ React.createElement(AvatarFallback, null, initial), isSuperAdmin && /* @__PURE__ */ React.createElement(AvatarBadge, { className: "bg-red-700 text-white" }, /* @__PURE__ */ React.createElement(Crown, null))),
-    showTeamName && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-default font-semibold pr-1" }, currentTeamName)
-  )), /* @__PURE__ */ React.createElement(
-    DropdownMenuContent,
-    {
-      side,
-      align,
-      className: "border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"
-    },
-    groups.map((group, groupIndex) => /* @__PURE__ */ React.createElement(React.Fragment, { key: groupIndex }, groupIndex > 0 && /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, group.map(
-      (item) => item.type === "submenu" ? /* @__PURE__ */ React.createElement(DropdownMenuSub, { key: item.id }, /* @__PURE__ */ React.createElement(
-        DropdownMenuSubTrigger,
-        {
-          secondaryRow: renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)
-        },
-        item.icon,
-        item.label
-      ), /* @__PURE__ */ React.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React.createElement(DropdownMenuSubContent, { className: "border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]" }, item.value != null && item.onValueChange ? /* @__PURE__ */ React.createElement(DropdownMenuRadioGroup, { value: item.value, onValueChange: item.onValueChange }, item.items.map((option) => /* @__PURE__ */ React.createElement(DropdownMenuRadioItem, { key: option.id, value: option.value }, option.icon, option.label, option.shortcut != null && /* @__PURE__ */ React.createElement(DropdownMenuShortcut, null, option.shortcut)))) : item.items.map((option) => /* @__PURE__ */ React.createElement(DropdownMenuItem, { key: option.id, onClick: option.onClick }, option.icon, option.label, option.shortcut != null && /* @__PURE__ */ React.createElement(DropdownMenuShortcut, null, option.shortcut)))))) : /* @__PURE__ */ React.createElement(
-        DropdownMenuItem,
-        {
-          key: item.id,
-          onClick: item.onClick,
-          secondaryRow: renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)
-        },
-        item.icon,
-        item.label,
-        item.shortcut != null && /* @__PURE__ */ React.createElement(DropdownMenuShortcut, null, item.shortcut)
-      )
-    ))))
-  ));
-}
-
-const HEADER_NAV_HEIGHT = 60;
-const HeaderNav = React.forwardRef(function HeaderNav2({
-  className,
-  isSideNavOpen = false,
-  onSideNavigationToggle,
-  onHelpClick,
-  onBrainfishNativeClick,
-  accountName,
-  accountPhoto,
-  accountDropdownItems,
-  teams,
-  side,
-  align,
-  showSuggestionAction,
-  suggestionAction,
-  onSuggestionActionClick,
-  onLogoNav,
-  isHomePath = false,
-  showSidebarToggle = true,
-  sidebarToggleRef,
-  isSuperAdmin,
-  isViewer,
-  ...props
-}, ref) {
-  const hasSuggestionAction = showSuggestionAction && !!suggestionAction && !!onSuggestionActionClick;
-  const brainfishNativeEnabled = useBooleanFlagValue("platform.brainfish-native.enabled", false);
-  const isHelpButtonEnabled = !isViewer;
-  return /* @__PURE__ */ React.createElement("header", { ref, ...props, className: cn("px-4 py-3 relative", className) }, /* @__PURE__ */ React.createElement("nav", { "aria-label": "Account navigation", className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      href: "/",
-      onClick: (e) => {
-        const isPlainLeftClick = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
-        if (isPlainLeftClick) {
-          e.preventDefault();
-          onLogoNav();
-        }
-      },
-      "aria-current": isHomePath ? "page" : void 0
-    },
-    /* @__PURE__ */ React.createElement(
-      Logo,
-      {
-        variant: "full",
-        color: isHomePath ? "fill" : "outline",
-        width: 130,
-        height: 20,
-        className: "hidden md:block"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      Logo,
-      {
-        variant: "mark",
-        color: isHomePath ? "fill" : "outline",
-        width: 37,
-        height: 20,
-        className: "block md:hidden"
-      }
-    )
-  ), showSidebarToggle && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      ref: sidebarToggleRef,
-      size: "icon",
-      variant: "ghost",
-      "aria-label": "Toggle side navigation",
-      className: "[&_svg]:size-6",
-      onClick: onSideNavigationToggle
-    },
-    /* @__PURE__ */ React.createElement(SidebarSimple, { "aria-hidden": "true", weight: isSideNavOpen ? "fill" : "regular" })
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, hasSuggestionAction && /* @__PURE__ */ React.createElement(Button, { variant: "suggestion", onClick: onSuggestionActionClick }, /* @__PURE__ */ React.createElement(Lightning, { weight: "fill", "aria-hidden": "true" }), " ", suggestionAction), isHelpButtonEnabled && /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "ghost", "aria-label": "Open help", className: "[&_svg]:size-6", onClick: onHelpClick }, /* @__PURE__ */ React.createElement(Question, { "aria-hidden": "true" })), brainfishNativeEnabled && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      size: "icon",
-      "aria-label": "Open Brainfish Native",
-      className: "[&_svg]:size-4 size-6 rounded-3xl bg-yellowfin-gradient hover:bg-yellowfin-gradient-reverse focus-visible:bg-yellowfin-gradient-reverse",
-      style: {
-        cornerShape: "squircle"
-      },
-      onClick: onBrainfishNativeClick
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "relative" }, /* @__PURE__ */ React.createElement(Sparkle, { "aria-hidden": "true", weight: "fill", color: "white", className: "relative z-10" }), /* @__PURE__ */ React.createElement(
-      Sparkle,
-      {
-        "aria-hidden": "true",
-        weight: "fill",
-        className: "text-dark-800 opacity-20 absolute z-0 left-[1px] top-[1px]"
-      }
-    ))
-  ), /* @__PURE__ */ React.createElement(
-    AccountDropdown,
-    {
-      accountName,
-      accountPhoto,
-      accountDropdownItems,
-      teams,
-      side,
-      align,
-      isSuperAdmin
-    }
-  ))));
-});
-
-export { HEADER_NAV_HEIGHT as H, HeaderNav as a };
-//# sourceMappingURL=header-nav.b4hvOsKc.js.map