@inboxsdk/core 1.2.4 → 1.2.7

package/src/platform-implementation-js/views/nav-item-view.js

@@ -1,130 +0,0 @@
-import isEqual from 'lodash/isEqual';
-import Kefir from 'kefir';
-import kefirCast from 'kefir-cast';
-import get from '../../common/get-or-fail';
-import EventEmitter from '../lib/safe-event-emitter';
-import NAV_ITEM_TYPES from '../constants/nav-item-types';
-const memberMap = new WeakMap(); // documented in src/docs/
-export default class NavItemView extends EventEmitter {
-    destroyed = false;
-    constructor(appId, driver, navItemDescriptorPropertyStream, navItemViewDriverPromise) {
-        super();
-        const members = {
-            appId,
-            driver,
-            navItemDescriptorPropertyStream,
-            navItemViews: [],
-            navItemViewDriver: null,
-            navItemViewDriverPromise,
-        };
-        memberMap.set(this, members);
-        driver.getStopper().onValue(this.remove.bind(this));
-        navItemViewDriverPromise.then((navItemViewDriver) => {
-            if (this.destroyed || !navItemViewDriver) {
-                return; //we have been removed already
-            }
-            const driver = members.driver;
-            members.navItemViewDriver = navItemViewDriver;
-            members.navItemDescriptorPropertyStream
-                .sampledBy(navItemViewDriver.getEventStream(), (a, b) => [a, b])
-                .onValue((navItemDescriptor) => _handleViewDriverStreamEvent(this, navItemViewDriver, driver, navItemDescriptor));
-            Kefir.combine([
-                members.navItemDescriptorPropertyStream,
-                driver.getRouteViewDriverStream(),
-            ])
-                .takeUntilBy(navItemViewDriver
-                .getEventStream()
-                .filter(() => false)
-                .beforeEnd(() => null))
-                .onValue((x) => {
-                _handleRouteViewChange(navItemViewDriver, x);
-            });
-            this.emit('inserted');
-        });
-    }
-    addNavItem(navItemDescriptor) {
-        if (this.destroyed)
-            throw new Error('this nav item view does not exist');
-        const members = get(memberMap, this);
-        const driver = members.driver;
-        const appId = members.appId;
-        const navItemViews = members.navItemViews;
-        const navItemDescriptorPropertyStream = kefirCast(Kefir, navItemDescriptor).toProperty();
-        const childNavItemView = new NavItemView(appId, driver, navItemDescriptorPropertyStream, members.navItemViewDriverPromise.then((navItemViewDriver) => {
-            const childNavItemViewDriver = navItemViewDriver.addNavItem(members.appId, navItemDescriptorPropertyStream);
-            return childNavItemViewDriver;
-        }));
-        navItemViews.push(childNavItemView);
-        return childNavItemView;
-    }
-    remove() {
-        if (this.destroyed) {
-            return;
-        }
-        const members = get(memberMap, this);
-        const { navItemViews } = members;
-        this.destroyed = true;
-        this.emit('destroy');
-        navItemViews.forEach(function (navItemView) {
-            navItemView.remove();
-        });
-        members.navItemViewDriverPromise.then((navItemViewDriver) => {
-            navItemViewDriver.destroy();
-        });
-    }
-    isCollapsed() {
-        const members = get(memberMap, this);
-        const navItemViewDriver = members.navItemViewDriver;
-        if (navItemViewDriver) {
-            return navItemViewDriver.isCollapsed();
-        }
-        else {
-            return false;
-        }
-    }
-    setCollapsed(collapseValue) {
-        get(memberMap, this).navItemViewDriverPromise.then((navItemViewDriver) => {
-            navItemViewDriver.setCollapsed(collapseValue);
-        });
-    }
-    getElement() {
-        return get(memberMap, this).navItemViewDriverPromise.then((navItemViewDriver) => navItemViewDriver.getElement());
-    }
-}
-function _handleViewDriverStreamEvent(eventEmitter, navItemViewDriver, driver, [navItemDescriptor, event]) {
-    switch (event.eventName) {
-        case 'click':
-            // When in Gmailv2, we ignore the onClick, routeID, and routeParams options on GROUPER nav-items
-            if (navItemDescriptor.type === NAV_ITEM_TYPES.GROUPER)
-                return;
-            if (typeof navItemDescriptor.onClick === 'function') {
-                let defaultPrevented = false;
-                const syntheticEvent = {
-                    preventDefault() {
-                        defaultPrevented = true;
-                    },
-                };
-                // TODO: is this synthetic event ever used?
-                navItemDescriptor.onClick(syntheticEvent);
-                if (defaultPrevented) {
-                    break;
-                }
-            }
-            if (navItemDescriptor.routeID) {
-                driver.goto(navItemDescriptor.routeID, navItemDescriptor.routeParams);
-            }
-            else {
-                navItemViewDriver.toggleCollapse();
-            }
-            break;
-        case 'expanded':
-        case 'collapsed':
-            eventEmitter.emit(event.eventName);
-            break;
-    }
-}
-function _handleRouteViewChange(navItemViewDriver, [navItemDescriptor, routeViewDriver]) {
-    navItemViewDriver.setActive(navItemDescriptor &&
-        routeViewDriver.getRouteID() === navItemDescriptor.routeID &&
-        isEqual(navItemDescriptor.routeParams || {}, routeViewDriver.getParams()));
-}

