@datalayer/jupyter-react 1.1.8 → 1.2.0

package/lib/examples/NotebookNoPrimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookNoPrimer.js","sourceRoot":"","sources":["../../src/examples/NotebookNoPrimer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,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,8BACE,KAAC,aAAa,IAAC,SAAS,EAAC,MAAM,GAAG,EAClC,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,IACD,CACJ,CAAC"}
+{"version":3,"file":"NotebookNoPrimer.js","sourceRoot":"","sources":["../../src/examples/NotebookNoPrimer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CACpC,8BACE,KAAC,aAAa,IAAC,SAAS,EAAC,MAAM,GAAG,EAClC,KAAC,QAAQ,IACP,EAAE,EAAE,WAAW,EACf,kBAAkB,QAClB,IAAI,EAAC,kBAAkB,EACvB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,IACD,CACJ,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,uBAAuB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookOnSessionConnection.js

@@ -5,8 +5,8 @@ import { createRoot } from 'react-dom/client';
 import { CellSidebarExtension, KernelDetective, Notebook, NotebookToolbar, } from '../components';
 import { useJupyter } from '../jupyter';
 import { JupyterReactTheme } from '../theme';
-import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookOnSessionConnection = () => {
+import NBFORMAT from './notebooks/NotebookExample1.ipynb.json';
+const NotebookOnSessionConnectionExample = () => {
     const { serviceManager } = useJupyter();
     const [sessions, setSessions] = useState([]);
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
@@ -16,13 +16,13 @@ const NotebookOnSessionConnection = () => {
             setSessions(sessions.concat(session));
         }
     };
-    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook listening to Kernel Sessions" }), _jsx(KernelDetective, { serviceManager: serviceManager }), _jsx(Box, { children: _jsx(Text, { as: "h3", children: "Kernel Sessions" }) }), _jsx(Box, { children: sessions.map(session => {
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "Notebook listening to Kernel Sessions" }), _jsx(KernelDetective, { serviceManager: serviceManager }), _jsx(Box, { children: _jsx(Text, { as: "h3", children: "Kernel Sessions" }) }), _jsx(Box, { children: sessions.map(session => {
                     return (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Label, { children: "Session" }), " ", session.name, " ", session.id, ' ', _jsx(Label, { children: "Kernel" }), " clientId ", session.kernel?.clientId, " - id", ' ', session.kernel?.id] }) }, session.id));
-                }) }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-on-kernel-connection-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+                }) }), _jsx(Notebook, { nbformat: NBFORMAT, id: "notebook-on-kernel-connection-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
                 , onSessionConnection: onSessionConnection, startDefaultKernel: true, extensions: extensions, Toolbar: NotebookToolbar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookOnSessionConnection, {}));
+root.render(_jsx(NotebookOnSessionConnectionExample, {}));
 //# sourceMappingURL=NotebookOnSessionConnection.js.map

