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

Merge branch 'master' of https://git.nejcraft.cz/Nejcraft/nej-react-utils

Browse Source
This commit is contained in:
honzapatCZ 2025-06-06 17:27:04 +02:00
commit 20ed4bb88f
4 changed files with 8 additions and 8 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,
}); });

2
Form/withForm.tsx
View File

@ -11,7 +11,7 @@ type FormProps<T> = {
}; };
export type WithFormProps<T, P> = P & FormProps<T>; export type WithFormProps<T, P> = P & FormProps<T>;
type CleanedFormProps<P> = Omit<P, "refresh" | "afterSubmit" | "initialData">; type CleanedFormProps<P> = Omit<P, "refresh" | "afterSubmit" | "initialData">;
export function withForm<T extends object, P extends FormProps<T>>(WrappedForm: React.ComponentType<CleanedFormProps<P>>, method: (client: ApiClient, project: OwnerResponse, props: P) => (body: T) => CancelablePromise<any>, submitText: string, trMethod?: (initialData: T, props: CleanedFormProps<P>) => T) { export function withForm<T extends object, P extends FormProps<T>>(WrappedForm: React.ComponentType<CleanedFormProps<P>>, method: (client: ApiClient, project: OwnerResponse, props: P) => (body: T) => CancelablePromise<any> | any, submitText: string, trMethod?: (initialData: T, props: CleanedFormProps<P>) => T) {
return function GameFormWrapper({ refresh, afterSubmit, initialData, ...props }: P) { return function GameFormWrapper({ refresh, afterSubmit, initialData, ...props }: P) {
const client = useApiClient(); const client = useApiClient();
const company = useOwner(); const company = useOwner();

8
useModal.tsx
View File

@ -3,14 +3,14 @@ import { useCallback } from "react";
export default function useModal<T>( export default function useModal<T>(
Component: React.ComponentType<T>, Component: React.ComponentType<T>,
title: string defaulTitle: string
) { ) {
const openModal = useCallback((params: T) => { const openModal = useCallback((params: T, title?: string) => {
modals.open({ modals.open({
title, title: title ?? defaulTitle,
children: <Component afterSubmit={() => modals.closeAll()} {...params} />, children: <Component afterSubmit={() => modals.closeAll()} {...params} />,
}); });
}, [Component, title]); }, [Component, defaulTitle ]);
return openModal; return openModal;
} }