@inboxsdk/core 1.1.5 → 1.1.7

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-mole-view-driver.js

@@ -1,176 +1,175 @@
-"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 _last = _interopRequireDefault(require("lodash/last"));
-var _ud = require("ud");
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _streamWaitFor = _interopRequireDefault(require("../../../lib/stream-wait-for"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
-var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
-var _isComposeTitlebarLightColor = _interopRequireDefault(require("../is-compose-titlebar-light-color"));
+import last from 'lodash/last';
+import * as Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import kefirStopper from 'kefir-stopper';
+import streamWaitFor from '../../../lib/stream-wait-for';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import findParent from '../../../../common/find-parent';
+import GmailElementGetter from '../gmail-element-getter';
+import isComposeTitleBarLightColor from '../is-compose-titlebar-light-color';
 class GmailMoleViewDriver {
-  constructor(driver, options) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    this; // interface check
-    this._driver = driver;
-    this._element = Object.assign(document.createElement('div'), {
-      className: 'inboxsdk__mole_view ' + (options.className || ''),
-      innerHTML: getHTMLString(options)
-    });
-    if (options.chrome === false) {
-      this._element.classList.add('inboxsdk__mole_view_chromeless');
-    } else {
-      (0, _querySelectorOrFail.default)(this._element, '.inboxsdk__mole_view_titlebar').addEventListener('click', e => {
-        this.setMinimized(!this.getMinimized());
-        e.preventDefault();
-        e.stopPropagation();
-      });
-      const minimizeBtn = (0, _querySelectorOrFail.default)(this._element, '.Hl');
-      minimizeBtn.addEventListener('click', e => {
-        this.setMinimized(true);
-        e.preventDefault();
-        e.stopPropagation();
-      });
-      const maximizeBtn = (0, _querySelectorOrFail.default)(this._element, '.Hk');
-      maximizeBtn.addEventListener('click', e => {
-        this.setMinimized(false);
-        e.preventDefault();
-        e.stopPropagation();
-      });
-      const closeBtn = (0, _querySelectorOrFail.default)(this._element, '.Ha');
-      closeBtn.addEventListener('click', e => {
-        this.destroy();
-        e.preventDefault();
-        e.stopPropagation();
-      });
-      if (options.titleEl) {
-        this._setTitleEl(options.titleEl);
-      } else {
-        this.setTitle(options.title || '');
-      }
-      if (options.minimizedTitleEl) {
-        this._setMinimizedTitleEl(options.minimizedTitleEl);
-      }
-      const titleButtons = options.titleButtons;
-      if (titleButtons) {
-        const titleButtonContainer = (0, _querySelectorOrFail.default)(this._element, '.inboxsdk__mole_title_buttons');
-        const lastChild = titleButtonContainer.lastElementChild;
-        titleButtons.forEach(titleButton => {
-          const img = document.createElement('img');
-          if (titleButton.iconClass) {
-            img.className = titleButton.iconClass;
-          }
-          img.setAttribute('data-tooltip', titleButton.title);
-          img.addEventListener('click', event => {
-            event.preventDefault();
-            event.stopPropagation();
-            titleButton.onClick.call(null);
-          });
-          img.src = titleButton.iconUrl;
-          titleButtonContainer.insertBefore(img, lastChild);
+    _driver;
+    _eventStream = kefirBus();
+    _stopper = kefirStopper();
+    _element;
+    constructor(driver, options) {
+        this; // interface check
+        this._driver = driver;
+        this._element = Object.assign(document.createElement('div'), {
+            className: 'inboxsdk__mole_view ' + (options.className || ''),
+            innerHTML: getHTMLString(options),
         });
-      }
+        if (options.chrome === false) {
+            this._element.classList.add('inboxsdk__mole_view_chromeless');
+        }
+        else {
+            querySelector(this._element, '.inboxsdk__mole_view_titlebar').addEventListener('click', (e) => {
+                this.setMinimized(!this.getMinimized());
+                e.preventDefault();
+                e.stopPropagation();
+            });
+            const minimizeBtn = querySelector(this._element, '.Hl');
+            minimizeBtn.addEventListener('click', (e) => {
+                this.setMinimized(true);
+                e.preventDefault();
+                e.stopPropagation();
+            });
+            const maximizeBtn = querySelector(this._element, '.Hk');
+            maximizeBtn.addEventListener('click', (e) => {
+                this.setMinimized(false);
+                e.preventDefault();
+                e.stopPropagation();
+            });
+            const closeBtn = querySelector(this._element, '.Ha');
+            closeBtn.addEventListener('click', (e) => {
+                this.destroy();
+                e.preventDefault();
+                e.stopPropagation();
+            });
+            if (options.titleEl) {
+                this._setTitleEl(options.titleEl);
+            }
+            else {
+                this.setTitle(options.title || '');
+            }
+            if (options.minimizedTitleEl) {
+                this._setMinimizedTitleEl(options.minimizedTitleEl);
+            }
+            const titleButtons = options.titleButtons;
+            if (titleButtons) {
+                const titleButtonContainer = querySelector(this._element, '.inboxsdk__mole_title_buttons');
+                const lastChild = titleButtonContainer.lastElementChild;
+                titleButtons.forEach((titleButton) => {
+                    const img = document.createElement('img');
+                    if (titleButton.iconClass) {
+                        img.className = titleButton.iconClass;
+                    }
+                    img.setAttribute('data-tooltip', titleButton.title);
+                    img.addEventListener('click', (event) => {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        titleButton.onClick.call(null);
+                    });
+                    img.src = titleButton.iconUrl;
+                    titleButtonContainer.insertBefore(img, lastChild);
+                });
+            }
+        }
+        querySelector(this._element, '.inboxsdk__mole_view_content').appendChild(options.el);
     }
-    (0, _querySelectorOrFail.default)(this._element, '.inboxsdk__mole_view_content').appendChild(options.el);
-  }
-  show() {
-    const doShow = moleParent => {
-      moleParent.insertBefore(this._element, (0, _last.default)(moleParent.children));
-      const dw = (0, _findParent.default)(moleParent, el => el.nodeName === 'DIV' && el.classList.contains('dw'));
-      if (dw) {
-        dw.classList.add('inboxsdk__moles_in_use');
-      }
-    };
-    const moleParent = _gmailElementGetter.default.getMoleParent();
-    if (moleParent) {
-      doShow(moleParent);
-    } else {
-      const moleParentReadyEvent = (0, _streamWaitFor.default)(() => _gmailElementGetter.default.getMoleParent()).takeUntilBy(this._stopper).onValue(doShow);
-
-      // For some users, the mole parent element seems to be lazily loaded by
-      // Gmail only once the user has used a compose view or a thread view.
-      // If the gmail mode has settled, we've been loaded for 10 seconds, and
-      // we don't have the mole parent yet, then force the mole parent to load
-      // by opening a compose view and then closing it.
-
-      _kefir.default.fromPromise(_gmailElementGetter.default.waitForGmailModeToSettle()).flatMap(() => {
-        // delay until we've passed TimestampOnReady + 10 seconds
-        return this._driver.delayToTimeAfterReady(10 * 1000);
-      }).takeUntilBy(moleParentReadyEvent).takeUntilBy(this._stopper).onValue(() => {
-        this._driver.getLogger().eventSdkActive('mole parent force load');
-        this._driver.openNewComposeViewDriver().then(gmailComposeView => {
-          gmailComposeView.close();
-        });
-      });
+    show() {
+        const doShow = (moleParent) => {
+            moleParent.insertBefore(this._element, last(moleParent.children));
+            const dw = findParent(moleParent, (el) => el.nodeName === 'DIV' && el.classList.contains('dw'));
+            if (dw) {
+                dw.classList.add('inboxsdk__moles_in_use');
+            }
+        };
+        const moleParent = GmailElementGetter.getMoleParent();
+        if (moleParent) {
+            doShow(moleParent);
+        }
+        else {
+            const moleParentReadyEvent = streamWaitFor(() => GmailElementGetter.getMoleParent())
+                .takeUntilBy(this._stopper)
+                .onValue(doShow);
+            // For some users, the mole parent element seems to be lazily loaded by
+            // Gmail only once the user has used a compose view or a thread view.
+            // If the gmail mode has settled, we've been loaded for 10 seconds, and
+            // we don't have the mole parent yet, then force the mole parent to load
+            // by opening a compose view and then closing it.
+            Kefir.fromPromise(GmailElementGetter.waitForGmailModeToSettle())
+                .flatMap(() => {
+                // delay until we've passed TimestampOnReady + 10 seconds
+                return this._driver.delayToTimeAfterReady(10 * 1000);
+            })
+                .takeUntilBy(moleParentReadyEvent)
+                .takeUntilBy(this._stopper)
+                .onValue(() => {
+                this._driver.getLogger().eventSdkActive('mole parent force load');
+                this._driver.openNewComposeViewDriver().then((gmailComposeView) => {
+                    gmailComposeView.close();
+                });
+            });
+        }
+    }
+    setMinimized(minimized) {
+        if (minimized) {
+            this._element.classList.add('inboxsdk__minimized');
+            this._eventStream.emit({
+                eventName: 'minimize',
+            });
+        }
+        else {
+            this._element.classList.remove('inboxsdk__minimized');
+            // If the mole is off the left edge of the screen, then move it to the
+            // right.
+            const moleParent = this._element.parentElement;
+            if (moleParent && this._element.getBoundingClientRect().left < 0) {
+                moleParent.insertBefore(this._element, last(moleParent.children));
+            }
+            this._eventStream.emit({
+                eventName: 'restore',
+            });
+        }
     }
-  }
-  setMinimized(minimized) {
-    if (minimized) {
-      this._element.classList.add('inboxsdk__minimized');
-      this._eventStream.emit({
-        eventName: 'minimize'
-      });
-    } else {
-      this._element.classList.remove('inboxsdk__minimized');
-
-      // If the mole is off the left edge of the screen, then move it to the
-      // right.
-      const moleParent = this._element.parentElement;
-      if (moleParent && this._element.getBoundingClientRect().left < 0) {
-        moleParent.insertBefore(this._element, (0, _last.default)(moleParent.children));
-      }
-      this._eventStream.emit({
-        eventName: 'restore'
-      });
+    getMinimized() {
+        return this._element.classList.contains('inboxsdk__minimized');
     }
-  }
-  getMinimized() {
-    return this._element.classList.contains('inboxsdk__minimized');
-  }
-  setTitle(text) {
-    const titleElement = this._element.querySelector('.inboxsdk__mole_view_titlebar h2.inboxsdk__mole_default');
-    if (titleElement) {
-      titleElement.textContent = text;
+    setTitle(text) {
+        const titleElement = this._element.querySelector('.inboxsdk__mole_view_titlebar h2.inboxsdk__mole_default');
+        if (titleElement) {
+            titleElement.textContent = text;
+        }
     }
-  }
-  _setTitleEl(el) {
-    const container = this._element.querySelector('.inboxsdk__mole_view_titlebar h2.inboxsdk__mole_default');
-    if (container) {
-      container.textContent = '';
-      container.appendChild(el);
+    _setTitleEl(el) {
+        const container = this._element.querySelector('.inboxsdk__mole_view_titlebar h2.inboxsdk__mole_default');
+        if (container) {
+            container.textContent = '';
+            container.appendChild(el);
+        }
     }
-  }
-  _setMinimizedTitleEl(el) {
-    const container = this._element.querySelector('.inboxsdk__mole_view_titlebar h2.inboxsdk__mole_minimized');
-    if (container) {
-      this._element.classList.add('inboxsdk__mole_use_minimize_title');
-      container.textContent = '';
-      container.appendChild(el);
+    _setMinimizedTitleEl(el) {
+        const container = this._element.querySelector('.inboxsdk__mole_view_titlebar h2.inboxsdk__mole_minimized');
+        if (container) {
+            this._element.classList.add('inboxsdk__mole_use_minimize_title');
+            container.textContent = '';
+            container.appendChild(el);
+        }
+    }
+    getEventStream() {
+        return this._eventStream;
+    }
+    destroy() {
+        this._element.remove();
+        this._eventStream.end();
+        this._stopper.destroy();
     }
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  destroy() {
-    this._element.remove();
-    this._eventStream.end();
-    this._stopper.destroy();
-  }
 }
-var _default = (0, _ud.defn)(module, GmailMoleViewDriver);
-exports.default = _default;
+export default GmailMoleViewDriver;
 function getHTMLString(options) {
-  const originalView = !(0, _isComposeTitlebarLightColor.default)();
-  return `
+    const originalView = !isComposeTitleBarLightColor();
+    return `
     <div class="inboxsdk__mole_view_inner ${originalView ? 'inboxsdk__original_view' : ''}">
       ${getTitleHTMLString(options)}
       <div class="inboxsdk__mole_view_content ${originalView ? 'inboxsdk__original_view' : ''}"></div>
@@ -178,11 +177,12 @@ function getHTMLString(options) {
   `;
 }
 function getTitleHTMLString(options) {
-  if (options.chrome === false) {
-    return '';
-  } else {
-    const originalView = !(0, _isComposeTitlebarLightColor.default)();
-    return `
+    if (options.chrome === false) {
+        return '';
+    }
+    else {
+        const originalView = !isComposeTitleBarLightColor();
+        return `
       <div class="inboxsdk__mole_view_titlebar${originalView ? ' inboxsdk__original_view' : ''}">
         <div class="inboxsdk__mole_title_buttons${originalView ? ' inboxsdk__original_view' : ''}">
           <img class="Hl" src="images/cleardot.gif" alt="Minimize" aria-label="Minimize" data-tooltip-delay="800" data-tooltip="Minimize"><img class="Hk" id=":rp" src="images/cleardot.gif" alt="Minimize" aria-label="Maximize" data-tooltip-delay="800" data-tooltip="Maximize"><!--<img class="Hq aUG" src="images/cleardot.gif" alt="Pop-out" aria-label="Full-screen (Shift for Pop-out)" data-tooltip-delay="800" data-tooltip="Full-screen (Shift for Pop-out)">--><img class="Ha" src="images/cleardot.gif" alt="Close" aria-label="Close" data-tooltip-delay="800" data-tooltip="Close">
@@ -190,5 +190,5 @@ function getTitleHTMLString(options) {
         <h2 class="inboxsdk__mole_default"></h2>
         <h2 class="inboxsdk__mole_minimized"></h2>
       </div>`;
-  }
-}
+    }
+}

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

@@ -0,0 +1,47 @@
+import type { Bus } from 'kefir-bus';
+type BoundingBox = [
+    {
+        x: number;
+        y: number;
+    },
+    {
+        x: number;
+        y: number;
+    }
+];
+type PositionType = 'left' | 'right' | 'top' | 'bottom';
+type BoundingBoxWrapper = {
+    type: PositionType;
+    value: BoundingBox;
+    smallestDistance?: number;
+};
+export default class GmailTooltipView {
+    _element: HTMLElement;
+    _eventStream: Bus<any, unknown>;
+    _stopper: import("kefir-stopper").Stopper;
+    constructor(options?: Record<string, any>);
+    destroy(): void;
+    getElement(): HTMLElement;
+    getStopper(): import("kefir-stopper").Stopper;
+    getEventStream(): Bus<any, unknown>;
+    anchor(anchorElement: HTMLElement, placementOptions: Record<string, any>): void;
+    getContainerElement(): HTMLElement;
+    getContentElement(): HTMLElement;
+    close(): void;
+    _setupElement(options: Record<string, any>): void;
+    _getAutomaticPlacementBoundingBox(targetBoundingBox: ClientRect, tipBoundingBox: ClientRect): BoundingBoxWrapper;
+    _getTopPositionBoundingBox(targetBoundingBox: ClientRect, tipBoundingBox: ClientRect): BoundingBox;
+    _getRightPositionBoundingBox(targetBoundingBox: ClientRect, tipBoundingBox: ClientRect): BoundingBox;
+    _getBottomPositionBoundingBox(targetBoundingBox: ClientRect, tipBoundingBox: ClientRect): BoundingBox;
+    _getLeftPositionBoundingBox(targetBoundingBox: ClientRect, tipBoundingBox: ClientRect): BoundingBox;
+    _figureOutBestBoundingBox(boundingBoxWrappers: Array<BoundingBoxWrapper>): BoundingBoxWrapper;
+    _getSmallestDistance(boundingBoxWrapper: BoundingBoxWrapper): number;
+    _containBoundingBox(boundingBox: BoundingBox, offset?: {
+        left?: number;
+        top?: number;
+    }): BoundingBox;
+    _setPositionAtBoundingBox(boundingBox: BoundingBox): void;
+    _setArrowPosition(type: PositionType, containedBoundingBox: BoundingBox, targetBoundingBox: ClientRect): void;
+}
+export {};
+//# sourceMappingURL=gmail-tooltip-view.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-tooltip-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-tooltip-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/widgets/gmail-tooltip-view.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AASrC,KAAK,WAAW,GAAG;IACjB;QACE,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX;IACD;QACE,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX;CACF,CAAC;AACF,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACxD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,QAAQ,EAAG,WAAW,CAAC;IACvB,YAAY,EAAE,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAc;IAC7C,QAAQ,kCAAkB;gBAEd,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;IAI7C,OAAO;IAQP,UAAU,IAAI,WAAW;IAIzB,UAAU;IAIV,cAAc;IAId,MAAM,CAAC,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IA2DxE,mBAAmB,IAAI,WAAW;IAIlC,iBAAiB,IAAI,WAAW;IAIhC,KAAK;IAIL,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAiG1C,iCAAiC,CAC/B,iBAAiB,EAAE,UAAU,EAC7B,cAAc,EAAE,UAAU,GACzB,kBAAkB;IAsCrB,0BAA0B,CACxB,iBAAiB,EAAE,UAAU,EAC7B,cAAc,EAAE,UAAU,GACzB,WAAW;IAmBd,4BAA4B,CAC1B,iBAAiB,EAAE,UAAU,EAC7B,cAAc,EAAE,UAAU,GACzB,WAAW;IAkBd,6BAA6B,CAC3B,iBAAiB,EAAE,UAAU,EAC7B,cAAc,EAAE,UAAU,GACzB,WAAW;IAkBd,2BAA2B,CACzB,iBAAiB,EAAE,UAAU,EAC7B,cAAc,EAAE,UAAU,GACzB,WAAW;IAmBd,yBAAyB,CACvB,mBAAmB,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAC7C,kBAAkB;IAYrB,oBAAoB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,MAAM;IAcpE,mBAAmB,CACjB,WAAW,EAAE,WAAW,EACxB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,GACA,WAAW;IA2Cd,yBAAyB,CAAC,WAAW,EAAE,WAAW;IAKlD,iBAAiB,CACf,IAAI,EAAE,YAAY,EAClB,oBAAoB,EAAE,WAAW,EACjC,iBAAiB,EAAE,UAAU;CAoChC"}