@datalayer/jupyter-react 0.0.8 → 0.0.11

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

@@ -0,0 +1,7 @@
+import { Cell, ICellModel } from "@jupyterlab/cells";
+declare type Props = {
+    cell: Cell<ICellModel>;
+    nbgrader: boolean;
+};
+export declare const CellMetadataEditor: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CellMetadataEditor;

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

@@ -0,0 +1,43 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { ActionList, TextInput } from "@primer/react";
+import { CheckIcon } from "@primer/octicons-react";
+import { selectNotebook } from '../../NotebookState';
+import NbGraderType, { getNbGraderType, setCellGradeType } from './NbGraderCells';
+const handleGradeIdChange = (cell, gradeId) => {
+    const nbgrader = cell.model.metadata.get("nbgrader");
+    cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { grade_id: gradeId }));
+};
+const handlePointsChange = (cell, points) => {
+    var p = +points;
+    if (!isNaN(p)) {
+        const nbgrader = cell.model.metadata.get("nbgrader");
+        cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { points: p }));
+    }
+};
+export const CellMetadataEditor = (props) => {
+    var _a;
+    const { cell, nbgrader } = props;
+    if (!cell || !cell.model) {
+        return _jsx(_Fragment, {}, void 0);
+    }
+    const cellGradeType = getNbGraderType(cell);
+    // TODO Do not remove for now this selectNotebook, otherwise this component will not refresh.
+    // TODO Better handle this case with a local state.
+    selectNotebook();
+    const nbg = (_a = cell.model.metadata) === null || _a === void 0 ? void 0 : _a.get('nbgrader');
+    return (_jsx(ActionList, Object.assign({ showDividers: true }, { children: nbgrader &&
+            _jsxs(_Fragment, { children: [_jsx(ActionList.Divider, {}, void 0),
+                    _jsxs(ActionList.Group, Object.assign({ title: "NbGrader cell type", variant: "subtle" }, { children: [_jsxs(ActionList.Item, Object.assign({ onSelect: e => setCellGradeType(cell, NbGraderType.NotGraded) }, { children: [cellGradeType === NbGraderType.NotGraded && _jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}, void 0) }, void 0), "None", _jsx(ActionList.Description, Object.assign({ variant: "block" }, { children: "Not a grader cell." }), void 0)] }), void 0),
+                            _jsxs(ActionList.Item, Object.assign({ onSelect: e => setCellGradeType(cell, NbGraderType.AutogradedAnswer) }, { children: [cellGradeType === NbGraderType.AutogradedAnswer && _jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}, void 0) }, void 0), "Autograded answer", _jsx(ActionList.Description, Object.assign({ variant: "block" }, { children: "An autograded answer cell." }), void 0)] }), void 0),
+                            _jsxs(ActionList.Item, Object.assign({ role: "listitem", onClick: e => setCellGradeType(cell, NbGraderType.AutogradedTest) }, { children: [cellGradeType === NbGraderType.AutogradedTest && _jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}, void 0) }, void 0), "Autograded test", _jsx(ActionList.Description, Object.assign({ variant: "block" }, { children: "An autograded test cell." }), void 0)] }), void 0),
+                            _jsxs(ActionList.Item, Object.assign({ onSelect: e => setCellGradeType(cell, NbGraderType.ManuallyGradedTask) }, { children: [cellGradeType === NbGraderType.ManuallyGradedTask && _jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}, void 0) }, void 0), "Manually graded task", _jsx(ActionList.Description, Object.assign({ variant: "block" }, { children: "A manually graded task cell." }), void 0)] }), void 0),
+                            _jsxs(ActionList.Item, Object.assign({ onSelect: e => setCellGradeType(cell, NbGraderType.ManuallyGradedAnswer) }, { children: [cellGradeType === NbGraderType.ManuallyGradedAnswer && _jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}, void 0) }, void 0), "Manually graded answer", _jsx(ActionList.Description, Object.assign({ variant: "block" }, { children: "A manually graded answer cell." }), void 0)] }), void 0),
+                            _jsxs(ActionList.Item, Object.assign({ onSelect: e => setCellGradeType(cell, NbGraderType.ReadonlyGraded) }, { children: [cellGradeType === NbGraderType.ReadonlyGraded && _jsx(ActionList.LeadingVisual, { children: _jsx(CheckIcon, {}, void 0) }, void 0), "Readonly", _jsx(ActionList.Description, Object.assign({ variant: "block" }, { children: "A readonly grader cell." }), void 0)] }), void 0)] }), void 0),
+                    cellGradeType !== NbGraderType.NotGraded &&
+                        _jsx(_Fragment, { children: _jsxs(ActionList.Group, Object.assign({ title: "NbGrader metadata", variant: "subtle" }, { children: [_jsxs(ActionList.Item, { children: ["Grade ID:", nbg &&
+                                                _jsx(TextInput, { block: true, value: nbg.grade_id, onChange: e => { e.preventDefault(); handleGradeIdChange(cell, e.target.value); } }, void 0)] }, void 0),
+                                    _jsxs(ActionList.Item, { children: ["Points:", nbg &&
+                                                _jsx(TextInput, { block: true, value: nbg.points, onChange: e => { e.preventDefault(); handlePointsChange(cell, e.target.value); } }, void 0)] }, void 0)] }), void 0) }, void 0)] }, void 0) }), void 0));
+};
+export default CellMetadataEditor;
+//# sourceMappingURL=CellMetadataEditor.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import { Cell, ICellModel } from "@jupyterlab/cells";
+export declare enum NbGraderType {
+    NotGraded = 0,
+    AutogradedAnswer = 1,
+    AutogradedTest = 2,
+    ManuallyGradedTask = 3,
+    ManuallyGradedAnswer = 4,
+    ReadonlyGraded = 5
+}
+export declare const getNbGraderType: (cell: Cell<ICellModel>) => NbGraderType;
+export declare const setCellGradeType: (cell: Cell<ICellModel>, cellGradeType: NbGraderType) => void;
+export default NbGraderType;

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

