@datalayer/jupyter-react 0.0.1

package/lib/widgets/notebook/NotebookToolbar.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useDispatch } from "react-redux";
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline';
+import PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';
+import StopOutlined from '@mui/icons-material/StopOutlined';
+import QuestionAnswerOutlined from '@mui/icons-material/QuestionAnswerOutlined';
+import { notebookActions, selectNotebook } from './NotebookState';
+const NotebookToolbar = () => {
+    const dispatch = useDispatch();
+    const notebook = selectNotebook();
+    return (_jsx(_Fragment, { children: _jsxs(Grid, Object.assign({ container: true, spacing: 3, style: { padding: '30px 110px 0px 30px' } }, { children: [_jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsxs(Grid, Object.assign({ container: true, justifyItems: "flex-start" }, { children: [_jsx(Button, Object.assign({ variant: "text", color: "primary", startIcon: _jsx(AddCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.insertBelow.started()) }, { children: "Text" }), void 0),
+                            _jsx(Button, Object.assign({ variant: "text", color: "primary", startIcon: _jsx(AddCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.insertBelow.started()) }, { children: "Markdown" }), void 0),
+                            _jsx(Button, Object.assign({ variant: "text", color: "primary", startIcon: _jsx(AddCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.insertBelow.started()) }, { children: "Code" }), void 0)] }), void 0) }), void 0),
+                _jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsxs(Grid, Object.assign({ container: true, justifyContent: "flex-end" }, { children: [(notebook.kernelStatus === 'idle') &&
+                                _jsx(Button, Object.assign({ variant: "outlined", color: "primary", startIcon: _jsx(PlayCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.runAll.started()) }, { children: "Run all" }), void 0),
+                            (notebook.kernelStatus === 'busy') &&
+                                _jsx(Button, Object.assign({ variant: "outlined", color: "secondary", startIcon: _jsx(StopOutlined, {}, void 0), onClick: () => dispatch(notebookActions.interrupt.started()) }, { children: "Stop" }), void 0),
+                            ((notebook.kernelStatus !== 'idle') && (notebook.kernelStatus !== 'busy')) &&
+                                _jsx(Button, { variant: "outlined", color: "primary", startIcon: _jsx(QuestionAnswerOutlined, {}, void 0) }, void 0)] }), void 0) }), void 0)] }), void 0) }, void 0));
+};
+export default NotebookToolbar;
+//# sourceMappingURL=NotebookToolbar.js.map

package/lib/widgets/notebook/NotebookToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookToolbar.js","sourceRoot":"","sources":["../../../src/widgets/notebook/NotebookToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AACxE,OAAO,qBAAqB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,cAAc,EAAE,CAAC;IAClC,OAAO,CACL,4BACE,MAAC,IAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,iBACnE,KAAC,IAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,MAAC,IAAI,kBAAC,SAAS,QAAC,YAAY,EAAC,YAAY,iBACvC,KAAC,MAAM,kBACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,KAAC,oBAAoB,aAAG,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,kCAGvD;4BACT,KAAC,MAAM,kBACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,KAAC,oBAAoB,aAAG,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,sCAGvD;4BACT,KAAC,MAAM,kBACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,KAAC,oBAAoB,aAAG,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,kCAGvD,aACJ,YACF;gBACP,KAAC,IAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,MAAC,IAAI,kBAAC,SAAS,QAAC,cAAc,EAAC,UAAU,iBACtC,CAAC,QAAQ,CAAC,YAAY,KAAK,MAAM,CAAC;gCACjC,KAAC,MAAM,kBACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,KAAC,qBAAqB,aAAG,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,qCAGlD;4BAEV,CAAC,QAAQ,CAAC,YAAY,KAAK,MAAM,CAAC;gCACjC,KAAC,MAAM,kBACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAC,YAAY,aAAG,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,kCAGrD;4BAEV,CAAC,CAAC,QAAQ,CAAC,YAAY,KAAK,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,MAAM,CAAC,CAAC;gCACzE,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,KAAC,sBAAsB,aAAG,WAE9B,aAEN,YACF,aACF,WACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/widgets/notebook/extension/CellSidebar.d.ts