package/src/platform-implementation-js/views/route-view/custom-route-view.js

@@ -1,25 +0,0 @@
-import { defonce } from 'ud';
-import RouteView from './route-view';
-import get from '../../../common/get-or-fail'; // documented in src/docs/
-class CustomRouteView extends RouteView {
-    constructor(routeViewDriver) {
-        super(routeViewDriver);
-        const members = {
-            routeViewDriver,
-        };
-        membersMap.set(this, members);
-    }
-    setFullWidth(fullWidth) {
-        const { routeViewDriver } = get(membersMap, this);
-        routeViewDriver.setFullWidth(fullWidth);
-    }
-    getElement() {
-        const { routeViewDriver } = get(membersMap, this);
-        const el = routeViewDriver.getCustomViewElement();
-        if (!el)
-            throw new Error('Should not happen');
-        return el;
-    }
-}
-const membersMap = defonce(module, () => new WeakMap());
-export default CustomRouteView;

package/src/platform-implementation-js/views/route-view/dummy-route-view-driver.js

@@ -1,29 +0,0 @@
-import kefirBus from 'kefir-bus';
-import kefirStopper from 'kefir-stopper';
-class DummyRouteViewDriver {
-    _eventStream = kefirBus();
-    _stopper = kefirStopper();
-    constructor() {
-        this;
-    }
-    getRouteType() {
-        return 'UNKNOWN';
-    }
-    getRouteID() {
-        return 'UNKNOWN';
-    }
-    getParams() {
-        return {};
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    destroy() {
-        this._eventStream.end();
-        this._stopper.destroy();
-    }
-}
-export default DummyRouteViewDriver;

package/src/platform-implementation-js/views/route-view/list-route-view.js

@@ -1,46 +0,0 @@
-import RouteView from './route-view';
-import Kefir from 'kefir';
-import kefirCast from 'kefir-cast';
-import CollapsibleSectionView from '../collapsible-section-view';
-import SectionView from '../section-view';
-import get from '../../../common/get-or-fail';
-class ListRouteView extends RouteView {
-    constructor(routeViewDriver, driver, appId) {
-        super(routeViewDriver);
-        const members = {
-            routeViewDriver,
-            driver,
-            appId,
-            sectionViews: [],
-        };
-        membersMap.set(this, members);
-        _bindToEventStream(routeViewDriver, this);
-    }
-    addCollapsibleSection(collapsibleSectionDescriptor) {
-        const members = get(membersMap, this);
-        const collapsibleSectionViewDriver = members.routeViewDriver.addCollapsibleSection(kefirCast(Kefir, collapsibleSectionDescriptor).toProperty(), members.appId);
-        const collapsibleSectionView = new CollapsibleSectionView(collapsibleSectionViewDriver, members.driver);
-        members.sectionViews.push(collapsibleSectionView);
-        return collapsibleSectionView;
-    }
-    addSection(sectionDescriptor) {
-        const members = get(membersMap, this);
-        const sectionViewDriver = members.routeViewDriver.addSection(kefirCast(Kefir, sectionDescriptor).toProperty(), members.appId);
-        const sectionView = new SectionView(sectionViewDriver, members.driver);
-        members.sectionViews.push(sectionView);
-        return sectionView;
-    }
-    refresh() {
-        get(membersMap, this).routeViewDriver.refresh();
-    }
-}
-const membersMap = new WeakMap();
-function _bindToEventStream(routeViewDriver, routeView) {
-    routeViewDriver.getEventStream().onEnd(() => {
-        const members = get(membersMap, routeView);
-        members.sectionViews.forEach((sectionView) => {
-            sectionView.destroy();
-        });
-    });
-}
-export default ListRouteView;

package/src/platform-implementation-js/views/route-view/route-view.js

@@ -1,47 +0,0 @@
-import EventEmitter from '../../lib/safe-event-emitter';
-import get from '../../../common/get-or-fail';
-const membersMap = new WeakMap(); // documented in src/docs/
-class RouteView extends EventEmitter {
-    destroyed;
-    constructor(routeViewDriver) {
-        super();
-        const members = {
-            routeID: null,
-            routeType: null,
-            params: null,
-            routeViewDriver,
-        };
-        membersMap.set(this, members);
-        this.destroyed = false;
-        _bindToEventStream(routeViewDriver, this);
-    }
-    getRouteID() {
-        const members = get(membersMap, this);
-        if (!members.routeID) {
-            members.routeID = members.routeViewDriver.getRouteID();
-        }
-        return members.routeID;
-    }
-    getRouteType() {
-        const members = get(membersMap, this);
-        if (!members.routeType) {
-            members.routeType = members.routeViewDriver.getRouteType();
-        }
-        return members.routeType;
-    }
-    getParams() {
-        const members = get(membersMap, this);
-        if (!members.params) {
-            members.params = members.routeViewDriver.getParams();
-        }
-        return members.params;
-    }
-}
-function _bindToEventStream(routeViewDriver, routeView) {
-    routeViewDriver.getEventStream().onEnd(() => {
-        routeView.destroyed = true;
-        routeView.emit('destroy');
-        routeView.removeAllListeners();
-    });
-}
-export default RouteView;

package/src/platform-implementation-js/views/section-view.js

@@ -1,60 +0,0 @@
-import EventEmitter from '../lib/safe-event-emitter';
-import get from '../../common/get-or-fail';
-const membersMap = new WeakMap(); // documented in src/docs/
-class SectionView extends EventEmitter {
-    destroyed;
-    constructor(sectionViewDriver, driver) {
-        super();
-        const members = {
-            sectionViewDriver,
-        };
-        membersMap.set(this, members);
-        this.destroyed = false;
-        _bindToEventStream(this, sectionViewDriver, driver);
-    }
-    remove() {
-        this.destroy();
-    }
-    destroy() {
-        const members = get(membersMap, this);
-        members.sectionViewDriver.destroy();
-        this.removeAllListeners();
-    }
-}
-function _bindToEventStream(sectionView, sectionViewDriver, driver) {
-    sectionViewDriver.getEventStream().onValue((e) => {
-        sectionView.emit(e.eventName);
-    });
-    sectionViewDriver
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'rowClicked')
-        .onValue(({ rowDescriptor, }) => {
-        if (rowDescriptor.routeID) {
-            driver.goto(rowDescriptor.routeID, rowDescriptor.routeParams);
-        }
-        if (typeof rowDescriptor.onClick === 'function') {
-            rowDescriptor.onClick();
-        }
-    });
-    sectionViewDriver
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'summaryClicked')
-        .onValue(({ sectionDescriptor }) => {
-        if (sectionDescriptor.onTitleLinkClick) {
-            sectionDescriptor.onTitleLinkClick(sectionView);
-        }
-    });
-    sectionViewDriver
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'footerClicked')
-        .onValue(({ sectionDescriptor }) => {
-        if (sectionDescriptor.onFooterLinkClick) {
-            sectionDescriptor.onFooterLinkClick(sectionView);
-        }
-    });
-    sectionViewDriver.getEventStream().onEnd(() => {
-        sectionView.destroyed = true;
-        sectionView.emit('destroy');
-    });
-}
-export default SectionView;

