@datalayer/jupyter-react 0.0.7 → 0.0.8

package/lib/components/console/ConsoleState.d.ts

@@ -1,15 +0,0 @@
-export declare type IConsole = number;
-export interface IConsoleState {
-    outputs: IConsole;
-}
-export declare const consoleInitialState: IConsoleState;
-export declare const selectConsole: () => IConsoleState;
-export declare enum ActionType {
-    OUTPUTS = "console/OUTPUTS",
-    EXECUTE = "console/EXECUTE"
-}
-export declare const consoleActions: {
-    outputs: import("typescript-fsa").ActionCreator<number>;
-    execute: import("typescript-fsa").ActionCreator<void>;
-};
-export declare const consoleReducer: import("typescript-fsa-reducers").ReducerBuilder<IConsoleState, IConsoleState>;

package/lib/components/console/ConsoleState.js

@@ -1,29 +0,0 @@
-import { useSelector } from "react-redux";
-import { reducerWithInitialState } from "typescript-fsa-reducers";
-export const consoleInitialState = {
-    outputs: 0
-};
-/* Selectors */
-export const selectConsole = () => useSelector((state) => {
-    if (state.console) {
-        return state.console;
-    }
-    return { outputs: 0 };
-});
-/* Actions */
-import actionCreatorFactory from "typescript-fsa";
-export var ActionType;
-(function (ActionType) {
-    ActionType["OUTPUTS"] = "console/OUTPUTS";
-    ActionType["EXECUTE"] = "console/EXECUTE";
-})(ActionType || (ActionType = {}));
-const actionCreator = actionCreatorFactory('jupyterReact');
-export const consoleActions = {
-    outputs: actionCreator(ActionType.OUTPUTS),
-    execute: actionCreator(ActionType.EXECUTE),
-};
-/* Reducers */
-export const consoleReducer = reducerWithInitialState(consoleInitialState)
-    .case(consoleActions.outputs, (state, success) => {
-    return Object.assign(Object.assign({}, state), { outputs: success });
-});

package/lib/components/dialog/Dialog.d.ts

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

package/lib/components/dialog/Dialog.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import LuminoDetached from '../../jupyter/lumino/LuminoDetached';
-import DialogAdapter from './DialogAdapter';
-const Dialog = () => {
-    const [dialogAdapter, _] = useState(new DialogAdapter());
-    useEffect(() => {
-        dialogAdapter.dialog.launch().then(success => success);
-    }, []);
-    return _jsx(LuminoDetached, { children: dialogAdapter.dialog }, void 0);
-};
-export default Dialog;

package/lib/components/dialog/DialogAdapter.d.ts

@@ -1,10 +0,0 @@
-import { Dialog as JupyerLabDialog } from '@jupyterlab/apputils';
-import '@jupyterlab/apputils/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './DialogAdapter.css';
-export declare class DialogAdapter {
-    dialog: JupyerLabDialog<any>;
-    constructor();
-}
-export default DialogAdapter;

package/lib/components/dialog/DialogAdapter.js

@@ -1,18 +0,0 @@
-import { Dialog as JupyerLabDialog } from '@jupyterlab/apputils';
-import '@jupyterlab/apputils/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './DialogAdapter.css';
-export class DialogAdapter {
-    constructor() {
-        this.dialog = new JupyerLabDialog({
-            title: 'Dialog Title',
-            body: 'This is the body of the dialog...',
-            buttons: [
-                JupyerLabDialog.cancelButton(),
-                JupyerLabDialog.okButton(),
-            ]
-        });
-    }
-}
-export default DialogAdapter;

package/lib/components/editor/CodeMirrorEditor.d.ts

