@datalayer/jupyter-react 0.19.4 → 0.19.5

package/lib/components/notebook/cell/metadata/CellMetadataEditor.js

@@ -1,27 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { useEffect, useState } from 'react';
-import { ActionList, TextInput } from '@primer/react';
 import { CheckIcon } from '@primer/octicons-react';
-import NbGraderType, { getNbGraderType } from './NbGraderCells';
+import { ActionList, TextInput } from '@primer/react';
+import { useCallback, useEffect, useState } from 'react';
 import { newUlid } from '../../../../utils';
-export const CellMetadataEditor = (props) => {
-    const { cell } = props;
-    const [cellGradeType, setCellGradeType] = useState(getNbGraderType(cell));
-    const [nbGrade, setNbGrade] = useState(cell.model.getMetadata('nbgrader') ?? { grade_id: newUlid(), points: 1 });
+import NbGraderType, { getNbGraderType } from './NbGraderCells';
+/**
+ * Cell metadata editor component
+ */
+export function CellMetadataEditor(props) {
+    const { cellModel } = props;
+    const [cellGradeType, setCellGradeType] = useState(getNbGraderType(cellModel));
+    const [nbGrade, setNbGrade] = useState(cellModel.getMetadata('nbgrader') ?? { grade_id: newUlid(), points: 1 });
     useEffect(() => {
         setNbGrade({
             grade_id: nbGrade.grade_id ?? newUlid(),
             points: nbGrade.points ?? 1,
         });
     }, [nbGrade]);
-    const handleGradeIdChange = (cell, gradeId) => {
-        const nbgrader = cell.model.getMetadata('nbgrader');
-        cell.model.setMetadata('nbgrader', {
+    const handleGradeIdChange = useCallback((cellModel, gradeId) => {
+        const nbgrader = cellModel.getMetadata('nbgrader');
+        cellModel.setMetadata('nbgrader', {
             ...nbgrader,
             grade_id: gradeId,
         });
@@ -29,12 +27,12 @@ export const CellMetadataEditor = (props) => {
             ...nbGrade,
             grade_id: gradeId,
         });
-    };
-    const handlePointsChange = (cell, points) => {
+    }, []);
+    const handlePointsChange = useCallback((cellModel, points) => {
         const points_number = +points;
         if (!isNaN(points_number)) {
-            const nbgrader = cell.model.getMetadata('nbgrader');
-            cell.model.setMetadata('nbgrader', {
+            const nbgrader = cellModel.getMetadata('nbgrader');
+            cellModel.setMetadata('nbgrader', {
                 ...nbgrader,
                 points: points_number,
             });
@@ -43,17 +41,17 @@ export const CellMetadataEditor = (props) => {
                 points: points_number,
             });
         }
-    };
-    const assignCellGradeType = (cell, cellGradeType) => {
+    }, []);
+    const assignCellGradeType = useCallback((cellModel, cellGradeType) => {
         switch (cellGradeType) {
             case NbGraderType.NotGraded: {
-                cell.model.deleteMetadata('nbgrader');
+                cellModel.deleteMetadata('nbgrader');
                 setCellGradeType(NbGraderType.NotGraded);
                 break;
             }
             case NbGraderType.AutogradedAnswer: {
-                const nbgrader = cell.model.getMetadata('nbgrader');
-                cell.model.setMetadata('nbgrader', {
+                const nbgrader = cellModel.getMetadata('nbgrader');
+                cellModel.setMetadata('nbgrader', {
                     ...nbgrader,
                     grade: false,
                     solution: true,
@@ -66,8 +64,8 @@ export const CellMetadataEditor = (props) => {
                 break;
             }
             case NbGraderType.AutogradedTest: {
-                const nbgrader = cell.model.getMetadata('nbgrader');
-                cell.model.setMetadata('nbgrader', {
+                const nbgrader = cellModel.getMetadata('nbgrader');
+                cellModel.setMetadata('nbgrader', {
                     ...nbgrader,
                     grade: true,
                     solution: false,
@@ -80,8 +78,8 @@ export const CellMetadataEditor = (props) => {
                 break;
             }
             case NbGraderType.ManuallyGradedAnswer: {
-                const nbgrader = cell.model.getMetadata('nbgrader');
-                cell.model.setMetadata('nbgrader', {
+                const nbgrader = cellModel.getMetadata('nbgrader');
+                cellModel.setMetadata('nbgrader', {
                     ...nbgrader,
                     grade: true,
                     solution: true,
@@ -94,8 +92,8 @@ export const CellMetadataEditor = (props) => {
                 break;
             }
             case NbGraderType.ManuallyGradedTask: {
-                const nbgrader = cell.model.getMetadata('nbgrader');
-                cell.model.setMetadata('nbgrader', {
+                const nbgrader = cellModel.getMetadata('nbgrader');
+                cellModel.setMetadata('nbgrader', {
                     ...nbgrader,
                     //        "points": 1,
                     grade: false,
@@ -109,8 +107,8 @@ export const CellMetadataEditor = (props) => {
                 break;
             }
             case NbGraderType.ReadonlyGraded: {
-                const nbgrader = cell.model.getMetadata('nbgrader');
-                cell.model.setMetadata('nbgrader', {
+                const nbgrader = cellModel.getMetadata('nbgrader');
+                cellModel.setMetadata('nbgrader', {
                     ...nbgrader,
                     grade: false,
                     solution: false,
@@ -121,14 +119,14 @@ export const CellMetadataEditor = (props) => {
                 break;
             }
         }
-    };
-    return (_jsxs(ActionList, { showDividers: true, children: [_jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { title: "NbGrader Cell Type", variant: "subtle", children: [_jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cell, NbGraderType.NotGraded), children: [cellGradeType === NbGraderType.NotGraded && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "None", _jsx(ActionList.Description, { variant: "block", children: "Not a grader cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cell, NbGraderType.AutogradedAnswer), children: [cellGradeType === NbGraderType.AutogradedAnswer && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Autograded answer", _jsx(ActionList.Description, { variant: "block", children: "An autograded answer cell." })] }), _jsxs(ActionList.Item, { role: "listitem", onClick: e => assignCellGradeType(cell, NbGraderType.AutogradedTest), children: [cellGradeType === NbGraderType.AutogradedTest && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Autograded test", _jsx(ActionList.Description, { variant: "block", children: "An autograded test cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cell, NbGraderType.ManuallyGradedTask), children: [cellGradeType === NbGraderType.ManuallyGradedTask && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Manually graded task", _jsx(ActionList.Description, { variant: "block", children: "A manually graded task cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cell, NbGraderType.ManuallyGradedAnswer), children: [cellGradeType === NbGraderType.ManuallyGradedAnswer && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Manually graded answer", _jsx(ActionList.Description, { variant: "block", children: "A manually graded answer cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cell, NbGraderType.ReadonlyGraded), children: [cellGradeType === NbGraderType.ReadonlyGraded && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Readonly", _jsx(ActionList.Description, { variant: "block", children: "A readonly grader cell." })] })] }), cellGradeType !== NbGraderType.NotGraded && (_jsxs(ActionList.Group, { title: "NbGrader Metadata", variant: "subtle", children: [_jsxs(ActionList.Item, { onSelect: e => e.preventDefault(), children: ["Grade ID:", ' ', _jsx(TextInput, { block: true, value: nbGrade.grade_id, onChange: e => {
+    }, []);
+    return (_jsxs(ActionList, { showDividers: true, children: [_jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { title: "NbGrader Cell Type", variant: "subtle", children: [_jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cellModel, NbGraderType.NotGraded), children: [cellGradeType === NbGraderType.NotGraded && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "None", _jsx(ActionList.Description, { variant: "block", children: "Not a grader cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cellModel, NbGraderType.AutogradedAnswer), children: [cellGradeType === NbGraderType.AutogradedAnswer && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Autograded answer", _jsx(ActionList.Description, { variant: "block", children: "An autograded answer cell." })] }), _jsxs(ActionList.Item, { role: "listitem", onClick: e => assignCellGradeType(cellModel, NbGraderType.AutogradedTest), children: [cellGradeType === NbGraderType.AutogradedTest && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Autograded test", _jsx(ActionList.Description, { variant: "block", children: "An autograded test cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cellModel, NbGraderType.ManuallyGradedTask), children: [cellGradeType === NbGraderType.ManuallyGradedTask && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Manually graded task", _jsx(ActionList.Description, { variant: "block", children: "A manually graded task cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cellModel, NbGraderType.ManuallyGradedAnswer), children: [cellGradeType === NbGraderType.ManuallyGradedAnswer && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Manually graded answer", _jsx(ActionList.Description, { variant: "block", children: "A manually graded answer cell." })] }), _jsxs(ActionList.Item, { onSelect: e => assignCellGradeType(cellModel, NbGraderType.ReadonlyGraded), children: [cellGradeType === NbGraderType.ReadonlyGraded && (_jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}) })), "Readonly", _jsx(ActionList.Description, { variant: "block", children: "A readonly grader cell." })] })] }), cellGradeType !== NbGraderType.NotGraded && (_jsxs(ActionList.Group, { title: "NbGrader Metadata", variant: "subtle", children: [_jsxs(ActionList.Item, { onSelect: e => e.preventDefault(), children: ["Grade ID:", ' ', _jsx(TextInput, { block: true, value: nbGrade.grade_id, onChange: e => {
                                     e.preventDefault();
-                                    handleGradeIdChange(cell, e.target.value);
+                                    handleGradeIdChange(cellModel, e.target.value);
                                 } })] }), _jsxs(ActionList.Item, { children: ["Points:", ' ', _jsx(TextInput, { block: true, value: nbGrade.points, onChange: e => {
                                     e.preventDefault();
-                                    handlePointsChange(cell, e.target.value);
+                                    handlePointsChange(cellModel, e.target.value);
                                 } })] })] }))] }));
-};
+}
 export default CellMetadataEditor;
 //# sourceMappingURL=CellMetadataEditor.js.map

package/lib/components/notebook/cell/metadata/CellMetadataEditor.js.map

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

package/lib/components/notebook/cell/metadata/NbGraderCells.d.ts

@@ -1,4 +1,4 @@
-import { Cell, ICellModel } from '@jupyterlab/cells';
+import { ICellModel } from '@jupyterlab/cells';
 export declare enum NbGraderType {
     NotGraded = 0,
     AutogradedAnswer = 1,
@@ -7,5 +7,5 @@ export declare enum NbGraderType {
     ManuallyGradedAnswer = 4,
     ReadonlyGraded = 5
 }
-export declare const getNbGraderType: (cell: Cell<ICellModel>) => NbGraderType;
+export declare const getNbGraderType: (cellModel: ICellModel) => NbGraderType;
 export default NbGraderType;

package/lib/components/notebook/cell/metadata/NbGraderCells.js

@@ -69,8 +69,8 @@ export var NbGraderType;
     NbGraderType[NbGraderType["ManuallyGradedAnswer"] = 4] = "ManuallyGradedAnswer";
     NbGraderType[NbGraderType["ReadonlyGraded"] = 5] = "ReadonlyGraded";
 })(NbGraderType || (NbGraderType = {}));
-export const getNbGraderType = (cell) => {
-    const nbgrader = cell.model.getMetadata('nbgrader');
+export const getNbGraderType = (cellModel) => {
+    const nbgrader = cellModel.getMetadata('nbgrader');
     if (!nbgrader) {
         return NbGraderType.NotGraded;
     }

package/lib/components/notebook/cell/metadata/NbGraderCells.js.map

@@ -1 +1 @@
-{"version":3,"file":"NbGraderCells.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/metadata/NbGraderCells.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF,MAAM,CAAN,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,yDAAS,CAAA;IACT,uEAAgB,CAAA;IAChB,mEAAc,CAAA;IACd,2EAAkB,CAAA;IAClB,+EAAoB,CAAA;IACpB,mEAAc,CAAA;AAChB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAsB,EAAE,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAQ,CAAC;IAC3D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,YAAY,CAAC,SAAS,CAAC;KAC/B;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3B,2FAA2F;IAC3F,IAAI,CAAC,KAAK,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE;QACjC,OAAO,YAAY,CAAC,gBAAgB,CAAC;KACtC;IACD,gGAAgG;IAChG,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,IAAI,IAAI,EAAE;QACzC,OAAO,YAAY,CAAC,kBAAkB,CAAC;KACxC;IACD,oGAAoG;IACpG,IAAI,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,EAAE;QAChC,OAAO,YAAY,CAAC,cAAc,CAAC;KACpC;IACD,qFAAqF;IACrF,IAAI,KAAK,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE;QAChC,OAAO,YAAY,CAAC,oBAAoB,CAAC;KAC1C;IACD,yFAAyF;IACzF,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,EAAE;QAC1C,OAAO,YAAY,CAAC,cAAc,CAAC;KACpC;IACD,OAAO,YAAY,CAAC,SAAS,CAAC;AAChC,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"NbGraderCells.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/metadata/NbGraderCells.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF,MAAM,CAAN,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,yDAAS,CAAA;IACT,uEAAgB,CAAA;IAChB,mEAAc,CAAA;IACd,2EAAkB,CAAA;IAClB,+EAAoB,CAAA;IACpB,mEAAc,CAAA;AAChB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAqB,EAAE,EAAE;IACvD,MAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,UAAU,CAAQ,CAAC;IAC1D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,YAAY,CAAC,SAAS,CAAC;KAC/B;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3B,2FAA2F;IAC3F,IAAI,CAAC,KAAK,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE;QACjC,OAAO,YAAY,CAAC,gBAAgB,CAAC;KACtC;IACD,gGAAgG;IAChG,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,IAAI,IAAI,EAAE;QACzC,OAAO,YAAY,CAAC,kBAAkB,CAAC;KACxC;IACD,oGAAoG;IACpG,IAAI,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,EAAE;QAChC,OAAO,YAAY,CAAC,cAAc,CAAC;KACpC;IACD,qFAAqF;IACrF,IAAI,KAAK,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE;QAChC,OAAO,YAAY,CAAC,oBAAoB,CAAC;KAC1C;IACD,yFAAyF;IACzF,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,EAAE;QAC1C,OAAO,YAAY,CAAC,cAAc,CAAC;KACpC;IACD,OAAO,YAAY,CAAC,SAAS,CAAC;AAChC,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/notebook/cell/sidebar/CellSidebar.d.ts

@@ -1,3 +1,29 @@
-import { ICellSidebarProps } from './CellSidebarWidget';
-export declare const CellSidebar: (props: ICellSidebarProps) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { type CommandRegistry } from '@lumino/commands';
+import type { ICellModel } from '@jupyterlab/cells';
+/**
+ * Cell sidebar class name.
+ */
+export declare const DATALAYER_CELL_SIDEBAR_CLASS_NAME = "dla-CellSidebar-Container";
+/**
+ * Cell sidebar properties
+ */
+export type ICellSidebarProps = {
+    /**
+     * Notebook command registry
+     */
+    commands: CommandRegistry;
+    /**
+     * Cell model
+     */
+    model: ICellModel;
+    /**
+     * Whether to display nbgrader features or not.
+     */
+    nbgrader: boolean;
+};
+/**
+ * Cell sidebar component
+ */
+export declare function CellSidebar(props: ICellSidebarProps): JSX.Element;
 export default CellSidebar;

package/lib/components/notebook/cell/sidebar/CellSidebar.js

@@ -1,84 +1,70 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { useState } from 'react';
-import { ActionMenu, Button, Box } from '@primer/react';
-import { ChevronRightIcon, XIcon, ChevronUpIcon, ChevronDownIcon, SquareIcon } from '@primer/octicons-react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, SquareIcon, XIcon, } from '@primer/octicons-react';
+import { ActionMenu, Box, Button } from '@primer/react';
+import { NotebookCommandIds } from '../../NotebookCommands';
 import CellMetadataEditor from '../metadata/CellMetadataEditor';
-import useNotebookStore from '../../NotebookState';
-import { DATALAYER_CELL_SIDEBAR_CLASS_NAME } from './CellSidebarWidget';
-export const CellSidebar = (props) => {
-    const { notebookId, cellNodeId, nbgrader } = props;
-    const [visible, setVisible] = useState(false);
-    const notebookStore = useNotebookStore();
-    const activeCell = notebookStore.selectActiveCell(notebookId);
-    const layout = activeCell?.layout;
-    if (layout) {
-        const cellWidget = layout.widgets[0];
-        if (cellWidget?.node.id === cellNodeId) {
-            if (!visible) {
-                setVisible(true);
-            }
-        }
-        if (cellWidget?.node.id !== cellNodeId) {
-            if (visible) {
-                setVisible(false);
-            }
-        }
-    }
-    if (!visible) {
-        return _jsx("div", {});
-    }
-    return activeCell ? (_jsxs(Box, { className: DATALAYER_CELL_SIDEBAR_CLASS_NAME, sx: {
+/**
+ * Cell sidebar class name.
+ */
+export const DATALAYER_CELL_SIDEBAR_CLASS_NAME = 'dla-CellSidebar-Container';
+/**
+ * Cell sidebar component
+ */
+export function CellSidebar(props) {
+    const { commands, model, nbgrader } = props;
+    return (_jsxs(Box, { className: DATALAYER_CELL_SIDEBAR_CLASS_NAME, sx: {
             '& p': {
                 marginBottom: '0 !important',
             },
-        }, children: [nbgrader && (_jsx(ActionMenu, { children: _jsx(CellMetadataEditor, { notebookId: notebookId, cell: activeCell, nbgrader: nbgrader }) })), _jsx(Box, { children: _jsx(Button, { title: "Run cell", leadingVisual: ChevronRightIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.run(notebookId);
-                    }, children: "Run" }) }), _jsx(Box, { children: _jsx(Button, { title: "Insert code cell above", leadingVisual: ChevronUpIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.insertAbove({
-                            id: notebookId,
-                            cellType: 'code',
-                        });
-                    }, children: "Code" }) }), _jsx(Box, { children: _jsx(Button, { title: "Insert markdown cell above", leadingVisual: ChevronUpIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.insertAbove({
-                            id: notebookId,
-                            cellType: 'markdown',
-                        });
-                    }, children: "Markdown" }) }), _jsx(Box, { children: activeCell.model.type === 'code' ? (_jsx(Button, { title: "Convert to markdow cell", leadingVisual: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.changeCellType({
-                            id: notebookId,
-                            cellType: 'markdown',
-                        });
-                    }, children: "To Markdown" })) : (_jsx(Button, { title: "Convert to code cell", leadingVisual: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.changeCellType({
-                            id: notebookId,
-                            cellType: 'code',
-                        });
-                    }, children: "To Code" })) }), _jsx(Box, { children: _jsx(Button, { title: "Insert markdown cell below", leadingVisual: ChevronDownIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.insertBelow({
-                            id: notebookId,
-                            cellType: 'markdown',
-                        });
-                    }, children: "Markdown" }) }), _jsx(Box, { children: _jsx(Button, { title: "Insert code cell below", leadingVisual: ChevronDownIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.insertBelow({
-                            id: notebookId,
-                            cellType: 'code',
-                        });
-                    }, children: "Code" }) }), _jsx(Box, { children: _jsx(Button, { title: "Delete cell", leadingVisual: XIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.delete(notebookId);
-                    }, children: "Delete" }) })] })) : (_jsx(_Fragment, {}));
-};
+        }, children: [nbgrader && (_jsx(ActionMenu, { children: _jsx(CellMetadataEditor, { cellModel: model }) })), _jsx(Button, { title: "Run cell", leadingVisual: ChevronRightIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.run).catch(reason => {
+                        console.error('Failed to run cell.', reason);
+                    });
+                }, children: "Run" }), _jsx(Button, { title: "Insert code cell above", leadingVisual: ChevronUpIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.insertAbove).catch(reason => {
+                        console.error('Failed to insert code cell above.', reason);
+                    });
+                }, children: "Code" }), _jsx(Button, { title: "Insert markdown cell above", leadingVisual: ChevronUpIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.insertAbove, { cellType: 'markdown' })
+                        .catch(reason => {
+                        console.error('Failed to insert markdown cell above.', reason);
+                    });
+                }, children: "Markdown" }), model.type === 'code' ? (_jsx(Button, { title: "Convert to markdow cell", leadingVisual: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.changeCellTypeToMarkdown)
+                        .catch(reason => {
+                        console.error('Failed to change cell type to markdown.', reason);
+                    });
+                }, children: "To Markdown" })) : (_jsx(Button, { title: "Convert to code cell", leadingVisual: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.changeCellTypeToCode)
+                        .catch(reason => {
+                        console.error('Failed to change cell type to code.', reason);
+                    });
+                }, children: "To Code" })), _jsx(Button, { title: "Insert markdown cell below", leadingVisual: ChevronDownIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.insertBelow, { cellType: 'markdown' })
+                        .catch(reason => {
+                        console.error('Failed to insert markdown cell below.', reason);
+                    });
+                }, children: "Markdown" }), _jsx(Button, { title: "Insert code cell below", leadingVisual: ChevronDownIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.insertBelow).catch(reason => {
+                        console.error('Failed to insert code cell below.', reason);
+                    });
+                }, children: "Code" }), _jsx(Button, { title: "Delete cell", leadingVisual: XIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.deleteCells).catch(reason => {
+                        console.error('Failed to delete cells.', reason);
+                    });
+                }, children: "Delete" })] }));
+}
 export default CellSidebar;
 //# sourceMappingURL=CellSidebar.js.map

package/lib/components/notebook/cell/sidebar/CellSidebar.js.map

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

package/lib/components/notebook/cell/sidebar/CellSidebarButton.d.ts

@@ -1,3 +1,4 @@
-import { ICellSidebarProps } from './CellSidebarWidget';
-export declare const CellSidebarButton: (props: ICellSidebarProps) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { ICellSidebarProps } from './CellSidebar';
+export declare function CellSidebarButton(props: ICellSidebarProps): JSX.Element;
 export default CellSidebarButton;

package/lib/components/notebook/cell/sidebar/CellSidebarButton.js

@@ -1,83 +1,68 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright (c) 2021-2023 Datalayer, Inc.
  *
  * MIT License
  */
-import { useState } from 'react';
+import { ChevronDownIcon, ChevronUpIcon, PlayIcon, SquareIcon, XIcon, } from '@primer/octicons-react';
 import { Box, IconButton } from '@primer/react';
-import { PlayIcon, ChevronUpIcon, ChevronDownIcon, SquareIcon, XIcon } from '@primer/octicons-react';
-import useNotebookStore from '../../NotebookState';
-import { DATALAYER_CELL_SIDEBAR_CLASS_NAME } from './CellSidebarWidget';
-export const CellSidebarButton = (props) => {
-    const { notebookId, cellNodeId } = props;
-    const notebookStore = useNotebookStore();
-    const [visible, setVisible] = useState(false);
-    const activeCell = notebookStore.selectActiveCell(notebookId);
-    const layout = activeCell?.layout;
-    if (layout) {
-        const cellWidget = layout.widgets[0];
-        if (cellWidget?.node.id === cellNodeId) {
-            if (!visible) {
-                setVisible(true);
-            }
-        }
-        if (cellWidget?.node.id !== cellNodeId) {
-            if (visible) {
-                setVisible(false);
-            }
-        }
-    }
-    if (!visible) {
-        return _jsx(_Fragment, {});
-    }
-    return activeCell ? (_jsxs(Box, { className: DATALAYER_CELL_SIDEBAR_CLASS_NAME, sx: {
+import { NotebookCommandIds } from '../../NotebookCommands';
+import { DATALAYER_CELL_SIDEBAR_CLASS_NAME, } from './CellSidebar';
+export function CellSidebarButton(props) {
+    const { commands, model } = props;
+    return (_jsxs(Box, { className: DATALAYER_CELL_SIDEBAR_CLASS_NAME, sx: {
             '& p': {
                 marginBottom: '0 !important',
             },
-        }, children: [_jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Run cell", title: "Run cell", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.run(notebookId);
-                    }, icon: PlayIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell above", title: "Add code cell above", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.insertAbove({
-                            id: notebookId,
-                            cellType: 'code',
-                        });
-                    }, icon: ChevronUpIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell above", title: "Add markdown cell above", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.insertAbove({
-                            id: notebookId,
-                            cellType: 'markdown',
-                        });
-                    }, icon: ChevronUpIcon, variant: "invisible" }) }), _jsx(Box, { children: activeCell.model.type === 'code' ? (_jsx(IconButton, { "aria-label": "Convert to markdow cell", title: "Convert to markdow cell", icon: SquareIcon, size: "small", variant: "invisible", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.changeCellType({
-                            id: notebookId,
-                            cellType: 'markdown',
-                        });
-                    } })) : (_jsx(IconButton, { "aria-label": "Convert to code cell", title: "Convert to code cell", icon: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
-                        e.preventDefault();
-                        notebookStore.changeCellType({
-                            id: notebookId,
-                            cellType: 'code',
-                        });
-                    } })) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell below", title: "Add markdown cell below", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.insertBelow({
-                            id: notebookId,
-                            cellType: 'markdown',
-                        });
-                    }, icon: ChevronDownIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell above", title: "Add code cell above", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.insertBelow({
-                            id: notebookId,
-                            cellType: 'code',
-                        });
-                    }, icon: ChevronDownIcon, variant: "invisible" }) }), _jsx(Box, { children: _jsx(IconButton, { size: "small", color: "error", "aria-label": "Delete cell", title: "Delete cell", onClick: e => {
-                        e.preventDefault();
-                        notebookStore.delete(notebookId);
-                    }, icon: XIcon, variant: "invisible" }) })] })) : (_jsx(_Fragment, {}));
-};
+        }, children: [_jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Run cell", title: "Run cell", onClick: e => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.run).catch(reason => {
+                        console.error('Failed to run cell.', reason);
+                    });
+                }, icon: PlayIcon, variant: "invisible" }), _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell above", title: "Add code cell above", onClick: e => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.insertAbove).catch(reason => {
+                        console.error('Failed to insert code cell above.', reason);
+                    });
+                }, icon: ChevronUpIcon, variant: "invisible" }), _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell above", title: "Add markdown cell above", onClick: e => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.insertAbove, { cellType: 'markdown' })
+                        .catch(reason => {
+                        console.error('Failed to insert markdown cell above.', reason);
+                    });
+                }, icon: ChevronUpIcon, variant: "invisible" }), model.type === 'code' ? (_jsx(IconButton, { "aria-label": "Convert to markdow cell", title: "Convert to markdow cell", icon: SquareIcon, size: "small", variant: "invisible", onClick: e => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.changeCellTypeToMarkdown)
+                        .catch(reason => {
+                        console.error('Failed to change cell type to markdown.', reason);
+                    });
+                } })) : (_jsx(IconButton, { "aria-label": "Convert to code cell", title: "Convert to code cell", icon: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.changeCellTypeToCode)
+                        .catch(reason => {
+                        console.error('Failed to change cell type to code.', reason);
+                    });
+                } })), _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add markdown cell below", title: "Add markdown cell below", onClick: e => {
+                    e.preventDefault();
+                    commands
+                        .execute(NotebookCommandIds.insertBelow, { cellType: 'markdown' })
+                        .catch(reason => {
+                        console.error('Failed to insert markdown cell below.', reason);
+                    });
+                }, icon: ChevronDownIcon, variant: "invisible" }), _jsx(IconButton, { size: "small", color: "secondary", "aria-label": "Add code cell above", title: "Add code cell above", onClick: e => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.insertBelow).catch(reason => {
+                        console.error('Failed to insert code cell below.', reason);
+                    });
+                }, icon: ChevronDownIcon, variant: "invisible" }), _jsx(IconButton, { size: "small", color: "error", "aria-label": "Delete cell", title: "Delete cell", onClick: e => {
+                    e.preventDefault();
+                    commands.execute(NotebookCommandIds.deleteCells).catch(reason => {
+                        console.error('Failed to delete cells.', reason);
+                    });
+                }, icon: XIcon, variant: "invisible" })] }));
+}
 export default CellSidebarButton;
 //# sourceMappingURL=CellSidebarButton.js.map