@datalayer/core 1.0.24 → 1.1.41

package/lib/components/snapshots/SandboxSnapshotMenu.js

@@ -1,169 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useCallback, useEffect, useState, } from 'react';
-import { DeviceCameraIcon } from '@primer/octicons-react';
-import { ActionList, ActionMenu, Flash, FormControl, Select, Spinner, } from '@primer/react';
-import { Dialog } from '@primer/react/experimental';
-import { Box } from '@datalayer/primer-addons';
-import { useToast } from '../../hooks/index.js';
-import { createSandboxSnapshot, getSandboxSnapshots, loadBrowserSandboxSnapshot, loadSandboxSnapshot, } from '../../stateful/runtimes/index.js';
-import { useRuntimesStore } from '../../state/index.js';
-import { createSandboxSnapshotName } from '../../utils/index.js';
-/**
- * Code Sandbox Snapshot menu component.
- */
-export function SandboxSnapshotMenu({ children, connection, podName, multiServiceManager, disabled = false, }) {
-    const { addSandboxSnapshot, runtimesRunUrl, runtimeSnapshots, setSandboxSnapshots, } = useRuntimesStore();
-    const { enqueueToast, trackAsyncTask } = useToast();
-    const [openLoadDialog, setOpenLoadDialog] = useState(false);
-    const [loadingSandboxSnapshot, setLoadingSandboxSnapshot] = useState(false);
-    const [takingSandboxSnapshot, setTakingSandboxSnapshot] = useState(false);
-    const [selection, setSelection] = useState(runtimeSnapshots[0]?.id ?? '');
-    const [error, setError] = useState();
-    useEffect(() => {
-        getSandboxSnapshots()
-            .then(snapshots => {
-            setSandboxSnapshots(snapshots);
-            if (!selection && snapshots.length > 0) {
-                setSelection(snapshots[0].id);
-            }
-        })
-            .catch(reason => {
-            console.error(`Failed to fetch remote kernel snapshots; ${reason}`);
-        });
-    }, [runtimesRunUrl]);
-    const onLoadSandboxSnapshot = useCallback(() => {
-        setError(undefined);
-        setOpenLoadDialog(true);
-    }, []);
-    const onSandboxSnapshotChanged = useCallback(event => {
-        setSelection(event.target.value);
-    }, []);
-    const onLoadSandboxSnapshotSubmit = useCallback(async ({ id, connection, podName, }) => {
-        if (podName) {
-            await loadSandboxSnapshot({ id: podName, from: id });
-            enqueueToast(`Code Sandbox snapshot ${podName} is loaded.`, {
-                variant: 'success',
-            });
-        }
-        else if (connection) {
-            await loadBrowserSandboxSnapshot({ connection, id });
-            enqueueToast(`Code Sandbox snapshot ${id} is loaded.`, {
-                variant: 'success',
-            });
-        }
-    }, []);
-    const onTakeSandboxSnapshot = useCallback(async () => {
-        try {
-            setTakingSandboxSnapshot(true);
-            let snapshot;
-            let task;
-            let ref = '';
-            let snapshotName = '';
-            if (podName && multiServiceManager?.remote) {
-                snapshotName = createSandboxSnapshotName('cloud');
-                task = multiServiceManager.remote.runtimesManager.snapshotRuntime({
-                    podName,
-                    name: snapshotName,
-                    description: snapshotName,
-                    stop: false,
-                });
-                ref = podName.split('-', 2).reverse()[0];
-                task.then(s => {
-                    snapshot = s;
-                });
-            }
-            else if (connection && multiServiceManager?.browser) {
-                const model = connection.model;
-                ref = model.id;
-                snapshotName = createSandboxSnapshotName('browser');
-                let isPending = true;
-                task = createSandboxSnapshot({
-                    connection: multiServiceManager.browser.kernels.connectTo({
-                        model,
-                    }),
-                    metadata: { filename: `${snapshotName}.data` },
-                    onUploadProgress: () => {
-                        if (isPending) {
-                            isPending = false;
-                            // Get the kernel snapshot uid.
-                            getSandboxSnapshots().then(snapshots => {
-                                snapshot = snapshots.find(s => s.name === snapshotName);
-                            });
-                        }
-                    },
-                });
-            }
-            if (task) {
-                trackAsyncTask(task, {
-                    error: {
-                        message: (reason, data) => {
-                            const msg = reason === 'Empty snapshot'
-                                ? `Runtime ${ref} will not be snapshotted as it does not contain any serializable state.`
-                                : `Failed to snapshot runtime ${ref} - ${reason}`;
-                            return msg;
-                        },
-                    },
-                    pending: { message: `Taking a snapshot of runtime ${ref}…` },
-                    success: {
-                        message: () => `Runtime ${ref} successfully snapshotted as ${snapshotName}.`,
-                    },
-                });
-                await task;
-                if (snapshot) {
-                    addSandboxSnapshot(snapshot);
-                }
-            }
-        }
-        finally {
-            setTakingSandboxSnapshot(false);
-        }
-    }, [connection, podName, multiServiceManager]);
-    return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { leadingVisual: DeviceCameraIcon, variant: "invisible", size: "small", disabled: loadingSandboxSnapshot || takingSandboxSnapshot || disabled, children: children }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { onSelect: onLoadSandboxSnapshot, disabled: loadingSandboxSnapshot || runtimeSnapshots.length === 0, children: "Load a code sandbox snapshot\u2026" }), _jsx(ActionList.Item, { onSelect: onTakeSandboxSnapshot, disabled: takingSandboxSnapshot, children: "Take a code sandbox snapshot" })] }) })] }), openLoadDialog && (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: "Choose a code sandbox snapshot to load" }), onClose: () => {
-                    setOpenLoadDialog(false);
-                }, footerButtons: [
-                    {
-                        buttonType: 'default',
-                        content: 'Cancel',
-                        onClick: event => {
-                            if (!event.defaultPrevented) {
-                                event.preventDefault();
-                                setOpenLoadDialog(false);
-                            }
-                        },
-                    },
-                    {
-                        buttonType: 'primary',
-                        content: loadingSandboxSnapshot ? (_jsx(Spinner, { size: "small" })) : ('Load'),
-                        disabled: loadingSandboxSnapshot,
-                        onClick: async (event) => {
-                            if (!event.defaultPrevented) {
-                                event.preventDefault();
-                                setLoadingSandboxSnapshot(true);
-                                try {
-                                    setError(undefined);
-                                    const snapshot = runtimeSnapshots.find(s => s.id === selection);
-                                    if (snapshot && (connection || podName)) {
-                                        await onLoadSandboxSnapshotSubmit({
-                                            connection,
-                                            id: snapshot.id,
-                                            podName,
-                                        });
-                                    }
-                                    else {
-                                        setError('No code sandbox snapshot found.');
-                                    }
-                                }
-                                finally {
-                                    setLoadingSandboxSnapshot(false);
-                                    setOpenLoadDialog(false);
-                                }
-                            }
-                        },
-                        autoFocus: true,
-                    },
-                ], children: _jsxs(Box, { as: "form", children: [_jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Snapshot" }), _jsx(Select, { name: "snapshot", value: selection, onChange: onSandboxSnapshotChanged, block: true, children: runtimeSnapshots.map(s => (_jsx(Select.Option, { value: s.id, children: s.name ? `${s.name} (${s.id})` : s.id }, s.id))) })] }), error && _jsx(Flash, { variant: "danger", children: error })] }) }))] }));
-}

package/lib/components/snapshots/index.d.ts

@@ -1 +0,0 @@
-export * from './SandboxSnapshotMenu';

package/lib/components/snapshots/index.js

@@ -1,5 +0,0 @@
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-export * from './SandboxSnapshotMenu.js';

package/lib/components/snippets/SnippetDialog.d.ts

@@ -1,42 +0,0 @@
-import { CodeCellModel } from '@jupyterlab/cells';
-import type { IMarkdownParser, IRenderMime } from '@jupyterlab/rendermime';
-import { ITranslator } from '@jupyterlab/translation';
-import type { ISnippet } from '../../models';
-/**
- * {@link SnippetDialog} properties
- */
-export interface ISnippetDialogProps {
-    /**
-     * Code cell model
-     */
-    model: CodeCellModel;
-    /**
-     * Callback request the dialog closure.
-     */
-    onClose: () => void;
-    /**
-     * Code snippets language
-     */
-    language: string;
-    /**
-     * Code snippets
-     */
-    snippets: ISnippet[];
-    /**
-     * Markdown parser
-     */
-    markdownParser?: IMarkdownParser;
-    /**
-     * HTML sanitizer
-     */
-    sanitizer?: IRenderMime.ISanitizer;
-    /**
-     * Application translator
-     */
-    translator?: ITranslator;
-}
-/**
- * Dialog to inject snippet in a cell.
- */
-export declare function SnippetDialog(props: ISnippetDialogProps): JSX.Element;
-export default SnippetDialog;

package/lib/components/snippets/SnippetDialog.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useCallback, useMemo, useState } from 'react';
-import { nullTranslator } from '@jupyterlab/translation';
-import { FormControl, Select, Text } from '@primer/react';
-import { Box } from '@datalayer/primer-addons';
-import { Dialog } from '@primer/react/experimental';
-import { Markdown } from '../display/index.js';
-/**
- * Dialog to inject snippet in a cell.
- */
-export function SnippetDialog(props) {
-    const { model, onClose, language, snippets, markdownParser, sanitizer, translator, } = props;
-    const [selection, setSelection] = useState(snippets[0]);
-    const trans = useMemo(() => (translator ?? nullTranslator).load('jupyterlab'), [translator]);
-    const onSelectionChange = useCallback((e) => {
-        const selection = e.target.value;
-        setSelection(snippets[parseInt(selection, 10)]);
-    }, [setSelection, snippets]);
-    const injectSnippet = useCallback(() => {
-        const size = model.sharedModel.getSource().length;
-        model.sharedModel.updateSource(size, size, '\n'.repeat(size ? 2 : 0) + selection.code);
-        onClose();
-    }, [model, selection, onClose]);
-    return (_jsx(Dialog, { title: _jsx("span", { style: { color: 'var(--fgColor-default)' }, children: "Pick a snippet to inject" }), onClose: onClose, footerButtons: [
-            {
-                buttonType: 'default',
-                content: trans.__('Cancel'),
-                onClick: onClose,
-            },
-            {
-                buttonType: 'primary',
-                content: trans.__('Inject snippet'),
-                onClick: injectSnippet,
-                autoFocus: true,
-            },
-        ], children: _jsx(Box, { as: "form", children: _jsxs(FormControl, { children: [_jsx(FormControl.Label, {}), _jsx(Select, { block: true, onChange: onSelectionChange, children: snippets.map((snippet, index) => (_jsx(Select.Option, { value: `${index}`, children: snippet.title }, index))) }), _jsxs(FormControl.Caption, { children: [selection.description && (_jsx(Text, { as: "p", children: selection.description })), markdownParser ? (_jsx(Markdown, { markdownParser: markdownParser, sanitizer: sanitizer, text: `\`\`\`${language}\n${selection.code}\`\`\`` })) : (_jsx("code", { children: selection.code }))] })] }) }) }));
-}
-export default SnippetDialog;

package/lib/components/students/StudentItemStatus.d.ts

@@ -1,7 +0,0 @@
-import { IStudent, IStudentItem } from '../../models';
-type Props = {
-    student?: IStudent;
-    studentItem?: IStudentItem;
-};
-export declare const StudentItemStatus: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default StudentItemStatus;

package/lib/components/students/StudentItemStatus.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useMemo } from 'react';
-import { useTheme, Tooltip, Button } from '@primer/react';
-import { Box } from '@datalayer/primer-addons';
-const getExercisePoints = (studentItem) => {
-    if (studentItem && studentItem.points) {
-        return studentItem.points;
-    }
-    return 0;
-};
-export const StudentItemStatus = (props) => {
-    const { student, studentItem } = props;
-    const { theme } = useTheme();
-    const okColor = useMemo(() => theme?.colorSchemes.light.colors.success.muted, []);
-    const nokColor = useMemo(() => theme?.colorSchemes.light.colors.severe.muted, []);
-    if (student && studentItem) {
-        switch (studentItem.itemType) {
-            case 'dataset': {
-                const datasetColor = studentItem?.completed ? okColor : nokColor;
-                return (_jsx(Box, { sx: {
-                        backgroundColor: datasetColor,
-                        width: '14px',
-                        height: '14px',
-                        borderRadius: 3,
-                    }, ml: 1 }));
-            }
-            case 'lesson': {
-                const lessonColor = studentItem?.completed ? okColor : nokColor;
-                return (_jsx(Box, { sx: {
-                        backgroundColor: lessonColor,
-                        width: '14px',
-                        height: '14px',
-                        borderRadius: 3,
-                    }, ml: 1 }));
-            }
-            case 'exercise': {
-                const exerciseColor = getExercisePoints(studentItem) > 0 ? okColor : nokColor;
-                return (_jsx(Box, { sx: {
-                        backgroundColor: exerciseColor,
-                        width: '14px',
-                        height: '14px',
-                        borderRadius: 3,
-                    }, ml: 1 }));
-            }
-            case 'assignment':
-                return (_jsxs(Box, { display: "flex", children: [studentItem.nbgradesTotalScore !== undefined &&
-                            studentItem.nbgradesTotalPoints !== undefined && (_jsxs(Box, { children: [studentItem.nbgradesTotalScore, " /", ' ', studentItem.nbgradesTotalPoints] })), studentItem.nbgrades && (_jsx(Box, { display: "flex", ml: 3, children: studentItem?.nbgrades.map(grade => {
-                                const gradeColor = grade.score_f === grade.points_f ? okColor : nokColor;
-                                return (_jsx(Tooltip, { text: grade.grade_id_s, children: _jsx(Button, { variant: "invisible", children: _jsx(Box, { sx: {
-                                                backgroundColor: gradeColor,
-                                                width: '14px',
-                                                height: '14px',
-                                                borderRadius: 3,
-                                            }, ml: 1 }) }) }));
-                            }) }))] }));
-            default:
-                return _jsx(_Fragment, {});
-        }
-    }
-    return _jsx(_Fragment, {});
-};
-export default StudentItemStatus;

