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

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

@@ -1,45 +1,35 @@
-/* @flow */
-
-import { defn } from 'ud';
-import includes from 'lodash/includes';
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import fromEventTargetCapture from '../../../lib/from-event-target-capture';
-import DropdownView from '../../../widgets/buttons/dropdown-view';
-import InboxDropdownView from './inbox-dropdown-view';
-import insertElementInOrder from '../../../lib/dom/insert-element-in-order';
-
-let insertionOrderHint: number = 0;
+"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 _ud = require("ud");
+var _includes = _interopRequireDefault(require("lodash/includes"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _fromEventTargetCapture = _interopRequireDefault(require("../../../lib/from-event-target-capture"));
+var _dropdownView = _interopRequireDefault(require("../../../widgets/buttons/dropdown-view"));
+var _inboxDropdownView = _interopRequireDefault(require("./inbox-dropdown-view"));
+var _insertElementInOrder = _interopRequireDefault(require("../../../lib/dom/insert-element-in-order"));
+let insertionOrderHint = 0;
 class InboxToolbarButtonView {
-  _stopper = kefirStopper();
-  _buttonEl: HTMLElement;
-
-  constructor(
-    buttonDescriptor: Object,
-    groupOrderHint: string,
-    container: HTMLElement
-  ) {
-    const buttonEl = (this._buttonEl = document.createElement('li'));
+  constructor(buttonDescriptor, groupOrderHint, container) {
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+    const buttonEl = this._buttonEl = document.createElement('li');
     buttonEl.setAttribute('role', 'button');
-    buttonEl.setAttribute(
-      'data-insertion-order-hint',
-      String(insertionOrderHint++)
-    );
+    buttonEl.setAttribute('data-insertion-order-hint', String(insertionOrderHint++));
     buttonEl.setAttribute('data-group-order-hint', groupOrderHint);
     buttonEl.tabIndex = 0;
     buttonEl.className = 'inboxsdk__button_icon';
     const img = document.createElement('img');
     img.className = 'inboxsdk__button_iconImg';
-    let onClick = (ignored) => {};
+    let onClick = ignored => {};
     let hasDropdown = false;
     let dropdown = null;
-    Kefir.merge([
-      Kefir.fromEvents(buttonEl, 'click'),
-      fromEventTargetCapture(buttonEl, 'keyup').filter((e) =>
-        includes([32 /*space*/, 13 /*enter*/], e.which)
-      ),
-    ]).onValue((event) => {
+    _kefir.default.merge([_kefir.default.fromEvents(buttonEl, 'click'), (0, _fromEventTargetCapture.default)(buttonEl, 'keyup').filter(e => (0, _includes.default)([32 /*space*/, 13 /*enter*/], e.which))]).onValue(event => {
       event.preventDefault();
       event.stopPropagation();
       if (hasDropdown) {
@@ -48,12 +38,12 @@ class InboxToolbarButtonView {
           return;
         } else {
           this._buttonEl.classList.add('inboxsdk__active');
-          dropdown = new DropdownView(new InboxDropdownView(), buttonEl);
+          dropdown = new _dropdownView.default(new _inboxDropdownView.default(), buttonEl);
           dropdown.setPlacementOptions({
             position: 'bottom',
             hAlign: 'right',
             vAlign: 'top',
-            buffer: 10,
+            buffer: 10
           });
           dropdown.on('destroy', () => {
             this._buttonEl.classList.remove('inboxsdk__active');
@@ -61,15 +51,15 @@ class InboxToolbarButtonView {
           });
         }
       }
-      onClick({ dropdown });
+      onClick({
+        dropdown
+      });
     });
     let lastOrderHint = null;
-
     {
       hasDropdown = buttonDescriptor.hasDropdown;
       buttonEl.title = buttonDescriptor.title;
-      buttonEl.className =
-        'inboxsdk__button_icon ' + (buttonDescriptor.iconClass || '');
+      buttonEl.className = 'inboxsdk__button_icon ' + (buttonDescriptor.iconClass || '');
       onClick = buttonDescriptor.onClick;
       if (buttonDescriptor.iconUrl) {
         img.src = buttonDescriptor.iconUrl;
@@ -81,10 +71,9 @@ class InboxToolbarButtonView {
       if (lastOrderHint !== orderHint) {
         lastOrderHint = orderHint;
         buttonEl.setAttribute('data-order-hint', String(orderHint));
-        insertElementInOrder(container, buttonEl, undefined, true);
+        (0, _insertElementInOrder.default)(container, buttonEl, undefined, true);
       }
     }
-
     this._stopper.onValue(() => {
       buttonEl.remove();
       if (dropdown) {
@@ -92,14 +81,12 @@ class InboxToolbarButtonView {
       }
     });
   }
-
   destroy() {
     this._stopper.destroy();
   }
-
-  getStopper(): Kefir.Observable<null> {
+  getStopper() {
     return this._stopper;
   }
 }
-
-export default defn(module, InboxToolbarButtonView);
+var _default = (0, _ud.defn)(module, InboxToolbarButtonView);
+exports.default = _default;

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

@@ -1,72 +1,54 @@
-/* @flow */
-
-import { defn } from 'ud';
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import InboxToolbarButtonView from './InboxToolbarButtonView';
-import type InboxThreadView from './inbox-thread-view';
-import type InboxDriver from '../inbox-driver';
-
+"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 _ud = require("ud");
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _InboxToolbarButtonView = _interopRequireDefault(require("./InboxToolbarButtonView"));
 class InboxToolbarView {
-  _stopper = kefirStopper();
-  _el: HTMLElement;
-  _driver: InboxDriver;
-  _inboxThreadView: ?InboxThreadView;
-
-  constructor(
-    el: HTMLElement,
-    driver: InboxDriver,
-    inboxThreadView: ?InboxThreadView
-  ) {
+  constructor(el, driver, inboxThreadView) {
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
     this._el = el;
     this._driver = driver;
     this._inboxThreadView = inboxThreadView;
-
     this._el.classList.add('inboxsdk__list_toolbar');
   }
-
-  getStopper(): Kefir.Observable<*> {
+  getStopper() {
     return this._stopper;
   }
-
   destroy() {
     this._stopper.destroy();
   }
-
   getThreadRowViewDrivers() {
     return this._driver.getThreadRowViewDriverLiveSet().values();
   }
-
   getRouteViewDriver() {
     return this._driver.getCurrentRouteViewDriver();
   }
-
-  isForRowList(): boolean {
+  isForRowList() {
     return this._inboxThreadView == null;
   }
-
-  isForThread(): boolean {
+  isForThread() {
     return this._inboxThreadView != null;
   }
-
   getThreadViewDriver() {
     if (!this._inboxThreadView) {
       throw new Error('this toolbarview is not for a thread');
     }
     return this._inboxThreadView;
   }
-
-  addButton(buttonDescriptor: Object, id?: string) {
-    const button = new InboxToolbarButtonView(
-      buttonDescriptor,
-      this._driver.getAppId(),
-      this._el
-    );
+  addButton(buttonDescriptor, id) {
+    const button = new _InboxToolbarButtonView.default(buttonDescriptor, this._driver.getAppId(), this._el);
     this._stopper.takeUntilBy(button.getStopper()).onValue(() => {
       button.destroy();
     });
     return button;
   }
 }
-
-export default defn(module, InboxToolbarView);
+var _default = (0, _ud.defn)(module, InboxToolbarView);
+exports.default = _default;