75 lines
2.5 KiB
TypeScript
75 lines
2.5 KiB
TypeScript
'use client';
|
|
|
|
import { Controller, useForm, useWatch } from 'react-hook-form';
|
|
import { zodResolver } from '@hookform/resolvers/zod';
|
|
import clsx from 'clsx';
|
|
|
|
import { Checkbox, TextArea, TextInput } from '@/components/Input';
|
|
import { ModalForm } from '@/components/Modal';
|
|
import { useDialogsStore } from '@/stores/dialogs';
|
|
import { errorMsg } from '@/utils/labels';
|
|
|
|
import { IVersionCreateDTO, IVersionInfo, schemaVersionCreate } from '../backend/types';
|
|
import { useVersionCreate } from '../backend/useVersionCreate';
|
|
import { nextVersion } from '../models/libraryAPI';
|
|
|
|
export interface DlgCreateVersionProps {
|
|
itemID: number;
|
|
versions: IVersionInfo[];
|
|
onCreate: (newVersion: number) => void;
|
|
selected: number[];
|
|
totalCount: number;
|
|
}
|
|
|
|
function DlgCreateVersion() {
|
|
const { itemID, versions, selected, totalCount, onCreate } = useDialogsStore(
|
|
state => state.props as DlgCreateVersionProps
|
|
);
|
|
const { versionCreate } = useVersionCreate();
|
|
|
|
const { register, handleSubmit, control } = useForm<IVersionCreateDTO>({
|
|
resolver: zodResolver(schemaVersionCreate),
|
|
defaultValues: {
|
|
version: versions.length > 0 ? nextVersion(versions[versions.length - 1].version) : '1.0.0',
|
|
description: '',
|
|
items: []
|
|
}
|
|
});
|
|
const version = useWatch({ control, name: 'version' });
|
|
const canSubmit = !versions.find(ver => ver.version === version);
|
|
|
|
function onSubmit(data: IVersionCreateDTO) {
|
|
return versionCreate({ itemID, data }).then(onCreate);
|
|
}
|
|
|
|
return (
|
|
<ModalForm
|
|
header='Создание версии'
|
|
className={clsx('cc-column', 'w-[30rem]', 'py-2 px-6')}
|
|
canSubmit={canSubmit}
|
|
submitInvalidTooltip={errorMsg.versionTaken}
|
|
submitText='Создать'
|
|
onSubmit={event => void handleSubmit(onSubmit)(event)}
|
|
>
|
|
<TextInput id='dlg_version' {...register('version')} dense label='Версия' className='w-[16rem]' />
|
|
<TextArea id='dlg_description' {...register('description')} spellCheck label='Описание' rows={3} />
|
|
{selected.length > 0 ? (
|
|
<Controller
|
|
control={control}
|
|
name='items'
|
|
render={({ field }) => (
|
|
<Checkbox
|
|
id='dlg_only_selected'
|
|
label={`Только выбранные конституенты [${selected.length} из ${totalCount}]`}
|
|
value={field.value.length > 0}
|
|
onChange={value => field.onChange(value ? selected : [])}
|
|
/>
|
|
)}
|
|
/>
|
|
) : null}
|
|
</ModalForm>
|
|
);
|
|
}
|
|
|
|
export default DlgCreateVersion;
|