@@ -0,0 +1,138 @@
+/*
+// Autograded answer (only for code cells) { grade: false, solution: true, locked: false  }
+{
+  "nbgrader": {
+    "grade_id": "squares",
+    "schema_version": 3,
+    "grade": false,
+    "solution": true,
+    "locked": false
+  }
+}
+// Autograded test (only for code cells) { grade: true, solution: false, locked: false, points: ... }
+{
+  "nbgrader": {
+    "grade_id": "correct_squares",
+    "schema_version": 3,
+    "grade": true,
+    "solution": false,
+    "locked": false,
+    "points": 1
+  }
+}
+// Manually graded task { grade: false, solution: false, locked: true, task: true, points: ... }
+{
+  "nbgrader": {
+    "grade_id": "part-a",
+    "schema_version": 3,
+    "grade": false,
+    "solution": false,
+    "locked": true,
+    "task": true,
+    "points": 0
+  }
+}
+// Manually graded answer { grade: true, solution: true, locked: false, points: ... }
+{
+  "nbgrader": {
+    "grade_id": "sum_of_squares_equation",
+    "schema_version": 3,
+    "grade": true,
+    "solution": true,
+    "locked": false,
+    "points": 1
+  }
+}
+// Readonly { grade: false, solution: false, solution: false, locked: true, task: false }
+{
+  "nbgrader": {
+    "grade_id": "squares",
+    "schema_version": 3,
+    "grade": false,
+    "solution": false,
+    "locked": true,
+    "task": false
+  }
+}
+*/
+export var NbGraderType;
+(function (NbGraderType) {
+    NbGraderType[NbGraderType["NotGraded"] = 0] = "NotGraded";
+    NbGraderType[NbGraderType["AutogradedAnswer"] = 1] = "AutogradedAnswer";
+    NbGraderType[NbGraderType["AutogradedTest"] = 2] = "AutogradedTest";
+    NbGraderType[NbGraderType["ManuallyGradedTask"] = 3] = "ManuallyGradedTask";
+    NbGraderType[NbGraderType["ManuallyGradedAnswer"] = 4] = "ManuallyGradedAnswer";
+    NbGraderType[NbGraderType["ReadonlyGraded"] = 5] = "ReadonlyGraded";
+})(NbGraderType || (NbGraderType = {}));
+export const getNbGraderType = (cell) => {
+    const nbgrader = cell.model.metadata.get("nbgrader");
+    if (!nbgrader) {
+        return NbGraderType.NotGraded;
+    }
+    const grade = nbgrader.grade;
+    const solution = nbgrader.solution;
+    const locked = nbgrader.locked;
+    const task = nbgrader.task;
+    // Autograded answer (only for code cells) { grade: false, solution: true, locked: false  }
+    if (!grade && solution && !locked) {
+        return NbGraderType.AutogradedAnswer;
+    }
+    // Autograded test (only for code cells) { grade: true, solution: false, locked: false, points: ... }
+    if (grade && !solution && !locked) {
+        return NbGraderType.AutogradedTest;
+    }
+    // Manually graded task { grade: false, solution: false, locked: true, task: true, points: ... }
+    if (!grade && !solution && locked && task) {
+        return NbGraderType.ManuallyGradedTask;
+    }
+    // Manually graded answer { grade: true, solution: true, locked: false, points: ... }
+    if (grade && solution && !locked) {
+        return NbGraderType.ManuallyGradedAnswer;
+    }
+    // Readonly { grade: false, solution: false, solution: false, locked: true, task: false }
+    if (!grade && !solution && locked && !task) {
+        return NbGraderType.ReadonlyGraded;
+    }
+    return NbGraderType.NotGraded;
+};
+export const setCellGradeType = (cell, cellGradeType) => {
+    switch (cellGradeType) {
+        case NbGraderType.NotGraded: {
+            cell.model.metadata.delete("nbgrader");
+            break;
+        }
+        case NbGraderType.AutogradedAnswer: {
+            const nbgrader = cell.model.metadata.get("nbgrader");
+            cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { "grade": false, "solution": true, "locked": false, "task": false }));
+            break;
+        }
+        case NbGraderType.AutogradedTest: {
+            const nbgrader = cell.model.metadata.get("nbgrader");
+            cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { 
+                //        "points": 1,
+                "grade": true, "solution": false, "locked": false, "task": false }));
+            break;
+        }
+        case NbGraderType.ManuallyGradedAnswer: {
+            const nbgrader = cell.model.metadata.get("nbgrader");
+            cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { 
+                //        "points": 1,
+                "grade": true, "solution": true, "locked": false, "task": false }));
+            break;
+        }
+        case NbGraderType.ManuallyGradedTask: {
+            const nbgrader = cell.model.metadata.get("nbgrader");
+            cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { 
+                //        "points": 1,
+                "grade": false, "solution": false, "locked": true, "task": true }));
+            break;
+        }
+        case NbGraderType.ReadonlyGraded: {
+            const nbgrader = cell.model.metadata.get("nbgrader");
+            cell.model.metadata.set("nbgrader", Object.assign(Object.assign({}, nbgrader), { "grade": false, "solution": false, "locked": true, "task": false }));
+            break;
+        }
+    }
+};
+export default NbGraderType;
+//# sourceMappingURL=NbGraderCells.js.map

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

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

