@inboxsdk/core 0.2.28 → 0.2.29-alpha.1

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-menu-item-view.js

@@ -0,0 +1,126 @@
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import { EventEmitter } from 'events';
+import cx from 'classnames';
+import GmailElementGetter from '../gmail-element-getter';
+export const NATIVE_CLASS = 'Xa';
+export const INBOXSDK_CLASS = 'inboxsdk__appMenuItem';
+export const ELEMENT_CLASS = `${NATIVE_CLASS} ${INBOXSDK_CLASS}`;
+const ICON_ELEMENT_CLASS = 'V6 CL';
+const HEADING_ELEMENT_CLASS = 'apW';
+const ICON_ELEMENT_SELECTOR = '.V6.CL';
+const HEADING_ELEMENT_SELECTOR = '.apW';
+export class GmailAppMenuItemView extends EventEmitter {
+    static elementCss = {
+        HOVER: 'aIk',
+        ACTIVE: 'apV',
+    };
+    #menuItemDescriptor;
+    #element;
+    #destroyed = false;
+    #driver;
+    get element() {
+        return this.#element;
+    }
+    setMenuItemDescriptor(newMenuItemDescriptor) {
+        this.#menuItemDescriptor = newMenuItemDescriptor;
+        this.#update();
+    }
+    get menuItemDescriptor() {
+        return this.#menuItemDescriptor;
+    }
+    constructor(driver) {
+        super();
+        this.#element = this.#setupElement();
+        this.#driver = driver;
+        driver.getStopper().onValue(() => this.remove());
+        this.#element.addEventListener('click', (e) => this.#onClick(e));
+        this.#element.addEventListener('mouseenter', this.#onHover);
+        this.#element.addEventListener('mouseleave', this.#onBlur);
+    }
+    remove() {
+        if (this.#destroyed)
+            return;
+        this.#destroyed = true;
+        this.element?.remove();
+        this.emit('destroy');
+    }
+    /**
+     * @internal
+     */
+    blur() {
+        this.element?.classList.remove(GmailAppMenuItemView.elementCss.HOVER);
+    }
+    /**
+     * @internal
+     */
+    hover() {
+        if (this.element?.classList.contains(GmailAppMenuItemView.elementCss.ACTIVE)) {
+            return;
+        }
+        this.element?.classList.add(GmailAppMenuItemView.elementCss.HOVER);
+    }
+    /**
+     * @internal
+     */
+    activate() {
+        this.element?.classList.remove(GmailAppMenuItemView.elementCss.HOVER);
+        this.element?.classList.add(GmailAppMenuItemView.elementCss.ACTIVE);
+    }
+    // /**
+    //  * @internal
+    //  */
+    // deactivate() {
+    //   this.element?.classList.remove(GmailAppMenuItemView.elementCss.ACTIVE);
+    // }
+    #setupElement() {
+        const element = document.createElement('div');
+        element.className = ELEMENT_CLASS;
+        element.innerHTML = `
+      <div class="${ICON_ELEMENT_CLASS}" aria-label="" role="link" tabindex="-1"></div>
+      <div class="${HEADING_ELEMENT_CLASS}" role="heading" aria-level="2"></div>
+    `.trim();
+        return element;
+    }
+    #update() {
+        const element = this.element;
+        if (!element)
+            return;
+        element.className = cx(ELEMENT_CLASS, this.#menuItemDescriptor?.className);
+        this.#updateName(element);
+        this.#updateIcon(element);
+        this.#updateARIA(element);
+    }
+    #updateName(element) {
+        const headingElement = querySelector(element, HEADING_ELEMENT_SELECTOR);
+        headingElement.textContent = this.#menuItemDescriptor?.name ?? '';
+    }
+    #updateIcon(element) {
+        const iconContainerEl = querySelector(element, ICON_ELEMENT_SELECTOR);
+        const { iconUrl, iconClassName } = this.#menuItemDescriptor ?? {};
+        if (iconUrl) {
+            const theme = GmailElementGetter.isDarkTheme()
+                ? iconUrl.darkTheme
+                : iconUrl.lightTheme;
+            iconContainerEl.style.setProperty('--background-image', `url(${theme})`);
+        }
+        iconContainerEl.className = cx(ICON_ELEMENT_CLASS, iconClassName);
+    }
+    #updateARIA(element) {
+        const iconContainerEl = querySelector(element, ICON_ELEMENT_SELECTOR);
+        iconContainerEl.setAttribute('aria-label', this.#menuItemDescriptor?.name ?? '');
+    }
+    #onClick(e) {
+        this.emit('click', e);
+        this.#menuItemDescriptor?.onClick?.(e);
+        if (this.#menuItemDescriptor?.routeID) {
+            this.#driver.goto(this.#menuItemDescriptor.routeID, this.#menuItemDescriptor?.routeParams);
+        }
+    }
+    #onBlur = (e) => {
+        this.emit('blur', e);
+    };
+    #onHover = (e) => {
+        this.emit('hover', e);
+        this.#menuItemDescriptor?.onHover?.(e);
+    };
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/index.js

