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

package/src/platform-implementation-js/dom-driver/inbox/views/InboxLabelView.js

@@ -1,103 +1,78 @@
-/* @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 InboxLabelView {
-  _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__inbox_thread_row_label ' + (opts.classes || []).join(' ');
+    this._element.className = 'inboxsdk__inbox_thread_row_label ' + (opts.classes || []).join(' ');
     this._element.innerHTML = '<span></span>';
-
     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
-      },
-      labelDescriptor
-    );
-
-    if (isEqual(this._labelDescriptor, labelDescriptor)) {
+    labelDescriptor = Object.assign({
+      foregroundColor: 'rgb(102, 102, 102)',
+      //dark grey
+      backgroundColor: 'rgb(221, 221, 221)' //light grey
+    }, labelDescriptor);
+    if ((0, _isEqual.default)(this._labelDescriptor, labelDescriptor)) {
       return;
     }
-
-    updateIcon(
-      this._iconSettings,
-      this._element,
-      false,
-      labelDescriptor.iconClass,
-      labelDescriptor.iconUrl
-    );
-
+    (0, _updateIcon.default)(this._iconSettings, this._element, false, labelDescriptor.iconClass, labelDescriptor.iconUrl);
     if (labelDescriptor.iconClass || labelDescriptor.iconUrl) {
       this._element.classList.add('inboxsdk__label_has_icon');
     } else {
       this._element.classList.remove('inboxsdk__label_has_icon');
     }
-
     this._updateBackgroundColor(labelDescriptor.backgroundColor);
     this._updateForegroundColor(labelDescriptor.foregroundColor);
     this._updateIconBackgroundColor(labelDescriptor.iconBackgroundColor);
     this._updateTitle(labelDescriptor.title);
-
     this._labelDescriptor = labelDescriptor;
   }
-
-  _updateBackgroundColor(backgroundColor: string) {
+  _updateBackgroundColor(backgroundColor) {
     if (this._labelDescriptor.backgroundColor === backgroundColor) {
       return;
     }
-
     this._element.style.backgroundColor = backgroundColor;
   }
-
-  _updateForegroundColor(foregroundColor: string) {
+  _updateForegroundColor(foregroundColor) {
     if (this._labelDescriptor.foregroundColor === foregroundColor) {
       return;
     }
-
     this._element.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) {
+  _updateTitle(title) {
     if (this._labelDescriptor.title === title) {
       return;
     }
-
-    querySelector(this._element, 'span').textContent = title;
+    (0, _querySelectorOrFail.default)(this._element, 'span').textContent = title;
   }
 }
-
-export default defn(module, InboxLabelView);
+var _default = (0, _ud.defn)(module, InboxLabelView);
+exports.default = _default;