@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

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

@@ -1,20 +1,19 @@
-/* @flow */
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = monitorTopBannerSizeAndReact;
 const BANNER_WIDTH_LIMIT = 900;
-
-export default function monitorTopBannerSizeAndReact() {
+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');
@@ -22,6 +21,5 @@ export default 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,44 +1,35 @@
-/* @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>) {
+"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);
     this._driver = driver;
-    this._stopper = kefirStopper();
+    this._stopper = (0, _kefirStopper.default)();
     this._iconSettings = {};
-    inButtonDescriptor
-      .takeUntilBy(this._stopper)
-      .onValue((buttonDescriptor) => {
-        try {
-          this._handleButtonDescriptor(buttonDescriptor);
-        } catch (err) {
-          this._driver.getLogger().error(err);
-        }
-      });
-
-    monitorTopBannerSizeAndReact();
+    inButtonDescriptor.takeUntilBy(this._stopper).onValue(buttonDescriptor => {
+      try {
+        this._handleButtonDescriptor(buttonDescriptor);
+      } catch (err) {
+        this._driver.getLogger().error(err);
+      }
+    });
+    (0, _monitorTopBannerSizeAndReact.default)();
   }
-
   destroy() {
     this._stopper.destroy();
     if (this._element) {
@@ -48,14 +39,12 @@ export default class GmailAppToolbarButtonView {
       this._activeDropdown.close();
     }
   }
-
-  getStopper(): Kefir.Observable<null> {
+  getStopper() {
     return this._stopper;
   }
-  getElement(): ?HTMLElement {
+  getElement() {
     return this._element;
   }
-
   open() {
     try {
       if (!this._activeDropdown) {
@@ -65,7 +54,6 @@ export default class GmailAppToolbarButtonView {
       this._driver.getLogger().error(err);
     }
   }
-
   close() {
     try {
       if (this._activeDropdown) {
@@ -75,29 +63,17 @@ export default class GmailAppToolbarButtonView {
       this._driver.getLogger().error(err);
     }
   }
-
-  _handleButtonDescriptor(buttonDescriptor: Object) {
+  _handleButtonDescriptor(buttonDescriptor) {
     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;
-    updateIcon(
-      this._iconSettings,
-      querySelector(element, 'a'),
-      false,
-      buttonDescriptor.iconClass,
-      buttonDescriptor.iconUrl
-    );
-    _updateTitle(querySelector(element, 'span'), buttonDescriptor);
+    (0, _updateIcon.default)(this._iconSettings, (0, _querySelectorOrFail.default)(element, 'a'), false, buttonDescriptor.iconClass, buttonDescriptor.iconUrl);
+    _updateTitle((0, _querySelectorOrFail.default)(element, 'span'), buttonDescriptor);
   }
-
   _handleClick() {
     const element = this._element;
     if (!element) {
@@ -107,109 +83,84 @@ export default 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();
-      tooltipView
-        .getContainerElement()
-        .classList.add('inboxsdk__appButton_tooltip');
+      var tooltipView = new _gmailTooltipView.default();
+      tooltipView.getContainerElement().classList.add('inboxsdk__appButton_tooltip');
       tooltipView.getContentElement().innerHTML = '';
-
       if (buttonDescriptor.arrowColor) {
-        querySelector(
-          tooltipView.getContainerElement(),
-          '.T-P-atC'
-        ).style.borderTopColor = buttonDescriptor.arrowColor;
+        (0, _querySelectorOrFail.default)(tooltipView.getContainerElement(), '.T-P-atC').style.borderTopColor = buttonDescriptor.arrowColor;
       }
-
-      appEvent.dropdown = this._activeDropdown = new DropdownView(
-        tooltipView,
-        element,
-        { manualPosition: true }
-      );
+      appEvent.dropdown = this._activeDropdown = new _dropdownView.default(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
+          }
         });
       }
     }
   }
 }
-
-function _createAppButtonElement(
-  driver: Driver,
-  onclick: (event: Object) => void
-): HTMLElement {
+exports.default = GmailAppToolbarButtonView;
+function _createAppButtonElement(driver, onclick) {
   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: MouseEvent) => {
+  element.addEventListener('click', event => {
     event.preventDefault();
     onclick(event);
   });
-
-  const topAccountContainer = GmailElementGetter.getTopAccountContainer();
+  const topAccountContainer = _gmailElementGetter.default.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 && censorHTMLtree(banner),
+      bannerHtml: banner && (0, _censorHTMLtree.default)(banner)
     });
     throw err;
   }
-
-  const insertionElement: ?HTMLElement = topAccountContainer;
-
+  const insertionElement = topAccountContainer;
   if (!insertionElement) {
     const err = new Error('Could not make button');
     driver.getLogger().error(err, {
       type: 'failed to make appToolbarButton',
-      topAccountContainerHTML: censorHTMLtree(topAccountContainer),
+      topAccountContainerHTML: (0, _censorHTMLtree.default)(topAccountContainer)
     });
     throw err;
   }
-
   try {
-    if (!GmailElementGetter.isGplusEnabled()) {
+    if (!_gmailElementGetter.default.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: censorHTMLtree(insertionElement),
+      insertionElementHTML: (0, _censorHTMLtree.default)(insertionElement)
     });
     throw err;
   }
 }
-
-function _updateTitle(element: HTMLElement, descriptor: Object) {
+function _updateTitle(element, descriptor) {
   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,141 +1,101 @@
-/* @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();
-      }
-    }
-
-    destroy() {
-      this.getAttachmentCardViews().forEach((view) => {
-        view.destroy();
-      });
-    }
-
-    getElement(): HTMLElement {
-      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(
-            { element: attachment },
-            this._driver,
-            this._messageViewDriver
-          );
-          this._elsToCardViews.set(attachment, cardView);
-        }
-        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);
-      }
+"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();
     }
-
-    addGmailAttachmentCardView(
-      gmailAttachmentCardView: GmailAttachmentCardView
-    ) {
-      const zone = this._element.querySelector('.aXK, .aQH');
-      if (!zone) {
-        this._driver
-          .getLogger()
-          .error(new Error('Could not find attachment zone'));
-        return;
+  }
+  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);
       }
-      zone.insertBefore(
-        gmailAttachmentCardView.getElement(),
-        zone.lastElementChild
-      );
-      this._updateToolbarCardCount();
+      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;
     }
-
-    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 = 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();
-      querySelector(toolbar, '.aZi').appendChild(buttonView.getElement());
+      const counter = (0, _querySelectorOrFail.default)(toolbar, '.aVW > span');
+      counter.textContent = String(cardCount);
     }
   }
-);
-
-export default GmailAttachmentAreaView;
+  addGmailAttachmentCardView(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) {
+    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();
+        }
+      },
+      buttonView: buttonView
+    });
+    const toolbar = this._createAreaToolbarIfNeeded();
+    (0, _querySelectorOrFail.default)(toolbar, '.aZi').appendChild(buttonView.getElement());
+  }
+});
+var _default = GmailAttachmentAreaView;
+exports.default = _default;