53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import clsx from 'clsx';
|
|
|
|
import { SelectSingle } from '@/components/Input';
|
|
import { CProps } from '@/components/props';
|
|
|
|
import { IOperation } from '../models/oss';
|
|
import { matchOperation } from '../models/ossAPI';
|
|
|
|
interface SelectOperationProps extends CProps.Styling {
|
|
items?: IOperation[];
|
|
value?: IOperation;
|
|
onChange: (newValue?: IOperation) => void;
|
|
|
|
placeholder?: string;
|
|
noBorder?: boolean;
|
|
}
|
|
|
|
function SelectOperation({
|
|
className,
|
|
items,
|
|
value,
|
|
onChange,
|
|
placeholder = 'Выберите операцию',
|
|
...restProps
|
|
}: SelectOperationProps) {
|
|
const options =
|
|
items?.map(cst => ({
|
|
value: cst.id,
|
|
label: `${cst.alias}: ${cst.title}`
|
|
})) ?? [];
|
|
|
|
function filter(option: { value: string | undefined; label: string }, query: string) {
|
|
const operation = items?.find(item => item.id === Number(option.value));
|
|
return !operation ? false : matchOperation(operation, query);
|
|
}
|
|
|
|
return (
|
|
<SelectSingle
|
|
className={clsx('text-ellipsis', className)}
|
|
options={options}
|
|
value={value ? { value: value.id, label: `${value.alias}: ${value.title}` } : null}
|
|
onChange={data => onChange(items?.find(cst => cst.id === data?.value))}
|
|
filterOption={filter}
|
|
placeholder={placeholder}
|
|
{...restProps}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default SelectOperation;
|