package/lib/examples/NotebookOnSessionConnection.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookOnSessionConnection.js","sourceRoot":"","sources":["../../src/examples/NotebookOnSessionConnection.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACR,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,EAAE,CACH,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,MAAM,mBAAmB,GAAwB,CAC/C,OAA+C,EAC/C,EAAE;QACF,OAAO,CAAC,GAAG,CACT,4BAA4B,EAC5B,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,MAAM,EAAE,QAAQ,CAC1B,CAAC;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,gEAAsD,EAClE,KAAC,eAAe,IAAC,cAAc,EAAE,cAAc,GAAI,EACnD,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,gCAAuB,GAChC,EACN,KAAC,GAAG,cACD,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;oBACtB,OAAO,CACL,KAAC,GAAG,cACF,MAAC,IAAI,eACH,KAAC,KAAK,0BAAgB,OAAE,OAAO,CAAC,IAAI,OAAG,OAAO,CAAC,EAAE,EAAE,GAAG,EACtD,KAAC,KAAK,yBAAe,gBAAW,OAAO,CAAC,MAAM,EAAE,QAAQ,WAAO,GAAG,EACjE,OAAO,CAAC,MAAM,EAAE,EAAE,IACd,IALC,OAAO,CAAC,EAAE,CAMd,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,kCAAkC,EACrC,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,QAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,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,2BAA2B,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookOnSessionConnection.js","sourceRoot":"","sources":["../../src/examples/NotebookOnSessionConnection.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACR,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,kCAAkC,GAAG,GAAG,EAAE;IAC9C,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,EAAE,CACH,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,MAAM,mBAAmB,GAAwB,CAC/C,OAA+C,EAC/C,EAAE;QACF,OAAO,CAAC,GAAG,CACT,4BAA4B,EAC5B,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,MAAM,EAAE,QAAQ,CAC1B,CAAC;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,sDAA4C,EACxD,KAAC,eAAe,IAAC,cAAc,EAAE,cAAc,GAAI,EACnD,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,gCAAuB,GAChC,EACN,KAAC,GAAG,cACD,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;oBACtB,OAAO,CACL,KAAC,GAAG,cACF,MAAC,IAAI,eACH,KAAC,KAAK,0BAAgB,OAAE,OAAO,CAAC,IAAI,OAAG,OAAO,CAAC,EAAE,EAAE,GAAG,EACtD,KAAC,KAAK,yBAAe,gBAAW,OAAO,CAAC,MAAM,EAAE,QAAQ,WAAO,GAAG,EACjE,OAAO,CAAC,MAAM,EAAE,EAAE,IACd,IALC,OAAO,CAAC,EAAE,CAMd,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,kCAAkC,EACrC,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,QAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,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,kCAAkC,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookPath.js

@@ -11,10 +11,10 @@ import { Notebook } from '../components/notebook/Notebook';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
 const NOTEBOOK_ID = 'notebook-id';
-const NotebookPath = () => (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+const NotebookPathExample = () => (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
         , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookPath, {}));
+root.render(_jsx(NotebookPathExample, {}));
 //# sourceMappingURL=NotebookPath.js.map

package/lib/examples/NotebookPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookPath.js","sourceRoot":"","sources":["../../src/examples/NotebookPath.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,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,YAAY,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookPath.js","sourceRoot":"","sources":["../../src/examples/NotebookPath.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,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"}

package/lib/examples/NotebookPathChange.js

@@ -4,15 +4,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { Box, Button, Text } from '@primer/react';
 import { useMemo, useState } from 'react';
 import { createRoot } from 'react-dom/client';
+import { Button, Text } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 const PATH_1 = 'ipywidgets.ipynb';
 const PATH_2 = 'matplotlib.ipynb';
-const NotebookPathChange = () => {
+const NotebookPathChangeExample = () => {
     const [path, setPath] = useState(PATH_1);
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
     const changePath = () => {
@@ -23,11 +24,11 @@ const NotebookPathChange = () => {
             setPath(PATH_1);
         }
     };
-    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: changePath, children: "Change Notebook Path" }) }), _jsx(Box, { mt: 2, children: _jsx(Text, { as: "span", sx: { color: 'fg.onEmphasis', bg: 'neutral.emphasis', p: 2 }, children: path }) }), _jsx(Notebook, { path: path, id: "notebook-path-change-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: changePath, children: "Change Notebook Path" }) }), _jsx(Box, { mt: 2, children: _jsx(Text, { as: "span", sx: { color: 'fg.onEmphasis', bg: 'neutral.emphasis', p: 2 }, children: path }) }), _jsx(Notebook, { id: "notebook-path-change-id", startDefaultKernel: true, path: path, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
                 , extensions: extensions })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookPathChange, {}));
+root.render(_jsx(NotebookPathChangeExample, {}));
 //# sourceMappingURL=NotebookPathChange.js.map

package/lib/examples/NotebookPathChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookPathChange.js","sourceRoot":"","sources":["../../src/examples/NotebookPathChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClD,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,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,qCAEjD,GACL,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,IAAI,IACH,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,EAAE,YAE3D,IAAI,GACA,GACH,EACN,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,yBAAyB,EAC5B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,UAAU,EAAE,UAAU,GACtB,IACgB,CACrB,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,kBAAkB,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookPathChange.js","sourceRoot":"","sources":["../../src/examples/NotebookPathChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,qCAEjD,GACL,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,IAAI,IACH,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,EAAE,YAE3D,IAAI,GACA,GACH,EACN,KAAC,QAAQ,IACP,EAAE,EAAC,yBAAyB,EAC5B,kBAAkB,QAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,UAAU,EAAE,UAAU,GACtB,IACgB,CACrB,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,yBAAyB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookReadonly.js

