@inboxsdk/core 2.1.25 → 2.1.27

package/inboxsdk.js

@@ -814,7 +814,7 @@ function isElementVisible(el) {
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
 ///@ts-ignore
-const BUILD_VERSION = "2.1.25-1701718305489-e07cd3aabee5e39f";
+const BUILD_VERSION = "2.1.27-1706185810630-874edc85a14e17b3";
 if (false) {}
 
 /***/ }),
@@ -10529,7 +10529,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.25-1701718305489-e07cd3aabee5e39f");
+              "2.1.27-1706185810630-874edc85a14e17b3");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -11999,27 +11999,34 @@ var kefir_cast_default = /*#__PURE__*/__webpack_require__.n(kefir_cast);
 var safe_event_emitter = __webpack_require__(6666);
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/views/collapsible-section-view.ts
 
+/**
+* {@link CollapsibleSectionView}s allow you to display additional content on ListRouteViews. They are typically rendered as additional content above the list of threads below. The visual style is similar to that of multiple inbox sections used in native Gmail. Note that the rendering may vary slightly depending on the actual ListRouteView that the {@link CollapsibleSectionView} is rendered in. For example, {@link CollapsibleSectionViews} rendered on search results pages use different header styles to match Gmail's style more accurately.
 
-const membersMap = new WeakMap();
+ * You can either render rows (that are visually similar to Gmail rows) or custom content in your {@link CollapsibleSectionView}. Until content is provided, the SectionView will simply display a "Loading..." indicator.
+ *
+ * @see ListRouteView.addCollapsibleSection for more information.
+ * @todo the docs mention this class extending SectionView. That doesn't seem to be the case.
+*/
 class CollapsibleSectionView extends safe_event_emitter/* default */.Z {
+  /** This property is set to true once the view is destroyed. */
+
+  #collapsibleSectionViewDriver;
   constructor(collapsibleSectionViewDriver, driver) {
     super();
-    const members = {
-      collapsibleSectionViewDriver
-    };
-    membersMap.set(this, members);
+    this.#collapsibleSectionViewDriver = collapsibleSectionViewDriver;
     this.destroyed = false;
     _bindToEventStream(this, collapsibleSectionViewDriver, driver);
   }
   setCollapsed(value) {
-    (0,get_or_fail/* default */.Z)(membersMap, this).collapsibleSectionViewDriver.setCollapsed(value);
+    this.#collapsibleSectionViewDriver.setCollapsed(value);
   }
+
+  /** Removes this section from the current Route */
   remove() {
     this.destroy();
   }
   destroy() {
-    const members = (0,get_or_fail/* default */.Z)(membersMap, this);
-    members.collapsibleSectionViewDriver.destroy();
+    this.#collapsibleSectionViewDriver.destroy();
     this.removeAllListeners();
   }
 }
@@ -12080,15 +12087,11 @@ function _bindToEventStream(collapsibleSectionView, collapsibleSectionViewDriver
 /* harmony default export */ const collapsible_section_view = (CollapsibleSectionView);
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/views/section-view.ts
 
-
-const section_view_membersMap = new WeakMap();
 class SectionView extends safe_event_emitter/* default */.Z {
+  #sectionViewDriver;
   constructor(sectionViewDriver, driver) {
     super();
-    const members = {
-      sectionViewDriver
-    };
-    section_view_membersMap.set(this, members);
+    this.#sectionViewDriver = sectionViewDriver;
     this.destroyed = false;
     section_view_bindToEventStream(this, sectionViewDriver, driver);
   }
@@ -12096,8 +12099,7 @@ class SectionView extends safe_event_emitter/* default */.Z {
     this.destroy();
   }
   destroy() {
-    const members = (0,get_or_fail/* default */.Z)(section_view_membersMap, this);
-    members.sectionViewDriver.destroy();
+    this.#sectionViewDriver.destroy();
     this.removeAllListeners();
   }
 }
@@ -12159,45 +12161,51 @@ function section_view_bindToEventStream(sectionView, sectionViewDriver, driver)
 
 
 
-
+/**
+ * Extends {@link RouteView}. {@link ListRouteView}s represent pages within Gmail that show a list of emails. Typical examples are the Inbox, Sent Mail, Drafts, etc. However, views like the Conversation view or Settings would not be a ListRouteView.
+ */
 class ListRouteView extends route_view/* default */.Z {
+  #routeViewDriver;
+  #driver;
+  #appId;
+  #sectionViews = [];
   constructor(routeViewDriver, driver, appId) {
     super(routeViewDriver);
-    const members = {
-      routeViewDriver,
-      driver,
-      appId,
-      sectionViews: []
-    };
-    list_route_view_membersMap.set(this, members);
-    list_route_view_bindToEventStream(routeViewDriver, this);
+    this.#routeViewDriver = routeViewDriver;
+    this.#driver = driver;
+    this.#appId = appId;
+    this.#bindToEventStream();
   }
+
+  /**
+   * Adds a collapsible section to the top of the page.
+   */
   addCollapsibleSection(collapsibleSectionDescriptor) {
-    const members = (0,get_or_fail/* default */.Z)(list_route_view_membersMap, this);
-    const collapsibleSectionViewDriver = members.routeViewDriver.addCollapsibleSection(kefir_cast_default()(kefir_esm["default"], collapsibleSectionDescriptor).toProperty(), members.appId);
-    const collapsibleSectionView = new collapsible_section_view(collapsibleSectionViewDriver, members.driver);
-    members.sectionViews.push(collapsibleSectionView);
+    const collapsibleSectionViewDriver = this.#routeViewDriver.addCollapsibleSection(kefir_cast_default()(kefir_esm["default"], collapsibleSectionDescriptor).toProperty(), this.#appId);
+    const collapsibleSectionView = new collapsible_section_view(collapsibleSectionViewDriver, this.#driver);
+    this.#sectionViews.push(collapsibleSectionView);
     return collapsibleSectionView;
   }
+
+  /** Adds a non-collapsible section to the top of the page. */
   addSection(sectionDescriptor) {
-    const members = (0,get_or_fail/* default */.Z)(list_route_view_membersMap, this);
-    const sectionViewDriver = members.routeViewDriver.addSection(kefir_cast_default()(kefir_esm["default"], sectionDescriptor).toProperty(), members.appId);
-    const sectionView = new section_view(sectionViewDriver, members.driver);
-    members.sectionViews.push(sectionView);
+    const sectionViewDriver = this.#routeViewDriver.addSection(kefir_cast_default()(kefir_esm["default"], sectionDescriptor).toProperty(), this.#appId);
+    const sectionView = new section_view(sectionViewDriver, this.#driver);
+    this.#sectionViews.push(sectionView);
     return sectionView;
   }
+
+  /** Simulates a click on the Gmail thread list refresh button. */
   refresh() {
-    (0,get_or_fail/* default */.Z)(list_route_view_membersMap, this).routeViewDriver.refresh();
+    this.#routeViewDriver.refresh();
   }
-}
-const list_route_view_membersMap = new WeakMap();
-function list_route_view_bindToEventStream(routeViewDriver, routeView) {
-  routeViewDriver.getEventStream().onEnd(() => {
-    const members = (0,get_or_fail/* default */.Z)(list_route_view_membersMap, routeView);
-    members.sectionViews.forEach(sectionView => {
-      sectionView.destroy();
+  #bindToEventStream() {
+    this.#routeViewDriver.getEventStream().onEnd(() => {
+      this.#sectionViews.forEach(sectionView => {
+        sectionView.destroy();
+      });
     });
-  });
+  }
 }
 /* harmony default export */ const list_route_view = (ListRouteView);
 // EXTERNAL MODULE: ./src/platform-implementation-js/views/route-view/custom-route-view.ts
