@journeyapps-labs/reactor-mod 0.0.0-dev-20250801180850

package/dist/layers/combo/directive-types/ProviderDirectiveComboWidget.js

@@ -0,0 +1,117 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { observer } from 'mobx-react';
+import * as React from 'react';
+import * as _ from 'lodash';
+import { SmartPositionWidget } from '../SmartPositionWidget';
+import { ComboSearchBoxWidget } from '../ComboSearchBoxWidget';
+import { createSearchEventMatcher } from '@journeyapps-labs/lib-reactor-search';
+let ProviderDirectiveComboWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var ProviderDirectiveComboWidget = _classThis = class extends _classSuper {
+        constructor(props) {
+            super(props);
+            this.state = {
+                searchResult: null,
+                search: null
+            };
+        }
+        getItems() {
+            var _a, _b;
+            if (!this.state.searchResult) {
+                return [];
+            }
+            const res = _.chain(this.state.searchResult.results)
+                // params can sometimes filter first
+                .filter((result) => {
+                if (this.props.directive.filter) {
+                    return this.props.directive.filter(result.entity);
+                }
+                return true;
+            })
+                .map((result) => {
+                const s = this.props.directive.provider.serialize(result.entity);
+                return {
+                    key: result.key,
+                    title: s.display,
+                    icon: this.props.directive.provider.getIcon(s),
+                    color: s.color || 'rgba(255,255,255,0.1)',
+                    providerItem: result.entity
+                };
+            })
+                .map((result) => {
+                if (this.props.directive.transform) {
+                    return this.props.directive.transform(result);
+                }
+                return result;
+            })
+                .sort((f) => (f.key === this.props.directive.initialValue ? -1 : 1))
+                .value();
+            const callout = (_b = (_a = this.props.directive).renderCallout) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                search: this.state.search,
+                options: res
+            });
+            if (callout && !this.state.searchResult.loading) {
+                res.push(Object.assign(Object.assign({}, callout), { key: ProviderDirectiveComboWidget.CALLOUT_KEY }));
+            }
+            return res;
+        }
+        isLoading() {
+            if (!this.state.searchResult) {
+                return true;
+            }
+            return this.state.searchResult.loading;
+        }
+        getSearchResult(val) {
+            return this.props.directive.provider.doSearch({
+                search: val,
+                param: this.props.directive.param,
+                matches: createSearchEventMatcher(val)
+            });
+        }
+        componentDidMount() {
+            this.setState({
+                searchResult: this.getSearchResult(null)
+            });
+        }
+        render() {
+            return (React.createElement(SmartPositionWidget, { position: this.props.directive.position },
+                React.createElement(ComboSearchBoxWidget, { initialSelected: this.props.directive.initialValue, hint: this.state.searchResult ? this.state.searchResult.footerHint : null, loading: this.isLoading(), title: this.props.directive.provider.options.displayName, searchChanged: (search) => {
+                        // stop listening to the old search result
+                        if (this.state.searchResult) {
+                            this.state.searchResult.dispose();
+                        }
+                        this.setState({
+                            search: search,
+                            searchResult: this.getSearchResult(search)
+                        });
+                    }, items: this.getItems(), selected: async (selected, event) => {
+                        if (selected === null || selected === void 0 ? void 0 : selected.action) {
+                            this.props.resolve(null);
+                            await selected.action(event);
+                        }
+                        else {
+                            this.props.resolve(selected);
+                        }
+                    } })));
+        }
+    };
+    __setFunctionName(_classThis, "ProviderDirectiveComboWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        ProviderDirectiveComboWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    })();
+    _classThis.CALLOUT_KEY = '___CALLOUT___';
+    (() => {
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return ProviderDirectiveComboWidget = _classThis;
+})();
+export { ProviderDirectiveComboWidget };
+//# sourceMappingURL=ProviderDirectiveComboWidget.js.map

package/dist/layers/combo/directive-types/ProviderDirectiveComboWidget.js.map

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

package/dist/layers/combo/directive-types/SearchEngineDirectiveComboWidget.js

@@ -0,0 +1,73 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { observer } from 'mobx-react';
+import * as React from 'react';
+import * as _ from 'lodash';
+import { SmartPositionWidget } from '../SmartPositionWidget';
+import { ComboSearchBoxWidget } from '../ComboSearchBoxWidget';
+import { createSearchEventMatcher } from '@journeyapps-labs/lib-reactor-search';
+let SearchEngineDirectiveComboWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var SearchEngineDirectiveComboWidget = _classThis = class extends _classSuper {
+        constructor(props) {
+            super(props);
+            this.state = {
+                searchResult: null
+            };
+        }
+        getItems() {
+            if (!this.state.searchResult) {
+                return [];
+            }
+            return _.map(this.state.searchResult.results, (result) => {
+                return Object.assign(Object.assign({}, result), { original: result });
+            });
+        }
+        isLoading() {
+            if (!this.state.searchResult) {
+                return true;
+            }
+            return this.state.searchResult.loading;
+        }
+        componentDidMount() {
+            this.setState({
+                searchResult: this.props.directive.engine.doSearch({
+                    search: null,
+                    matches: createSearchEventMatcher(null)
+                })
+            });
+        }
+        render() {
+            return (React.createElement(SmartPositionWidget, { position: this.props.directive.position },
+                React.createElement(ComboSearchBoxWidget, { loading: this.isLoading(), searchChanged: (search) => {
+                        // stop listening to the old search result
+                        if (this.state.searchResult) {
+                            this.state.searchResult.dispose();
+                        }
+                        this.setState({
+                            searchResult: this.props.directive.engine.doSearch({
+                                search: search,
+                                matches: createSearchEventMatcher(search)
+                            })
+                        });
+                    }, items: this.getItems(), selected: (item) => {
+                        this.props.resolve(item.original);
+                    } })));
+        }
+    };
+    __setFunctionName(_classThis, "SearchEngineDirectiveComboWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        SearchEngineDirectiveComboWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return SearchEngineDirectiveComboWidget = _classThis;
+})();
+export { SearchEngineDirectiveComboWidget };
+//# sourceMappingURL=SearchEngineDirectiveComboWidget.js.map

