@journeyapps-labs/reactor-mod-data-browser 0.0.0-dev-20250825225306

package/dist/panels/query/QueryPanelWidget.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { observer } from 'mobx-react';
+import styled from '@emotion/styled';
+import { BorderLayoutWidget, LoadingPanelWidget } from '@journeyapps-labs/reactor-mod';
+import { PageResultsWidget } from './PageResultsWidget';
+import { TableControlsWidget } from './TableControlsWidget';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  `;
+})(S || (S = {}));
+export const QueryPanelWidget = observer((props) => {
+    const [page, setPage] = useState(null);
+    useEffect(() => {
+        if (!props.model.query) {
+            return;
+        }
+        props.model.query.load();
+    }, [props.model.query]);
+    useEffect(() => {
+        if (props.model.query) {
+            setPage(props.model.query.getPage(props.model.current_page));
+        }
+    }, [props.model.query]);
+    return (React.createElement(LoadingPanelWidget, { loading: !props.model.query || !page }, () => {
+        return (React.createElement(S.Container, null,
+            React.createElement(BorderLayoutWidget, { top: React.createElement(TableControlsWidget, { query: props.model.query, current_page: page, goToPage: (index) => {
+                        setPage(props.model.query.getPage(index));
+                        props.model.current_page = index;
+                    } }), bottom: React.createElement(TableControlsWidget, { query: props.model.query, current_page: page, goToPage: (index) => {
+                        setPage(props.model.query.getPage(index));
+                        props.model.current_page = index;
+                    } }) },
+                React.createElement(PageResultsWidget, { query: props.model.query, page: page }))));
+    }));
+});
+//# sourceMappingURL=QueryPanelWidget.js.map

package/dist/panels/query/QueryPanelWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryPanelWidget.js","sourceRoot":"","sources":["../../../src/panels/query/QueryPanelWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,IAAU,CAAC,CAMV;AAND,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;GAIlC,CAAC;AACJ,CAAC,EANS,CAAC,KAAD,CAAC,QAMV;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAoC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IAClF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAO,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,oBAAC,kBAAkB,IAAC,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,IACrD,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;YACV,oBAAC,kBAAkB,IACjB,GAAG,EACD,oBAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;wBAC1C,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;oBACnC,CAAC,GACD,EAEJ,MAAM,EACJ,oBAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;wBAC1C,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;oBACnC,CAAC,GACD;gBAGJ,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACxC,CACT,CACf,CAAC;IACJ,CAAC,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/panels/query/TableControlsWidget.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { PanelButtonWidget, PanelDropdownWidget, styled } from '@journeyapps-labs/reactor-mod';
+import { observer } from 'mobx-react';
+import * as _ from 'lodash';
+export const TableControlsWidget = observer((props) => {
+    var _a;
+    return (React.createElement(S.Container, { className: props.className },
+        React.createElement(PanelButtonWidget, { disabled: ((_a = props.current_page) === null || _a === void 0 ? void 0 : _a.index) === 0, label: "Prev", action: () => {
+                props.goToPage(props.current_page.index - 1);
+            } }),
+        React.createElement(S.PageSelector, null,
+            React.createElement(PanelDropdownWidget, { onChange: ({ key }) => {
+                    props.goToPage(parseInt(key));
+                }, selected: `${props.current_page.index}`, items: _.range(0, props.query.totalPages).map((r) => {
+                    return {
+                        title: `${r + 1}`,
+                        key: `${r}`
+                    };
+                }) }),
+            React.createElement(S.TotalPages, null,
+                "/ ",
+                props.query.totalPages)),
+        React.createElement(PanelButtonWidget, { disabled: props.query.totalPages == props.current_page.index + 1, label: "Next", action: () => {
+                props.goToPage(props.current_page.index + 1);
+            } }),
+        React.createElement(PanelButtonWidget, { label: "Page", tooltip: "Reload page", icon: "refresh", action: () => {
+                props.current_page.load();
+            } }),
+        React.createElement(PanelButtonWidget, { label: "Query", tooltip: "Reload Query", icon: "refresh", action: async (event, loading) => {
+                await props.query.load();
+            } })));
+});
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    flex-direction: row;
+    column-gap: 5px;
+    padding: 5px 5px;
+    align-items: center;
+  `;
+    S.PageSelector = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  `;
+    S.TotalPages = styled.div `
+    color: ${(p) => p.theme.text.primary};
+    padding-left: 5px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=TableControlsWidget.js.map

