(core) Add cell formatting options to reference columns

Test Plan:
Tested manually by enabling/disabling wrapping and changing alignment on reference columns. Existing test updated to check that
reference columns have cell formatting options available.

Reviewers: dsagal

Reviewed By: dsagal

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

app/client/widgets/Reference.ts

@@ -58,6 +58,14 @@ export class Reference extends NTextBox {
   }
 
   public buildConfigDom() {
+    return [
+      this.buildTransformConfigDom(),
+      cssLabel('CELL FORMAT'),
+      super.buildConfigDom()
+    ];
+  }
+
+  public buildTransformConfigDom() {
     return [
       cssLabel('SHOW COLUMN'),
       cssRow(
@@ -67,10 +75,6 @@ export class Reference extends NTextBox {
     ];
   }
 
-  public buildTransformConfigDom() {
-    return this.buildConfigDom();
-  }
-
   public buildDom(row: DataRowModel) {
     const formattedValue = Computed.create(null, (use) => {
       if (use(row._isAddRow) || this.isDisposed() || use(this.field.displayColModel).isDisposed()) {
@@ -92,6 +96,8 @@ export class Reference extends NTextBox {
     });
     return dom('div.field_clip',
       dom.autoDispose(formattedValue),
+      dom.style('text-align', this.alignment),
+      dom.cls('text_wrapping', this.wrapping),
       cssRefIcon('FieldReference',
         testId('ref-link-icon')
       ),
@@ -101,6 +107,7 @@ export class Reference extends NTextBox {
 }
 
 const cssRefIcon = styled(icon, `
+  float: left;
   background-color: ${colors.slate};
   margin: -1px 2px 2px 0;
 `);

app/client/widgets/UserType.js

@@ -228,7 +228,9 @@ var typeDefs = {
         cons: 'Reference',
         editCons: 'ReferenceEditor',
         icon: 'FieldReference',
-        options: {}
+        options: {
+          alignment: 'left'
+        }
       }
     },
     default: 'Reference'