@datalayer/jupyter-react 0.0.8 → 0.0.11

package/lib/components/notebook/model/CustomNotebookModelFactory.d.ts

@@ -0,0 +1,9 @@
+import { INotebookModel, NotebookModelFactory } from "@jupyterlab/notebook";
+import { IModelDB } from "@jupyterlab/observables";
+export declare class CustomNotebookModelFactory extends NotebookModelFactory {
+    /** @override */
+    constructor(options: NotebookModelFactory.IOptions);
+    /** @override */
+    createNew(languagePreference?: string, modelDB?: IModelDB, isInitialized?: boolean): INotebookModel;
+}
+export default CustomNotebookModelFactory;

package/lib/components/notebook/model/CustomNotebookModelFactory.js

@@ -0,0 +1,14 @@
+import { NotebookModelFactory } from "@jupyterlab/notebook";
+export class CustomNotebookModelFactory extends NotebookModelFactory {
+    /** @override */
+    constructor(options) {
+        super(options);
+    }
+    /** @override */
+    createNew(languagePreference, modelDB, isInitialized) {
+        const model = super.createNew(languagePreference, modelDB, isInitialized);
+        return model;
+    }
+}
+export default CustomNotebookModelFactory;
+//# sourceMappingURL=CustomNotebookModelFactory.js.map

package/lib/components/notebook/model/CustomNotebookModelFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNotebookModelFactory.js","sourceRoot":"","sources":["../../../../src/components/notebook/model/CustomNotebookModelFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG5E,MAAM,OAAO,0BAA2B,SAAQ,oBAAoB;IAElE,gBAAgB;IAChB,YAAY,OAAsC;QAChD,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAChB,SAAS,CACP,kBAA2B,EAC3B,OAAkB,EAClB,aAAuB;QAEvB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1E,OAAO,KAAK,CAAC;IACf,CAAC;CAEF;AAED,eAAe,0BAA0B,CAAC"}

package/lib/components/outputs/Output.css

@@ -0,0 +1,8 @@
+.jp-RenderedJSON {
+  height: auto;
+}
+/*
+.jp-RenderedText[data-mime-type='application/vnd.jupyter.stderr'] {
+  background: rgba(244, 67, 54, 0.28);
+}
+*/

package/lib/components/outputs/Output.d.ts