package/dist/panels/query/TableControlsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableControlsWidget.js","sourceRoot":"","sources":["../../../src/panels/query/TableControlsWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE7G,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAU5B,MAAM,CAAC,MAAM,mBAAmB,GAAuC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;;IACxF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;QACrC,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,MAAK,CAAC,EACzC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,GAAG,EAAE;gBACX,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC/C,CAAC,GACD;QACF,oBAAC,CAAC,CAAC,YAAY;YACb,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;oBACpB,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;gBAChC,CAAC,EACD,QAAQ,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EACvC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBAClD,OAAO;wBACL,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE;wBACjB,GAAG,EAAE,GAAG,CAAC,EAAE;qBACI,CAAC;gBACpB,CAAC,CAAC,GACF;YACF,oBAAC,CAAC,CAAC,UAAU;;gBAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAgB,CACxC;QACjB,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,EAChE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,GAAG,EAAE;gBACX,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC/C,CAAC,GACD;QACF,oBAAC,iBAAiB,IAChB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,GAAG,EAAE;gBACX,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YAC5B,CAAC,GACD;QACF,oBAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC3B,CAAC,GACD,CACU,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAU,CAAC,CAmBV;AAnBD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;GAMlC,CAAC;IAEW,cAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;GAIrC,CAAC;IAEW,YAAU,GAAG,MAAM,CAAC,GAAG,CAAA;aACzB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;GAErC,CAAC;AACJ,CAAC,EAnBS,CAAC,KAAD,CAAC,QAmBV"}

package/dist/stores/ConnectionStore.js

@@ -0,0 +1,93 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { AbstractStore, LocalStorageSerializer } from '@journeyapps-labs/reactor-mod';
+import { action, computed, observable, when } from 'mobx';
+let ConnectionStore = (() => {
+    var _a, _ConnectionStore__connections_accessor_storage;
+    let _classSuper = AbstractStore;
+    let _instanceExtraInitializers = [];
+    let __connections_decorators;
+    let __connections_initializers = [];
+    let __connections_extraInitializers = [];
+    let _get_connections_decorators;
+    let _deserialize_decorators;
+    return _a = class ConnectionStore extends _classSuper {
+            get _connections() { return __classPrivateFieldGet(this, _ConnectionStore__connections_accessor_storage, "f"); }
+            set _connections(value) { __classPrivateFieldSet(this, _ConnectionStore__connections_accessor_storage, value, "f"); }
+            constructor() {
+                super({
+                    name: 'CONNECTION_STORE',
+                    serializer: new LocalStorageSerializer({
+                        key: 'CONNECTION_STORE'
+                    })
+                });
+                _ConnectionStore__connections_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, __connections_initializers, void 0)));
+                this._connectionFactories = __runInitializers(this, __connections_extraInitializers);
+                this._connections = new Set();
+                this._connectionFactories = new Map();
+            }
+            get connections() {
+                return Array.from(this._connections.values());
+            }
+            get connectionFactories() {
+                return Array.from(this._connectionFactories.values());
+            }
+            serialize() {
+                return {
+                    connections: this.connections.map((m) => m.serialize())
+                };
+            }
+            getConnectionByID(id) {
+                return this.connections.find((c) => c.id === id);
+            }
+            async waitForReadyForConnection(id) {
+                await when(() => {
+                    return !!this.getConnectionByID(id);
+                });
+                return this.getConnectionByID(id);
+            }
+            async deserializeConnection(data) {
+                let conn = this._connectionFactories.get(data.factory).generateConnection();
+                conn.id = data.id;
+                await conn._deSerialize(data.payload);
+                return conn;
+            }
+            async deserialize(data) {
+                let connections = await Promise.all(data.connections.map((connSer) => {
+                    return this.deserializeConnection(connSer);
+                }));
+                connections.forEach((c) => {
+                    this.addConnection(c);
+                });
+            }
+            registerConnectionFactory(factory) {
+                this._connectionFactories.set(factory.options.key, factory);
+            }
+            addConnection(connection) {
+                let l1 = connection.registerListener({
+                    removed: () => {
+                        this._connections.delete(connection);
+                        this.save();
+                        l1();
+                    }
+                });
+                this._connections.add(connection);
+                this.save();
+                connection.init();
+            }
+        },
+        _ConnectionStore__connections_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;
+            __connections_decorators = [observable];
+            _get_connections_decorators = [computed];
+            _deserialize_decorators = [action];
+            __esDecorate(_a, null, __connections_decorators, { kind: "accessor", name: "_connections", static: false, private: false, access: { has: obj => "_connections" in obj, get: obj => obj._connections, set: (obj, value) => { obj._connections = value; } }, metadata: _metadata }, __connections_initializers, __connections_extraInitializers);
+            __esDecorate(_a, null, _get_connections_decorators, { kind: "getter", name: "connections", static: false, private: false, access: { has: obj => "connections" in obj, get: obj => obj.connections }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _deserialize_decorators, { kind: "method", name: "deserialize", static: false, private: false, access: { has: obj => "deserialize" in obj, get: obj => obj.deserialize }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { ConnectionStore };
+//# sourceMappingURL=ConnectionStore.js.map

package/dist/stores/ConnectionStore.js.map

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