@datalayer/jupyter-react 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/codemirror/CodeMirrorEditor.js +10 -9
- package/lib/components/codemirror/CodeMirrorEditor.js.map +1 -1
- package/lib/components/jupyterlab/JupyterLabAppCss.js +2 -2
- package/lib/components/jupyterlab/JupyterLabAppCss.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarExtension.d.ts +3 -0
- package/lib/components/notebook/cell/sidebar/CellSidebarExtension.js +10 -3
- package/lib/components/notebook/cell/sidebar/CellSidebarExtension.js.map +1 -1
- package/lib/components/output/Output.js +3 -3
- package/lib/components/output/Output.js.map +1 -1
- package/lib/components/output/OutputAdapter.js +2 -0
- package/lib/components/output/OutputAdapter.js.map +1 -1
- package/lib/examples/NotebookThemeColormode.js +9 -9
- package/lib/examples/NotebookThemeColormode.js.map +1 -1
- package/lib/examples/Output.js +10 -5
- package/lib/examples/Output.js.map +1 -1
- package/lib/examples/{Outputs.js → OutputsIpynb.js} +4 -4
- package/lib/examples/OutputsIpynb.js.map +1 -0
- package/lib/theme/JupyterLabCss.d.ts +0 -9
- package/lib/theme/JupyterLabCss.js +7 -14
- package/lib/theme/JupyterLabCss.js.map +1 -1
- package/lib/theme/JupyterLabCssImports.d.ts +0 -2
- package/lib/theme/JupyterLabCssImports.js +2 -2
- package/lib/theme/JupyterLabCssImports.js.map +1 -1
- package/lib/theme/JupyterReactTheme.d.ts +10 -0
- package/lib/theme/JupyterReactTheme.js +10 -0
- package/lib/theme/JupyterReactTheme.js.map +1 -1
- package/package.json +3 -1
- package/lib/examples/Outputs.js.map +0 -1
- /package/lib/examples/{Outputs.d.ts → OutputsIpynb.d.ts} +0 -0
|
@@ -6,7 +6,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
6
6
|
*/
|
|
7
7
|
import { useState, useRef, useEffect } from 'react';
|
|
8
8
|
import { basicSetup } from 'codemirror';
|
|
9
|
-
import { EditorState } from '@codemirror/state';
|
|
9
|
+
import { EditorState, Prec } from '@codemirror/state';
|
|
10
10
|
import { keymap, EditorView } from '@codemirror/view';
|
|
11
11
|
import { Compartment } from '@codemirror/state';
|
|
12
12
|
import { python } from '@codemirror/lang-python';
|
|
@@ -57,20 +57,21 @@ export const CodeMirrorEditor = (props) => {
|
|
|
57
57
|
useEffect(() => {
|
|
58
58
|
outputStore.setInput(sourceId, code);
|
|
59
59
|
const language = new Compartment();
|
|
60
|
-
const keyBinding = [
|
|
61
|
-
{
|
|
62
|
-
key: 'Shift-Enter',
|
|
63
|
-
run: () => executeCode(editorView),
|
|
64
|
-
preventDefault: true,
|
|
65
|
-
},
|
|
66
|
-
];
|
|
67
60
|
const state = EditorState.create({
|
|
68
61
|
doc: code,
|
|
69
62
|
extensions: [
|
|
63
|
+
Prec.highest(keymap.of([
|
|
64
|
+
{
|
|
65
|
+
key: 'Shift-Enter',
|
|
66
|
+
run: (view) => {
|
|
67
|
+
return executeCode(view);
|
|
68
|
+
},
|
|
69
|
+
preventDefault: true,
|
|
70
|
+
},
|
|
71
|
+
])),
|
|
70
72
|
basicSetup,
|
|
71
73
|
language.of(python()),
|
|
72
74
|
EditorView.lineWrapping,
|
|
73
|
-
keymap.of([...keyBinding]),
|
|
74
75
|
codeMirrorTheme,
|
|
75
76
|
EditorView.updateListener.of((viewUpdate) => {
|
|
76
77
|
if (viewUpdate.docChanged) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeMirrorEditor.js","sourceRoot":"","sources":["../../../src/components/codemirror/CodeMirrorEditor.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeMirrorEditor.js","sourceRoot":"","sources":["../../../src/components/codemirror/CodeMirrorEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,11 +32,11 @@ export const JupyterLabAppCss = (props) => {
|
|
|
32
32
|
useEffect(() => {
|
|
33
33
|
switch (theme) {
|
|
34
34
|
case 'light': {
|
|
35
|
-
//
|
|
35
|
+
// import('@jupyterlab/theme-light-extension/style/theme.css');
|
|
36
36
|
break;
|
|
37
37
|
}
|
|
38
38
|
case 'dark': {
|
|
39
|
-
//
|
|
39
|
+
// import('@jupyterlab/theme-dark-extension/style/theme.css');
|
|
40
40
|
break;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JupyterLabAppCss.js","sourceRoot":"","sources":["../../../src/components/jupyterlab/JupyterLabAppCss.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,kDAAkD,CAAC;AAC1D,OAAO,+CAA+C,CAAC;AACvD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,8CAA8C,CAAC;AACtD,OAAO,iDAAiD,CAAC;AACzD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,kDAAkD,CAAC;AAC1D,OAAO,iDAAiD,CAAC;AACzD,OAAO,iDAAiD,CAAC;AACzD,OAAO,2CAA2C,CAAC;AACnD,OAAO,+CAA+C,CAAC;AACvD,OAAO,0CAA0C,CAAC;AAClD,OAAO,+CAA+C,CAAC;AACvD,OAAO,+CAA+C,CAAC;AACvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,gDAAgD,CAAC;AACxD,OAAO,0CAA0C,CAAC;AAClD,OAAO,kDAAkD,CAAC;AAC1D,OAAO,oDAAoD,CAAC;AAM5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb
|
|
1
|
+
{"version":3,"file":"JupyterLabAppCss.js","sourceRoot":"","sources":["../../../src/components/jupyterlab/JupyterLabAppCss.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,kDAAkD,CAAC;AAC1D,OAAO,+CAA+C,CAAC;AACvD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,8CAA8C,CAAC;AACtD,OAAO,iDAAiD,CAAC;AACzD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,kDAAkD,CAAC;AAC1D,OAAO,iDAAiD,CAAC;AACzD,OAAO,iDAAiD,CAAC;AACzD,OAAO,2CAA2C,CAAC;AACnD,OAAO,+CAA+C,CAAC;AACvD,OAAO,0CAA0C,CAAC;AAClD,OAAO,+CAA+C,CAAC;AACvD,OAAO,+CAA+C,CAAC;AACvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,gDAAgD,CAAC;AACxD,OAAO,0CAA0C,CAAC;AAClD,OAAO,kDAAkD,CAAC;AAC1D,OAAO,oDAAoD,CAAC;AAM5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,+DAA+D;gBAC/D,MAAM;YACR,CAAC;YACD,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,8DAA8D;gBAC9D,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,cAAK,EAAE,EAAC,yBAAyB,GAAO,CAAC;AAClD,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,OAAO;CACG,CAAC;AAEpB,eAAe,gBAAgB,CAAC"}
|
|
@@ -2,6 +2,7 @@ import type React from 'react';
|
|
|
2
2
|
import type { NotebookPanel } from '@jupyterlab/notebook';
|
|
3
3
|
import type { CommandRegistry } from '@lumino/commands';
|
|
4
4
|
import type { IDisposable } from '@lumino/disposable';
|
|
5
|
+
import { Colormode } from '../../../../theme';
|
|
5
6
|
import { type ICellSidebarProps } from './CellSidebar';
|
|
6
7
|
import { NotebookExtension, INotebookExtensionProps } from '../../NotebookExtensions';
|
|
7
8
|
type ICellSidebarExtensionOptions = {
|
|
@@ -9,6 +10,7 @@ type ICellSidebarExtensionOptions = {
|
|
|
9
10
|
factory?: React.JSXElementConstructor<ICellSidebarProps>;
|
|
10
11
|
nbgrader?: boolean;
|
|
11
12
|
sidebarWidth?: number;
|
|
13
|
+
colormode?: Colormode;
|
|
12
14
|
};
|
|
13
15
|
/**
|
|
14
16
|
* Cell sidebar extension for notebook panels.
|
|
@@ -18,6 +20,7 @@ export declare class CellSidebarExtension implements NotebookExtension {
|
|
|
18
20
|
protected commands?: CommandRegistry;
|
|
19
21
|
protected nbgrader?: boolean;
|
|
20
22
|
protected sidebarWidth?: number;
|
|
23
|
+
protected colormode?: Colormode;
|
|
21
24
|
readonly component: null;
|
|
22
25
|
/**
|
|
23
26
|
* Constructor
|
|
@@ -9,6 +9,7 @@ class CellSidebarFactory {
|
|
|
9
9
|
nbgrader;
|
|
10
10
|
sidebarWidth;
|
|
11
11
|
factory;
|
|
12
|
+
colormode;
|
|
12
13
|
_isDisposed = false;
|
|
13
14
|
_sidebars = new WeakMap();
|
|
14
15
|
/**
|
|
@@ -17,13 +18,17 @@ class CellSidebarFactory {
|
|
|
17
18
|
* @param panel The notebook panel
|
|
18
19
|
* @param commands Command registry
|
|
19
20
|
* @param ngrader Whether to activate nbgrader feature or not.
|
|
21
|
+
* @param sidebarWidth Width of the sidebar
|
|
22
|
+
* @param factory React component factory
|
|
23
|
+
* @param colormode Color mode for the theme
|
|
20
24
|
*/
|
|
21
|
-
constructor(panel, commands, nbgrader = false, sidebarWidth = 120, factory = CellSidebar) {
|
|
25
|
+
constructor(panel, commands, nbgrader = false, sidebarWidth = 120, factory = CellSidebar, colormode = 'light') {
|
|
22
26
|
this.panel = panel;
|
|
23
27
|
this.commands = commands;
|
|
24
28
|
this.nbgrader = nbgrader;
|
|
25
29
|
this.sidebarWidth = sidebarWidth;
|
|
26
30
|
this.factory = factory;
|
|
31
|
+
this.colormode = colormode;
|
|
27
32
|
this._onModelChanged(panel.content);
|
|
28
33
|
panel.content.modelChanged.connect(this._onModelChanged, this);
|
|
29
34
|
}
|
|
@@ -43,7 +48,7 @@ class CellSidebarFactory {
|
|
|
43
48
|
const cell = this._getCell(model);
|
|
44
49
|
if (cell) {
|
|
45
50
|
const SidebarFactory = this.factory;
|
|
46
|
-
const sidebar = ReactWidget.create(_jsx(JupyterReactTheme, { children: _jsx(SidebarFactory, { commands: this.commands, model: model, nbgrader: this.nbgrader }) }));
|
|
51
|
+
const sidebar = ReactWidget.create(_jsx(JupyterReactTheme, { colormode: this.colormode, children: _jsx(SidebarFactory, { commands: this.commands, model: model, nbgrader: this.nbgrader }) }));
|
|
47
52
|
// Position sidebar wrapper
|
|
48
53
|
sidebar.node.style.width = `${this.sidebarWidth}px`;
|
|
49
54
|
sidebar.node.style.position = 'absolute';
|
|
@@ -91,6 +96,7 @@ export class CellSidebarExtension {
|
|
|
91
96
|
commands;
|
|
92
97
|
nbgrader;
|
|
93
98
|
sidebarWidth;
|
|
99
|
+
colormode;
|
|
94
100
|
component;
|
|
95
101
|
/**
|
|
96
102
|
* Constructor
|
|
@@ -104,12 +110,13 @@ export class CellSidebarExtension {
|
|
|
104
110
|
this.commands = options.commands;
|
|
105
111
|
this.nbgrader = options.nbgrader;
|
|
106
112
|
this.sidebarWidth = options.sidebarWidth;
|
|
113
|
+
this.colormode = options.colormode ?? 'light';
|
|
107
114
|
}
|
|
108
115
|
createNew(panel) {
|
|
109
116
|
// We assume the extension was either created within JupyterLab passing
|
|
110
117
|
// the app commands registry or through Datalayer workflow that set it
|
|
111
118
|
// when calling `init`.
|
|
112
|
-
const sidebar = new CellSidebarFactory(panel, this.commands, this.nbgrader, this.sidebarWidth, this.factory);
|
|
119
|
+
const sidebar = new CellSidebarFactory(panel, this.commands, this.nbgrader, this.sidebarWidth, this.factory, this.colormode);
|
|
113
120
|
return sidebar;
|
|
114
121
|
}
|
|
115
122
|
init(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellSidebarExtension.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/sidebar/CellSidebarExtension.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"CellSidebarExtension.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/sidebar/CellSidebarExtension.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Box } from '@primer
|
|
2
|
+
import { Box } from '@datalayer/primer-addons';
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { Lumino } from '../lumino/Lumino';
|
|
5
5
|
import { useJupyter } from '../../jupyter/JupyterContext';
|
|
@@ -23,9 +23,9 @@ export const Output = (props) => {
|
|
|
23
23
|
if (!id) {
|
|
24
24
|
setId(newUuid());
|
|
25
25
|
}
|
|
26
|
-
}, []);
|
|
26
|
+
}, [id]);
|
|
27
27
|
useEffect(() => {
|
|
28
|
-
const outputsCallback = (model,
|
|
28
|
+
const outputsCallback = (model, _) => {
|
|
29
29
|
setOutputs(model.toJSON());
|
|
30
30
|
if (id) {
|
|
31
31
|
outputStore.setModel(id, model);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Output.js","sourceRoot":"","sources":["../../../src/components/output/Output.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,GAAG,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Output.js","sourceRoot":"","sources":["../../../src/components/output/Output.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,11 +60,13 @@ export class OutputAdapter {
|
|
|
60
60
|
this.initKernel();
|
|
61
61
|
}
|
|
62
62
|
async execute(code, onExecutionPhaseChanged) {
|
|
63
|
+
console.log('--------DLA', code);
|
|
63
64
|
if (this._kernel) {
|
|
64
65
|
this.clear();
|
|
65
66
|
const metadata = {};
|
|
66
67
|
const done = execute(this._id, code, this._outputArea, this._kernel, metadata, this._suppressCodeExecutionErrors, onExecutionPhaseChanged);
|
|
67
68
|
await done;
|
|
69
|
+
console.log('--------DLA done', code);
|
|
68
70
|
}
|
|
69
71
|
}
|
|
70
72
|
interrupt() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutputAdapter.js","sourceRoot":"","sources":["../../../src/components/output/OutputAdapter.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OutputAdapter.js","sourceRoot":"","sources":["../../../src/components/output/OutputAdapter.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,20 +5,20 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
5
5
|
* MIT License
|
|
6
6
|
*/
|
|
7
7
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
8
|
-
import { Box, Text, ToggleSwitch, theme as primerTheme } from '@primer/react';
|
|
9
8
|
import { createRoot } from 'react-dom/client';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
9
|
+
import { Text, ToggleSwitch, theme as primerTheme } from '@primer/react';
|
|
10
|
+
import { Box } from '@datalayer/primer-addons';
|
|
11
|
+
import { useJupyter } from '../jupyter';
|
|
12
|
+
import { CellSidebarExtension, Notebook2, NotebookToolbar, } from '../components';
|
|
13
|
+
import { jupyterLabTheme, JupyterReactTheme } from '../theme';
|
|
15
14
|
import nbformat from './notebooks/NotebookExample1.ipynb.json';
|
|
16
15
|
const NotebookThemeColormode = () => {
|
|
16
|
+
const { serviceManager } = useJupyter();
|
|
17
17
|
const [theme, setTheme] = useState(jupyterLabTheme);
|
|
18
18
|
const [isThemeOn, setIsThemeOn] = useState(false);
|
|
19
19
|
const [colormode, setColormode] = useState('light');
|
|
20
20
|
const [isOn, setIsOn] = useState(false);
|
|
21
|
-
const extensions = useMemo(() => [new CellSidebarExtension()], []);
|
|
21
|
+
const extensions = useMemo(() => [new CellSidebarExtension({ colormode })], [colormode]);
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
if (isThemeOn) {
|
|
24
24
|
setTheme(primerTheme);
|
|
@@ -47,8 +47,8 @@ const NotebookThemeColormode = () => {
|
|
|
47
47
|
const handleSwitchChange = useCallback((on) => {
|
|
48
48
|
setIsOn(on);
|
|
49
49
|
}, []);
|
|
50
|
-
return (_jsx(_Fragment, { children: _jsxs(
|
|
51
|
-
, extensions: extensions, Toolbar: NotebookToolbar })] }) }));
|
|
50
|
+
return (_jsx(_Fragment, { children: _jsxs(JupyterReactTheme, { theme: theme, colormode: colormode, children: [_jsxs(Box, { display: "flex", children: [_jsxs(Box, { mr: 3, children: [_jsx(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: "Primer Theme" }), _jsx(ToggleSwitch, { size: "small", onClick: onThemeClick, onChange: handleThemeSwitchChange, checked: isThemeOn, statusLabelPosition: "end", "aria-labelledby": "switch-label-theme" })] }), _jsxs(Box, { children: [_jsxs(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: [colormode === 'light' ? 'Light' : 'Dark', " Mode"] }), _jsx(ToggleSwitch, { size: "small", onClick: onClick, onChange: handleSwitchChange, checked: isOn, statusLabelPosition: "end", "aria-labelledby": "switch-label-color-mode" })] })] }), serviceManager && (_jsx(Notebook2, { nbformat: nbformat, serviceManager: serviceManager, startDefaultKernel: true, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
51
|
+
, extensions: extensions, Toolbar: NotebookToolbar }))] }) }));
|
|
52
52
|
};
|
|
53
53
|
const div = document.createElement('div');
|
|
54
54
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookThemeColormode.js","sourceRoot":"","sources":["../../src/examples/NotebookThemeColormode.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NotebookThemeColormode.js","sourceRoot":"","sources":["../../src/examples/NotebookThemeColormode.tsx"],"names":[],"mappings":"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"}
|
package/lib/examples/Output.js
CHANGED
|
@@ -29,6 +29,7 @@ const OUTPUTS_1 = [
|
|
|
29
29
|
output_type: 'execute_result',
|
|
30
30
|
},
|
|
31
31
|
];
|
|
32
|
+
const SOURCE_ID_1_1 = 'output-id-1-1';
|
|
32
33
|
const SOURCE_ID_2 = 'output-id-2';
|
|
33
34
|
const SOURCE_2 = '2+2';
|
|
34
35
|
const OUTPUTS_2 = [
|
|
@@ -53,15 +54,19 @@ const OUTPUTS_3 = [
|
|
|
53
54
|
output_type: 'execute_result',
|
|
54
55
|
},
|
|
55
56
|
];
|
|
56
|
-
const
|
|
57
|
+
const OutputFromCodeIPyWidgets = () => {
|
|
57
58
|
const outputStore = useOutputsStore();
|
|
58
|
-
console.log('Outputs from Code', outputStore.getModel(SOURCE_ID_0)?.toJSON(), outputStore.getInput(SOURCE_ID_0));
|
|
59
|
+
console.log('Outputs from Code IPyWidgets', outputStore.getModel(SOURCE_ID_0)?.toJSON(), outputStore.getInput(SOURCE_ID_0));
|
|
59
60
|
return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Output without Code Editor" }), _jsx(Output, { autoRun: true, id: SOURCE_ID_0, code: CODE_O, showEditor: false })] }));
|
|
60
61
|
};
|
|
61
|
-
const
|
|
62
|
+
const OutputWithoutEditorNoAutorun = () => {
|
|
62
63
|
const outputStore = useOutputsStore();
|
|
63
64
|
console.log('Outputs 1', outputStore.getModel(SOURCE_ID_1)?.toJSON(), outputStore.getInput(SOURCE_ID_1));
|
|
64
|
-
return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Output without Code Editor" }), _jsx(Output, { autoRun: false, id: SOURCE_ID_1, outputs: OUTPUTS_1, showEditor: false })] }));
|
|
65
|
+
return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Output without Code Editor without Autorun" }), _jsx(Output, { autoRun: false, id: SOURCE_ID_1, outputs: OUTPUTS_1, showEditor: false })] }));
|
|
66
|
+
};
|
|
67
|
+
const OutputWithoutEditorAutorun = () => {
|
|
68
|
+
const { defaultKernel } = useJupyter({ startDefaultKernel: true });
|
|
69
|
+
return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Output without Code Editor with Autorun" }), _jsx(Output, { autoRun: true, code: "1+1", id: SOURCE_ID_1_1, kernel: defaultKernel, showEditor: false })] }));
|
|
65
70
|
};
|
|
66
71
|
const OutputWithEditor = () => {
|
|
67
72
|
const { defaultKernel } = useJupyter();
|
|
@@ -93,5 +98,5 @@ const OutputWithEmptyOutput = () => {
|
|
|
93
98
|
const div = document.createElement('div');
|
|
94
99
|
document.body.appendChild(div);
|
|
95
100
|
const root = createRoot(div);
|
|
96
|
-
root.render(_jsxs(Jupyter, { startDefaultKernel: true, children: [_jsx(
|
|
101
|
+
root.render(_jsxs(Jupyter, { startDefaultKernel: true, children: [_jsx(OutputWithoutEditorNoAutorun, {}), _jsx(OutputWithoutEditorAutorun, {}), _jsx(OutputFromCodeIPyWidgets, {}), _jsx(OutputWithEditor, {}), _jsx(OutputWithEmptyOutput, {})] }));
|
|
97
102
|
//# sourceMappingURL=Output.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Output.js","sourceRoot":"","sources":["../../src/examples/Output.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,MAAM,GAAG;;;;;;EAMb,CAAC;AAEH,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,SAAS,GAAc;IAC3B;QACE,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC,GAAG,CAAC;SACpB;QACD,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,gBAAgB;KAC9B;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GAAG,KAAK,CAAC;AACvB,MAAM,SAAS,GAAc;IAC3B;QACE,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC,GAAG,CAAC;SACpB;QACD,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,gBAAgB;KAC9B;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,QAAQ,GAAG,KAAK,CAAC;AACvB,MAAM,SAAS,GAAc;IAC3B;QACE,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC,GAAG,CAAC;SACpB;QACD,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,gBAAgB;KAC9B;CACF,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"Output.js","sourceRoot":"","sources":["../../src/examples/Output.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,13 +10,13 @@ import { Jupyter } from '../jupyter';
|
|
|
10
10
|
import { Output } from '../components/output/Output';
|
|
11
11
|
import { cellSourceAsString } from './../utils/Utils';
|
|
12
12
|
import nbformat from './notebooks/NotebookOutputs.ipynb.json';
|
|
13
|
-
const
|
|
14
|
-
return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Outputs" }), nbformat.cells.map((cell, index) => {
|
|
13
|
+
const OutputsIpynb = () => {
|
|
14
|
+
return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Outputs from IPYNB" }), nbformat.cells.map((cell, index) => {
|
|
15
15
|
return (_jsx(_Fragment, { children: cell.outputs && (_jsx(Output, { showEditor: true, autoRun: false, code: cellSourceAsString(cell), outputs: cell.outputs }, index)) }));
|
|
16
16
|
})] }));
|
|
17
17
|
};
|
|
18
18
|
const div = document.createElement('div');
|
|
19
19
|
document.body.appendChild(div);
|
|
20
20
|
const root = createRoot(div);
|
|
21
|
-
root.render(_jsx(Jupyter, { startDefaultKernel: true, children: _jsx(
|
|
22
|
-
//# sourceMappingURL=
|
|
21
|
+
root.render(_jsx(Jupyter, { startDefaultKernel: true, children: _jsx(OutputsIpynb, {}) }));
|
|
22
|
+
//# sourceMappingURL=OutputsIpynb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OutputsIpynb.js","sourceRoot":"","sources":["../../src/examples/OutputsIpynb.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAE9D,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,mCAA0B,EACrC,QAA6B,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACxD,OAAO,CACL,4BACG,IAAI,CAAC,OAAO,IAAI,CACf,KAAC,MAAM,IACL,UAAU,QACV,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC9B,OAAO,EAAE,IAAI,CAAC,OAAoB,IAC7B,KAAK,CACV,CACH,GACA,CACJ,CAAC;YACJ,CAAC,CAAC,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,IAAC,kBAAkB,kBACzB,KAAC,YAAY,KAAG,GACR,CACX,CAAC"}
|
|
@@ -1,13 +1,4 @@
|
|
|
1
1
|
import { Colormode } from './JupyterLabColormode';
|
|
2
|
-
import '@primer/primitives/dist/css/base/typography/typography.css';
|
|
3
|
-
import '@primer/primitives/dist/css/functional/themes/light.css';
|
|
4
|
-
import '@primer/primitives/dist/css/functional/size/border.css';
|
|
5
|
-
import '@primer/primitives/dist/css/functional/size/breakpoints.css';
|
|
6
|
-
import '@primer/primitives/dist/css/functional/size/size-coarse.css';
|
|
7
|
-
import '@primer/primitives/dist/css/functional/size/size-fine.css';
|
|
8
|
-
import '@primer/primitives/dist/css/functional/size/size.css';
|
|
9
|
-
import '@primer/primitives/dist/css/functional/size/viewport.css';
|
|
10
|
-
import '@primer/primitives/dist/css/functional/typography/typography.css';
|
|
11
2
|
type JupyterLabCssProps = {
|
|
12
3
|
colormode?: Colormode;
|
|
13
4
|
};
|
|
@@ -6,19 +6,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
*/
|
|
7
7
|
import { useEffect } from 'react';
|
|
8
8
|
import { createGlobalStyle } from 'styled-components';
|
|
9
|
-
|
|
10
|
-
import '@primer/primitives/dist/css/functional/themes/light.css';
|
|
11
|
-
import '@primer/primitives/dist/css/functional/size/border.css';
|
|
12
|
-
import '@primer/primitives/dist/css/functional/size/breakpoints.css';
|
|
13
|
-
import '@primer/primitives/dist/css/functional/size/size-coarse.css';
|
|
14
|
-
import '@primer/primitives/dist/css/functional/size/size-fine.css';
|
|
15
|
-
import '@primer/primitives/dist/css/functional/size/size.css';
|
|
16
|
-
import '@primer/primitives/dist/css/functional/size/viewport.css';
|
|
17
|
-
import '@primer/primitives/dist/css/functional/typography/typography.css';
|
|
18
|
-
const DATASET_LAB_THEME = 'data-lab-theme';
|
|
9
|
+
const DATA_JUPYTERLAB_THEME = 'data-jupyterlab-theme';
|
|
19
10
|
const GlobalStyle = createGlobalStyle `
|
|
20
11
|
.jp-ThemedContainer button {
|
|
21
|
-
--button-primary-bgColor-active: var(--jp-brand-color0, #
|
|
12
|
+
--button-primary-bgColor-active: var(--jp-brand-color0, #3a4047ff) !important;
|
|
22
13
|
--button-primary-bgColor-hover: var(--jp-brand-color0, #0d47a1) !important;
|
|
23
14
|
--button-primary-bgColor-rest: var(--jp-brand-color1, #1976d2) !important;
|
|
24
15
|
}
|
|
@@ -56,9 +47,8 @@ export function JupyterLabCss(props) {
|
|
|
56
47
|
// ipywidgets.
|
|
57
48
|
import('@jupyter-widgets/base/css/index.css');
|
|
58
49
|
import('@jupyter-widgets/controls/css/widgets-base.css');
|
|
59
|
-
}, []);
|
|
50
|
+
}, [colormode]);
|
|
60
51
|
useEffect(() => {
|
|
61
|
-
document.body.querySelector(`style[${DATASET_LAB_THEME}]`)?.remove();
|
|
62
52
|
let theme;
|
|
63
53
|
switch (colormode) {
|
|
64
54
|
case 'light': {
|
|
@@ -75,7 +65,10 @@ export function JupyterLabCss(props) {
|
|
|
75
65
|
// { test: /style\/theme\.css$/i, loader: 'css-loader', options: {exportType: 'string'} }
|
|
76
66
|
theme?.then(module => {
|
|
77
67
|
if (module.default) {
|
|
78
|
-
document.body
|
|
68
|
+
document.body
|
|
69
|
+
.querySelector(`style[${DATA_JUPYTERLAB_THEME}]`)
|
|
70
|
+
?.remove();
|
|
71
|
+
document.body.insertAdjacentHTML('afterbegin', `<style ${DATA_JUPYTERLAB_THEME}="${colormode}">
|
|
79
72
|
${module.default}
|
|
80
73
|
</style>`);
|
|
81
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JupyterLabCss.js","sourceRoot":"","sources":["../../src/theme/JupyterLabCss.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,
|
|
1
|
+
{"version":3,"file":"JupyterLabCss.js","sourceRoot":"","sources":["../../src/theme/JupyterLabCss.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAEtD,MAAM,WAAW,GAAG,iBAAiB,CAAK;;;;;;CAMzC,CAAC;AAMF;;GAEG;AACH,IAAI,QAAQ,GAAG,KAAK,CAAC;AAErB;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,SAAS,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ;YACR,OAAO;QACT,CAAC;QACD,QAAQ,GAAG,IAAI,CAAC;QAChB,MAAM,CAAC,qCAAqC,CAAC,CAAC;QAC9C,MAAM,CAAC,uCAAuC,CAAC,CAAC;QAChD,MAAM,CAAC,uCAAuC,CAAC,CAAC;QAChD,MAAM,CAAC,kCAAkC,CAAC,CAAC;QAC3C,MAAM,CAAC,2CAA2C,CAAC,CAAC;QACpD,MAAM,CAAC,uCAAuC,CAAC,CAAC;QAChD,MAAM,CAAC,oCAAoC,CAAC,CAAC;QAC7C,MAAM,CAAC,sCAAsC,CAAC,CAAC;QAC/C,MAAM,CAAC,uCAAuC,CAAC,CAAC;QAChD,MAAM,CAAC,uCAAuC,CAAC,CAAC;QAChD,MAAM,CAAC,kCAAkC,CAAC,CAAC;QAC3C,MAAM,CAAC,qCAAqC,CAAC,CAAC;QAC9C,MAAM,CAAC,wCAAwC,CAAC,CAAC;QACjD,MAAM,CAAC,qCAAqC,CAAC,CAAC;QAC9C,MAAM,CAAC,0CAA0C,CAAC,CAAC;QACnD,cAAc;QACd,MAAM,CAAC,qCAAqC,CAAC,CAAC;QAC9C,MAAM,CAAC,gDAAgD,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC;QACV,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,KAAK,GAAG,MAAM,CACZ,2DAA2D,CAC5D,CAAC;gBACF,MAAM;YACR,CAAC;YACD,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,KAAK,GAAG,MAAM,CACZ,0DAA0D,CAC3D,CAAC;gBACF,MAAM;YACR,CAAC;QACH,CAAC;QAED,gEAAgE;QAChE,6IAA6I;QAC7I,2FAA2F;QAC3F,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;YACnB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACnB,QAAQ,CAAC,IAAI;qBACV,aAAa,CAAC,SAAS,qBAAqB,GAAG,CAAC;oBACjD,EAAE,MAAM,EAAE,CAAC;gBACb,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAC9B,YAAY,EACZ,UAAU,qBAAqB,KAAK,SAAS;EACrD,MAAM,CAAC,OAAO;SACP,CACA,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,CACL,cAAK,EAAE,EAAC,sBAAsB,YAC5B,KAAC,WAAW,KAAG,GACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -13,8 +13,6 @@ import '@jupyterlab/cells/style/index.js';
|
|
|
13
13
|
import '@jupyterlab/notebook/style/index.js';
|
|
14
14
|
import '@jupyterlab/filebrowser/style/index.js';
|
|
15
15
|
import '@jupyterlab/terminal/style/index.js';
|
|
16
|
-
import '@jupyterlab/theme-light-extension/style/theme.css';
|
|
17
|
-
import '@jupyterlab/theme-light-extension/style/variables.css';
|
|
18
16
|
import '@jupyterlab/ui-components/style/index.js';
|
|
19
17
|
import '@jupyter-widgets/base/css/index.css';
|
|
20
18
|
import '@jupyter-widgets/controls/css/widgets-base.css';
|
|
@@ -18,9 +18,9 @@ import '@jupyterlab/cells/style/index.js';
|
|
|
18
18
|
import '@jupyterlab/notebook/style/index.js';
|
|
19
19
|
import '@jupyterlab/filebrowser/style/index.js';
|
|
20
20
|
import '@jupyterlab/terminal/style/index.js';
|
|
21
|
-
import '@jupyterlab/theme-light-extension/style/theme.css';
|
|
22
|
-
import '@jupyterlab/theme-light-extension/style/variables.css';
|
|
23
21
|
import '@jupyterlab/ui-components/style/index.js';
|
|
22
|
+
// import '@jupyterlab/theme-light-extension/style/theme.css';
|
|
23
|
+
// import '@jupyterlab/theme-light-extension/style/variables.css';
|
|
24
24
|
import '@jupyter-widgets/base/css/index.css';
|
|
25
25
|
import '@jupyter-widgets/controls/css/widgets-base.css';
|
|
26
26
|
//# sourceMappingURL=JupyterLabCssImports.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JupyterLabCssImports.js","sourceRoot":"","sources":["../../src/theme/JupyterLabCssImports.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,gCAAgC,CAAC;AACxC,OAAO,iCAAiC,CAAC;AAEzC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wCAAwC,CAAC;AAChD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"JupyterLabCssImports.js","sourceRoot":"","sources":["../../src/theme/JupyterLabCssImports.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,gCAAgC,CAAC;AACxC,OAAO,iCAAiC,CAAC;AAEzC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wCAAwC,CAAC;AAChD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0CAA0C,CAAC;AAElD,8DAA8D;AAC9D,kEAAkE;AAElE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,gDAAgD,CAAC"}
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import { Colormode } from '../theme';
|
|
2
|
+
import '@primer/primitives/dist/css/functional/themes/light.css';
|
|
3
|
+
import '@primer/primitives/dist/css/functional/themes/dark.css';
|
|
4
|
+
import '@primer/primitives/dist/css/base/typography/typography.css';
|
|
5
|
+
import '@primer/primitives/dist/css/functional/size/border.css';
|
|
6
|
+
import '@primer/primitives/dist/css/functional/size/breakpoints.css';
|
|
7
|
+
import '@primer/primitives/dist/css/functional/size/size-coarse.css';
|
|
8
|
+
import '@primer/primitives/dist/css/functional/size/size-fine.css';
|
|
9
|
+
import '@primer/primitives/dist/css/functional/size/size.css';
|
|
10
|
+
import '@primer/primitives/dist/css/functional/size/viewport.css';
|
|
11
|
+
import '@primer/primitives/dist/css/functional/typography/typography.css';
|
|
2
12
|
type IJupyterLabThemeProps = {
|
|
3
13
|
colormode?: Colormode;
|
|
4
14
|
loadJupyterLabCss?: boolean;
|
|
@@ -6,6 +6,16 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
6
6
|
*/
|
|
7
7
|
import { BaseStyles, ThemeProvider } from '@primer/react';
|
|
8
8
|
import { JupyterLabCss, jupyterLabTheme } from '../theme';
|
|
9
|
+
import '@primer/primitives/dist/css/functional/themes/light.css';
|
|
10
|
+
import '@primer/primitives/dist/css/functional/themes/dark.css';
|
|
11
|
+
import '@primer/primitives/dist/css/base/typography/typography.css';
|
|
12
|
+
import '@primer/primitives/dist/css/functional/size/border.css';
|
|
13
|
+
import '@primer/primitives/dist/css/functional/size/breakpoints.css';
|
|
14
|
+
import '@primer/primitives/dist/css/functional/size/size-coarse.css';
|
|
15
|
+
import '@primer/primitives/dist/css/functional/size/size-fine.css';
|
|
16
|
+
import '@primer/primitives/dist/css/functional/size/size.css';
|
|
17
|
+
import '@primer/primitives/dist/css/functional/size/viewport.css';
|
|
18
|
+
import '@primer/primitives/dist/css/functional/typography/typography.css';
|
|
9
19
|
export function JupyterReactTheme(props) {
|
|
10
20
|
const { children, colormode = 'light', loadJupyterLabCss = true, theme = jupyterLabTheme, } = props;
|
|
11
21
|
return (_jsxs(_Fragment, { children: [loadJupyterLabCss && _jsx(JupyterLabCss, { colormode: colormode }), _jsx(ThemeProvider, { theme: theme, colorMode: colormode === 'light' ? 'day' : 'night', dayScheme: "light", nightScheme: "dark", children: _jsx(BaseStyles, { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JupyterReactTheme.js","sourceRoot":"","sources":["../../src/theme/JupyterReactTheme.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAa,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"JupyterReactTheme.js","sourceRoot":"","sources":["../../src/theme/JupyterReactTheme.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAa,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAErE,OAAO,yDAAyD,CAAC;AACjE,OAAO,wDAAwD,CAAC;AAEhE,OAAO,4DAA4D,CAAC;AACpE,OAAO,wDAAwD,CAAC;AAChE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,2DAA2D,CAAC;AACnE,OAAO,sDAAsD,CAAC;AAC9D,OAAO,0DAA0D,CAAC;AAClE,OAAO,kEAAkE,CAAC;AAQ1E,MAAM,UAAU,iBAAiB,CAC/B,KAAqD;IAErD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,OAAO,EACnB,iBAAiB,GAAG,IAAI,EACxB,KAAK,GAAG,eAAe,GACxB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,8BACG,iBAAiB,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI,EAC7D,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAClD,SAAS,EAAC,OAAO,EACjB,WAAW,EAAC,MAAM,YAElB,KAAC,UAAU,IACT,KAAK,EAAE;wBACL,eAAe,EAAE,wBAAwB;wBACzC,KAAK,EAAE,wBAAwB;wBAC/B,QAAQ,EAAE,8BAA8B;qBACzC,YAEA,QAAQ,GACE,GACC,IACf,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@datalayer/jupyter-react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "Jupyter React - React.js components 100% compatible with Jupyter.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -40,8 +40,10 @@
|
|
|
40
40
|
"clean:labextension": "rimraf datalayer/labextension",
|
|
41
41
|
"clean:lib": "rimraf lib tsconfig.tsbuildinfo",
|
|
42
42
|
"clean:lintcache": "rimraf .eslintcache .stylelintcache",
|
|
43
|
+
"dev": "run-p -c 'start:*'",
|
|
43
44
|
"eslint": "npm eslint:check --fix",
|
|
44
45
|
"eslint:check": "eslint . --cache --ext .ts,.tsx",
|
|
46
|
+
"example": "run-p -c 'start:*'",
|
|
45
47
|
"install:extension": "npm run build",
|
|
46
48
|
"kill": "./../../dev/sh/kill.sh || true",
|
|
47
49
|
"lint": "npm stylelint && npm prettier && npm eslint",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Outputs.js","sourceRoot":"","sources":["../../src/examples/Outputs.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAE9D,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,wBAAe,EAC1B,QAA6B,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACxD,OAAO,CACL,4BACG,IAAI,CAAC,OAAO,IAAI,CACf,KAAC,MAAM,IACL,UAAU,QACV,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC9B,OAAO,EAAE,IAAI,CAAC,OAAoB,IAC7B,KAAK,CACV,CACH,GACA,CACJ,CAAC;YACJ,CAAC,CAAC,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,IAAC,kBAAkB,kBACzB,KAAC,OAAO,KAAG,GACH,CACX,CAAC"}
|
|
File without changes
|