@@ -0,0 +1,25 @@
+import * as nbformat from '@jupyterlab/nbformat';
+import Kernel from './../../jupyter/services/kernel/Kernel';
+import '@lumino/default-theme/style/index.css';
+import './Output.css';
+export declare type IOutputProps = {
+    initialOutput?: [nbformat.IOutput];
+    kernel: Kernel;
+    autoRun: boolean;
+    disableRun: boolean;
+    showEditor: boolean;
+    code: string;
+    codePre?: string;
+    clearTrigger: number;
+    sourceId: string;
+    receipt?: string;
+    store?: any;
+    executeTrigger: number;
+    toolbarPosition: 'up' | 'middle' | 'none';
+    insertText?: (payload?: any) => string;
+};
+export declare const Output: {
+    (props: IOutputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: Partial<IOutputProps>;
+};
+export default Output;

package/lib/components/outputs/Output.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useState, useMemo, useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+import Stack from '@mui/material/Stack';
+import LinearProgress from '@mui/material/LinearProgress';
+import { OutputAreaModel } from '@jupyterlab/outputarea';
+import OutputAdapter from './OutputAdapter';
+import { selectExecute, outputActions, outputReducer } from './OutputState';
+import LuminoAttached from './../../jupyter/lumino/LuminoAttached';
+import CodeMirrorEditor from '././../codemirror/CodeMirrorEditor';
+import injectableStore from '../../state/Store';
+import '@lumino/default-theme/style/index.css';
+/*
+import "@jupyterlab/outputarea/style/index.css";
+import '@jupyterlab/json-extension/style/index.css';
+import "@jupyterlab/theme-light-extension/style/theme.css";
+import "@@jupyter-widgets/base/css/index.css";
+import "@jupyter-widgets/controls/css/widgets-base.css";
+*/
+import './Output.css';
+const KernelRunning = () => (_jsx(Stack, Object.assign({ sx: { width: '100%', color: 'grey.500' }, spacing: 2 }, { children: _jsx(LinearProgress, { color: "primary" }, void 0) }), void 0));
+export const Output = (props) => {
+    const { initialOutput, autoRun, code, kernel, showEditor, clearTrigger, executeTrigger, sourceId, receipt, disableRun, insertText, toolbarPosition, codePre } = props;
+    const [kernelStatus, setKernelStatus] = useState('unknown');
+    const store = props.store || injectableStore;
+    useMemo(() => {
+        store.inject('outputs', outputReducer);
+    }, []);
+    const dispatch = useDispatch();
+    useEffect(() => {
+        kernel.getJupyterKernel().then((kernelConnection) => {
+            setKernelStatus(kernelConnection.status);
+            kernelConnection.statusChanged.connect((kernelConnection, status) => {
+                setKernelStatus(status);
+            });
+        });
+        return () => {
+            //      kernel.getJupyterKernel().then(k => k.shutdown().then(() => console.log(`Kernel ${k.clientId} is terminated.`)));
+        };
+    }, []);
+    const [model] = useState(new OutputAreaModel({
+        trusted: true,
+        values: initialOutput,
+    }));
+    const outputAdapter = useMemo(() => {
+        const outputAdapter = new OutputAdapter(kernel.getJupyterKernel(), model, {});
+        if (receipt) {
+            outputAdapter.outputArea.model.changed.connect((sender, change) => {
+                if (change.type === 'add') {
+                    change.newValues.map(val => {
+                        if (val && val.data) {
+                            //              const out = val.data['application/vnd.jupyter.stdout'];
+                            const out = val.data['text/html'];
+                            if (out) {
+                                if (out.indexOf(receipt) > -1) {
+                                    dispatch(outputActions.grade({
+                                        sourceId,
+                                        success: true,
+                                    }));
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        }
+        return outputAdapter;
+    }, [sourceId]);
+    const executeRequest = selectExecute(sourceId);
+    useEffect(() => {
+        if (executeRequest) {
+            outputAdapter.execute(executeRequest.source);
+        }
+    }, [executeRequest]);
+    useEffect(() => {
+        if (autoRun) {
+            outputAdapter.execute(code);
+        }
+    }, [executeTrigger]);
+    useEffect(() => {
+        if (showEditor) {
+            outputAdapter.clearOutput();
+        }
+    }, [clearTrigger]);
+    return (_jsxs(_Fragment, { children: [showEditor &&
+                _jsx("div", Object.assign({ css: {
+                        '& .cm-editor': {
+                            borderRadius: '5px',
+                        },
+                    } }, { children: _jsx(CodeMirrorEditor, { autoRun: autoRun, code: code, codePre: codePre, kernel: kernel, outputAdapter: outputAdapter, sourceId: sourceId, disableRun: disableRun, insertText: insertText, toolbarPosition: toolbarPosition }, void 0) }), void 0),
+            (kernelStatus !== 'idle') && _jsx(KernelRunning, {}, void 0),
+            _jsx("div", Object.assign({ css: {
+                    '& .jp-OutputPrompt': {
+                        display: 'none',
+                    },
+                    '& .jp-OutputArea': {
+                        fontSize: '10px',
+                    },
+                    '& pre': {
+                        fontSize: '12px',
+                        wordBreak: 'break-all',
+                        wordWrap: 'break-word',
+                        whiteSpace: 'pre-wrap',
+                    },
+                } }, { children: _jsx(LuminoAttached, { children: outputAdapter.panel }, void 0) }), void 0)] }, void 0));
+};
+Output.defaultProps = {
+    initialOutput: [
+        {
+            "output_type": "execute_result",
+            "data": {
+                "text/html": [
+                    "<h3>I am the default output...  👉  Run the snippet to update me...  👀</h3>"
+                ]
+            },
+            "execution_count": 0,
+            "metadata": {},
+        }
+    ],
+    disableRun: false,
+    toolbarPosition: 'up',
+    executeTrigger: 0,
+    clearTrigger: 0,
+};
+export default Output;
+//# sourceMappingURL=Output.js.map

package/lib/components/outputs/Output.js.map

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

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

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

package/lib/components/outputs/OutputAdapter.js

@@ -0,0 +1,81 @@
+import { OutputArea } from '@jupyterlab/outputarea';
+import { RenderMimeRegistry, standardRendererFactories } from '@jupyterlab/rendermime';
+import { rendererFactory as jsonRendererFactory } from '@jupyterlab/json-extension';
+import { rendererFactory as javascriptRendererFactory } from '@jupyterlab/javascript-extension';
+import { requireLoader } from "@jupyter-widgets/html-manager";
+import { WIDGET_MIMETYPE, WidgetRenderer } from "@jupyter-widgets/html-manager/lib/output_renderers";
+import { IPyWidgetsClassicManager } from "./../../jupyter/ipywidgets/IPyWidgetsClassicManager";
+// import { activateWidgetExtension } from "./../../jupyter/ipywidgets/IPyWidgetsJupyterLabPlugin";
+// import { activatePlotlyWidgetExtension } from "./../../jupyter/ipywidgets/plotly/JupyterlabPlugin";
+export class OutputAdapter {
+    constructor(kernel, model, options = {}) {
+        this._kernelConnectionPromise = kernel;
+        this._msgLoading = options.msgLoading || 'Loading...';
+        this._iPyWidgetsClassicManager = new IPyWidgetsClassicManager({ loader: requireLoader });
+        this._renderers = standardRendererFactories.filter(factory => factory.mimeTypes[0] !== 'text/javascript');
+        this._renderers.push(jsonRendererFactory);
+        this._renderers.push(javascriptRendererFactory);
+        this._rendermime = new RenderMimeRegistry({
+            initialFactories: this._renderers,
+        });
+        this._outputArea = new OutputArea({
+            model: model,
+            rendermime: this._rendermime,
+        });
+        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);
+        }
+    }
+    get outputArea() {
+        return this._outputArea;
+    }
+    renderCell(model) {
+        this._outputArea = new OutputArea({
+            model: model,
+            rendermime: this._rendermime,
+        });
+    }
+    execute(code) {
+        if (this._kernelConnectionPromise) {
+            this._outputArea.model.clear();
+            this.render(code);
+            return;
+        }
+    }
+    interrupt() {
+        this._kernelConnectionPromise.then((kernelConnection) => {
+            kernelConnection.interrupt();
+        });
+    }
+    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);
+    }
+    get panel() {
+        return this._outputArea;
+    }
+}
+export default OutputAdapter;
+//# sourceMappingURL=OutputAdapter.js.map

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

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

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

@@ -0,0 +1,54 @@
+declare namespace OutputState {
+    type ISource = {
+        sourceId: string;
+        source: string;
+        increment?: number;
+    };
+    type IDataset = {
+        sourceId: string;
+        dataset: any;
+        increment?: number;
+    };
+    type IExecute = {
+        sourceId: string;
+        source: string;
+        increment?: number;
+    };
+    type IGrade = {
+        sourceId: string;
+        success: boolean;
+        increment?: number;
+    };
+}
+export declare type IOutputState = {
+    source?: OutputState.ISource;
+    dataset?: OutputState.IDataset;
+    setSource?: OutputState.ISource;
+    execute?: OutputState.IExecute;
+    grade?: OutputState.IGrade;
+};
+export interface IOutputsState {
+    outputs: Map<string, IOutputState>;
+}
+export declare const outputInitialState: IOutputsState;
+export declare const selectJupyterSource: (id: string) => OutputState.ISource | undefined;
+export declare const selectJupyterSetSource: (id: string) => OutputState.ISource | undefined;
+export declare const selectDataset: (id: string) => OutputState.IDataset | undefined;
+export declare const selectExecute: (id: string) => OutputState.IExecute | undefined;
+export declare const selectGrade: (id: string) => OutputState.IGrade | undefined;
+export declare enum OutputActionType {
+    SOURCE = "output/SOURCE",
+    DATASET = "output/DATASET",
+    EXECUTE = "output/EXECUTE",
+    SET_SOURCE = "output/SET_SOURCE",
+    GRADE = "output/GRADE"
+}
+export declare const outputActions: {
+    source: import("typescript-fsa").ActionCreator<OutputState.ISource>;
+    dataset: import("typescript-fsa").ActionCreator<OutputState.IDataset>;
+    execute: import("typescript-fsa").ActionCreator<OutputState.IExecute>;
+    setSource: import("typescript-fsa").ActionCreator<OutputState.IExecute>;
+    grade: import("typescript-fsa").ActionCreator<OutputState.IGrade>;
+};
+export declare const outputReducer: import("typescript-fsa-reducers").ReducerBuilder<IOutputsState, IOutputsState>;
+export {};

package/lib/components/outputs/OutputState.js

@@ -0,0 +1,122 @@
+import { useSelector } from "react-redux";
+import actionCreatorFactory from "typescript-fsa";
+import { reducerWithInitialState } from "typescript-fsa-reducers";
+export const outputInitialState = {
+    outputs: new Map(),
+};
+/* Selectors */
+export const selectJupyterSource = (id) => useSelector((state) => {
+    var _a;
+    if (state.outputs) {
+        return (_a = state.outputs.outputs.get(id)) === null || _a === void 0 ? void 0 : _a.source;
+    }
+    return undefined;
+});
+export const selectJupyterSetSource = (id) => useSelector((state) => {
+    var _a;
+    if (state.outputs) {
+        return (_a = state.outputs.outputs.get(id)) === null || _a === void 0 ? void 0 : _a.setSource;
+    }
+    return undefined;
+});
+export const selectDataset = (id) => useSelector((state) => {
+    var _a;
+    if (state.outputs) {
+        return (_a = state.outputs.outputs.get(id)) === null || _a === void 0 ? void 0 : _a.dataset;
+    }
+    return undefined;
+});
+export const selectExecute = (id) => useSelector((state) => {
+    var _a;
+    if (state.outputs) {
+        return (_a = state.outputs.outputs.get(id)) === null || _a === void 0 ? void 0 : _a.execute;
+    }
+    return undefined;
+});
+export const selectGrade = (id) => useSelector((state) => {
+    var _a;
+    if (state.outputs) {
+        return (_a = state.outputs.outputs.get(id)) === null || _a === void 0 ? void 0 : _a.grade;
+    }
+    return undefined;
+});
+/* Actions */
+export var OutputActionType;
+(function (OutputActionType) {
+    OutputActionType["SOURCE"] = "output/SOURCE";
+    OutputActionType["DATASET"] = "output/DATASET";
+    OutputActionType["EXECUTE"] = "output/EXECUTE";
+    OutputActionType["SET_SOURCE"] = "output/SET_SOURCE";
+    OutputActionType["GRADE"] = "output/GRADE";
+})(OutputActionType || (OutputActionType = {}));
+const actionCreator = actionCreatorFactory('jupyterOutput');
+export const outputActions = {
+    source: actionCreator(OutputActionType.SOURCE),
+    dataset: actionCreator(OutputActionType.DATASET),
+    execute: actionCreator(OutputActionType.EXECUTE),
+    setSource: actionCreator(OutputActionType.SET_SOURCE),
+    grade: actionCreator(OutputActionType.GRADE),
+};
+/* Reducers */
+export const outputReducer = reducerWithInitialState(outputInitialState)
+    .case(outputActions.source, (state, source) => {
+    const sourceId = source.sourceId;
+    const outputs = state.outputs;
+    const s = outputs.get(sourceId);
+    if (s) {
+        s.source = source;
+    }
+    else {
+        outputs.set(sourceId, { source });
+    }
+    return Object.assign(Object.assign({}, state), { outputs });
+})
+    .case(outputActions.dataset, (state, dataset) => {
+    const sourceId = dataset.sourceId;
+    const outputs = state.outputs;
+    const d = outputs.get(dataset.sourceId);
+    if (d) {
+        d.dataset = dataset;
+    }
+    else {
+        outputs.set(sourceId, { dataset });
+    }
+    return Object.assign(Object.assign({}, state), { outputs });
+})
+    .case(outputActions.execute, (state, execute) => {
+    const sourceId = execute.sourceId;
+    const outputs = state.outputs;
+    const e = outputs.get(sourceId);
+    if (e) {
+        e.execute = execute;
+    }
+    else {
+        outputs.set(sourceId, { execute });
+    }
+    return Object.assign(Object.assign({}, state), { outputs });
+})
+    .case(outputActions.setSource, (state, setSource) => {
+    const sourceId = setSource.sourceId;
+    const outputs = state.outputs;
+    const s = outputs.get(sourceId);
+    if (s) {
+        s.setSource = setSource;
+    }
+    else {
+        outputs.set(sourceId, { setSource });
+    }
+    return Object.assign(Object.assign({}, state), { outputs });
+})
+    .case(outputActions.grade, (state, grade) => {
+    const sourceId = grade.sourceId;
+    const outputs = state.outputs;
+    const g = outputs.get(sourceId);
+    if (g) {
+        g.grade = grade;
+    }
+    else {
+        outputs.set(sourceId, { grade });
+    }
+    return Object.assign(Object.assign({}, state), { outputs });
+});
+//# sourceMappingURL=OutputState.js.map

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

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

package/lib/components/outputs/OutputToolbar.d.ts

@@ -0,0 +1,12 @@
+import { EditorView } from 'codemirror';
+import OutputAdapter from './OutputAdapter';
+import Kernel from './../../jupyter/services/kernel/Kernel';
+declare type Props = {
+    editorView?: EditorView;
+    codePre?: string;
+    kernel: Kernel;
+    outputAdapter: OutputAdapter;
+    executeCode: (editorView?: EditorView, code?: string) => void;
+};
+export declare const OutputToolbar: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default OutputToolbar;

package/lib/components/outputs/OutputToolbar.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useEffect, useState, useMemo } from 'react';
+import { useTheme, ActionMenu, ActionList, IconButton, Box } from '@primer/react';
+import { KebabHorizontalIcon, ArrowRightIcon, StopIcon, PaintbrushIcon } from '@primer/octicons-react';
+const OutputToolbarMenu = (props) => {
+    const { executeCode, outputAdapter, editorView } = props;
+    return (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { icon: KebabHorizontalIcon, variant: "invisible" }, void 0) }, void 0),
+            _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsxs(ActionList.Item, Object.assign({ onSelect: e => { e.preventDefault(); executeCode(editorView); } }, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(ArrowRightIcon, {}, void 0) }, void 0),
+                                _jsx(ActionList.TrailingVisual, { children: "\u21E7 \u21B5" }, void 0), "Run code"] }), void 0),
+                        _jsxs(ActionList.Item, Object.assign({ onSelect: e => { e.preventDefault(); outputAdapter.interrupt(); } }, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(StopIcon, {}, void 0) }, void 0), "Interrupt kernel"] }), void 0),
+                        _jsxs(ActionList.Item, Object.assign({ variant: "danger", onClick: e => { e.preventDefault(); outputAdapter.clearOutput(); } }, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PaintbrushIcon, {}, void 0) }, void 0), "Clear outputs"] }), void 0)] }, void 0) }, void 0)] }, void 0));
+};
+const KernelStatus = ({ color }) => (_jsx(Box, { sx: { backgroundColor: color, width: '14px', height: '14px', borderRadius: 3 } }, void 0));
+export const OutputToolbar = (props) => {
+    const { executeCode, editorView, kernel, codePre } = props;
+    const { theme } = useTheme();
+    const okColor = useMemo(() => theme === null || theme === void 0 ? void 0 : theme.colorSchemes.light.colors.success.muted, []);
+    const nokColor = useMemo(() => theme === null || theme === void 0 ? void 0 : theme.colorSchemes.light.colors.severe.muted, []);
+    const [kernelStatus, setKernelStatus] = useState('unknown');
+    useEffect(() => {
+        kernel.getJupyterKernel().then((kernelConnection) => {
+            if (codePre) {
+                executeCode(editorView, codePre);
+            }
+            setKernelStatus(kernelConnection.status);
+            kernelConnection.statusChanged.connect((kernelConnection, status) => {
+                setKernelStatus(status);
+            });
+        });
+    }, []);
+    const getKernelStatusColor = (status) => {
+        if (status === "idle") {
+            return okColor;
+        }
+        return nokColor;
+    };
+    return (_jsxs(Box, Object.assign({ display: "flex" }, { children: [_jsx(Box, { flexGrow: 1 }, void 0),
+            _jsx(Box, Object.assign({ sx: { paddingTop: '6px' } }, { children: _jsx(KernelStatus, { color: getKernelStatusColor(kernelStatus) }, void 0) }), void 0),
+            _jsx(Box, { children: _jsx(OutputToolbarMenu, Object.assign({}, props), void 0) }, void 0)] }), void 0));
+};
+export default OutputToolbar;
+//# sourceMappingURL=OutputToolbar.js.map

