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

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/setupLinkPopovers.js

@@ -0,0 +1,109 @@
+import * as Kefir from 'kefir';
+import toItemWithLifetimeStream from '../../../../lib/toItemWithLifetimeStream';
+import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
+import SafeEventEmitter from '../../../../lib/safe-event-emitter';
+class LinkPopOver extends SafeEventEmitter {
+    _linkEl;
+    _popOverEl;
+    constructor(linkEl, popOverEl) {
+        super();
+        this._linkEl = linkEl;
+        this._popOverEl = popOverEl;
+    }
+    getLinkElement() {
+        return this._linkEl;
+    }
+    addSection() {
+        let containerEl = this._popOverEl.querySelector('.inboxsdk__linkPopOver_section_container');
+        if (!containerEl) {
+            containerEl = document.createElement('div');
+            containerEl.className = 'inboxsdk__linkPopOver_section_container';
+            this._popOverEl.appendChild(containerEl);
+        }
+        return new LinkPopOverSection(this, containerEl);
+    }
+}
+class LinkPopOverSection {
+    _el = document.createElement('div');
+    constructor(linkPopOver, containerEl) {
+        this._el.className = 'inboxsdk__linkPopOver_section';
+        containerEl.appendChild(this._el);
+        linkPopOver.on('close', () => {
+            this.remove();
+        });
+    }
+    getElement() {
+        return this._el;
+    }
+    remove() {
+        this._el.remove();
+    }
+}
+function getSelectedLink(gmailComposeView) {
+    const focusNode = document.getSelection()?.focusNode;
+    if (!focusNode) {
+        return null;
+    }
+    if (focusNode instanceof Text) {
+        if (focusNode.previousSibling instanceof HTMLAnchorElement &&
+            document.getSelection()?.anchorOffset === 0) {
+            // For capturing link creation cases where the cursor ends up behind the link
+            return focusNode.previousSibling;
+        }
+        else if (focusNode.nextSibling instanceof HTMLAnchorElement) {
+            // google's popover appears when clicking just in front of a link as well
+            return focusNode.nextSibling;
+        }
+    }
+    return findLinkParent(focusNode, gmailComposeView.getBodyElement());
+}
+function findLinkParent(node, composeBody) {
+    if (node instanceof HTMLAnchorElement) {
+        return node;
+    }
+    else if (!node || node === composeBody) {
+        return null;
+    }
+    else {
+        return findLinkParent(node.parentElement, composeBody);
+    }
+}
+export default function setupLinkPopOvers(gmailComposeView) {
+    return toItemWithLifetimeStream(gmailComposeView
+        .getGmailDriver()
+        .getTagTree()
+        .getAllByTag('composeLinkPopOverContainer')).flatMap(({ el, removalStream }) => {
+        const popOverEl = el.getValue();
+        let existingLinkPopOver = null;
+        removalStream.onValue(() => {
+            if (existingLinkPopOver) {
+                existingLinkPopOver.emit('close');
+                existingLinkPopOver = null;
+            }
+        });
+        return makeMutationObserverChunkedStream(popOverEl, {
+            attributes: true,
+            attributeFilter: ['style'],
+        })
+            .toProperty(() => null)
+            .takeUntilBy(removalStream)
+            .flatMap(() => {
+            if (existingLinkPopOver) {
+                existingLinkPopOver.emit('close');
+                existingLinkPopOver = null;
+            }
+            if (popOverEl.style.visibility === 'visible') {
+                const linkEl = getSelectedLink(gmailComposeView);
+                if (linkEl && gmailComposeView.getElement().contains(linkEl)) {
+                    const linkPopOver = new LinkPopOver(linkEl, popOverEl);
+                    existingLinkPopOver = linkPopOver;
+                    return Kefir.constant({
+                        eventName: 'linkPopOver',
+                        data: linkPopOver,
+                    });
+                }
+            }
+            return Kefir.never();
+        });
+    });
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-message-view/attachment-icon.js

@@ -0,0 +1,5 @@
+import { defn } from 'ud';
+import SafeEventEmitter from '../../../../lib/safe-event-emitter';
+class AttachmentIcon extends SafeEventEmitter {
+}
+export default defn(module, AttachmentIcon);