From 80b1f54af1c135c7c59b0d47e90d89d5a8d2ef7a Mon Sep 17 00:00:00 2001 From: Dan Rukas Date: Fri, 27 Sep 2024 12:17:54 -0400 Subject: [PATCH 1/3] ui(dropdown menu): Added DropdownMenu component in ui-next (#4387) --- platform/ui-next/package.json | 1 + platform/ui-next/src/_pages/playground.tsx | 76 ++++++- .../ui-next/src/components/Calendar/index.tsx | 2 +- .../ui-next/src/components/Combobox/index.ts | 2 +- .../ui-next/src/components/Command/index.ts | 14 +- .../ui-next/src/components/DateRange/index.ts | 4 +- .../ui-next/src/components/Dialog/index.ts | 15 +- .../DisplaySetMessageListTooltip.tsx | 2 +- .../DisplaySetMessageListTooltip/index.ts | 4 +- .../components/DropdownMenu/DropdownMenu.tsx | 189 ++++++++++++++++++ .../src/components/DropdownMenu/index.ts | 35 ++++ .../components/PanelSection/PanelSection.tsx | 2 +- .../src/components/PanelSection/index.ts | 5 +- .../ui-next/src/components/Popover/index.ts | 4 +- .../ui-next/src/components/Separator/index.ts | 4 +- .../src/components/SidePanel/SidePanel.tsx | 2 +- .../ui-next/src/components/SidePanel/index.ts | 4 +- .../components/StudyBrowser/StudyBrowser.tsx | 2 +- .../src/components/StudyBrowser/index.ts | 4 +- .../StudyBrowserSort/StudyBrowserSort.tsx | 2 +- .../src/components/StudyBrowserSort/index.ts | 4 +- .../StudyBrowserViewOptions.tsx | 6 +- .../StudyBrowserViewOptions/index.ts | 4 +- .../src/components/StudyItem/StudyItem.tsx | 2 +- .../ui-next/src/components/StudyItem/index.ts | 4 +- .../src/components/Thumbnail/Thumbnail.tsx | 4 +- .../ui-next/src/components/Thumbnail/index.ts | 4 +- .../ThumbnailList/ThumbnailList.tsx | 20 +- .../src/components/ThumbnailList/index.ts | 4 +- platform/ui-next/src/components/index.ts | 114 ++++++++--- yarn.lock | 92 ++++++--- 31 files changed, 517 insertions(+), 114 deletions(-) create mode 100644 platform/ui-next/src/components/DropdownMenu/DropdownMenu.tsx create mode 100644 platform/ui-next/src/components/DropdownMenu/index.ts diff --git a/platform/ui-next/package.json b/platform/ui-next/package.json index d35a8645c7d..d160efb1b32 100644 --- a/platform/ui-next/package.json +++ b/platform/ui-next/package.json @@ -30,6 +30,7 @@ "@radix-ui/react-accordion": "^1.2.0", "@radix-ui/react-checkbox": "^1.1.1", "@radix-ui/react-dialog": "^1.1.1", + "@radix-ui/react-dropdown-menu": "^2.1.1", "@radix-ui/react-icons": "^1.3.0", "@radix-ui/react-label": "^2.1.0", "@radix-ui/react-popover": "^1.0.7", diff --git a/platform/ui-next/src/_pages/playground.tsx b/platform/ui-next/src/_pages/playground.tsx index fc1bf3a7e03..155468249ab 100644 --- a/platform/ui-next/src/_pages/playground.tsx +++ b/platform/ui-next/src/_pages/playground.tsx @@ -24,6 +24,23 @@ import { Checkbox } from '../components/Checkbox'; import { Toggle, toggleVariants } from '../components/Toggle'; import { Slider } from '../components/Slider'; import { ScrollArea, ScrollBar } from '../components/ScrollArea'; +import { + DropdownMenu, + DropdownMenuTrigger, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuCheckboxItem, + DropdownMenuRadioItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuShortcut, + DropdownMenuGroup, + DropdownMenuPortal, + DropdownMenuSub, + DropdownMenuSubContent, + DropdownMenuSubTrigger, + DropdownMenuRadioGroup, +} from '../components/DropdownMenu'; import { BackgroundColorSelect } from '../components/BackgroundColorSelect'; @@ -244,7 +261,7 @@ export default function Playground() { -

Tabs

+

Select