@@ -15216,63 +15224,69 @@ class InboxDropdownButtonView extends GenericButtonView {
 
 
 class GmailCollapsibleSectionView {
-  _collapsibleSectionDescriptor = {};
-  _element = null;
-  _headerElement = null;
-  _titleElement = null;
-  _bodyElement = null;
-  _contentElement = null;
-  _tableBodyElement = null;
-  _collapsedContainer = null;
-  _messageElement = null;
-  _footerElement = null;
-  _isCollapsed = false;
-  _inboxDropdownButtonView = null;
-  _dropdownViewController = null;
+  #driver;
+  #groupOrderHint;
+  #isReadyDeferred;
+  #isCollapsible;
+  #collapsibleSectionDescriptor = {};
+  #isSearch;
+  #element = null;
+  #headerElement = null;
+  #titleElement = null;
+  #bodyElement = null;
+  #contentElement = null;
+  #tableBodyElement = null;
+  #collapsedContainer = null;
+  #messageElement = null;
+  #footerElement = null;
+  #eventStream;
+  #isCollapsed = false;
+  #inboxDropdownButtonView = null;
+  #dropdownViewController = null;
   constructor(driver, groupOrderHint, isSearch, isCollapsible) {
-    this._driver = driver;
-    this._isSearch = isSearch;
-    this._groupOrderHint = groupOrderHint;
-    this._isCollapsible = isCollapsible;
-    this._eventStream = kefir_bus_default()();
-    this._isReadyDeferred = new defer();
+    this.#driver = driver;
+    this.#isSearch = isSearch;
+    this.#groupOrderHint = groupOrderHint;
+    this.#isCollapsible = isCollapsible;
+    this.#eventStream = kefir_bus_default()();
+    this.#isReadyDeferred = defer();
   }
   destroy() {
-    if (this._element) this._element.remove();
-    if (this._eventStream) this._eventStream.end();
-    if (this._headerElement) this._headerElement.remove();
-    if (this._titleElement) this._titleElement.remove();
-    if (this._bodyElement) this._bodyElement.remove();
-    if (this._contentElement) this._contentElement.remove();
-    if (this._tableBodyElement) this._tableBodyElement.remove();
-    if (this._collapsedContainer) this._collapsedContainer.remove();
-    if (this._messageElement) this._messageElement.remove();
-    if (this._inboxDropdownButtonView) this._inboxDropdownButtonView.destroy();
-    if (this._dropdownViewController) this._dropdownViewController.destroy();
+    if (this.#element) this.#element.remove();
+    if (this.#eventStream) this.#eventStream.end();
+    if (this.#headerElement) this.#headerElement.remove();
+    if (this.#titleElement) this.#titleElement.remove();
+    if (this.#bodyElement) this.#bodyElement.remove();
+    if (this.#contentElement) this.#contentElement.remove();
+    if (this.#tableBodyElement) this.#tableBodyElement.remove();
+    if (this.#collapsedContainer) this.#collapsedContainer.remove();
+    if (this.#messageElement) this.#messageElement.remove();
+    if (this.#inboxDropdownButtonView) this.#inboxDropdownButtonView.destroy();
+    if (this.#dropdownViewController) this.#dropdownViewController.destroy();
   }
   getElement() {
-    const element = this._element;
+    const element = this.#element;
     if (!element) throw new Error('tried to access element that does not exist');
     return element;
   }
   getEventStream() {
-    return this._eventStream;
+    return this.#eventStream;
   }
   setCollapsibleSectionDescriptorProperty(collapsibleSectionDescriptorProperty) {
-    const stoppedProperty = collapsibleSectionDescriptorProperty.takeUntilBy(this._eventStream.filter(() => false).beforeEnd(() => null));
-    stoppedProperty.onValue(x => this._updateValues(x));
-    stoppedProperty.take(1).onValue(() => this._isReadyDeferred.resolve(this));
+    const stoppedProperty = collapsibleSectionDescriptorProperty.takeUntilBy(this.#eventStream.filter(() => false).beforeEnd(() => null));
+    stoppedProperty.onValue(x => this.#updateValues(x));
+    stoppedProperty.take(1).onValue(() => this.#isReadyDeferred.resolve(this));
   }
   setCollapsed(value) {
-    if (!this._isCollapsible) {
+    if (!this.#isCollapsible) {
       return;
     }
-    this._isReadyDeferred.promise.then(() => {
-      if (value) this._collapse();else this._expand();
+    this.#isReadyDeferred.promise.then(() => {
+      if (value) this.#collapse();else this.#expand();
     });
   }
-  _updateValues(collapsibleSectionDescriptor) {
-    const element = this._element;
+  #updateValues(collapsibleSectionDescriptor) {
+    const element = this.#element;
     if (!collapsibleSectionDescriptor) {
       if (element) {
         element.style.display = 'none';
@@ -15282,107 +15296,107 @@ class GmailCollapsibleSectionView {
       element.style.display = '';
     }
     if (!element) {
-      this._setupElement(collapsibleSectionDescriptor);
-      this._showLoadingMessage();
+      this.#setupElement(collapsibleSectionDescriptor);
+      this.#showLoadingMessage();
     } else {
-      this._updateElement(collapsibleSectionDescriptor);
-    }
-    this._updateHeader(collapsibleSectionDescriptor);
-    this._updateTitle(collapsibleSectionDescriptor);
-    this._updateSubtitle(collapsibleSectionDescriptor);
-    this._updateSummaryText(collapsibleSectionDescriptor);
-    this._updateDropdown(collapsibleSectionDescriptor);
-    this._updateContentElement(collapsibleSectionDescriptor);
-    this._updateTableRows(collapsibleSectionDescriptor);
-    this._updateMessageElement(collapsibleSectionDescriptor);
-    this._updateFooter(collapsibleSectionDescriptor);
-    this._collapsibleSectionDescriptor = collapsibleSectionDescriptor;
-  }
-  _setupElement(collapsibleSectionDescriptor) {
-    const element = this._element = document.createElement('div');
+      this.#updateElement(collapsibleSectionDescriptor);
+    }
+    this.#updateHeader(collapsibleSectionDescriptor);
+    this.#updateTitle(collapsibleSectionDescriptor);
+    this.#updateSubtitle(collapsibleSectionDescriptor);
+    this.#updateSummaryText(collapsibleSectionDescriptor);
+    this.#updateDropdown(collapsibleSectionDescriptor);
+    this.#updateContentElement(collapsibleSectionDescriptor);
+    this.#updateTableRows(collapsibleSectionDescriptor);
+    this.#updateMessageElement(collapsibleSectionDescriptor);
+    this.#updateFooter(collapsibleSectionDescriptor);
+    this.#collapsibleSectionDescriptor = collapsibleSectionDescriptor;
+  }
+  #setupElement(collapsibleSectionDescriptor) {
+    const element = this.#element = document.createElement('div');
     element.setAttribute('class', 'inboxsdk__resultsSection');
-    element.setAttribute('data-group-order-hint', String(this._groupOrderHint));
+    element.setAttribute('data-group-order-hint', String(this.#groupOrderHint));
     element.setAttribute('data-order-hint', String(typeof collapsibleSectionDescriptor.orderHint === 'number' ? collapsibleSectionDescriptor.orderHint : 0));
-    if (!this._isCollapsible) element.classList.add('inboxsdk__resultsSection_nonCollapsible');
-    this._setupHeader(collapsibleSectionDescriptor);
-    const bodyElement = this._bodyElement = document.createElement('div');
+    if (!this.#isCollapsible) element.classList.add('inboxsdk__resultsSection_nonCollapsible');
+    this.#setupHeader(collapsibleSectionDescriptor);
+    const bodyElement = this.#bodyElement = document.createElement('div');
     const bodyContentsElement = document.createElement('div');
     bodyContentsElement.classList.add('zE');
     bodyElement.appendChild(bodyContentsElement);
     element.appendChild(bodyElement);
-    const contentElement = this._contentElement = document.createElement('div');
+    const contentElement = this.#contentElement = document.createElement('div');
     bodyContentsElement.appendChild(contentElement);
-    const messageElement = this._messageElement = document.createElement('div');
+    const messageElement = this.#messageElement = document.createElement('div');
     bodyContentsElement.appendChild(messageElement);
-    const tableBodyElement = this._tableBodyElement = document.createElement('div');
+    const tableBodyElement = this.#tableBodyElement = document.createElement('div');
     bodyContentsElement.appendChild(tableBodyElement);
-    this._setupFooter();
-    if (this._isCollapsible && this._titleElement) {
-      kefir_esm.fromEvents(this._titleElement, 'click').onValue(() => this._toggleCollapseState());
+    this.#setupFooter();
+    if (this.#isCollapsible && this.#titleElement) {
+      kefir_esm.fromEvents(this.#titleElement, 'click').onValue(() => this.#toggleCollapseState());
     }
-    kefir_esm.fromEvents(element, 'removeCollapsedContainer').onValue(() => this._destroyCollapsedContainer());
-    kefir_esm.fromEvents(element, 'readdToCollapsedContainer').onValue(() => this._addToCollapsedContainer());
-    this._eventStream.emit({
+    kefir_esm.fromEvents(element, 'removeCollapsedContainer').onValue(() => this.#destroyCollapsedContainer());
+    kefir_esm.fromEvents(element, 'readdToCollapsedContainer').onValue(() => this.#addToCollapsedContainer());
+    this.#eventStream.emit({
       type: 'update',
       property: 'orderHint',
       sectionDescriptor: collapsibleSectionDescriptor
     });
   }
-  _setupHeader(collapsibleSectionDescriptor) {
-    const headerElement = this._headerElement = document.createElement('div');
+  #setupHeader(collapsibleSectionDescriptor) {
+    const headerElement = this.#headerElement = document.createElement('div');
     headerElement.classList.add('inboxsdk__resultsSection_header', 'Wg');
-    this._setupGmailv2Header(headerElement, collapsibleSectionDescriptor);
-    if (this._element) this._element.appendChild(headerElement);
+    this.#setupGmailv2Header(headerElement, collapsibleSectionDescriptor);
+    if (this.#element) this.#element.appendChild(headerElement);
   }
-  _setupGmailv2Header(headerElement, collapsibleSectionDescriptor) {
-    const titleElement = this._titleElement = document.createElement('div');
+  #setupGmailv2Header(headerElement, collapsibleSectionDescriptor) {
+    const titleElement = this.#titleElement = document.createElement('div');
     titleElement.setAttribute('class', 'inboxsdk__resultsSection_title');
     titleElement.innerHTML = ['<h3 class="Wr iR">', '<img alt="" src="//ssl.gstatic.com/ui/v1/icons/mail/images/cleardot.gif" class="qi Wp Wq">', '<div class="Wn">', escape_default()(collapsibleSectionDescriptor.title), '</div>', '</h3>'].join('');
     const floatRightElement = document.createElement('div');
     floatRightElement.classList.add('Cr');
-    if (this._isSearch) floatRightElement.classList.add('Wg');
+    if (this.#isSearch) floatRightElement.classList.add('Wg');
     headerElement.appendChild(titleElement);
     headerElement.appendChild(floatRightElement);
   }
-  _setupFooter() {
-    const footerElement = this._footerElement = document.createElement('div');
+  #setupFooter() {
+    const footerElement = this.#footerElement = document.createElement('div');
     footerElement.classList.add('inboxsdk__resultsSection_footer');
-    if (this._bodyElement) this._bodyElement.appendChild(footerElement);
+    if (this.#bodyElement) this.#bodyElement.appendChild(footerElement);
   }
-  _updateElement(collapsibleSectionDescriptor) {
-    if (this._collapsibleSectionDescriptor.orderHint !== collapsibleSectionDescriptor.orderHint) {
-      const element = this._element;
+  #updateElement(collapsibleSectionDescriptor) {
+    if (this.#collapsibleSectionDescriptor.orderHint !== collapsibleSectionDescriptor.orderHint) {
+      const element = this.#element;
       if (element) element.setAttribute('data-order-hint', '' + (typeof collapsibleSectionDescriptor.orderHint === 'number' ? collapsibleSectionDescriptor.orderHint : 0));
-      this._eventStream.emit({
+      this.#eventStream.emit({
         type: 'update',
         property: 'orderHint'
       });
     }
   }
-  _updateHeader(collapsibleSectionDescriptor) {
-    if (this._isCollapsible || collapsibleSectionDescriptor.title || collapsibleSectionDescriptor.subtitle || collapsibleSectionDescriptor.titleLinkText || collapsibleSectionDescriptor.hasDropdown) {
-      if (this._headerElement) this._headerElement.style.display = '';
+  #updateHeader(collapsibleSectionDescriptor) {
+    if (this.#isCollapsible || collapsibleSectionDescriptor.title || collapsibleSectionDescriptor.subtitle || collapsibleSectionDescriptor.titleLinkText || collapsibleSectionDescriptor.hasDropdown) {
+      if (this.#headerElement) this.#headerElement.style.display = '';
     } else {
-      if (this._headerElement) this._headerElement.style.display = 'none';
+      if (this.#headerElement) this.#headerElement.style.display = 'none';
     }
   }
-  _updateTitle(collapsibleSectionDescriptor) {
-    if (this._collapsibleSectionDescriptor.title !== collapsibleSectionDescriptor.title) {
+  #updateTitle(collapsibleSectionDescriptor) {
+    if (this.#collapsibleSectionDescriptor.title !== collapsibleSectionDescriptor.title) {
       const selector = 'h3 > .Wn';
-      if (this._titleElement) {
-        (0,querySelectorOrFail/* default */.Z)(this._titleElement, selector).textContent = collapsibleSectionDescriptor.title;
+      if (this.#titleElement) {
+        (0,querySelectorOrFail/* default */.Z)(this.#titleElement, selector).textContent = collapsibleSectionDescriptor.title;
       }
     }
   }
-  _updateSubtitle(collapsibleSectionDescriptor) {
-    const titleElement = this._titleElement;
+  #updateSubtitle(collapsibleSectionDescriptor) {
+    const titleElement = this.#titleElement;
     if (!titleElement) return;
     let subtitleElement = titleElement.querySelector('.inboxsdk__resultsSection_title_subtitle');
     if (!collapsibleSectionDescriptor.subtitle) {
       if (subtitleElement) {
         subtitleElement.remove();
       }
-    } else if (this._collapsibleSectionDescriptor.subtitle !== collapsibleSectionDescriptor.subtitle) {
+    } else if (this.#collapsibleSectionDescriptor.subtitle !== collapsibleSectionDescriptor.subtitle) {
       if (!subtitleElement) {
         subtitleElement = document.createElement('span');
         if (subtitleElement && titleElement) {
@@ -15397,22 +15411,22 @@ class GmailCollapsibleSectionView {
       subtitleElement.textContent = '(' + collapsibleSectionDescriptor.subtitle + ')';
     }
   }
-  _updateSummaryText(collapsibleSectionDescriptor) {
-    const headerElement = this._headerElement;
+  #updateSummaryText(collapsibleSectionDescriptor) {
+    const headerElement = this.#headerElement;
     if (!headerElement) return;
     let summaryTextElement = headerElement.querySelector('.inboxsdk__resultsSection_header_summaryText');
     if (!collapsibleSectionDescriptor.titleLinkText) {
       if (summaryTextElement) {
         summaryTextElement.remove();
       }
-    } else if (collapsibleSectionDescriptor.titleLinkText !== this._collapsibleSectionDescriptor.titleLinkText) {
+    } else if (collapsibleSectionDescriptor.titleLinkText !== this.#collapsibleSectionDescriptor.titleLinkText) {
       if (!summaryTextElement) {
         summaryTextElement = document.createElement('div');
         summaryTextElement.setAttribute('class', 'inboxsdk__resultsSection_header_summaryText Wm');
         summaryTextElement.innerHTML = ['<span class="Di">&nbsp;', '<div class="J-J5-Ji amH">', '<span class="Dj">', '<span></span>', '</span>', '&nbsp;', '</div>', '</span>'].join('');
-        this._eventStream.plug(kefir_esm.fromEvents(summaryTextElement, 'click').map(() => ({
+        this.#eventStream.plug(kefir_esm.fromEvents(summaryTextElement, 'click').map(() => ({
           eventName: 'titleLinkClicked',
-          sectionDescriptor: this._collapsibleSectionDescriptor
+          sectionDescriptor: this.#collapsibleSectionDescriptor
         })));
         const _summaryTextElement = summaryTextElement;
         summaryTextElement.addEventListener('mouseenter', function () {
@@ -15427,30 +15441,30 @@ class GmailCollapsibleSectionView {
       (0,querySelectorOrFail/* default */.Z)(summaryTextElement, '.Dj > *').textContent = collapsibleSectionDescriptor.titleLinkText;
     }
   }
-  _updateDropdown(collapsibleSectionDescriptor) {
+  #updateDropdown(collapsibleSectionDescriptor) {
     if (!collapsibleSectionDescriptor.hasDropdown || !collapsibleSectionDescriptor.onDropdownClick) {
-      if (this._inboxDropdownButtonView) this._inboxDropdownButtonView.destroy();
-      if (this._dropdownViewController) this._dropdownViewController.destroy();
+      if (this.#inboxDropdownButtonView) this.#inboxDropdownButtonView.destroy();
+      if (this.#dropdownViewController) this.#dropdownViewController.destroy();
     } else if (collapsibleSectionDescriptor.hasDropdown && collapsibleSectionDescriptor.onDropdownClick) {
-      if (!this._inboxDropdownButtonView || !this._dropdownViewController) {
-        const inboxDropdownButtonView = this._inboxDropdownButtonView = new InboxDropdownButtonView();
-        this._dropdownViewController = new dropdown_button_view_controller/* default */.Z({
+      if (!this.#inboxDropdownButtonView || !this.#dropdownViewController) {
+        const inboxDropdownButtonView = this.#inboxDropdownButtonView = new InboxDropdownButtonView();
+        this.#dropdownViewController = new dropdown_button_view_controller/* default */.Z({
           buttonView: inboxDropdownButtonView,
           dropdownViewDriverClass: gmail_dropdown_view/* default */.Z,
           dropdownShowFunction: collapsibleSectionDescriptor.onDropdownClick
         });
-        const headerElement = this._headerElement;
+        const headerElement = this.#headerElement;
         if (headerElement) {
           const childElement = headerElement.querySelector('.Cr');
           if (childElement) childElement.appendChild(inboxDropdownButtonView.getElement());
         }
-      } else if (collapsibleSectionDescriptor.onDropdownClick !== this._collapsibleSectionDescriptor.onDropdownClick) {
-        if (this._dropdownViewController) this._dropdownViewController.setDropdownShowFunction(collapsibleSectionDescriptor.onDropdownClick);
+      } else if (collapsibleSectionDescriptor.onDropdownClick !== this.#collapsibleSectionDescriptor.onDropdownClick) {
+        if (this.#dropdownViewController) this.#dropdownViewController.setDropdownShowFunction(collapsibleSectionDescriptor.onDropdownClick);
       }
     }
   }
-  _updateContentElement(collapsibleSectionDescriptor) {
-    const contentElement = this._contentElement;
+  #updateContentElement(collapsibleSectionDescriptor) {
+    const contentElement = this.#contentElement;
     if (!contentElement) return;
     contentElement.innerHTML = '';
     if (collapsibleSectionDescriptor.contentElement) {
@@ -15460,27 +15474,27 @@ class GmailCollapsibleSectionView {
       contentElement.style.display = 'none';
     }
   }
-  _updateTableRows(collapsibleSectionDescriptor) {
+  #updateTableRows(collapsibleSectionDescriptor) {
     const {
       tableRows
     } = collapsibleSectionDescriptor;
-    const tableBodyElement = this._tableBodyElement;
+    const tableBodyElement = this.#tableBodyElement;
     if (!tableBodyElement) return;
     tableBodyElement.innerHTML = '';
     if (!tableRows || tableRows.length === 0) {
       tableBodyElement.style.display = 'none';
     } else {
       tableBodyElement.style.display = '';
-      this._renderTable(tableRows);
+      this.#renderTable(tableRows);
     }
   }
-  _renderTable(tableRows) {
+  #renderTable(tableRows) {
     const tableElement = document.createElement('table');
     tableElement.setAttribute('class', 'F cf zt');
     tableElement.innerHTML = _getTableHTML();
-    if (this._tableBodyElement) this._tableBodyElement.appendChild(tableElement);
+    if (this.#tableBodyElement) this.#tableBodyElement.appendChild(tableElement);
     const tbody = tableElement.querySelector('tbody');
-    const eventStream = this._eventStream;
+    const eventStream = this.#eventStream;
     tableRows.forEach(result => {
       const rowElement = document.createElement('tr');
       rowElement.setAttribute('class', 'inboxsdk__resultsSection_tableRow zA ' + (result.isRead ? 'yO' : 'zE'));
@@ -15493,19 +15507,19 @@ class GmailCollapsibleSectionView {
       })));
     });
   }
-  _updateMessageElement(collapsibleSectionDescriptor) {
-    const messageElement = this._messageElement;
+  #updateMessageElement(collapsibleSectionDescriptor) {
+    const messageElement = this.#messageElement;
     if (collapsibleSectionDescriptor.tableRows && collapsibleSectionDescriptor.tableRows.length > 0 || collapsibleSectionDescriptor.contentElement) {
       if (messageElement) {
         messageElement.innerHTML = '';
         messageElement.style.display = 'none';
       }
     } else if (collapsibleSectionDescriptor.tableRows && collapsibleSectionDescriptor.tableRows.length === 0 && !collapsibleSectionDescriptor.contentElement) {
-      this._showEmptyMessage();
+      this.#showEmptyMessage();
     }
   }
-  _showLoadingMessage() {
-    const messageElement = this._messageElement;
+  #showLoadingMessage() {
+    const messageElement = this.#messageElement;
     if (messageElement) {
       messageElement.setAttribute('class', 'TB TC inboxsdk__resultsSection_loading');
       messageElement.innerHTML = 'loading...'; //TODO: localize
@@ -15513,8 +15527,8 @@ class GmailCollapsibleSectionView {
       messageElement.style.display = '';
     }
   }
-  _showEmptyMessage() {
-    const messageElement = this._messageElement;
+  #showEmptyMessage() {
+    const messageElement = this.#messageElement;
     if (messageElement) {
       messageElement.setAttribute('class', 'TB TC');
       messageElement.innerHTML = 'No results found'; //TODO: localize
@@ -15522,8 +15536,8 @@ class GmailCollapsibleSectionView {
       messageElement.style.display = '';
     }
   }
-  _updateFooter(collapsibleSectionDescriptor) {
-    const footerElement = this._footerElement;
+  #updateFooter(collapsibleSectionDescriptor) {
+    const footerElement = this.#footerElement;
     if (!footerElement) return;
     footerElement.innerHTML = '';
     if (!collapsibleSectionDescriptor.footerLinkText && !collapsibleSectionDescriptor.footerLinkIconUrl && !collapsibleSectionDescriptor.footerLinkIconClass) {
@@ -15533,74 +15547,74 @@ class GmailCollapsibleSectionView {
       const footerLinkElement = document.createElement('span');
       footerLinkElement.setAttribute('class', 'e Wb');
       footerLinkElement.textContent = collapsibleSectionDescriptor.footerLinkText;
-      this._eventStream.plug(kefir_esm.fromEvents(footerLinkElement, 'click').map(() => {
+      this.#eventStream.plug(kefir_esm.fromEvents(footerLinkElement, 'click').map(() => {
         return {
           eventName: 'footerClicked',
-          sectionDescriptor: this._collapsibleSectionDescriptor
+          sectionDescriptor: this.#collapsibleSectionDescriptor
         };
       }));
       footerElement.appendChild(footerLinkElement);
       footerElement.insertAdjacentHTML('beforeend', '<br style="clear:both;">');
     }
   }
-  _toggleCollapseState() {
-    if (this._isCollapsed) {
-      this._expand();
+  #toggleCollapseState() {
+    if (this.#isCollapsed) {
+      this.#expand();
     } else {
-      this._collapse();
+      this.#collapse();
     }
   }
-  _collapse() {
-    const element = this._element;
+  #collapse() {
+    const element = this.#element;
     if (!element) {
       return;
     }
     element.classList.add('inboxsdk__resultsSection_collapsed');
-    if (!this._isSearch) {
-      this._addToCollapsedContainer();
+    if (!this.#isSearch) {
+      this.#addToCollapsedContainer();
     }
     const selector = 'h3 > img.Wp';
-    if (this._titleElement) {
-      const arrowSpan = (0,querySelectorOrFail/* default */.Z)(this._titleElement, selector);
+    if (this.#titleElement) {
+      const arrowSpan = (0,querySelectorOrFail/* default */.Z)(this.#titleElement, selector);
       if (arrowSpan) {
         arrowSpan.classList.remove('Wq');
         arrowSpan.classList.add('Wo');
       }
     }
-    if (this._bodyElement) this._bodyElement.style.display = 'none';
-    this._isCollapsed = true;
-    this._eventStream.emit({
+    if (this.#bodyElement) this.#bodyElement.style.display = 'none';
+    this.#isCollapsed = true;
+    this.#eventStream.emit({
       eventName: 'collapsed'
     });
   }
-  _expand() {
-    const element = this._element;
+  #expand() {
+    const element = this.#element;
     if (!element) {
       return;
     }
     element.classList.remove('inboxsdk__resultsSection_collapsed');
-    if (!this._isSearch) {
-      this._removeFromCollapsedContainer();
+    if (!this.#isSearch) {
+      this.#removeFromCollapsedContainer();
     }
     const selector = 'h3 > img.Wp';
-    if (this._titleElement) {
-      const arrowSpan = (0,querySelectorOrFail/* default */.Z)(this._titleElement, selector);
+    if (this.#titleElement) {
+      const arrowSpan = (0,querySelectorOrFail/* default */.Z)(this.#titleElement, selector);
       if (arrowSpan) {
         arrowSpan.classList.remove('Wo');
         arrowSpan.classList.add('Wq');
       }
     }
-    if (this._bodyElement) this._bodyElement.style.display = '';
-    this._isCollapsed = false;
-    this._eventStream.emit({
+    if (this.#bodyElement) this.#bodyElement.style.display = '';
+    this.#isCollapsed = false;
+    this.#eventStream.emit({
       eventName: 'expanded'
     });
   }
-  _addToCollapsedContainer() {
-    const element = this._element;
+  #addToCollapsedContainer() {
+    const element = this.#element;
     if (!element) return;
-    if (this._headerElement) this._headerElement.classList.remove('Wg');
-    if (this._isCollapsedContainer(element.previousElementSibling) && this._isCollapsedContainer(element.nextElementSibling)) {
+    if (this.#headerElement) this.#headerElement.classList.remove('Wg');
+    if (this.#isCollapsedContainer(element.previousElementSibling) && this.#isCollapsedContainer(element.nextElementSibling)) {
       //we are surrounded by collapse containers, let's favor our previous sibling
       const otherCollapseContainer = element.nextElementSibling;
       const previousSibling = element.previousElementSibling;
@@ -15610,15 +15624,15 @@ class GmailCollapsibleSectionView {
       //now we need to "merge" the two collapse containers. This can be done by taking all the result sections out of the collapsed container
       //and calling our "recollapse" helper function on them
       const elementsToRecollapse = Array.from(otherCollapseContainer.children[0].children).concat(Array.from(otherCollapseContainer.children[1].children));
-      if (otherCollapseContainer) this._pulloutSectionsFromCollapsedContainer(otherCollapseContainer);
-      this._recollapse(elementsToRecollapse);
+      if (otherCollapseContainer) this.#pulloutSectionsFromCollapsedContainer(otherCollapseContainer);
+      this.#recollapse(elementsToRecollapse);
     } else {
-      this._readdToCollapsedContainer();
+      this.#readdToCollapsedContainer();
     }
   }
-  _removeFromCollapsedContainer() {
-    if (this._headerElement) this._headerElement.classList.add('Wg');
-    const element = this._element;
+  #removeFromCollapsedContainer() {
+    if (this.#headerElement) this.#headerElement.classList.add('Wg');
+    const element = this.#element;
     if (!element) return;
     const parentElement = element.parentElement;
     if (!parentElement) return;
@@ -15627,35 +15641,35 @@ class GmailCollapsibleSectionView {
       return;
     }
     const elementsToRecollapse = Array.from(container.children[0].children).concat(Array.from(container.children[1].children));
-    this._pulloutSectionsFromCollapsedContainer(container);
-    this._destroyCollapsedContainer();
-    this._recollapse(elementsToRecollapse.filter(child => child !== element));
+    this.#pulloutSectionsFromCollapsedContainer(container);
+    this.#destroyCollapsedContainer();
+    this.#recollapse(elementsToRecollapse.filter(child => child !== element));
   }
-  _pulloutSectionsFromCollapsedContainer(container) {
+  #pulloutSectionsFromCollapsedContainer(container) {
     const prependedChildren = Array.from(container.children[0].children);
     prependedChildren.forEach(child => container.insertAdjacentElement('beforebegin', child));
     const appendedChildren = Array.from(container.children[1].children).reverse();
     appendedChildren.forEach(child => container.insertAdjacentElement('afterend', child));
   }
-  _readdToCollapsedContainer() {
-    const element = this._element;
+  #readdToCollapsedContainer() {
+    const element = this.#element;
     if (!element) return;
-    if (this._collapsedContainer) {
-      this._collapsedContainer.children[0].insertBefore(element, this._collapsedContainer.children[1].firstElementChild);
+    if (this.#collapsedContainer) {
+      this.#collapsedContainer.children[0].insertBefore(element, this.#collapsedContainer.children[1].firstElementChild);
       return;
     }
     let collapsedContainer;
     let isPrepend;
-    if (this._isCollapsedContainer(element.previousElementSibling)) {
+    if (this.#isCollapsedContainer(element.previousElementSibling)) {
       isPrepend = false;
       collapsedContainer = element.previousElementSibling;
-    } else if (this._isCollapsedContainer(element.nextElementSibling)) {
+    } else if (this.#isCollapsedContainer(element.nextElementSibling)) {
       isPrepend = true;
       collapsedContainer = element.nextElementSibling;
     } else {
       isPrepend = true;
-      this._createCollapsedContainer();
-      collapsedContainer = this._collapsedContainer;
+      this.#createCollapsedContainer();
+      collapsedContainer = this.#collapsedContainer;
     }
     if (isPrepend && collapsedContainer) {
       collapsedContainer.children[0].insertBefore(element, collapsedContainer.children[0].firstElementChild);
@@ -15663,10 +15677,10 @@ class GmailCollapsibleSectionView {
       collapsedContainer.children[0].appendChild(element);
     }
   }
-  _isCollapsedContainer(element) {
+  #isCollapsedContainer(element) {
     return element && element.classList.contains('inboxsdk__results_collapsedContainer');
   }
-  _recollapse(children) {
+  #recollapse(children) {
     children.forEach(child => {
       const removeEvent = document.createEvent('CustomEvent');
       removeEvent.initCustomEvent('removeCollapsedContainer', false, false, null);
@@ -15676,17 +15690,17 @@ class GmailCollapsibleSectionView {
       child.dispatchEvent(readdEvent);
     });
   }
-  _createCollapsedContainer() {
-    const collapsedContainer = this._collapsedContainer = document.createElement('div');
+  #createCollapsedContainer() {
+    const collapsedContainer = this.#collapsedContainer = document.createElement('div');
     collapsedContainer.setAttribute('class', 'inboxsdk__results_collapsedContainer Wg');
     collapsedContainer.innerHTML = '<div class="inboxsdk__results_collapsedContainer_prepend"></div><div class="inboxsdk__results_collapsedContainer_append"></div>';
-    const element = this._element;
+    const element = this.#element;
     if (element) element.insertAdjacentElement('afterend', collapsedContainer);
   }
-  _destroyCollapsedContainer() {
-    if (this._collapsedContainer) {
-      this._collapsedContainer.remove();
-      this._collapsedContainer = null;
+  #destroyCollapsedContainer() {
+    if (this.#collapsedContainer) {
+      this.#collapsedContainer.remove();
+      this.#collapsedContainer = null;
     }
   }
 }
@@ -16169,26 +16183,7 @@ class GmailRouteView {
     if (threadContainerElement === 'destroyed') {
       return;
     }
-    const elementStream = (0,make_element_child_stream/* default */.Z)(threadContainerElement).filter(event => !!event.el.querySelector('.if') || !!event.el.querySelector('.PeIF1d') || !!event.el.querySelector('.a98.iY') || event.el.matches('.a98.iY')).onValue(_ref4 => {
-      let {
-        el
-      } = _ref4;
-      const versions = [];
-
-      // TODO: remove this once we're sure that all users are on the latest version
-      if (el.matches(":has(.if)")) {
-        versions.push('2014-11-06');
-      } else if (el.matches(":has(.PeIF1d)")) {
-        versions.push('2022-10-12');
-      } else if (el.matches(":has(.a98.iY)")) {
-        return versions.push('2022-11-21');
-      } else if (el.matches(".a98.iY")) {
-        versions.push('2023-11-22');
-      }
-      this.#driver.logger.eventSdkPassive('routeView#startMonitoringPreviewPaneForThread', {
-        versions
-      });
-    });
+    const elementStream = (0,make_element_child_stream/* default */.Z)(threadContainerElement).filter(event => event.el.matches('.a98.iY'));
     this._eventStream.plug(elementStream.flatMap(makeElementViewStream(element => new gmail_thread_view(element, this, this.#driver, true))).map(view => {
       this._threadView = view;
       return {
@@ -16198,10 +16193,10 @@ class GmailRouteView {
     }));
   }
   #getSectionsContainer() {
-    return (0,toItemWithLifetimeStream/* default */.Z)(this.#page.tree.getAllByTag('rowListElementContainer')).takeUntilBy(this._stopper).take(1).map(_ref5 => {
+    return (0,toItemWithLifetimeStream/* default */.Z)(this.#page.tree.getAllByTag('rowListElementContainer')).takeUntilBy(this._stopper).take(1).map(_ref4 => {
       let {
         el
-      } = _ref5;
+      } = _ref4;
       const main = el.getValue();
       let sectionsContainer = main.querySelector('.inboxsdk__custom_sections');
       if (!sectionsContainer) {
@@ -19240,7 +19235,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.25-1701718305489-e07cd3aabee5e39f");
+              "2.1.27-1706185810630-874edc85a14e17b3");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inboxsdk/core",
-  "version": "2.1.25",
+  "version": "2.1.27",
   "description": "Library for building browser extensions for Gmail",
   "main": "inboxsdk.js",
   "author": "Streak",

package/src/inboxsdk.d.ts

@@ -33,6 +33,9 @@ import type {
   default as Toolbars,
   LegacyToolbarButtonDescriptor,
 } from './platform-implementation-js/namespaces/toolbars';
+import type CollapsibleSectionView from './platform-implementation-js/views/collapsible-section-view';
+import type ListRouteView from './platform-implementation-js/views/route-view/list-route-view';
+import type SectionView from './platform-implementation-js/views/section-view';
 
 export type { User };
 
@@ -254,14 +257,35 @@ export interface DraftLabelDescriptor {
   count?: string | number;
 }
 
+/**
+ * This type is used to describe labels that you add to {@link ThreadRowView} and {@link CollapsibleSectionView}.
+ */
 export interface LabelDescriptor {
+  /**
+   * Text of the label.
+   *
+   * @todo marked as required in the docs.
+   */
   title?: string;
+  /** @internal is this still used? */
   titleHtml?: string;
+  /** A background color to put on the icon element if present. */
+  iconBackgroundColor?: string;
+  /**
+   * URL for the icon to show on the label. Should be a local extension file URL or a HTTPS URL.
+   *
+   * @todo marked as required in the docs
+   */
   iconUrl?: string;
+  /** A CSS class to apply to the icon. */
   iconClass?: string;
+  /** Html for the icon to show on the label. This property can't be used with iconUrl or iconClass. */
   iconHtml?: string;
+  /** The text color of the label. */
   foregroundColor?: string;
+  /** The background color of the label. */
   backgroundColor?: string;
+  /** Max width for the label title.The default label title max-width is 90px */
   maxWidth?: string;
 }
 
@@ -273,13 +297,7 @@ export interface ThreadRowAttachmentIconDescriptor {
 
 export { NavItemView };
 
-export interface SectionView extends EventEmitter {
-  remove(): void;
-}
-
-export interface CollapsibleSectionView extends SectionView {
-  setCollapsed(value: boolean): void;
-}
+export { SectionView, CollapsibleSectionView };
 
 export class RouteView extends EventEmitter {
   constructor(
@@ -297,12 +315,74 @@ export class RouteView extends EventEmitter {
   isCustomRouteBelongingToApp(): boolean;
 }
 
-export interface ListRouteView extends RouteView {
-  addCollapsibleSection(options: any): CollapsibleSectionView;
-  addSection(options: any): SectionView;
-  refresh(): void;
+/**
+ * Represents the a single row to render in {@link SectionView}s and {@link CollapsibleSectionView}s
+ */
+export interface RowDescriptor {
+  /** First textual column */
+  title: string;
+  /** Second textual column */
+  body: string;
+  /** Last text right-aligned. Often used for dates. */
+  shortDetailText: string;
+  /**
+   * Whether the row should be rendered as read or unread similar to Gmail styles.
+   *
+   * @TODO is this actually required like the docs say?
+   */
+  isRead?: string;
+  /** Any labels that should be rendered. */
+  labels: LabelDescriptor[];
+  /** An optional class to apply to the icon. */
+  iconClass?: string;
+  /** An optional HTML to an icon to display on the left side of the row */
+  iconHtml?: string;
+  /** An optional url to an icon to display on the left side of the row */
+  iconUrl?: string;
+  /** The name of the route to navigate to when the row is clicked on. */
+  routeID?: string;
+  /** The parameters of the route being navigated to when the row is clicked on. */
+  routeParams?: string[];
+  /** Callback for when the row is clicked on. */
+  onClick?(e: unknown): void;
 }
 
+/**
+ * The properties required to create a {@link SectionView} or {@link CollapsibleSectionView}.
+ */
+export interface SectionDescriptor {
+  /** Main title */
+  title: string;
+  /** Subtitle */
+  subtitle?: string | null;
+  /** Link to display in the summary area of the {@link SectionView}. Typically page counts are displayed here.	*/
+  titleLinkText?: string;
+  /** A function to call when the title link has been clicked. */
+  onTitleLinkClick?(e: MouseEvent): void;
+  /** Whether to display a dropdown arrow for more options on the collapsible section. */
+  hasDropdown?: boolean;
+  /**
+   * A function to call when the dropdown is opened. Your function is passed an event object with a single dropdown property.
+   */
+  onDropdownClick?(e: unknown): void;
+  /** The rows that should be shown. */
+  tableRows?: RowDescriptor[];
+  /** An arbitrary HTML element to place above the table rows but below the title. */
+  contentElement?: HTMLElement;
+  /** A link to place in the footer of the {@link SectionView}.	 */
+  footerLinkText?: string;
+  /** A function to call when the link in the footer is clicked. */
+  onFooterLinkClick?(e: MouseEvent): void;
+  /** @internal */
+  orderHint?: unknown;
+  /** @internal */
+  footerLinkIconUrl?: unknown;
+  /** @internal */
+  footerLinkIconClass?: unknown;
+}
+
+export { ListRouteView };
+
 export interface CustomRouteView extends RouteView {
   getElement(): HTMLElement;
 }

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-collapsible-section-view.d.ts

@@ -1,61 +1,15 @@
 import * as Kefir from 'kefir';
 import type { Bus } from 'kefir-bus';
 import type GmailDriver from '../gmail-driver';
+import type { SectionDescriptor } from '../../../../inboxsdk';
 declare class GmailCollapsibleSectionView {
-    _driver: GmailDriver;
-    _groupOrderHint: number;
-    _isReadyDeferred: Record<string, any>;
-    _isCollapsible: boolean;
-    _collapsibleSectionDescriptor: Record<string, any>;
-    _isSearch: boolean;
-    _element: HTMLElement | null | undefined;
-    _headerElement: HTMLElement | null | undefined;
-    _titleElement: HTMLElement | null | undefined;
-    _bodyElement: HTMLElement | null | undefined;
-    _contentElement: HTMLElement | null | undefined;
-    _tableBodyElement: HTMLElement | null | undefined;
-    _collapsedContainer: HTMLElement | null | undefined;
-    _messageElement: HTMLElement | null | undefined;
-    _footerElement: HTMLElement | null | undefined;
-    _eventStream: Bus<any, unknown>;
-    _isCollapsed: boolean;
-    _inboxDropdownButtonView: Record<string, any> | null | undefined;
-    _dropdownViewController: Record<string, any> | null | undefined;
+    #private;
     constructor(driver: GmailDriver, groupOrderHint: number, isSearch: boolean, isCollapsible: boolean);
     destroy(): void;
     getElement(): HTMLElement;
     getEventStream(): Bus<any, unknown>;
-    setCollapsibleSectionDescriptorProperty(collapsibleSectionDescriptorProperty: Kefir.Observable<Record<string, any> | null | undefined, unknown>): void;
+    setCollapsibleSectionDescriptorProperty(collapsibleSectionDescriptorProperty: Kefir.Observable<SectionDescriptor | null | undefined, unknown>): void;
     setCollapsed(value: boolean): void;
-    _updateValues(collapsibleSectionDescriptor: Record<string, any> | null | undefined): void;
-    _setupElement(collapsibleSectionDescriptor: Record<string, any>): void;
-    _setupHeader(collapsibleSectionDescriptor: Record<string, any>): void;
-    _setupGmailv2Header(headerElement: HTMLElement, collapsibleSectionDescriptor: Record<string, any>): void;
-    _setupFooter(): void;
-    _updateElement(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateHeader(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateTitle(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateSubtitle(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateSummaryText(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateDropdown(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateContentElement(collapsibleSectionDescriptor: Record<string, any>): void;
-    _updateTableRows(collapsibleSectionDescriptor: Record<string, any>): void;
-    _renderTable(tableRows: Array<Record<string, any>>): void;
-    _updateMessageElement(collapsibleSectionDescriptor: Record<string, any>): void;
-    _showLoadingMessage(): void;
-    _showEmptyMessage(): void;
-    _updateFooter(collapsibleSectionDescriptor: Record<string, any>): void;
-    _toggleCollapseState(): void;
-    _collapse(): void;
-    _expand(): void;
-    _addToCollapsedContainer(): void;
-    _removeFromCollapsedContainer(): void;
-    _pulloutSectionsFromCollapsedContainer(container: HTMLElement): void;
-    _readdToCollapsedContainer(): void;
-    _isCollapsedContainer(element: any): any;
-    _recollapse(children: Array<Record<string, any>>): void;
-    _createCollapsedContainer(): void;
-    _destroyCollapsedContainer(): void;
 }
 export default GmailCollapsibleSectionView;
 //# sourceMappingURL=gmail-collapsible-section-view.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"gmail-collapsible-section-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-collapsible-section-view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"gmail-collapsible-section-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-collapsible-section-view.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAOrC,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAE9B,cAAM,2BAA2B;;gBAuB7B,MAAM,EAAE,WAAW,EACnB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,OAAO;IAUxB,OAAO;IAcP,UAAU,IAAI,WAAW;IAOzB,cAAc;IAId,uCAAuC,CACrC,oCAAoC,EAAE,KAAK,CAAC,UAAU,CACpD,iBAAiB,GAAG,IAAI,GAAG,SAAS,EACpC,OAAO,CACR;IASH,YAAY,CAAC,KAAK,EAAE,OAAO;CAkrB5B;AAiID,eAAe,2BAA2B,CAAC"}

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

@@ -5,6 +5,7 @@ import GmailThreadView from '../gmail-thread-view';
 import GmailCollapsibleSectionView from '../gmail-collapsible-section-view';
 import type GmailDriver from '../../gmail-driver';
 import type GmailRouteProcessor from '../gmail-route-view/gmail-route-processor';
+import { type SectionDescriptor } from '../../../../../inboxsdk';
 declare class GmailRouteView {
     #private;
     _type: string;
@@ -43,8 +44,8 @@ declare class GmailRouteView {
     getType(): string;
     isCustomRouteBelongingToApp(): boolean;
     getParams: () => Record<string, string>;
-    addCollapsibleSection(sectionDescriptorProperty: Kefir.Observable<Record<string, any> | null | undefined, unknown>, groupOrderHint: any): GmailCollapsibleSectionView;
-    addSection(sectionDescriptorProperty: Kefir.Observable<Record<string, any> | null | undefined, unknown>, groupOrderHint: any): GmailCollapsibleSectionView;
+    addCollapsibleSection(sectionDescriptorProperty: Kefir.Observable<SectionDescriptor | null | undefined, unknown>, groupOrderHint: number): GmailCollapsibleSectionView;
+    addSection(sectionDescriptorProperty: Kefir.Observable<SectionDescriptor | null | undefined, unknown>, groupOrderHint: number): GmailCollapsibleSectionView;
     _setupCustomViewElement(): void;
     _monitorLeftNavHeight(): void;
     _setCustomViewElementHeight(): void;

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

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

package/src/platform-implementation-js/driver-interfaces/route-view-driver.d.ts

@@ -1,5 +1,6 @@
 import type * as Kefir from 'kefir';
 import type GmailCollapsibleSectionView from '../dom-driver/gmail/views/gmail-collapsible-section-view';
+import { SectionDescriptor } from '../../inboxsdk';
 export type MinRouteViewDriver = {
     getRouteType(): string;
     getRouteID(): string;
@@ -12,7 +13,7 @@ export type RouteViewDriver = MinRouteViewDriver & {
     getType(): string;
     getHash(): string;
     addSection(sectionDescriptorProperty: Kefir.Observable<Record<string, any> | null | undefined, unknown>, groupOrderHint: any): GmailCollapsibleSectionView;
-    addCollapsibleSection(sectionDescriptorProperty: Kefir.Observable<Record<string, any> | null | undefined, unknown>, groupOrderHint: any): GmailCollapsibleSectionView;
+    addCollapsibleSection(sectionDescriptorProperty: Kefir.Observable<SectionDescriptor | null | undefined, unknown>, groupOrderHint: any): GmailCollapsibleSectionView;
     getCustomViewElement(): HTMLElement | null | undefined;
     setFullWidth(fullWidth: boolean): void;
 };

package/src/platform-implementation-js/driver-interfaces/route-view-driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-view-driver.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/driver-interfaces/route-view-driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,2BAA2B,MAAM,0DAA0D,CAAC;AAExG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,IAAI,MAAM,CAAC;IACvB,UAAU,IAAI,MAAM,CAAC;IACrB,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,cAAc,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACjE,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,IAAI,MAAM,CAAC;IAClB,OAAO,IAAI,MAAM,CAAC;IAClB,UAAU,CACR,yBAAyB,EAAE,KAAK,CAAC,UAAU,CACzC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,EACtC,OAAO,CACR,EACD,cAAc,EAAE,GAAG,GAClB,2BAA2B,CAAC;IAC/B,qBAAqB,CACnB,yBAAyB,EAAE,KAAK,CAAC,UAAU,CACzC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,EACtC,OAAO,CACR,EACD,cAAc,EAAE,GAAG,GAClB,2BAA2B,CAAC;IAC/B,oBAAoB,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;CACxC,CAAC"}
+{"version":3,"file":"route-view-driver.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/driver-interfaces/route-view-driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,2BAA2B,MAAM,0DAA0D,CAAC;AACxG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,IAAI,MAAM,CAAC;IACvB,UAAU,IAAI,MAAM,CAAC;IACrB,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,cAAc,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACjE,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,IAAI,MAAM,CAAC;IAClB,OAAO,IAAI,MAAM,CAAC;IAClB,UAAU,CACR,yBAAyB,EAAE,KAAK,CAAC,UAAU,CACzC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,EACtC,OAAO,CACR,EACD,cAAc,EAAE,GAAG,GAClB,2BAA2B,CAAC;IAC/B,qBAAqB,CACnB,yBAAyB,EAAE,KAAK,CAAC,UAAU,CACzC,iBAAiB,GAAG,IAAI,GAAG,SAAS,EACpC,OAAO,CACR,EACD,cAAc,EAAE,GAAG,GAClB,2BAA2B,CAAC;IAC/B,oBAAoB,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;CACxC,CAAC"}

package/src/platform-implementation-js/views/collapsible-section-view.d.ts

@@ -1,10 +1,21 @@
 import EventEmitter from '../lib/safe-event-emitter';
 import type { Driver } from '../driver-interfaces/driver';
 import type GmailCollapsibleSectionView from '../dom-driver/gmail/views/gmail-collapsible-section-view';
+/**
+* {@link CollapsibleSectionView}s allow you to display additional content on ListRouteViews. They are typically rendered as additional content above the list of threads below. The visual style is similar to that of multiple inbox sections used in native Gmail. Note that the rendering may vary slightly depending on the actual ListRouteView that the {@link CollapsibleSectionView} is rendered in. For example, {@link CollapsibleSectionViews} rendered on search results pages use different header styles to match Gmail's style more accurately.
+
+ * You can either render rows (that are visually similar to Gmail rows) or custom content in your {@link CollapsibleSectionView}. Until content is provided, the SectionView will simply display a "Loading..." indicator.
+ *
+ * @see ListRouteView.addCollapsibleSection for more information.
+ * @todo the docs mention this class extending SectionView. That doesn't seem to be the case.
+*/
 declare class CollapsibleSectionView extends EventEmitter {
+    #private;
+    /** This property is set to true once the view is destroyed. */
     destroyed: boolean;
     constructor(collapsibleSectionViewDriver: GmailCollapsibleSectionView, driver: Driver);
     setCollapsed(value: boolean): void;
+    /** Removes this section from the current Route */
     remove(): void;
     destroy(): void;
 }

package/src/platform-implementation-js/views/collapsible-section-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-section-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/collapsible-section-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,2BAA2B,MAAM,0DAA0D,CAAC;AAGxG,cAAM,sBAAuB,SAAQ,YAAY;IAC/C,SAAS,EAAE,OAAO,CAAC;gBAGjB,4BAA4B,EAAE,2BAA2B,EACzD,MAAM,EAAE,MAAM;IAYhB,YAAY,CAAC,KAAK,EAAE,OAAO;IAI3B,MAAM;IAIN,OAAO;CAKR;AA4CD,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"collapsible-section-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/collapsible-section-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,2BAA2B,MAAM,0DAA0D,CAAC;AAExG;;;;;;;EAOE;AACF,cAAM,sBAAuB,SAAQ,YAAY;;IAC/C,+DAA+D;IAC/D,SAAS,EAAE,OAAO,CAAC;gBAIjB,4BAA4B,EAAE,2BAA2B,EACzD,MAAM,EAAE,MAAM;IAShB,YAAY,CAAC,KAAK,EAAE,OAAO;IAI3B,kDAAkD;IAClD,MAAM;IAIN,OAAO;CAIR;AA4CD,eAAe,sBAAsB,CAAC"}

package/src/platform-implementation-js/views/route-view/list-route-view.d.ts

@@ -1,12 +1,23 @@
 import RouteView from './route-view';
+import { Observable } from 'kefir';
 import CollapsibleSectionView from '../collapsible-section-view';
 import SectionView from '../section-view';
 import type { RouteViewDriver } from '../../driver-interfaces/route-view-driver';
 import type { Driver } from '../../driver-interfaces/driver';
+import type { SectionDescriptor } from '../../../inboxsdk';
+/**
+ * Extends {@link RouteView}. {@link ListRouteView}s represent pages within Gmail that show a list of emails. Typical examples are the Inbox, Sent Mail, Drafts, etc. However, views like the Conversation view or Settings would not be a ListRouteView.
+ */
 declare class ListRouteView extends RouteView {
+    #private;
     constructor(routeViewDriver: RouteViewDriver, driver: Driver, appId: string);
-    addCollapsibleSection(collapsibleSectionDescriptor: Record<string, any> | null | undefined): CollapsibleSectionView;
+    /**
+     * Adds a collapsible section to the top of the page.
+     */
+    addCollapsibleSection(collapsibleSectionDescriptor: SectionDescriptor | Observable<SectionDescriptor | null | undefined, unknown> | null | undefined): CollapsibleSectionView;
+    /** Adds a non-collapsible section to the top of the page. */
     addSection(sectionDescriptor: Record<string, any> | null | undefined): SectionView;
+    /** Simulates a click on the Gmail thread list refresh button. */
     refresh(): void;
 }
 export default ListRouteView;

package/src/platform-implementation-js/views/route-view/list-route-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-route-view.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/views/route-view/list-route-view.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAGrC,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAE7D,cAAM,aAAc,SAAQ,SAAS;gBACvB,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAa3E,qBAAqB,CACnB,4BAA4B,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,GACnE,sBAAsB;IAezB,UAAU,CACR,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,GACxD,WAAW;IAWd,OAAO;CAGR;AAgBD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"list-route-view.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/views/route-view/list-route-view.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D;;GAEG;AACH,cAAM,aAAc,SAAQ,SAAS;;gBAMvB,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAS3E;;OAEG;IACH,qBAAqB,CACnB,4BAA4B,EACxB,iBAAiB,GACjB,UAAU,CAAC,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,GACzD,IAAI,GACJ,SAAS,GACZ,sBAAsB;IAoBzB,6DAA6D;IAC7D,UAAU,CACR,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,GACxD,WAAW;IAUd,iEAAiE;IACjE,OAAO;CAWR;AAED,eAAe,aAAa,CAAC"}

package/src/platform-implementation-js/views/section-view.d.ts

@@ -2,6 +2,7 @@ import EventEmitter from '../lib/safe-event-emitter';
 import type { Driver } from '../driver-interfaces/driver';
 import type GmailCollapsibleSectionView from '../dom-driver/gmail/views/gmail-collapsible-section-view';
 declare class SectionView extends EventEmitter {
+    #private;
     destroyed: boolean;
     constructor(sectionViewDriver: GmailCollapsibleSectionView, driver: Driver);
     remove(): void;

package/src/platform-implementation-js/views/section-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/section-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,2BAA2B,MAAM,0DAA0D,CAAC;AAGxG,cAAM,WAAY,SAAQ,YAAY;IACpC,SAAS,EAAE,OAAO,CAAC;gBAEP,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,EAAE,MAAM;IAW1E,MAAM;IAIN,OAAO;CAKR;AAoDD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"section-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/section-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,2BAA2B,MAAM,0DAA0D,CAAC;AAExG,cAAM,WAAY,SAAQ,YAAY;;IACpC,SAAS,EAAE,OAAO,CAAC;gBAGP,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,EAAE,MAAM;IAQ1E,MAAM;IAIN,OAAO;CAIR;AAoDD,eAAe,WAAW,CAAC"}