@inboxsdk/core 0.2.29-alpha.6 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inboxsdk/core",
-  "version": "0.2.29-alpha.6",
+  "version": "1.0.0",
   "description": "Library for building browser extensions for Gmail",
   "main": "inboxsdk.js",
   "author": "Streak",

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/gmail-load-event.d.ts

@@ -0,0 +1,3 @@
+import type GmailDriver from '../gmail-driver';
+export default function gmailLoadEvent(driver: GmailDriver): Promise<void>;
+//# sourceMappingURL=gmail-load-event.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/gmail-load-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-load-event.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/gmail-load-event.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAO/C,wBAA8B,cAAc,CAAC,MAAM,EAAE,WAAW,iBA2C/D"}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/gmail-load-event.js

@@ -1,43 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = gmailLoadEvent;
-var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
-var _isIntegratedViewGmail = _interopRequireDefault(require("./isIntegratedViewGmail"));
-var _addNavItem = require("./add-nav-item");
-async function gmailLoadEvent(driver) {
-  const pageCommunicator = driver.getPageCommunicator();
-  const isConversationViewDisabled = await pageCommunicator.isConversationViewDisabled();
-  await (0, _addNavItem.waitForMenuReady)();
-  driver.getLogger().eventSite('gmailSettings', {
-    isGmailIntegratedView: (0, _isIntegratedViewGmail.default)(),
-    screenWidth: window.screen && window.screen.width,
-    screenHeight: window.screen && window.screen.height,
-    windowWidth: window.innerWidth,
-    windowHeight: window.innerHeight,
-    language: pageCommunicator.getUserLanguage(),
-    isUsingSyncAPI: pageCommunicator.isUsingSyncAPI(),
-    previewPane: pageCommunicator.getUserOriginalPreviewPaneMode(),
-    isConversationViewDisabled,
-    wasAccountSwitcherReadyAtStart: driver.getEnvData().wasAccountSwitcherReadyAtStart,
-    timings: Object.assign({
-      responseStart: global.performance && global.performance.timing.responseStart,
-      responseEnd: global.performance && global.performance.timing.responseEnd,
-      domLoading: global.performance && global.performance.timing.domLoading,
-      domInteractive: global.performance && global.performance.timing.domInteractive,
-      domComplete: global.performance && global.performance.timing.domComplete,
-      domContentLoadedEventStart: global.performance && global.performance.timing.domContentLoadedEventStart,
-      domContentLoadedEventEnd: global.performance && global.performance.timing.domContentLoadedEventEnd,
-      domainLookupEnd: global.performance && global.performance.timing.domainLookupEnd,
-      domainLookupStart: global.performance && global.performance.timing.domainLookupStart,
-      fetchStart: global.performance && global.performance.timing.fetchStart,
-      loadEventStart: global.performance && global.performance.timing.loadEventStart,
-      loadEventEnd: global.performance && global.performance.timing.loadEventEnd,
-      navigationStart: global.performance && global.performance.timing.navigationStart,
-      requestStart: global.performance && global.performance.timing.requestStart
-    }, driver.getTimings())
-  });
-}
+/* @flow */
+import isIntegratedViewGmail, { isCollapsiblePanelHidden, } from './isIntegratedViewGmail';
+import { waitForMenuReady } from './add-nav-item';
+import { isDarkTheme } from './track-gmail-styles';
+export default async function gmailLoadEvent(driver) {
+    const pageCommunicator = driver.getPageCommunicator();
+    const isConversationViewDisabled = await pageCommunicator.isConversationViewDisabled();
+    await waitForMenuReady();
+    driver.getLogger().eventSite('gmailSettings', {
+        isGmailIntegratedView: isIntegratedViewGmail(),
+        isCollapsiblePanelHidden: isCollapsiblePanelHidden(),
+        isDarkTheme: isDarkTheme(),
+        screenWidth: window.screen?.width,
+        screenHeight: window.screen?.height,
+        windowWidth: window.innerWidth,
+        windowHeight: window.innerHeight,
+        language: pageCommunicator.getUserLanguage(),
+        isUsingSyncAPI: pageCommunicator.isUsingSyncAPI(),
+        previewPane: pageCommunicator.getUserOriginalPreviewPaneMode(),
+        isConversationViewDisabled,
+        wasAccountSwitcherReadyAtStart: driver.getEnvData().wasAccountSwitcherReadyAtStart,
+        timings: {
+            ...{
+                responseStart: global.performance?.timing.responseStart,
+                responseEnd: global.performance?.timing.responseEnd,
+                domLoading: global.performance?.timing.domLoading,
+                domInteractive: global.performance?.timing.domInteractive,
+                domComplete: global.performance?.timing.domComplete,
+                domContentLoadedEventStart: global.performance?.timing.domContentLoadedEventStart,
+                domContentLoadedEventEnd: global.performance?.timing.domContentLoadedEventEnd,
+                domainLookupEnd: global.performance?.timing.domainLookupEnd,
+                domainLookupStart: global.performance?.timing.domainLookupStart,
+                fetchStart: global.performance?.timing.fetchStart,
+                loadEventStart: global.performance?.timing.loadEventStart,
+                loadEventEnd: global.performance?.timing.loadEventEnd,
+                navigationStart: global.performance?.timing.navigationStart,
+                requestStart: global.performance?.timing.requestStart,
+            },
+            ...driver.getTimings(),
+        },
+    });
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.d.ts

@@ -1,2 +1,7 @@
+/**
+ * https://support.google.com/mail/answer/11555490
+ */
 export default function isIntegratedViewGmail(): boolean;
+/** @returns null if the app menu is configured off */
+export declare function isCollapsiblePanelHidden(): boolean | null;
 //# sourceMappingURL=isIntegratedViewGmail.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isIntegratedViewGmail.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,qBAAqB,IAAI,OAAO,CAGvD"}
+{"version":3,"file":"isIntegratedViewGmail.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,IAAI,OAAO,CAGvD;AAED,sDAAsD;AACtD,wBAAgB,wBAAwB,IAAI,OAAO,GAAG,IAAI,CAMzD"}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.js

@@ -1,4 +1,14 @@
+/**
+ * https://support.google.com/mail/answer/11555490
+ */
 export default function isIntegratedViewGmail() {
     const nav = document.querySelector('div[role=navigation]');
     return Boolean(nav?.firstElementChild?.classList.contains('Xa'));
 }
+/** @returns null if the app menu is configured off */
+export function isCollapsiblePanelHidden() {
+    if (!isIntegratedViewGmail()) {
+        return null;
+    }
+    return document.querySelector('div[role=navigation].aBA') != null;
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-gmail-styles.d.ts

@@ -1,3 +1,4 @@
+export declare function isDarkTheme(): boolean;
 export declare const stylesStream: import("kefir-bus").Bus<{
     type: 'theme';
     isDarkMode: boolean;

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-gmail-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-gmail-styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-gmail-styles.ts"],"names":[],"mappings":"AAyDA,eAAO,MAAM,YAAY;UACf,OAAO;gBAAc,OAAO;WAEnC,CAAC;AAEJ,wBAA8B,gBAAgB,kBAmE7C"}
+{"version":3,"file":"track-gmail-styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-gmail-styles.ts"],"names":[],"mappings":"AA8BA,wBAAgB,WAAW,IAAI,OAAO,CAyBrC;AAED,eAAO,MAAM,YAAY;UACf,OAAO;gBAAc,OAAO;WAEnC,CAAC;AAEJ,wBAA8B,gBAAgB,kBAmE7C"}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-gmail-styles.js

@@ -23,7 +23,7 @@ function getDensity() {
     }
 }
 const navItemSelector = '.aio';
-function isDarkTheme() {
+export function isDarkTheme() {
     // get the color of the left-nav-menu entries to determine whether Gmail is
     // in dark theme mode.
     const navItem = document.querySelector(navItemSelector);

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver.d.ts

@@ -18,6 +18,7 @@ import GmailSupportItemView, {
 import { AppMenuItemDescriptor } from '../../namespaces/app-menu';
 import { GmailAppMenuItemView } from './views/gmail-app-menu-item-view';
 import { RouteView } from '../../../inboxsdk';
+import { EnvData } from '../../platform-implementation';
 
 type GmailThreadView = any;
 type GmailMessageView = any;
@@ -28,6 +29,8 @@ type GmailMoleViewDriver = any;
 type GmailBackdrop = any;
 
 export default class GmailDriver implements Driver {
+  getEnvData(): EnvData;
+  getTimings(): { [ix: string]: number | undefined | null };
   public onready: Promise<void>;
   public isUsingSyncAPI(): boolean;
   public getLogger(): Logger;

package/src/platform-implementation-js/dom-driver/gmail/gmail-element-getter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gmail-element-getter.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-element-getter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAA+B,EAC7B,mBAAmB,EACpB,MAAM,yCAAyC,CAAC;AAmBjD,QAAA,MAAM,kBAAkB;yBACD,WAAW,GAAG,IAAI;uCAcJ,WAAW,GAAG,IAAI;kDAKP,WAAW,GAAG,IAAI;+CAKrB,WAAW,GAAG,IAAI;wBAIzC,WAAW,GAAG,IAAI;iCAOT,WAAW,GAAG,IAAI;gCAInB,WAAW,GAAG,SAAS,GAAG,IAAI;2CA8BnB,WAAW,GAAG,IAAI;iDAIZ,MAAM,UAAU,CAC3D,mBAAmB,EACnB,KAAK,CACN;uBAgBkB,WAAW,GAAG,IAAI;kCAIP,WAAW,GAAG,IAAI;+BAUrB,WAAW,GAAG,IAAI;0CAIP,WAAW,GAAG,IAAI;+BAI7B,WAAW,GAAG,IAAI;+CAQrC,GAAG,KACR,MAAM,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC;qBAItB,WAAW,GAAG,IAAI;+BAOR,OAAO;;;;;;uDAgFiB,WAAW,GAAG,IAAI;mDAItB,WAAW,GAAG,IAAI;0BAQ3C,WAAW,EAAE;0BAIb,WAAW,GAAG,IAAI;sBAItB,gBAAgB,GAAG,IAAI;qCAMR,WAAW,GAAG,IAAI;kCAIrB,WAAW,GAAG,IAAI;2BAIzB,WAAW,GAAG,IAAI;iCAWZ,WAAW,GAAG,IAAI;yBAI1B,WAAW;8BAIN,WAAW,GAAG,IAAI;sBAM1B,OAAO;mBAaV,OAAO;qBAIL,OAAO;oBAIR,OAAO;iCAIM,OAAO;gCAOR,OAAO;;qCASJ,WAAW,GAAG,IAAI;;gCAKrB,QAAQ,IAAI,CAAC;CAG1C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"gmail-element-getter.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-element-getter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAA+B,EAC7B,mBAAmB,EACpB,MAAM,yCAAyC,CAAC;AAmBjD,QAAA,MAAM,kBAAkB;yBACD,WAAW,GAAG,IAAI;uCAcJ,WAAW,GAAG,IAAI;kDAKP,WAAW,GAAG,IAAI;+CAKrB,WAAW,GAAG,IAAI;wBAIzC,WAAW,GAAG,IAAI;iCAOT,WAAW,GAAG,IAAI;gCAInB,WAAW,GAAG,SAAS,GAAG,IAAI;2CA8BnB,WAAW,GAAG,IAAI;iDAIZ,MAAM,UAAU,CAC3D,mBAAmB,EACnB,KAAK,CACN;uBAgBkB,WAAW,GAAG,IAAI;kCAIP,WAAW,GAAG,IAAI;+BAUrB,WAAW,GAAG,IAAI;0CAIP,WAAW,GAAG,IAAI;+BAI7B,WAAW,GAAG,IAAI;+CAQrC,GAAG,KACR,MAAM,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC;qBAItB,WAAW,GAAG,IAAI;+BAOR,OAAO;;;;;;uDAqFiB,WAAW,GAAG,IAAI;mDAItB,WAAW,GAAG,IAAI;0BAQ3C,WAAW,EAAE;0BAIb,WAAW,GAAG,IAAI;sBAItB,gBAAgB,GAAG,IAAI;qCAMR,WAAW,GAAG,IAAI;kCAIrB,WAAW,GAAG,IAAI;2BAIzB,WAAW,GAAG,IAAI;iCAWZ,WAAW,GAAG,IAAI;yBAI1B,WAAW;8BAIN,WAAW,GAAG,IAAI;sBAM1B,OAAO;mBAaV,OAAO;qBAIL,OAAO;oBAIR,OAAO;iCAIM,OAAO;gCAOR,OAAO;;qCASJ,WAAW,GAAG,IAAI;;gCAKrB,QAAQ,IAAI,CAAC;CAG1C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/platform-implementation-js/dom-driver/gmail/gmail-element-getter.js

@@ -169,8 +169,11 @@ const GmailElementGetter = {
     }),
     isAppBurgerMenuOpen() {
         return (document
-            .querySelector('.gb_Hc[aria-expanded]')
-            ?.getAttribute('aria-expanded') === 'true' ?? false);
+            .querySelector('header[role="banner"] > div > div > div[aria-expanded]')
+            ?.getAttribute('aria-expanded') === 'true' ??
+            // Default to true if we can't find the element because
+            // the majority of users seem to favor that version.
+            false);
     },
     getAppMenuContainer() {
         return document.querySelector('.aqk.aql.bkL');

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

@@ -10,6 +10,7 @@ export type MessageEvents = {
 export declare const NATIVE_CLASS: "Xa";
 export declare const INBOXSDK_CLASS: "inboxsdk__appMenuItem";
 export declare const ELEMENT_CLASS: "Xa inboxsdk__appMenuItem";
+export declare const ICON_ELEMENT_SELECTOR: ".V6.CL";
 declare const GmailAppMenuItemView_base: new () => TypedEventEmitter<MessageEvents>;
 export declare class GmailAppMenuItemView extends GmailAppMenuItemView_base {
     #private;

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

@@ -1 +1 @@
-{"version":3,"file":"gmail-app-menu-item-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-app-menu-item-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAO9C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,MAAgB,CAAC;AAC1C,eAAO,MAAM,cAAc,yBAAmC,CAAC;AAC/D,eAAO,MAAM,aAAa,4BAA+C,CAAC;mDAOL,kBAAkB,aAAa,CAAC;AAArG,qBAAa,oBAAqB,SAAQ,yBAA4D;;IACpG,MAAM,CAAC,UAAU;;;MAGN;IAOX,IAAI,OAAO,gBAEV;IAED,IAAI,kBAAkB,CAAC,qBAAqB,uBAAA,EAG3C;IAED,IAAI,kBAAkB,0BAErB;gBAEW,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,qBAAqB;IAwB1E,MAAM;CA6GP"}
+{"version":3,"file":"gmail-app-menu-item-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-app-menu-item-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAO9C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,MAAgB,CAAC;AAC1C,eAAO,MAAM,cAAc,yBAAmC,CAAC;AAC/D,eAAO,MAAM,aAAa,4BAA+C,CAAC;AAI1E,eAAO,MAAM,qBAAqB,UAAoB,CAAC;mDAGc,kBAAkB,aAAa,CAAC;AAArG,qBAAa,oBAAqB,SAAQ,yBAA4D;;IACpG,MAAM,CAAC,UAAU;;;MAGN;IAOX,IAAI,OAAO,gBAEV;IAED,IAAI,kBAAkB,CAAC,qBAAqB,uBAAA,EAG3C;IAED,IAAI,kBAAkB,0BAErB;gBAEW,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,qBAAqB;IAwB1E,MAAM;CA6GP"}

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

@@ -9,7 +9,7 @@ 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';
+export const ICON_ELEMENT_SELECTOR = '.V6.CL';
 const HEADING_ELEMENT_SELECTOR = '.apW';
 export class GmailAppMenuItemView extends EventEmitter {
     static elementCss = {

package/src/platform-implementation-js/views/app-menu-item-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-menu-item-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/app-menu-item-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAWzC,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAK3D,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;8CA0C8D,aAAa,aAAa,CAAC;AAH3F;;GAEG;AACH,qBAAa,eAAgB,SAAQ,oBAAuD;;IA8W1F,IAAI,kBAAkB,0BAErB;gBAQW,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,qBAAqB;IAsDpE,mBAAmB,CAAC,eAAe,EAAE,0BAA0B;IA2C/D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB;IAMtD,MAAM;CAaP"}
+{"version":3,"file":"app-menu-item-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/app-menu-item-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAYzC,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAK3D,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;8CA0C8D,aAAa,aAAa,CAAC;AAH3F;;GAEG;AACH,qBAAa,eAAgB,SAAQ,oBAAuD;;IA4Y1F,IAAI,kBAAkB,0BAErB;gBAQW,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,qBAAqB;IAsDpE,mBAAmB,CAAC,eAAe,EAAE,0BAA0B;IA2C/D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB;IAMtD,MAAM;CAaP"}

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

@@ -2,7 +2,7 @@ import Kefir from 'kefir';
 import kefirBus from 'kefir-bus';
 import cx from 'classnames';
 import EventEmitter from '../lib/safe-event-emitter';
-import { GmailAppMenuItemView, NATIVE_CLASS, INBOXSDK_CLASS, } from '../dom-driver/gmail/views/gmail-app-menu-item-view';
+import { GmailAppMenuItemView, NATIVE_CLASS, INBOXSDK_CLASS, ICON_ELEMENT_SELECTOR, } from '../dom-driver/gmail/views/gmail-app-menu-item-view';
 import { NATIVE_CLASS as PANEL_NATIVE_CLASS, CollapsiblePanelView, } from './collapsible-panel-view';
 import { addCollapsiblePanel } from '../dom-driver/gmail/gmail-driver/add-collapsible-panel';
 import GmailElementGetter from '../dom-driver/gmail/gmail-element-getter';
@@ -80,6 +80,22 @@ export class AppMenuItemView extends EventEmitter {
             }
         }
     }
+    static #isPanelDropdownShown() {
+        const sdkDropdown = document.querySelector('.inboxsdk__menu');
+        if (sdkDropdown) {
+            return true;
+        }
+        const mailDropdown = document.querySelector('.JM');
+        if (mailDropdown && mailDropdown.style.display !== 'none') {
+            return true;
+        }
+        const chatAndSpacesDropdown = document.querySelector('.tP');
+        if (chatAndSpacesDropdown &&
+            chatAndSpacesDropdown.style.display !== 'none') {
+            return true;
+        }
+        return false;
+    }
     static #setUpRouteViewDriverStream(driver) {
         if (AppMenuItemView.#routeViewDriverStream)
             return;
@@ -174,6 +190,7 @@ export class AppMenuItemView extends EventEmitter {
                 // Handle moving cursor out of panel. We use it to enhance the styling since it won't be handled by Gmail
                 const panel = AppMenuItemView.#menuItemToPanelMap.get(nativeMenuItem);
                 panel?.addEventListener('mouseleave', (e) => {
+                    e.stopImmediatePropagation();
                     AppMenuItemView.#menuItemChangeBus.emit([
                         'mouseleave',
                         nativeMenuItem,
@@ -196,10 +213,15 @@ export class AppMenuItemView extends EventEmitter {
                     activePanel.classList.remove(CollapsiblePanelView.elementCss.ACTIVE);
                     activePanel.classList.remove(CollapsiblePanelView.elementCss.HOVER);
                 }
-                // deactivate menu items
+                // deactivate menu items and handle keyboard accessibility
                 for (const menuItem_ of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}`) ?? []) {
                     menuItem_.classList.remove(ACTIVE);
                     menuItem_.classList.remove(HOVER);
+                    // update tabindex
+                    const iconElement = menuItem_.querySelector(ICON_ELEMENT_SELECTOR);
+                    if (iconElement) {
+                        iconElement.tabIndex = menuItem_ === menuItem ? 0 : -1;
+                    }
                 }
                 // activate menu item
                 menuItem.classList.add(ACTIVE);
@@ -250,6 +272,10 @@ export class AppMenuItemView extends EventEmitter {
                     break;
                 }
                 case 'mouseleave': {
+                    // Do not handle blur event when we're in one of the panel's dropdowns
+                    const isPanelDropdownShown = AppMenuItemView.#isPanelDropdownShown();
+                    if (isPanelDropdownShown)
+                        return;
                     const activeMenuItem = AppMenuItemView.#getActiveMenuItem();
                     const activePanel = AppMenuItemView.#getActivePanel();
                     const activeMenuItemPanel = activeMenuItem &&