mirror of
https://github.com/discordjs/discord.js.git
synced 2026-03-12 09:33:32 +01:00
chore: upgrade deps (#10824)
This commit is contained in:
@@ -31,8 +31,8 @@ export function CmdK({ dependencies }: { readonly dependencies: string[] }) {
|
||||
const searchResultItems =
|
||||
searchResults?.map((item, idx) => (
|
||||
<Command.Item
|
||||
key={`${item.id}-${idx}`}
|
||||
className="flex cursor-pointer place-items-center gap-2 rounded-md p-2 data-[selected='true']:bg-neutral-200 dark:data-[selected='true']:bg-neutral-800"
|
||||
key={`${item.id}-${idx}`}
|
||||
onSelect={() => {
|
||||
router.push(item.path);
|
||||
setOpen(false);
|
||||
@@ -108,9 +108,9 @@ export function CmdK({ dependencies }: { readonly dependencies: string[] }) {
|
||||
return (
|
||||
<Command.Dialog
|
||||
className="w-full rounded-md border border-neutral-300 bg-neutral-100 p-2 shadow-md dark:border-neutral-700 dark:bg-neutral-900"
|
||||
open={open}
|
||||
onOpenChange={setOpen}
|
||||
label="Command Menu"
|
||||
onOpenChange={setOpen}
|
||||
open={open}
|
||||
shouldFilter={false}
|
||||
>
|
||||
<Command.Input
|
||||
@@ -135,7 +135,7 @@ export function CmdK({ dependencies }: { readonly dependencies: string[] }) {
|
||||
{search && searchResultItems.length ? (
|
||||
searchResultItems
|
||||
) : (
|
||||
<div role="presentation" className="flex h-12 place-content-center place-items-center text-sm">
|
||||
<div className="flex h-12 place-content-center place-items-center text-sm" role="presentation">
|
||||
No results found.
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -18,7 +18,7 @@ export function Drawer({ children }: PropsWithChildren) {
|
||||
}, [isMedium, setOpen]);
|
||||
|
||||
return (
|
||||
<Vaul.Root open={open} onOpenChange={setOpen}>
|
||||
<Vaul.Root onOpenChange={setOpen} open={open}>
|
||||
<Vaul.Trigger
|
||||
aria-label="Open navigation"
|
||||
className="flex h-12 w-full place-content-center place-items-center rounded-t-lg border-t border-neutral-300 bg-neutral-100 p-2 dark:border-neutral-700 dark:bg-neutral-900"
|
||||
|
||||
@@ -24,9 +24,9 @@ export function InstallButton({ className = '' }: { readonly className?: string
|
||||
>
|
||||
<span className="font-semibold text-blurple">{'>'}</span> npm install discord.js{' '}
|
||||
{copiedText && interacted ? (
|
||||
<CopyCheck aria-hidden size={20} className="ml-1 inline-block text-green-500" />
|
||||
<CopyCheck aria-hidden className="ml-1 inline-block text-green-500" size={20} />
|
||||
) : (
|
||||
<Copy aria-hidden size={20} className="ml-1 inline-block" />
|
||||
<Copy aria-hidden className="ml-1 inline-block" size={20} />
|
||||
)}
|
||||
</button>
|
||||
);
|
||||
|
||||
@@ -27,23 +27,23 @@ export function PackageSelect({ packageName }: { readonly packageName: string })
|
||||
<Select
|
||||
aria-label="Select a package"
|
||||
className="hidden md:block"
|
||||
selectedKey={selectedPackage}
|
||||
onSelectionChange={(selected) => {
|
||||
setSelectedPackage(selected);
|
||||
}}
|
||||
selectedKey={selectedPackage}
|
||||
>
|
||||
<Button className="flex w-full place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800">
|
||||
<SelectValue className="font-medium" />
|
||||
<ChevronsUpDown aria-hidden size={20} />
|
||||
</Button>
|
||||
<Popover className="max-h-60 w-[--trigger-width] overflow-auto rounded-md border border-neutral-300 bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
|
||||
<ListBox shouldFocusWrap items={PACKAGES}>
|
||||
<ListBox items={PACKAGES} shouldFocusWrap>
|
||||
{(item) => (
|
||||
<ListBoxItem
|
||||
className="flex p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
href={`/docs/packages/${item.name}/stable`}
|
||||
id={item.name}
|
||||
textValue={item.name}
|
||||
href={`/docs/packages/${item.name}/stable`}
|
||||
className="flex p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
>
|
||||
{item.name}
|
||||
</ListBoxItem>
|
||||
@@ -52,7 +52,7 @@ export function PackageSelect({ packageName }: { readonly packageName: string })
|
||||
</Popover>
|
||||
</Select>
|
||||
|
||||
<Vaul.NestedRoot open={open} onOpenChange={setOpen}>
|
||||
<Vaul.NestedRoot onOpenChange={setOpen} open={open}>
|
||||
<Vaul.Trigger
|
||||
aria-label="Open package select"
|
||||
className="flex w-full place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800 md:hidden"
|
||||
@@ -67,21 +67,21 @@ export function PackageSelect({ packageName }: { readonly packageName: string })
|
||||
<ListBox
|
||||
aria-label="Select a package"
|
||||
className="flex flex-col gap-2 overflow-auto"
|
||||
shouldFocusWrap
|
||||
items={PACKAGES}
|
||||
selectionMode="single"
|
||||
selectedKeys={[selectedPackage]}
|
||||
onSelectionChange={(selected) => {
|
||||
const [val] = selected;
|
||||
setSelectedPackage(val as Key);
|
||||
}}
|
||||
selectedKeys={[selectedPackage]}
|
||||
selectionMode="single"
|
||||
shouldFocusWrap
|
||||
>
|
||||
{(item) => (
|
||||
<ListBoxItem
|
||||
className="rounded-md p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
href={`/docs/packages/${item.name}/stable`}
|
||||
id={item.name}
|
||||
textValue={item.name}
|
||||
href={`/docs/packages/${item.name}/stable`}
|
||||
className="rounded-md p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
>
|
||||
{item.name}
|
||||
</ListBoxItem>
|
||||
|
||||
@@ -11,8 +11,8 @@ export function SearchButton() {
|
||||
<button
|
||||
aria-label="Open search"
|
||||
className="flex place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800"
|
||||
type="button"
|
||||
onClick={() => setIsOpen(true)}
|
||||
type="button"
|
||||
>
|
||||
<span className="flex place-items-center gap-2">
|
||||
<Search aria-hidden size={20} />
|
||||
|
||||
@@ -34,23 +34,23 @@ export function VersionSelect({
|
||||
<Select
|
||||
aria-label="Select a version"
|
||||
className="hidden md:block"
|
||||
selectedKey={selectedVersion}
|
||||
onSelectionChange={(selected) => {
|
||||
setSelectedVersion(selected);
|
||||
}}
|
||||
selectedKey={selectedVersion}
|
||||
>
|
||||
<Button className="flex w-full place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800">
|
||||
<SelectValue className="font-medium" />
|
||||
<ChevronsUpDown aria-hidden size={20} />
|
||||
</Button>
|
||||
<Popover className="max-h-60 w-[--trigger-width] overflow-auto rounded-md border border-neutral-300 bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
|
||||
<ListBox shouldFocusWrap items={versions}>
|
||||
<ListBox items={versions} shouldFocusWrap>
|
||||
{(item) => (
|
||||
<ListBoxItem
|
||||
className="flex p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
href={`/docs/packages/${packageName}/${item.version}`}
|
||||
id={item.version}
|
||||
textValue={item.version}
|
||||
href={`/docs/packages/${packageName}/${item.version}`}
|
||||
className="flex p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
>
|
||||
{item.version}
|
||||
</ListBoxItem>
|
||||
@@ -59,7 +59,7 @@ export function VersionSelect({
|
||||
</Popover>
|
||||
</Select>
|
||||
|
||||
<Vaul.NestedRoot open={open} onOpenChange={setOpen}>
|
||||
<Vaul.NestedRoot onOpenChange={setOpen} open={open}>
|
||||
<Vaul.Trigger
|
||||
aria-label="Open version select"
|
||||
className="flex w-full place-content-between place-items-center rounded-md bg-neutral-200 p-2 dark:bg-neutral-800 md:hidden"
|
||||
@@ -74,21 +74,21 @@ export function VersionSelect({
|
||||
<ListBox
|
||||
aria-label="Select a version"
|
||||
className="flex flex-col gap-2 overflow-auto"
|
||||
shouldFocusWrap
|
||||
items={versions}
|
||||
selectionMode="single"
|
||||
selectedKeys={[selectedVersion]}
|
||||
onSelectionChange={(selected) => {
|
||||
const [val] = selected;
|
||||
setSelectedVersion(val as Key);
|
||||
}}
|
||||
selectedKeys={[selectedVersion]}
|
||||
selectionMode="single"
|
||||
shouldFocusWrap
|
||||
>
|
||||
{(item) => (
|
||||
<ListBoxItem
|
||||
className="rounded-md p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
href={`/docs/packages/${packageName}/${item.version}`}
|
||||
id={item.version}
|
||||
textValue={item.version}
|
||||
href={`/docs/packages/${packageName}/${item.version}`}
|
||||
className="rounded-md p-2 outline-none data-[focus-visible]:bg-neutral-300 data-[hovered]:bg-neutral-300 data-[selected]:bg-blurple data-[selected]:data-[focus-visible]:bg-blurple-500 data-[selected]:data-[hovered]:bg-blurple-500 data-[selected]:text-white dark:data-[focus-visible]:bg-neutral-700 dark:data-[hovered]:bg-neutral-700 dark:data-[selected]:data-[focus-visible]:bg-blurple-500 dark:data-[selected]:data-[hovered]:bg-blurple-500"
|
||||
>
|
||||
{item.version}
|
||||
</ListBoxItem>
|
||||
|
||||
Reference in New Issue
Block a user