@@ -0,0 +1,7 @@
+import { ICellHeader } from '@jupyterlab/cells';
+import { CommandRegistry } from '@lumino/commands';
+import { LuminoReactPortal } from '../../../lumino/LuminoReactPortal';
+export declare class CellSidebar extends LuminoReactPortal implements ICellHeader {
+    private readonly commands;
+    constructor(sidebarReact: any, commands: CommandRegistry, injectableStore: any);
+}

package/lib/widgets/notebook/extension/CellSidebar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createElement } from 'react';
+import { createPortal } from 'react-dom';
+import { v4 as uuid_v4 } from 'uuid';
+import { notebookActions } from '../NotebookState';
+import { LuminoReactPortal } from '../../../lumino/LuminoReactPortal';
+const CELL_HEADER_CLASS = 'jp-CellHeader';
+const CELL_HEADER_DIV_CLASS = 'dla-cellHeaderContainer';
+export class CellSidebar extends LuminoReactPortal {
+    constructor(sidebarReact, commands, injectableStore) {
+        super();
+        this.commands = commands;
+        this.addClass(CELL_HEADER_CLASS);
+        this.id = uuid_v4();
+        const sidebar = createElement(sidebarReact, {
+            command: this.commands,
+            id: this.id
+        });
+        const portal = createPortal(_jsx("div", Object.assign({ className: CELL_HEADER_DIV_CLASS }, { children: sidebar }), void 0), this.node);
+        injectableStore.dispatch(notebookActions.portal.started(portal));
+    }
+}
+//# sourceMappingURL=CellSidebar.js.map

package/lib/widgets/notebook/extension/CellSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellSidebar.js","sourceRoot":"","sources":["../../../../src/widgets/notebook/extension/CellSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,OAAO,EAAE,EAAE,IAAI,OAAO,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC1C,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAExD,MAAM,OAAO,WAAY,SAAQ,iBAAiB;IAEhD,YAAY,YAAiB,EAAE,QAAyB,EAAE,eAAoB;QAC5E,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;QACpB,MAAM,OAAO,GAAG,aAAa,CAC3B,YAAY,EACZ;YACE,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CACF,CAAC;QACF,MAAM,MAAM,GAAG,YAAY,CACzB,4BAAK,SAAS,EAAE,qBAAqB,gBAClC,OAAO,YACJ,EAEN,IAAI,CAAC,IAAI,CACV,CAAC;QACF,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAU,CAAC,CAAC;IAC5E,CAAC;CACF"}

package/lib/widgets/notebook/extension/CellSidebarDefault.d.ts

@@ -0,0 +1,2 @@
+declare const CellSidebarDefault: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CellSidebarDefault;

package/lib/widgets/notebook/extension/CellSidebarDefault.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useState } from 'react';
+import { useDispatch } from 'react-redux';
+import PlayArrow from '@mui/icons-material/PlayArrowOutlined';
+import Delete from '@mui/icons-material/DeleteOutline';
+import Typography from '@mui/material/Typography';
+import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
+import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
+import { selectNotebook, notebookActions } from '../NotebookState';
+const CELL_HEADER_DIV_CLASS = 'dla-cellHeaderContainer';
+const CellSidebarDefault = (props) => {
+    var _a, _b;
+    const [visible, setVisible] = useState(false);
+    const dispatch = useDispatch();
+    const paperBook = selectNotebook();
+    const layout = ((_a = paperBook.activeCell) === null || _a === void 0 ? void 0 : _a.layout);
+    if (layout) {
+        const selectedCellSidebar = ((_b = paperBook.activeCell) === null || _b === void 0 ? void 0 : _b.layout).widgets[0];
+        if (!visible && (selectedCellSidebar.id === props.id)) {
+            setVisible(true);
+        }
+        if (visible && (selectedCellSidebar.id !== props.id)) {
+            setVisible(false);
+        }
+    }
+    if (!visible) {
+        return _jsx("div", {}, void 0);
+    }
+    return (_jsxs("div", Object.assign({ className: CELL_HEADER_DIV_CLASS }, { children: [_jsx("div", Object.assign({ onClick: event => {
+                    dispatch(notebookActions.run.started());
+                } }, { children: _jsxs("span", Object.assign({ style: { display: "flex" } }, { children: [_jsx(PlayArrow, { fontSize: "small" }, void 0),
+                        _jsx(Typography, Object.assign({ variant: "body2", color: "textSecondary" }, { children: "Render" }), void 0)] }), void 0) }), void 0),
+            _jsx("div", Object.assign({ onClick: event => {
+                    dispatch(notebookActions.insertAbove.started());
+                } }, { children: _jsxs("span", Object.assign({ style: { display: "flex" } }, { children: [_jsx(ArrowUpwardIcon, { fontSize: "small" }, void 0),
+                        _jsx(Typography, Object.assign({ variant: "body2", color: "textSecondary" }, { children: "Add above" }), void 0)] }), void 0) }), void 0),
+            _jsx("div", Object.assign({ onClick: event => {
+                    dispatch(notebookActions.insertBelow.started());
+                } }, { children: _jsxs("span", Object.assign({ style: { display: "flex" } }, { children: [_jsx(ArrowDownwardIcon, { fontSize: "small" }, void 0),
+                        _jsx(Typography, Object.assign({ variant: "body2", color: "textSecondary" }, { children: "Add below" }), void 0)] }), void 0) }), void 0),
+            _jsx("div", Object.assign({ onClick: event => {
+                    dispatch(notebookActions.delete.started(undefined));
+                } }, { children: _jsxs("span", Object.assign({ style: { display: "flex" } }, { children: [_jsx(Delete, { fontSize: "small" }, void 0),
+                        _jsx(Typography, Object.assign({ variant: "body2", color: "textSecondary" }, { children: "Delete" }), void 0)] }), void 0) }), void 0)] }), void 0));
+};
+export default CellSidebarDefault;
+//# sourceMappingURL=CellSidebarDefault.js.map