@@ -1,25 +1,21 @@
-/* @flow */
-
-import { defn } from 'ud';
-import udKefir from 'ud-kefir';
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import GmailAppSidebarPrimary from './primary';
-import ContentPanelViewDriver from '../../../../driver-common/sidebar/ContentPanelViewDriver';
-import type GmailDriver from '../../gmail-driver';
-import type GmailThreadView from '../gmail-thread-view';
-
-const updates: Kefir.Observable<null> = udKefir(module, null);
+"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 _udKefir = _interopRequireDefault(require("ud-kefir"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _primary = _interopRequireDefault(require("./primary"));
+var _ContentPanelViewDriver = _interopRequireDefault(require("../../../../driver-common/sidebar/ContentPanelViewDriver"));
+const updates = (0, _udKefir.default)(module, null);
 class GmailAppSidebarView {
-  _stopper = kefirStopper();
-  _driver: GmailDriver;
-  _instanceId: string;
-
-  constructor(
-    driver: GmailDriver,
-    companionSidebarContentContainerElement: HTMLElement
-  ) {
+  constructor(driver, companionSidebarContentContainerElement) {
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
     this._driver = driver;
 
     // We need to be able to cooperate with other apps/extensions that are
@@ -29,52 +25,33 @@ class GmailAppSidebarView {
     // GmailAppSidebarView is instantiated, we check the element for an
     // attribute to see whether a previous extension's GmailAppSidebarView has
     // already set up the sidebar or not.
-    const instanceId = companionSidebarContentContainerElement.getAttribute(
-      'data-sdk-sidebar-instance-id'
-    );
+    const instanceId = companionSidebarContentContainerElement.getAttribute('data-sdk-sidebar-instance-id');
     if (instanceId != null) {
       this._instanceId = instanceId;
     } else {
-      let primary = new GmailAppSidebarPrimary(
-        driver,
-        companionSidebarContentContainerElement
-      );
+      let primary = new _primary.default(driver, companionSidebarContentContainerElement);
       this._instanceId = primary.getInstanceId();
 
       // hot reloading support. Not perfect; this will break any existing panels.
       updates.changes().onValue(() => {
         primary.destroy();
-        primary = new GmailAppSidebarPrimary(
-          driver,
-          companionSidebarContentContainerElement
-        );
+        primary = new _primary.default(driver, companionSidebarContentContainerElement);
         this._instanceId = primary.getInstanceId();
       });
     }
   }
-
   destroy() {
     this._stopper.destroy();
   }
-
-  getStopper(): Kefir.Observable<*> {
+  getStopper() {
     return this._stopper;
   }
-
-  _getShouldThreadAppSidebarOpen(): boolean {
-    return (
-      global.localStorage.getItem(
-        'inboxsdk__thread_app_sidebar_should_open'
-      ) !== 'false'
-    );
+  _getShouldThreadAppSidebarOpen() {
+    return global.localStorage.getItem('inboxsdk__thread_app_sidebar_should_open') !== 'false';
   }
-
-  _setShouldThreadAppSidebarOpen(open: boolean) {
+  _setShouldThreadAppSidebarOpen(open) {
     try {
-      global.localStorage.setItem(
-        'inboxsdk__thread_app_sidebar_should_open',
-        String(open)
-      );
+      global.localStorage.setItem('inboxsdk__thread_app_sidebar_should_open', String(open));
     } catch (err) {
       console.error('error saving', err); //eslint-disable-line no-console
     }
@@ -83,51 +60,27 @@ class GmailAppSidebarView {
   // This value controls whether the app sidebar should automatically open
   // itself when available when the chat sidebar isn't present. It's only set
   // if the user interacts with the app sidebar button.
-  _getShouldGlobalAppSidebarOpen(): boolean {
-    return (
-      global.localStorage.getItem(
-        'inboxsdk__global_app_sidebar_should_open'
-      ) === 'true'
-    );
+  _getShouldGlobalAppSidebarOpen() {
+    return global.localStorage.getItem('inboxsdk__global_app_sidebar_should_open') === 'true';
   }
-
-  _setShouldGlobalAppSidebarOpen(open: boolean) {
+  _setShouldGlobalAppSidebarOpen(open) {
     try {
-      global.localStorage.setItem(
-        'inboxsdk__global_app_sidebar_should_open',
-        String(open)
-      );
+      global.localStorage.setItem('inboxsdk__global_app_sidebar_should_open', String(open));
     } catch (err) {
       console.error('error saving', err); //eslint-disable-line no-console
     }
   }
 
-  addThreadSidebarContentPanel(
-    descriptor: Kefir.Observable<Object>,
-    threadView: GmailThreadView
-  ) {
-    const panel = new ContentPanelViewDriver(
-      this._driver,
-      descriptor,
-      this._instanceId
-    );
-    Kefir.merge([threadView.getStopper(), this._stopper])
-      .take(1)
-      .takeUntilBy(panel.getStopper())
-      .onValue(() => panel.remove());
+  addThreadSidebarContentPanel(descriptor, threadView) {
+    const panel = new _ContentPanelViewDriver.default(this._driver, descriptor, this._instanceId);
+    _kefir.default.merge([threadView.getStopper(), this._stopper]).take(1).takeUntilBy(panel.getStopper()).onValue(() => panel.remove());
     return panel;
   }
-
-  addGlobalSidebarContentPanel(descriptor: Kefir.Observable<Object>) {
-    const panel = new ContentPanelViewDriver(
-      this._driver,
-      descriptor,
-      this._instanceId,
-      true
-    );
+  addGlobalSidebarContentPanel(descriptor) {
+    const panel = new _ContentPanelViewDriver.default(this._driver, descriptor, this._instanceId, true);
     this._stopper.takeUntilBy(panel.getStopper()).onValue(() => panel.remove());
     return panel;
   }
 }
-
-export default defn(module, GmailAppSidebarView);
+var _default = (0, _ud.defn)(module, GmailAppSidebarView);
+exports.default = _default;

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/index.test.js

@@ -1,162 +1,112 @@
-/* @flow */
-
-import _ from 'lodash';
-import Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import kefirStopper from 'kefir-stopper';
-import delay from 'pdelay';
-import fs from 'fs';
-import idMap from '../../../../lib/idMap';
-import GmailAppSidebarView from './index';
-import ContentPanelViewDriver from '../../../../driver-common/sidebar/ContentPanelViewDriver';
-import MockWebStorage from 'mock-webstorage';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirBus = _interopRequireDefault(require("kefir-bus"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _pdelay = _interopRequireDefault(require("pdelay"));
+var _fs = _interopRequireDefault(require("fs"));
+var _idMap = _interopRequireDefault(require("../../../../lib/idMap"));
+var _index = _interopRequireDefault(require("./index"));
+var _ContentPanelViewDriver = _interopRequireDefault(require("../../../../driver-common/sidebar/ContentPanelViewDriver"));
+var _mockWebstorage = _interopRequireDefault(require("mock-webstorage"));
 jest.mock('../../../../lib/dom/make-element-child-stream', () => {
   return () => require('kefir-bus')();
 });
-
 jest.mock('../../../../lib/dom/make-mutation-observer-chunked-stream', () => {
   return () => require('kefir-bus')();
 });
-
-global.localStorage = new MockWebStorage();
+global.localStorage = new _mockWebstorage.default();
 global._APP_SIDEBAR_TEST = true;
-
 describe('GmailAppSidebarView Primary', function () {
   beforeEach(() => {
     makeSidebarContainerElement();
   });
-
   afterEach(() => {
     removeSidebarContainerElement();
   });
-
   it('construction works', () => {
-    const gmailAppSidebarView = new GmailAppSidebarView(
-      makeDriver(),
-      makeContentContainerElement()
-    );
+    const gmailAppSidebarView = new _index.default(makeDriver(), makeContentContainerElement());
   });
-
   it('sidebar is added', async () => {
     const container = makeContentContainerElement();
-    const gmailAppSidebarView = new GmailAppSidebarView(
-      makeDriver(),
-      container
-    );
-
-    const descriptor = Kefir.constant({
+    const gmailAppSidebarView = new _index.default(makeDriver(), container);
+    const descriptor = _kefir.default.constant({
       title: 'foo',
       iconUrl: '/bar.png',
-      el: document.createElement('div'),
+      el: document.createElement('div')
     });
-
-    const fakeThreadView: Object = {
-      getStopper: _.constant(kefirStopper()),
+    const fakeThreadView = {
+      getStopper: _lodash.default.constant((0, _kefirStopper.default)())
     };
-
-    const panel = gmailAppSidebarView.addThreadSidebarContentPanel(
-      descriptor,
-      fakeThreadView
-    );
-
-    await delay(0);
-    expect(
-      container.querySelectorAll('.' + idMap('app_sidebar_content_panel'))
-        .length
-    ).toBe(1);
-
+    const panel = gmailAppSidebarView.addThreadSidebarContentPanel(descriptor, fakeThreadView);
+    await (0, _pdelay.default)(0);
+    expect(container.querySelectorAll('.' + (0, _idMap.default)('app_sidebar_content_panel')).length).toBe(1);
     panel.remove();
-    expect(
-      container.querySelectorAll('.' + idMap('app_sidebar_content_panel'))
-        .length
-    ).toBe(0);
+    expect(container.querySelectorAll('.' + (0, _idMap.default)('app_sidebar_content_panel')).length).toBe(0);
   });
-
   it('multiple sidebars can be added', async () => {
     const container = makeContentContainerElement();
-    const gmailAppSidebarView = new GmailAppSidebarView(
-      makeDriver(),
-      container
-    );
-
-    const descriptor1 = Kefir.constant({
+    const gmailAppSidebarView = new _index.default(makeDriver(), container);
+    const descriptor1 = _kefir.default.constant({
       title: 'foo1',
       iconUrl: '/bar.png',
-      el: document.createElement('div'),
+      el: document.createElement('div')
     });
-
-    const descriptor2 = Kefir.constant({
+    const descriptor2 = _kefir.default.constant({
       title: 'foo2',
       iconUrl: '/bar.png',
-      el: document.createElement('div'),
+      el: document.createElement('div')
     });
-
-    const fakeThreadView: Object = {
-      getStopper: _.constant(kefirStopper()),
+    const fakeThreadView = {
+      getStopper: _lodash.default.constant((0, _kefirStopper.default)())
     };
-
-    gmailAppSidebarView.addThreadSidebarContentPanel(
-      descriptor1,
-      fakeThreadView
-    );
-
-    gmailAppSidebarView.addThreadSidebarContentPanel(
-      descriptor2,
-      fakeThreadView
-    );
-
-    await delay(0);
-    expect(
-      container.querySelectorAll('.' + idMap('app_sidebar_content_panel'))
-        .length
-    ).toBe(2);
+    gmailAppSidebarView.addThreadSidebarContentPanel(descriptor1, fakeThreadView);
+    gmailAppSidebarView.addThreadSidebarContentPanel(descriptor2, fakeThreadView);
+    await (0, _pdelay.default)(0);
+    expect(container.querySelectorAll('.' + (0, _idMap.default)('app_sidebar_content_panel')).length).toBe(2);
   });
 });
-
-function makeDriver(appId, opts): any {
+function makeDriver(appId, opts) {
   return {
     getAppId: () => appId || 'test',
-    getOpts: () => opts || { appName: 'Test', appIconUrl: 'testImage.png' },
+    getOpts: () => opts || {
+      appName: 'Test',
+      appIconUrl: 'testImage.png'
+    },
     getLogger() {
       return {
         eventSdkPassive() {},
         error(err, details) {
           console.error('logger.error called:', err, details); //eslint-disable-line no-console
           throw err;
-        },
+        }
       };
-    },
+    }
   };
 }
-
 function makeSidebarContainerElement() {
   const newDiv = document.createElement('div');
   newDiv.className = 'brC-aT5-aOt-Jw';
-
   const sidebar = document.createElement('div');
   sidebar.className = 'J-KU-Jg';
   sidebar.setAttribute('role', 'tablist');
-
   const separator = document.createElement('div');
   separator.setAttribute('role', 'separator');
-
   sidebar.appendChild(separator);
   newDiv.appendChild(sidebar);
-
   document.body && document.body.appendChild(newDiv);
 }
-
 function removeSidebarContainerElement() {
   const oldDivs = Array.from(document.getElementsByClassName('brC-aT5-aOt-Jw'));
-  oldDivs.forEach((oldDiv) => {
+  oldDivs.forEach(oldDiv => {
     const parent = oldDiv.parentNode;
     parent && parent.removeChild(oldDiv);
   });
 }
-
 function makeContentContainerElement() {
   const contentContainerElement = document.createElement('div');
   contentContainerElement.className = 'bq9';
   return contentContainerElement;
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/primary/add-companion-global-icon-area.js

@@ -1,10 +1,12 @@
-/* @flow */
-
-import { defn } from 'ud';
-
-import querySelector from '../../../../../lib/dom/querySelectorOrFail';
-import type Logger from '../../../../../lib/logger';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _querySelectorOrFail = _interopRequireDefault(require("../../../../../lib/dom/querySelectorOrFail"));
 /*
 As of Feb 6th, 2018.
   div.brC-aT5-aOt-Jw - the container for native global icons and sidebar icons
@@ -12,17 +14,9 @@ As of Feb 6th, 2018.
     div.brC-aT5-aOt-ato-Kp-Jw - container for sidebar icons
       div.bvq - matches the structure in regular add-on icon sidebar
 */
-
 const GLOBAL_ICON_AREA_SELECTOR = '.brC-aT5-aOt-bsf-Jw';
-
-function addCompanionGlobalIconArea(
-  logger: Logger,
-  iconArea: HTMLElement,
-  companionSidebarIconContainerEl: HTMLElement
-) {
-  const sidebarIconArea = companionSidebarIconContainerEl.querySelector(
-    GLOBAL_ICON_AREA_SELECTOR
-  );
+function addCompanionGlobalIconArea(logger, iconArea, companionSidebarIconContainerEl) {
+  const sidebarIconArea = companionSidebarIconContainerEl.querySelector(GLOBAL_ICON_AREA_SELECTOR);
   if (!sidebarIconArea) {
     logger.error(new Error('addCompanionGlobalIconArea: no sidebarIconArea'));
     return;
@@ -32,8 +26,7 @@ function addCompanionGlobalIconArea(
     logger.error(new Error('addCompanionGlobalIconArea: no nativeIconArea'));
     return;
   }
-
   nativeIconArea.insertAdjacentElement('beforebegin', iconArea);
 }
-
-export default defn(module, addCompanionGlobalIconArea);
+var _default = (0, _ud.defn)(module, addCompanionGlobalIconArea);
+exports.default = _default;

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

@@ -1,47 +1,35 @@
-/* @flow */
-
-import { defn } from 'ud';
-
-import Kefir from 'kefir';
-import makeMutationObserverChunkedStream from '../../../../../lib/dom/make-mutation-observer-chunked-stream';
-import querySelector from '../../../../../lib/dom/querySelectorOrFail';
-import type Logger from '../../../../../lib/logger';
+"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 _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../../../lib/dom/make-mutation-observer-chunked-stream"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../../../lib/dom/querySelectorOrFail"));
 /*
 As of Feb 6th, 2018.
   div.brC-aT5-aOt-Jw - the container for native global icons and sidebar icons
     div.brC-aT5-aOt-bsf-Jw - container for sdk global sidebar icons
       [role=tablist] - container for native and sdk thread sidebar icons
 */
-
 const TAB_LIST_SELECTOR = '[role=tablist],.J-KU-Jg';
-
-function addCompanionThreadIconArea(
-  logger: Logger,
-  iconArea: HTMLElement,
-  companionSidebarIconContainerEl: HTMLElement
-) {
-  const tabList =
-    companionSidebarIconContainerEl.querySelector(TAB_LIST_SELECTOR);
+function addCompanionThreadIconArea(logger, iconArea, companionSidebarIconContainerEl) {
+  const tabList = companionSidebarIconContainerEl.querySelector(TAB_LIST_SELECTOR);
   if (!tabList) {
     logger.error(new Error('addCompanionThreadIconArea: no tablist'));
     return;
   }
-
-  const separator =
-    companionSidebarIconContainerEl.querySelector('[role=separator]');
+  const separator = companionSidebarIconContainerEl.querySelector('[role=separator]');
   if (!separator) {
-    logger.error(
-      new Error('addCompanionThreadIconArea: failed to find separator')
-    );
+    logger.error(new Error('addCompanionThreadIconArea: failed to find separator'));
     tabList.insertAdjacentElement('beforebegin', iconArea);
   } else {
     if (!separator.parentElement) throw new Error();
-    separator.parentElement.insertBefore(
-      iconArea,
-      separator.nextElementSibling
-    );
+    separator.parentElement.insertBefore(iconArea, separator.nextElementSibling);
   }
 }
-
-export default defn(module, addCompanionThreadIconArea);
+var _default = (0, _ud.defn)(module, addCompanionThreadIconArea);
+exports.default = _default;

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

@@ -1,33 +1,33 @@
-/* @flow */
+"use strict";
 
-import type OrderManager from 'order-manager';
-import { defn } from 'ud';
-import findIndex from 'lodash/findIndex';
-
-import insertElementInOrder from '../../../../../lib/dom/insert-element-in-order';
-
-function addToIconArea(
-  orderManager: OrderManager<*>,
-  appName: string,
-  container: HTMLElement,
-  iconArea: HTMLElement
-) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
+var _insertElementInOrder = _interopRequireDefault(require("../../../../../lib/dom/insert-element-in-order"));
+function addToIconArea(orderManager, appName, container, iconArea) {
   //first set icon order hints
-  [...iconArea.querySelectorAll('[data-app-name]')].forEach((el) => {
+  [...iconArea.querySelectorAll('[data-app-name]')].forEach(el => {
     const elAppName = el.getAttribute('data-app-name');
-    const index = findIndex(
-      orderManager.getOrderedItems(),
-      ({ value }) => value.appName === elAppName
-    );
+    const index = (0, _findIndex.default)(orderManager.getOrderedItems(), _ref => {
+      let {
+        value
+      } = _ref;
+      return value.appName === elAppName;
+    });
     el.setAttribute('data-order-hint', index);
   });
-
-  const index = findIndex(
-    orderManager.getOrderedItems(),
-    ({ value }) => value.appName === appName
-  );
+  const index = (0, _findIndex.default)(orderManager.getOrderedItems(), _ref2 => {
+    let {
+      value
+    } = _ref2;
+    return value.appName === appName;
+  });
   if (index > -1) container.setAttribute('data-order-hint', index);
-  insertElementInOrder(iconArea, container, ['data-order-hint']);
+  (0, _insertElementInOrder.default)(iconArea, container, ['data-order-hint']);
 }
-
-export default defn(module, addToIconArea);
+var _default = (0, _ud.defn)(module, addToIconArea);
+exports.default = _default;