mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 11:10:46 +00:00
196ab6c473
Summary: - Brings in a new utility `contextMenu` to open context menu next to the mouse position - Use this utility to show a CellContextMenu, that sort of merge cell context menu and column context menu together. - Show cell context menu on context click on any grid's cell. - Also takes care of showing the row context menu for detail view on a context click that occurs on cells and not only on the row num header as it was the case prior to this diff. - task: https://gristlabs.getgrist.com/doc/check-ins/p/5#a1.s9.r1529.c31 - discussion: https://grist.quip.com/ETGkAroLnc0Y/Cell-Context-Menu {F40092} Test Plan: - Adds project test and nbrowser for cell context menu and new cases for the detail row context menu. Reviewers: jarek Reviewed By: jarek Differential Revision: https://phab.getgrist.com/D3237
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import { allCommands } from 'app/client/components/commands';
|
|
import { menuDivider, menuItemCmd } from 'app/client/ui2018/menus';
|
|
import { dom } from 'grainjs';
|
|
|
|
interface IRowContextMenu {
|
|
disableInsert: boolean;
|
|
disableDelete: boolean;
|
|
isViewSorted: boolean;
|
|
}
|
|
|
|
export function RowContextMenu({ disableInsert, disableDelete, isViewSorted }: IRowContextMenu) {
|
|
const result: Element[] = [];
|
|
if (isViewSorted) {
|
|
// When the view is sorted, any newly added records get shifts instantly at the top or
|
|
// bottom. It could be very confusing for users who might expect the record to stay above or
|
|
// below the active row. Thus in this case we show a single `insert row` command.
|
|
result.push(
|
|
menuItemCmd(allCommands.insertRecordAfter, 'Insert row',
|
|
dom.cls('disabled', disableInsert)),
|
|
);
|
|
} else {
|
|
result.push(
|
|
menuItemCmd(allCommands.insertRecordBefore, 'Insert row above',
|
|
dom.cls('disabled', disableInsert)),
|
|
menuItemCmd(allCommands.insertRecordAfter, 'Insert row below',
|
|
dom.cls('disabled', disableInsert)),
|
|
);
|
|
}
|
|
result.push(
|
|
menuDivider(),
|
|
// TODO: should show `Delete ${num} rows` when multiple are selected
|
|
menuItemCmd(allCommands.deleteRecords, 'Delete',
|
|
dom.cls('disabled', disableDelete)),
|
|
);
|
|
result.push(
|
|
menuDivider(),
|
|
menuItemCmd(allCommands.copyLink, 'Copy anchor link'));
|
|
return result;
|
|
}
|