package/lib/widgets/notebook/extension/CellSidebarDefault.js.map

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

package/lib/widgets/notebook/extension/ContentFactoryWithSidebar.d.ts

@@ -0,0 +1,14 @@
+import { NotebookPanel } from '@jupyterlab/notebook';
+import { ICellHeader, Cell } from '@jupyterlab/cells';
+import { CommandRegistry } from '@lumino/commands';
+/**
+ * Extend the default implementation NotebookPanel.ContentFactory of `IContentFactory`.
+ */
+export declare class ContentFactoryWithSidebar extends NotebookPanel.ContentFactory {
+    private readonly sidebarReact;
+    private readonly commands;
+    private readonly injectableStore;
+    constructor(sidebarReact: any, commands: CommandRegistry, injectableStore: any, options?: Cell.ContentFactory.IOptions | undefined);
+    createCellHeader(): ICellHeader;
+}
+export default ContentFactoryWithSidebar;

package/lib/widgets/notebook/extension/ContentFactoryWithSidebar.js

@@ -0,0 +1,20 @@
+import { NotebookPanel } from '@jupyterlab/notebook';
+import { CellSidebar } from './CellSidebar';
+// import { IInputPrompt } from '@jupyterlab/cells';
+// import { NotebookInputPrompt } from './NotebookInputPrompt';
+/**
+ * Extend the default implementation NotebookPanel.ContentFactory of `IContentFactory`.
+ */
+export class ContentFactoryWithSidebar extends NotebookPanel.ContentFactory {
+    constructor(sidebarReact, commands, injectableStore, options) {
+        super(options);
+        this.sidebarReact = sidebarReact;
+        this.commands = commands;
+        this.injectableStore = injectableStore;
+    }
+    createCellHeader() {
+        return new CellSidebar(this.sidebarReact, this.commands, this.injectableStore);
+    }
+}
+export default ContentFactoryWithSidebar;
+//# sourceMappingURL=ContentFactoryWithSidebar.js.map

package/lib/widgets/notebook/extension/ContentFactoryWithSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentFactoryWithSidebar.js","sourceRoot":"","sources":["../../../../src/widgets/notebook/extension/ContentFactoryWithSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,oDAAoD;AACpD,+DAA+D;AAE/D;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,aAAa,CAAC,cAAc;IAIzE,YACE,YAAiB,EACjB,QAAyB,EACzB,eAAoB,EACpB,OAAkD;QAElD,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IACzC,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACjF,CAAC;CAIF;AAED,eAAe,yBAAyB,CAAC"}

package/lib/widgets/notebook/extension/NotebookInputPrompt.d.ts