package/lib/components/notebook/cell/prompt/InputPrompt.d.ts

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

package/lib/components/notebook/cell/prompt/InputPrompt.js

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

package/lib/components/notebook/cell/prompt/InputPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPrompt.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/prompt/InputPrompt.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD;;GAEG;AACH,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,IAAI,WAAW,GAAG,MAAM,EAAU,CAAC;IACnC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACvD,SAAS,CAAE,GAAG,EAAE;QACZ,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,WAAW,EAAE,IAAI,CAAQ,CAAC;QAC5D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IACL,OAAO,CACL,4BACG,KAAK,WACL,CACJ,CAAC;AACN,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAO1C;;MAEE;IACF;QACE,KAAK,EAAE,CAAC;QAVF,oBAAe,GAAkB,IAAI,CAAC;QAEtC,UAAK,GAAG;YACd,KAAK,EAAE,GAAG;SACX,CAAA;QAOC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACpC,CAAC;IAED,gBAAgB;IAChB,MAAM;QACJ,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,WAAI,CAAA;IAC/C,CAAC;IAED;;OAEG;IACH,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,IAAI,cAAc,CAAC,KAAoB;QACrC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,KAAK,GAAG;gBACX,KAAK,EAAE,CAAC;aACT,CAAC;SACH;aAAM;YACL,IAAI,KAAK,KAAK,GAAG,EAAE;gBACjB,IAAI,CAAC,KAAK,GAAG;oBACX,KAAK,EAAE,CAAC;iBACT,CAAC;aACH;iBACI;gBACH,IAAI,CAAC,KAAK,GAAG;oBACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;iBACrB,CAAC;gBACF,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;SACF;IACH,CAAC;CAEF;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,3 @@
+import { CellSidebarProps } from './base/CellSidebarWidget';
+export declare const CellSidebarDefault: (props: CellSidebarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CellSidebarDefault;

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { ActionMenu, Button, IconButton } from "@primer/react";
+import { KebabHorizontalIcon, PlayIcon, RepoDeletedIcon, ArrowUpIcon, ArrowDownIcon } from "@primer/octicons-react";
+import { DLA_CELL_HEADER_CLASS } from './base/CellSidebarWidget';
+import { notebookActions, selectActiveCell } from '../../NotebookState';
+import CellMetadataEditor from '../metadata/CellMetadataEditor';
+export const CellSidebarDefault = (props) => {
+    const [visible, setVisible] = useState(false);
+    const { nbgrader } = props;
+    const dispatch = useDispatch();
+    const activeCell = selectActiveCell();
+    const layout = (activeCell === null || activeCell === void 0 ? void 0 : activeCell.layout);
+    if (layout) {
+        const cellWidget = layout.widgets[0];
+        if (!visible && ((cellWidget === null || cellWidget === void 0 ? void 0 : cellWidget.node.id) === props.id)) {
+            setVisible(true);
+        }
+        if (visible && ((cellWidget === null || cellWidget === void 0 ? void 0 : cellWidget.node.id) !== props.id)) {
+            setVisible(false);
+        }
+    }
+    if (!visible) {
+        return _jsx("div", {}, void 0);
+    }
+    return (activeCell ?
+        _jsxs("div", Object.assign({ className: DLA_CELL_HEADER_CLASS, css: {
+                '& p': {
+                    marginBottom: '0 !important',
+                }
+            } }, { children: [_jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: PlayIcon, variant: "invisible", size: "small", onClick: (e) => {
+                            e.preventDefault();
+                            dispatch(notebookActions.run.started());
+                        } }, { children: "Run" }), void 0) }), void 0),
+                _jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: ArrowUpIcon, variant: "invisible", size: "small", onClick: (e) => {
+                            e.preventDefault();
+                            dispatch(notebookActions.insertAbove.started("code"));
+                        } }, { children: "Code" }), void 0) }), void 0),
+                _jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: ArrowUpIcon, variant: "invisible", size: "small", onClick: (e) => {
+                            e.preventDefault();
+                            dispatch(notebookActions.insertAbove.started("markdown"));
+                        } }, { children: "Markdown" }), void 0) }), void 0),
+                _jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: ArrowDownIcon, variant: "invisible", size: "small", onClick: (e) => {
+                            e.preventDefault();
+                            dispatch(notebookActions.insertBelow.started("markdown"));
+                        } }, { children: "Markdown" }), void 0) }), void 0),
+                _jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: ArrowDownIcon, variant: "invisible", size: "small", onClick: (e) => {
+                            e.preventDefault();
+                            dispatch(notebookActions.insertBelow.started("code"));
+                        } }, { children: "Code" }), void 0) }), void 0),
+                _jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: RepoDeletedIcon, variant: "invisible", size: "small", onClick: (e) => {
+                            e.preventDefault();
+                            dispatch(notebookActions.delete.started());
+                        } }, { children: "Delete" }), void 0) }), void 0),
+                nbgrader &&
+                    _jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { icon: KebabHorizontalIcon, variant: "invisible", "aria-label": "Open column options" }, void 0) }, void 0),
+                            _jsx(ActionMenu.Overlay, { children: _jsx(CellMetadataEditor, { cell: activeCell, nbgrader: nbgrader }, void 0) }, void 0)] }, void 0)] }), void 0)
+        :
+            _jsx(_Fragment, {}, void 0));
+};
+export default CellSidebarDefault;
+//# sourceMappingURL=CellSidebarDefault.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { CellSidebarProps } from './base/CellSidebarWidget';
+export declare const CellSidebarRun: (props: CellSidebarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CellSidebarRun;

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { Button } from '@primer/react';
+import { PlayIcon } from "@primer/octicons-react";
+import { DLA_CELL_HEADER_CLASS } from './base/CellSidebarWidget';
+import { notebookActions, selectActiveCell } from '../../NotebookState';
+export const CellSidebarRun = (props) => {
+    const [visible, setVisible] = useState(false);
+    const dispatch = useDispatch();
+    const activeCell = selectActiveCell();
+    const layout = (activeCell === null || activeCell === void 0 ? void 0 : activeCell.layout);
+    if (layout) {
+        const cellWidget = layout.widgets[0];
+        if (!visible && ((cellWidget === null || cellWidget === void 0 ? void 0 : cellWidget.node.id) === props.id)) {
+            setVisible(true);
+        }
+        if (visible && ((cellWidget === null || cellWidget === void 0 ? void 0 : cellWidget.node.id) !== props.id)) {
+            setVisible(false);
+        }
+    }
+    if (!visible) {
+        return _jsx("div", {}, void 0);
+    }
+    return (activeCell ?
+        _jsx("div", Object.assign({ className: DLA_CELL_HEADER_CLASS, css: {
+                '& p': {
+                    marginBottom: '0 !important',
+                }
+            } }, { children: _jsx("span", Object.assign({ style: { display: "flex" } }, { children: _jsx(Button, Object.assign({ trailingIcon: PlayIcon, size: "small", variant: "invisible", onClick: (e) => {
+                        e.preventDefault();
+                        dispatch(notebookActions.run.started());
+                    } }, { children: "Run" }), void 0) }), void 0) }), void 0)
+        :
+            _jsx(_Fragment, {}, void 0));
+};
+export default CellSidebarRun;
+//# sourceMappingURL=CellSidebarRun.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellSidebarRun.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/sidebar/CellSidebarRun.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGxE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,MAAM,GAAG,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,CAAC;IACpC,IAAI,MAAM,EAAE;QACV,MAAM,UAAU,GAAI,MAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACtD,IAAI,CAAC,OAAO,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,EAAE,MAAK,KAAK,CAAC,EAAE,CAAC,EAAE;YAClD,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;QACD,IAAI,OAAO,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,EAAE,MAAK,KAAK,CAAC,EAAE,CAAC,EAAE;YACjD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF;IACD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,uBAAW,CAAA;KACnB;IACD,OAAO,CACL,UAAU,CAAC,CAAC;QACV,4BACE,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE;gBACH,KAAK,EAAE;oBACL,YAAY,EAAE,cAAc;iBAC7B;aACF,gBAEC,6BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBAC9B,KAAC,MAAM,kBAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;wBACnF,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;oBAC1C,CAAC,iCAEQ,YACJ,YACL;QACR,CAAC;YACC,2BAAK,CACR,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/components/notebook/cell/sidebar/base/CellSidebarContentFactory.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Store } from 'redux';
+import { CommandRegistry } from '@lumino/commands';
+import { NotebookPanel } from '@jupyterlab/notebook';
+import { ICellHeader, Cell } from '@jupyterlab/cells';
+import { CellSidebarProps } from './CellSidebarWidget';
+/**
+ * Extend the default implementation NotebookPanel.ContentFactory of `IContentFactory`.
+ */
+export declare class CellSidebarContentFactory extends NotebookPanel.ContentFactory {
+    private readonly CellSidebar;
+    private readonly nbgrader;
+    private readonly commands;
+    private readonly store;
+    constructor(CellSidebar: (props: CellSidebarProps) => JSX.Element, nbgrader: boolean, commands: CommandRegistry, store?: Store, options?: Cell.ContentFactory.IOptions | undefined);
+    /** @override */
+    createCellHeader(): ICellHeader;
+}
+export default CellSidebarContentFactory;

package/lib/components/notebook/cell/sidebar/base/CellSidebarContentFactory.js

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

package/lib/components/notebook/cell/sidebar/base/CellSidebarContentFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellSidebarContentFactory.js","sourceRoot":"","sources":["../../../../../../src/components/notebook/cell/sidebar/base/CellSidebarContentFactory.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,oDAAoD;AACpD,+DAA+D;AAE/D;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,aAAa,CAAC,cAAc;IAKzE,YACE,WAAqD,EACrD,QAAiB,EACjB,QAAyB,EACzB,KAAa,EACb,OAAkD;QAElD,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAM,CAAC;IACtB,CAAC;IACD,gBAAgB;IAChB,gBAAgB;QACd,OAAO,IAAI,iBAAiB,CAC1B,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,KAAK,CACT,CAAC;IACN,CAAC;CAMF;AAED,eAAe,yBAAyB,CAAC"}

package/lib/components/notebook/cell/sidebar/base/CellSidebarWidget.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Store } from 'redux';
+import { ICellHeader } from '@jupyterlab/cells';
+import { CommandRegistry } from '@lumino/commands';
+import { LuminoReactPortal } from '../../../../../jupyter/lumino/LuminoReactPortal';
+export declare const DLA_CELL_HEADER_CLASS = "dla-CellHeader-Container";
+export declare type CellSidebarProps = {
+    command: CommandRegistry;
+    id: string;
+    nbgrader: boolean;
+};
+export declare class CellSidebarWidget extends LuminoReactPortal implements ICellHeader {
+    private readonly commands;
+    constructor(CellSidebar: (props: CellSidebarProps) => JSX.Element, nbgrader: boolean, commands: CommandRegistry, store: Store);
+}
+export default CellSidebarWidget;

