@inboxsdk/core 0.2.28-alpha.6 → 0.2.28

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view/monitor-top-banner-size-and-react.js

@@ -1,19 +1,20 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = monitorTopBannerSizeAndReact;
 const BANNER_WIDTH_LIMIT = 900;
-function monitorTopBannerSizeAndReact() {
+
+export default function monitorTopBannerSizeAndReact() {
   const ResizeObserver = global.ResizeObserver;
   if (!ResizeObserver) return;
+
   const body = document.body;
   if (!body) return;
+
   const banner = body.querySelector('[role=banner]');
   if (!banner) return;
+
   if (banner.hasAttribute('inboxsdk__resize_claimed')) return;
   banner.setAttribute('inboxsdk__resize_claimed', 'true');
+
   const resizeObserver = new ResizeObserver(() => {
     if (banner.clientWidth < BANNER_WIDTH_LIMIT) {
       body.classList.add('inboxsdk__searchIsNarrow');
@@ -21,5 +22,6 @@ function monitorTopBannerSizeAndReact() {
       body.classList.remove('inboxsdk__searchIsNarrow');
     }
   });
+
   resizeObserver.observe(banner);
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view.js

@@ -1,35 +1,44 @@
-"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 _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _censorHTMLtree = _interopRequireDefault(require("../../../../common/censorHTMLtree"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _updateIcon = _interopRequireDefault(require("../../../driver-common/update-icon"));
-var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
-var _gmailTooltipView = _interopRequireDefault(require("../widgets/gmail-tooltip-view"));
-var _dropdownView = _interopRequireDefault(require("../../../widgets/buttons/dropdown-view"));
-var _monitorTopBannerSizeAndReact = _interopRequireDefault(require("./gmail-app-toolbar-button-view/monitor-top-banner-size-and-react"));
-class GmailAppToolbarButtonView {
-  constructor(driver, inButtonDescriptor) {
-    (0, _defineProperty2.default)(this, "_element", null);
+/* @flow */
+
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import censorHTMLtree from '../../../../common/censorHTMLtree';
+import Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+import type { Stopper } from 'kefir-stopper';
+import updateIcon from '../../../driver-common/update-icon';
+import GmailElementGetter from '../gmail-element-getter';
+import GmailTooltipView from '../widgets/gmail-tooltip-view';
+import DropdownView from '../../../widgets/buttons/dropdown-view';
+
+import monitorTopBannerSizeAndReact from './gmail-app-toolbar-button-view/monitor-top-banner-size-and-react';
+
+import type Driver from '../gmail-driver';
+
+export default class GmailAppToolbarButtonView {
+  _stopper: Stopper;
+  _iconSettings: Object;
+  _element: ?HTMLElement = null;
+  _activeDropdown: ?DropdownView;
+  _buttonDescriptor: ?Object;
+  _driver: Driver;
+
+  constructor(driver: Driver, inButtonDescriptor: Kefir.Observable<Object>) {
     this._driver = driver;
-    this._stopper = (0, _kefirStopper.default)();
+    this._stopper = kefirStopper();
     this._iconSettings = {};
-    inButtonDescriptor.takeUntilBy(this._stopper).onValue(buttonDescriptor => {
-      try {
-        this._handleButtonDescriptor(buttonDescriptor);
-      } catch (err) {
-        this._driver.getLogger().error(err);
-      }
-    });
-    (0, _monitorTopBannerSizeAndReact.default)();
+    inButtonDescriptor
+      .takeUntilBy(this._stopper)
+      .onValue((buttonDescriptor) => {
+        try {
+          this._handleButtonDescriptor(buttonDescriptor);
+        } catch (err) {
+          this._driver.getLogger().error(err);
+        }
+      });
+
+    monitorTopBannerSizeAndReact();
   }
+
   destroy() {
     this._stopper.destroy();
     if (this._element) {
@@ -39,12 +48,14 @@ class GmailAppToolbarButtonView {
       this._activeDropdown.close();
     }
   }
-  getStopper() {
+
+  getStopper(): Kefir.Observable<null> {
     return this._stopper;
   }
-  getElement() {
+  getElement(): ?HTMLElement {
     return this._element;
   }
+
   open() {
     try {
       if (!this._activeDropdown) {
@@ -54,6 +65,7 @@ class GmailAppToolbarButtonView {
       this._driver.getLogger().error(err);
     }
   }
+
   close() {
     try {
       if (this._activeDropdown) {
@@ -63,17 +75,29 @@ class GmailAppToolbarButtonView {
       this._driver.getLogger().error(err);
     }
   }
-  _handleButtonDescriptor(buttonDescriptor) {
+
+  _handleButtonDescriptor(buttonDescriptor: Object) {
     if (!buttonDescriptor) {
-      throw new Error('The application passed an invalid value for buttonDescriptor');
+      throw new Error(
+        'The application passed an invalid value for buttonDescriptor'
+      );
     }
-    const element = this._element = this._element || _createAppButtonElement(this._driver, () => {
-      this._handleClick();
-    });
+    const element = (this._element =
+      this._element ||
+      _createAppButtonElement(this._driver, () => {
+        this._handleClick();
+      }));
     this._buttonDescriptor = buttonDescriptor;
-    (0, _updateIcon.default)(this._iconSettings, (0, _querySelectorOrFail.default)(element, 'a'), false, buttonDescriptor.iconClass, buttonDescriptor.iconUrl);
-    _updateTitle((0, _querySelectorOrFail.default)(element, 'span'), buttonDescriptor);
+    updateIcon(
+      this._iconSettings,
+      querySelector(element, 'a'),
+      false,
+      buttonDescriptor.iconClass,
+      buttonDescriptor.iconUrl
+    );
+    _updateTitle(querySelector(element, 'span'), buttonDescriptor);
   }
+
   _handleClick() {
     const element = this._element;
     if (!element) {
@@ -83,84 +107,109 @@ class GmailAppToolbarButtonView {
     }
     const buttonDescriptor = this._buttonDescriptor;
     if (!buttonDescriptor) {
-      throw new Error('app toolbar button clicked before receiving button descriptor');
+      throw new Error(
+        'app toolbar button clicked before receiving button descriptor'
+      );
     }
+
     if (this._activeDropdown) {
       this._activeDropdown.close();
     } else {
       var appEvent = {};
-      var tooltipView = new _gmailTooltipView.default();
-      tooltipView.getContainerElement().classList.add('inboxsdk__appButton_tooltip');
+      var tooltipView = new GmailTooltipView();
+      tooltipView
+        .getContainerElement()
+        .classList.add('inboxsdk__appButton_tooltip');
       tooltipView.getContentElement().innerHTML = '';
+
       if (buttonDescriptor.arrowColor) {
-        (0, _querySelectorOrFail.default)(tooltipView.getContainerElement(), '.T-P-atC').style.borderTopColor = buttonDescriptor.arrowColor;
+        querySelector(
+          tooltipView.getContainerElement(),
+          '.T-P-atC'
+        ).style.borderTopColor = buttonDescriptor.arrowColor;
       }
-      appEvent.dropdown = this._activeDropdown = new _dropdownView.default(tooltipView, element, {
-        manualPosition: true
-      });
+
+      appEvent.dropdown = this._activeDropdown = new DropdownView(
+        tooltipView,
+        element,
+        { manualPosition: true }
+      );
       appEvent.dropdown.on('destroy', () => {
         this._activeDropdown = null;
       });
+
       if (buttonDescriptor.onClick) {
         buttonDescriptor.onClick.call(null, appEvent);
       }
+
       if (this._element) {
         tooltipView.anchor(this._element, {
           position: 'bottom',
-          offset: {
-            top: 8
-          }
+          offset: { top: 8 },
         });
       }
     }
   }
 }
-exports.default = GmailAppToolbarButtonView;
-function _createAppButtonElement(driver, onclick) {
+
+function _createAppButtonElement(
+  driver: Driver,
+  onclick: (event: Object) => void
+): HTMLElement {
   const element = document.createElement('div');
   element.setAttribute('class', 'inboxsdk__appButton');
+
   element.innerHTML = `<a href="#">
                <span class="inboxsdk__appButton_title"></span>
              </a>`;
-  element.addEventListener('click', event => {
+
+  element.addEventListener('click', (event: MouseEvent) => {
     event.preventDefault();
     onclick(event);
   });
-  const topAccountContainer = _gmailElementGetter.default.getTopAccountContainer();
+
+  const topAccountContainer = GmailElementGetter.getTopAccountContainer();
   if (!topAccountContainer) {
     const err = new Error('Could not make button');
     const banner = document.querySelector('[role=banner]');
     driver.getLogger().error(err, {
       type: 'failed to make appToolbarButton',
       gbsfwPresent: !!document.getElementById('gbsfw'),
-      bannerHtml: banner && (0, _censorHTMLtree.default)(banner)
+      bannerHtml: banner && censorHTMLtree(banner),
     });
     throw err;
   }
-  const insertionElement = topAccountContainer;
+
+  const insertionElement: ?HTMLElement = topAccountContainer;
+
   if (!insertionElement) {
     const err = new Error('Could not make button');
     driver.getLogger().error(err, {
       type: 'failed to make appToolbarButton',
-      topAccountContainerHTML: (0, _censorHTMLtree.default)(topAccountContainer)
+      topAccountContainerHTML: censorHTMLtree(topAccountContainer),
     });
     throw err;
   }
+
   try {
-    if (!_gmailElementGetter.default.isGplusEnabled()) {
+    if (!GmailElementGetter.isGplusEnabled()) {
       element.classList.add('inboxsdk__appButton_noGPlus');
     }
+
     insertionElement.insertBefore(element, insertionElement.lastElementChild);
     return element;
   } catch (err) {
     driver.getLogger().error(err, {
       type: 'failed to make appToolbarButton',
-      insertionElementHTML: (0, _censorHTMLtree.default)(insertionElement)
+      insertionElementHTML: censorHTMLtree(insertionElement),
     });
     throw err;
   }
 }
-function _updateTitle(element, descriptor) {
+
+function _updateTitle(element: HTMLElement, descriptor: Object) {
   element.textContent = descriptor.title;
-  element.className = `inboxsdk__appButton_title ${descriptor.titleClass || ''}`;
-}
+  element.className = `inboxsdk__appButton_title ${
+    descriptor.titleClass || ''
+  }`;
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-attachment-area-view.js

@@ -1,101 +1,141 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _gmailAttachmentCardView = _interopRequireDefault(require("./gmail-attachment-card-view"));
-var _buttonView = _interopRequireDefault(require("../widgets/buttons/button-view"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _basicButtonViewController = _interopRequireDefault(require("../../../widgets/buttons/basic-button-view-controller"));
-const GmailAttachmentAreaView = (0, _ud.defn)(module, class GmailAttachmentAreaView {
-  constructor(element, driver, messageViewDriver) {
-    this._driver = driver;
-    this._messageViewDriver = messageViewDriver;
-    this._elsToCardViews = new WeakMap();
-    if (element) {
-      this._element = element;
-    } else {
-      this._setupElement();
-    }
-  }
-  destroy() {
-    this.getAttachmentCardViews().forEach(view => {
-      view.destroy();
-    });
-  }
-  getElement() {
-    return this._element;
-  }
-  getAttachmentCardViews() {
-    const attachments = this._element.querySelectorAll('.aQH > span');
-    return Array.from(attachments).map(attachment => {
-      let cardView = this._elsToCardViews.get(attachment);
-      if (!cardView) {
-        cardView = new _gmailAttachmentCardView.default({
-          element: attachment
-        }, this._driver, this._messageViewDriver);
-        this._elsToCardViews.set(attachment, cardView);
+/* @flow */
+
+import { defn } from 'ud';
+import type GmailDriver from '../gmail-driver';
+import type GmailMessageView from './gmail-message-view';
+import GmailAttachmentCardView from './gmail-attachment-card-view';
+import ButtonView from '../widgets/buttons/button-view';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
+
+const GmailAttachmentAreaView = defn(
+  module,
+  class GmailAttachmentAreaView {
+    _element: HTMLElement;
+    _messageViewDriver: GmailMessageView;
+    _driver: GmailDriver;
+    _elsToCardViews: WeakMap<HTMLElement, GmailAttachmentCardView>;
+
+    constructor(
+      element: ?HTMLElement,
+      driver: GmailDriver,
+      messageViewDriver: GmailMessageView
+    ) {
+      this._driver = driver;
+      this._messageViewDriver = messageViewDriver;
+      this._elsToCardViews = new WeakMap();
+      if (element) {
+        this._element = element;
+      } else {
+        this._setupElement();
       }
-      return cardView;
-    });
-  }
-  _setupElement() {
-    this._element = document.createElement('div');
-    this._element.setAttribute('class', 'hq gt a10');
-    this._element.innerHTML = ['<div class="hp"></div>', '<div class="a3I">Attachments area</div>', '<div></div>', '<div class="aQH">', '<div class="aZK"></div>', '</div>'].join('');
-  }
-  _createAreaToolbarIfNeeded() {
-    const preexistingToolbar = this._element.querySelector('.ho');
-    if (preexistingToolbar) {
-      return preexistingToolbar;
     }
-    const toolbar = document.createElement('div');
-    toolbar.className = 'ho';
-    toolbar.innerHTML = `<span class="aVW"><span>${this.getAttachmentCardViews().length}</span> Attachments</span><div class="aZi J-J5-Ji"></div>`;
-    this._element.insertBefore(toolbar, this._element.lastElementChild);
-    this._element.classList.remove('a10');
-    return toolbar;
-  }
-  _updateToolbarCardCount() {
-    const cardCount = this.getAttachmentCardViews().length;
-    if (cardCount > 1) {
-      const toolbar = this._createAreaToolbarIfNeeded();
-      const counter = (0, _querySelectorOrFail.default)(toolbar, '.aVW > span');
-      counter.textContent = String(cardCount);
+
+    destroy() {
+      this.getAttachmentCardViews().forEach((view) => {
+        view.destroy();
+      });
     }
-  }
-  addGmailAttachmentCardView(gmailAttachmentCardView) {
-    const zone = this._element.querySelector('.aXK, .aQH');
-    if (!zone) {
-      this._driver.getLogger().error(new Error('Could not find attachment zone'));
-      return;
+
+    getElement(): HTMLElement {
+      return this._element;
     }
-    zone.insertBefore(gmailAttachmentCardView.getElement(), zone.lastElementChild);
-    this._updateToolbarCardCount();
-  }
-  addButtonToDownloadAllArea(options) {
-    var buttonView = new _buttonView.default({
-      iconClass: 'T-I-J3',
-      iconUrl: options.iconUrl,
-      tooltip: options.tooltip,
-      hasButtonToLeft: true
-    });
-    buttonView.addClass('aZj');
-    buttonView.getElement().children[0].className = 'asa';
-    var basicButtonViewController = new _basicButtonViewController.default({
-      activateFunction: () => {
-        if (options.onClick) {
-          options.onClick();
+
+    getAttachmentCardViews() {
+      const attachments = this._element.querySelectorAll('.aQH > span');
+      return Array.from(attachments).map((attachment) => {
+        let cardView = this._elsToCardViews.get(attachment);
+        if (!cardView) {
+          cardView = new GmailAttachmentCardView(
+            { element: attachment },
+            this._driver,
+            this._messageViewDriver
+          );
+          this._elsToCardViews.set(attachment, cardView);
         }
-      },
-      buttonView: buttonView
-    });
-    const toolbar = this._createAreaToolbarIfNeeded();
-    (0, _querySelectorOrFail.default)(toolbar, '.aZi').appendChild(buttonView.getElement());
+        return cardView;
+      });
+    }
+
+    _setupElement() {
+      this._element = document.createElement('div');
+      this._element.setAttribute('class', 'hq gt a10');
+
+      this._element.innerHTML = [
+        '<div class="hp"></div>',
+        '<div class="a3I">Attachments area</div>',
+        '<div></div>',
+        '<div class="aQH">',
+        '<div class="aZK"></div>',
+        '</div>',
+      ].join('');
+    }
+
+    _createAreaToolbarIfNeeded(): HTMLElement {
+      const preexistingToolbar = this._element.querySelector('.ho');
+      if (preexistingToolbar) {
+        return preexistingToolbar;
+      }
+      const toolbar = document.createElement('div');
+      toolbar.className = 'ho';
+      toolbar.innerHTML = `<span class="aVW"><span>${
+        this.getAttachmentCardViews().length
+      }</span> Attachments</span><div class="aZi J-J5-Ji"></div>`;
+      this._element.insertBefore(toolbar, this._element.lastElementChild);
+      this._element.classList.remove('a10');
+      return toolbar;
+    }
+
+    _updateToolbarCardCount() {
+      const cardCount = this.getAttachmentCardViews().length;
+      if (cardCount > 1) {
+        const toolbar = this._createAreaToolbarIfNeeded();
+        const counter = querySelector(toolbar, '.aVW > span');
+        counter.textContent = String(cardCount);
+      }
+    }
+
+    addGmailAttachmentCardView(
+      gmailAttachmentCardView: GmailAttachmentCardView
+    ) {
+      const zone = this._element.querySelector('.aXK, .aQH');
+      if (!zone) {
+        this._driver
+          .getLogger()
+          .error(new Error('Could not find attachment zone'));
+        return;
+      }
+      zone.insertBefore(
+        gmailAttachmentCardView.getElement(),
+        zone.lastElementChild
+      );
+      this._updateToolbarCardCount();
+    }
+
+    addButtonToDownloadAllArea(options: Object) {
+      var buttonView = new ButtonView({
+        iconClass: 'T-I-J3',
+        iconUrl: options.iconUrl,
+        tooltip: options.tooltip,
+        hasButtonToLeft: true,
+      });
+
+      buttonView.addClass('aZj');
+      buttonView.getElement().children[0].className = 'asa';
+
+      var basicButtonViewController = new BasicButtonViewController({
+        activateFunction: () => {
+          if (options.onClick) {
+            options.onClick();
+          }
+        },
+        buttonView: buttonView,
+      });
+
+      const toolbar = this._createAreaToolbarIfNeeded();
+      querySelector(toolbar, '.aZi').appendChild(buttonView.getElement());
+    }
   }
-});
-var _default = GmailAttachmentAreaView;
-exports.default = _default;
+);
+
+export default GmailAttachmentAreaView;