package/lib/components/tokens/SpaceVariantToken.d.ts

@@ -1,5 +0,0 @@
-import { ISpaceVariant } from '../../models';
-export declare const SpaceVariantToken: (props: {
-    variant: ISpaceVariant | string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SpaceVariantToken;

package/lib/components/tokens/SpaceVariantToken.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { Token } from '@primer/react';
-import { ProjectIcon } from '@primer/octicons-react';
-import { StudentIcon } from '@datalayer/icons-react';
-export const SpaceVariantToken = (props) => {
-    const variant = String(props.variant || 'default').toLowerCase();
-    if (variant.includes('project')) {
-        return _jsx(Token, { text: "project", leadingVisual: ProjectIcon });
-    }
-    switch (variant) {
-        case 'default':
-            return _jsx(Token, { text: "default" });
-        case 'course':
-            return _jsx(Token, { text: "course", leadingVisual: StudentIcon });
-        default:
-            return _jsx(Token, { text: String(variant || 'default') });
-    }
-};
-export default SpaceVariantToken;

package/lib/components/toolbars/AssignmentEditorToolbar.d.ts

@@ -1,4 +0,0 @@
-export declare const AssignmentEditorToolbar: (props: {
-    notebookId: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default AssignmentEditorToolbar;

package/lib/components/toolbars/AssignmentEditorToolbar.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { Button } from '@primer/react';
-import { Box } from '@datalayer/primer-addons';
-import { RepoPushIcon } from '@primer/octicons-react';
-// import { PlayIcon, StopIcon } from '@primer/octicons-react';
-// import { notebookStore } from '@datalayer/jupyter-react';
-import { useGradeStore } from '../../state/index.js';
-export const AssignmentEditorToolbar = (props) => {
-    //  const { notebookId } = props;
-    //   const notebook = notebookStore.getState().selectNotebook(notebookId);
-    const { grade } = useGradeStore();
-    return (_jsx(Box, { display: "flex", children: _jsx(Box, { children: _jsx(Button, { variant: "invisible", size: "small", leadingVisual: RepoPushIcon, onClick: () => grade(new Date()), children: "Grade" }) }) }));
-};
-export default AssignmentEditorToolbar;

package/lib/components/toolbars/DocumentEditorToolbar.d.ts

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

package/lib/components/toolbars/DocumentEditorToolbar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { Button, Box } from '@primer/react';
-import { RepoPushIcon } from '@primer/octicons-react';
-import { documentStore } from '../../state/index.js';
-export const DocumentEditorToolbar = () => {
-    return (_jsx(Box, { display: "flex", children: _jsx(Box, { children: _jsx(Button, { variant: "invisible", size: "small", leadingVisual: RepoPushIcon, onClick: () => documentStore.getState().save(new Date()), children: "Save" }) }) }));
-};
-export default DocumentEditorToolbar;

package/lib/components/toolbars/NotebookEditorToolbar.d.ts

@@ -1,29 +0,0 @@
-import { Session } from '@jupyterlab/services';
-import { CommandRegistry } from '@lumino/commands';
-import type { IRuntimeDesc } from '../../models';
-/**
- * NotebookEditorToolbar component properties
- */
-export type INotebookEditorToolbar = {
-    /**
-     * Jupyter commands registry
-     */
-    commandRegistry?: CommandRegistry;
-    /**
-     * Kernel description
-     */
-    runtimeDesc?: IRuntimeDesc;
-    /**
-     * Callback to save the notebook model
-     */
-    save: () => void;
-    /**
-     * Session connection
-     */
-    sessionConnection?: Session.ISessionConnection;
-};
-/**
- * Notebook editor toolbar
- */
-export declare function NotebookEditorToolbar(props: INotebookEditorToolbar): JSX.Element;
-export default NotebookEditorToolbar;

package/lib/components/toolbars/NotebookEditorToolbar.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { NotebookCommandIds } from '@datalayer/jupyter-react';
-import { Button } from '@primer/react';
-import { PlayIcon, StopIcon } from '@primer/octicons-react';
-import { useEffect, useState } from 'react';
-/**
- * Notebook editor toolbar
- */
-export function NotebookEditorToolbar(props) {
-    const { commandRegistry, runtimeDesc, sessionConnection } = props;
-    const [kernelStatus, setKernelStatus] = useState();
-    useEffect(() => {
-        const onStatusChanged = () => {
-            setKernelStatus(sessionConnection?.kernel?.status);
-        };
-        onStatusChanged();
-        sessionConnection?.statusChanged.connect(onStatusChanged);
-        sessionConnection?.connectionStatusChanged.connect(onStatusChanged);
-        return () => {
-            sessionConnection?.statusChanged.disconnect(onStatusChanged);
-            sessionConnection?.connectionStatusChanged.disconnect(onStatusChanged);
-        };
-    }, [sessionConnection]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "invisible", size: "small", leadingVisual: PlayIcon, disabled: !runtimeDesc?.location || kernelStatus === 'busy', onClick: (e) => commandRegistry?.execute(NotebookCommandIds.runAll), children: "Run all" }), _jsx(Button, { variant: "invisible", size: "small", leadingVisual: StopIcon, disabled: !runtimeDesc?.location || kernelStatus !== 'busy', onClick: (e) => commandRegistry?.execute(NotebookCommandIds.interrupt), children: "Interrupt" })] }));
-}
-export default NotebookEditorToolbar;

