Disable menu/popover animations; update manifest handling

src/components/manifest/ManifestForm.jsx

@@ -35,6 +35,7 @@ class ManifestForm extends PureComponent {
       date: '',
       partyId: null,
       number: '',
+      externalNumber: '',
       lines: [emptyLine()],
       saving: false,
     };
@@ -43,6 +44,8 @@ class ManifestForm extends PureComponent {
     this.handlePartyChange = this.handlePartyChange.bind(this);
     this.handleDateChange = this.handleDateChange.bind(this);
     this.handleNumberChange = this.handleNumberChange.bind(this);
+    this.handleExternalNumberChange =
+      this.handleExternalNumberChange.bind(this);
     this.handleLineChange = this.handleLineChange.bind(this);
     this.handleAddLine = this.handleAddLine.bind(this);
     this.handleRemoveLine = this.handleRemoveLine.bind(this);
@@ -122,6 +125,8 @@ class ManifestForm extends PureComponent {
         date: dateInputValue(doc.date),
         partyId: doc[cfg.partyField],
         number: doc.number ?? '',
+        externalNumber:
+          doc.externalNumber != null ? String(doc.externalNumber) : '',
         lines,
       });
     } catch (err) {
@@ -157,6 +162,10 @@ class ManifestForm extends PureComponent {
     this.setState({ number });
   }
 
+  handleExternalNumberChange(externalNumber) {
+    this.setState({ externalNumber });
+  }
+
   handleLineChange(key, field, value) {
     this.setState((prev) => ({
       lines: prev.lines.map((line) =>
@@ -188,11 +197,16 @@ class ManifestForm extends PureComponent {
       body = buildManifestBody(
         {
           number: this.state.number,
+          externalNumber: this.state.externalNumber,
           date: this.state.date,
           partyId: this.state.partyId,
           lines: this.state.lines,
         },
-        { partyField: cfg.partyField, requireAtLeastOne },
+        {
+          partyField: cfg.partyField,
+          requireAtLeastOne,
+          externalNumber: cfg.externalNumber,
+        },
       );
     } catch (err) {
       notifyError(err);
@@ -225,6 +239,8 @@ class ManifestForm extends PureComponent {
         date: dateInputValue(doc.date),
         partyId: doc[cfg.partyField],
         number: doc.number ?? '',
+        externalNumber:
+          doc.externalNumber != null ? String(doc.externalNumber) : '',
         lines:
           apiLines.length > 0 ? apiLines.map(lineFromApi) : [emptyLine()],
         saving: false,
@@ -280,6 +296,7 @@ class ManifestForm extends PureComponent {
       date,
       partyId,
       number,
+      externalNumber,
       saving,
     } = this.state;
 
@@ -307,10 +324,12 @@ class ManifestForm extends PureComponent {
           partyId={partyId}
           date={date}
           number={number}
+          externalNumber={externalNumber}
           saving={saving}
           onPartyChange={this.handlePartyChange}
           onDateChange={this.handleDateChange}
           onNumberChange={this.handleNumberChange}
+          onExternalNumberChange={this.handleExternalNumberChange}
         />
         {status === 'ready' ? this.renderArticles() : null}
       </PanelTileGrid>