80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import clsx from 'clsx';
|
|
|
|
import { Graph } from '@/models/Graph';
|
|
|
|
import {
|
|
IconGraphCollapse,
|
|
IconGraphCore,
|
|
IconGraphExpand,
|
|
IconGraphInputs,
|
|
IconGraphMaximize,
|
|
IconGraphOutputs,
|
|
IconReset
|
|
} from '../Icons';
|
|
import { CProps } from '../props';
|
|
import MiniButton from '../ui/MiniButton';
|
|
|
|
interface GraphSelectionToolbarProps extends CProps.Styling {
|
|
graph: Graph;
|
|
core: number[];
|
|
setSelected: React.Dispatch<React.SetStateAction<number[]>>;
|
|
emptySelection?: boolean;
|
|
}
|
|
|
|
function GraphSelectionToolbar({
|
|
className,
|
|
graph,
|
|
core,
|
|
setSelected,
|
|
emptySelection,
|
|
...restProps
|
|
}: GraphSelectionToolbarProps) {
|
|
return (
|
|
<div className={clsx('cc-icons', className)} {...restProps}>
|
|
<MiniButton
|
|
titleHtml='Сбросить выделение'
|
|
icon={<IconReset size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected([])}
|
|
disabled={emptySelection}
|
|
/>
|
|
<MiniButton
|
|
titleHtml='Выделить все влияющие'
|
|
icon={<IconGraphCollapse size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected(prev => [...prev, ...graph.expandAllInputs(prev)])}
|
|
disabled={emptySelection}
|
|
/>
|
|
<MiniButton
|
|
titleHtml='Выделить все зависимые'
|
|
icon={<IconGraphExpand size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected(prev => [...prev, ...graph.expandAllOutputs(prev)])}
|
|
disabled={emptySelection}
|
|
/>
|
|
<MiniButton
|
|
titleHtml='<b>Максимизация</b> - дополнение выделения конституентами, зависимыми только от выделенных'
|
|
icon={<IconGraphMaximize size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected(prev => graph.maximizePart(prev))}
|
|
disabled={emptySelection}
|
|
/>
|
|
<MiniButton
|
|
titleHtml='Выделить поставщиков'
|
|
icon={<IconGraphInputs size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected(prev => [...prev, ...graph.expandInputs(prev)])}
|
|
disabled={emptySelection}
|
|
/>
|
|
<MiniButton
|
|
titleHtml='Выделить потребителей'
|
|
icon={<IconGraphOutputs size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected(prev => [...prev, ...graph.expandOutputs(prev)])}
|
|
disabled={emptySelection}
|
|
/>
|
|
<MiniButton
|
|
titleHtml='Выделить ядро'
|
|
icon={<IconGraphCore size='1.25rem' className='icon-primary' />}
|
|
onClick={() => setSelected([...core, ...graph.expandInputs(core)])}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default GraphSelectionToolbar;
|