package/src/platform-implementation-js/views/thread-row-view.js

@@ -1,90 +0,0 @@
-import EventEmitter from '../lib/safe-event-emitter';
-import get from '../../common/get-or-fail';
-const membersMap = new WeakMap();
-export default class ThreadRowView extends EventEmitter {
-    destroyed;
-    constructor(threadRowViewDriver) {
-        super();
-        const members = {
-            threadRowViewDriver,
-        };
-        membersMap.set(this, members);
-        this.destroyed = false;
-        threadRowViewDriver.getEventStream().onEnd(() => {
-            this.destroyed = true;
-            this.emit('destroy');
-        });
-        threadRowViewDriver.setUserView(this);
-    }
-    addLabel(labelDescriptor) {
-        get(membersMap, this).threadRowViewDriver.addLabel(labelDescriptor);
-    }
-    addImage(imageDescriptor) {
-        get(membersMap, this).threadRowViewDriver.addImage(imageDescriptor);
-    }
-    addButton(buttonDescriptor) {
-        get(membersMap, this).threadRowViewDriver.addButton(buttonDescriptor);
-    }
-    addActionButton(actionButtonDescriptor) {
-        get(membersMap, this).threadRowViewDriver.addActionButton(actionButtonDescriptor);
-    }
-    addAttachmentIcon(threadRowAttachmentIconDescriptor) {
-        get(membersMap, this).threadRowViewDriver.addAttachmentIcon(threadRowAttachmentIconDescriptor);
-    }
-    replaceDate(threadRowDateDescriptor) {
-        get(membersMap, this).threadRowViewDriver.replaceDate(threadRowDateDescriptor);
-    }
-    replaceDraftLabel(draftLabelDescriptor) {
-        get(membersMap, this).threadRowViewDriver.replaceDraftLabel(draftLabelDescriptor);
-    }
-    getElement() {
-        return get(membersMap, this).threadRowViewDriver.getElement();
-    }
-    getSubject() {
-        return get(membersMap, this).threadRowViewDriver.getSubject();
-    }
-    replaceSubject(newSubjectStr) {
-        get(membersMap, this).threadRowViewDriver.replaceSubject(newSubjectStr);
-    }
-    getDateString() {
-        return get(membersMap, this).threadRowViewDriver.getDateString();
-    }
-    /** @deprecated */
-    getThreadID() {
-        // TODO mark deprecated
-        return get(membersMap, this).threadRowViewDriver.getThreadID();
-    }
-    getThreadIDAsync() {
-        return get(membersMap, this).threadRowViewDriver.getThreadIDAsync();
-    }
-    /** @deprecated */
-    getThreadIDIfStable() {
-        // TODO mark deprecated
-        if (this.getVisibleMessageCount() > 0) {
-            return this.getThreadID();
-        }
-        else {
-            return null;
-        }
-    }
-    getThreadIDIfStableAsync() {
-        if (this.getVisibleMessageCount() > 0) {
-            return this.getThreadIDAsync();
-        }
-        else {
-            return Promise.resolve(null);
-        }
-    }
-    getDraftID() {
-        return get(membersMap, this).threadRowViewDriver.getDraftID();
-    }
-    getVisibleDraftCount() {
-        return get(membersMap, this).threadRowViewDriver.getVisibleDraftCount();
-    }
-    getVisibleMessageCount() {
-        return get(membersMap, this).threadRowViewDriver.getVisibleMessageCount();
-    }
-    getContacts() {
-        return get(membersMap, this).threadRowViewDriver.getContacts();
-    }
-}

