@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-label-view.js

@@ -1,51 +1,71 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-var _updateIcon = _interopRequireDefault(require("../../../driver-common/update-icon"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+/* @flow */
+
+import { defn } from 'ud';
+import isEqual from 'lodash/isEqual';
+import updateIcon from '../../../driver-common/update-icon';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+
 class GmailLabelView {
-  constructor() {
-    let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  _element: HTMLElement;
+  _labelDescriptor: Object;
+  _iconSettings: Object;
+
+  constructor(opts: { classes?: ?(string[]) } = {}) {
     this._element = document.createElement('div');
-    this._element.className = 'inboxsdk__gmail_label ar as ' + (opts.classes || []).join(' ');
+    this._element.className =
+      'inboxsdk__gmail_label ar as ' + (opts.classes || []).join(' ');
     this._element.innerHTML = `
 			<div class="at">
 				<div class="au">
 					<div class="av"></div>
 				</div>
 			</div>`;
+
     this._labelDescriptor = {};
     this._iconSettings = {};
   }
-  getElement() {
+
+  getElement(): HTMLElement {
     return this._element;
   }
-  updateLabelDescriptor(labelDescriptor) {
+
+  updateLabelDescriptor(labelDescriptor: ?Object) {
     this._handleNewLabelDescriptor(labelDescriptor);
   }
-  _handleNewLabelDescriptor(labelDescriptor) {
+
+  _handleNewLabelDescriptor(labelDescriptor: ?Object) {
     if (!labelDescriptor) {
       this._labelDescriptor = {};
       return;
     }
-    labelDescriptor = Object.assign({
-      foregroundColor: 'rgb(102, 102, 102)',
-      //dark grey
-      backgroundColor: 'rgb(221, 221, 221)',
-      //light grey
-      maxWidth: '90px'
-    }, labelDescriptor);
-    if ((0, _isEqual.default)(this._labelDescriptor, labelDescriptor)) {
+
+    labelDescriptor = Object.assign(
+      {
+        foregroundColor: 'rgb(102, 102, 102)', //dark grey
+        backgroundColor: 'rgb(221, 221, 221)', //light grey
+        maxWidth: '90px',
+      },
+      labelDescriptor
+    );
+
+    if (isEqual(this._labelDescriptor, labelDescriptor)) {
       return;
     }
-    (0, _updateIcon.default)(this._iconSettings, (0, _querySelectorOrFail.default)(this._element, '.at'), false, labelDescriptor.iconClass, labelDescriptor.iconUrl, undefined, labelDescriptor.iconHtml);
-    if (labelDescriptor.iconClass || labelDescriptor.iconUrl || labelDescriptor.iconHtml) {
+
+    updateIcon(
+      this._iconSettings,
+      querySelector(this._element, '.at'),
+      false,
+      labelDescriptor.iconClass,
+      labelDescriptor.iconUrl,
+      undefined,
+      labelDescriptor.iconHtml
+    );
+    if (
+      labelDescriptor.iconClass ||
+      labelDescriptor.iconUrl ||
+      labelDescriptor.iconHtml
+    ) {
       this._element.classList.add('inboxsdk__label_has_icon');
     } else {
       this._element.classList.remove('inboxsdk__label_has_icon');
@@ -55,51 +75,66 @@ class GmailLabelView {
     this._updateIconBackgroundColor(labelDescriptor.iconBackgroundColor);
     this._updateTitle(labelDescriptor.title, labelDescriptor.titleHtml);
     this._updateTextMaxWidth(labelDescriptor.maxWidth);
+
     this._labelDescriptor = labelDescriptor;
   }
-  _updateTextMaxWidth(maxWidth) {
+
+  _updateTextMaxWidth(maxWidth: string) {
     if (this._labelDescriptor.maxWidth === maxWidth) {
       return;
     }
+
     const childEl = this._element.querySelector('.av');
     if (childEl) {
       childEl.style.maxWidth = maxWidth;
     }
   }
-  _updateBackgroundColor(backgroundColor) {
+
+  _updateBackgroundColor(backgroundColor: string) {
     if (this._labelDescriptor.backgroundColor === backgroundColor) {
       return;
     }
-    const elToChange = (0, _querySelectorOrFail.default)(this._element, '.at');
+
+    const elToChange = querySelector(this._element, '.at');
     elToChange.style.backgroundColor = backgroundColor;
     elToChange.style.borderColor = backgroundColor;
-    (0, _querySelectorOrFail.default)(this._element, '.au').style.borderColor = backgroundColor;
+
+    querySelector(this._element, '.au').style.borderColor = backgroundColor;
   }
-  _updateForegroundColor(foregroundColor) {
+
+  _updateForegroundColor(foregroundColor: string) {
     if (this._labelDescriptor.foregroundColor === foregroundColor) {
       return;
     }
-    (0, _querySelectorOrFail.default)(this._element, '.at').style.color = foregroundColor;
+
+    querySelector(this._element, '.at').style.color = foregroundColor;
   }
-  _updateIconBackgroundColor(iconBackgroundColor) {
+
+  _updateIconBackgroundColor(iconBackgroundColor: ?string) {
     const icon = this.getElement().querySelector('.inboxsdk__button_icon');
     if (icon) {
       icon.style.backgroundColor = iconBackgroundColor || '';
     }
   }
-  _updateTitle(title, titleHtml) {
-    if (this._labelDescriptor.title === title && this._labelDescriptor.titleHtml === titleHtml) {
+
+  _updateTitle(title: string, titleHtml?: string) {
+    if (
+      this._labelDescriptor.title === title &&
+      this._labelDescriptor.titleHtml === titleHtml
+    ) {
       return;
     }
+
     if (titleHtml) {
-      (0, _querySelectorOrFail.default)(this._element, '.au').innerHTML = titleHtml || '';
+      querySelector(this._element, '.au').innerHTML = titleHtml || '';
       return;
     }
+
     let contentEl;
     try {
-      contentEl = (0, _querySelectorOrFail.default)(this._element, '.av');
+      contentEl = querySelector(this._element, '.av');
     } catch (e) {
-      const outerEl = (0, _querySelectorOrFail.default)(this._element, '.au');
+      const outerEl = querySelector(this._element, '.au');
       outerEl.innerHTML = '';
       contentEl = document.createElement('div');
       contentEl.setAttribute('class', 'av');
@@ -109,5 +144,5 @@ class GmailLabelView {
     this._element.children[0].setAttribute('data-tooltip', title);
   }
 }
-var _default = (0, _ud.defn)(module, GmailLabelView);
-exports.default = _default;
+
+export default defn(module, GmailLabelView);

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-modal-view-driver.js

@@ -1,42 +1,54 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _ud = require("ud");
-var _modalButtonView = _interopRequireDefault(require("./buttons/modal-button-view"));
-var _basicButtonViewController = _interopRequireDefault(require("../../../widgets/buttons/basic-button-view-controller"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+/* @flow */
+
+import sortBy from 'lodash/sortBy';
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import { defn } from 'ud';
+import ModalButtonView from './buttons/modal-button-view';
+import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+
 class GmailModalViewDriver {
-  constructor(options) {
+  _eventStream: Bus<any>;
+  _modalContainerElement: HTMLElement;
+
+  constructor(options: Object) {
     this._setupModalContainerElement(options);
+
     this._processOptions(options);
-    this._eventStream = (0, _kefirBus.default)();
+    this._eventStream = kefirBus();
     this._setupEventStream();
   }
+
   destroy() {
     this._modalContainerElement.remove();
     this._eventStream.end();
   }
-  getModalContainerElement() {
+
+  getModalContainerElement(): HTMLElement {
     return this._modalContainerElement;
   }
-  getEventStream() {
+  getEventStream(): Kefir.Observable<Object> {
     return this._eventStream;
   }
-  _processOptions(options) {
+
+  _processOptions(options: Object) {
     this.setTitle(options.title);
     this.setContentElement(options.el);
     this.setButtons(options.buttons || []);
-    this.setChromeClass(options.chrome, options.showCloseButton, (options.buttons || []).length > 0);
+    this.setChromeClass(
+      options.chrome,
+      options.showCloseButton,
+      (options.buttons || []).length > 0
+    );
   }
-  setTitle(title) {
-    const heading = (0, _querySelectorOrFail.default)(this._modalContainerElement, '[role=heading]');
+
+  setTitle(title: string) {
+    const heading = querySelector(
+      this._modalContainerElement,
+      '[role=heading]'
+    );
     if (!title) {
       heading.style.display = 'none';
     } else {
@@ -44,8 +56,12 @@ class GmailModalViewDriver {
       heading.textContent = title;
     }
   }
-  setContentElement(element) {
-    const content = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_content');
+
+  setContentElement(element: HTMLElement) {
+    const content = querySelector(
+      this._modalContainerElement,
+      '.inboxsdk__modal_content'
+    );
     content.innerHTML = '';
     if (typeof element === 'string') {
       content.innerHTML = element;
@@ -53,36 +69,61 @@ class GmailModalViewDriver {
       content.appendChild(element);
     }
   }
-  setButtons(buttons) {
-    const buttonsEl = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_buttons');
+
+  setButtons(buttons: Object[]) {
+    const buttonsEl = querySelector(
+      this._modalContainerElement,
+      '.inboxsdk__modal_buttons'
+    );
     buttonsEl.innerHTML = '';
+
     if (buttons.length === 0) {
       buttonsEl.style.display = 'none';
-      this._modalContainerElement.classList.add('inboxsdk__modal_content_no_buttons');
+      this._modalContainerElement.classList.add(
+        'inboxsdk__modal_content_no_buttons'
+      );
     } else {
       buttonsEl.style.display = '';
-      this._modalContainerElement.classList.remove('inboxsdk__modal_content_no_buttons');
+      this._modalContainerElement.classList.remove(
+        'inboxsdk__modal_content_no_buttons'
+      );
     }
-    (0, _sortBy.default)(buttons, button => button.orderHint || 0).forEach(this._addButton.bind(this, buttonsEl));
+
+    sortBy(buttons, (button) => button.orderHint || 0).forEach(
+      this._addButton.bind(this, buttonsEl)
+    );
   }
-  setChromeClass(chrome, showCloseButton, hasButtons) {
+
+  setChromeClass(
+    chrome: boolean,
+    showCloseButton: boolean,
+    hasButtons: boolean
+  ) {
     this._modalContainerElement.classList.remove('inboxsdk__modal_hideSides');
     this._modalContainerElement.classList.remove('inboxsdk__modal_hideTop');
     this._modalContainerElement.classList.remove('inboxsdk__modal_hideBottom');
+
     if (chrome === false) {
       this._modalContainerElement.classList.add('inboxsdk__modal_hideSides');
+
       if (!showCloseButton) {
         this._modalContainerElement.classList.add('inboxsdk__modal_hideTop');
       }
+
       if (!hasButtons) {
         this._modalContainerElement.classList.add('inboxsdk__modal_hideBottom');
       }
     }
   }
-  _setupModalContainerElement(options) {
-    const constrainTitleWidthTopRowClass = options.constrainTitleWidth ? 'inboxsdk__modal_toprow--constrain-title-width' : '';
+
+  _setupModalContainerElement(options: Object) {
+    const constrainTitleWidthTopRowClass = options.constrainTitleWidth
+      ? 'inboxsdk__modal_toprow--constrain-title-width'
+      : '';
+
     this._modalContainerElement = document.createElement('div');
     this._modalContainerElement.className = 'inboxsdk__modal_fullscreen';
+
     var htmlString = `
     <div class="Kj-JD inboxsdk__modal_container" tabindex="0" role="alertdialog">
       <div class="Kj-JD-K7 Kj-JD-K7-GIHV4 inboxsdk__modal_toprow ${constrainTitleWidthTopRowClass}">
@@ -94,32 +135,45 @@ class GmailModalViewDriver {
       <div class="Kj-JD-Jl inboxsdk__modal_buttons"></div>
     </div>
     `;
+
     this._modalContainerElement.innerHTML = htmlString;
   }
-  _addButton(buttonContainer, buttonDescriptor) {
-    const buttonOptions = {
-      ...buttonDescriptor
-    };
-    const buttonColor = ['blue', 'red', 'green'].includes(buttonDescriptor.color) && buttonDescriptor.color;
+
+  _addButton(buttonContainer: HTMLElement, buttonDescriptor: Object) {
+    const buttonOptions = { ...buttonDescriptor };
+    const buttonColor =
+      ['blue', 'red', 'green'].includes(buttonDescriptor.color) &&
+      buttonDescriptor.color;
     buttonOptions.isPrimary = buttonDescriptor.type === 'PRIMARY_ACTION';
-    const buttonView = new _modalButtonView.default(buttonOptions);
+
+    const buttonView = new ModalButtonView(buttonOptions);
+
     buttonOptions.buttonView = buttonView;
-    const buttonViewController = new _basicButtonViewController.default(buttonOptions);
+    const buttonViewController = new BasicButtonViewController(buttonOptions);
+
     if (buttonDescriptor.type === 'PRIMARY_ACTION') {
-      buttonContainer.insertBefore(buttonView.getElement(), buttonContainer.firstElementChild);
+      buttonContainer.insertBefore(
+        buttonView.getElement(),
+        (buttonContainer.firstElementChild: any)
+      );
     } else {
       buttonContainer.appendChild(buttonView.getElement());
     }
   }
+
   _setupEventStream() {
-    const closeElement = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_close');
-    closeElement.addEventListener('click', event => {
+    const closeElement = querySelector(
+      this._modalContainerElement,
+      '.inboxsdk__modal_close'
+    );
+
+    closeElement.addEventListener('click', (event: MouseEvent) => {
       this._eventStream.emit({
         eventName: 'closeClick',
-        domEvent: event
+        domEvent: event,
       });
     });
   }
 }
-var _default = (0, _ud.defn)(module, GmailModalViewDriver);
-exports.default = _default;
+
+export default defn(module, GmailModalViewDriver);