@journeyapps-labs/reactor-mod 1.0.0

package/dist/stores/combo2/directives/ComposableComboBoxDirective.js

@@ -0,0 +1,79 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { ComboBoxDirective } from '../ComboBoxDirective';
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { observable } from 'mobx';
+import { observer } from 'mobx-react';
+import { TabSelectionWidget } from '../../../widgets';
+let ComposableComboBoxDirective = (() => {
+    var _a, _ComposableComboBoxDirective_currentDirective_accessor_storage;
+    let _classSuper = ComboBoxDirective;
+    let _currentDirective_decorators;
+    let _currentDirective_initializers = [];
+    let _currentDirective_extraInitializers = [];
+    return _a = class ComposableComboBoxDirective extends _classSuper {
+            get currentDirective() { return __classPrivateFieldGet(this, _ComposableComboBoxDirective_currentDirective_accessor_storage, "f"); }
+            set currentDirective(value) { __classPrivateFieldSet(this, _ComposableComboBoxDirective_currentDirective_accessor_storage, value, "f"); }
+            constructor(options2) {
+                super(options2);
+                this.options2 = options2;
+                _ComposableComboBoxDirective_currentDirective_accessor_storage.set(this, __runInitializers(this, _currentDirective_initializers, void 0));
+                this.currentListener = __runInitializers(this, _currentDirective_extraInitializers);
+                this.setSelectedTab(options2.directives[0].title);
+            }
+            get tabs() {
+                return this.options2.directives.map((directive) => {
+                    return {
+                        key: directive.title,
+                        name: directive.title
+                    };
+                });
+            }
+            setSelectedTab(tab) {
+                var _b;
+                (_b = this.currentListener) === null || _b === void 0 ? void 0 : _b.call(this);
+                this.currentDirective = this.options2.directives.find((d) => d.title === tab);
+                this.currentListener = this.currentDirective.registerListener({
+                    dismissed: () => {
+                        this.setSelected(this.currentDirective.getSelected());
+                    }
+                });
+            }
+            dismiss() {
+                var _b;
+                super.dismiss();
+                (_b = this.currentListener) === null || _b === void 0 ? void 0 : _b.call(this);
+            }
+            setSelected(items) {
+                super.setSelected(items);
+                this.dismiss();
+            }
+            getContent() {
+                return React.createElement(ComposableComboBoxDirectiveWidget, { directive: this });
+            }
+        },
+        _ComposableComboBoxDirective_currentDirective_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;
+            _currentDirective_decorators = [observable];
+            __esDecorate(_a, null, _currentDirective_decorators, { kind: "accessor", name: "currentDirective", static: false, private: false, access: { has: obj => "currentDirective" in obj, get: obj => obj.currentDirective, set: (obj, value) => { obj.currentDirective = value; } }, metadata: _metadata }, _currentDirective_initializers, _currentDirective_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { ComposableComboBoxDirective };
+export const ComposableComboBoxDirectiveWidget = observer((props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TabSelectionWidget, { tabs: props.directive.tabs, selected: props.directive.currentDirective.title, tabSelected: (tab) => {
+                props.directive.setSelectedTab(tab);
+            } }),
+        React.createElement(S.Container, { key: props.directive.currentDirective.title }, props.directive.currentDirective.getContent())));
+});
+var S;
+(function (S) {
+    S.Container = styled.div `
+    padding-top: 10px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=ComposableComboBoxDirective.js.map

package/dist/stores/combo2/directives/ComposableComboBoxDirective.js.map

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

package/dist/stores/combo2/directives/SearchEngineComboBoxDirective.js

@@ -0,0 +1,101 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { ComboBoxDirective } from '../ComboBoxDirective';
+import { observable } from 'mobx';
+import * as React from 'react';
+import { SearchEngineFieldWidget } from '../../../search/widgets/SearchEngineFieldWidget';
+import { ComboBoxWidget } from '../../../layers/combo/ComboBoxWidget';
+import { observer } from 'mobx-react';
+import styled from '@emotion/styled';
+let SearchEngineComboBoxDirective = (() => {
+    var _a, _SearchEngineComboBoxDirective_result_accessor_storage, _SearchEngineComboBoxDirective_parameters_accessor_storage;
+    let _classSuper = ComboBoxDirective;
+    let _result_decorators;
+    let _result_initializers = [];
+    let _result_extraInitializers = [];
+    let _parameters_decorators;
+    let _parameters_initializers = [];
+    let _parameters_extraInitializers = [];
+    return _a = class SearchEngineComboBoxDirective extends _classSuper {
+            get result() { return __classPrivateFieldGet(this, _SearchEngineComboBoxDirective_result_accessor_storage, "f"); }
+            set result(value) { __classPrivateFieldSet(this, _SearchEngineComboBoxDirective_result_accessor_storage, value, "f"); }
+            get parameters() { return __classPrivateFieldGet(this, _SearchEngineComboBoxDirective_parameters_accessor_storage, "f"); }
+            set parameters(value) { __classPrivateFieldSet(this, _SearchEngineComboBoxDirective_parameters_accessor_storage, value, "f"); }
+            constructor(options) {
+                super(options);
+                _SearchEngineComboBoxDirective_result_accessor_storage.set(this, __runInitializers(this, _result_initializers, void 0));
+                _SearchEngineComboBoxDirective_parameters_accessor_storage.set(this, (__runInitializers(this, _result_extraInitializers), __runInitializers(this, _parameters_initializers, void 0)));
+                __runInitializers(this, _parameters_extraInitializers);
+                this.result = null;
+                this.parameters = {};
+            }
+            get engine() {
+                return this.options.engine;
+            }
+            dismiss() {
+                var _b;
+                super.dismiss();
+                (_b = this.result) === null || _b === void 0 ? void 0 : _b.dispose();
+            }
+            setResult(result) {
+                var _b;
+                (_b = this.result) === null || _b === void 0 ? void 0 : _b.dispose();
+                this.result = result;
+            }
+            getItems() {
+                var _b;
+                if (!this.result) {
+                    return [];
+                }
+                return (_b = this.result) === null || _b === void 0 ? void 0 : _b.results.filter((r) => {
+                    if (!this.options.filter) {
+                        return true;
+                    }
+                    return this.options.filter(r);
+                }).map((r) => this.options.transformResult(r));
+            }
+            selectItem(item) {
+                this.setSelected([item]);
+            }
+            setSelected(items) {
+                super.setSelected(items);
+                this.dismiss();
+                this.getItems().forEach((i) => {
+                    var _b;
+                    (_b = i.action) === null || _b === void 0 ? void 0 : _b.call(i, this.getPosition());
+                });
+            }
+            getContent() {
+                return React.createElement(SearchEngineComboBoxDirectiveWidget, { directive: this });
+            }
+        },
+        _SearchEngineComboBoxDirective_result_accessor_storage = new WeakMap(),
+        _SearchEngineComboBoxDirective_parameters_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;
+            _result_decorators = [observable];
+            _parameters_decorators = [observable];
+            __esDecorate(_a, null, _result_decorators, { kind: "accessor", name: "result", static: false, private: false, access: { has: obj => "result" in obj, get: obj => obj.result, set: (obj, value) => { obj.result = value; } }, metadata: _metadata }, _result_initializers, _result_extraInitializers);
+            __esDecorate(_a, null, _parameters_decorators, { kind: "accessor", name: "parameters", static: false, private: false, access: { has: obj => "parameters" in obj, get: obj => obj.parameters, set: (obj, value) => { obj.parameters = value; } }, metadata: _metadata }, _parameters_initializers, _parameters_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { SearchEngineComboBoxDirective };
+export const SearchEngineComboBoxDirectiveWidget = observer((props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(S.Search, { engine: props.directive.engine, focusOnMount: true, parameters: props.directive.parameters, gotSearchResult: (result) => {
+                props.directive.setResult(result);
+            } }),
+        React.createElement(ComboBoxWidget, { initialSelected: null, placeholder: props.directive.searchPlaceholder, items: props.directive.getItems(), selected: (item, event) => {
+                props.directive.selectItem(item);
+            } })));
+});
+var S;
+(function (S) {
+    S.Search = styled(SearchEngineFieldWidget) `
+    margin-bottom: 5px;
+    min-width: 200px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=SearchEngineComboBoxDirective.js.map

package/dist/stores/combo2/directives/SearchEngineComboBoxDirective.js.map

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

package/dist/stores/combo2/directives/SimpleComboBoxDirective.js

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { ComboBoxDirective } from '../ComboBoxDirective';
+import { ComboBoxWidget } from '../../../layers/combo/ComboBoxWidget';
+import { useForceUpdate } from '../../../hooks/useForceUpdate';
+import { ControlledSearchWidget } from '../../../widgets/search/ControlledSearchWidget';
+import * as _ from 'lodash';
+import { createSearchEventMatcherBool } from '@journeyapps-labs/lib-reactor-search';
+import { styled } from '../../themes/reactor-theme-fragment';
+export class SimpleComboBoxDirective extends ComboBoxDirective {
+    constructor(options) {
+        super(options);
+    }
+    showSearch() {
+        if (this.options.hideSearch) {
+            return false;
+        }
+        return this.getAllItems().length > 5;
+    }
+    selectItem(key) {
+        const found = this.options.items.find((i) => i.key === key);
+        this.setSelected([found]);
+    }
+    getSelectedItem() {
+        return this.getSelected()[0] || null;
+    }
+    setSelected(items) {
+        super.setSelected(items);
+        this.dismiss();
+        this.getSelected().forEach((s) => {
+            var _a;
+            (_a = s.action) === null || _a === void 0 ? void 0 : _a.call(s, this.getPosition());
+        });
+    }
+    getContent() {
+        return React.createElement(SimpleComboBoxDirectiveWidget, { directive: this });
+    }
+    getAllItems() {
+        if (this.options.sort) {
+            return _.sortBy(this.options.items, (i) => i.title);
+        }
+        return this.options.items;
+    }
+    getItems() {
+        if (!this.matcher) {
+            return this.getAllItems();
+        }
+        return this.getAllItems().filter((i) => this.matcher(i.title));
+    }
+    setSearch(search) {
+        super.setSearch(search);
+        if (this.search === null) {
+            this.matcher = null;
+        }
+        else {
+            this.matcher = createSearchEventMatcherBool(search);
+        }
+    }
+}
+export const SimpleComboBoxDirectiveWidget = (props) => {
+    const forceUpdate = useForceUpdate();
+    if (props.directive.getAllItems().length === 0) {
+        return React.createElement(S.NoItems, null, "No items");
+    }
+    return (React.createElement(React.Fragment, null,
+        props.directive.showSearch() ? (React.createElement(S.Search, { focusOnMount: true, searchChanged: (search) => {
+                props.directive.setSearch(search);
+                forceUpdate();
+            } })) : null,
+        React.createElement(ComboBoxWidget, { maxHeight: !props.directive.showSearch() ? 600 : null, initialSelected: null, placeholder: props.directive.searchPlaceholder, items: props.directive.getItems(), selected: (item, event) => {
+                if (item.link) {
+                    window.open(item.link, '_blank');
+                }
+                props.directive.selectItem(item.key);
+            } })));
+};
+var S;
+(function (S) {
+    S.Search = styled(ControlledSearchWidget) `
+    margin-bottom: 5px;
+    min-width: 200px;
+  `;
+    S.NoItems = styled.div `
+    font-style: italic;
+    font-size: 12px;
+    color: ${(p) => p.theme.text.secondary};
+    text-align: center;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=SimpleComboBoxDirective.js.map

package/dist/stores/combo2/directives/SimpleComboBoxDirective.js.map

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

package/dist/stores/dialog-utils.js

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { copyTextToClipboard } from '@journeyapps-labs/lib-reactor-utils';
+import { ioc } from '../inversify.config';
+import { DialogStore } from './DialogStore';
+import { styled } from './themes/reactor-theme-fragment';
+import { Duration } from 'luxon';
+import { ScrollableDivCss } from '../widgets';
+import { NotificationStore } from './NotificationStore';
+var S;
+(function (S) {
+    S.Pre = styled.pre `
+    color: ${(p) => p.theme.text.primary};
+    background: ${(p) => p.theme.combobox.headerBackground};
+    padding: 10px;
+    border-radius: 5px;
+    max-width: 500px;
+    overflow: auto;
+
+    ${ScrollableDivCss};
+  `;
+    S.Description = styled.div `
+    color: ${(p) => p.theme.text.secondary};
+    font-size: 13px;
+    padding-top: 10px;
+  `;
+    S.Container = styled.div ``;
+})(S || (S = {}));
+export var TokenDialogType;
+(function (TokenDialogType) {
+    TokenDialogType["TOKEN"] = "Token";
+    TokenDialogType["SECRET"] = "Secret";
+})(TokenDialogType || (TokenDialogType = {}));
+export const showTokenDialog = async (options) => {
+    const { token, type, expire_seconds } = options;
+    copyTextToClipboard(token);
+    await ioc.get(DialogStore).showCustomDialog({
+        title: `${type} copied to clipboard`,
+        generateUI: (options) => {
+            options.registerListener(async (btn) => {
+                if (btn.label == 'Copy') {
+                    copyTextToClipboard(token);
+                    ioc.get(NotificationStore).showNotification({
+                        title: 'Copied',
+                        description: `${type} copied to clipboard`
+                    });
+                    return false;
+                }
+                else {
+                    return true;
+                }
+            }, 'copy');
+            return (React.createElement(S.Container, null,
+                React.createElement(S.Pre, null, token),
+                expire_seconds ? (React.createElement(S.Description, null,
+                    type,
+                    " will expire in",
+                    ' ',
+                    Duration.fromObject({
+                        seconds: expire_seconds
+                    })
+                        .rescale()
+                        .toHuman())) : null));
+        },
+        btns: [
+            {
+                icon: 'copy',
+                label: 'Copy'
+            },
+            {
+                label: 'Close',
+                submitButton: true
+            }
+        ]
+    });
+};
+//# sourceMappingURL=dialog-utils.js.map

package/dist/stores/dialog-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-utils.js","sourceRoot":"","sources":["../../src/stores/dialog-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,IAAU,CAAC,CAmBV;AAnBD,WAAU,CAAC;IACI,KAAG,GAAG,MAAM,CAAC,GAAG,CAAA;aAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;kBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB;;;;;;MAMpD,gBAAgB;GACnB,CAAC;IAEW,aAAW,GAAG,MAAM,CAAC,GAAG,CAAA;aAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;GAGvC,CAAC;IAEW,WAAS,GAAQ,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAC7C,CAAC,EAnBS,CAAC,KAAD,CAAC,QAmBV;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAQD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,EAAE,OAA+B,EAAE,EAAE;IACvE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC;IAChD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC;QAC1C,KAAK,EAAE,GAAG,IAAI,sBAAsB;QACpC,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;YACtB,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBACrC,IAAI,GAAG,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC;oBACxB,mBAAmB,CAAC,KAAK,CAAC,CAAC;oBAC3B,GAAG,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC;wBAC1C,KAAK,EAAE,QAAQ;wBACf,WAAW,EAAE,GAAG,IAAI,sBAAsB;qBAC3C,CAAC,CAAC;oBACH,OAAO,KAAK,CAAC;gBACf,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC,EAAE,MAAM,CAAC,CAAC;YAEX,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;gBACV,oBAAC,CAAC,CAAC,GAAG,QAAE,KAAK,CAAS;gBACrB,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,CAAC,CAAC,WAAW;oBACX,IAAI;;oBAAiB,GAAG;oBACxB,QAAQ,CAAC,UAAU,CAAC;wBACnB,OAAO,EAAE,cAAc;qBACxB,CAAC;yBACC,OAAO,EAAE;yBACT,OAAO,EAAE,CACE,CACjB,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;QACJ,CAAC;QACD,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,YAAY,EAAE,IAAI;aACnB;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/stores/dialog2/AbstractDialogDirective.js

@@ -0,0 +1,82 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { BaseObserver } from '@journeyapps-labs/lib-reactor-utils';
+import * as React from 'react';
+import { DialogWidget } from '../../layers/dialog/DialogWidget';
+import { observer } from 'mobx-react';
+import { observable } from 'mobx';
+import styled from '@emotion/styled';
+import { v4 } from 'uuid';
+let AbstractDialogDirective = (() => {
+    var _a, _AbstractDialogDirective_title_accessor_storage, _AbstractDialogDirective_markdown_accessor_storage, _AbstractDialogDirective_loading_accessor_storage;
+    let _classSuper = BaseObserver;
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _markdown_decorators;
+    let _markdown_initializers = [];
+    let _markdown_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    return _a = class AbstractDialogDirective extends _classSuper {
+            get title() { return __classPrivateFieldGet(this, _AbstractDialogDirective_title_accessor_storage, "f"); }
+            set title(value) { __classPrivateFieldSet(this, _AbstractDialogDirective_title_accessor_storage, value, "f"); }
+            get markdown() { return __classPrivateFieldGet(this, _AbstractDialogDirective_markdown_accessor_storage, "f"); }
+            set markdown(value) { __classPrivateFieldSet(this, _AbstractDialogDirective_markdown_accessor_storage, value, "f"); }
+            get loading() { return __classPrivateFieldGet(this, _AbstractDialogDirective_loading_accessor_storage, "f"); }
+            set loading(value) { __classPrivateFieldSet(this, _AbstractDialogDirective_loading_accessor_storage, value, "f"); }
+            constructor(options) {
+                super();
+                this.options = options;
+                _AbstractDialogDirective_title_accessor_storage.set(this, __runInitializers(this, _title_initializers, void 0));
+                _AbstractDialogDirective_markdown_accessor_storage.set(this, (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _markdown_initializers, void 0)));
+                _AbstractDialogDirective_loading_accessor_storage.set(this, (__runInitializers(this, _markdown_extraInitializers), __runInitializers(this, _loading_initializers, void 0)));
+                this.id = __runInitializers(this, _loading_extraInitializers);
+                this.title = options.title;
+                this.markdown = options.markdown;
+                this.loading = false;
+                this.id = v4();
+            }
+            dispose(canceled = true) {
+                this.iterateListeners((cb) => {
+                    var _b;
+                    return (_b = cb.disposed) === null || _b === void 0 ? void 0 : _b.call(cb, {
+                        canceled
+                    });
+                });
+            }
+            generateWidget() {
+                return React.createElement(DialogWrapperWidget, { directive: this });
+            }
+        },
+        _AbstractDialogDirective_title_accessor_storage = new WeakMap(),
+        _AbstractDialogDirective_markdown_accessor_storage = new WeakMap(),
+        _AbstractDialogDirective_loading_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;
+            _title_decorators = [observable];
+            _markdown_decorators = [observable];
+            _loading_decorators = [observable];
+            __esDecorate(_a, null, _title_decorators, { kind: "accessor", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(_a, null, _markdown_decorators, { kind: "accessor", name: "markdown", static: false, private: false, access: { has: obj => "markdown" in obj, get: obj => obj.markdown, set: (obj, value) => { obj.markdown = value; } }, metadata: _metadata }, _markdown_initializers, _markdown_extraInitializers);
+            __esDecorate(_a, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { AbstractDialogDirective };
+export const DialogWrapperWidget = observer((props) => {
+    return (React.createElement(S.Dialog, { loading: props.directive.loading, btns: props.directive.getButtons(), title: props.directive.title, markdown: props.directive.markdown }, props.directive.generateContent()));
+});
+var S;
+(function (S) {
+    S.Dialog = styled(DialogWidget) `
+    opacity: ${(p) => (p.loading ? 0.5 : 1)};
+    filter: ${(p) => (p.loading ? 'blur(1px)' : 'none')};
+    transition:
+      0.5s filter linear,
+      opacity 0.3s linear;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=AbstractDialogDirective.js.map

package/dist/stores/dialog2/AbstractDialogDirective.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractDialogDirective.js","sourceRoot":"","sources":["../../../src/stores/dialog2/AbstractDialogDirective.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;IAWJ,uBAAuB;;sBAAS,YAAY;;;;;;;;;;sBAA5C,uBAAwB,SAAQ,WAA6C;YAEjG,IAAS,KAAK,iGAAS;YAAvB,IAAS,KAAK,sGAAS;YAGvB,IAAS,QAAQ,oGAAS;YAA1B,IAAS,QAAQ,yGAAS;YAG1B,IAAS,OAAO,mGAAU;YAA1B,IAAS,OAAO,wGAAU;YAI1B,YAAsB,OAAuC;gBAC3D,KAAK,EAAE,CAAC;gBADY,YAAO,GAAP,OAAO,CAAgC;gBAVpD,gHAAc;gBAGd,2KAAiB;gBAGjB,4KAAiB;gBAEnB,OAAE,uDAAS;gBAIhB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;gBAC3B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;gBACjC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;YACjB,CAAC;YAED,OAAO,CAAC,WAAoB,IAAI;gBAC9B,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE;;oBAC3B,OAAA,MAAA,EAAE,CAAC,QAAQ,mDAAG;wBACZ,QAAQ;qBACT,CAAC,CAAA;iBAAA,CACH,CAAC;YACJ,CAAC;YAMD,cAAc;gBACZ,OAAO,oBAAC,mBAAmB,IAAC,SAAS,EAAE,IAAI,GAAI,CAAC;YAClD,CAAC;;;;;;;;iCAjCA,UAAU;oCAGV,UAAU;mCAGV,UAAU;YALX,kKAAS,KAAK,6BAAL,KAAK,qFAAS;YAGvB,2KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,wKAAS,OAAO,6BAAP,OAAO,yFAAU;;;;;SARN,uBAAuB;AAyC7C,MAAM,CAAC,MAAM,mBAAmB,GAAuC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACxF,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,IACP,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,EAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,EAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,IAEjC,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,CACzB,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAU,CAAC,CAQV;AARD,WAAU,CAAC;IACI,QAAM,GAAG,MAAM,CAAC,YAAY,CAAC,CAAsB;eACnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;cAC7B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;;;;GAIpD,CAAC;AACJ,CAAC,EARS,CAAC,KAAD,CAAC,QAQV"}

package/dist/stores/dialog2/DialogStore2.js

@@ -0,0 +1,50 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { computed, observable } from 'mobx';
+let DialogStore2 = (() => {
+    var _a, _DialogStore2__directives_accessor_storage;
+    let _instanceExtraInitializers = [];
+    let __directives_decorators;
+    let __directives_initializers = [];
+    let __directives_extraInitializers = [];
+    let _get_directives_decorators;
+    return _a = class DialogStore2 {
+            get _directives() { return __classPrivateFieldGet(this, _DialogStore2__directives_accessor_storage, "f"); }
+            set _directives(value) { __classPrivateFieldSet(this, _DialogStore2__directives_accessor_storage, value, "f"); }
+            constructor() {
+                _DialogStore2__directives_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, __directives_initializers, void 0)));
+                __runInitializers(this, __directives_extraInitializers);
+                this._directives = new Set();
+            }
+            get directives() {
+                return Array.from(this._directives.values());
+            }
+            async showDialog(directive) {
+                let canceled = await new Promise((resolve) => {
+                    let l1 = directive.registerListener({
+                        disposed: ({ canceled }) => {
+                            l1();
+                            this._directives.delete(directive);
+                            resolve(canceled);
+                        }
+                    });
+                    this._directives.add(directive);
+                });
+                if (canceled) {
+                    return null;
+                }
+                return directive;
+            }
+        },
+        _DialogStore2__directives_accessor_storage = new WeakMap(),
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __directives_decorators = [observable];
+            _get_directives_decorators = [computed];
+            __esDecorate(_a, null, __directives_decorators, { kind: "accessor", name: "_directives", static: false, private: false, access: { has: obj => "_directives" in obj, get: obj => obj._directives, set: (obj, value) => { obj._directives = value; } }, metadata: _metadata }, __directives_initializers, __directives_extraInitializers);
+            __esDecorate(_a, null, _get_directives_decorators, { kind: "getter", name: "directives", static: false, private: false, access: { has: obj => "directives" in obj, get: obj => obj.directives }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { DialogStore2 };
+//# sourceMappingURL=DialogStore2.js.map

package/dist/stores/dialog2/DialogStore2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogStore2.js","sourceRoot":"","sources":["../../../src/stores/dialog2/DialogStore2.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;IAG/B,YAAY;;;;;;;sBAAZ,YAAY;YAEvB,IAAmB,WAAW,4FAA+B;YAA7D,IAAmB,WAAW,iGAA+B;YAE7D;gBAFmB,sDAFR,mDAAY,+DAEsC;;gBAG3D,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;aAC9B;YAGD,IAAI,UAAU;gBACZ,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;YAC/C,CAAC;YAED,KAAK,CAAC,UAAU,CAAoC,SAAY;gBAC9D,IAAI,QAAQ,GAAG,MAAM,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;oBACpD,IAAI,EAAE,GAAG,SAAS,CAAC,gBAAgB,CAAC;wBAClC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;4BACzB,EAAE,EAAE,CAAC;4BACL,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;4BACnC,OAAO,CAAC,QAAQ,CAAC,CAAC;wBACpB,CAAC;qBACF,CAAC,CAAC;oBACH,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC,CAAC,CAAC;gBACH,IAAI,QAAQ,EAAE,CAAC;oBACb,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;;;;;uCA3BA,UAAU;0CAOV,QAAQ;YANT,oLAAmB,WAAW,6BAAX,WAAW,iGAA+B;YAO7D,mLAAI,UAAU,6DAEb;;;;;SAXU,YAAY"}

package/dist/stores/dialog2/directives/FormDialogDirective.js

@@ -0,0 +1,96 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { observable } from 'mobx';
+import { ActionSource, ioc, System } from '../../..';
+import { AbstractDialogDirective } from '../AbstractDialogDirective';
+import { v4 } from 'uuid';
+let FormDialogDirective = (() => {
+    var _a, _FormDialogDirective_valid_accessor_storage;
+    let _classSuper = AbstractDialogDirective;
+    let _valid_decorators;
+    let _valid_initializers = [];
+    let _valid_extraInitializers = [];
+    return _a = class FormDialogDirective extends _classSuper {
+            get valid() { return __classPrivateFieldGet(this, _FormDialogDirective_valid_accessor_storage, "f"); }
+            set valid(value) { __classPrivateFieldSet(this, _FormDialogDirective_valid_accessor_storage, value, "f"); }
+            constructor(options2) {
+                super(options2);
+                this.options2 = options2;
+                _FormDialogDirective_valid_accessor_storage.set(this, __runInitializers(this, _valid_initializers, void 0));
+                __runInitializers(this, _valid_extraInitializers);
+                this.options2 = options2;
+                this.valid = options2.form.isValid();
+                options2.form.registerListener({
+                    errorsChanged: () => {
+                        this.valid = options2.form.isValid();
+                    }
+                });
+            }
+            getButtons() {
+                return [
+                    {
+                        label: 'Cancel',
+                        action: () => {
+                            this.dispose(true);
+                        }
+                    },
+                    {
+                        label: 'Save',
+                        icon: 'check',
+                        disabled: !this.valid,
+                        tooltip: !this.valid ? 'Fix any errors before saving.' : null,
+                        action: async (event, loading) => {
+                            var _b;
+                            loading(true);
+                            this.loading = true;
+                            if (this.options2.handler) {
+                                try {
+                                    await this.options2.handler(this.form);
+                                    if ((_b = this.options2.trace) === null || _b === void 0 ? void 0 : _b.enabled) {
+                                        this.submitTrace();
+                                    }
+                                    this.dispose(false);
+                                }
+                                finally {
+                                    loading(false);
+                                    this.loading = false;
+                                }
+                            }
+                        }
+                    }
+                ];
+            }
+            submitTrace() {
+                try {
+                    ioc.get(System).tracer.logAction({
+                        success: true,
+                        source: ActionSource.BUTTON,
+                        action_id: `FORM_DIALOG.${this.options2.trace.context.toUpperCase()}`,
+                        start_timestamp: new Date().toISOString(),
+                        end_timestamp: new Date().toISOString(),
+                        trace_id: v4()
+                    });
+                }
+                catch (ex) { }
+            }
+            get form() {
+                return this.options2.form;
+            }
+            get value() {
+                return this.form.value();
+            }
+            generateContent() {
+                return this.form.render();
+            }
+        },
+        _FormDialogDirective_valid_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;
+            _valid_decorators = [observable];
+            __esDecorate(_a, null, _valid_decorators, { kind: "accessor", name: "valid", static: false, private: false, access: { has: obj => "valid" in obj, get: obj => obj.valid, set: (obj, value) => { obj.valid = value; } }, metadata: _metadata }, _valid_initializers, _valid_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { FormDialogDirective };
+//# sourceMappingURL=FormDialogDirective.js.map

package/dist/stores/dialog2/directives/FormDialogDirective.js.map

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