mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-10-30 23:04:30 +08:00
* dbeaver/pro#5440 feat: display boolean as checkbox in grid * #5440 refactor: make checkboxes disabled inside grid It's a very strange UX when checkbox is inside a cell of a table and behaves like a real one. It's much more expected when only cell takes focus and checkbox only represents the value in a way we want without acting like a real input. Moreover, using Focusable component enables smooth toggling between all 3 states of a boolean cell from a keyboard. * #5440 fix: remove inline padding * #5440 feat: add hover effect for boolean formatter * #5440 refactor: revert full width * #5440 refactor: split onClick and onKeyDown interfaces * #5440 fix: return onClick --------- Co-authored-by: Andrey Sychev <nukemoore@gmail.com> Co-authored-by: Evgenia <139753579+EvgeniaBzzz@users.noreply.github.com>
15 lines
330 B
TypeScript
15 lines
330 B
TypeScript
import { clsx } from '@dbeaver/ui-kit';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
}
|
|
|
|
export function NullFormatter({ className, onClick }: Props) {
|
|
return (
|
|
<span className={clsx('tw:uppercase', 'tw:opacity-65', className)} onClick={onClick}>
|
|
[NULL]
|
|
</span>
|
|
);
|
|
}
|