@@ -0,0 +1,21 @@
+import { ReactWidget } from '@jupyterlab/apputils';
+import { IInputPrompt } from '@jupyterlab/cells';
+export default function Countdown(props: {
+    count: number;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * The custom input prompt implementation.
+ */
+export declare class NotebookInputPrompt extends ReactWidget implements IInputPrompt {
+    state: {
+        count: number;
+    };
+    constructor();
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+    /**
+     * The execution count for the prompt.
+     */
+    get executionCount(): string | null;
+    set executionCount(value: string | null);
+    private _executionCount;
+}

package/lib/widgets/notebook/extension/NotebookInputPrompt.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { ReactWidget } from '@jupyterlab/apputils';
+/**
+ * The class name added to OutputPrompt.
+ */
+const INPUT_PROMPT_CLASS = 'jp-InputPrompt';
+export default function Countdown(props) {
+    const [count, setCount] = useState(props.count);
+    let intervalRef = useRef();
+    const decreaseNum = () => setCount((prev) => prev - 1);
+    useEffect(() => {
+        setCount(props.count);
+    }, [props.count]);
+    useEffect(() => {
+        intervalRef.current = setInterval(decreaseNum, 1000);
+        return () => clearInterval(intervalRef.current);
+    }, []);
+    return (_jsx("div", { children: _jsx("div", { children: count }, void 0) }, void 0));
+}
+/**
+ * The custom input prompt implementation.
+ */
+export class NotebookInputPrompt extends ReactWidget {
+    /*
+    * Create an output prompt widget.
+    */
+    constructor() {
+        super();
+        this.state = {
+            count: 100
+        };
+        this._executionCount = null;
+        this.addClass(INPUT_PROMPT_CLASS);
+    }
+    render() {
+        return _jsx(Countdown, { count: this.state.count }, void 0);
+    }
+    /**
+     * The execution count for the prompt.
+     */
+    get executionCount() {
+        return this._executionCount;
+    }
+    set executionCount(value) {
+        this._executionCount = value;
+        if (value === null) {
+            this.state = {
+                count: 0
+            };
+        }
+        else {
+            if (value === '*') {
+                this.state = {
+                    count: 0
+                };
+            }
+            else {
+                this.state = {
+                    count: Number(value)
+                };
+                this.update();
+            }
+        }
+    }
+}
+//# sourceMappingURL=NotebookInputPrompt.js.map

package/lib/widgets/notebook/extension/NotebookInputPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookInputPrompt.js","sourceRoot":"","sources":["../../../../src/widgets/notebook/extension/NotebookInputPrompt.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD;;GAEG;AACH,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAsB;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,IAAI,WAAW,GAAG,MAAM,EAAU,CAAC;IACnC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACvD,SAAS,CAAE,GAAG,EAAE;QACZ,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,WAAW,EAAE,IAAI,CAAQ,CAAC;QAC5D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IACL,OAAO,CACP,wBACE,wBAAM,KAAK,WAAO,WACd,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,WAAW;IAIlD;;MAEE;IACF;QACE,KAAK,EAAE,CAAC;QAPV,UAAK,GAAG;YACN,KAAK,EAAE,GAAG;SACX,CAAA;QAuCO,oBAAe,GAAkB,IAAI,CAAC;QAjC5C,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,WAAI,CAAA;IAC/C,CAAC;IACD;;OAEG;IACH,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IACD,IAAI,cAAc,CAAC,KAAoB;QACrC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,KAAK,GAAG;gBACX,KAAK,EAAE,CAAC;aACT,CAAC;SACH;aAAM;YACL,IAAI,KAAK,KAAK,GAAG,EAAE;gBACjB,IAAI,CAAC,KAAK,GAAG;oBACX,KAAK,EAAE,CAAC;iBACT,CAAC;aACH;iBACI;gBACH,IAAI,CAAC,KAAK,GAAG;oBACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;iBACrB,CAAC;gBACF,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;SACF;IACH,CAAC;CAGF"}

package/lib/widgets/outputs/OutputAdapter.d.ts

@@ -0,0 +1,21 @@
+import { OutputArea, OutputAreaModel } from '@jupyterlab/outputarea';
+import { Kernel } from '@jupyterlab/services';
+import '@lumino/default-theme/style/index.css';
+import './OutputAdapter.css';
+declare class OutputAdapter {
+    private _kernelConnectionPromise;
+    private _renderers;
+    private _outputArea;
+    private _eventName;
+    private _msgLoading;
+    private _rendermime;
+    private _iPyWidgetsClassicManager;
+    constructor(kernel: Promise<Kernel.IKernelConnection>, model: OutputAreaModel, options?: any);
+    private renderCell;
+    execute(code: string): void;
+    clearOutput(): void;
+    private render;
+    private event;
+    get panel(): OutputArea;
+}
+export default OutputAdapter;

package/lib/widgets/outputs/OutputAdapter.js

@@ -0,0 +1,75 @@
+import { OutputArea } from '@jupyterlab/outputarea';
+import { RenderMimeRegistry, standardRendererFactories } from '@jupyterlab/rendermime';
+import { rendererFactory as jsonRendererFactory } from '@jupyterlab/json-extension';
+import { IPyWidgetsClassicManager } from "../../ipywidgets/IPyWidgetsClassicManager";
+import { requireLoader } from "@jupyter-widgets/html-manager";
+import { WIDGET_MIMETYPE, WidgetRenderer } from "@jupyter-widgets/html-manager/lib/output_renderers";
+// import { activateWidgetExtension } from "../../ipywidgets/IPyWidgetsPlugin";
+// import { activatePlotlyWidgetExtension } from "../../ipywidgets/plotly/jupyterlab-plugin";
+import '@lumino/default-theme/style/index.css';
+import './OutputAdapter.css';
+class OutputAdapter {
+    constructor(kernel, model, options = {}) {
+        this._kernelConnectionPromise = kernel;
+        this._eventName = options.eventName || 'dla-jupyter-output';
+        this._msgLoading = options.msgLoading || 'Loading...';
+        this._iPyWidgetsClassicManager = new IPyWidgetsClassicManager({ loader: requireLoader });
+        this._renderers = standardRendererFactories.filter(_ => true);
+        this._renderers.push(jsonRendererFactory);
+        this._rendermime = new RenderMimeRegistry({
+            initialFactories: this._renderers,
+        });
+        this._rendermime.addFactory({
+            safe: false,
+            mimeTypes: [WIDGET_MIMETYPE],
+            createRenderer: (options) => new WidgetRenderer(options, this._iPyWidgetsClassicManager),
+        }, 0);
+        //    const widgetRegistry = activateWidgetExtension(this._rendermime, null, null, null);
+        //    activatePlotlyWidgetExtension(widgetRegistry);
+        if (this._kernelConnectionPromise) {
+            this._kernelConnectionPromise.then((kernelConnection) => {
+                this._iPyWidgetsClassicManager.registerWithKernel(kernelConnection);
+            });
+        }
+        if (!options.noAutoInit) {
+            this.renderCell(model);
+        }
+    }
+    renderCell(model) {
+        this._outputArea = new OutputArea({
+            model: model,
+            rendermime: this._rendermime,
+        });
+    }
+    execute(code) {
+        this.event('executing', code);
+        if (this._kernelConnectionPromise) {
+            this._outputArea.model.clear();
+            this.render(code);
+            return;
+        }
+    }
+    clearOutput() {
+        this._outputArea.model.clear();
+    }
+    render(code) {
+        this._kernelConnectionPromise.then((kernelConnection) => {
+            this._outputArea.future = kernelConnection.requestExecute({ code });
+        });
+        this._outputArea.model.add({
+            output_type: 'stream',
+            name: 'loading',
+            text: this._msgLoading,
+        });
+        this._outputArea.model.clear(true);
+    }
+    event(status, data) {
+        const ev = new CustomEvent(this._eventName, { detail: { status, data } });
+        document.dispatchEvent(ev);
+    }
+    get panel() {
+        return this._outputArea;
+    }
+}
+export default OutputAdapter;
+//# sourceMappingURL=OutputAdapter.js.map

package/lib/widgets/outputs/OutputAdapter.js.map

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

package/lib/widgets/outputs/OutputLumino.d.ts

@@ -0,0 +1,16 @@
+import * as nbformat from '@jupyterlab/nbformat';
+import Kernel from '../../services/kernel/Kernel';
+export declare type IOutputProps = {
+    initialOutput?: [nbformat.IOutput];
+    kernel: Kernel;
+    autoRun: boolean;
+    showEditor: boolean;
+    code: string;
+    executeTrigger: number;
+    clearTrigger: number;
+};
+declare const OutputLumino: {
+    (props: IOutputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: Partial<IOutputProps>;
+};
+export default OutputLumino;

package/lib/widgets/outputs/OutputLumino.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useState, useMemo, useEffect } from 'react';
+import { OutputAreaModel } from '@jupyterlab/outputarea';
+import OutputAdapter from './OutputAdapter';
+import CodeMirrorEditor from '../editor/CodeMirrorEditor';
+import LuminoAttached from '../../lumino/LuminoAttached';
+const OutputLumino = (props) => {
+    const { initialOutput, autoRun, code, kernel, showEditor, executeTrigger, clearTrigger } = props;
+    const [model] = useState(new OutputAreaModel({
+        trusted: true,
+        values: initialOutput,
+    }));
+    const outputAdapter = useMemo(() => {
+        return new OutputAdapter(kernel.getJupyterKernel(), model, {});
+    }, []);
+    useEffect(() => {
+        if (!showEditor && autoRun) {
+            outputAdapter.execute(code);
+        }
+    }, [executeTrigger]);
+    useEffect(() => {
+        if (showEditor) {
+            outputAdapter.execute(code);
+        }
+    }, [executeTrigger]);
+    useEffect(() => {
+        if (showEditor) {
+            outputAdapter.clearOutput();
+        }
+    }, [clearTrigger]);
+    return _jsxs("div", { children: [_jsx("div", { children: showEditor &&
+                    _jsx(CodeMirrorEditor, { autoRun: autoRun, code: code, outputAdapter: outputAdapter }, void 0) }, void 0),
+            _jsx("div", Object.assign({ css: {
+                    '& .jp-OutputPrompt': {
+                        display: 'none',
+                    },
+                } }, { children: _jsx(LuminoAttached, { children: outputAdapter.panel }, void 0) }), void 0)] }, void 0);
+};
+OutputLumino.defaultProps = {
+    initialOutput: [
+        {
+            "output_type": "execute_result",
+            "data": {
+                "text/html": [
+                    "<h3>I am the default output...  👉  Run the cell to update me...  👀</h3>"
+                ]
+            },
+            "execution_count": 0,
+            "metadata": {},
+        }
+    ],
+    executeTrigger: 0,
+    clearTrigger: 0,
+};
+export default OutputLumino;
+//# sourceMappingURL=OutputLumino.js.map

package/lib/widgets/outputs/OutputLumino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputLumino.js","sourceRoot":"","sources":["../../../src/widgets/outputs/OutputLumino.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAYzD,MAAM,YAAY,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC3C,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACjG,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,eAAe,CAAC;QAC3C,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,aAAa;KACtB,CAAC,CAAC,CAAC;IACJ,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAAG,OAAO,IAAI,aAAa,CAC5D,MAAM,CAAC,gBAAgB,EAAE,EACzB,KAAK,EACL,EAAE,CACH,CAAA;IAAA,CAAC,EAAE,EAAE,CAAC,CAAC;IACR,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YAChB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,aAAa,CAAC,WAAW,EAAE,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,OAAO,0BACL,wBACI,UAAU;oBACV,KAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,WAC5B,WAEA;YACN,4BACE,GAAG,EAAE;oBACH,oBAAoB,EAAE;wBACpB,OAAO,EAAE,MAAM;qBAChB;iBACF,gBAED,KAAC,cAAc,cAAE,aAAa,CAAC,KAAK,WAAkB,YAClD,YACF,CAAA;AACR,CAAC,CAAA;AAED,YAAY,CAAC,YAAY,GAAG;IAC1B,aAAa,EAAE;QACb;YACE,aAAa,EAAE,gBAAgB;YAC/B,MAAM,EAAE;gBACN,WAAW,EAAE;oBACX,2EAA2E;iBAC5E;aACF;YACD,iBAAiB,EAAE,CAAC;YACpB,UAAU,EAAE,EAAE;SACf;KACF;IACD,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;CACS,CAAC;AAE3B,eAAe,YAAY,CAAC"}

package/lib/widgets/outputs/OutputState.d.ts

@@ -0,0 +1,19 @@
+import { Epic } from "redux-observable";
+import { AnyAction } from "typescript-fsa";
+import OutputAdapter from './OutputAdapter';
+export declare type IOutput = number;
+export interface IOutputtate {
+    outputs: IOutput;
+}
+export declare const outputInitialState: IOutputtate;
+export declare const selectOutput: () => IOutputtate;
+export declare enum ActionType {
+    OUTPUTS = "Output/OUTPUTS",
+    EXECUTE = "Output/EXECUTE"
+}
+export declare const OutputActions: {
+    outputs: import("typescript-fsa").AsyncActionCreators<number, number, {}>;
+    execute: import("typescript-fsa").AsyncActionCreators<void, void, {}>;
+};
+export declare const OutputEpics: (OutputAdapter: OutputAdapter) => Epic<AnyAction, AnyAction, IOutputtate, any>;
+export declare const OutputReducer: import("typescript-fsa-reducers").ReducerBuilder<IOutputtate, IOutputtate>;

package/lib/widgets/outputs/OutputState.js

@@ -0,0 +1,50 @@
+import { useSelector } from "react-redux";
+import actionCreatorFactory from "typescript-fsa";
+import { combineEpics } from "redux-observable";
+import { map, ignoreElements } from "rxjs/operators";
+import { ofAction } from "@datalayer/typescript-fsa-redux-observable";
+import { reducerWithInitialState } from "typescript-fsa-reducers";
+export const outputInitialState = {
+    outputs: 0
+};
+/* Selectors */
+export const selectOutput = () => useSelector((state) => {
+    if (state.Output) {
+        return state.Output;
+    }
+    return { outputs: 0 };
+});
+/* Actions */
+export var ActionType;
+(function (ActionType) {
+    ActionType["OUTPUTS"] = "Output/OUTPUTS";
+    ActionType["EXECUTE"] = "Output/EXECUTE";
+})(ActionType || (ActionType = {}));
+const actionCreator = actionCreatorFactory('jupyterReact');
+export const OutputActions = {
+    outputs: actionCreator.async(ActionType.OUTPUTS),
+    execute: actionCreator.async(ActionType.EXECUTE),
+};
+/* Epics */
+export const OutputEpics = (OutputAdapter) => {
+    const outputsEpic = action$ => action$.pipe(ofAction(OutputActions.outputs.started), map(action => {
+        return OutputActions.outputs.done({
+            params: action.payload,
+            result: action.payload
+        });
+    }));
+    const executeEpic = action$ => action$.pipe(ofAction(OutputActions.execute.started), 
+    //      tap(action => OutputAdapter.execute()),
+    ignoreElements());
+    const loggingEpic = action$ => action$
+        .pipe(ofAction(OutputActions.outputs.started), 
+    //      tap(action => Output.log(action.type)),
+    ignoreElements());
+    return combineEpics(loggingEpic, outputsEpic, executeEpic);
+};
+/* Reducers */
+export const OutputReducer = reducerWithInitialState(outputInitialState)
+    .case(OutputActions.outputs.done, (state, success) => {
+    return Object.assign(Object.assign({}, state), { outputs: success.result });
+});
+//# sourceMappingURL=OutputState.js.map

package/lib/widgets/outputs/OutputState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputState.js","sourceRoot":"","sources":["../../../src/widgets/outputs/OutputState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAUlE,MAAM,CAAC,MAAM,kBAAkB,GAAgB;IAC7C,OAAO,EAAE,CAAC;CACX,CAAA;AAED,eAAe;AAEf,MAAM,CAAC,MAAM,YAAY,GAAG,GAAgB,EAAE,CAC5C,WAAW,CAAC,CAAC,KAAkB,EAAE,EAAE;IACjC,IAAK,KAAa,CAAC,MAAM,EAAE;QACzB,OAAQ,KAAa,CAAC,MAAM,CAAC;KAC9B;IACD,OAAO,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC;AACtB,CAAC,CAAC,CAAC;AAEL,aAAa;AAEb,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,wCAA0B,CAAA;IAC1B,wCAA0B,CAAA;AAC5B,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,aAAa,CAAC,KAAK,CAC1B,UAAU,CAAC,OAAO,CACnB;IACD,OAAO,EAAE,aAAa,CAAC,KAAK,CAC1B,UAAU,CAAC,OAAO,CACnB;CACF,CAAA;AAED,WAAW;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,aAA4B,EAAE,EAAE;IAE1D,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,EACvC,GAAG,CAAC,MAAM,CAAC,EAAE;QACX,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC;YAChC,MAAM,EAAE,MAAM,CAAC,OAAO;YACtB,MAAM,EAAE,MAAM,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CACH,CAAC;IAEJ,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO,CAAC,IAAI,CACV,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,+CAA+C;IACzC,cAAc,EAAE,CACnB,CAAC;IAEF,MAAM,WAAW,GAIb,OAAO,CAAC,EAAE,CACZ,OAAO;SACJ,IAAI,CACH,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,+CAA+C;IACzC,cAAc,EAAE,CACjB,CAAC;IAEN,OAAO,YAAY,CACjB,WAAW,EACX,WAAW,EACX,WAAW,CACZ,CAAC;AACJ,CAAC,CAAA;AAED,cAAc;AAEd,MAAM,CAAC,MAAM,aAAa,GAAG,uBAAuB,CAAC,kBAAkB,CAAC;KACrE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAkB,EAAE,OAAgC,EAAE,EAAE;IACzF,uCACK,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,MAAM,IACxB;AACH,CAAC,CACF,CAAC"}

package/lib/widgets/settings/SettingsAdapter.d.ts

@@ -0,0 +1,10 @@
+import { DockPanel } from '@lumino/widgets';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './SettingsAdapter.css';
+declare class SettingsAdapter {
+    private settingsPanel;
+    constructor();
+    get panel(): DockPanel;
+}
+export default SettingsAdapter;

package/lib/widgets/settings/SettingsAdapter.js

@@ -0,0 +1,16 @@
+import { DockPanel } from '@lumino/widgets';
+import '@jupyterlab/theme-light-extension/style/theme.css';
+import '@jupyterlab/theme-light-extension/style/variables.css';
+import './SettingsAdapter.css';
+class SettingsAdapter {
+    constructor() {
+        this.settingsPanel = new DockPanel();
+        this.settingsPanel.id = 'dla-jlab-settings';
+        this.settingsPanel.spacing = 0;
+    }
+    get panel() {
+        return this.settingsPanel;
+    }
+}
+export default SettingsAdapter;
+//# sourceMappingURL=SettingsAdapter.js.map

package/lib/widgets/settings/SettingsAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAdapter.js","sourceRoot":"","sources":["../../../src/widgets/settings/SettingsAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,uDAAuD,CAAC;AAE/D,OAAO,uBAAuB,CAAC;AAE/B,MAAM,eAAe;IAGnB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,SAAS,EAAE,CAAC;QACrC,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,mBAAmB,CAAC;QAC5C,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;CAEF;AAED,eAAe,eAAe,CAAC"}

package/lib/widgets/settings/SettingsLumino.d.ts

@@ -0,0 +1,2 @@
+declare const SettingsLumino: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SettingsLumino;

package/lib/widgets/settings/SettingsLumino.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+import SettingsAdapter from './SettingsAdapter';
+import LuminoAttached from '../../lumino/LuminoAttached';
+const SettingsLumino = () => {
+    const settingsLumino = new SettingsAdapter();
+    return _jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h5", gutterBottom: true }, void 0),
+            _jsx(LuminoAttached, { children: settingsLumino.panel }, void 0)] }, void 0);
+};
+export default SettingsLumino;
+//# sourceMappingURL=SettingsLumino.js.map