package/lib/examples/CellExample.d.ts

@@ -1,6 +0,0 @@
-import { ServiceManager } from '@jupyterlab/services';
-type ICellExampleProps = {
-    serviceManager?: ServiceManager.IManager;
-};
-export declare const CellExample: (props: ICellExampleProps) => import("react/jsx-runtime").JSX.Element;
-export default CellExample;

package/lib/examples/CellExample.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JupyterReactTheme, Cell, KernelIndicator, useJupyter, useKernelsStore, useCellsStore, } from '@datalayer/jupyter-react';
-import { Button, Label } from '@primer/react';
-import { Box } from '@datalayer/primer-addons';
-const CELL_ID = 'cell-example-1';
-const DEFAULT_SOURCE = `from IPython.display import display
-
-for i in range(10):
-    display('I am a long string which is repeatedly added to the dom in separated divs: %d' % i)`;
-const CellExampleContent = (props) => {
-    //  const { serviceManager } = props;
-    const { defaultKernel } = useJupyter({ startDefaultKernel: true });
-    const cellsStore = useCellsStore();
-    const kernelsStore = useKernelsStore();
-    return (_jsxs(Box, { p: 4, children: [_jsx(Box, { as: "h1", children: "A Jupyter Cell" }), _jsxs(Box, { children: ["Source: ", cellsStore.getSource(CELL_ID)] }), _jsxs(Box, { children: ["Outputs Count: ", cellsStore.getOutputsCount(CELL_ID)] }), _jsxs(Box, { children: ["Kernel State:", ' ', _jsx(Label, { children: defaultKernel && kernelsStore.getExecutionState(defaultKernel.id) })] }), _jsxs(Box, { children: ["Kernel Phase:", ' ', _jsx(Label, { children: defaultKernel && kernelsStore.getExecutionPhase(defaultKernel.id) })] }), _jsxs(Box, { display: "flex", children: [_jsx(Box, { children: "Kernel Indicator:" }), _jsx(Box, { ml: 3, children: _jsx(KernelIndicator, { kernel: defaultKernel && defaultKernel.connection }) })] }), _jsx(Box, { children: _jsx(Button, { onClick: () => cellsStore.execute(CELL_ID), children: "Run cell" }) }), _jsx(Cell, { source: DEFAULT_SOURCE, id: CELL_ID, kernel: defaultKernel })] }));
-};
-export const CellExample = (props) => {
-    return (_jsx(JupyterReactTheme, { children: _jsx(CellExampleContent, { ...props }) }));
-};
-export default CellExample;