@@ -10,14 +10,14 @@ import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookReadonly = () => {
+import NBFORMAT from './notebooks/NotebookExample1.ipynb.json';
+const NotebookReadonlyExample = () => {
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
-    return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { readonly: true, serverless: true, nbformat: nbformat, extensions: extensions, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+    return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { readonly: true, serverless: true, nbformat: NBFORMAT, extensions: extensions, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
             , Toolbar: NotebookToolbar }) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookReadonly, {}));
+root.render(_jsx(NotebookReadonlyExample, {}));
 //# sourceMappingURL=NotebookReadonly.js.map

package/lib/examples/NotebookReadonly.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookReadonly.js","sourceRoot":"","sources":["../../src/examples/NotebookReadonly.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,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;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,QACR,UAAU,QACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,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,gBAAgB,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookReadonly.js","sourceRoot":"","sources":["../../src/examples/NotebookReadonly.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,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;AAEnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,QACR,UAAU,QACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,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,uBAAuB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookServiceManager.js

@@ -9,8 +9,8 @@ import { getJupyterServerToken, getJupyterServerUrl, ServiceManagerLess, } from
 import { createServerSettings } from '../jupyter/JupyterContext';
 import { JupyterReactTheme } from '../theme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookServiceManager = () => {
+import NBFORMAT from './notebooks/NotebookExample1.ipynb.json';
+const NotebookServiceManagerExample = () => {
     const [serverless, setServerless] = useState(true);
     const [readonly, setReadonly] = useState(true);
     const [serviceManager, setServiceManager] = useState(new ServiceManagerLess());
@@ -30,11 +30,11 @@ const NotebookServiceManager = () => {
             setServiceManager(serviceManager);
         }
     };