package/lib/components/notebook/cell/sidebar/base/CellSidebarWidget.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createElement } from 'react';
+import { createPortal } from 'react-dom';
+import { newUuid } from '../../../../../utils/Ids';
+import { notebookActions } from '../../../NotebookState';
+import { LuminoReactPortal } from '../../../../../jupyter/lumino/LuminoReactPortal';
+export const DLA_CELL_HEADER_CLASS = 'dla-CellHeader-Container';
+export class CellSidebarWidget extends LuminoReactPortal {
+    constructor(CellSidebar, nbgrader, commands, store) {
+        super();
+        this.commands = commands;
+        this.addClass('jp-CellHeader');
+        this.id = newUuid();
+        const props = {
+            command: this.commands,
+            id: this.id,
+            nbgrader,
+        };
+        const sidebar = createElement(CellSidebar, props);
+        const portal = createPortal(_jsx("div", Object.assign({ className: DLA_CELL_HEADER_CLASS }, { children: sidebar }), void 0), this.node);
+        store.dispatch(notebookActions.portal([portal]));
+    }
+}
+export default CellSidebarWidget;
+//# sourceMappingURL=CellSidebarWidget.js.map

package/lib/components/notebook/cell/sidebar/base/CellSidebarWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellSidebarWidget.js","sourceRoot":"","sources":["../../../../../../src/components/notebook/cell/sidebar/base/CellSidebarWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,MAAM,CAAC,MAAM,qBAAqB,GAAG,0BAA0B,CAAC;AAQhE,MAAM,OAAO,iBAAkB,SAAQ,iBAAiB;IAEtD,YACE,WAAqD,EACrD,QAAiB,EACjB,QAAyB,EACzB,KAAY;QAEZ,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC/B,IAAI,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;QACpB,MAAM,KAAK,GAAqB;YAC9B,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,QAAQ;SACT,CAAC;QACF,MAAM,OAAO,GAAG,aAAa,CAC3B,WAAW,EACX,KAAK,CACN,CAAC;QACF,MAAM,MAAM,GAAG,YAAY,CACzB,4BAAK,SAAS,EAAE,qBAAqB,gBAClC,OAAO,YACJ,EAEN,IAAI,CAAC,IAAI,CACV,CAAC;QACF,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC;CACF;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { IMarkdownParser } from '@jupyterlab/rendermime';
+export declare const getMarked: () => IMarkdownParser;
+export default getMarked;