package/dist/layers/combo/directive-types/SearchEngineDirectiveComboWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchEngineDirectiveComboWidget.js","sourceRoot":"","sources":["../../../../src/layers/combo/directive-types/SearchEngineDirectiveComboWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAM5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAgB,MAAM,sCAAsC,CAAC;IAgBjF,gCAAgC;4BAD5C,QAAQ;;;;sBAC6C,KAAK,CAAC,SAAS;6DAAvB,SAAQ,WAGrD;QACC,YAAY,KAAK;YACf,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,IAAI,CAAC,KAAK,GAAG;gBACX,YAAY,EAAE,IAAI;aACnB,CAAC;QACJ,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBAC7B,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;gBACvD,OAAO,gCACF,MAAM,KACT,QAAQ,EAAE,MAAM,GACK,CAAC;YAC1B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;QACzC,CAAC;QAED,iBAAiB;YACf,IAAI,CAAC,QAAQ,CAAC;gBACZ,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;oBACjD,MAAM,EAAE,IAAI;oBACZ,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC;iBACxC,CAAC;aACH,CAAC,CAAC;QACL,CAAC;QAED,MAAM;YACJ,OAAO,CACL,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;gBAC1D,oBAAC,oBAAoB,IACnB,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,EACzB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE;wBACxB,0CAA0C;wBAC1C,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;4BAC5B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;wBACpC,CAAC;wBAED,IAAI,CAAC,QAAQ,CAAC;4BACZ,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;gCACjD,MAAM,EAAE,MAAM;gCACd,OAAO,EAAE,wBAAwB,CAAC,MAAM,CAAC;6BAC1C,CAAC;yBACH,CAAC,CAAC;oBACL,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,QAAQ,EAAE,CAAC,IAAwB,EAAE,EAAE;wBACrC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBACpC,CAAC,GACD,CACkB,CACvB,CAAC;QACJ,CAAC;;;;;;QAhEH,6KAiEC;;;QAjEY,uDAAgC;;;;SAAhC,gCAAgC"}

