Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 25 additions & 25 deletions apps/design-system/components/command-menu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ import * as React from 'react'
import {
Button,
CommandDialog,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
CommandSeparator_Shadcn_,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
CommandSeparator,
DialogProps,
DialogTitle,
} from 'ui'
Expand Down Expand Up @@ -77,13 +77,13 @@ export function CommandMenu({ ...props }: DialogProps) {
/>
<CommandDialog open={open} onOpenChange={setOpen}>
<DialogTitle className="sr-only">Search Design System...</DialogTitle>
<CommandInput_Shadcn_ placeholder="Type a command or search..." />
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
<CommandInput placeholder="Type a command or search..." />
<CommandList>
<CommandEmpty>No results found.</CommandEmpty>
{docsConfig.sidebarNav.map((group) => (
<CommandGroup_Shadcn_ key={group.title} heading={group.title}>
<CommandGroup key={group.title} heading={group.title}>
{group.items.map((navItem) => (
<CommandItem_Shadcn_
<CommandItem
key={navItem.href}
value={navItem.title}
onSelect={() => {
Expand All @@ -94,30 +94,30 @@ export function CommandMenu({ ...props }: DialogProps) {
<CircleIcon className="h-3 w-3" strokeWidth={1} />
</div>
{navItem.title}
</CommandItem_Shadcn_>
</CommandItem>
))}
</CommandGroup_Shadcn_>
</CommandGroup>
))}
<CommandSeparator_Shadcn_ />
<CommandGroup_Shadcn_ heading="Theme">
<CommandItem_Shadcn_ onSelect={() => runCommand(() => setTheme('light'))}>
<CommandSeparator />
<CommandGroup heading="Theme">
<CommandItem onSelect={() => runCommand(() => setTheme('light'))}>
<SunIcon className="mr-2 h-4 w-4" strokeWidth={1} />
Light
</CommandItem_Shadcn_>
<CommandItem_Shadcn_ onSelect={() => runCommand(() => setTheme('dark'))}>
</CommandItem>
<CommandItem onSelect={() => runCommand(() => setTheme('dark'))}>
<MoonIcon className="mr-2 h-4 w-4" strokeWidth={1} />
Dark
</CommandItem_Shadcn_>
<CommandItem_Shadcn_ onSelect={() => runCommand(() => setTheme('classic-dark'))}>
</CommandItem>
<CommandItem onSelect={() => runCommand(() => setTheme('classic-dark'))}>
<MoonIcon className="mr-2 h-4 w-4" strokeWidth={1} />
Classic dark
</CommandItem_Shadcn_>
<CommandItem_Shadcn_ onSelect={() => runCommand(() => setTheme('system'))}>
</CommandItem>
<CommandItem onSelect={() => runCommand(() => setTheme('system'))}>
<LaptopIcon className="mr-2 h-4 w-4" strokeWidth={1} />
System
</CommandItem_Shadcn_>
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</CommandItem>
</CommandGroup>
</CommandList>
</CommandDialog>
</>
)
Expand Down
32 changes: 16 additions & 16 deletions apps/design-system/registry/default/example/combobox-demo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,12 @@ import { Check, ChevronsUpDown } from 'lucide-react'
import * as React from 'react'
import {
Button,
Command_Shadcn_,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
Popover,
PopoverContent,
PopoverTrigger,
Expand Down Expand Up @@ -61,13 +61,13 @@ export default function ComboboxDemo() {
</Button>
</PopoverTrigger>
<PopoverContent className="w-[200px] p-0">
<Command_Shadcn_>
<CommandInput_Shadcn_ placeholder="Search framework..." />
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No framework found.</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_>
<Command>
<CommandInput placeholder="Search framework..." />
<CommandList>
<CommandEmpty>No framework found.</CommandEmpty>
<CommandGroup>
{frameworks.map((framework) => (
<CommandItem_Shadcn_
<CommandItem
key={framework.value}
value={framework.value}
onSelect={(currentValue) => {
Expand All @@ -82,11 +82,11 @@ export default function ComboboxDemo() {
)}
/>
{framework.label}
</CommandItem_Shadcn_>
</CommandItem>
))}
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</Command_Shadcn_>
</CommandGroup>
</CommandList>
</Command>
</PopoverContent>
</Popover>
)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,12 @@ import { Calendar, MoreHorizontal, Tags, Trash, User } from 'lucide-react'
import * as React from 'react'
import {
Button,
Command_Shadcn_,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
Expand Down Expand Up @@ -72,14 +72,14 @@ export default function ComboboxDropdownMenu() {
Apply label
</DropdownMenuSubTrigger>
<DropdownMenuSubContent className="p-0">
<Command_Shadcn_>
<CommandInput_Shadcn_ placeholder="Filter label..." autoFocus={true} />
<Command>
<CommandInput placeholder="Filter label..." autoFocus={true} />
<ScrollArea className="h-20">
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No label found.</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_>
<CommandList>
<CommandEmpty>No label found.</CommandEmpty>
<CommandGroup>
{labels.map((label) => (
<CommandItem_Shadcn_
<CommandItem
key={label}
value={label}
onSelect={(value) => {
Expand All @@ -88,12 +88,12 @@ export default function ComboboxDropdownMenu() {
}}
>
{label}
</CommandItem_Shadcn_>
</CommandItem>
))}
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</CommandGroup>
</CommandList>
</ScrollArea>
</Command_Shadcn_>
</Command>
</DropdownMenuSubContent>
</DropdownMenuSub>
<DropdownMenuSeparator />
Expand Down
32 changes: 16 additions & 16 deletions apps/design-system/registry/default/example/combobox-form.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,12 @@ import { useForm } from 'react-hook-form'
import { toast } from 'sonner'
import {
Button,
Command_Shadcn_,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
Form,
FormControl,
FormDescription,
Expand Down Expand Up @@ -94,13 +94,13 @@ export default function ComboboxForm() {
</FormControl>
</PopoverTrigger>
<PopoverContent className="w-[200px] p-0">
<Command_Shadcn_>
<CommandInput_Shadcn_ placeholder="Search language..." />
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No language found.</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_>
<Command>
<CommandInput placeholder="Search language..." />
<CommandList>
<CommandEmpty>No language found.</CommandEmpty>
<CommandGroup>
{languages.map((language) => (
<CommandItem_Shadcn_
<CommandItem
value={language.label}
key={language.value}
onSelect={() => {
Expand All @@ -114,11 +114,11 @@ export default function ComboboxForm() {
)}
/>
{language.label}
</CommandItem_Shadcn_>
</CommandItem>
))}
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</Command_Shadcn_>
</CommandGroup>
</CommandList>
</Command>
</PopoverContent>
</Popover>
<FormDescription>
Expand Down
32 changes: 16 additions & 16 deletions apps/design-system/registry/default/example/combobox-popover.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,12 @@ import {
import * as React from 'react'
import {
Button,
Command_Shadcn_,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
Popover,
PopoverContent,
PopoverTrigger,
Expand Down Expand Up @@ -84,13 +84,13 @@ export default function ComboboxPopover() {
</Button>
</PopoverTrigger>
<PopoverContent className="p-0" side="right" align="start">
<Command_Shadcn_>
<CommandInput_Shadcn_ placeholder="Change status..." />
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_>
<Command>
<CommandInput placeholder="Change status..." />
<CommandList>
<CommandEmpty>No results found.</CommandEmpty>
<CommandGroup>
{statuses.map((status) => (
<CommandItem_Shadcn_
<CommandItem
key={status.value}
value={status.value}
onSelect={(value) => {
Expand All @@ -107,11 +107,11 @@ export default function ComboboxPopover() {
)}
/>
<span>{status.label}</span>
</CommandItem_Shadcn_>
</CommandItem>
))}
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</Command_Shadcn_>
</CommandGroup>
</CommandList>
</Command>
</PopoverContent>
</Popover>
</div>
Expand Down
32 changes: 16 additions & 16 deletions apps/design-system/registry/default/example/combobox-responsive.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,12 @@ import { Plus } from 'lucide-react'
import * as React from 'react'
import {
Button,
Command_Shadcn_,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
Drawer,
DrawerContent,
DrawerTrigger,
Expand Down Expand Up @@ -97,13 +97,13 @@ function StatusList({
setSelectedStatus: (status: Status | null) => void
}) {
return (
<Command_Shadcn_>
<CommandInput_Shadcn_ placeholder="Filter status..." />
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_>
<Command>
<CommandInput placeholder="Filter status..." />
<CommandList>
<CommandEmpty>No results found.</CommandEmpty>
<CommandGroup>
{statuses.map((status) => (
<CommandItem_Shadcn_
<CommandItem
key={status.value}
value={status.value}
onSelect={(value) => {
Expand All @@ -112,10 +112,10 @@ function StatusList({
}}
>
{status.label}
</CommandItem_Shadcn_>
</CommandItem>
))}
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</Command_Shadcn_>
</CommandGroup>
</CommandList>
</Command>
)
}
Loading
Loading