package/lib/components/notebook/marked/marked.js

@@ -0,0 +1,72 @@
+import { Mode } from '@jupyterlab/codemirror';
+import { marked } from 'marked';
+export const getMarked = () => {
+    Private.initializeMarked();
+    return {
+        render: (content) => new Promise((resolve, reject) => {
+            marked(content, (err, content) => {
+                if (err) {
+                    reject(err);
+                }
+                else {
+                    resolve(content);
+                }
+            });
+        })
+    };
+};
+var Private;
+(function (Private) {
+    let markedInitialized = false;
+    function initializeMarked() {
+        if (markedInitialized) {
+            return;
+        }
+        else {
+            markedInitialized = true;
+        }
+        marked.setOptions({
+            gfm: true,
+            sanitize: false,
+            // breaks: true; We can't use GFM breaks as it causes problems with tables
+            langPrefix: `language-`,
+            highlight: (code, lang, callback) => {
+                const cb = (err, code) => {
+                    if (callback) {
+                        callback(err, code);
+                    }
+                    return code;
+                };
+                if (!lang) {
+                    // no language, no highlight
+                    return cb(null, code);
+                }
+                Mode.ensure(lang)
+                    .then(spec => {
+                    const el = document.createElement('div');
+                    if (!spec) {
+                        console.error(`No CodeMirror mode: ${lang}`);
+                        return cb(null, code);
+                    }
+                    try {
+                        Mode.run(code, spec, el);
+                        return cb(null, el.innerHTML);
+                    }
+                    catch (err) {
+                        console.error(`Failed to highlight ${lang} code`, err);
+                        return cb(err, code);
+                    }
+                })
+                    .catch(err => {
+                    console.error(`No CodeMirror mode: ${lang}`);
+                    console.error(`Require CodeMirror mode error: ${err}`);
+                    return cb(null, code);
+                });
+                return code;
+            }
+        });
+    }
+    Private.initializeMarked = initializeMarked;
+})(Private || (Private = {}));
+export default getMarked;
+//# sourceMappingURL=marked.js.map

