@inboxsdk/core 1.1.6 → 1.1.7

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-row-list-view.d.ts

@@ -1,10 +1,41 @@
-import { Observable } from 'kefir';
-import { GmailThreadRowView } from '../../../platform-implementation';
+import * as Kefir from 'kefir';
+import type { Bus } from 'kefir-bus';
 import GmailToolbarView from './gmail-toolbar-view';
-
-export default class GmailRowListView {
-  getRowViewDriverStream(): Observable<GmailThreadRowView, unknown>;
-  getThreadRowViewDrivers(): Set<GmailThreadRowView>;
-  getToolbarView(): GmailToolbarView | null | undefined;
-  getSelectedThreadRowViewDrivers(): Set<GmailThreadRowView>;
+import GmailThreadRowView from './gmail-thread-row-view';
+import type GmailDriver from '../gmail-driver';
+import type GmailRouteView from './gmail-route-view/gmail-route-view';
+declare class GmailRowListView {
+    _element: HTMLElement;
+    _gmailDriver: GmailDriver;
+    _routeViewDriver: GmailRouteView;
+    _pendingExpansions: Map<string, number>;
+    _pendingExpansionsSignal: Bus<any, unknown>;
+    _toolbarView: GmailToolbarView | null | undefined;
+    _threadRowViewDrivers: Set<GmailThreadRowView>;
+    _eventStreamBus: Bus<any, unknown>;
+    _rowViewDriverStream: Kefir.Observable<GmailThreadRowView, unknown>;
+    _stopper: Kefir.Observable<any, unknown>;
+    _elementsToViews: Map<HTMLElement, GmailThreadRowView>;
+    _selectionMutationObserver: MutationObserver;
+    _selectedThreadRowViews: Set<GmailThreadRowView>;
+    constructor(rootElement: HTMLElement, routeViewDriver: GmailRouteView, gmailDriver: GmailDriver);
+    destroy(): void;
+    getElement(): HTMLElement;
+    getRouteViewDriver(): GmailRouteView;
+    getToolbarView(): GmailToolbarView | null | undefined;
+    getSelectedThreadRowViewDrivers(): Set<GmailThreadRowView>;
+    getThreadRowViewDrivers(): Set<GmailThreadRowView>;
+    getRowViewDriverStream(): Kefir.Observable<GmailThreadRowView, unknown>;
+    getEventStream(): Bus<any, unknown>;
+    _setupToolbarView(): void;
+    _findToolbarElement(): HTMLElement | null;
+    _fixColumnWidths(newTableParent: HTMLElement | null | undefined): void;
+    expandColumn(colSelector: string, width: number): void;
+    _expandColumnJob(): void;
+    _batchedSignalThreadRowViewSelectionChangeScheduled: boolean;
+    _batchedSignalThreadRowViewSelectionChange(): void;
+    _startWatchingForRowViews(): void;
+    _addThreadRowView(gmailThreadRowView: GmailThreadRowView): void;
 }
+export default GmailRowListView;
+//# sourceMappingURL=gmail-row-list-view.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-row-list-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-row-list-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-row-list-view.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAIrC,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAKzD,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AAItE,cAAM,gBAAgB;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,gBAAgB,EAAE,cAAc,CAAC;IACjC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,wBAAwB,EAAE,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC5C,YAAY,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,qBAAqB,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAa;IAC3D,eAAe,EAAE,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACnC,oBAAoB,EAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACzC,gBAAgB,EAAE,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAa;IACnE,0BAA0B,EAAE,gBAAgB,CAAC;IAC7C,uBAAuB,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAa;gBAG3D,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,cAAc,EAC/B,WAAW,EAAE,WAAW;IAsD1B,OAAO;IAkBP,UAAU,IAAI,WAAW;IAIzB,kBAAkB,IAAI,cAAc;IAIpC,cAAc,IAAI,gBAAgB,GAAG,IAAI,GAAG,SAAS;IAIrD,+BAA+B,IAAI,GAAG,CAAC,kBAAkB,CAAC;IAI1D,uBAAuB,IAAI,GAAG,CAAC,kBAAkB,CAAC;IAIlD,sBAAsB;IAItB,cAAc;IAId,iBAAiB;IAejB,mBAAmB;IAuBnB,gBAAgB,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS;IAqB/D,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAU/C,gBAAgB;IAiBhB,mDAAmD,UAAS;IAE5D,0CAA0C;IAe1C,yBAAyB;IAsEzB,iBAAiB,CAAC,kBAAkB,EAAE,kBAAkB;CAUzD;AAED,eAAe,gBAAgB,CAAC"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-row-list-view.js

@@ -1,219 +1,237 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ud = require("ud");
-var _find = _interopRequireDefault(require("lodash/find"));
-var _zip = _interopRequireDefault(require("lodash/zip"));
-var _asap = _interopRequireDefault(require("asap"));
-var _assert = _interopRequireDefault(require("assert"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _getOrFail = _interopRequireDefault(require("../../../../common/get-or-fail"));
-var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _gmailToolbarView = _interopRequireDefault(require("./gmail-toolbar-view"));
-var _gmailThreadRowView = _interopRequireDefault(require("./gmail-thread-row-view"));
-var _streamWaitFor = _interopRequireDefault(require("../../../lib/stream-wait-for"));
-var _makeElementChildStream = _interopRequireDefault(require("../../../lib/dom/make-element-child-stream"));
-var _makeElementViewStream = _interopRequireDefault(require("../../../lib/dom/make-element-view-stream"));
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import find from 'lodash/find';
+import zip from 'lodash/zip';
+import assert from 'assert';
+import * as Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import delayAsap from '../../../lib/delay-asap';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import GmailToolbarView from './gmail-toolbar-view';
+import GmailThreadRowView from './gmail-thread-row-view';
+import makeElementChildStream from '../../../lib/dom/make-element-child-stream';
 const THREAD_ROW_SELECTED_CLASSNAME = 'x7';
 const THREAD_ROW_SELECTED_CLASSNAME_REGEX = /\bx7\b/;
 class GmailRowListView {
-  constructor(rootElement, routeViewDriver, gmailDriver) {
-    (0, _defineProperty2.default)(this, "_threadRowViewDrivers", new Set());
-    (0, _defineProperty2.default)(this, "_elementsToViews", new Map());
-    (0, _defineProperty2.default)(this, "_selectedThreadRowViews", new Set());
-    (0, _defineProperty2.default)(this, "_batchedSignalThreadRowViewSelectionChangeScheduled", false);
-    this._eventStreamBus = (0, _kefirBus.default)();
-    this._stopper = this._eventStreamBus.ignoreValues().beforeEnd(() => null);
-    this._gmailDriver = gmailDriver;
-    this._element = rootElement;
-    this._routeViewDriver = routeViewDriver;
-    this._selectionMutationObserver = new MutationObserver(mutations => {
-      let changed = false;
-      for (let i = 0, len = mutations.length; i < len; i++) {
-        const mutation = mutations[i];
-        const target = mutation.target;
-        const wasSelected = THREAD_ROW_SELECTED_CLASSNAME_REGEX.test(mutation.oldValue);
-        const isSelected = THREAD_ROW_SELECTED_CLASSNAME_REGEX.test(target.className);
-        if (wasSelected !== isSelected) {
-          const view = this._elementsToViews.get(target);
-          // we could be processing an element that was already removed
-          if (view) {
-            changed = true;
-            if (isSelected) {
-              this._selectedThreadRowViews.add(view);
-            } else {
-              this._selectedThreadRowViews.delete(view);
+    _element;
+    _gmailDriver;
+    _routeViewDriver;
+    _pendingExpansions;
+    _pendingExpansionsSignal;
+    _toolbarView;
+    _threadRowViewDrivers = new Set();
+    _eventStreamBus;
+    _rowViewDriverStream;
+    _stopper;
+    _elementsToViews = new Map();
+    _selectionMutationObserver;
+    _selectedThreadRowViews = new Set();
+    constructor(rootElement, routeViewDriver, gmailDriver) {
+        this._eventStreamBus = kefirBus();
+        this._stopper = this._eventStreamBus.ignoreValues().beforeEnd(() => null);
+        this._gmailDriver = gmailDriver;
+        this._element = rootElement;
+        this._routeViewDriver = routeViewDriver;
+        this._selectionMutationObserver = new MutationObserver((mutations) => {
+            let changed = false;
+            for (let i = 0, len = mutations.length; i < len; i++) {
+                const mutation = mutations[i];
+                const target = mutation.target;
+                const wasSelected = THREAD_ROW_SELECTED_CLASSNAME_REGEX.test(mutation.oldValue);
+                const isSelected = THREAD_ROW_SELECTED_CLASSNAME_REGEX.test(target.className);
+                if (wasSelected !== isSelected) {
+                    const view = this._elementsToViews.get(target);
+                    // we could be processing an element that was already removed
+                    if (view) {
+                        changed = true;
+                        if (isSelected) {
+                            this._selectedThreadRowViews.add(view);
+                        }
+                        else {
+                            this._selectedThreadRowViews.delete(view);
+                        }
+                    }
+                }
             }
-          }
+            if (changed) {
+                this._gmailDriver.signalThreadRowViewSelectionChange();
+            }
+        });
+        this._pendingExpansions = new Map();
+        this._pendingExpansionsSignal = kefirBus();
+        this._pendingExpansionsSignal
+            .bufferBy(this._pendingExpansionsSignal.flatMap(delayAsap))
+            .filter((x) => x.length > 0)
+            .takeUntilBy(this._stopper)
+            .onValue(this._expandColumnJob.bind(this));
+        this._setupToolbarView();
+        this._startWatchingForRowViews();
+    }
+    destroy() {
+        this._selectionMutationObserver.disconnect();
+        this._threadRowViewDrivers.forEach((threadRow) => threadRow.destroy());
+        this._eventStreamBus.end();
+        if (this._toolbarView) {
+            this._toolbarView.destroy();
+        }
+        if (this._selectedThreadRowViews.size) {
+            this._selectedThreadRowViews.clear();
+            this._gmailDriver.signalThreadRowViewSelectionChange();
+        }
+    }
+    getElement() {
+        return this._element;
+    }
+    getRouteViewDriver() {
+        return this._routeViewDriver;
+    }
+    getToolbarView() {
+        return this._toolbarView;
+    }
+    getSelectedThreadRowViewDrivers() {
+        return this._selectedThreadRowViews;
+    }
+    getThreadRowViewDrivers() {
+        return this._threadRowViewDrivers;
+    }
+    getRowViewDriverStream() {
+        return this._rowViewDriverStream;
+    }
+    getEventStream() {
+        return this._eventStreamBus;
+    }
+    _setupToolbarView() {
+        var toolbarElement = this._findToolbarElement();
+        if (toolbarElement) {
+            this._toolbarView = new GmailToolbarView(toolbarElement, this._gmailDriver, this._routeViewDriver, this);
         }
-      }
-      if (changed) {
-        this._gmailDriver.signalThreadRowViewSelectionChange();
-      }
-    });
-    this._pendingExpansions = new Map();
-    this._pendingExpansionsSignal = (0, _kefirBus.default)();
-    this._pendingExpansionsSignal.bufferBy(this._pendingExpansionsSignal.flatMap(_delayAsap.default)).filter(x => x.length > 0).takeUntilBy(this._stopper).onValue(this._expandColumnJob.bind(this));
-    this._setupToolbarView();
-    this._startWatchingForRowViews();
-  }
-  destroy() {
-    this._selectionMutationObserver.disconnect();
-    this._threadRowViewDrivers.forEach(threadRow => threadRow.destroy());
-    this._eventStreamBus.end();
-    if (this._toolbarView) {
-      this._toolbarView.destroy();
-    }
-    if (this._selectedThreadRowViews.size) {
-      this._selectedThreadRowViews.clear();
-      this._gmailDriver.signalThreadRowViewSelectionChange();
-    }
-  }
-  getElement() {
-    return this._element;
-  }
-  getRouteViewDriver() {
-    return this._routeViewDriver;
-  }
-  getToolbarView() {
-    return this._toolbarView;
-  }
-  getSelectedThreadRowViewDrivers() {
-    return this._selectedThreadRowViews;
-  }
-  getThreadRowViewDrivers() {
-    return this._threadRowViewDrivers;
-  }
-  getRowViewDriverStream() {
-    return this._rowViewDriverStream;
-  }
-  getEventStream() {
-    return this._eventStreamBus;
-  }
-  _setupToolbarView() {
-    var toolbarElement = this._findToolbarElement();
-    if (toolbarElement) {
-      this._toolbarView = new _gmailToolbarView.default(toolbarElement, this._gmailDriver, this._routeViewDriver, this);
-    } else {
-      this._toolbarView = null;
-    }
-  }
-  _findToolbarElement() {
-    /* multiple inbox extra section */
-    const firstTry = this._element.querySelector('[gh=mtb]');
-    if (firstTry) {
-      return firstTry;
-    }
-    const el = (0, _find.default)(document.querySelectorAll('[gh=tm]'), toolbarContainerElement => toolbarContainerElement.parentElement.parentElement === this._element.parentElement.parentElement.parentElement.parentElement.parentElement || toolbarContainerElement.parentElement.parentElement === this._element.parentElement);
-    return el ? el.querySelector('[gh=mtb]') : null;
-  }
-
-  // When a new table is added to a row list, if an existing table has had its
-  // column widths modified (by GmailThreadRowView), then the new table needs to
-  // match.
-  _fixColumnWidths(newTableParent) {
-    if (!newTableParent || !newTableParent.parentElement) {
-      return;
-    }
-    const firstTableParent = newTableParent.parentElement.firstElementChild;
-    if (firstTableParent !== newTableParent && firstTableParent) {
-      const firstCols = firstTableParent.querySelectorAll('table.cf > colgroup > col');
-      const newCols = newTableParent.querySelectorAll('table.cf > colgroup > col');
-      _assert.default.strictEqual(firstCols.length, newCols.length);
-      (0, _zip.default)(firstCols, newCols).forEach(_ref => {
-        let [firstCol, newCol] = _ref;
-        newCol.style.width = firstCol.style.width;
-      });
-    }
-  }
-  expandColumn(colSelector, width) {
-    const pendingWidth = this._pendingExpansions.get(colSelector);
-    if (!pendingWidth || width > pendingWidth) {
-      this._pendingExpansions.set(colSelector, width);
-      this._pendingExpansionsSignal.emit();
-    }
-  }
-  _expandColumnJob() {
-    this._pendingExpansions.forEach((width, colSelector) => {
-      Array.prototype.forEach.call(this._element.querySelectorAll('table.cf > colgroup > ' + colSelector), col => {
-        const currentWidth = parseInt(col.style.width, 10);
-        if (isNaN(currentWidth) || currentWidth < width) {
-          col.style.width = width + 'px';
+        else {
+            this._toolbarView = null;
         }
-      });
-    });
-    this._pendingExpansions.clear();
-  }
-  _batchedSignalThreadRowViewSelectionChange() {
-    if (this._batchedSignalThreadRowViewSelectionChangeScheduled) {
-      return;
-    }
-    this._batchedSignalThreadRowViewSelectionChangeScheduled = true;
-    (0, _delayAsap.default)(null).takeUntilBy(this._stopper).onValue(() => {
-      this._batchedSignalThreadRowViewSelectionChangeScheduled = false;
-      this._gmailDriver.signalThreadRowViewSelectionChange();
-    });
-  }
-  _startWatchingForRowViews() {
-    const tableDivParents = Array.from(this._element.querySelectorAll('div.Cp'));
-    const elementStream = _kefir.default.merge(tableDivParents.map(_makeElementChildStream.default)).flatMap(event => {
-      this._fixColumnWidths(event.el);
-      const tbody = (0, _querySelectorOrFail.default)(event.el, 'table > tbody');
-
-      // In vertical preview pane mode, each thread row has three <tr>
-      // elements. We just want to pass the first one (which has an id) to
-      // GmailThreadRowView().
-      return (0, _makeElementChildStream.default)(tbody).takeUntilBy(event.removalStream).filter(rowEvent => rowEvent.el.id);
-    });
-    const laterStream = _kefir.default.later(2);
-    this._rowViewDriverStream = elementStream.map(event => {
-      const element = event.el;
-      this._selectionMutationObserver.observe(element, {
-        attributes: true,
-        attributeFilter: ['class'],
-        attributeOldValue: true
-      });
-      const view = new _gmailThreadRowView.default(element, this, this._gmailDriver);
-      this._elementsToViews.set(element, view);
-      if (element.classList.contains(THREAD_ROW_SELECTED_CLASSNAME)) {
-        this._selectedThreadRowViews.add(view);
-        this._batchedSignalThreadRowViewSelectionChange();
-      }
-      event.removalStream.take(1).onValue(() => {
-        if (this._selectedThreadRowViews.has(view)) {
-          this._selectedThreadRowViews.delete(view);
-          this._batchedSignalThreadRowViewSelectionChange();
+    }
+    _findToolbarElement() {
+        /* multiple inbox extra section */
+        const firstTry = this._element.querySelector('[gh=mtb]');
+        if (firstTry) {
+            return firstTry;
         }
-        this._elementsToViews.delete(element);
-        view.destroy();
-      });
-      return view;
-    }).flatMap(threadRowView => {
-      if (threadRowView.getAlreadyHadModifications()) {
-        // Performance hack: If the row already has old modifications on it, wait
-        // a moment before we re-emit the thread row and process our new
-        // modifications.
-
-        return laterStream.flatMap(() => threadRowView.waitForReady()).takeUntilBy(threadRowView.getStopper());
-      } else {
-        return threadRowView.waitForReady().takeUntilBy(threadRowView.getStopper());
-      }
-    }).takeUntilBy(this._stopper);
-    this._rowViewDriverStream.onValue(x => this._addThreadRowView(x));
-  }
-  _addThreadRowView(gmailThreadRowView) {
-    this._threadRowViewDrivers.add(gmailThreadRowView);
-    gmailThreadRowView.getStopper().takeUntilBy(this._stopper).onValue(() => {
-      this._threadRowViewDrivers.delete(gmailThreadRowView);
-    });
-  }
+        const el = find(document.querySelectorAll('[gh=tm]'), (toolbarContainerElement) => toolbarContainerElement.parentElement.parentElement ===
+            this._element.parentElement.parentElement.parentElement
+                .parentElement.parentElement ||
+            toolbarContainerElement.parentElement.parentElement ===
+                this._element.parentElement);
+        return el ? el.querySelector('[gh=mtb]') : null;
+    }
+    // When a new table is added to a row list, if an existing table has had its
+    // column widths modified (by GmailThreadRowView), then the new table needs to
+    // match.
+    _fixColumnWidths(newTableParent) {
+        if (!newTableParent || !newTableParent.parentElement) {
+            return;
+        }
+        const firstTableParent = newTableParent.parentElement.firstElementChild;
+        if (firstTableParent !== newTableParent && firstTableParent) {
+            const firstCols = firstTableParent.querySelectorAll('table.cf > colgroup > col');
+            const newCols = newTableParent.querySelectorAll('table.cf > colgroup > col');
+            assert.strictEqual(firstCols.length, newCols.length);
+            zip(firstCols, newCols).forEach(([firstCol, newCol]) => {
+                newCol.style.width = firstCol.style.width;
+            });
+        }
+    }
+    expandColumn(colSelector, width) {
+        const pendingWidth = this._pendingExpansions.get(colSelector);
+        if (!pendingWidth || width > pendingWidth) {
+            this._pendingExpansions.set(colSelector, width);
+            this._pendingExpansionsSignal.emit(undefined);
+        }
+    }
+    _expandColumnJob() {
+        this._pendingExpansions.forEach((width, colSelector) => {
+            Array.prototype.forEach.call(this._element.querySelectorAll('table.cf > colgroup > ' + colSelector), (col) => {
+                const currentWidth = parseInt(col.style.width, 10);
+                if (isNaN(currentWidth) || currentWidth < width) {
+                    col.style.width = width + 'px';
+                }
+            });
+        });
+        this._pendingExpansions.clear();
+    }
+    _batchedSignalThreadRowViewSelectionChangeScheduled = false;
+    _batchedSignalThreadRowViewSelectionChange() {
+        if (this._batchedSignalThreadRowViewSelectionChangeScheduled) {
+            return;
+        }
+        this._batchedSignalThreadRowViewSelectionChangeScheduled = true;
+        delayAsap(null)
+            .takeUntilBy(this._stopper)
+            .onValue(() => {
+            this._batchedSignalThreadRowViewSelectionChangeScheduled = false;
+            this._gmailDriver.signalThreadRowViewSelectionChange();
+        });
+    }
+    _startWatchingForRowViews() {
+        const tableDivParents = Array.from(this._element.querySelectorAll('div.Cp'));
+        const elementStream = Kefir.merge(tableDivParents.map(makeElementChildStream)).flatMap((event) => {
+            this._fixColumnWidths(event.el);
+            const tbody = querySelector(event.el, 'table > tbody');
+            // In vertical preview pane mode, each thread row has three <tr>
+            // elements. We just want to pass the first one (which has an id) to
+            // GmailThreadRowView().
+            return makeElementChildStream(tbody)
+                .takeUntilBy(event.removalStream)
+                .filter((rowEvent) => rowEvent.el.id);
+        });
+        const laterStream = Kefir.later(2, undefined);
+        this._rowViewDriverStream = elementStream
+            .map((event) => {
+            const element = event.el;
+            this._selectionMutationObserver.observe(element, {
+                attributes: true,
+                attributeFilter: ['class'],
+                attributeOldValue: true,
+            });
+            const view = new GmailThreadRowView(element, this, this._gmailDriver);
+            this._elementsToViews.set(element, view);
+            if (element.classList.contains(THREAD_ROW_SELECTED_CLASSNAME)) {
+                this._selectedThreadRowViews.add(view);
+                this._batchedSignalThreadRowViewSelectionChange();
+            }
+            event.removalStream.take(1).onValue(() => {
+                if (this._selectedThreadRowViews.has(view)) {
+                    this._selectedThreadRowViews.delete(view);
+                    this._batchedSignalThreadRowViewSelectionChange();
+                }
+                this._elementsToViews.delete(element);
+                view.destroy();
+            });
+            return view;
+        })
+            .flatMap((threadRowView) => {
+            if (threadRowView.getAlreadyHadModifications()) {
+                // Performance hack: If the row already has old modifications on it, wait
+                // a moment before we re-emit the thread row and process our new
+                // modifications.
+                return laterStream
+                    .flatMap(() => threadRowView.waitForReady())
+                    .takeUntilBy(threadRowView.getStopper());
+            }
+            else {
+                return threadRowView
+                    .waitForReady()
+                    .takeUntilBy(threadRowView.getStopper());
+            }
+        })
+            .takeUntilBy(this._stopper);
+        this._rowViewDriverStream.onValue((x) => this._addThreadRowView(x));
+    }
+    _addThreadRowView(gmailThreadRowView) {
+        this._threadRowViewDrivers.add(gmailThreadRowView);
+        gmailThreadRowView
+            .getStopper()
+            .takeUntilBy(this._stopper)
+            .onValue(() => {
+            this._threadRowViewDrivers.delete(gmailThreadRowView);
+        });
+    }
 }
-var _default = (0, _ud.defn)(module, GmailRowListView);
-exports.default = _default;
+export default GmailRowListView;

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-thread-row-view.d.ts

@@ -1,5 +1,117 @@
-import { ThreadRowView } from '../../../../inboxsdk';
-
-export default ThreadRowView;
-
-export function removeAllThreadRowUnclaimedModifications(): void;
+import * as Kefir from 'kefir';
+import GmailActionButtonView from '../widgets/gmail-action-button-view';
+import type GmailDriver from '../gmail-driver';
+import type GmailRowListView from './gmail-row-list-view';
+import { Contact } from '../../../../inboxsdk';
+type LabelMod = {
+    gmailLabelView: Record<string, any>;
+    remove(): void;
+};
+type ActionButtonMod = {
+    gmailActionButtonView: GmailActionButtonView;
+    remove(): void;
+};
+type ButtonMod = {
+    buttonSpan: HTMLElement;
+    iconSettings: Record<string, any>;
+    remove(): void;
+};
+type ImageMod = {
+    iconSettings: Record<string, any>;
+    iconWrapper: HTMLElement;
+    remove(): void;
+};
+type ReplacedDateMod = {
+    el: HTMLElement;
+    remove(): void;
+};
+type ReplacedDraftLabelMod = ReplacedDateMod;
+type Mods = {
+    label: {
+        unclaimed: LabelMod[];
+        claimed: LabelMod[];
+    };
+    action: {
+        unclaimed: ActionButtonMod[];
+        claimed: ActionButtonMod[];
+    };
+    button: {
+        unclaimed: ButtonMod[];
+        claimed: ButtonMod[];
+    };
+    image: {
+        unclaimed: ImageMod[];
+        claimed: ImageMod[];
+    };
+    replacedDate: {
+        unclaimed: ReplacedDateMod[];
+        claimed: ReplacedDateMod[];
+    };
+    replacedDraftLabel: {
+        unclaimed: ReplacedDraftLabelMod[];
+        claimed: ReplacedDraftLabelMod[];
+    };
+};
+type Counts = {
+    messageCount: number;
+    draftCount: number;
+};
+declare class GmailThreadRowView {
+    _elements: HTMLElement[];
+    _modifications: Mods;
+    _alreadyHadModifications: boolean;
+    _rowListViewDriver: GmailRowListView;
+    _driver: GmailDriver;
+    _userView: Record<string, any> | null | undefined;
+    _cachedThreadID: string | null | undefined;
+    _cachedSyncThreadID: string | null | undefined;
+    _cachedSyncDraftIDPromise: Promise<string | null | undefined> | null | undefined;
+    _stopper: import("kefir-stopper").Stopper;
+    _refresher: Kefir.Observable<any, any> | null | undefined;
+    _subjectRefresher: Kefir.Observable<any, any> | null | undefined;
+    _imageRefresher: Kefir.Observable<any, any> | null | undefined;
+    _counts: Counts | null | undefined;
+    _isVertical: boolean;
+    _isDestroyed: boolean;
+    constructor(element: HTMLElement, rowListViewDriver: GmailRowListView, gmailDriver: GmailDriver);
+    destroy(): void;
+    getElement(): HTMLElement;
+    _removeUnclaimedModifications(): void;
+    getAlreadyHadModifications(): boolean;
+    waitForReady(): Kefir.Observable<GmailThreadRowView, unknown>;
+    setUserView(userView: Record<string, any>): void;
+    getCounts(): Counts;
+    _expandColumn(colSelector: string, width: number): void;
+    addLabel(label: Record<string, any>): void;
+    addImage(inIconDescriptor: Record<string, any>): void;
+    addButton(buttonDescriptor: Record<string, any>): void;
+    addActionButton(actionButtonDescriptor: Record<string, any>): void;
+    addAttachmentIcon(opts: Record<string, any>): void;
+    _fixDateColumnWidth(): void;
+    replaceDraftLabel(opts: Record<string, any>): void;
+    replaceDate(opts: Record<string, any>): void;
+    getEventStream(): import("kefir-stopper").Stopper;
+    getStopper(): import("kefir-stopper").Stopper;
+    getSubject(): string;
+    _getSubjectSelector(): HTMLElement;
+    replaceSubject(newSubjectStr: string): void;
+    getDateString(): string;
+    _threadIdReady(): boolean;
+    _getThreadID(): string | null | undefined;
+    getThreadID(): string;
+    getSyncThreadID(): Promise<string | null | undefined>;
+    getThreadIDAsync(): Promise<string>;
+    getDraftID(): Promise<string | null | undefined>;
+    getVisibleDraftCount(): number;
+    getVisibleMessageCount(): number;
+    getContacts(): Contact[];
+    isSelected(): boolean;
+    _getLabelParent(): HTMLElement;
+    _getWatchElement(): HTMLElement;
+    _getRefresher(): Kefir.Observable<any, any>;
+    _getSubjectRefresher(): Kefir.Observable<any, unknown>;
+    _getImageContainerRefresher(): Kefir.Observable<any, unknown>;
+}
+export default GmailThreadRowView;
+export declare function removeAllThreadRowUnclaimedModifications(): void;
+//# sourceMappingURL=gmail-thread-row-view.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-thread-row-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-thread-row-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-thread-row-view.ts"],"names":[],"mappings":"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"}