@datalayer/jupyter-react 0.19.7 → 0.19.9
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/notebook/BaseNotebook.d.ts +5 -0
- package/lib/components/notebook/BaseNotebook.js +61 -64
- package/lib/components/notebook/BaseNotebook.js.map +1 -1
- package/lib/components/notebook/Notebook.css +0 -8
- package/lib/components/notebook/Notebook.js +23 -12
- package/lib/components/notebook/Notebook.js.map +1 -1
- package/lib/components/notebook/SimpleNotebook.d.ts +68 -7
- package/lib/components/notebook/SimpleNotebook.js +23 -4
- package/lib/components/notebook/SimpleNotebook.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarExtension.css +5 -0
- package/lib/components/notebook/cell/sidebar/{extension.d.ts → CellSidebarExtension.d.ts} +1 -0
- package/lib/components/notebook/cell/sidebar/{extension.js → CellSidebarExtension.js} +2 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarExtension.js.map +1 -0
- package/lib/components/notebook/cell/sidebar/index.d.ts +1 -1
- package/lib/components/notebook/cell/sidebar/index.js +1 -1
- package/lib/components/notebook/cell/sidebar/index.js.map +1 -1
- package/lib/examples/JupyterLabTheme.js +191 -0
- package/lib/examples/JupyterLabTheme.js.map +1 -0
- package/lib/examples/NotebookCellSidebar.js +1 -1
- package/lib/examples/NotebookCellSidebar.js.map +1 -1
- package/lib/examples/NotebookColormode.js +7 -2
- package/lib/examples/NotebookColormode.js.map +1 -1
- package/lib/examples/NotebookNbformatChange.js +5 -5
- package/lib/examples/NotebookNbformatChange.js.map +1 -1
- package/lib/examples/{sidebars → extensions/cellsidebars}/CellSidebarSource.d.ts +1 -1
- package/lib/examples/{sidebars → extensions/cellsidebars}/CellSidebarSource.js +3 -3
- package/lib/examples/extensions/cellsidebars/CellSidebarSource.js.map +1 -0
- package/lib/examples/extensions/cellsidebars/index.d.ts +1 -0
- package/lib/examples/extensions/cellsidebars/index.js +7 -0
- package/lib/examples/extensions/cellsidebars/index.js.map +1 -0
- package/lib/examples/extensions/index.d.ts +1 -0
- package/lib/examples/extensions/index.js +1 -0
- package/lib/examples/extensions/index.js.map +1 -1
- package/lib/jupyter/Jupyter.d.ts +77 -1
- package/lib/jupyter/Jupyter.js +11 -4
- package/lib/jupyter/Jupyter.js.map +1 -1
- package/lib/theme/JupyterReactTheme.js +5 -1
- package/lib/theme/JupyterReactTheme.js.map +1 -1
- package/lib/theme/themes/JupyterLabTheme.js +7 -5
- package/lib/theme/themes/JupyterLabTheme.js.map +1 -1
- package/package.json +5 -3
- package/schema/plugin.json +52 -0
- package/lib/components/notebook/cell/sidebar/extension.js.map +0 -1
- package/lib/examples/Theme.js +0 -166
- package/lib/examples/Theme.js.map +0 -1
- package/lib/examples/sidebars/CellSidebarSource.js.map +0 -1
- /package/lib/examples/{Theme.d.ts → JupyterLabTheme.d.ts} +0 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box } from '@primer/react';
|
|
3
|
-
import { useEffect } from 'react';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { Loader } from '../utils';
|
|
4
5
|
import { BaseNotebook, useKernelId, useNotebookModel, } from './BaseNotebook';
|
|
5
6
|
import './Notebook.css';
|
|
6
7
|
/**
|
|
@@ -11,7 +12,8 @@ import './Notebook.css';
|
|
|
11
12
|
* - You can specified the kernel id to use; if it is not defined or empty and startDefaultKernel is true, a new kernel will be started.
|
|
12
13
|
*/
|
|
13
14
|
export function SimpleNotebook(props) {
|
|
14
|
-
const { Toolbar, children, cellSidebarMargin = 120, collaborationServer, commands, extensions, height = '100vh', maxHeight = '100vh', id, nbformat, onNotebookModelChanged, onSessionConnection, path, readonly = false, serviceManager, startDefaultKernel = false, url, } = props;
|
|
15
|
+
const { Toolbar, children, cellSidebarMargin = 120, collaborationServer, commands, extensions, height = '100vh', maxHeight = '100vh', id, nbformat, onNotebookModelChanged, onSessionConnection, path, readonly = false, renderers, serviceManager, startDefaultKernel = false, url, } = props;
|
|
16
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
15
17
|
const kernelId = useKernelId({
|
|
16
18
|
requestedKernelId: props.kernelId,
|
|
17
19
|
kernels: serviceManager.kernels,
|
|
@@ -24,9 +26,26 @@ export function SimpleNotebook(props) {
|
|
|
24
26
|
url,
|
|
25
27
|
});
|
|
26
28
|
useEffect(() => {
|
|
29
|
+
if (model) {
|
|
30
|
+
setIsLoading(false);
|
|
31
|
+
}
|
|
27
32
|
onNotebookModelChanged?.(model);
|
|
28
33
|
}, [model, onNotebookModelChanged]);
|
|
29
|
-
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
// Set user identity if collaborating using Jupyter collaboration
|
|
36
|
+
const setUserIdentity = () => {
|
|
37
|
+
if (collaborationServer?.type === 'jupyter' && model) {
|
|
38
|
+
// Yjs details are hidden from the interface
|
|
39
|
+
model.sharedModel.awareness.setLocalStateField('user', serviceManager.user.identity);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
setUserIdentity();
|
|
43
|
+
serviceManager.user.userChanged.connect(setUserIdentity);
|
|
44
|
+
return () => {
|
|
45
|
+
serviceManager.user.userChanged.disconnect(setUserIdentity);
|
|
46
|
+
};
|
|
47
|
+
}, [collaborationServer, model, serviceManager]);
|
|
48
|
+
return isLoading ? (_jsx(Loader, {}, "notebook-loader")) : (_jsxs(Box, { style: { height, width: '100%', position: 'relative' }, id: "dla-Jupyter-Notebook", children: [Toolbar && _jsx(Toolbar, { notebookId: id }), _jsxs(Box, { className: "dla-Box-Notebook", sx: {
|
|
30
49
|
height,
|
|
31
50
|
maxHeight,
|
|
32
51
|
width: '100%',
|
|
@@ -68,6 +87,6 @@ export function SimpleNotebook(props) {
|
|
|
68
87
|
'.dla-Box-Notebook': {
|
|
69
88
|
position: 'relative',
|
|
70
89
|
},
|
|
71
|
-
}, children: [children, model && serviceManager && (_jsx(BaseNotebook, { commands: commands, id: id, extensions: extensions, model: model,
|
|
90
|
+
}, children: [children, model && serviceManager && (_jsx(BaseNotebook, { commands: commands, id: id, extensions: extensions, kernelId: kernelId, model: model, path: path, renderers: renderers, serviceManager: serviceManager, onSessionConnectionChanged: onSessionConnection }))] })] }));
|
|
72
91
|
}
|
|
73
92
|
//# sourceMappingURL=SimpleNotebook.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleNotebook.js","sourceRoot":"","sources":["../../../src/components/notebook/SimpleNotebook.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SimpleNotebook.js","sourceRoot":"","sources":["../../../src/components/notebook/SimpleNotebook.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,WAAW,EACX,gBAAgB,GAEjB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,gBAAgB,CAAC;AAqFxB;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAoD;IAEpD,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,OAAO,EACnB,EAAE,EACF,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,cAAc,EACd,kBAAkB,GAAG,KAAK,EAC1B,GAAG,GACJ,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,iBAAiB,EAAE,KAAK,CAAC,QAAQ;QACjC,OAAO,EAAE,cAAc,CAAC,OAAO;QAC/B,kBAAkB;KACnB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,gBAAgB,CAAC;QAC7B,mBAAmB;QACnB,QAAQ;QACR,QAAQ;QACR,GAAG;KACJ,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QAED,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,iEAAiE;QACjE,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,IAAI,mBAAmB,EAAE,IAAI,KAAK,SAAS,IAAI,KAAK,EAAE;gBACpD,4CAA4C;gBAC3C,KAAK,CAAC,WAAmB,CAAC,SAAS,CAAC,kBAAkB,CACrD,MAAM,EACN,cAAc,CAAC,IAAI,CAAC,QAAQ,CAC7B,CAAC;aACH;QACH,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;QAClB,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjD,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,MAAM,MAAK,iBAAiB,CAAG,CACjC,CAAC,CAAC,CAAC,CACF,MAAC,GAAG,IACF,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EACtD,EAAE,EAAC,sBAAsB,aAExB,OAAO,IAAI,KAAC,OAAO,IAAC,UAAU,EAAE,EAAE,GAAI,EACvC,MAAC,GAAG,IACF,SAAS,EAAC,kBAAkB,EAC5B,EAAE,EAAE;oBACF,MAAM;oBACN,SAAS;oBACT,KAAK,EAAE,MAAM;oBACb,SAAS,EAAE,QAAQ;oBACnB,mCAAmC,EAAE;wBACnC,SAAS,EAAE,MAAM;qBAClB;oBACD,gBAAgB,EAAE;wBAChB,IAAI,EAAE,qBAAqB;wBAC3B,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,QAAQ;qBACpB;oBACD,qBAAqB,EAAE;wBACrB,MAAM,EAAE,iBAAiB;wBACzB,KAAK,EAAE,iBAAiB;qBACzB;oBACD,eAAe,EAAE;wBACf,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,CAAC;qBACV;oBACD,qDAAqD,EAAE;wBACrD,QAAQ,EAAE,MAAM;qBACjB;oBACD,+CAA+C,EAAE;wBAC/C,OAAO,EAAE,MAAM;qBAChB;oBACD,0BAA0B,EAAE;wBAC1B,OAAO,EAAE,MAAM;qBAChB;oBACD,YAAY,EAAE;wBACZ,KAAK,EAAE,eAAe,iBAAiB,KAAK;qBAC7C;oBACD,uBAAuB,EAAE;wBACvB,KAAK,EAAE,eAAe,iBAAiB,GAAG,EAAE,KAAK;qBAClD;oBACD,wBAAwB,EAAE;wBACxB,MAAM,EAAE,iBAAiB;qBAC1B;oBACD,mBAAmB,EAAE;wBACnB,QAAQ,EAAE,UAAU;qBACrB;iBACF,aAEA,QAAQ,EACR,KAAK,IAAI,cAAc,IAAI,CAC1B,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,mBAAmB,GAC/C,CACH,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellSidebarExtension.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/sidebar/CellSidebarExtension.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/notebook/cell/sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
+
*
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
7
|
+
import { useState, useEffect, useCallback } from 'react';
|
|
8
|
+
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { Box, Button, Heading, Text, Link, PageLayout, PageHeader, RadioGroup, Radio, FormControl, RelativeTime, TextInput, TextInputWithTokens, Timeline, Octicon, ToggleSwitch, SegmentedControl, Label, LabelGroup, NavList, IconButton, CircleBadge, CircleOcticon, Tooltip,
|
|
10
|
+
// theme,
|
|
11
|
+
} from '@primer/react';
|
|
12
|
+
import { DataTable, Table, SkeletonBox, Banner } from '@primer/react/experimental';
|
|
13
|
+
import { GitCommitIcon, HeartIcon, RocketIcon, CheckIcon } from '@primer/octicons-react';
|
|
14
|
+
import { Jupyter } from '../jupyter/Jupyter';
|
|
15
|
+
import { jupyterLabTheme as theme } from '../theme/themes';
|
|
16
|
+
const mockTokens = [
|
|
17
|
+
{ text: 'zero', id: 0 },
|
|
18
|
+
{ text: 'one', id: 1 },
|
|
19
|
+
{ text: 'two', id: 2 },
|
|
20
|
+
{ text: 'three', id: 3 },
|
|
21
|
+
{ text: 'four', id: 4 },
|
|
22
|
+
{ text: 'five', id: 5 },
|
|
23
|
+
{ text: 'six', id: 6 },
|
|
24
|
+
{ text: 'seven', id: 7 },
|
|
25
|
+
];
|
|
26
|
+
const now = Date.now();
|
|
27
|
+
const Second = 1000;
|
|
28
|
+
const Minute = 60 * Second;
|
|
29
|
+
const Hour = 60 * Minute;
|
|
30
|
+
const Day = 24 * Hour;
|
|
31
|
+
const Week = 7 * Day;
|
|
32
|
+
const Month = 4 * Week;
|
|
33
|
+
const data = [
|
|
34
|
+
{
|
|
35
|
+
id: 1,
|
|
36
|
+
name: 'codeql-dca-worker',
|
|
37
|
+
type: 'internal',
|
|
38
|
+
updatedAt: now,
|
|
39
|
+
securityFeatures: {
|
|
40
|
+
dependabot: ['alerts', 'security updates'],
|
|
41
|
+
codeScanning: ['report secrets'],
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
id: 2,
|
|
46
|
+
name: 'aegir',
|
|
47
|
+
type: 'public',
|
|
48
|
+
updatedAt: now - 5 * Minute,
|
|
49
|
+
securityFeatures: {
|
|
50
|
+
dependabot: ['alerts'],
|
|
51
|
+
codeScanning: ['report secrets'],
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
id: 3,
|
|
56
|
+
name: 'strapi',
|
|
57
|
+
type: 'public',
|
|
58
|
+
updatedAt: now - 1 * Hour,
|
|
59
|
+
securityFeatures: {
|
|
60
|
+
dependabot: [],
|
|
61
|
+
codeScanning: [],
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
id: 4,
|
|
66
|
+
name: 'codeql-ci-nightlies',
|
|
67
|
+
type: 'public',
|
|
68
|
+
updatedAt: now - 6 * Hour,
|
|
69
|
+
securityFeatures: {
|
|
70
|
+
dependabot: ['alerts'],
|
|
71
|
+
codeScanning: [],
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
id: 5,
|
|
76
|
+
name: 'dependabot-updates',
|
|
77
|
+
type: 'public',
|
|
78
|
+
updatedAt: now - 1 * Day,
|
|
79
|
+
securityFeatures: {
|
|
80
|
+
dependabot: [],
|
|
81
|
+
codeScanning: [],
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
id: 6,
|
|
86
|
+
name: 'tsx-create-react-app',
|
|
87
|
+
type: 'public',
|
|
88
|
+
updatedAt: now - 1 * Week,
|
|
89
|
+
securityFeatures: {
|
|
90
|
+
dependabot: [],
|
|
91
|
+
codeScanning: [],
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
id: 7,
|
|
96
|
+
name: 'bootstrap',
|
|
97
|
+
type: 'public',
|
|
98
|
+
updatedAt: now - 1 * Month,
|
|
99
|
+
securityFeatures: {
|
|
100
|
+
dependabot: ['alerts'],
|
|
101
|
+
codeScanning: [],
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
id: 8,
|
|
106
|
+
name: 'docker-templates',
|
|
107
|
+
type: 'public',
|
|
108
|
+
updatedAt: now - 3 * Month,
|
|
109
|
+
securityFeatures: {
|
|
110
|
+
dependabot: ['alerts'],
|
|
111
|
+
codeScanning: [],
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
];
|
|
115
|
+
const JupyterLabTheme = () => {
|
|
116
|
+
const [colormode, setColormode] = useState('light');
|
|
117
|
+
const [tokens, setTokens] = useState([...mockTokens].slice(0, 3));
|
|
118
|
+
const [isOn, setIsOn] = useState(false);
|
|
119
|
+
useEffect(() => {
|
|
120
|
+
if (isOn) {
|
|
121
|
+
setColormode('dark');
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
setColormode('light');
|
|
125
|
+
}
|
|
126
|
+
}, [isOn]);
|
|
127
|
+
const onClick = useCallback(() => {
|
|
128
|
+
setIsOn(!isOn);
|
|
129
|
+
}, [isOn]);
|
|
130
|
+
const handleSwitchChange = useCallback((on) => {
|
|
131
|
+
setIsOn(on);
|
|
132
|
+
}, []);
|
|
133
|
+
const onTokenRemove = (tokenId) => {
|
|
134
|
+
setTokens(tokens.filter((token) => token.id !== tokenId));
|
|
135
|
+
};
|
|
136
|
+
return (_jsx(Jupyter, { theme: theme, colormode: colormode, startDefaultKernel: true, children: _jsxs(PageLayout, { containerWidth: "full", padding: "normal", children: [_jsx(PageLayout.Header, { children: _jsxs(PageHeader, { children: [_jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "JupyterLab Theme" }) }), _jsx(PageHeader.Description, { children: _jsx(Text, { sx: {
|
|
137
|
+
fontSize: 1,
|
|
138
|
+
color: 'fg.muted'
|
|
139
|
+
}, children: "Relevant examples to create a data driven user interface with Datalayer." }) }), _jsxs(PageHeader.Actions, { 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" })] })] }) }), _jsxs(PageLayout.Content, { children: [_jsx(Box, { children: _jsx(Box, { children: _jsx(Banner, { title: "Info", description: "Datalayer users are now required to enable two-factor authentication as an additional security measure." }) }) }), _jsxs(Box, { display: "flex", children: [_jsxs(Box, { sx: { width: "100%" }, children: [_jsx(Heading, { children: "Heading" }), _jsxs(Box, { children: [_jsx(Text, { as: "h1", children: "Heading 1" }), _jsx(Text, { as: "h2", children: "Heading 2" }), _jsx(Text, { as: "h3", children: "Heading 3" }), _jsx(Text, { children: "This is a text." }), _jsx("br", {}), _jsx(Link, { href: "https://datalayer.io", target: "_blank", children: "This is a link." }), _jsx("br", {}), _jsx(Text, { as: "h3", children: _jsx(Link, { href: "https://datalayer.io", target: "_blank", children: "This is a heading 3 link" }) })] }), _jsxs(Box, { children: [_jsx(Button, { variant: "default", children: "Default" }), _jsx(Button, { variant: "default", leadingVisual: RocketIcon, children: "Icon" }), _jsx(Button, { variant: "primary", children: "Primary" }), _jsx(Button, { variant: "primary", leadingVisual: RocketIcon, children: "Icon" }), _jsx(Button, { variant: "invisible", children: "Invisible" }), _jsx(Button, { variant: "invisible", leadingVisual: RocketIcon, children: "Icon" }), _jsx(Button, { variant: "danger", children: "Danger" }), _jsx(Button, { variant: "danger", leadingVisual: RocketIcon, children: "Icon" })] }), _jsx(Box, { children: _jsxs(NavList, { children: [_jsx(NavList.Item, { href: "#", "aria-current": "page", children: "Item 1" }), _jsx(NavList.Item, { href: "#", children: "Item 2" }), _jsx(NavList.Item, { href: "#", children: "Item 3" })] }) }), _jsx(Box, { children: _jsx(IconButton, { icon: HeartIcon, "aria-label": "Favorite" }) }), _jsx(Box, { children: _jsx(CircleOcticon, { icon: CheckIcon, sx: { backgroundColor: 'success.emphasis', color: 'fg.onEmphasis' }, "aria-label": "Changes approved" }) }), _jsx(Box, { children: _jsx(CircleBadge, { children: _jsx(CircleBadge.Icon, { icon: RocketIcon, "aria-label": "Launch badge" }) }) })] }), _jsxs(Box, { sx: { width: "100%" }, children: [_jsx(Box, { as: "form", children: _jsxs(RadioGroup, { name: "defaultRadioGroup", children: [_jsx(RadioGroup.Label, { children: "Choices" }), _jsxs(FormControl, { children: [_jsx(Radio, { value: "one", defaultChecked: true }), _jsx(FormControl.Label, { children: "Choice one" })] }), _jsxs(FormControl, { children: [_jsx(Radio, { value: "two" }), _jsx(FormControl.Label, { children: "Choice two" })] }), _jsxs(FormControl, { children: [_jsx(Radio, { value: "three" }), _jsx(FormControl.Label, { children: "Choice three" })] })] }) }), _jsx(Box, { as: "form", children: _jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Default label" }), _jsx(FormControl.Caption, { children: "This is a caption" }), _jsx(TextInput, {})] }) }), _jsx(Box, { children: _jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Default label" }), _jsx(TextInputWithTokens, { tokens: tokens, onTokenRemove: onTokenRemove })] }) }), _jsx(Box, { children: _jsx(SkeletonBox, { height: "4rem" }) }), _jsxs(Box, { children: [_jsx(Text, { id: "toggle", fontWeight: "bold", fontSize: 1, children: "Toggle label" }), _jsx(ToggleSwitch, { "aria-labelledby": "toggle" })] }), _jsx(Box, { children: _jsxs(SegmentedControl, { "aria-label": "File view", children: [_jsx(SegmentedControl.Button, { defaultSelected: true, children: "Preview" }), _jsx(SegmentedControl.Button, { children: "Raw" }), _jsx(SegmentedControl.Button, { children: "Blame" })] }) }), _jsx(Box, { children: _jsxs(Timeline, { children: [_jsxs(Timeline.Item, { children: [_jsx(Timeline.Badge, { children: _jsx(Octicon, { icon: GitCommitIcon, "aria-label": "Commit" }) }), _jsx(Timeline.Body, { children: "This is a message" })] }), _jsxs(Timeline.Item, { children: [_jsx(Timeline.Badge, { children: _jsx(Octicon, { icon: GitCommitIcon, "aria-label": "Commit" }) }), _jsx(Timeline.Body, { children: "This is a message" })] })] }) }), _jsx(Box, { children: _jsx(Tooltip, { text: "This is a tooltip", children: _jsx(Button, { variant: "default", children: "Hover me" }) }) }), _jsxs(Box, { children: [_jsx("p", { children: "Trunacte after 5 labels" }), _jsxs(LabelGroup, { visibleChildCount: 5, children: [_jsx(Label, { children: "One" }), _jsx(Label, { children: "Two" }), _jsx(Label, { children: "Three" }), _jsx(Label, { children: "Four" }), _jsx(Label, { children: "Five" }), _jsx(Label, { children: "Six" }), _jsx(Label, { children: "Seven" }), _jsx(Label, { children: "Eight" }), _jsx(Label, { children: "Nine" }), _jsx(Label, { children: "Ten" }), _jsx(Label, { children: "Eleven" }), _jsx(Label, { children: "Twelve" }), _jsx(Label, { children: "Thirteen" }), _jsx(Label, { children: "Fourteen" }), _jsx(Label, { children: "Fifteen" }), _jsx(Label, { children: "Sixteen" })] }), _jsx("p", { children: "Truncate labels based on container size" }), _jsx(Box, { sx: {
|
|
140
|
+
outline: '1px solid',
|
|
141
|
+
outlineColor: 'border.default',
|
|
142
|
+
overflow: 'auto',
|
|
143
|
+
padding: '0.25rem',
|
|
144
|
+
resize: 'horizontal',
|
|
145
|
+
width: '600px',
|
|
146
|
+
}, children: _jsxs(LabelGroup, { visibleChildCount: "auto", children: [_jsx(Label, { variant: "default", children: "One" }), _jsx(Label, { variant: "accent", children: "Two" }), _jsx(Label, { variant: "attention", children: "Three" }), _jsx(Label, { variant: "danger", children: "Four" }), _jsx(Label, { variant: "done", children: "Five" }), _jsx(Label, { variant: "primary", children: "Six" }), _jsx(Label, { variant: "secondary", children: "Seven" }), _jsx(Label, { variant: "severe", children: "Eight" }), _jsx(Label, { variant: "sponsors", children: "Nine" }), _jsx(Label, { variant: "success", children: "Ten" }), _jsx(Label, { children: "Eleven" }), _jsx(Label, { children: "Twelve" }), _jsx(Label, { children: "Thirteen" }), _jsx(Label, { children: "Fourteen" }), _jsx(Label, { children: "Fifteen" }), _jsx(Label, { children: "Sixteen" })] }) })] })] })] }), _jsx(Box, { children: _jsxs(Table.Container, { children: [_jsx(Table.Title, { as: "h2", id: "repositories", children: "Repositories" }), _jsx(Table.Subtitle, { as: "p", id: "repositories-subtitle", children: "A subtitle could appear here to give extra context to the data." }), _jsx(DataTable, { "aria-labelledby": "repositories", "aria-describedby": "repositories-subtitle", data: data, columns: [
|
|
147
|
+
// @ts-ignore
|
|
148
|
+
{
|
|
149
|
+
header: 'Repository',
|
|
150
|
+
field: 'name',
|
|
151
|
+
rowHeader: true,
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
header: 'Type',
|
|
155
|
+
field: 'type',
|
|
156
|
+
renderCell: (row) => {
|
|
157
|
+
return _jsx(Label, { children: row.type });
|
|
158
|
+
},
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
header: 'Updated',
|
|
162
|
+
field: 'updatedAt',
|
|
163
|
+
renderCell: (row) => {
|
|
164
|
+
return _jsx(RelativeTime, { date: new Date(row.updatedAt) });
|
|
165
|
+
},
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
header: 'Dependabot',
|
|
169
|
+
field: 'securityFeatures.dependabot',
|
|
170
|
+
renderCell: (row) => {
|
|
171
|
+
return row.securityFeatures.dependabot.length > 0 ? (_jsx(LabelGroup, { children: row.securityFeatures.dependabot.map((feature) => {
|
|
172
|
+
return _jsx(Label, { children: feature }, feature);
|
|
173
|
+
}) })) : null;
|
|
174
|
+
},
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
header: 'Code scanning',
|
|
178
|
+
field: 'securityFeatures.codeScanning',
|
|
179
|
+
renderCell: (row) => {
|
|
180
|
+
return row.securityFeatures.codeScanning.length > 0 ? (_jsx(LabelGroup, { children: row.securityFeatures.codeScanning.map((feature) => {
|
|
181
|
+
return _jsx(Label, { variant: "danger", children: feature }, feature);
|
|
182
|
+
}) })) : null;
|
|
183
|
+
},
|
|
184
|
+
},
|
|
185
|
+
] })] }) }), _jsxs(Box, { children: [_jsx(Box, { children: _jsx(Text, { as: "h3", children: _jsx(Link, { href: "https://datalayer.io", target: "_blank", children: "User Guide" }) }) }), _jsx(Box, { children: _jsx(Text, { as: "h3", children: _jsx(Link, { href: "https://datalayer.io", target: "_blank", children: "Pricing" }) }) }), _jsx(Box, { children: _jsx(Text, { as: "h3", children: _jsx(Link, { href: "https://datalayer.io", target: "_blank", children: "Privacy" }) }) }), _jsx(Box, { children: _jsx(Text, { as: "h3", children: _jsx(Link, { href: "https://datalayer.io", target: "_blank", children: "Terms and conditions" }) }) })] })] })] }) }));
|
|
186
|
+
};
|
|
187
|
+
const div = document.createElement('div');
|
|
188
|
+
document.body.appendChild(div);
|
|
189
|
+
const root = createRoot(div);
|
|
190
|
+
root.render(_jsx(JupyterLabTheme, {}));
|
|
191
|
+
//# sourceMappingURL=JupyterLabTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"JupyterLabTheme.js","sourceRoot":"","sources":["../../src/examples/JupyterLabTheme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { Notebook } from '../components/notebook/Notebook';
|
|
|
5
5
|
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
6
6
|
import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
|
|
7
7
|
import nbformat from './notebooks/NotebookExample1.ipynb.json';
|
|
8
|
-
import CellSidebarSource from './
|
|
8
|
+
import CellSidebarSource from './extensions/cellsidebars/CellSidebarSource';
|
|
9
9
|
const NotebookCellSidebar = () => (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { nbformat: nbformat, id: "notebook-cell-sidebar-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
10
10
|
, cellSidebarMargin: 160, extensions: [new CellSidebarExtension({ factory: CellSidebarSource })], Toolbar: NotebookToolbar }) }));
|
|
11
11
|
const div = document.createElement('div');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookCellSidebar.js","sourceRoot":"","sources":["../../src/examples/NotebookCellSidebar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,
|
|
1
|
+
{"version":3,"file":"NotebookCellSidebar.js","sourceRoot":"","sources":["../../src/examples/NotebookCellSidebar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,6CAA6C,CAAC;AAE5E,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,0BAA0B,EAC7B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,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,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
/*
|
|
3
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
+
*
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
3
7
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
4
8
|
import { createRoot } from 'react-dom/client';
|
|
9
|
+
import { Text, ToggleSwitch } from '@primer/react';
|
|
5
10
|
import { CellSidebarExtension } from '../components';
|
|
6
11
|
import { Notebook } from '../components/notebook/Notebook';
|
|
7
12
|
import { Jupyter } from '../jupyter/Jupyter';
|
|
@@ -25,7 +30,7 @@ const NotebookColormode = () => {
|
|
|
25
30
|
const handleSwitchChange = useCallback((on) => {
|
|
26
31
|
setIsOn(on);
|
|
27
32
|
}, []);
|
|
28
|
-
return (_jsx(_Fragment, { children: _jsxs(Jupyter, { colormode: colormode, 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" }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
33
|
+
return (_jsx(_Fragment, { children: _jsxs(Jupyter, { colormode: colormode, startDefaultKernel: true, 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" }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
|
|
29
34
|
, extensions: extensions, Toolbar: NotebookToolbar })] }) }));
|
|
30
35
|
};
|
|
31
36
|
const div = document.createElement('div');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookColormode.js","sourceRoot":"","sources":["../../src/examples/NotebookColormode.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NotebookColormode.js","sourceRoot":"","sources":["../../src/examples/NotebookColormode.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,OAAO,CAAC,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,MAAM,CAAC,CAAC;SACtB;aAAM;YACL,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAW,EAAE,EAAE;QACrD,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,4BACE,MAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,kBAAkB,mBAC/C,MAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,aAEH,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aACrC,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAC,KAAK,qBACT,cAAc,GAC9B,EACF,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;sBAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,IACM,GACT,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,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC"}
|
|
@@ -6,20 +6,20 @@ import { CellSidebarExtension } from '../components';
|
|
|
6
6
|
import { Notebook } from '../components/notebook/Notebook';
|
|
7
7
|
import useNotebookStore from '../components/notebook/NotebookState';
|
|
8
8
|
import { JupyterReactTheme } from '../theme/JupyterReactTheme';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
9
|
+
import NBFORMAT_1 from './notebooks/NotebookExample1.ipynb.json';
|
|
10
|
+
import NBFORMAT_2 from './notebooks/NotebookExample2.ipynb.json';
|
|
11
11
|
const NOTEBOOK_ID = 'notebook-model-change-id';
|
|
12
12
|
const NotebookNbformatChange = () => {
|
|
13
13
|
const notebookStore = useNotebookStore();
|
|
14
|
-
const [nbformat, setNbformat] = useState(
|
|
14
|
+
const [nbformat, setNbformat] = useState(NBFORMAT_1);
|
|
15
15
|
const extensions = useMemo(() => [new CellSidebarExtension()], []);
|
|
16
16
|
const changeNbformat = () => {
|
|
17
17
|
console.log('Notebook Nbformat from store', notebookStore.notebooks
|
|
18
18
|
.get(NOTEBOOK_ID)
|
|
19
19
|
?.model?.toJSON());
|
|
20
|
-
nbformat ===
|
|
20
|
+
nbformat === NBFORMAT_1 ? setNbformat(NBFORMAT_2) : setNbformat(NBFORMAT_1);
|
|
21
21
|
};
|
|
22
|
-
return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(ButtonGroup, { children: _jsx(Button, { variant: "default", size: "small", onClick: changeNbformat, children: "Change Nbformat" }) }) }), _jsx(Notebook, { id: NOTEBOOK_ID, nbformat: nbformat, height: "700px", extensions: extensions })] }));
|
|
22
|
+
return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(ButtonGroup, { children: _jsx(Button, { variant: "default", size: "small", onClick: changeNbformat, children: "Change Nbformat" }) }) }), _jsx(Notebook, { id: NOTEBOOK_ID, nbformat: nbformat, height: "700px", extensions: extensions, startDefaultKernel: true })] }));
|
|
23
23
|
};
|
|
24
24
|
const div = document.createElement('div');
|
|
25
25
|
document.body.appendChild(div);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotebookNbformatChange.js","sourceRoot":"","sources":["../../src/examples/NotebookNbformatChange.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"NotebookNbformatChange.js","sourceRoot":"","sources":["../../src/examples/NotebookNbformatChange.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,UAAU,MAAM,yCAAyC,CAAC;AAEjE,OAAO,UAAU,MAAM,yCAAyC,CAAC;AAEjE,MAAM,WAAW,GAAG,0BAA0B,CAAC;AAE/C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,CAAC,GAAG,CACT,8BAA8B,EAC9B,aAAa,CAAC,SAAS;aACpB,GAAG,CAAC,WAAW,CAAC;YACjB,EAAE,KAAK,EAAE,MAAM,EAAsB,CACxC,CAAC;QACF,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9E,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,gCAErD,GACG,GACV,EACN,KAAC,QAAQ,IACP,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,OAAO,EACd,UAAU,EAAE,UAAU,EACtB,kBAAkB,SAClB,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,iBAAiB,cAChB,KAAC,sBAAsB,KAAG,GACR,CACrB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ICellSidebarProps } from '
|
|
1
|
+
import { ICellSidebarProps } from '../../../components/notebook/cell/sidebar';
|
|
2
2
|
export declare const CellSidebarSource: (props: ICellSidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default CellSidebarSource;
|
|
@@ -6,9 +6,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
6
6
|
*/
|
|
7
7
|
import { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, SquareIcon, XIcon, } from '@primer/octicons-react';
|
|
8
8
|
import { ActionMenu, Box, Button } from '@primer/react';
|
|
9
|
-
import { NotebookCommandIds } from '
|
|
10
|
-
import { CellMetadataEditor } from '
|
|
11
|
-
import { DATALAYER_CELL_SIDEBAR_CLASS_NAME, } from '
|
|
9
|
+
import { NotebookCommandIds } from '../../../components/notebook';
|
|
10
|
+
import { CellMetadataEditor } from '../../../components/notebook/cell/metadata';
|
|
11
|
+
import { DATALAYER_CELL_SIDEBAR_CLASS_NAME, } from '../../../components/notebook/cell/sidebar';
|
|
12
12
|
export const CellSidebarSource = (props) => {
|
|
13
13
|
const { commands, model, nbgrader } = props;
|
|
14
14
|
return (_jsxs(Box, { className: DATALAYER_CELL_SIDEBAR_CLASS_NAME, sx: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellSidebarSource.js","sourceRoot":"","sources":["../../../../src/examples/extensions/cellsidebars/CellSidebarSource.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './CellSidebarSource';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/examples/extensions/cellsidebars/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/examples/extensions/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/examples/extensions/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
|
package/lib/jupyter/Jupyter.d.ts
CHANGED
|
@@ -15,5 +15,81 @@ export type JupyterProps = Omit<JupyterContextProps, 'variant'> & {
|
|
|
15
15
|
* The Jupyter context. This handles the needed initialization
|
|
16
16
|
* and ensure the Primer theme providers is available.
|
|
17
17
|
*/
|
|
18
|
-
export declare const Jupyter:
|
|
18
|
+
export declare const Jupyter: {
|
|
19
|
+
(props: JupyterProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
defaultProps: {
|
|
21
|
+
colormode: string;
|
|
22
|
+
disableCssLoading: boolean;
|
|
23
|
+
terminals: boolean;
|
|
24
|
+
theme: {
|
|
25
|
+
animation: {
|
|
26
|
+
easeOutCubic: string;
|
|
27
|
+
};
|
|
28
|
+
borderWidths: (string | number)[];
|
|
29
|
+
breakpoints: string[];
|
|
30
|
+
fonts: {
|
|
31
|
+
normal: any;
|
|
32
|
+
mono: string;
|
|
33
|
+
};
|
|
34
|
+
fontSizes: string[];
|
|
35
|
+
fontWeights: {
|
|
36
|
+
light: number;
|
|
37
|
+
normal: number;
|
|
38
|
+
semibold: number;
|
|
39
|
+
bold: number;
|
|
40
|
+
};
|
|
41
|
+
lineHeights: {
|
|
42
|
+
condensedUltra: number;
|
|
43
|
+
condensed: number;
|
|
44
|
+
default: number;
|
|
45
|
+
};
|
|
46
|
+
radii: string[];
|
|
47
|
+
sizes: {
|
|
48
|
+
small: string;
|
|
49
|
+
medium: string;
|
|
50
|
+
large: string;
|
|
51
|
+
xlarge: string;
|
|
52
|
+
};
|
|
53
|
+
space: string[];
|
|
54
|
+
} & {
|
|
55
|
+
animation: {
|
|
56
|
+
easeOutCubic: string;
|
|
57
|
+
};
|
|
58
|
+
borderWidths: (string | number)[];
|
|
59
|
+
breakpoints: string[];
|
|
60
|
+
fonts: {
|
|
61
|
+
normal: string;
|
|
62
|
+
mono: string;
|
|
63
|
+
};
|
|
64
|
+
fontSizes: string[];
|
|
65
|
+
fontWeights: {
|
|
66
|
+
light: number;
|
|
67
|
+
normal: number;
|
|
68
|
+
semibold: number;
|
|
69
|
+
bold: number;
|
|
70
|
+
};
|
|
71
|
+
lineHeights: {
|
|
72
|
+
condensedUltra: number;
|
|
73
|
+
condensed: number; /**
|
|
74
|
+
* The Jupyter context. This handles the needed initialization
|
|
75
|
+
* and ensure the Primer theme providers is available.
|
|
76
|
+
*/
|
|
77
|
+
default: number;
|
|
78
|
+
};
|
|
79
|
+
radii: string[];
|
|
80
|
+
sizes: {
|
|
81
|
+
small: string;
|
|
82
|
+
medium: string;
|
|
83
|
+
large: string;
|
|
84
|
+
xlarge: string;
|
|
85
|
+
};
|
|
86
|
+
space: string[];
|
|
87
|
+
} & {
|
|
88
|
+
colorSchemes: {
|
|
89
|
+
light: {};
|
|
90
|
+
dark: {};
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
};
|
|
19
95
|
export default Jupyter;
|