@journeyapps-labs/reactor-mod 1.0.0

package/dist/stores/NotificationStore.js

@@ -0,0 +1,90 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { observable, toJS } from 'mobx';
+import * as uuid from 'uuid';
+import * as _ from 'lodash';
+export var NotificationType;
+(function (NotificationType) {
+    NotificationType["ERROR"] = "error";
+    NotificationType["INFO"] = "info";
+    NotificationType["SUCCESS"] = "success";
+    NotificationType["SPECIAL"] = "special";
+    NotificationType["INSERT_COIN"] = "insert-coin";
+    NotificationType["VALIDATION"] = "validation";
+})(NotificationType || (NotificationType = {}));
+let NotificationStore = (() => {
+    var _a, _NotificationStore_notifications_accessor_storage;
+    let _notifications_decorators;
+    let _notifications_initializers = [];
+    let _notifications_extraInitializers = [];
+    return _a = class NotificationStore {
+            get notifications() { return __classPrivateFieldGet(this, _NotificationStore_notifications_accessor_storage, "f"); }
+            set notifications(value) { __classPrivateFieldSet(this, _NotificationStore_notifications_accessor_storage, value, "f"); }
+            constructor() {
+                _NotificationStore_notifications_accessor_storage.set(this, __runInitializers(this, _notifications_initializers, void 0));
+                __runInitializers(this, _notifications_extraInitializers);
+                this.notifications = [];
+            }
+            hasNotification(notification) {
+                for (let existingNotification of this.notifications) {
+                    if (_.isEqual(toJS(existingNotification.notification), notification)) {
+                        return existingNotification;
+                    }
+                }
+                return null;
+            }
+            normalizeNotification(notification) {
+                return Object.assign(Object.assign({}, notification), { timeoutMs: notification.timeoutMs == null ? 5000 : notification.timeoutMs, type: notification.type || NotificationType.INFO });
+            }
+            showNotificationWithDuplicateCheck(notification) {
+                const existingNotification = this.hasNotification(this.normalizeNotification(notification));
+                if (existingNotification) {
+                    // reset the timer
+                    existingNotification.reset();
+                    return existingNotification;
+                }
+                return this.showNotification(notification);
+            }
+            showNotification(payload) {
+                const notification = this.normalizeNotification(payload);
+                const directive = {
+                    id: uuid.v4(),
+                    notification: notification,
+                    _handle: null,
+                    delete: () => {
+                        const index = _.findIndex(this.notifications, { id: directive.id });
+                        // user may have already deleted the notification
+                        if (index !== -1) {
+                            this.notifications.splice(index, 1);
+                        }
+                    },
+                    reset: () => {
+                        setupTimeout();
+                    }
+                };
+                const setupTimeout = () => {
+                    if (directive.notification.timeoutMs === 0) {
+                        return;
+                    }
+                    if (directive._handle) {
+                        clearTimeout(directive._handle);
+                    }
+                    directive._handle = setTimeout(() => {
+                        directive.delete();
+                    }, notification.timeoutMs);
+                };
+                setupTimeout();
+                this.notifications.push(directive);
+                return directive;
+            }
+        },
+        _NotificationStore_notifications_accessor_storage = new WeakMap(),
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _notifications_decorators = [observable];
+            __esDecorate(_a, null, _notifications_decorators, { kind: "accessor", name: "notifications", static: false, private: false, access: { has: obj => "notifications" in obj, get: obj => obj.notifications, set: (obj, value) => { obj.notifications = value; } }, metadata: _metadata }, _notifications_initializers, _notifications_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { NotificationStore };
+//# sourceMappingURL=NotificationStore.js.map

package/dist/stores/NotificationStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationStore.js","sourceRoot":"","sources":["../../src/stores/NotificationStore.ts"],"names":[],"mappings":"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"}

package/dist/stores/PrefsStore.js

@@ -0,0 +1,110 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { action, observable } from 'mobx';
+import * as _ from 'lodash';
+import { AbstractInteractiveSetting } from '../settings/AbstractInteractiveSetting';
+import { AbstractStore } from './AbstractStore';
+import { LocalStorageSerializer } from './serializers/LocalStorageSerializer';
+export class PrefsCategory {
+}
+export var PrefsCatgories;
+(function (PrefsCatgories) {
+    PrefsCatgories["USER_SETTINGS"] = "user";
+    PrefsCatgories["KEYBOARD_SHORTCUTS"] = "shortcuts";
+    PrefsCatgories["THEMES"] = "themes";
+})(PrefsCatgories || (PrefsCatgories = {}));
+let PrefsStore = (() => {
+    var _a, _PrefsStore_controls_accessor_storage;
+    let _classSuper = AbstractStore;
+    let _instanceExtraInitializers = [];
+    let _controls_decorators;
+    let _controls_initializers = [];
+    let _controls_extraInitializers = [];
+    let _reset_decorators;
+    return _a = class PrefsStore extends _classSuper {
+            get controls() { return __classPrivateFieldGet(this, _PrefsStore_controls_accessor_storage, "f"); }
+            set controls(value) { __classPrivateFieldSet(this, _PrefsStore_controls_accessor_storage, value, "f"); }
+            constructor() {
+                super({
+                    name: 'PREFERENCES',
+                    serializer: new LocalStorageSerializer({
+                        key: 'IDE_PREFS'
+                    })
+                });
+                _PrefsStore_controls_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _controls_initializers, void 0)));
+                this.categories = __runInitializers(this, _controls_extraInitializers);
+                this.categories = {};
+                this.controls = {};
+            }
+            registerPreferenceCategory(category) {
+                this.categories[category.key] = category;
+            }
+            getInteractiveControls() {
+                return _.filter(this.controls, (control) => {
+                    return control instanceof AbstractInteractiveSetting;
+                });
+            }
+            registerPreference(pref) {
+                this.controls[pref.options.key] = pref;
+                pref.registerListener({
+                    updated: () => {
+                        this.save();
+                    }
+                });
+            }
+            getPreference(key) {
+                if (!this.controls[key]) {
+                    throw new Error(`Cant find preference with key: [${key}]`);
+                }
+                return this.controls[key];
+            }
+            serialize() {
+                const prefs = {
+                    controls: _.reduce(this.controls, (prefs, control) => {
+                        prefs[control.options.key] = control.doSerialize();
+                        return prefs;
+                    }, {})
+                };
+                this.logger.debug('Saving prefs payload', prefs);
+                return prefs;
+            }
+            deserialize(data) {
+                _.forEach(this.controls, (control) => {
+                    if (data.controls[control.options.key] !== undefined) {
+                        control.doDeserialize(data.controls[control.options.key]);
+                    }
+                });
+            }
+            async reset() {
+                for (let control of _.values(this.controls)) {
+                    try {
+                        await control.reset();
+                    }
+                    catch (ex) {
+                        this.logger.error('could not reset preferences', ex);
+                    }
+                }
+                await this.save();
+            }
+            async init() {
+                await super.init();
+                // initialize all the preferences
+                _.forEach(this.controls, (preference) => {
+                    preference.init();
+                });
+                return true;
+            }
+        },
+        _PrefsStore_controls_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _controls_decorators = [observable];
+            _reset_decorators = [action];
+            __esDecorate(_a, null, _controls_decorators, { kind: "accessor", name: "controls", static: false, private: false, access: { has: obj => "controls" in obj, get: obj => obj.controls, set: (obj, value) => { obj.controls = value; } }, metadata: _metadata }, _controls_initializers, _controls_extraInitializers);
+            __esDecorate(_a, null, _reset_decorators, { kind: "method", name: "reset", static: false, private: false, access: { has: obj => "reset" in obj, get: obj => obj.reset }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { PrefsStore };
+//# sourceMappingURL=PrefsStore.js.map

package/dist/stores/PrefsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrefsStore.js","sourceRoot":"","sources":["../../src/stores/PrefsStore.tsx"],"names":[],"mappings":"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"}

package/dist/stores/SearchStore.js

@@ -0,0 +1,35 @@
+import { AbstractStore } from './AbstractStore';
+import * as _ from 'lodash';
+export class SearchHistoryContext {
+    constructor() {
+        this.terms = [];
+    }
+    push(term) {
+        if (!term) {
+            return;
+        }
+        term = term.trim();
+        if (this.terms.indexOf(term) !== -1) {
+            return;
+        }
+        this.terms.push(term);
+    }
+    getTerms(amount = 5) {
+        return _.takeRight(this.terms, amount).reverse();
+    }
+}
+export class SearchStore extends AbstractStore {
+    constructor() {
+        super({
+            name: 'SEARCH'
+        });
+        this.contexts = new Map();
+    }
+    getHistoryContext(context) {
+        if (!this.contexts.has(context)) {
+            this.contexts.set(context, new SearchHistoryContext());
+        }
+        return this.contexts.get(context);
+    }
+}
+//# sourceMappingURL=SearchStore.js.map

package/dist/stores/SearchStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchStore.js","sourceRoot":"","sources":["../../src/stores/SearchStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,oBAAoB;IAG/B;QACE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,IAAI,CAAC,IAAY;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,QAAQ,CAAC,SAAiB,CAAC;QACzB,OAAO,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC;IACnD,CAAC;CACF;AAED,MAAM,OAAO,WAAY,SAAQ,aAAa;IAG5C;QACE,KAAK,CAAC;YACJ,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;IAC5B,CAAC;IAED,iBAAiB,CAAC,OAAe;QAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,oBAAoB,EAAE,CAAC,CAAC;QACzD,CAAC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;CACF"}

package/dist/stores/UXStore.js

@@ -0,0 +1,209 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { observable } from 'mobx';
+import * as _ from 'lodash';
+import { AbstractStore } from './AbstractStore';
+import { v4 } from 'uuid';
+import { SimpleComboBoxDirective } from './combo2/directives/SimpleComboBoxDirective';
+import { ChangeThemeAction } from '../actions';
+import { SettingsPanelModel } from '../panels/settings/SettingsPanelFactory';
+const createFavicon = (url) => {
+    const selector = document.head.querySelector(`link[type="image/x-icon"]`);
+    if (selector) {
+        selector.remove();
+    }
+    const link = document.createElement('link');
+    link.type = 'image/x-icon';
+    link.rel = 'shortcut icon';
+    link.href = url;
+    document.getElementsByTagName('head')[0].appendChild(link);
+};
+export var Alignment;
+(function (Alignment) {
+    Alignment["TOP"] = "top";
+    Alignment["LEFT"] = "left";
+    Alignment["RIGHT"] = "right";
+})(Alignment || (Alignment = {}));
+export var ReactorMetaIconButtons;
+(function (ReactorMetaIconButtons) {
+    ReactorMetaIconButtons["SETTING"] = "Settings";
+})(ReactorMetaIconButtons || (ReactorMetaIconButtons = {}));
+let UXStore = (() => {
+    var _a, _UXStore_locked_accessor_storage, _UXStore_primaryLogo_accessor_storage, _UXStore_primaryHeader_accessor_storage, _UXStore_secondaryHeader_accessor_storage, _UXStore_additionalToolbars_accessor_storage, _UXStore_headerMetaIcons_accessor_storage, _UXStore_account_accessor_storage;
+    let _classSuper = AbstractStore;
+    let _locked_decorators;
+    let _locked_initializers = [];
+    let _locked_extraInitializers = [];
+    let _primaryLogo_decorators;
+    let _primaryLogo_initializers = [];
+    let _primaryLogo_extraInitializers = [];
+    let _primaryHeader_decorators;
+    let _primaryHeader_initializers = [];
+    let _primaryHeader_extraInitializers = [];
+    let _secondaryHeader_decorators;
+    let _secondaryHeader_initializers = [];
+    let _secondaryHeader_extraInitializers = [];
+    let _additionalToolbars_decorators;
+    let _additionalToolbars_initializers = [];
+    let _additionalToolbars_extraInitializers = [];
+    let _headerMetaIcons_decorators;
+    let _headerMetaIcons_initializers = [];
+    let _headerMetaIcons_extraInitializers = [];
+    let _account_decorators;
+    let _account_initializers = [];
+    let _account_extraInitializers = [];
+    return _a = class UXStore extends _classSuper {
+            get locked() { return __classPrivateFieldGet(this, _UXStore_locked_accessor_storage, "f"); }
+            set locked(value) { __classPrivateFieldSet(this, _UXStore_locked_accessor_storage, value, "f"); }
+            get primaryLogo() { return __classPrivateFieldGet(this, _UXStore_primaryLogo_accessor_storage, "f"); }
+            set primaryLogo(value) { __classPrivateFieldSet(this, _UXStore_primaryLogo_accessor_storage, value, "f"); }
+            get primaryHeader() { return __classPrivateFieldGet(this, _UXStore_primaryHeader_accessor_storage, "f"); }
+            set primaryHeader(value) { __classPrivateFieldSet(this, _UXStore_primaryHeader_accessor_storage, value, "f"); }
+            get secondaryHeader() { return __classPrivateFieldGet(this, _UXStore_secondaryHeader_accessor_storage, "f"); }
+            set secondaryHeader(value) { __classPrivateFieldSet(this, _UXStore_secondaryHeader_accessor_storage, value, "f"); }
+            get additionalToolbars() { return __classPrivateFieldGet(this, _UXStore_additionalToolbars_accessor_storage, "f"); }
+            set additionalToolbars(value) { __classPrivateFieldSet(this, _UXStore_additionalToolbars_accessor_storage, value, "f"); }
+            get headerMetaIcons() { return __classPrivateFieldGet(this, _UXStore_headerMetaIcons_accessor_storage, "f"); }
+            set headerMetaIcons(value) { __classPrivateFieldSet(this, _UXStore_headerMetaIcons_accessor_storage, value, "f"); }
+            get account() { return __classPrivateFieldGet(this, _UXStore_account_accessor_storage, "f"); }
+            set account(value) { __classPrivateFieldSet(this, _UXStore_account_accessor_storage, value, "f"); }
+            constructor(options2) {
+                super({
+                    name: 'UX_STORE'
+                });
+                this.options2 = options2;
+                _UXStore_locked_accessor_storage.set(this, __runInitializers(this, _locked_initializers, void 0));
+                _UXStore_primaryLogo_accessor_storage.set(this, (__runInitializers(this, _locked_extraInitializers), __runInitializers(this, _primaryLogo_initializers, void 0)));
+                _UXStore_primaryHeader_accessor_storage.set(this, (__runInitializers(this, _primaryLogo_extraInitializers), __runInitializers(this, _primaryHeader_initializers, void 0)));
+                _UXStore_secondaryHeader_accessor_storage.set(this, (__runInitializers(this, _primaryHeader_extraInitializers), __runInitializers(this, _secondaryHeader_initializers, void 0)));
+                _UXStore_additionalToolbars_accessor_storage.set(this, (__runInitializers(this, _secondaryHeader_extraInitializers), __runInitializers(this, _additionalToolbars_initializers, void 0)));
+                _UXStore_headerMetaIcons_accessor_storage.set(this, (__runInitializers(this, _additionalToolbars_extraInitializers), __runInitializers(this, _headerMetaIcons_initializers, void 0)));
+                _UXStore_account_accessor_storage.set(this, (__runInitializers(this, _headerMetaIcons_extraInitializers), __runInitializers(this, _account_initializers, void 0)));
+                // favicons
+                this.darkIcon = __runInitializers(this, _account_extraInitializers);
+                this.rootComponent = null;
+                this.primaryLogo = null;
+                this.additionalToolbars = {};
+                this.headerMetaIcons = [
+                    {
+                        icon: 'cog',
+                        tooltip: ReactorMetaIconButtons.SETTING,
+                        action: (event) => {
+                            options2.comboBoxStore.show(new SimpleComboBoxDirective({
+                                event,
+                                sort: true,
+                                hideSearch: true,
+                                items: Array.from(this.settingsButtonItems.values())
+                            }));
+                        }
+                    }
+                ];
+                this.tabStack = [];
+                this.account = null;
+                this.locked = false;
+                this.primaryHeader = null;
+                this.secondaryHeader = null;
+                this.cssFragments = new Map();
+                this.accountButtonOptions = new Set();
+                this.helpButtonItems = new Set();
+                this.settingsButtonItems = new Set();
+            }
+            addMetaItem(category, item) {
+                if (category === ReactorMetaIconButtons.SETTING) {
+                    this.settingsButtonItems.add(item);
+                }
+                return () => {
+                    if (category === ReactorMetaIconButtons.SETTING) {
+                        this.settingsButtonItems.delete(item);
+                    }
+                };
+            }
+            setFavicons(light, dark) {
+                this.lightIcon = light;
+                this.darkIcon = dark;
+            }
+            async init() {
+                this.addMetaItem(ReactorMetaIconButtons.SETTING, Object.assign(Object.assign({}, ChangeThemeAction.get().representAsComboBoxItem({
+                    installAction: true
+                })), { group: 'IDE' }));
+                this.addMetaItem(ReactorMetaIconButtons.SETTING, {
+                    title: 'IDE settings',
+                    key: 'ide-settings',
+                    icon: 'gears',
+                    group: 'IDE',
+                    action: async () => {
+                        this.options2.workspaceStore.addModelInWindow(new SettingsPanelModel(), { width: 800, height: 600 });
+                    }
+                });
+                const matcher = window.matchMedia('(prefers-color-scheme: dark)');
+                const applyFavIcon = () => {
+                    createFavicon(matcher.matches ? this.darkIcon : this.lightIcon);
+                };
+                matcher.addListener(applyFavIcon);
+                applyFavIcon();
+                return super.init();
+            }
+            setRootComponent(component) {
+                this.rootComponent = component;
+            }
+            lockReactor(locked) {
+                this.locked = locked;
+            }
+            pushTabListener(listener) {
+                this.tabStack.push(listener);
+                return () => {
+                    this.tabStack.splice(this.tabStack.indexOf(listener), 1);
+                };
+            }
+            registerCSS(css) {
+                const id = v4();
+                this.cssFragments.set(id, css);
+                const styleElement = window.document.createElement('style');
+                styleElement.innerHTML = css;
+                document.body.append(styleElement);
+                return () => {
+                    this.cssFragments.delete(id);
+                    styleElement.remove();
+                };
+            }
+            getToolbars(allignment) {
+                return _.filter(this.additionalToolbars, (toolbar) => {
+                    return toolbar.allignment === allignment;
+                });
+            }
+            deregisterToolbar(key) {
+                delete this.additionalToolbars[key];
+            }
+            registerToolbar(toolbar) {
+                this.additionalToolbars[toolbar.key] = toolbar;
+            }
+        },
+        _UXStore_locked_accessor_storage = new WeakMap(),
+        _UXStore_primaryLogo_accessor_storage = new WeakMap(),
+        _UXStore_primaryHeader_accessor_storage = new WeakMap(),
+        _UXStore_secondaryHeader_accessor_storage = new WeakMap(),
+        _UXStore_additionalToolbars_accessor_storage = new WeakMap(),
+        _UXStore_headerMetaIcons_accessor_storage = new WeakMap(),
+        _UXStore_account_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _locked_decorators = [observable];
+            _primaryLogo_decorators = [observable];
+            _primaryHeader_decorators = [observable];
+            _secondaryHeader_decorators = [observable];
+            _additionalToolbars_decorators = [observable];
+            _headerMetaIcons_decorators = [observable];
+            _account_decorators = [observable];
+            __esDecorate(_a, null, _locked_decorators, { kind: "accessor", name: "locked", static: false, private: false, access: { has: obj => "locked" in obj, get: obj => obj.locked, set: (obj, value) => { obj.locked = value; } }, metadata: _metadata }, _locked_initializers, _locked_extraInitializers);
+            __esDecorate(_a, null, _primaryLogo_decorators, { kind: "accessor", name: "primaryLogo", static: false, private: false, access: { has: obj => "primaryLogo" in obj, get: obj => obj.primaryLogo, set: (obj, value) => { obj.primaryLogo = value; } }, metadata: _metadata }, _primaryLogo_initializers, _primaryLogo_extraInitializers);
+            __esDecorate(_a, null, _primaryHeader_decorators, { kind: "accessor", name: "primaryHeader", static: false, private: false, access: { has: obj => "primaryHeader" in obj, get: obj => obj.primaryHeader, set: (obj, value) => { obj.primaryHeader = value; } }, metadata: _metadata }, _primaryHeader_initializers, _primaryHeader_extraInitializers);
+            __esDecorate(_a, null, _secondaryHeader_decorators, { kind: "accessor", name: "secondaryHeader", static: false, private: false, access: { has: obj => "secondaryHeader" in obj, get: obj => obj.secondaryHeader, set: (obj, value) => { obj.secondaryHeader = value; } }, metadata: _metadata }, _secondaryHeader_initializers, _secondaryHeader_extraInitializers);
+            __esDecorate(_a, null, _additionalToolbars_decorators, { kind: "accessor", name: "additionalToolbars", static: false, private: false, access: { has: obj => "additionalToolbars" in obj, get: obj => obj.additionalToolbars, set: (obj, value) => { obj.additionalToolbars = value; } }, metadata: _metadata }, _additionalToolbars_initializers, _additionalToolbars_extraInitializers);
+            __esDecorate(_a, null, _headerMetaIcons_decorators, { kind: "accessor", name: "headerMetaIcons", static: false, private: false, access: { has: obj => "headerMetaIcons" in obj, get: obj => obj.headerMetaIcons, set: (obj, value) => { obj.headerMetaIcons = value; } }, metadata: _metadata }, _headerMetaIcons_initializers, _headerMetaIcons_extraInitializers);
+            __esDecorate(_a, null, _account_decorators, { kind: "accessor", name: "account", static: false, private: false, access: { has: obj => "account" in obj, get: obj => obj.account, set: (obj, value) => { obj.account = value; } }, metadata: _metadata }, _account_initializers, _account_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { UXStore };
+//# sourceMappingURL=UXStore.js.map

package/dist/stores/UXStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UXStore.js","sourceRoot":"","sources":["../../src/stores/UXStore.ts"],"names":[],"mappings":"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"}

package/dist/stores/batch/BatchIconWidget.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { IconWidget } from '../../widgets';
+import { ioc } from '../../inversify.config';
+import { BatchStore } from './BatchStore';
+import { observer } from 'mobx-react';
+import { styled } from '../themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.ICON_WIDTH = 30;
+    S.DragIcon = styled(IconWidget) `
+    color: ${(p) => p.theme.trees.labelColor};
+    font-size: 20px;
+  `;
+    S.DragIconContainer = styled.div `
+    background: ${(p) => p.theme.trees.selectedBackground};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: ${S.ICON_WIDTH}px;
+    height: ${S.ICON_WIDTH}px;
+    border-radius: 5px;
+    position: fixed;
+    left: -${S.ICON_WIDTH}px;
+    top: -${S.ICON_WIDTH}px;
+  `;
+    S.Count = styled.div `
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    color: ${(p) => p.theme.trees.labelColor};
+    background: rgba(0, 0, 0, 0.8);
+    padding: 2px;
+    box-sizing: border-box;
+    font-size: 10px;
+    font-weight: bold;
+  `;
+})(S || (S = {}));
+export const BatchIconWidget = observer(() => {
+    const store = ioc.get(BatchStore);
+    const icon = store.getSelectionIcon();
+    if (!icon) {
+        return null;
+    }
+    return (React.createElement(S.DragIconContainer, { ref: store.ref },
+        React.createElement(S.DragIcon, { icon: icon }),
+        React.createElement(S.Count, null, store.selections.length)));
+});
+//# sourceMappingURL=BatchIconWidget.js.map

package/dist/stores/batch/BatchIconWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BatchIconWidget.js","sourceRoot":"","sources":["../../../src/stores/batch/BatchIconWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,IAAU,CAAC,CAgCV;AAhCD,WAAU,CAAC;IACI,YAAU,GAAG,EAAE,CAAC;IAEhB,UAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;aAC/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;;GAEzC,CAAC;IAEW,mBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;kBAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB;;;;aAI5C,EAAA,UAAU;cACT,EAAA,UAAU;;;aAGX,EAAA,UAAU;YACX,EAAA,UAAU;GACnB,CAAC;IAEW,OAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;aAIpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;;;;;;GAMzC,CAAC;AACJ,CAAC,EAhCS,CAAC,KAAD,CAAC,QAgCV;AAED,MAAM,CAAC,MAAM,eAAe,GAAa,QAAQ,CAAC,GAAG,EAAE;IACrD,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAEtC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG;QACjC,oBAAC,CAAC,CAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;QAC1B,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAW,CACxB,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC"}