Nejcraft/nej-react-utils
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update file field

Browse Source
This commit is contained in:
honzapatCZ 2025-03-31 11:24:24 +02:00
parent 0b49c447e0
commit 0682e64bd3
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Form/Core/FileField.tsx
View File

@ -10,7 +10,7 @@ import { Accept } from "react-dropzone";
* @param props.accept - Array of supported file extensions. * @param props.accept - Array of supported file extensions.
* @returns {JSX.Element} The rendered file input field. * @returns {JSX.Element} The rendered file input field.
*/ */
export function FileField({ single, accept, ...props }: FieldHookConfig<File | File[]> & { single?: boolean, accept?: Accept }) { export function FileField({ single, accept, ...props }: FieldHookConfig<File | File[]> & { single?: boolean, accept?: Accept | string }) {
const [field, meta, helpers] = useField(props); const [field, meta, helpers] = useField(props);
/** /**

4
Form/Core/NejDropzone.tsx
View File

@ -13,12 +13,12 @@ import { HTMLAttributes, useMemo } from "react";
* @param {string} props.text - The text to be displayed in the dropzone. * @param {string} props.text - The text to be displayed in the dropzone.
* @returns {JSX.Element} - NejDropzone component. * @returns {JSX.Element} - NejDropzone component.
*/ */
export default function NejDropzone({ value, accept, onDrop, validator, single, text, css, children, ...props }: HTMLAttributes<HTMLDivElement> & { value: File | File[], accept?: Accept, onDrop: (files: File[]) => void, validator?: (file: File) => FileError | FileError[] | null, single?: boolean, text?: string, css?: any, children?: any }) { export default function NejDropzone({ value, accept, onDrop, validator, single, text, css, children, ...props }: HTMLAttributes<HTMLDivElement> & { value: File | File[], accept?: Accept | string, onDrop: (files: File[]) => void, validator?: (file: File) => FileError | FileError[] | null, single?: boolean, text?: string, css?: any, children?: any }) {
const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone({ const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone({
//validator: validator, //validator: validator,
onDropAccepted: onDrop, onDropAccepted: onDrop,
accept: accept, accept: typeof (accept) === "string" ? { [accept]: ["*.*"] } : accept,
validator: validator, validator: validator,
maxFiles: single ? 1 : undefined, maxFiles: single ? 1 : undefined,
}); });