package/lib/widgets/settings/SettingsLumino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLumino.js","sourceRoot":"","sources":["../../../src/widgets/settings/SettingsLumino.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,cAAc,GAAG,IAAI,eAAe,EAAE,CAAC;IAC7C,OAAO,8BACL,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,YAAY,iBACxB;YACb,KAAC,cAAc,cAAE,cAAc,CAAC,KAAK,WAAkB,YACtD,CAAA;AACL,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/widgets/settings/SettingsState.d.ts

@@ -0,0 +1,19 @@
+import { Epic } from "redux-observable";
+import { AnyAction } from "typescript-fsa";
+import SettingsAdapter from './SettingsAdapter';
+export declare type ISettings = number;
+export interface ISettingsState {
+    outputs: ISettings;
+}
+export declare const settingsInitialState: ISettingsState;
+export declare const selectSettings: () => ISettingsState;
+export declare enum ActionType {
+    OUTPUTS = "settings/OUTPUTS",
+    EXECUTE = "settings/EXECUTE"
+}
+export declare const settingsActions: {
+    outputs: import("typescript-fsa").AsyncActionCreators<number, number, {}>;
+    execute: import("typescript-fsa").AsyncActionCreators<void, void, {}>;
+};
+export declare const settingsEpics: (settingsLumino: SettingsAdapter) => Epic<AnyAction, AnyAction, ISettingsState, any>;
+export declare const settingsReducer: import("typescript-fsa-reducers").ReducerBuilder<ISettingsState, ISettingsState>;