-    return (_jsxs(JupyterReactTheme, { children: [_jsxs(Box, { display: "flex", children: [_jsx(Box, { children: _jsx(Button, { onClick: e => changeServiceManager(), children: "Change the Service Manager" }) }), _jsxs(Box, { ml: 3, children: ["Token: ", serviceManager.serverSettings.token] })] }), _jsx(Notebook, { extensions: extensions, nbformat: nbformat, serviceManager: serviceManager, serverless: serverless, readonly: readonly, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+    return (_jsxs(JupyterReactTheme, { children: [_jsxs(Box, { display: "flex", children: [_jsx(Box, { children: _jsx(Button, { onClick: e => changeServiceManager(), children: "Change the Service Manager" }) }), _jsxs(Box, { ml: 3, children: ["Token: ", serviceManager.serverSettings.token] })] }), _jsx(Notebook, { extensions: extensions, nbformat: NBFORMAT, serviceManager: serviceManager, serverless: serverless, readonly: readonly, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
                 , Toolbar: NotebookToolbar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookServiceManager, {}));
+root.render(_jsx(NotebookServiceManagerExample, {}));
 //# sourceMappingURL=NotebookServiceManager.js.map

package/lib/examples/NotebookServiceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,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,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,IAAI,kBAAkB,EAAE,CACzB,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,cAAc,GAAG,oBAAoB,CACzC,mBAAmB,EAAE,EACrB,qBAAqB,EAAE,CACxB,CAAC;YACF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YAC9D,iBAAiB,CAAC,cAAqB,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,cAAc,GAAG,IAAI,kBAAkB,EAAE,CAAC;YAChD,iBAAiB,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,oBAAoB,EAAE,2CAEnC,GACL,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,wBAAU,cAAc,CAAC,cAAc,CAAC,KAAK,IAAO,IAC1D,EACN,KAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAA4B,EACtC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,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,sBAAsB,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,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,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,6BAA6B,GAAG,GAAG,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,IAAI,kBAAkB,EAAE,CACzB,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,cAAc,GAAG,oBAAoB,CACzC,mBAAmB,EAAE,EACrB,qBAAqB,EAAE,CACxB,CAAC;YACF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YAC9D,iBAAiB,CAAC,cAAqB,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,cAAc,GAAG,IAAI,kBAAkB,EAAE,CAAC;YAChD,iBAAiB,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,oBAAoB,EAAE,2CAEnC,GACL,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,wBAAU,cAAc,CAAC,cAAc,CAAC,KAAK,IAAO,IAC1D,EACN,KAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAA4B,EACtC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,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,6BAA6B,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookSkeleton.js

@@ -12,9 +12,10 @@ import { Notebook } from '../components/notebook/Notebook';
 import { Jupyter } from '../jupyter/Jupyter';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
 const NOTEBOOK_ID = 'notebook-id';
+const NotebookSkeletonExample = () => (_jsx(Jupyter, { skeleton: _jsx(ContentLoader, { count: 3 }), children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(Jupyter, { skeleton: _jsx(ContentLoader, { count: 3 }), children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
+root.render(_jsx(NotebookSkeletonExample, {}));
 //# sourceMappingURL=NotebookSkeleton.js.map

package/lib/examples/NotebookSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookSkeleton.js","sourceRoot":"","sources":["../../src/examples/NotebookSkeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,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,QAAQ,EAAE,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,GAAI,YAC5C,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC"}
+{"version":3,"file":"NotebookSkeleton.js","sourceRoot":"","sources":["../../src/examples/NotebookSkeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CACpC,KAAC,OAAO,IAAC,QAAQ,EAAE,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,GAAI,YAC5C,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,GACM,CACX,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,uBAAuB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookTOC.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/{NotebookToc.js → NotebookTOC.js}

@@ -1,15 +1,21 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
 import { useMemo, useState } from 'react';
 import { createRoot } from 'react-dom/client';
+import { Button } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 import { Notebook } from '../components/notebook/Notebook';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from '../components/notebook/toolbar/NotebookToolbar';
 import { TocExtension } from './extensions/toc/TocExtension';
 import { ReactLayoutFactory } from './extensions/toc/ReactLayoutFactory';
-import nbformat from './notebooks/NotebookToCExample.ipynb.json';
-import { Box, Button } from '@primer/react';
 import { JupyterLayoutFactory } from './extensions/toc/JupyterLayoutFactory';
-const NotebookToc = () => {
+import NBFORMAT from './notebooks/NotebookToCExample.ipynb.json';
+const NotebookTOCExample = () => {
     const [layout, setLayout] = useState('jupyter');
     const extensions = useMemo(() => [
         new TocExtension({
@@ -20,11 +26,11 @@ const NotebookToc = () => {
     ], [layout]);
     return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { children: _jsxs(Button, { onClick: () => {
                         setLayout(layout === 'react' ? 'jupyter' : 'react');
-                    }, children: ["Use ", layout === 'react' ? 'Jupyter' : 'React', " Layout"] }) }), _jsx(Notebook, { nbformat: nbformat, extensions: extensions, id: "notebook-toc-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+                    }, children: ["Use ", layout === 'react' ? 'Jupyter' : 'React', " Layout"] }) }), _jsx(Notebook, { nbformat: NBFORMAT, extensions: extensions, id: "notebook-toc-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
                 , Toolbar: NotebookToolbar, serverless: true }, layout)] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookToc, {}));
-//# sourceMappingURL=NotebookToc.js.map
+root.render(_jsx(NotebookTOCExample, {}));
+//# sourceMappingURL=NotebookTOC.js.map

package/lib/examples/NotebookTOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookTOC.js","sourceRoot":"","sources":["../../src/examples/NotebookTOC.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAErE,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC;QACJ,IAAI,YAAY,CAAC;YACf,OAAO,EACL,MAAM,KAAK,OAAO;gBAChB,CAAC,CAAC,IAAI,kBAAkB,EAAE;gBAC1B,CAAC,CAAC,IAAI,oBAAoB,EAAE;SACjC,CAAC;KACH,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,cACF,MAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;oBACtD,CAAC,qBAEI,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,eACtC,GACL,EACN,KAAC,QAAQ,IAEP,QAAQ,EAAE,QAA4B,EACtC,UAAU,EAAE,UAAU,EACtB,EAAE,EAAC,iBAAiB,EACpB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,OAAO,EAAE,eAAe,EACxB,UAAU,UANL,MAAM,CAOX,IACgB,CACrB,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,kBAAkB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookTheme.js

@@ -1,13 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text, ToggleSwitch, theme as primerTheme } from '@primer/react';
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { createRoot } from 'react-dom/client';
+import { Text, ToggleSwitch, theme as primerTheme } from '@primer/react';
 import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
 import { jupyterLabTheme, JupyterReactTheme } from '../theme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookTheme = () => {
+import NBFORMAT from './notebooks/NotebookExample1.ipynb.json';
+const NotebookThemeExample = () => {
     const [theme, setTheme] = useState(jupyterLabTheme);
     const [isOn, setIsOn] = useState(false);
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
@@ -25,11 +30,11 @@ const NotebookTheme = () => {
     const handleSwitchChange = useCallback((on) => {
         setIsOn(on);
     }, []);
-    return (_jsx(_Fragment, { children: _jsxs(JupyterReactTheme, { theme: theme, children: [_jsx(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: "Primer Theme" }), _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).
+    return (_jsx(_Fragment, { children: _jsxs(JupyterReactTheme, { theme: theme, children: [_jsx(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: "Primer Theme" }), _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).
                     , extensions: extensions, Toolbar: NotebookToolbar, startDefaultKernel: true })] }) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookTheme, {}));
+root.render(_jsx(NotebookThemeExample, {}));
 //# sourceMappingURL=NotebookTheme.js.map

package/lib/examples/NotebookTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookTheme.js","sourceRoot":"","sources":["../../src/examples/NotebookTheme.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,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,eAAe,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAM,eAAe,CAAC,CAAC;IACzD,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,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;IACH,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,iBAAiB,IAAC,KAAK,EAAE,KAAK,aAC7B,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,6BAGA,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,EACxB,kBAAkB,SAClB,IACgB,GACnB,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,aAAa,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookTheme.js","sourceRoot":"","sources":["../../src/examples/NotebookTheme.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,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAM,eAAe,CAAC,CAAC;IACzD,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,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;IACH,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,iBAAiB,IAAC,KAAK,EAAE,KAAK,aAC7B,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,6BAGA,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,EACxB,kBAAkB,SAClB,IACgB,GACnB,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,oBAAoB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookThemeColormode.js

@@ -12,8 +12,8 @@ import { useJupyter } from '../jupyter';
 import { CellSidebarExtension, Notebook2, NotebookToolbar, } from '../components';
 import { useJupyterReactStore } from '../state';
 import { jupyterLabTheme, JupyterReactTheme } from '../theme';
-import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookThemeColormode = () => {
+import NBFORMAT from './notebooks/NotebookExample1.ipynb.json';
+const NotebookThemeColormodeExample = () => {
     const { serviceManager } = useJupyter();
     const { colormode, setColormode } = useJupyterReactStore();
     const [theme, setTheme] = useState(jupyterLabTheme);
@@ -48,11 +48,11 @@ const NotebookThemeColormode = () => {
     const handleSwitchChange = useCallback((on) => {
         setIsOn(on);
     }, []);
-    return (_jsx(_Fragment, { children: _jsxs(JupyterReactTheme, { theme: theme, 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).
+    return (_jsx(_Fragment, { children: _jsxs(JupyterReactTheme, { theme: theme, 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).
                     , extensions: extensions, Toolbar: NotebookToolbar }))] }) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookThemeColormode, {}));
+root.render(_jsx(NotebookThemeColormodeExample, {}));
 //# sourceMappingURL=NotebookThemeColormode.js.map

package/lib/examples/NotebookThemeColormode.js.map

@@ -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;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,oBAAoB,EACpB,SAAS,EACT,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE9D,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAM,eAAe,CAAC,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,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,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,MAAM,uBAAuB,GAAG,WAAW,CAAC,CAAC,EAAW,EAAE,EAAE;QAC1D,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;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,iBAAiB,IAAC,KAAK,EAAE,KAAK,aAC7B,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACR,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,6BAGA,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,uBAAuB,EACjC,OAAO,EAAE,SAAS,EAClB,mBAAmB,EAAC,KAAK,qBACT,oBAAoB,GACpC,IACE,EACN,MAAC,GAAG,eACF,MAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,aAEJ,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aACpC,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAC,KAAK,qBACT,yBAAyB,GACzC,IACE,IACF,EACL,cAAc,IAAI,CACjB,KAAC,SAAS,IACR,QAAQ,EAAE,QAA4B,EACtC,cAAc,EAAE,cAAc,EAC9B,kBAAkB,QAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;sBAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,CACH,IACiB,GACnB,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,sBAAsB,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookThemeColormode.js","sourceRoot":"","sources":["../../src/examples/NotebookThemeColormode.tsx"],"names":[],"mappings":"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"}

package/lib/examples/NotebookURL.js

@@ -11,9 +11,10 @@ import { Notebook } from '../components/notebook/Notebook';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
 const NOTEBOOK_ID = 'notebook-id';
+const NotebookURLExample = () => (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { id: NOTEBOOK_ID, startDefaultKernel: true, url: "https://raw.githubusercontent.com/datalayer/jupyter-ui/main/packages/react/src/examples/notebooks/IPyWidgetsExampleWithState.ipynb.json", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(JupyterReactTheme, { children: _jsx(Notebook, { url: "https://raw.githubusercontent.com/datalayer/jupyter-ui/main/packages/react/src/examples/notebooks/IPyWidgetsExampleWithState.ipynb.json", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
+root.render(_jsx(NotebookURLExample, {}));
 //# sourceMappingURL=NotebookURL.js.map

package/lib/examples/NotebookURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookURL.js","sourceRoot":"","sources":["../../src/examples/NotebookURL.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,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,QAAQ,IACP,GAAG,EAAC,yIAAyI,EAC7I,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC"}
+{"version":3,"file":"NotebookURL.js","sourceRoot":"","sources":["../../src/examples/NotebookURL.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,EAAE,EAAE,WAAW,EACf,kBAAkB,QAClB,GAAG,EAAC,yIAAyI,EAC7I,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,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,kBAAkB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookUnmount.js

@@ -1,14 +1,20 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button } from '@primer/react';
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
 import { useEffect, useMemo, useState } from 'react';
 import { createRoot } from 'react-dom/client';
+import { Button } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
 import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
 import { useJupyter } from '../jupyter/JupyterContext';
-import Kernel from '../jupyter/kernel/Kernel';
+import { Kernel } from '../jupyter/kernel/Kernel';
 import { JupyterReactTheme } from '../theme/JupyterReactTheme';
-import notebook from './notebooks/NotebookExample1.ipynb.json';
-const NotebookUnmount = () => {
+import NOTEBOOK from './notebooks/NotebookExample1.ipynb.json';
+const NotebookUnmountExample = () => {
     const { kernelManager, serviceManager } = useJupyter();
     const [showNotebook, setShowNotebook] = useState(false);
     const [kernel, setKernel] = useState();
@@ -34,12 +40,12 @@ const NotebookUnmount = () => {
     const unmount = () => {
         setShowNotebook(false);
     };
-    return (_jsx(_Fragment, { children: showNotebook && kernel ? (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: unmount, children: "Unmount" }) }), _jsx(Notebook, { nbformat: notebook, id: "notebook-unmount-id", 
-                    //                kernel={kernel}
+    return (_jsx(JupyterReactTheme, { children: showNotebook && kernel ? (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: unmount, children: "Unmount" }) }), _jsx(Notebook, { id: "notebook-unmount-id", startDefaultKernel: true, nbformat: NOTEBOOK, 
+                    // kernel={kernel}
                     height: "700px", extensions: extensions })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { children: "The Notebook React.js component is not mounted." }), _jsx(Box, { children: "The connections to the Kernel should not happen any more - Check the Network tab in your Browser Devtools." })] })) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(JupyterReactTheme, { children: _jsx(NotebookUnmount, {}) }));
+root.render(_jsx(NotebookUnmountExample, {}));
 //# sourceMappingURL=NotebookUnmount.js.map

package/lib/examples/NotebookUnmount.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookUnmount.js","sourceRoot":"","sources":["../../src/examples/NotebookUnmount.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,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,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,aAAa,EAAE,CAAC;YACpC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;gBACxB,aAAa;gBACb,UAAU,EAAE,eAAe;gBAC3B,cAAc,EAAE,QAAQ;gBACxB,kBAAkB,EAAE,cAAc,CAAC,WAAW;gBAC9C,cAAc,EAAE,cAAc,CAAC,QAAQ;aACxC,CAAC,CAAC;YACH,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,MAAM,EAAE,CAAC;YAC5B,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACL,4BACG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,CACxB,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,wBAE9C,GACL,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,qBAAqB;oBACxB,iCAAiC;oBACjC,MAAM,EAAC,OAAO,EACd,UAAU,EAAE,UAAU,GACtB,IACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,GAAG,kEAAsD,EAC1D,KAAC,GAAG,6HAGE,IACL,CACJ,GACA,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,eAAe,KAAG,GACD,CACrB,CAAC"}
+{"version":3,"file":"NotebookUnmount.js","sourceRoot":"","sources":["../../src/examples/NotebookUnmount.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,aAAa,EAAE,CAAC;YACpC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;gBACxB,aAAa;gBACb,UAAU,EAAE,eAAe;gBAC3B,cAAc,EAAE,QAAQ;gBACxB,kBAAkB,EAAE,cAAc,CAAC,WAAW;gBAC9C,cAAc,EAAE,cAAc,CAAC,QAAQ;aACxC,CAAC,CAAC;YACH,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,MAAM,EAAE,CAAC;YAC5B,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,cACf,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,CACxB,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,wBAE9C,GACL,EACN,KAAC,QAAQ,IACP,EAAE,EAAC,qBAAqB,EACxB,kBAAkB,QAClB,QAAQ,EAAE,QAA4B;oBACtC,kBAAkB;oBAClB,MAAM,EAAC,OAAO,EACd,UAAU,EAAE,UAAU,GACtB,IACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,GAAG,kEAAsD,EAC1D,KAAC,GAAG,6HAGE,IACL,CACJ,GACiB,CACrB,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,sBAAsB,KAAG,CAAC,CAAC"}

package/lib/examples/ObservableHQ.js

@@ -10,7 +10,7 @@ import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
 import { Jupyter } from '../jupyter/Jupyter';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-const ObservableHQ = () => {
+const ObservableHQExample = () => {
     const extensions = useMemo(() => [new CellSidebarExtension()], []);
     return (_jsx(Jupyter, { defaultKernelName: "deno", children: _jsx(Notebook, { path: "deno/display-js/Observable Plot.ipynb", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
             , Toolbar: NotebookToolbar, extensions: extensions }) }));
@@ -18,5 +18,5 @@ const ObservableHQ = () => {
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(ObservableHQ, {}));
+root.render(_jsx(ObservableHQExample, {}));
 //# sourceMappingURL=ObservableHQ.js.map

package/lib/examples/ObservableHQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObservableHQ.js","sourceRoot":"","sources":["../../src/examples/ObservableHQ.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,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,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,OAAO,IAAC,iBAAiB,EAAC,MAAM,YAC/B,KAAC,QAAQ,IACP,IAAI,EAAC,uCAAuC,EAC5C,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,UAAU,GACtB,GACM,CACX,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,YAAY,KAAG,CAAC,CAAC"}
+{"version":3,"file":"ObservableHQ.js","sourceRoot":"","sources":["../../src/examples/ObservableHQ.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,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,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CACL,KAAC,OAAO,IAAC,iBAAiB,EAAC,MAAM,YAC/B,KAAC,QAAQ,IACP,IAAI,EAAC,uCAAuC,EAC5C,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,UAAU,GACtB,GACM,CACX,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,mBAAmB,KAAG,CAAC,CAAC"}

package/lib/examples/OutputIPyWidgets.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright (c) 2021-2023 Datalayer, Inc.
  *
@@ -10,10 +10,10 @@ import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import OutputIPyWidgets from '../components/output/OutputIPyWidgets';
 import { view, state } from './notebooks/OutputIPyWidgetsExample';
 const OutputIPyWidgetsExample = () => {
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Output IPyWidgets" }), _jsx(OutputIPyWidgets, { view: view, state: state })] }));
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Text, { as: "h1", children: "Output IPyWidgets" }), _jsx(OutputIPyWidgets, { view: view, state: state })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(JupyterReactTheme, { children: _jsx(OutputIPyWidgetsExample, {}) }));
+root.render(_jsx(OutputIPyWidgetsExample, {}));
 //# sourceMappingURL=OutputIPyWidgets.js.map

package/lib/examples/OutputIPyWidgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutputIPyWidgets.js","sourceRoot":"","sources":["../../src/examples/OutputIPyWidgets.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,kCAAyB,EACtC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,IAC7C,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;AAE/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAC7B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,cAChB,KAAC,uBAAuB,KAAG,GACT,CACrB,CAAC"}
+{"version":3,"file":"OutputIPyWidgets.js","sourceRoot":"","sources":["../../src/examples/OutputIPyWidgets.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,kCAAyB,EACtC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,IAC5B,CACrB,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;AAE/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAC7B,IAAI,CAAC,MAAM,CAAC,KAAC,uBAAuB,KAAG,CAAC,CAAC"}

package/lib/examples/OutputWithMonitoring.js

@@ -27,7 +27,7 @@ const SOURCE_ID_4 = 'output-id-4';
 const SOURCE_4 = "import warnings; warnings.warn('This is a warning message'); print('See warning in output!')";
 const SOURCE_ID_5 = 'output-id-5';
 const SOURCE_5 = 'print(2+2)';
-const OutputWithMonitoring = ({ title, id, code, output, }) => {
+const OutputWithMonitoringView = ({ title, id, code, output, }) => {
     const { defaultKernel } = useJupyter();
     const outputStore = useOutputsStore();
     const [execTrigger, setExecTrigger] = useState(0);
@@ -74,8 +74,9 @@ const OutputWithMonitoring = ({ title, id, code, output, }) => {
                             return (_jsx("p", { style: { textAlign: 'left' }, children: logEntry }, index));
                         }) })] }), _jsx(Output, { autoRun: false, code: code, id: id, kernel: defaultKernel, executeTrigger: execTrigger, outputs: output ? output : [], onExecutionPhaseChanged: handleExecutionPhaseChanged, suppressCodeExecutionErrors: true, showEditor: true })] }));
 };
+const OutputWithMonitoringExample = () => (_jsxs(Jupyter, { startDefaultKernel: true, children: [_jsx(OutputWithMonitoringView, { title: "Output with error code", id: SOURCE_ID_1, code: SOURCE_1 }, "1"), _jsx(OutputWithMonitoringView, { title: "Output with correct code", id: SOURCE_ID_2, code: SOURCE_2, output: OUTPUTS_2 }, "2"), _jsx(OutputWithMonitoringView, { title: "Code with no output", id: SOURCE_ID_3, code: SOURCE_3 }, "3"), _jsx(OutputWithMonitoringView, { title: "Code generating warning", id: SOURCE_ID_4, code: SOURCE_4 }, "4"), _jsx(OutputWithMonitoringView, { title: "Code with stream output", id: SOURCE_ID_5, code: SOURCE_5 }, "5")] }));
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsxs(Jupyter, { startDefaultKernel: true, children: [_jsx(OutputWithMonitoring, { title: "Output with error code", id: SOURCE_ID_1, code: SOURCE_1 }, "1"), _jsx(OutputWithMonitoring, { title: "Output with correct code", id: SOURCE_ID_2, code: SOURCE_2, output: OUTPUTS_2 }, "2"), _jsx(OutputWithMonitoring, { title: "Code with no output", id: SOURCE_ID_3, code: SOURCE_3 }, "3"), _jsx(OutputWithMonitoring, { title: "Code generating warning", id: SOURCE_ID_4, code: SOURCE_4 }, "4"), _jsx(OutputWithMonitoring, { title: "Code with stream output", id: SOURCE_ID_5, code: SOURCE_5 }, "5")] }));
+root.render(_jsx(OutputWithMonitoringExample, {}));
 //# sourceMappingURL=OutputWithMonitoring.js.map

package/lib/examples/OutputWithMonitoring.js.map

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