package/lib/examples/NotebookExample.d.ts

@@ -1,6 +0,0 @@
-import { ServiceManager } from '@jupyterlab/services';
-type INotebookExampleProps = {
-    serviceManager?: ServiceManager.IManager;
-};
-export declare const NotebookExample: (props: INotebookExampleProps) => import("react/jsx-runtime").JSX.Element;
-export default NotebookExample;

package/lib/examples/NotebookExample.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useMemo } from 'react';
-import { Box } from '@datalayer/primer-addons';
-import { Notebook, NotebookToolbar, CellSidebarExtension, CellSidebarButton, } from '@datalayer/jupyter-react';
-import nbformatExample from './notebooks/NotebookExample1.ipynb.json';
-const NOTEBOOK_ID = 'notebook-example-1';
-export const NotebookExample = (props) => {
-    const { serviceManager } = props;
-    const extensions = useMemo(() => [new CellSidebarExtension({ factory: CellSidebarButton })], []);
-    if (!serviceManager) {
-        return (_jsxs(Box, { as: "h1", children: ["A Jupyter Notebook", _jsx("div", { children: "Loading..." })] }));
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook" }), _jsx(Notebook, { id: NOTEBOOK_ID, nbformat: nbformatExample, serviceManager: serviceManager, startDefaultKernel: true, extensions: extensions, Toolbar: NotebookToolbar })] }));
-};
-export default NotebookExample;