@@ -1,7 +0,0 @@
-import OutputAdapter from '../outputs/OutputAdapter';
-declare const CodeMirrorEditor: (props: {
-    code: string;
-    outputAdapter: OutputAdapter;
-    autoRun: boolean;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default CodeMirrorEditor;

package/lib/components/editor/CodeMirrorEditor.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useRef, useEffect } from 'react';
-import { basicSetup } from '@codemirror/basic-setup';
-import { EditorState } from '@codemirror/state';
-import { keymap, EditorView } from '@codemirror/view';
-import { python } from '@codemirror/lang-python';
-const CodeMirrorEditor = (props) => {
-    const { code, outputAdapter, autoRun } = props;
-    const editor = useRef();
-    useEffect(() => {
-        let state;
-        const keyBinding = [
-            { key: 'Shift-Enter', run: () => runCode(), preventDefault: true },
-        ];
-        state = EditorState.create({
-            doc: code,
-            extensions: [basicSetup, python(), keymap.of([...keyBinding])],
-        });
-        const view = new EditorView({
-            state: state,
-            parent: editor.current,
-        });
-        const runCode = () => {
-            outputAdapter.execute(String(view.state.doc));
-            return true;
-        };
-        if (autoRun) {
-            runCode();
-        }
-        return () => {
-            view.destroy();
-        };
-    }, []);
-    return _jsx("div", { ref: editor }, void 0);
-    /*
-      return <div ref={ref => {
-        if (ref) {
-          const kb = [{key: "Shift-Enter", run: () => runCode(), preventDefault: true}];
-          let state = EditorState.create({
-            doc: code,
-            extensions: [
-              basicSetup,
-              javascript(),
-              keymap.of([...kb]),
-            ]
-          });
-          const view = new EditorView({
-            state: state,
-            parent: ref,
-          });
-          const runCode = () => {
-            Output.execute(String(view.state.doc));
-            return true;
-          };
-          runCode();
-        };
-        return <div ref={ref as any}></div>
-      }}/>;
-    */
-};
-export default CodeMirrorEditor;

package/lib/components/filebrowser/FileBrowser.d.ts

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

package/lib/components/filebrowser/FileBrowser.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import FileBrowserAdapter from './FileBrowserAdapter';
-import LuminoAttached from '../../jupyter/lumino/LuminoAttached';
-const FileBrowser = () => {
-    const fileBrowserAdpater = new FileBrowserAdapter();
-    return _jsx(LuminoAttached, { children: fileBrowserAdpater.panel }, void 0);
-};
-export default FileBrowser;

package/lib/components/filebrowser/FileBrowserAdapter.d.ts

@@ -1,13 +0,0 @@
-import { SplitPanel } from '@lumino/widgets';
-import '@jupyterlab/codemirror/style/index.css';
-import '@jupyterlab/filebrowser/style/index.css';
-import '@jupyterlab/ui-components/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './FileBrowserAdapter.css';
-declare class FileBrowserAdapter {
-    private fileBrowserPanel;
-    constructor();
-    get panel(): SplitPanel;
-}
-export default FileBrowserAdapter;

package/lib/components/filebrowser/FileBrowserAdapter.js

@@ -1,266 +0,0 @@
-import { CommandRegistry } from '@lumino/commands';
-import { each } from '@lumino/algorithm';
-import { DockPanel, Menu, SplitPanel } from '@lumino/widgets';
-import { ServiceManager } from '@jupyterlab/services';
-import { Dialog, ToolbarButton, showDialog } from '@jupyterlab/apputils';
-import { CodeMirrorEditorFactory, CodeMirrorMimeTypeService } from '@jupyterlab/codemirror';
-import { DocumentManager } from '@jupyterlab/docmanager';
-import { DocumentRegistry } from '@jupyterlab/docregistry';
-import { FileBrowser, FilterFileBrowserModel } from '@jupyterlab/filebrowser';
-import { FileEditorFactory } from '@jupyterlab/fileeditor';
-import { addIcon } from '@jupyterlab/ui-components';
-import '@jupyterlab/codemirror/style/index.css';
-import '@jupyterlab/filebrowser/style/index.css';
-import '@jupyterlab/ui-components/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './FileBrowserAdapter.css';
-class FileBrowserAdapter {
-    constructor() {
-        this.fileBrowserPanel = new SplitPanel();
-        this.fileBrowserPanel.id = 'dla-jlab-filebrowser';
-        this.fileBrowserPanel.orientation = 'horizontal';
-        this.fileBrowserPanel.spacing = 0;
-        const manager = new ServiceManager();
-        void manager.ready.then(() => {
-            createApp(manager, this.fileBrowserPanel);
-        });
-        function createApp(manager, panel) {
-            const widgets = [];
-            let activeWidget;
-            const opener = {
-                open: (widget) => {
-                    if (widgets.indexOf(widget) === -1) {
-                        dock.addWidget(widget, { mode: 'tab-after' });
-                        widgets.push(widget);
-                    }
-                    dock.activateWidget(widget);
-                    activeWidget = widget;
-                    widget.disposed.connect((w) => {
-                        const index = widgets.indexOf(w);
-                        widgets.splice(index, 1);
-                    });
-                }
-            };
-            const docRegistry = new DocumentRegistry();
-            const docManager = new DocumentManager({
-                registry: docRegistry,
-                manager,
-                opener
-            });
-            const editorServices = {
-                factoryService: new CodeMirrorEditorFactory(),
-                mimeTypeService: new CodeMirrorMimeTypeService()
-            };
-            const wFactory = new FileEditorFactory({
-                editorServices,
-                factoryOptions: {
-                    name: 'Editor',
-                    modelName: 'text',
-                    fileTypes: ['*'],
-                    defaultFor: ['*'],
-                    preferKernel: false,
-                    canStartKernel: true
-                }
-            });
-            docRegistry.addWidgetFactory(wFactory);
-            const commands = new CommandRegistry();
-            const fbModel = new FilterFileBrowserModel({
-                manager: docManager
-            });
-            const fbWidget = new FileBrowser({
-                id: 'filebrowser',
-                model: fbModel
-            });
-            // Add a creator toolbar item.
-            const creator = new ToolbarButton({
-                icon: addIcon,
-                onClick: () => {
-                    void docManager
-                        .newUntitled({
-                        type: 'file',
-                        path: fbModel.path
-                    })
-                        .then(model => {
-                        docManager.open(model.path);
-                    });
-                }
-            });
-            fbWidget.toolbar.insertItem(0, 'create', creator);
-            panel.addWidget(fbWidget);
-            SplitPanel.setStretch(fbWidget, 0);
-            const dock = new DockPanel();
-            panel.addWidget(dock);
-            SplitPanel.setStretch(dock, 1);
-            dock.spacing = 8;
-            document.addEventListener('focus', event => {
-                for (let i = 0; i < widgets.length; i++) {
-                    const widget = widgets[i];
-                    if (widget.node.contains(event.target)) {
-                        activeWidget = widget;
-                        break;
-                    }
-                }
-            });
-            // Add commands.
-            commands.addCommand('file-open', {
-                label: 'Open',
-                icon: 'fa fa-folder-open-o',
-                mnemonic: 0,
-                execute: () => {
-                    each(fbWidget.selectedItems(), item => {
-                        docManager.openOrReveal(item.path);
-                    });
-                }
-            });
-            commands.addCommand('file-rename', {
-                label: 'Rename',
-                icon: 'fa fa-edit',
-                mnemonic: 0,
-                execute: () => {
-                    return fbWidget.rename();
-                }
-            });
-            commands.addCommand('file-save', {
-                execute: () => {
-                    const context = docManager.contextForWidget(activeWidget);
-                    return context === null || context === void 0 ? void 0 : context.save();
-                }
-            });
-            commands.addCommand('file-cut', {
-                label: 'Cut',
-                icon: 'fa fa-cut',
-                execute: () => {
-                    fbWidget.cut();
-                }
-            });
-            commands.addCommand('file-copy', {
-                label: 'Copy',
-                icon: 'fa fa-copy',
-                mnemonic: 0,
-                execute: () => {
-                    fbWidget.copy();
-                }
-            });
-            commands.addCommand('file-delete', {
-                label: 'Delete',
-                icon: 'fa fa-remove',
-                mnemonic: 0,
-                execute: () => {
-                    return fbWidget.delete();
-                }
-            });
-            commands.addCommand('file-duplicate', {
-                label: 'Duplicate',
-                icon: 'fa fa-copy',
-                mnemonic: 0,
-                execute: () => {
-                    return fbWidget.duplicate();
-                }
-            });
-            commands.addCommand('file-paste', {
-                label: 'Paste',
-                icon: 'fa fa-paste',
-                mnemonic: 0,
-                execute: () => {
-                    return fbWidget.paste();
-                }
-            });
-            commands.addCommand('file-download', {
-                label: 'Download',
-                icon: 'fa fa-download',
-                execute: () => {
-                    return fbWidget.download();
-                }
-            });
-            commands.addCommand('file-shutdown-kernel', {
-                label: 'Shut Down Kernel',
-                icon: 'fa fa-stop-circle-o',
-                execute: () => {
-                    return fbWidget.shutdownKernels();
-                }
-            });
-            commands.addCommand('file-dialog-demo', {
-                label: 'Dialog Demo',
-                execute: () => {
-                    dialogDemo();
-                }
-            });
-            commands.addCommand('file-info-demo', {
-                label: 'Info Demo',
-                execute: () => {
-                    const msg = 'The quick brown fox jumped over the lazy dog';
-                    void showDialog({
-                        title: 'Cool Title',
-                        body: msg,
-                        buttons: [Dialog.okButton()]
-                    });
-                }
-            });
-            commands.addKeyBinding({
-                keys: ['Enter'],
-                selector: '.jp-DirListing',
-                command: 'file-open'
-            });
-            commands.addKeyBinding({
-                keys: ['Accel S'],
-                selector: '.jp-CodeMirrorEditor',
-                command: 'file-save'
-            });
-            window.addEventListener('keydown', event => {
-                commands.processKeydownEvent(event);
-            });
-            // Create a context menu.
-            const menu = new Menu({ commands });
-            menu.addItem({ command: 'file-open' });
-            menu.addItem({ command: 'file-rename' });
-            menu.addItem({ command: 'file-remove' });
-            menu.addItem({ command: 'file-duplicate' });
-            menu.addItem({ command: 'file-delete' });
-            menu.addItem({ command: 'file-cut' });
-            menu.addItem({ command: 'file-copy' });
-            menu.addItem({ command: 'file-paste' });
-            menu.addItem({ command: 'file-shutdown-kernel' });
-            menu.addItem({ command: 'file-dialog-demo' });
-            menu.addItem({ command: 'file-info-demo' });
-            // Add a context menu to the dir listing.
-            const node = fbWidget.node.getElementsByClassName('jp-DirListing-content')[0];
-            node.addEventListener('contextmenu', (event) => {
-                event.preventDefault();
-                const x = event.clientX;
-                const y = event.clientY;
-                menu.open(x, y);
-            });
-            // Handle resize events.
-            window.addEventListener('resize', () => {
-                panel.update();
-            });
-        }
-        /**
-         * Create a non-functional dialog demo.
-         */
-        function dialogDemo() {
-            const body = document.createElement('div');
-            const input = document.createElement('input');
-            input.value = 'Untitled.ipynb';
-            const selector = document.createElement('select');
-            const option0 = document.createElement('option');
-            option0.value = 'python';
-            option0.text = 'Python 3';
-            selector.appendChild(option0);
-            const option1 = document.createElement('option');
-            option1.value = 'julia';
-            option1.text = 'Julia';
-            selector.appendChild(option1);
-            body.appendChild(input);
-            body.appendChild(selector);
-            void showDialog({
-                title: 'Create new notebook'
-            });
-        }
-    }
-    get panel() {
-        return this.fileBrowserPanel;
-    }
-}
-export default FileBrowserAdapter;

package/lib/components/filebrowser/FileBrowserState.d.ts

@@ -1,15 +0,0 @@
-export declare type IFileBrowser = number;
-export interface IFileBrowserState {
-    outputs: IFileBrowser;
-}
-export declare const fileBrowserInitialState: IFileBrowserState;
-export declare const selectFileBrowser: () => IFileBrowserState;
-export declare enum ActionType {
-    OUTPUTS = "fileBrowser/OUTPUTS",
-    EXECUTE = "fileBrowser/EXECUTE"
-}
-export declare const fileBrowserActions: {
-    outputs: import("typescript-fsa").ActionCreator<number>;
-    execute: import("typescript-fsa").ActionCreator<void>;
-};
-export declare const fileBrowserReducer: import("typescript-fsa-reducers").ReducerBuilder<IFileBrowserState, IFileBrowserState>;

package/lib/components/filebrowser/FileBrowserState.js

@@ -1,29 +0,0 @@
-import actionCreatorFactory from "typescript-fsa";
-import { useSelector } from "react-redux";
-import { reducerWithInitialState } from "typescript-fsa-reducers";
-export const fileBrowserInitialState = {
-    outputs: 0
-};
-/* Selectors */
-export const selectFileBrowser = () => useSelector((state) => {
-    if (state.fileBrowser) {
-        return state.fileBrowser;
-    }
-    return { outputs: 0 };
-});
-/* Actions */
-export var ActionType;
-(function (ActionType) {
-    ActionType["OUTPUTS"] = "fileBrowser/OUTPUTS";
-    ActionType["EXECUTE"] = "fileBrowser/EXECUTE";
-})(ActionType || (ActionType = {}));
-const actionCreator = actionCreatorFactory('jupyterReact');
-export const fileBrowserActions = {
-    outputs: actionCreator(ActionType.OUTPUTS),
-    execute: actionCreator(ActionType.EXECUTE),
-};
-/* Reducers */
-export const fileBrowserReducer = reducerWithInitialState(fileBrowserInitialState)
-    .case(fileBrowserActions.outputs, (state, success) => {
-    return Object.assign(Object.assign({}, state), { outputs: success });
-});

package/lib/components/filebrowser/FileBrowserTree.d.ts

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

package/lib/components/filebrowser/FileBrowserTree.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { useState, useEffect, useReducer } from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-import Services from '../../jupyter/services/Services';
-const initialTree = {
-    id: 'root',
-    name: 'Jupyter Content',
-};
-const FileBrowserTree = () => {
-    const [tree, setTree] = useState(initialTree);
-    const [, forceUpdate] = useReducer(x => x + 1, 0);
-    const [services, _] = useState(new Services());
-    const loadPath = (subTree, path) => {
-        const loadFolderItems = (path) => {
-            const folderItems = services.contents().get(path.join('/')).then(res => {
-                const items = res.content.map((e) => {
-                    if (e.type === 'directory') {
-                        return {
-                            id: 'folder_' + e.name,
-                            name: e.name,
-                            children: new Array(),
-                        };
-                    }
-                    else {
-                        return {
-                            id: 'file_' + e.name,
-                            name: e.name,
-                        };
-                    }
-                });
-                return items;
-            });
-            return folderItems;
-        };
-        loadFolderItems(path).then(folderItems => {
-            subTree.children = folderItems;
-            for (const child of subTree.children) {
-                if (child.id.startsWith('folder_')) {
-                    loadPath(child, path.concat(child.name));
-                }
-            }
-            setTree(initialTree);
-            forceUpdate();
-        });
-    };
-    useEffect(() => {
-        loadPath(initialTree, []);
-    }, []);
-    const renderTree = (nodes) => {
-        return _jsx(TreeItem, Object.assign({ nodeId: nodes.id, label: nodes.name }, { children: Array.isArray(nodes.children)
-                ? nodes.children.map(node => renderTree(node))
-                : null }), nodes.id);
-    };
-    return (_jsx(_Fragment, { children: _jsx(TreeView, Object.assign({ "aria-label": "rich object", defaultCollapseIcon: _jsx(ExpandMoreIcon, {}, void 0), defaultExpanded: ['root'], defaultExpandIcon: _jsx(ChevronRightIcon, {}, void 0), sx: { height: 210, flexGrow: 1, maxWidth: 400, overflowY: 'auto' } }, { children: renderTree(tree) }), void 0) }, void 0));
-};
-export default FileBrowserTree;

package/lib/components/ipywidgets/IpyWidgetsComponent.d.ts

@@ -1,5 +0,0 @@
-import './IpyWidgetsComponent.css';
-declare const IpyWidgetsComponent: (props: {
-    widget: any;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default IpyWidgetsComponent;

package/lib/components/ipywidgets/IpyWidgetsComponent.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import IPyWidgetsAttached from '../../jupyter/ipywidgets/IPyWidgetsAttached';
-import './IpyWidgetsComponent.css';
-const IpyWidgetsComponent = (props) => {
-    const { widget } = props;
-    return _jsx(_Fragment, { children: _jsx(IPyWidgetsAttached, { widget: widget }, void 0) }, void 0);
-};
-export default IpyWidgetsComponent;

package/lib/components/notebook/Notebook.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import '@jupyterlab/completer/style/index.css';
-import '@jupyterlab/documentsearch/style/index.css';
-import '@jupyterlab/notebook/style/index.css';
-import '@jupyterlab/theme-light-extension/style/theme.css';
-import '@jupyterlab/theme-light-extension/style/variables.css';
-import './Notebook.css';
-export declare type INotebookProps = {
-    path: string;
-    ipywidgets?: 'classic' | 'lab';
-    sidebarMargin: number;
-    sidebarComponent?: (props: any) => JSX.Element;
-};
-/**
- * This component creates a Notebook as a collection
- * of cells with sidebars.
- *
- * @param props The notebook properties.
- * @returns A Notebook component.
- */
-export declare const Notebook: {
-    (props: INotebookProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    defaultProps: Partial<INotebookProps>;
-};
-export default Notebook;