@inboxsdk/core 0.2.28-alpha.4 → 0.2.28-alpha.6

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

@@ -1,71 +1,51 @@
-/* @flow */
-
-import { defn } from 'ud';
-import isEqual from 'lodash/isEqual';
-import updateIcon from '../../../driver-common/update-icon';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-
+"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"));
 class GmailLabelView {
-  _element: HTMLElement;
-  _labelDescriptor: Object;
-  _iconSettings: Object;
-
-  constructor(opts: { classes?: ?(string[]) } = {}) {
+  constructor() {
+    let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     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(): HTMLElement {
+  getElement() {
     return this._element;
   }
-
-  updateLabelDescriptor(labelDescriptor: ?Object) {
+  updateLabelDescriptor(labelDescriptor) {
     this._handleNewLabelDescriptor(labelDescriptor);
   }
-
-  _handleNewLabelDescriptor(labelDescriptor: ?Object) {
+  _handleNewLabelDescriptor(labelDescriptor) {
     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 (isEqual(this._labelDescriptor, labelDescriptor)) {
+    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)) {
       return;
     }
-
-    updateIcon(
-      this._iconSettings,
-      querySelector(this._element, '.at'),
-      false,
-      labelDescriptor.iconClass,
-      labelDescriptor.iconUrl,
-      undefined,
-      labelDescriptor.iconHtml
-    );
-    if (
-      labelDescriptor.iconClass ||
-      labelDescriptor.iconUrl ||
-      labelDescriptor.iconHtml
-    ) {
+    (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) {
       this._element.classList.add('inboxsdk__label_has_icon');
     } else {
       this._element.classList.remove('inboxsdk__label_has_icon');
@@ -75,66 +55,51 @@ class GmailLabelView {
     this._updateIconBackgroundColor(labelDescriptor.iconBackgroundColor);
     this._updateTitle(labelDescriptor.title, labelDescriptor.titleHtml);
     this._updateTextMaxWidth(labelDescriptor.maxWidth);
-
     this._labelDescriptor = labelDescriptor;
   }
-
-  _updateTextMaxWidth(maxWidth: string) {
+  _updateTextMaxWidth(maxWidth) {
     if (this._labelDescriptor.maxWidth === maxWidth) {
       return;
     }
-
     const childEl = this._element.querySelector('.av');
     if (childEl) {
       childEl.style.maxWidth = maxWidth;
     }
   }
-
-  _updateBackgroundColor(backgroundColor: string) {
+  _updateBackgroundColor(backgroundColor) {
     if (this._labelDescriptor.backgroundColor === backgroundColor) {
       return;
     }
-
-    const elToChange = querySelector(this._element, '.at');
+    const elToChange = (0, _querySelectorOrFail.default)(this._element, '.at');
     elToChange.style.backgroundColor = backgroundColor;
     elToChange.style.borderColor = backgroundColor;
-
-    querySelector(this._element, '.au').style.borderColor = backgroundColor;
+    (0, _querySelectorOrFail.default)(this._element, '.au').style.borderColor = backgroundColor;
   }
-
-  _updateForegroundColor(foregroundColor: string) {
+  _updateForegroundColor(foregroundColor) {
     if (this._labelDescriptor.foregroundColor === foregroundColor) {
       return;
     }
-
-    querySelector(this._element, '.at').style.color = foregroundColor;
+    (0, _querySelectorOrFail.default)(this._element, '.at').style.color = foregroundColor;
   }
-
-  _updateIconBackgroundColor(iconBackgroundColor: ?string) {
+  _updateIconBackgroundColor(iconBackgroundColor) {
     const icon = this.getElement().querySelector('.inboxsdk__button_icon');
     if (icon) {
       icon.style.backgroundColor = iconBackgroundColor || '';
     }
   }
-
-  _updateTitle(title: string, titleHtml?: string) {
-    if (
-      this._labelDescriptor.title === title &&
-      this._labelDescriptor.titleHtml === titleHtml
-    ) {
+  _updateTitle(title, titleHtml) {
+    if (this._labelDescriptor.title === title && this._labelDescriptor.titleHtml === titleHtml) {
       return;
     }
-
     if (titleHtml) {
-      querySelector(this._element, '.au').innerHTML = titleHtml || '';
+      (0, _querySelectorOrFail.default)(this._element, '.au').innerHTML = titleHtml || '';
       return;
     }
-
     let contentEl;
     try {
-      contentEl = querySelector(this._element, '.av');
+      contentEl = (0, _querySelectorOrFail.default)(this._element, '.av');
     } catch (e) {
-      const outerEl = querySelector(this._element, '.au');
+      const outerEl = (0, _querySelectorOrFail.default)(this._element, '.au');
       outerEl.innerHTML = '';
       contentEl = document.createElement('div');
       contentEl.setAttribute('class', 'av');
@@ -144,5 +109,5 @@ class GmailLabelView {
     this._element.children[0].setAttribute('data-tooltip', title);
   }
 }
-
-export default defn(module, GmailLabelView);
+var _default = (0, _ud.defn)(module, GmailLabelView);
+exports.default = _default;

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

@@ -1,54 +1,42 @@
-/* @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';
-
+"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"));
 class GmailModalViewDriver {
-  _eventStream: Bus<any>;
-  _modalContainerElement: HTMLElement;
-
-  constructor(options: Object) {
+  constructor(options) {
     this._setupModalContainerElement(options);
-
     this._processOptions(options);
-    this._eventStream = kefirBus();
+    this._eventStream = (0, _kefirBus.default)();
     this._setupEventStream();
   }
-
   destroy() {
     this._modalContainerElement.remove();
     this._eventStream.end();
   }
-
-  getModalContainerElement(): HTMLElement {
+  getModalContainerElement() {
     return this._modalContainerElement;
   }
-  getEventStream(): Kefir.Observable<Object> {
+  getEventStream() {
     return this._eventStream;
   }
-
-  _processOptions(options: Object) {
+  _processOptions(options) {
     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: string) {
-    const heading = querySelector(
-      this._modalContainerElement,
-      '[role=heading]'
-    );
+  setTitle(title) {
+    const heading = (0, _querySelectorOrFail.default)(this._modalContainerElement, '[role=heading]');
     if (!title) {
       heading.style.display = 'none';
     } else {
@@ -56,12 +44,8 @@ class GmailModalViewDriver {
       heading.textContent = title;
     }
   }
-
-  setContentElement(element: HTMLElement) {
-    const content = querySelector(
-      this._modalContainerElement,
-      '.inboxsdk__modal_content'
-    );
+  setContentElement(element) {
+    const content = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_content');
     content.innerHTML = '';
     if (typeof element === 'string') {
       content.innerHTML = element;
@@ -69,61 +53,36 @@ class GmailModalViewDriver {
       content.appendChild(element);
     }
   }
-
-  setButtons(buttons: Object[]) {
-    const buttonsEl = querySelector(
-      this._modalContainerElement,
-      '.inboxsdk__modal_buttons'
-    );
+  setButtons(buttons) {
+    const buttonsEl = (0, _querySelectorOrFail.default)(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');
     }
-
-    sortBy(buttons, (button) => button.orderHint || 0).forEach(
-      this._addButton.bind(this, buttonsEl)
-    );
+    (0, _sortBy.default)(buttons, button => button.orderHint || 0).forEach(this._addButton.bind(this, buttonsEl));
   }
-
-  setChromeClass(
-    chrome: boolean,
-    showCloseButton: boolean,
-    hasButtons: boolean
-  ) {
+  setChromeClass(chrome, showCloseButton, hasButtons) {
     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: Object) {
-    const constrainTitleWidthTopRowClass = options.constrainTitleWidth
-      ? 'inboxsdk__modal_toprow--constrain-title-width'
-      : '';
-
+  _setupModalContainerElement(options) {
+    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}">
@@ -135,45 +94,32 @@ class GmailModalViewDriver {
       <div class="Kj-JD-Jl inboxsdk__modal_buttons"></div>
     </div>
     `;
-
     this._modalContainerElement.innerHTML = htmlString;
   }
-
-  _addButton(buttonContainer: HTMLElement, buttonDescriptor: Object) {
-    const buttonOptions = { ...buttonDescriptor };
-    const buttonColor =
-      ['blue', 'red', 'green'].includes(buttonDescriptor.color) &&
-      buttonDescriptor.color;
+  _addButton(buttonContainer, buttonDescriptor) {
+    const buttonOptions = {
+      ...buttonDescriptor
+    };
+    const buttonColor = ['blue', 'red', 'green'].includes(buttonDescriptor.color) && buttonDescriptor.color;
     buttonOptions.isPrimary = buttonDescriptor.type === 'PRIMARY_ACTION';
-
-    const buttonView = new ModalButtonView(buttonOptions);
-
+    const buttonView = new _modalButtonView.default(buttonOptions);
     buttonOptions.buttonView = buttonView;
-    const buttonViewController = new BasicButtonViewController(buttonOptions);
-
+    const buttonViewController = new _basicButtonViewController.default(buttonOptions);
     if (buttonDescriptor.type === 'PRIMARY_ACTION') {
-      buttonContainer.insertBefore(
-        buttonView.getElement(),
-        (buttonContainer.firstElementChild: any)
-      );
+      buttonContainer.insertBefore(buttonView.getElement(), buttonContainer.firstElementChild);
     } else {
       buttonContainer.appendChild(buttonView.getElement());
     }
   }
-
   _setupEventStream() {
-    const closeElement = querySelector(
-      this._modalContainerElement,
-      '.inboxsdk__modal_close'
-    );
-
-    closeElement.addEventListener('click', (event: MouseEvent) => {
+    const closeElement = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_close');
+    closeElement.addEventListener('click', event => {
       this._eventStream.emit({
         eventName: 'closeClick',
-        domEvent: event,
+        domEvent: event
       });
     });
   }
 }
-
-export default defn(module, GmailModalViewDriver);
+var _default = (0, _ud.defn)(module, GmailModalViewDriver);
+exports.default = _default;