(core) Show summary tables on Raw Data page

Summary:
Summary tables now have their own raw viewsection, and are shown
under Raw Data Tables on the Raw Data page.

Test Plan: Browser and Python tests.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D3495

app/client/ui/PageWidgetPicker.ts

@@ -131,7 +131,7 @@ export function buildPageWidgetPicker(
     onSave: ISaveFunc,
     options: IOptions = {}) {
 
-  const tables = fromKo(docModel.allTables.getObservable());
+  const tables = fromKo(docModel.visibleTables.getObservable());
   const columns = fromKo(docModel.columns.createAllRowsModel('parentPos').getObservable());
 
   // default value for when it is omitted

app/client/ui/RightPanel.ts

@@ -300,10 +300,16 @@ export class RightPanel extends Disposable {
     return dom.maybe(viewConfigTab, (vct) => [
       this._disableIfReadonly(),
       cssLabel(dom.text(use => use(activeSection.isRaw) ? 'DATA TABLE NAME' : 'WIDGET TITLE'),
-               dom.style('margin-bottom', '14px')),
+        dom.style('margin-bottom', '14px'),
+      ),
       cssRow(cssTextInput(
         Computed.create(owner, (use) => use(activeSection.titleDef)),
         val => activeSection.titleDef.saveOnly(val),
+        dom.boolAttr('disabled', use => {
+          const isRawTable = use(activeSection.isRaw);
+          const isSummaryTable = use(use(activeSection.table).summarySourceTable) !== 0;
+          return isRawTable && isSummaryTable;
+        }),
         testId('right-widget-title')
       )),
 
@@ -753,4 +759,10 @@ const cssListItem = styled('li', `
 
 export const cssTextInput = styled(textInput, `
   flex: 1 0 auto;
+
+  &:disabled {
+    color: ${colors.slate};
+    background-color: ${colors.lightGrey};
+    pointer-events: none;
+  }
 `);

app/client/ui/Tools.ts

@@ -51,7 +51,7 @@ export function tools(owner: Disposable, gristDoc: GristDoc, leftPanelOpen: Obse
       cssPageEntry.cls('-selected', (use) => use(gristDoc.activeViewId) === 'data'),
       cssPageLink(
         cssPageIcon('Database'),
-        cssLinkText('Raw data'),
+        cssLinkText('Raw Data'),
         testId('raw'),
         urlState().setLinkUrl({docPage: 'data'})
       )