package/src/platform-implementation-js/widgets/buttons/basic-button-view-controller.js

@@ -1,39 +0,0 @@
-import kefirStopper from 'kefir-stopper';
-export default class BasicButtonViewController {
-    _activateFunction;
-    _view;
-    _stopper = kefirStopper();
-    constructor(options) {
-        this._activateFunction = options.activateFunction || options.onClick;
-        this._view = options.buttonView;
-        this._view
-            .getEventStream()
-            .filter((event) => event.eventName === 'click')
-            .onValue(() => {
-            this.activate();
-        });
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    destroy() {
-        this._activateFunction = null;
-        this._view.destroy();
-        this._stopper.destroy();
-    }
-    update(options) {
-        this.getView().update(options);
-        this.setActivateFunction(options && (options.activateFunction || options.onClick));
-    }
-    getView() {
-        return this._view;
-    }
-    setActivateFunction(f) {
-        this._activateFunction = f;
-    }
-    activate() {
-        if (this._activateFunction) {
-            this._activateFunction({});
-        }
-    }
-}

package/src/platform-implementation-js/widgets/buttons/dropdown-button-view-controller.js

@@ -1,98 +0,0 @@
-import kefirStopper from 'kefir-stopper';
-import DropdownView from './dropdown-view';
-export default class DropdownButtonViewController {
-    _view;
-    _dropdownShowFunction;
-    _dropdownView = null;
-    _DropdownViewDriverClass;
-    _dropdownPositionOptions;
-    _stopper = kefirStopper();
-    constructor(options) {
-        this._dropdownShowFunction = options.dropdownShowFunction;
-        this._DropdownViewDriverClass = options.dropdownViewDriverClass;
-        const view = (this._view = options.buttonView);
-        this._dropdownPositionOptions = options.dropdownPositionOptions;
-        view.getElement().setAttribute('aria-haspopup', 'true');
-        view.getElement().setAttribute('aria-pressed', 'false');
-        view.getElement().setAttribute('aria-expanded', 'false');
-        this._bindToViewEvents();
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    destroy() {
-        if (this._view) {
-            this._view.destroy();
-            this._view = null;
-        }
-        if (this._dropdownView) {
-            this._dropdownView.close();
-            this._dropdownView = null;
-        }
-        this._stopper.destroy();
-    }
-    update(options) {
-        this.getView().update(options);
-        this.setDropdownShowFunction(options && options.dropdownShowFunction);
-    }
-    getView() {
-        if (!this._view)
-            throw new Error('Already destroyed');
-        return this._view;
-    }
-    setDropdownShowFunction(func) {
-        this._dropdownShowFunction = func;
-    }
-    showDropdown() {
-        this.hideDropdown();
-        const view = this._view;
-        if (!view)
-            throw new Error('Already destroyed');
-        view.activate();
-        const dropdownView = (this._dropdownView = new DropdownView(new this._DropdownViewDriverClass(), view.getElement(), undefined));
-        if (this._dropdownPositionOptions) {
-            dropdownView.setPlacementOptions(this._dropdownPositionOptions);
-        }
-        dropdownView.on('destroy', this._dropdownClosed.bind(this));
-        if (this._dropdownShowFunction) {
-            this._dropdownShowFunction({ dropdown: this._dropdownView });
-        }
-        view.getElement().setAttribute('aria-pressed', 'true');
-        view.getElement().setAttribute('aria-expanded', 'true');
-    }
-    hideDropdown() {
-        if (this._dropdownView) {
-            this._dropdownView.close();
-        }
-    }
-    isDropdownVisible() {
-        return !!this._dropdownView;
-    }
-    _bindToViewEvents() {
-        if (!this._view)
-            throw new Error('Already destroyed');
-        this._view
-            .getEventStream()
-            .filter((event) => event.eventName === 'click')
-            .onValue(() => {
-            this._toggleDropdownState();
-        });
-    }
-    _toggleDropdownState() {
-        if (this._dropdownView) {
-            this._dropdownView.close();
-        }
-        else {
-            this.showDropdown();
-        }
-    }
-    _dropdownClosed() {
-        const view = this._view;
-        if (view) {
-            view.deactivate();
-            this._dropdownView = null;
-            view.getElement().setAttribute('aria-pressed', 'false');
-            view.getElement().setAttribute('aria-expanded', 'false');
-        }
-    }
-}

package/src/platform-implementation-js/widgets/buttons/dropdown-view.js

@@ -1,121 +0,0 @@
-import asap from 'asap';
-import EventEmitter from '../../lib/safe-event-emitter';
-import Kefir from 'kefir';
-import makeMutationObserverChunkedStream from '../../lib/dom/make-mutation-observer-chunked-stream';
-import ScrollableContainByScreen from '../../lib/ScrollableContainByScreen';
-import outsideClicksAndEscape from '../../lib/dom/outsideClicksAndEscape';
-// documented in src/docs/
-export default class DropdownView extends EventEmitter {
-    _dropdownViewDriver;
-    destroyed = false;
-    /*deprecated*/ closed = false;
-    _options;
-    _userPlacementOptions = { hAlign: 'left' };
-    _scrollableContainByScreen = null;
-    _didInsertContainerEl;
-    el;
-    constructor(dropdownViewDriver, anchorElement, options) {
-        super();
-        this._dropdownViewDriver = dropdownViewDriver;
-        this._options = {
-            ...(dropdownViewDriver.getDropdownOptions &&
-                dropdownViewDriver.getDropdownOptions()),
-            ...options,
-        };
-        this.el = dropdownViewDriver.getContentElement();
-        const containerEl = dropdownViewDriver.getContainerElement();
-        if (document.contains(containerEl)) {
-            this._didInsertContainerEl = false;
-        }
-        else {
-            document.body.insertBefore(containerEl, document.body.firstElementChild);
-            this._didInsertContainerEl = true;
-        }
-        if (!containerEl.hasAttribute('tabindex')) {
-            // makes the element focusable, but not tab-focusable
-            containerEl.setAttribute('tabindex', '-1');
-        }
-        const onDestroy = Kefir.fromEvents(this, 'destroy');
-        const elementsToIgnore = [anchorElement, containerEl];
-        if (this._options.extraElementsToIgnore) {
-            elementsToIgnore.push(...this._options.extraElementsToIgnore);
-        }
-        outsideClicksAndEscape(elementsToIgnore)
-            .takeUntilBy(onDestroy)
-            .filter((event) => {
-            let isCanceled = false;
-            const appEvent = {
-                type: event.type,
-                cause: event.cause,
-                cancel: () => {
-                    isCanceled = true;
-                },
-            };
-            this.emit('preautoclose', appEvent);
-            return !isCanceled;
-        })
-            .onValue(() => {
-            this.close();
-        });
-        if (!this._options.manualPosition) {
-            containerEl.style.position = 'fixed';
-            asap(() => {
-                if (this.closed)
-                    return;
-                Kefir.fromEvents(this, '_placementOptionsUpdated')
-                    .toProperty(() => null)
-                    .takeUntilBy(onDestroy)
-                    .onValue(() => {
-                    if (this._scrollableContainByScreen) {
-                        this._scrollableContainByScreen.destroy();
-                    }
-                    this._scrollableContainByScreen = new ScrollableContainByScreen(containerEl, anchorElement, this._userPlacementOptions);
-                });
-                makeMutationObserverChunkedStream(dropdownViewDriver.getContentElement(), {
-                    childList: true,
-                    attributes: true,
-                    characterData: true,
-                    subtree: true,
-                })
-                    .throttle(200)
-                    .takeUntilBy(onDestroy)
-                    .onValue(() => this.reposition());
-            });
-        }
-        const startActiveElement = document.activeElement;
-        asap(() => {
-            if (this.closed)
-                return;
-            if (document.activeElement !== startActiveElement)
-                return;
-            // Needs to happen after it's been positioned.
-            containerEl.focus();
-        });
-    }
-    setPlacementOptions(options) {
-        if (this._options.manualPosition) {
-            console.error('DropdownView.setPlacementOptions() was called on a manually-positioned DropdownView.');
-            return;
-        }
-        this._userPlacementOptions = { ...this._userPlacementOptions, ...options };
-        this.emit('_placementOptionsUpdated');
-    }
-    close() {
-        if (!this.destroyed) {
-            this.destroyed = this.closed = true;
-            if (this._scrollableContainByScreen) {
-                this._scrollableContainByScreen.destroy();
-            }
-            this.emit('destroy');
-            if (this._didInsertContainerEl) {
-                this._dropdownViewDriver.getContainerElement().remove();
-            }
-            this._dropdownViewDriver.destroy();
-        }
-    }
-    reposition() {
-        if (this._scrollableContainByScreen) {
-            this._scrollableContainByScreen.reposition();
-        }
-    }
-}