package/dist/layers/combo2/ComboBox2Layer.js

@@ -0,0 +1,77 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { inject } from '../../inversify.config';
+import { LayerDirective } from '../../stores/layer/LayerDirective';
+import { ComboBoxStore2 } from '../../stores/combo2/ComboBoxStore2';
+import { SmartPositionWidget } from '../combo/SmartPositionWidget';
+import { FloatingPanelWidget } from '../../widgets/floating/FloatingPanelWidget';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { FloatingPanelButtonWidget } from '../../widgets';
+let ComboBox2Layer = (() => {
+    var _a, _ComboBox2Layer_comboBoxStore_accessor_storage;
+    let _classSuper = LayerDirective;
+    let _comboBoxStore_decorators;
+    let _comboBoxStore_initializers = [];
+    let _comboBoxStore_extraInitializers = [];
+    return _a = class ComboBox2Layer extends _classSuper {
+            get comboBoxStore() { return __classPrivateFieldGet(this, _ComboBox2Layer_comboBoxStore_accessor_storage, "f"); }
+            set comboBoxStore(value) { __classPrivateFieldSet(this, _ComboBox2Layer_comboBoxStore_accessor_storage, value, "f"); }
+            show() {
+                return !!this.comboBoxStore.directive;
+            }
+            getLayerContent() {
+                if (this.comboBoxStore.directive) {
+                    return React.createElement(ComboBoxWrapper, { directive: this.comboBoxStore.directive });
+                }
+            }
+            layerWillHide() {
+                var _b;
+                (_b = this.comboBoxStore.directive) === null || _b === void 0 ? void 0 : _b.dismiss();
+                return true;
+            }
+            constructor() {
+                super(...arguments);
+                _ComboBox2Layer_comboBoxStore_accessor_storage.set(this, __runInitializers(this, _comboBoxStore_initializers, void 0));
+                __runInitializers(this, _comboBoxStore_extraInitializers);
+            }
+        },
+        _ComboBox2Layer_comboBoxStore_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;
+            _comboBoxStore_decorators = [inject(ComboBoxStore2)];
+            __esDecorate(_a, null, _comboBoxStore_decorators, { kind: "accessor", name: "comboBoxStore", static: false, private: false, access: { has: obj => "comboBoxStore" in obj, get: obj => obj.comboBoxStore, set: (obj, value) => { obj.comboBoxStore = value; } }, metadata: _metadata }, _comboBoxStore_initializers, _comboBoxStore_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { ComboBox2Layer };
+export const ComboBoxWrapper = (props) => {
+    return (React.createElement(S.Container, null,
+        React.createElement(SmartPositionWidget, { position: props.directive.getPosition() },
+            React.createElement(FloatingPanelWidget, { center: false },
+                React.createElement(S.Container, null,
+                    props.directive.title ? React.createElement(S.Title, null, props.directive.title) : null,
+                    props.directive.getContent(),
+                    props.directive.buttons.length > 0 ? (React.createElement(S.Buttons, null, props.directive.buttons.map((b) => {
+                        return React.createElement(FloatingPanelButtonWidget, { btn: b, key: b.label });
+                    }))) : null)))));
+};
+var S;
+(function (S) {
+    S.Container = styled.div `
+    padding: 5px;
+  `;
+    S.Buttons = styled.div `
+    padding-top: 5px;
+  `;
+    S.Title = themed.div `
+    color: ${(p) => p.theme.combobox.text};
+    font-size: 15px;
+    font-weight: 500;
+    padding: 5px;
+    padding-bottom: 10px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=ComboBox2Layer.js.map

package/dist/layers/combo2/ComboBox2Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox2Layer.js","sourceRoot":"","sources":["../../../src/layers/combo2/ComboBox2Layer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;IAE7C,cAAc;;sBAAS,cAAc;;;;sBAArC,cAAe,SAAQ,WAAc;YAEhD,IAAS,aAAa,gGAAiB;YAAvC,IAAS,aAAa,qGAAiB;YAEvC,IAAI;gBACF,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;YACxC,CAAC;YAED,eAAe;gBACb,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;oBACjC,OAAO,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,GAAI,CAAC;gBACtE,CAAC;YACH,CAAC;YAED,aAAa;;gBACX,MAAA,IAAI,CAAC,aAAa,CAAC,SAAS,0CAAE,OAAO,EAAE,CAAC;gBACxC,OAAO,IAAI,CAAC;YACd,CAAC;;;gBAfQ,uHAA8B;;;;;;;;yCADtC,MAAM,CAAC,cAAc,CAAC;YACvB,0LAAS,aAAa,6BAAb,aAAa,qGAAiB;;;;;SAF5B,cAAc;AAwB3B,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1D,oBAAC,mBAAmB,IAAC,MAAM,EAAE,KAAK;gBAChC,oBAAC,CAAC,CAAC,SAAS;oBACT,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAW,CAAC,CAAC,CAAC,IAAI;oBACzE,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;oBAC5B,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,oBAAC,CAAC,CAAC,OAAO,QACP,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACjC,OAAO,oBAAC,yBAAyB,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,GAAI,CAAC;oBAC7D,CAAC,CAAC,CACQ,CACb,CAAC,CAAC,CAAC,IAAI,CACI,CACM,CACF,CACV,CACf,CAAC;AACJ,CAAC,CAAC;AACF,IAAU,CAAC,CAgBV;AAhBD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;GAElC,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;GAEhC,CAAC;IAEW,OAAK,GAAG,MAAM,CAAC,GAAG,CAAA;aACpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;;;;;GAKtC,CAAC;AACJ,CAAC,EAhBS,CAAC,KAAD,CAAC,QAgBV"}

package/dist/layers/command-pallet/CMDPalletLayer.js

@@ -0,0 +1,56 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import * as React from 'react';
+import { CMDPalletStore } from '../../stores';
+import { inject } from '../../inversify.config';
+import { SmartCMDPalletWidget } from './SmartCMDPalletWidget';
+import { LayerDirective } from '../../stores/layer/LayerDirective';
+import { DNDStore } from '../../stores/dnd/DNDStore';
+let CMDPalletLayer = (() => {
+    var _a, _CMDPalletLayer_cmdPalletStore_accessor_storage, _CMDPalletLayer_dndStore_accessor_storage;
+    let _classSuper = LayerDirective;
+    let _cmdPalletStore_decorators;
+    let _cmdPalletStore_initializers = [];
+    let _cmdPalletStore_extraInitializers = [];
+    let _dndStore_decorators;
+    let _dndStore_initializers = [];
+    let _dndStore_extraInitializers = [];
+    return _a = class CMDPalletLayer extends _classSuper {
+            get cmdPalletStore() { return __classPrivateFieldGet(this, _CMDPalletLayer_cmdPalletStore_accessor_storage, "f"); }
+            set cmdPalletStore(value) { __classPrivateFieldSet(this, _CMDPalletLayer_cmdPalletStore_accessor_storage, value, "f"); }
+            get dndStore() { return __classPrivateFieldGet(this, _CMDPalletLayer_dndStore_accessor_storage, "f"); }
+            set dndStore(value) { __classPrivateFieldSet(this, _CMDPalletLayer_dndStore_accessor_storage, value, "f"); }
+            getLayerContent(isTop) {
+                return React.createElement(SmartCMDPalletWidget, { selected: this.cmdPalletStore.show, focused: !!isTop });
+            }
+            transparent() {
+                return !!this.dndStore.draggingEntity;
+            }
+            show() {
+                return !!this.cmdPalletStore.show;
+            }
+            layerWillHide() {
+                this.cmdPalletStore.showPallet(false);
+                return true;
+            }
+            constructor() {
+                super(...arguments);
+                _CMDPalletLayer_cmdPalletStore_accessor_storage.set(this, __runInitializers(this, _cmdPalletStore_initializers, void 0));
+                _CMDPalletLayer_dndStore_accessor_storage.set(this, (__runInitializers(this, _cmdPalletStore_extraInitializers), __runInitializers(this, _dndStore_initializers, void 0)));
+                __runInitializers(this, _dndStore_extraInitializers);
+            }
+        },
+        _CMDPalletLayer_cmdPalletStore_accessor_storage = new WeakMap(),
+        _CMDPalletLayer_dndStore_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;
+            _cmdPalletStore_decorators = [inject(CMDPalletStore)];
+            _dndStore_decorators = [inject(DNDStore)];
+            __esDecorate(_a, null, _cmdPalletStore_decorators, { kind: "accessor", name: "cmdPalletStore", static: false, private: false, access: { has: obj => "cmdPalletStore" in obj, get: obj => obj.cmdPalletStore, set: (obj, value) => { obj.cmdPalletStore = value; } }, metadata: _metadata }, _cmdPalletStore_initializers, _cmdPalletStore_extraInitializers);
+            __esDecorate(_a, null, _dndStore_decorators, { kind: "accessor", name: "dndStore", static: false, private: false, access: { has: obj => "dndStore" in obj, get: obj => obj.dndStore, set: (obj, value) => { obj.dndStore = value; } }, metadata: _metadata }, _dndStore_initializers, _dndStore_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { CMDPalletLayer };
+//# sourceMappingURL=CMDPalletLayer.js.map

package/dist/layers/command-pallet/CMDPalletLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CMDPalletLayer.js","sourceRoot":"","sources":["../../../src/layers/command-pallet/CMDPalletLayer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;IAExC,cAAc;;sBAAS,cAAc;;;;;;;sBAArC,cAAe,SAAQ,WAAc;YAEhD,IAAS,cAAc,iGAAiB;YAAxC,IAAS,cAAc,sGAAiB;YAGxC,IAAS,QAAQ,2FAAW;YAA5B,IAAS,QAAQ,gGAAW;YAE5B,eAAe,CAAC,KAAK;gBACnB,OAAO,oBAAC,oBAAoB,IAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,GAAI,CAAC;YACxF,CAAC;YAED,WAAW;gBACT,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;YACxC,CAAC;YAED,IAAI;gBACF,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;YACpC,CAAC;YAED,aAAa;gBACX,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBACtC,OAAO,IAAI,CAAC;YACd,CAAC;;;gBApBQ,yHAA+B;gBAG/B,2KAAmB;;;;;;;;;0CAJ3B,MAAM,CAAC,cAAc,CAAC;oCAGtB,MAAM,CAAC,QAAQ,CAAC;YAFjB,6LAAS,cAAc,6BAAd,cAAc,uGAAiB;YAGxC,2KAAS,QAAQ,6BAAR,QAAQ,2FAAW;;;;;SALjB,cAAc"}

package/dist/layers/command-pallet/CommandPalletCategoryWidget.js

@@ -0,0 +1,84 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { PanelButtonMode, PanelButtonWidget } from '../../widgets/forms/PanelButtonWidget';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    margin-bottom: 20px;
+  `;
+    S.Title = themed.div `
+    font-size: 12px;
+    opacity: 0.2;
+    color: ${(p) => p.theme.combobox.text};
+    margin-bottom: 5px;
+    margin-left: 10px;
+    flex-shrink: 0;
+  `;
+    S.Top = styled.div `
+    display: flex;
+    align-self: center;
+    align-items: center;
+  `;
+    S.Icon = themed.div `
+    margin-left: 10px;
+    opacity: 0.5;
+    font-size: 12px;
+    color: ${(p) => p.theme.combobox.text};
+  `;
+    S.ShowMore = themed.div `
+    text-align: center;
+    color: ${(p) => p.theme.combobox.text};
+    padding: 10px;
+    opacity: 0.5;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 1.0;
+    }
+  `;
+    S.Button = styled(PanelButtonWidget) `
+    img {
+      max-width: 25px;
+    }
+  `;
+    S.Buttons = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex-grow: 1;
+  `;
+})(S || (S = {}));
+export class CommandPalletCategoryWidget extends React.Component {
+    getLoader() {
+        if (!this.props.loading) {
+            return null;
+        }
+        return (React.createElement(S.Icon, null,
+            React.createElement(FontAwesomeIcon, { icon: "spinner", spin: true })));
+    }
+    getButtons() {
+        if (this.props.btns) {
+            return (React.createElement(S.Buttons, null, this.props.btns.map((m) => {
+                return (React.createElement(S.Button, Object.assign({ key: m.label }, m, { action: (event) => {
+                        this.props.close();
+                        m.action(event);
+                    }, mode: PanelButtonMode.LINK })));
+            })));
+        }
+        return null;
+    }
+    render() {
+        return (React.createElement(S.Container, null,
+            React.createElement(S.Top, null,
+                React.createElement(S.Title, null, this.props.name),
+                this.getLoader(),
+                this.getButtons()),
+            this.props.children,
+            this.props.showMore && !this.props.loading ? (React.createElement(S.ShowMore, { onClick: () => {
+                    this.props.showMoreAction();
+                } }, this.props.showMore)) : null));
+    }
+}
+//# sourceMappingURL=CommandPalletCategoryWidget.js.map

package/dist/layers/command-pallet/CommandPalletCategoryWidget.js.map

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

package/dist/layers/command-pallet/CommandPalletEntryWidget.js

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import { useRef } from 'react';
+import styled from '@emotion/styled';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { IconWidget } from '../../widgets/icons/IconWidget';
+import { getTransparentColor } from '@journeyapps-labs/lib-reactor-utils';
+var S;
+(function (S) {
+    S.Container = themed.div `
+    display: flex;
+    height: 23px;
+    align-items: center;
+    cursor: pointer;
+    background: ${(p) => (p.selected ? p.theme.combobox.backgroundSelected : 'transparent')};
+    ${(p) => (p.selected ? p.theme.combobox.backgroundSelected : 'transparent')};
+    user-select: none;
+  `;
+    S.IconContainer = styled.div `
+    width: 30px;
+    align-self: stretch;
+    color: ${(p) => p.color};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: ${(p) => p.background};
+    flex-shrink: 0;
+  `;
+    S.Icon = styled(IconWidget) `
+    max-height: 20px;
+  `;
+    S.Primary = themed.div `
+    margin-left: 10px;
+    color: ${(p) => (p.selected ? p.theme.combobox.textSelected : p.theme.combobox.text)};
+    font-family: "Source Sans Pro";
+    font-size: 14px;
+    white-space: nowrap;
+    opacity: ${(p) => (p.disabled ? 0.3 : 1)};
+  `;
+    S.Secondary = themed.div `
+    margin-left: 10px;
+    color: ${(p) => (p.selected ? p.theme.combobox.textSelected : p.theme.combobox.text)};
+    font-family: "Source Sans Pro";
+    opacity: 0.2;
+    font-size: 14px;
+    white-space: nowrap;
+  `;
+    S.Label = styled.div `
+    flex-grow: 1;
+    display: flex;
+    align-items: center;
+  `;
+})(S || (S = {}));
+export const RawEntry = React.memo((props) => {
+    let iconBackground = 'transparent';
+    if (props.selected) {
+        iconBackground = getTransparentColor(props.color, 0.3);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(S.IconContainer, { color: props.color, background: iconBackground },
+            React.createElement(S.Icon, { icon: props.icon })),
+        React.createElement(S.Label, null,
+            React.createElement(S.Primary, { disabled: props.disabled, selected: props.selected },
+                props.disabled ? '[disabled] ' : '',
+                props.primary),
+            React.createElement(S.Secondary, { selected: props.selected }, props.secondary))));
+});
+export const CommandPalletEntryWidget = (props) => {
+    let _ref = useRef(null);
+    return (React.createElement(S.Container, { disabled: props.disabled, onClick: (event) => {
+            if (props.mouseClicked) {
+                props.mouseClicked(event);
+            }
+        }, onMouseEnter: props.mouseEntered, ref: props.forwardRef || _ref, selected: props.selected },
+        React.createElement(RawEntry, Object.assign({}, props)),
+        props.children));
+};
+//# sourceMappingURL=CommandPalletEntryWidget.js.map

package/dist/layers/command-pallet/CommandPalletEntryWidget.js.map

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

package/dist/layers/command-pallet/CommandPalletWidget.js

@@ -0,0 +1,99 @@
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { ControlledSearchWidget } from '../../widgets/search/ControlledSearchWidget';
+import { TabSelectionKeyboardWidget } from '../../widgets/tabs/TabSelectionKeyboardWidget';
+import { TabKeyboardHelpWidget } from '../../widgets/tabs/TabKeyboardHelpWidget';
+import { FloatingPanelWidget } from '../../widgets/floating/FloatingPanelWidget';
+import { LargerCMDPalletSetting } from '../../preferences/LargerCMDPalletSetting';
+import { observer } from 'mobx-react';
+import * as _ from 'lodash';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Container = themed.div `
+    width: ${(p) => (p.larger ? 950 : 700)}px;
+  `;
+    S.Content = styled.div `
+    height: ${(p) => (p.larger ? 450 : 300)}px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    box-sizing: border-box;
+    overflow-y: auto;
+  `;
+    S.Search = styled.div `
+    padding-top: 5px;
+    padding-bottom: 5px;
+  `;
+    S.Top = styled.div `
+    display: flex;
+    align-items: center;
+  `;
+    S.Tabs = styled(TabSelectionKeyboardWidget) `
+    flex-grow: 1;
+  `;
+})(S || (S = {}));
+let CommandPalletWidget = (() => {
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    var CommandPalletWidget = _classThis = class extends _classSuper {
+        constructor(props) {
+            super(props);
+            this.state = {
+                selected: props.tabSelected,
+                search: ''
+            };
+            this.searchInputRef = React.createRef();
+        }
+        componentDidUpdate(prevProps, prevState, snapshot) {
+            var _a;
+            if (prevState.selected !== this.state.selected) {
+                (_a = this.searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        }
+        render() {
+            const larger = LargerCMDPalletSetting.get().checked;
+            return (React.createElement(FloatingPanelWidget, { center: true },
+                React.createElement(S.Container, { larger: larger },
+                    React.createElement(S.Top, null,
+                        React.createElement(S.Tabs, { tabSelected: (key) => {
+                                this.setState({
+                                    selected: key
+                                }, () => {
+                                    _.defer(() => {
+                                        this.props.searchChanged(this.state.search, this.state.selected);
+                                    });
+                                });
+                            }, selected: this.state.selected, tabs: this.props.tabs }),
+                        React.createElement(TabKeyboardHelpWidget, null)),
+                    React.createElement(S.Search, null,
+                        React.createElement(ControlledSearchWidget, { historyContext: "cmd-palette", focusOnMount: true, inputRef: this.searchInputRef, searchChanged: (search) => {
+                                this.setState({
+                                    search: search
+                                }, () => {
+                                    _.defer(() => {
+                                        this.props.searchChanged(this.state.search, this.state.selected);
+                                    });
+                                });
+                            } })),
+                    React.createElement(S.Content, { onWheel: () => {
+                            this.props.wheelScroll();
+                        }, larger: larger }, this.props.children))));
+        }
+    };
+    __setFunctionName(_classThis, "CommandPalletWidget");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        CommandPalletWidget = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return CommandPalletWidget = _classThis;
+})();
+export { CommandPalletWidget };
+//# sourceMappingURL=CommandPalletWidget.js.map

package/dist/layers/command-pallet/CommandPalletWidget.js.map

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