@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-button.js

@@ -1,129 +1,197 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addButton;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _gmailComposeButtonView = _interopRequireDefault(require("./gmail-compose-button-view"));
-var _basicButtonViewController = _interopRequireDefault(require("../../../../widgets/buttons/basic-button-view-controller"));
-var _dropdownButtonViewController = _interopRequireDefault(require("../../../../widgets/buttons/dropdown-button-view-controller"));
-var _gmailDropdownView = _interopRequireDefault(require("../../widgets/gmail-dropdown-view"));
-var _insertElementInOrder = _interopRequireDefault(require("../../../../lib/dom/insert-element-in-order"));
-function addButton(gmailComposeView, buttonDescriptorStream, groupOrderHint, extraOnClickOptions) {
+/* @flow */
+
+import Kefir from 'kefir';
+import type GmailDriver from '../../gmail-driver';
+import GmailComposeButtonView from './gmail-compose-button-view';
+import BasicButtonViewController from '../../../../widgets/buttons/basic-button-view-controller';
+import DropdownButtonViewController from '../../../../widgets/buttons/dropdown-button-view-controller';
+import GmailDropdownView from '../../widgets/gmail-dropdown-view';
+import insertElementInOrder from '../../../../lib/dom/insert-element-in-order';
+
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function addButton(
+  gmailComposeView: GmailComposeView,
+  buttonDescriptorStream: Kefir.Observable<?Object>,
+  groupOrderHint: string,
+  extraOnClickOptions: Object
+): Promise<?Object> {
   return new Promise((resolve, reject) => {
     let buttonViewController;
-    buttonDescriptorStream.takeUntilBy(gmailComposeView.getStopper()).onValue(buttonDescriptor => {
-      const buttonOptions = _processButtonDescriptor(buttonDescriptor, extraOnClickOptions, gmailComposeView.getGmailDriver());
-      if (!buttonViewController) {
-        if (buttonOptions) {
-          buttonViewController = _addButton(gmailComposeView, buttonOptions, groupOrderHint);
-          resolve({
-            buttonViewController: buttonViewController,
-            buttonDescriptor: buttonDescriptor
-          });
+
+    buttonDescriptorStream
+      .takeUntilBy(gmailComposeView.getStopper())
+      .onValue((buttonDescriptor: ?Object) => {
+        const buttonOptions = _processButtonDescriptor(
+          buttonDescriptor,
+          extraOnClickOptions,
+          gmailComposeView.getGmailDriver()
+        );
+
+        if (!buttonViewController) {
+          if (buttonOptions) {
+            buttonViewController = _addButton(
+              gmailComposeView,
+              buttonOptions,
+              groupOrderHint
+            );
+            resolve({
+              buttonViewController: buttonViewController,
+              buttonDescriptor: buttonDescriptor,
+            });
+          }
+        } else {
+          buttonViewController.update(buttonOptions);
         }
-      } else {
-        buttonViewController.update(buttonOptions);
-      }
-    }).onEnd(() => {
-      // Just in case things end without ever resolving above.
-      resolve(null);
-    });
+      })
+      .onEnd(() => {
+        // Just in case things end without ever resolving above.
+        resolve(null);
+      });
   });
 }
-function _addButton(gmailComposeView, buttonOptions, groupOrderHint) {
-  if (!gmailComposeView.getElement() || !gmailComposeView.getFormattingToolbar()) {
+
+function _addButton(
+  gmailComposeView: GmailComposeView,
+  buttonOptions: Object,
+  groupOrderHint: string
+) {
+  if (
+    !gmailComposeView.getElement() ||
+    !gmailComposeView.getFormattingToolbar()
+  ) {
     return;
   }
+
   let buttonViewController;
   if (buttonOptions.type === 'MODIFIER') {
-    buttonViewController = _addButtonToModifierArea(gmailComposeView, buttonOptions, groupOrderHint);
+    buttonViewController = _addButtonToModifierArea(
+      gmailComposeView,
+      buttonOptions,
+      groupOrderHint
+    );
   } else if (buttonOptions.type === 'SEND_ACTION') {
-    buttonViewController = _addButtonToSendActionArea(gmailComposeView, buttonOptions);
+    buttonViewController = _addButtonToSendActionArea(
+      gmailComposeView,
+      buttonOptions
+    );
   }
-  gmailComposeView.getElement().dispatchEvent(new CustomEvent('buttonAdded', {
-    bubbles: false,
-    cancelable: false,
-    detail: null
-  }));
+
+  gmailComposeView.getElement().dispatchEvent(
+    new CustomEvent('buttonAdded', {
+      bubbles: false,
+      cancelable: false,
+      detail: null,
+    })
+  );
+
   return buttonViewController;
 }
-function _addButtonToModifierArea(gmailComposeView, buttonDescriptor, groupOrderHint) {
+
+function _addButtonToModifierArea(
+  gmailComposeView: GmailComposeView,
+  buttonDescriptor: Object,
+  groupOrderHint: string
+) {
   var buttonViewController = _getButtonViewController(buttonDescriptor);
   buttonViewController.getView().getElement().setAttribute('tabindex', '1');
-  buttonViewController.getView().getElement().setAttribute('data-order-hint', String(buttonDescriptor.orderHint || 0));
-  buttonViewController.getView().getElement().setAttribute('data-group-order-hint', groupOrderHint);
-  var formattingAreaOffsetLeft = gmailComposeView._getFormattingAreaOffsetLeft();
-  var element = buttonViewController.getView().getElement();
-  var actionToolbar = gmailComposeView.getAdditionalActionToolbar();
-  (0, _insertElementInOrder.default)(actionToolbar, element);
+  buttonViewController
+    .getView()
+    .getElement()
+    .setAttribute('data-order-hint', String(buttonDescriptor.orderHint || 0));
+  buttonViewController
+    .getView()
+    .getElement()
+    .setAttribute('data-group-order-hint', groupOrderHint);
+
+  var formattingAreaOffsetLeft =
+    gmailComposeView._getFormattingAreaOffsetLeft();
+  var element: HTMLElement = buttonViewController.getView().getElement();
+  var actionToolbar: HTMLElement =
+    gmailComposeView.getAdditionalActionToolbar();
+
+  insertElementInOrder(actionToolbar, element);
   gmailComposeView.updateInsertMoreAreaLeft(formattingAreaOffsetLeft);
+
   gmailComposeView.addManagedViewController(buttonViewController);
+
   return buttonViewController;
 }
+
 function _addButtonToSendActionArea(gmailComposeView, buttonDescriptor) {
   const buttonViewController = _getButtonViewController(buttonDescriptor);
   buttonViewController.getView().removeClass('inboxsdk__composeButton');
   buttonViewController.getView().addClass('inboxsdk__compose_sendButton');
   buttonViewController.getView().getElement().setAttribute('tabindex', '1');
+
   const sendButtonGroupElement = gmailComposeView.getSendButtonGroup();
-  const buttonElement = buttonViewController.getView().getElement();
-  const parent = sendButtonGroupElement.parentElement;
+
+  const buttonElement: HTMLElement = buttonViewController
+    .getView()
+    .getElement();
+  const parent: HTMLElement = (sendButtonGroupElement.parentElement: any);
   parent.insertBefore(buttonElement, sendButtonGroupElement.nextSibling);
+
   gmailComposeView.addManagedViewController(buttonViewController);
+
   return buttonViewController;
 }
-function _getButtonViewController(buttonDescriptor) {
-  const buttonView = new _gmailComposeButtonView.default(buttonDescriptor);
-  const options = {
-    buttonView,
-    ...buttonDescriptor
-  };
+
+function _getButtonViewController(buttonDescriptor: Object) {
+  const buttonView = new GmailComposeButtonView(buttonDescriptor);
+  const options = { buttonView, ...buttonDescriptor };
+
   let buttonViewController;
   if (buttonDescriptor.hasDropdown) {
     Object.assign(options, {
-      dropdownViewDriverClass: _gmailDropdownView.default,
-      dropdownPositionOptions: {
-        vAlign: 'top'
-      }
+      dropdownViewDriverClass: GmailDropdownView,
+      dropdownPositionOptions: { vAlign: 'top' },
     });
-    buttonViewController = new _dropdownButtonViewController.default(options);
+
+    buttonViewController = new DropdownButtonViewController(options);
   } else {
-    buttonViewController = new _basicButtonViewController.default(options);
+    buttonViewController = new BasicButtonViewController(options);
   }
+
   return buttonViewController;
 }
-function _processButtonDescriptor(buttonDescriptor, extraOnClickOptions, driver) {
+
+function _processButtonDescriptor(
+  buttonDescriptor: ?Object,
+  extraOnClickOptions: Object,
+  driver: GmailDriver
+): ?Object {
   // clone the descriptor and set defaults.
   if (!buttonDescriptor) {
     return null;
   }
+
   const buttonOptions = {
     type: 'MODIFIER',
-    ...buttonDescriptor
+    ...buttonDescriptor,
   };
+
   const oldOnClick = buttonOptions.onClick;
   buttonOptions.onClick = function (event) {
     driver.getLogger().eventSdkActive('composeView.addedButton.click');
-    oldOnClick({
-      ...extraOnClickOptions,
-      ...event
-    });
+    oldOnClick({ ...extraOnClickOptions, ...event });
   };
+
   if (buttonOptions.hasDropdown) {
     buttonOptions.dropdownShowFunction = buttonOptions.onClick;
   } else {
     buttonOptions.activateFunction = buttonOptions.onClick;
   }
+
   buttonOptions.noArrow = true;
   buttonOptions.tooltip = buttonOptions.tooltip || buttonOptions.title;
   delete buttonOptions.title;
+
   if (buttonOptions.type === 'MODIFIER') {
     buttonOptions.buttonColor = 'flatIcon';
   } else if (buttonOptions.type === 'SEND_ACTION') {
     buttonOptions.buttonColor = 'blue';
   }
+
   return buttonOptions;
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-compose-notice.js

@@ -1,54 +1,76 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addComposeNotice;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _insertElementInOrder = _interopRequireDefault(require("../../../../lib/dom/insert-element-in-order"));
-var _logger = _interopRequireDefault(require("../../../../lib/logger"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../../lib/dom/querySelectorOrFail"));
-var _SimpleElementView = _interopRequireDefault(require("../../../../views/SimpleElementView"));
-function addComposeNotice(gmailComposeView, options) {
-  const {
-    orderHint
-  } = {
+/* @flow */
+
+import Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+
+import insertElementInOrder from '../../../../lib/dom/insert-element-in-order';
+import Logger from '../../../../lib/logger';
+import querySelector from '../../../../lib/dom/querySelectorOrFail';
+import SimpleElementView from '../../../../views/SimpleElementView';
+
+import type GmailComposeView from '../gmail-compose-view';
+import type { Stopper } from 'kefir-stopper';
+
+export default function addComposeNotice(
+  gmailComposeView: GmailComposeView,
+  options: {
+    orderHint?: number,
+  }
+) {
+  const { orderHint } = {
     orderHint: 0,
-    ...options
+    ...options,
   };
+
   const composeNotice = new ComposeNotice(gmailComposeView, orderHint);
-  gmailComposeView.getStopper().takeUntilBy(_kefir.default.fromEvents(composeNotice, 'destroy')).onValue(() => composeNotice.destroy());
+
+  gmailComposeView
+    .getStopper()
+    .takeUntilBy(Kefir.fromEvents(composeNotice, 'destroy'))
+    .onValue(() => composeNotice.destroy());
+
   return composeNotice;
 }
-class ComposeNotice extends _SimpleElementView.default {
-  constructor(gmailComposeView, orderHint) {
+
+class ComposeNotice extends SimpleElementView {
+  _gmailComposeView: GmailComposeView;
+  _orderHint: number;
+  _stopper = kefirStopper();
+
+  constructor(gmailComposeView: GmailComposeView, orderHint: number) {
     let el = document.createElement('div');
     el.style.fontFamily = 'Roboto,RobotoDraft,Helvetica,Arial,sans-serif';
     el.style.fontSize = '14px';
+
     super(el);
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
     this._gmailComposeView = gmailComposeView;
     this._orderHint = orderHint;
+
     el.className = 'inboxsdk__compose_notice';
     el.setAttribute('data-order-hint', String(orderHint));
+
     this._setComposeNotice();
   }
+
   destroy() {
     if (this.destroyed) {
       return;
     }
+
     super.destroy();
     this._stopper.destroy();
   }
+
   _setComposeNotice() {
     try {
-      const composeTable = (0, _querySelectorOrFail.default)(this._gmailComposeView.getElement(), '.iN');
-      (0, _insertElementInOrder.default)(composeTable, this.el, ['data-order-hint'], true);
+      const composeTable = querySelector(
+        this._gmailComposeView.getElement(),
+        '.iN'
+      );
+
+      insertElementInOrder(composeTable, this.el, ['data-order-hint'], true);
     } catch (err) {
-      _logger.default.error(err);
+      Logger.error(err);
     }
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-inner-sidebar.js

@@ -1,10 +1,16 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addInnerSidebar;
-function addInnerSidebar(gmailComposeView, options) {
+import type GmailComposeView from '../gmail-compose-view';
+
+type Options = {
+  title: string,
+  el: HTMLElement,
+};
+
+export default function addInnerSidebar(
+  gmailComposeView: GmailComposeView,
+  options: Options
+) {
   // if(!gmailComposeView.getAdditionalAreas().innerSidebar){
   // 	_createInnerSidebar(gmailComposeView);
   // }
@@ -25,4 +31,4 @@ function addInnerSidebar(gmailComposeView, options) {
 // 	gmailComposeView.getElement().classList.add('inboxsdk__compose_innerSidebarActive');
 //
 // 	gmailComposeView.getAdditionalAreas().innerSidebar = sidebar;
-// }
+// }

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-outer-sidebar.js

@@ -1,10 +1,16 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addOuterSidebar;
-function addOuterSidebar(gmailComposeView, options) {
+import type GmailComposeView from '../gmail-compose-view';
+
+type Options = {
+  title: string,
+  el: HTMLElement,
+};
+
+export default function addOuterSidebar(
+  gmailComposeView: GmailComposeView,
+  options: Options
+) {
   // if(!gmailComposeView.getAdditionalAreas().outerSidebar){
   // 	_createOuterSidebar(gmailComposeView);
   // }
@@ -12,22 +18,29 @@ function addOuterSidebar(gmailComposeView, options) {
   // gmailComposeView.getAdditionalAreas().outerSidebar.querySelector('.inboxsdk__compose_outerSidebar_header').innerHTML = escape(options.title);
   // gmailComposeView.getAdditionalAreas().outerSidebar.querySelector('.inboxsdk__compose_outerSidebar_footer').appendChild(options.el);
 }
-function _createOuterSidebar(gmailComposeView) {
+
+function _createOuterSidebar(gmailComposeView: GmailComposeView) {
   const outerSidebar = document.createElement('div');
   outerSidebar.classList.add('inboxsdk__compose_outerSidebar_wrapper');
+
   const header = document.createElement('div');
   header.classList.add('inboxsdk__compose_outerSidebar_header');
   outerSidebar.appendChild(header);
+
   const body = document.createElement('div');
   body.classList.add('inboxsdk__compose_outerSidebar_body');
   outerSidebar.appendChild(body);
+
   const footer = document.createElement('div');
   footer.classList.add('inboxsdk__compose_outerSidebar_footer');
   footer.classList.add('aDh');
   outerSidebar.append(footer);
+
   gmailComposeView.getElement().appendChild(outerSidebar);
   // gmailComposeView.getAdditionalAreas().outerSidebar = outerSidebar;
 
-  document.body.classList.add('inboxsdk__outerSidebarActive');
+  ((document.body: any): HTMLElement).classList.add(
+    'inboxsdk__outerSidebarActive'
+  );
   // gmailComposeView.getElement().addClass('inboxsdk__compose_outerSidebarActive');
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-recipient-row.js

@@ -1,70 +1,97 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addRecipientRow;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _blockAndReemitKeyboardEvents = _interopRequireDefault(require("../../../../lib/dom/block-and-reemit-keyboard-events"));
-var _pageParser = require("./page-parser");
-function addRecipientRow(gmailComposeView, recipientRowOptionStream) {
+/* @flow */
+
+import Kefir from 'kefir';
+
+import blockAndReemiteKeyboardEvents from '../../../../lib/dom/block-and-reemit-keyboard-events';
+import { getRecipientRowElements } from './page-parser';
+
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function addRecipientRow(
+  gmailComposeView: GmailComposeView,
+  recipientRowOptionStream: Kefir.Observable<?Object>
+): () => void {
   let row;
-  recipientRowOptionStream.takeUntilBy(gmailComposeView.getStopper()).onValue(options => {
-    if (row) {
-      row.remove();
-      row = null;
-    }
-    if (options) {
-      row = _createRecipientRowElement(gmailComposeView, options);
-      (0, _blockAndReemitKeyboardEvents.default)(row);
-    }
-    gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
-      bubbles: false,
-      cancelable: false,
-      detail: null
-    }));
-  });
+
+  recipientRowOptionStream
+    .takeUntilBy(gmailComposeView.getStopper())
+    .onValue((options) => {
+      if (row) {
+        row.remove();
+        row = null;
+      }
+
+      if (options) {
+        row = _createRecipientRowElement(gmailComposeView, options);
+        blockAndReemiteKeyboardEvents(row);
+      }
+      gmailComposeView.getElement().dispatchEvent(
+        new CustomEvent('resize', {
+          bubbles: false,
+          cancelable: false,
+          detail: null,
+        })
+      );
+    });
+
   return () => {
     if (row) {
       row.remove();
       row = null;
-      gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
-        bubbles: false,
-        cancelable: false,
-        detail: null
-      }));
+      gmailComposeView.getElement().dispatchEvent(
+        new CustomEvent('resize', {
+          bubbles: false,
+          cancelable: false,
+          detail: null,
+        })
+      );
     }
   };
 }
-function _createRecipientRowElement(gmailComposeView, options) {
+
+function _createRecipientRowElement(
+  gmailComposeView: GmailComposeView,
+  options: Object
+): HTMLElement {
   var row = document.createElement('tr');
   var labelTD = document.createElement('td');
   var contentTD = document.createElement('td');
+
   row.appendChild(labelTD);
   row.appendChild(contentTD);
+
   row.setAttribute('class', 'inboxsdk__recipient_row');
+
   if (options.labelText) {
     labelTD.setAttribute('class', 'ok');
+
     var span = document.createElement('span');
     span.setAttribute('class', 'gO');
+
     labelTD.appendChild(span);
     span.textContent = options.labelText;
+
     if (options.labelClass) {
       labelTD.classList.add(options.labelClass);
     }
+
     if (options.labelTextClass) {
       span.classList.add(options.labelTextClass);
     }
   }
+
   if (options.el) {
     contentTD.setAttribute('class', 'az3');
     contentTD.appendChild(options.el);
   }
-  var firstRowElement = (0, _pageParser.getRecipientRowElements)(gmailComposeView.getElement())[0];
-  var parent = firstRowElement.parentElement;
+
+  var firstRowElement = getRecipientRowElements(
+    gmailComposeView.getElement()
+  )[0];
+  var parent: HTMLElement = (firstRowElement.parentElement: any);
   parent.insertBefore(row, firstRowElement.nextSibling);
   const addressBarContainer = parent.closest('.fX');
-  addressBarContainer && addressBarContainer.classList.add('inboxsdk__compose_addressList');
+  addressBarContainer &&
+    addressBarContainer.classList.add('inboxsdk__compose_addressList');
   return row;
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-status-bar.d.ts

@@ -20,4 +20,3 @@ declare class StatusBar extends SimpleElementView implements IStatusBar {
     private _updateTotalHeight;
     private _setStatusBar;
 }
-//# sourceMappingURL=add-status-bar.d.ts.map