package/lib/components/notebook/marked/marked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marked.js","sourceRoot":"","sources":["../../../../src/components/notebook/marked/marked.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE;IAC7C,OAAO,CAAC,gBAAgB,EAAE,CAAC;IAC3B,OAAO;QACL,MAAM,EAAE,CAAC,OAAe,EAAmB,EAAE,CAC3C,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACtC,MAAM,CAAC,OAAO,EAAE,CAAC,GAAQ,EAAE,OAAe,EAAE,EAAE;gBAC5C,IAAI,GAAG,EAAE;oBACP,MAAM,CAAC,GAAG,CAAC,CAAC;iBACb;qBAAM;oBACL,OAAO,CAAC,OAAO,CAAC,CAAC;iBAClB;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;KACL,CAAC;AACJ,CAAC,CAAC;AAEF,IAAU,OAAO,CAgDhB;AAhDD,WAAU,OAAO;IACf,IAAI,iBAAiB,GAAG,KAAK,CAAC;IAC9B,SAAgB,gBAAgB;QAC9B,IAAI,iBAAiB,EAAE;YACrB,OAAO;SACR;aAAM;YACL,iBAAiB,GAAG,IAAI,CAAC;SAC1B;QACD,MAAM,CAAC,UAAU,CAAC;YAChB,GAAG,EAAE,IAAI;YACT,QAAQ,EAAE,KAAK;YACf,0EAA0E;YAC1E,UAAU,EAAE,WAAW;YACvB,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;gBAClC,MAAM,EAAE,GAAG,CAAC,GAAiB,EAAE,IAAY,EAAE,EAAE;oBAC7C,IAAI,QAAQ,EAAE;wBACZ,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;qBACrB;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC;gBACF,IAAI,CAAC,IAAI,EAAE;oBACT,4BAA4B;oBAC5B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;iBACvB;gBACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;qBACd,IAAI,CAAC,IAAI,CAAC,EAAE;oBACX,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,IAAI,CAAC,IAAI,EAAE;wBACT,OAAO,CAAC,KAAK,CAAC,uBAAuB,IAAI,EAAE,CAAC,CAAC;wBAC7C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;qBACvB;oBACD,IAAI;wBACF,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;wBACzB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;qBAC/B;oBAAC,OAAO,GAAQ,EAAE;wBACjB,OAAO,CAAC,KAAK,CAAC,uBAAuB,IAAI,OAAO,EAAE,GAAG,CAAC,CAAC;wBACvD,OAAO,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;qBACtB;gBACH,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,CAAC,EAAE;oBACX,OAAO,CAAC,KAAK,CAAC,uBAAuB,IAAI,EAAE,CAAC,CAAC;oBAC7C,OAAO,CAAC,KAAK,CAAC,kCAAkC,GAAG,EAAE,CAAC,CAAC;oBACvD,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACxB,CAAC,CAAC,CAAC;gBACL,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IA7Ce,wBAAgB,mBA6C/B,CAAA;AACH,CAAC,EAhDS,OAAO,KAAP,OAAO,QAgDhB;AAED,eAAe,SAAS,CAAC"}