@inboxsdk/core 1.2.4 → 1.2.7

package/src/platform-implementation-js/dom-driver/gmail/widgets/buttons/create-parent-accessory-button-view.js

@@ -1,58 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import * as Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import kefirStopper from 'kefir-stopper';
-export default class CreateParentAccessoryButtonView {
-    _element = document.createElement('div');
-    _eventStream = kefirBus();
-    _stopper = kefirStopper();
-    constructor() {
-        this._setupElement();
-        this._setupEventStream();
-    }
-    addClass(_className) { }
-    removeClass(_className) { }
-    activate() {
-        const innerButtonElement = this._element.firstElementChild;
-        if (innerButtonElement) {
-            innerButtonElement.classList.add('aj1');
-        }
-    }
-    deactivate() {
-        const innerButtonElement = this._element.firstElementChild;
-        if (innerButtonElement) {
-            innerButtonElement.classList.remove('aj1');
-        }
-    }
-    destroy() {
-        this._element.remove();
-        this._eventStream.end();
-        this._stopper.destroy();
-    }
-    getElement() {
-        return this._element;
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    setEnabled() {
-        throw new Error('not implemented');
-    }
-    update() {
-        // noop
-    }
-    _setupElement() {
-        this._element.setAttribute('class', 'Yh inboxsdk__navItem_parent_accessory_button');
-        this._element.setAttribute('role', 'button');
-        this._element.setAttribute('tabindex', '0');
-        this._element.setAttribute('type', 'button');
-    }
-    _setupEventStream() {
-        const clickEventStream = Kefir.fromEvents(this._element, 'click');
-        clickEventStream.onValue((event) => {
-            event.stopPropagation();
-            event.preventDefault();
-        });
-        this._eventStream.plug(clickEventStream.map((event) => ({ eventName: 'click', domEvent: event })));
-    }
-}

package/src/platform-implementation-js/dom-driver/gmail/widgets/buttons/inbox-dropdown-button-view.js

@@ -1,23 +0,0 @@
-import GenericButtonView from '../../../../lib/dom/generic-button-view';
-export default class InboxDropdownButtonView extends GenericButtonView {
-    constructor() {
-        const element = document.createElement('div');
-        element.setAttribute('class', 'aAE qi J-J5-Ji J-JN-M-I');
-        element.innerHTML = '<div class="J-J5-Ji J-JN-M-I-JG">&nbsp;</div>';
-        element.addEventListener('mouseenter', function () {
-            element.classList.add('J-JN-M-I-JW');
-        });
-        element.addEventListener('mouseleave', function () {
-            element.classList.remove('J-JN-M-I-JW');
-        });
-        super(element);
-    }
-    activate() {
-        this.getElement().classList.add('J-JN-M-I-JO');
-        this.getElement().classList.add('J-JN-M-I-Kq');
-    }
-    deactivate() {
-        this.getElement().classList.remove('J-JN-M-I-JO');
-        this.getElement().classList.remove('J-JN-M-I-Kq');
-    }
-}

package/src/platform-implementation-js/dom-driver/gmail/widgets/buttons/modal-button-view.js

@@ -1,101 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import includes from 'lodash/includes';
-import * as Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-export default class ModalButtonView {
-    _element = document.createElement('button');
-    _title;
-    _tooltip;
-    _buttonColor;
-    _eventStream = kefirBus();
-    _isEnabled;
-    constructor(options) {
-        this._isEnabled = options.enabled !== false;
-        this._title = options.text || options.title;
-        this._tooltip = options.tooltip || options.title;
-        this._buttonColor = options.buttonColor || 'default';
-        this._createElement(options);
-        this._eventStream = kefirBus();
-        this._setupEventStream();
-    }
-    addClass(_className) { }
-    removeClass(_className) { }
-    activate() { }
-    deactivate() { }
-    destroy() {
-        this._element.remove();
-        this._eventStream.end();
-    }
-    getElement() {
-        return this._element;
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    setEnabled(value) {
-        this._setEnabled(value);
-    }
-    update() {
-        throw new Error('not implemented');
-    }
-    isEnabled() {
-        return this._isEnabled;
-    }
-    _createElement(options) {
-        if (options.isPrimary)
-            this._element.classList.add('J-at1-auR');
-        this._element.innerText = options.text || options.title || '';
-        if (options.tooltip) {
-            this._element.setAttribute('aria-label', options.tooltip);
-        }
-        this._element.setAttribute('role', 'button');
-        this._element.setAttribute('tabindex', '0');
-        if (options.tooltip || options.title) {
-            this._element.setAttribute('data-tooltip', String(options.tooltip || options.title));
-        }
-    }
-    _setEnabled(value) {
-        if (this._isEnabled === value) {
-            return;
-        }
-        this._isEnabled = value;
-        if (this._isEnabled) {
-            this._element.classList.remove('inboxsdk__button_disabled');
-        }
-        else {
-            this._element.classList.add('inboxsdk__button_disabled');
-        }
-        this._eventStream.emit({
-            eventName: 'enabledChanged',
-            isEnabled: this._isEnabled,
-        });
-    }
-    _setupEventStream() {
-        const clickEventStream = Kefir.fromEvents(this._element, 'click');
-        clickEventStream.onValue(function (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        });
-        this._eventStream.plug(clickEventStream
-            .filter(() => this.isEnabled())
-            .map(function (event) {
-            return {
-                eventName: 'click',
-                domEvent: event,
-            };
-        }));
-        const isEnterOrSpace = (event) => includes([32 /* space */, 13 /* enter */], event.which);
-        const keydownEventStream = Kefir.fromEvents(this._element, 'keydown').filter(() => this.isEnabled());
-        const enterEventStream = keydownEventStream.filter(isEnterOrSpace);
-        this._eventStream.plug(enterEventStream.map(function (event) {
-            return {
-                eventName: 'click',
-                domEvent: event,
-            };
-        }));
-        enterEventStream.onValue(function (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        });
-    }
-}

package/src/platform-implementation-js/dom-driver/gmail/widgets/buttons/more-dropdown-button-view.js

@@ -1,30 +0,0 @@
-import GenericButtonView from '../../../../lib/dom/generic-button-view';
-export default class MoreDropdownButtonView extends GenericButtonView {
-    _isActive = false;
-    constructor() {
-        super(document.createElement('div'));
-        const element = this._element;
-        element.setAttribute('class', 'nL aig');
-        const child = document.createElement('div');
-        child.setAttribute('class', 'pM aj0');
-        element.appendChild(child);
-        element.addEventListener('click', () => {
-            this._isActive = true;
-        });
-        element.addEventListener('mouseenter', () => {
-            child.classList.add('aj1');
-        });
-        element.addEventListener('mouseleave', () => {
-            if (!this._isActive) {
-                child.classList.remove('aj1');
-            }
-        });
-    }
-    activate() {
-        this.getElement().children[0].classList.add('aj1');
-    }
-    deactivate() {
-        this.getElement().children[0].classList.remove('aj1');
-        this._isActive = false;
-    }
-}

package/src/platform-implementation-js/dom-driver/gmail/widgets/buttons/more-parent-accessory-button-view.js

@@ -1,10 +0,0 @@
-import CreateParentAccessoryButtonView from './create-parent-accessory-button-view';
-export default class MoreParentAccessoryButtonView extends CreateParentAccessoryButtonView {
-    constructor() {
-        super();
-        // New Gmail left nav does not have a "more" parent level accessory icon (only "create").
-        // So we extend the CreateParentAccessoryButtonView and manually change the background-image.
-        this.getElement().style.backgroundImage =
-            'url(https://www.gstatic.com/images/icons/material/system_gm/2x/more_vert_black_20dp.png)';
-    }
-}

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

@@ -1,42 +0,0 @@
-import isEqual from 'lodash/isEqual';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-class GmailActionButtonView {
-    _element;
-    _actionDescriptor;
-    constructor() {
-        this._element = document.createElement('div');
-        this._element.tabIndex = 0;
-        this._element.setAttribute('role', 'button');
-        this._element.className = 'inboxsdk__gmail_action ';
-        this._element.innerHTML = `
-			<div>
-			</div>`;
-        this._actionDescriptor = null;
-    }
-    getElement() {
-        return this._element;
-    }
-    updateDescriptor(actionButtonDescriptor) {
-        if (!actionButtonDescriptor) {
-            this._actionDescriptor = actionButtonDescriptor;
-            return;
-        }
-        if (isEqual(this._actionDescriptor, actionButtonDescriptor)) {
-            return;
-        }
-        this._updateTitle(actionButtonDescriptor.title);
-        this._element.className =
-            'inboxsdk__gmail_action ' + (actionButtonDescriptor.className || '');
-        this._actionDescriptor = actionButtonDescriptor;
-    }
-    setOnClick(callback) {
-        this._element.onclick = callback;
-    }
-    _updateTitle(title) {
-        if (this._actionDescriptor && this._actionDescriptor.title === title) {
-            return;
-        }
-        querySelector(this._element, 'div').textContent = title;
-    }
-}
-export default GmailActionButtonView;

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

@@ -1,22 +0,0 @@
-import blockAndReemiteKeyboardEvents from '../../../lib/dom/block-and-reemit-keyboard-events';
-export default class GmailDropdownView {
-    _containerElement;
-    _contentElement;
-    constructor() {
-        this._containerElement = document.createElement('div');
-        this._containerElement.setAttribute('class', 'inboxsdk__menu');
-        this._contentElement = document.createElement('div');
-        this._contentElement.setAttribute('class', 'inboxsdk__menuContent');
-        this._containerElement.appendChild(this._contentElement);
-        blockAndReemiteKeyboardEvents(this._containerElement);
-    }
-    destroy() {
-        this._containerElement.remove();
-    }
-    getContainerElement() {
-        return this._containerElement;
-    }
-    getContentElement() {
-        return this._contentElement;
-    }
-}

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

@@ -1,112 +0,0 @@
-import isEqual from 'lodash/isEqual';
-import updateIcon from '../../../driver-common/update-icon';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-class GmailLabelView {
-    _element;
-    _labelDescriptor;
-    _iconSettings;
-    constructor(opts = {}) {
-        this._element = document.createElement('div');
-        this._element.className =
-            'inboxsdk__gmail_label ar as ' + (opts.classes || []).join(' ');
-        this._element.innerHTML = `
-			<div class="at">
-				<div class="au">
-					<div class="av"></div>
-				</div>
-			</div>`;
-        this._labelDescriptor = {};
-        this._iconSettings = {};
-    }
-    getElement() {
-        return this._element;
-    }
-    updateLabelDescriptor(labelDescriptor) {
-        this._handleNewLabelDescriptor(labelDescriptor);
-    }
-    _handleNewLabelDescriptor(labelDescriptor) {
-        if (!labelDescriptor) {
-            this._labelDescriptor = {};
-            return;
-        }
-        labelDescriptor = Object.assign({
-            foregroundColor: 'rgb(102, 102, 102)',
-            //dark grey
-            backgroundColor: 'rgb(221, 221, 221)',
-            //light grey
-            maxWidth: '90px',
-        }, labelDescriptor);
-        if (isEqual(this._labelDescriptor, labelDescriptor)) {
-            return;
-        }
-        updateIcon(this._iconSettings, querySelector(this._element, '.at'), false, labelDescriptor.iconClass, labelDescriptor.iconUrl, undefined, labelDescriptor.iconHtml);
-        if (labelDescriptor.iconClass ||
-            labelDescriptor.iconUrl ||
-            labelDescriptor.iconHtml) {
-            this._element.classList.add('inboxsdk__label_has_icon');
-        }
-        else {
-            this._element.classList.remove('inboxsdk__label_has_icon');
-        }
-        this._updateBackgroundColor(labelDescriptor.backgroundColor);
-        this._updateForegroundColor(labelDescriptor.foregroundColor);
-        this._updateIconBackgroundColor(labelDescriptor.iconBackgroundColor);
-        this._updateTitle(labelDescriptor.title, labelDescriptor.titleHtml);
-        this._updateTextMaxWidth(labelDescriptor.maxWidth);
-        this._labelDescriptor = labelDescriptor;
-    }
-    _updateTextMaxWidth(maxWidth) {
-        if (this._labelDescriptor.maxWidth === maxWidth) {
-            return;
-        }
-        const childEl = this._element.querySelector('.av');
-        if (childEl) {
-            childEl.style.maxWidth = maxWidth;
-        }
-    }
-    _updateBackgroundColor(backgroundColor) {
-        if (this._labelDescriptor.backgroundColor === backgroundColor) {
-            return;
-        }
-        const elToChange = querySelector(this._element, '.at');
-        elToChange.style.backgroundColor = backgroundColor;
-        elToChange.style.borderColor = backgroundColor;
-        querySelector(this._element, '.au').style.borderColor = backgroundColor;
-    }
-    _updateForegroundColor(foregroundColor) {
-        if (this._labelDescriptor.foregroundColor === foregroundColor) {
-            return;
-        }
-        querySelector(this._element, '.at').style.color = foregroundColor;
-    }
-    _updateIconBackgroundColor(iconBackgroundColor) {
-        const icon = this.getElement().querySelector('.inboxsdk__button_icon');
-        if (icon) {
-            icon.style.backgroundColor = iconBackgroundColor || '';
-        }
-    }
-    _updateTitle(title, titleHtml) {
-        if (this._labelDescriptor.title === title &&
-            this._labelDescriptor.titleHtml === titleHtml) {
-            return;
-        }
-        if (titleHtml) {
-            querySelector(this._element, '.au').innerHTML = titleHtml || '';
-            return;
-        }
-        let contentEl;
-        try {
-            contentEl = querySelector(this._element, '.av');
-        }
-        catch (e) {
-            const outerEl = querySelector(this._element, '.au');
-            outerEl.innerHTML = '';
-            contentEl = document.createElement('div');
-            contentEl.setAttribute('class', 'av');
-            outerEl.appendChild(contentEl);
-        }
-        contentEl.textContent = title;
-        this._element.children[0].setAttribute('data-tooltip', title);
-    }
-}
-export default GmailLabelView;

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

@@ -1,122 +0,0 @@
-import sortBy from 'lodash/sortBy';
-import kefirBus from 'kefir-bus';
-import ModalButtonView from './buttons/modal-button-view';
-import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-class GmailModalViewDriver {
-    _eventStream;
-    _modalContainerElement;
-    constructor(options) {
-        this._setupModalContainerElement(options);
-        this._processOptions(options);
-        this._eventStream = kefirBus();
-        this._setupEventStream();
-    }
-    destroy() {
-        this._modalContainerElement.remove();
-        this._eventStream.end();
-    }
-    getModalContainerElement() {
-        return this._modalContainerElement;
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    _processOptions(options) {
-        this.setTitle(options.title);
-        this.setContentElement(options.el);
-        this.setButtons(options.buttons || []);
-        this.setChromeClass(options.chrome, options.showCloseButton, (options.buttons || []).length > 0);
-    }
-    setTitle(title) {
-        const heading = querySelector(this._modalContainerElement, '[role=heading]');
-        if (!title) {
-            heading.style.display = 'none';
-        }
-        else {
-            heading.style.display = '';
-            heading.textContent = title;
-        }
-    }
-    setContentElement(element) {
-        const content = querySelector(this._modalContainerElement, '.inboxsdk__modal_content');
-        content.innerHTML = '';
-        if (typeof element === 'string') {
-            content.innerHTML = element;
-        }
-        else if (element instanceof Element) {
-            content.appendChild(element);
-        }
-    }
-    setButtons(buttons) {
-        const buttonsEl = querySelector(this._modalContainerElement, '.inboxsdk__modal_buttons');
-        buttonsEl.innerHTML = '';
-        if (buttons.length === 0) {
-            buttonsEl.style.display = 'none';
-            this._modalContainerElement.classList.add('inboxsdk__modal_content_no_buttons');
-        }
-        else {
-            buttonsEl.style.display = '';
-            this._modalContainerElement.classList.remove('inboxsdk__modal_content_no_buttons');
-        }
-        sortBy(buttons, (button) => button.orderHint || 0).forEach(this._addButton.bind(this, buttonsEl));
-    }
-    setChromeClass(chrome, showCloseButton, hasButtons) {
-        this._modalContainerElement.classList.remove('inboxsdk__modal_hideSides');
-        this._modalContainerElement.classList.remove('inboxsdk__modal_hideTop');
-        this._modalContainerElement.classList.remove('inboxsdk__modal_hideBottom');
-        if (chrome === false) {
-            this._modalContainerElement.classList.add('inboxsdk__modal_hideSides');
-            if (!showCloseButton) {
-                this._modalContainerElement.classList.add('inboxsdk__modal_hideTop');
-            }
-            if (!hasButtons) {
-                this._modalContainerElement.classList.add('inboxsdk__modal_hideBottom');
-            }
-        }
-    }
-    _setupModalContainerElement(options) {
-        const constrainTitleWidthTopRowClass = options.constrainTitleWidth
-            ? 'inboxsdk__modal_toprow--constrain-title-width'
-            : '';
-        this._modalContainerElement = document.createElement('div');
-        this._modalContainerElement.className = 'inboxsdk__modal_fullscreen';
-        var htmlString = `
-    <div class="Kj-JD inboxsdk__modal_container" tabindex="0" role="alertdialog">
-      <div class="Kj-JD-K7 Kj-JD-K7-GIHV4 inboxsdk__modal_toprow ${constrainTitleWidthTopRowClass}">
-        <span class="Kj-JD-K7-K0" role="heading"></span>
-        <span class="Kj-JD-K7-Jq inboxsdk__modal_close" tabindex="0" role="button"></span>
-      </div>
-      <div class="Kj-JD-Jz inboxsdk__modal_content">
-      </div>
-      <div class="Kj-JD-Jl inboxsdk__modal_buttons"></div>
-    </div>
-    `;
-        this._modalContainerElement.innerHTML = htmlString;
-    }
-    _addButton(buttonContainer, buttonDescriptor) {
-        const buttonOptions = { ...buttonDescriptor };
-        ['blue', 'red', 'green'].includes(buttonDescriptor.color) &&
-            buttonDescriptor.color;
-        buttonOptions.isPrimary = buttonDescriptor.type === 'PRIMARY_ACTION';
-        const buttonView = new ModalButtonView(buttonOptions);
-        buttonOptions.buttonView = buttonView;
-        new BasicButtonViewController(buttonOptions);
-        if (buttonDescriptor.type === 'PRIMARY_ACTION') {
-            buttonContainer.insertBefore(buttonView.getElement(), buttonContainer.firstElementChild);
-        }
-        else {
-            buttonContainer.appendChild(buttonView.getElement());
-        }
-    }
-    _setupEventStream() {
-        const closeElement = querySelector(this._modalContainerElement, '.inboxsdk__modal_close');
-        closeElement.addEventListener('click', (event) => {
-            this._eventStream.emit({
-                eventName: 'closeClick',
-                domEvent: event,
-            });
-        });
-    }
-}
-export default GmailModalViewDriver;