Update dependencies
This commit is contained in:
@@ -1,20 +1,24 @@
|
||||
import type { RadioButtonProps } from "$/types/InputTypes";
|
||||
import { Radio } from "@headlessui/react";
|
||||
import clsx from "clsx";
|
||||
import { useId } from "react";
|
||||
|
||||
|
||||
export default function RadioButton({
|
||||
id = crypto.randomUUID().replaceAll("-", ""),
|
||||
id,
|
||||
className,
|
||||
labelClassName,
|
||||
size = "sm",
|
||||
value,
|
||||
disabled,
|
||||
children
|
||||
}: Readonly<RadioButtonProps>){
|
||||
}: Readonly<RadioButtonProps>) {
|
||||
const reactId = useId();
|
||||
const effectiveId = id ?? reactId;
|
||||
|
||||
return (
|
||||
<Radio
|
||||
id={id}
|
||||
id={effectiveId}
|
||||
value={value}
|
||||
className={clsx(
|
||||
"group",
|
||||
@@ -26,7 +30,7 @@ export default function RadioButton({
|
||||
}
|
||||
)}
|
||||
disabled={disabled}
|
||||
aria-labelledby={`${id}Label`}
|
||||
aria-labelledby={`${effectiveId}Label`}
|
||||
>
|
||||
<div
|
||||
className={clsx(
|
||||
@@ -45,7 +49,7 @@ export default function RadioButton({
|
||||
{
|
||||
children &&
|
||||
<span
|
||||
id={`${id}Label`}
|
||||
id={`${effectiveId}Label`}
|
||||
className={labelClassName}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -20,8 +20,8 @@ export default function MattrixwvTabGroup({
|
||||
>
|
||||
<MattrixwvTabList>
|
||||
{
|
||||
tabs.map((tab, index) => (
|
||||
<MattrixwvTab key={index}>
|
||||
tabs.map(tab => (
|
||||
<MattrixwvTab key={tab.id}>
|
||||
{tab.tab}
|
||||
</MattrixwvTab>
|
||||
))
|
||||
@@ -29,8 +29,8 @@ export default function MattrixwvTabGroup({
|
||||
</MattrixwvTabList>
|
||||
<MattrixwvTabPanels>
|
||||
{
|
||||
tabs.map((tab, index) => (
|
||||
<MattrixwvTabPanel key={index}>
|
||||
tabs.map(tab => (
|
||||
<MattrixwvTabPanel key={tab.id}>
|
||||
{tab.content}
|
||||
</MattrixwvTabPanel>
|
||||
))
|
||||
|
||||
@@ -6,9 +6,11 @@ import clsx from "clsx";
|
||||
export default function Toaster({
|
||||
toast,
|
||||
className
|
||||
}: Readonly<ToasterProps>){
|
||||
}: Readonly<ToasterProps>) {
|
||||
//TODO: Rework how your toasters work
|
||||
return (
|
||||
<Transition
|
||||
// eslint-disable-next-line @eslint-react/purity
|
||||
show={toast.length > 1 || (toast.length === 1 && toast[0].hideTime > new Date())}
|
||||
enter="transform transition duration-500"
|
||||
enterFrom="-translate-y-[25vh]"
|
||||
|
||||
Reference in New Issue
Block a user