Mathis
c51e4fcc77
Added several files to the AutoForm component for better form functionality including a file for each type of input field (checkbox, date, enum, file, number, radio-group, switch, etc). Managed the configurations in a separate file and handled dependencies to control form behaviours. This commit enhances form handling capabilities and simplifies the process for creating versatile forms.
35 lines
849 B
TypeScript
35 lines
849 B
TypeScript
import { Checkbox } from "@/components/ui/checkbox";
|
|
import { FormControl, FormItem } from "@/components/ui/form";
|
|
import AutoFormLabel from "../common/label";
|
|
import AutoFormTooltip from "../common/tooltip";
|
|
import type { AutoFormInputComponentProps } from "../types";
|
|
|
|
export default function AutoFormCheckbox({
|
|
label,
|
|
isRequired,
|
|
field,
|
|
fieldConfigItem,
|
|
fieldProps,
|
|
}: AutoFormInputComponentProps) {
|
|
return (
|
|
<div>
|
|
<FormItem>
|
|
<div className="mb-3 flex items-center gap-3">
|
|
<FormControl>
|
|
<Checkbox
|
|
checked={field.value}
|
|
onCheckedChange={field.onChange}
|
|
{...fieldProps}
|
|
/>
|
|
</FormControl>
|
|
<AutoFormLabel
|
|
label={fieldConfigItem?.label || label}
|
|
isRequired={isRequired}
|
|
/>
|
|
</div>
|
|
</FormItem>
|
|
<AutoFormTooltip fieldConfigItem={fieldConfigItem} />
|
|
</div>
|
|
);
|
|
}
|