datagrid context menu

packages/datalib/src/GridDisplay.ts

@@ -58,6 +58,7 @@ export abstract class GridDisplay {
   filterable = false;
   editable = false;
   isLoadedCorrectly = true;
+  supportsReload = false;
 
   setColumnVisibility(uniquePath: string[], isVisible: boolean) {
     const uniqueName = uniquePath.join('.');

packages/datalib/src/TableGridDisplay.ts

@@ -32,6 +32,7 @@ export class TableGridDisplay extends GridDisplay {
     this.filterable = true;
     this.sortable = true;
     this.editable = true;
+    this.supportsReload = true;
     this.baseTable = this.table;
     if (this.table && this.table.columns) {
       this.changeSetKeyFields = this.table.primaryKey

packages/datalib/src/ViewGridDisplay.ts

@@ -17,6 +17,7 @@ export class ViewGridDisplay extends GridDisplay {
     this.filterable = true;
     this.sortable = true;
     this.editable = false;
+    this.supportsReload = true;
   }
 
   getDisplayColumns(view: ViewInfo) {

packages/web/src/datagrid/DataGridContextMenu.js

@@ -15,30 +15,42 @@ export default function DataGridContextMenu({
 }) {
   return (
     <>
+      {!!reload && (
         <DropDownMenuItem onClick={reload} keyText="F5">
           Reload
         </DropDownMenuItem>
-      <DropDownMenuDivider />
+      )}
+      {!!reload && <DropDownMenuDivider />}
       <DropDownMenuItem onClick={copy} keyText="Ctrl+C">
         Copy
       </DropDownMenuItem>
+      {revertRowChanges && (
         <DropDownMenuItem onClick={revertRowChanges} keyText="Ctrl+R">
           Revert row changes
         </DropDownMenuItem>
+      )}
+      {deleteSelectedRows && (
         <DropDownMenuItem onClick={deleteSelectedRows} keyText="Ctrl+Delete">
           Delete selected rows
         </DropDownMenuItem>
+      )}
+      {insertNewRow && (
         <DropDownMenuItem onClick={insertNewRow} keyText="Insert">
           Insert new row
         </DropDownMenuItem>
+      )}
       <DropDownMenuDivider />
+      {setNull && (
         <DropDownMenuItem onClick={setNull} keyText="Ctrl+0">
           Set NULL
         </DropDownMenuItem>
+      )}
       {exportGrid && <DropDownMenuItem onClick={exportGrid}>Export</DropDownMenuItem>}
+      {filterSelectedValue && (
         <DropDownMenuItem onClick={filterSelectedValue} keyText="Ctrl+F">
           Filter selected value
         </DropDownMenuItem>
+      )}
       {openQuery && <DropDownMenuItem onClick={openQuery}>Open query</DropDownMenuItem>}
       <DropDownMenuItem onClick={openFreeTable}>Open selection in free table editor</DropDownMenuItem>
     </>

packages/web/src/datagrid/DataGridCore.js

@@ -345,13 +345,13 @@ export default function DataGridCore(props) {
       event.pageY,
       <DataGridContextMenu
         copy={handleCopy}
-        revertRowChanges={revertRowChanges}
+        revertRowChanges={grider.containsChanges ? revertRowChanges : null}
-        deleteSelectedRows={deleteSelectedRows}
+        deleteSelectedRows={grider.editable ? deleteSelectedRows : null}
-        insertNewRow={insertNewRow}
+        insertNewRow={grider.editable ? insertNewRow : null}
-        reload={() => display.reload()}
+        reload={display.supportsReload ? () => display.reload() : null}
-        setNull={setNull}
+        setNull={grider.editable ? setNull : null}
         exportGrid={exportGrid}
-        filterSelectedValue={filterSelectedValue}
+        filterSelectedValue={display.filterable ? filterSelectedValue : null}
         openQuery={openQuery}
         openFreeTable={handleOpenFreeTable}
       />