package/lib/components/outputs/OutputToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputToolbar.js","sourceRoot":"","sources":["../../../src/components/outputs/OutputToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAcvG,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAC,WAAW,EAAE,aAAa,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IACvD,OAAO,CACL,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,MAAM,cAChB,KAAC,UAAU,IAAC,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAC,WAAW,WAAE,WAC1C;YACpB,KAAC,UAAU,CAAC,OAAO,cACjB,MAAC,UAAU,eACT,MAAC,UAAU,CAAC,IAAI,kBAAC,QAAQ,EAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA,CAAC,CAAC,iBAC9E,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,cAAc,aAAG,WACO;gCAC3B,KAAC,UAAU,CAAC,cAAc,wCAAgC,yBAE1C;wBAClB,MAAC,UAAU,CAAC,IAAI,kBAAC,QAAQ,EAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,CAAA,CAAC,CAAC,iBAChF,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,QAAQ,aAAG,WACa,iCAEX;wBAClB,MAAC,UAAU,CAAC,IAAI,kBAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,CAAA,CAAC,CAAC,iBAClG,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,cAAc,aAAG,WACO,8BAEX,YACP,WACM,YACV,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAA8B,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAC3D,KAAC,GAAG,IAAC,EAAE,EAAE,EAAC,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAC,WAAI,CACtF,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAClF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAClF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAuB,SAAS,CAAC,CAAC;IAClF,SAAS,CAAC,GAAE,EAAE;QACZ,MAAM,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,gBAAiD,EAAE,EAAE;YACnF,IAAI,OAAO,EAAE;gBACX,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;aAClC;YACD,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACzC,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,MAAM,EAAE,EAAE;gBAClE,eAAe,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,oBAAoB,GAAG,CAAC,MAA4B,EAAE,EAAE;QAC5D,IAAI,MAAM,KAAK,MAAM,EAAE;YACrB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAA;IACD,OAAO,CACL,MAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,iBACjB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,WAAI;YACpB,KAAC,GAAG,kBAAC,EAAE,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,gBAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,oBAAoB,CAAC,YAAY,CAAC,WAAI,YACvD;YACN,KAAC,GAAG,cACF,KAAC,iBAAiB,oBAAK,KAAK,UAAI,WAC5B,aACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}

