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

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-thread-sidebar-view/add-icon-area.js

@@ -1,12 +1,15 @@
-/* @flow */
-
-import { defn } from 'ud';
-
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-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 _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-chunked-stream"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../../lib/dom/querySelectorOrFail"));
 /*
 As of Dec 2nd, 2017.
   div.bvq  - the container for both native icons and loading area
@@ -40,56 +43,36 @@ loaded we go to 3rd state.
   loading visualization display none
   tablist displayed
 */
-
 const TAB_LIST_SELECTOR = '[role=tablist],.J-KU-Jg';
-
-function addIconArea(
-  iconArea: HTMLElement,
-  addonSidebarContainerEl: HTMLElement,
-  stopper: Kefir.Observable<*>
-) {
+function addIconArea(iconArea, addonSidebarContainerEl, stopper) {
   const nativeIconArea = addonSidebarContainerEl.firstElementChild;
   if (!nativeIconArea) return;
-  const loadingHolderAsAny: any = nativeIconArea.firstElementChild;
-  const loadingHolder = (loadingHolderAsAny: ?HTMLElement);
+  const loadingHolderAsAny = nativeIconArea.firstElementChild;
+  const loadingHolder = loadingHolderAsAny;
   if (!loadingHolder) return;
-
   const tabList = addonSidebarContainerEl.querySelector(TAB_LIST_SELECTOR);
   if (!tabList) return;
 
   // emits when the loading div display style changes
-  const loadingDivIsDisplayedStream = makeMutationObserverChunkedStream(
-    loadingHolder,
-    { attributes: true, attributeFilter: ['style'] }
-  )
-    .toProperty(() => null)
-    .map(() => loadingHolder.style.display !== 'none')
-    .takeUntilBy(stopper);
+  const loadingDivIsDisplayedStream = (0, _makeMutationObserverChunkedStream.default)(loadingHolder, {
+    attributes: true,
+    attributeFilter: ['style']
+  }).toProperty(() => null).map(() => loadingHolder.style.display !== 'none').takeUntilBy(stopper);
 
   // emits when the tablist div gets role=tablist
-  const tabListRoleStream = makeMutationObserverChunkedStream(tabList, {
+  const tabListRoleStream = (0, _makeMutationObserverChunkedStream.default)(tabList, {
     attributes: true,
-    attributeFilter: ['role'],
-  })
-    .toProperty(() => null)
-    .filter(() => tabList.getAttribute('role') === 'tablist')
-    .takeUntilBy(stopper);
+    attributeFilter: ['role']
+  }).toProperty(() => null).filter(() => tabList.getAttribute('role') === 'tablist').takeUntilBy(stopper);
 
   // first we add sdk icon container as previous sibling to native tablist
   tabList.insertAdjacentElement('beforebegin', iconArea);
 
   // now we wait for loading to be hidden and tablist to be formed, and then we
   // add sdk icon container to tablist
-  Kefir.combine([
-    loadingDivIsDisplayedStream.filter((value) => !value),
-    tabListRoleStream,
-  ]).onValue(() => {
+  _kefir.default.combine([loadingDivIsDisplayedStream.filter(value => !value), tabListRoleStream]).onValue(() => {
     tabList.insertAdjacentElement('afterbegin', iconArea);
-    maintainIconArea(
-      iconArea,
-      tabList,
-      Kefir.merge([loadingDivIsDisplayedStream.filter(Boolean), stopper])
-    );
+    maintainIconArea(iconArea, tabList, _kefir.default.merge([loadingDivIsDisplayedStream.filter(Boolean), stopper]));
   });
 
   // if the addon loading div becomes visible then we create a clone of it and put the clone in a
@@ -101,27 +84,20 @@ function addIconArea(
     loadingClone.classList.add('inboxsdk__addon_icon_loading');
     tabList.insertAdjacentElement('beforebegin', iconArea);
     iconArea.insertAdjacentElement('afterend', loadingClone);
-
-    Kefir.merge([
-      loadingDivIsDisplayedStream.filter((value) => !value),
-      stopper,
-    ])
-      .take(1)
-      .onValue(() => {
-        loadingClone.remove();
-      });
+    _kefir.default.merge([loadingDivIsDisplayedStream.filter(value => !value), stopper]).take(1).onValue(() => {
+      loadingClone.remove();
+    });
   });
 }
 
 // Gmail periodically clears the children of this element before it's
 // visible, so we fight back.
 function maintainIconArea(iconArea, tabList, stopper) {
-  makeMutationObserverChunkedStream(tabList, { childList: true })
-    .filter(() => iconArea.parentElement !== tabList)
-    .takeUntilBy(stopper)
-    .onValue(() => {
-      tabList.insertAdjacentElement('afterbegin', iconArea);
-    });
+  (0, _makeMutationObserverChunkedStream.default)(tabList, {
+    childList: true
+  }).filter(() => iconArea.parentElement !== tabList).takeUntilBy(stopper).onValue(() => {
+    tabList.insertAdjacentElement('afterbegin', iconArea);
+  });
 }
-
-export default defn(module, addIconArea);
+var _default = (0, _ud.defn)(module, addIconArea);
+exports.default = _default;