package/lib/components/settings/Settings.d.ts

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

package/lib/components/settings/Settings.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import SettingsAdapter from './SettingsAdapter';
+import LuminoAttached from '../../jupyter/lumino/LuminoAttached';
+export const Settings = () => {
+    const settingsAdapter = new SettingsAdapter();
+    return _jsx(_Fragment, { children: _jsx(LuminoAttached, { children: settingsAdapter.panel }, void 0) }, void 0);
+};
+export default Settings;
+//# sourceMappingURL=Settings.js.map

package/lib/components/settings/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../src/components/settings/Settings.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,cAAc,MAAM,qCAAqC,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;IAC9C,OAAO,4BACL,KAAC,cAAc,cAAE,eAAe,CAAC,KAAK,WAAkB,WACvD,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/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/components/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/components/settings/SettingsAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAdapter.js","sourceRoot":"","sources":["../../../src/components/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/components/settings/SettingsState.d.ts

@@ -0,0 +1,15 @@
+export declare type ISettings = number;
+export interface ISettingsState {
+    outputs: ISettings;
+}
+export declare const settingsInitialState: ISettingsState;
+export declare const selectSettings: () => ISettingsState;
+export declare enum SettingsActionType {
+    OUTPUTS = "settings/OUTPUTS",
+    EXECUTE = "settings/EXECUTE"
+}
+export declare const settingsActions: {
+    outputs: import("typescript-fsa").ActionCreator<number>;
+    execute: import("typescript-fsa").ActionCreator<void>;
+};
+export declare const settingsReducer: import("typescript-fsa-reducers").ReducerBuilder<ISettingsState, ISettingsState>;