@datalayer/jupyter-react 0.19.3 → 0.19.5

package/lib/examples/NotebookLite.js

@@ -1,25 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { createRoot } from 'react-dom/client';
-import { useState } from 'react';
 import { Box, Text } from '@primer/react';
+import { useMemo, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension, KernelIndicator, Notebook } from '../components';
 import { JupyterReactTheme } from '../theme';
-import { Notebook, KernelIndicator } from '../components';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
 const NotebookLite = () => {
     const [session, setSession] = useState();
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
     const onSessionConnection = (session) => {
         console.log('Received a Kernel Session.', session?.id, session?.kernel?.clientId);
         setSession(session);
     };
     return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook with a Lite Kernel" }), _jsxs(Box, { display: "flex", children: [_jsx(Box, { children: _jsx(Text, { children: "Kernel Indicator" }) }), _jsx(Box, { ml: 3, children: _jsx(KernelIndicator, { kernel: session?.kernel }) })] }), _jsx(Notebook, { startDefaultKernel: true, lite: true, nbformat: nbformat, id: "notebook-lite-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-                , onSessionConnection: onSessionConnection, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
+                , onSessionConnection: onSessionConnection, extensions: extensions, Toolbar: NotebookToolbar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

package/lib/examples/NotebookLite.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookLite.js","sourceRoot":"","sources":["../../src/examples/NotebookLite.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAA8B,CAAC;IACrE,MAAM,mBAAmB,GAAwB,CAAC,OAA+C,EAAE,EAAE;QACnG,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAClF,UAAU,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAA;IACD,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,sDAA4C,EACxD,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,cAAC,KAAC,IAAI,mCAAwB,GAAM,EACxC,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,eAAe,IAAC,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,GACvC,IACF,EACN,KAAC,QAAQ,IACP,kBAAkB,EAAE,IAAI,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,kBAAkB,EACrB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,CAAA;AACH,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":"NotebookLite.js","sourceRoot":"","sources":["../../src/examples/NotebookLite.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAA8B,CAAC;IACrE,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,UAAU,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,sDAA4C,EACxD,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,cACF,KAAC,IAAI,mCAAwB,GACzB,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,eAAe,IAAC,MAAM,EAAE,OAAO,EAAE,MAAM,GAAI,GACxC,IACF,EACN,KAAC,QAAQ,IACP,kBAAkB,EAAE,IAAI,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,kBAAkB,EACrB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,mBAAmB,EAAE,mBAAmB,EACxC,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,YAAY,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookLiteContext.js

@@ -1,18 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { createRoot } from 'react-dom/client';
 import { Box } from '@primer/react';
-import { Jupyter } from '../jupyter/Jupyter';
+import { useMemo } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
+import { Jupyter } from '../jupyter/Jupyter';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookLite = () => (_jsxs(Jupyter, { lite: true, children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook with a Lite Kernel (with a Jupyter Context)" }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-lite-context-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-            , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
+const NotebookLite = () => {
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
+    return (_jsxs(Jupyter, { lite: true, children: [_jsx(Box, { as: "h1", children: "A Jupyter Notebook with a Lite Kernel (with a Jupyter Context)" }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-lite-context-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);

package/lib/examples/NotebookLiteContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookLiteContext.js","sourceRoot":"","sources":["../../src/examples/NotebookLiteContext.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,MAAC,OAAO,IAAC,IAAI,mBACX,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,+EAAqE,EACjF,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,0BAA0B,EAC7B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACM,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,YAAY,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookLiteContext.js","sourceRoot":"","sources":["../../src/examples/NotebookLiteContext.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,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;AACnF,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,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,MAAC,OAAO,IAAC,IAAI,mBACX,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,+EAEN,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,0BAA0B,EAC7B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,GACxB,IACM,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"}

package/lib/examples/NotebookLocalServer.js

@@ -4,22 +4,25 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  *
  * MIT License
  */
-import { createRoot } from 'react-dom/client';
 import { Text } from '@primer/react';
+import { useMemo } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { Notebook } from '../components/notebook/Notebook';
 import { Jupyter, useJupyter } from '../jupyter';
 import { JupyterReactTheme } from '../theme';
-import { Notebook } from '../components/notebook/Notebook';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
 const NotebookJupyter = () => (_jsx(Jupyter, { jupyterServerUrl: "http://localhost:8686/api/jupyter-server", jupyterServerToken: "60c1661cc408f978c309d04157af55c9588ff9557c9380e4fb50785750703da6", startDefaultKernel: true, children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: "notebook-jupyter-id", height: "calc(100vh - 250px)" // (Height - Toolbar Height).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
+        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 const NotebookJupyterReactTheme = () => {
     useJupyter({
-        jupyterServerUrl: "http://localhost:8686/api/jupyter-server",
-        jupyterServerToken: "60c1661cc408f978c309d04157af55c9588ff9557c9380e4fb50785750703da6",
+        jupyterServerUrl: 'http://localhost:8686/api/jupyter-server',
+        jupyterServerToken: '60c1661cc408f978c309d04157af55c9588ff9557c9380e4fb50785750703da6',
     });
+    const extensions = useMemo(() => [new CellSidebarExtension({ factory: CellSidebarButton })], []);
     return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { startDefaultKernel: true, path: "ipywidgets.ipynb", id: "notebook-jupyter-react-themeid", height: "calc(100vh - 250px)" // (Height - Toolbar Height).
-            , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
+            , extensions: extensions, Toolbar: NotebookToolbar }) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

package/lib/examples/NotebookLocalServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookLocalServer.js","sourceRoot":"","sources":["../../src/examples/NotebookLocalServer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAE1F,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC5B,KAAC,OAAO,IACN,gBAAgB,EAAC,0CAA0C,EAC3D,kBAAkB,EAAC,kEAAkE,EACrF,kBAAkB,kBAElB,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAC,qBAAqB,EACxB,MAAM,EAAC,qBAAqB,CAAC,6BAA6B;UAC1D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAA;AAED,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,UAAU,CAAC;QACT,gBAAgB,EAAE,0CAA0C;QAC5D,kBAAkB,EAAE,kEAAkE;KACvF,CAAC,CAAA;IACF,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,kBAAkB,QAClB,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAC,gCAAgC,EACnC,MAAM,EAAC,qBAAqB,CAAC,6BAA6B;cAC1D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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,IAAI,IAAC,EAAE,EAAC,IAAI,8DAAqD,EAClE,KAAC,eAAe,KAAE,EAClB,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,kEAAyD,EACtE,KAAC,yBAAyB,KAAE,IAC3B,CACJ,CAAC"}
+{"version":3,"file":"NotebookLocalServer.js","sourceRoot":"","sources":["../../src/examples/NotebookLocalServer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,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,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC5B,KAAC,OAAO,IACN,gBAAgB,EAAC,0CAA0C,EAC3D,kBAAkB,EAAC,kEAAkE,EACrF,kBAAkB,kBAElB,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAC,qBAAqB,EACxB,MAAM,EAAC,qBAAqB,CAAC,6BAA6B;UAC1D,UAAU,EAAE,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EACtE,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,UAAU,CAAC;QACT,gBAAgB,EAAE,0CAA0C;QAC5D,kBAAkB,EAChB,kEAAkE;KACrE,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAChE,EAAE,CACH,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,kBAAkB,QAClB,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAC,gCAAgC,EACnC,MAAM,EAAC,qBAAqB,CAAC,6BAA6B;cAC1D,UAAU,EAAE,UAAU,EACtB,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,CACT,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,8DAAqD,EAClE,KAAC,eAAe,KAAG,EACnB,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,kEAAyD,EACtE,KAAC,yBAAyB,KAAG,IAC5B,CACJ,CAAC"}

package/lib/examples/NotebookNbformat.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
 import { createRoot } from 'react-dom/client';
-import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { Notebook } from '../components/notebook/Notebook';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
+import { useMemo } from 'react';
+import { CellSidebarExtension } from '../components';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookNbformat = () => (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { nbformat: nbformat, id: "notebook-nbformat-id", startDefaultKernel: true, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
+const NotebookNbformat = () => {
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
+    return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { nbformat: nbformat, id: "notebook-nbformat-id", startDefaultKernel: true, 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);

package/lib/examples/NotebookNbformat.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookNbformat.js","sourceRoot":"","sources":["../../src/examples/NotebookNbformat.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,sBAAsB,EACzB,kBAAkB,EAAE,IAAI,EACxB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,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,gBAAgB,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookNbformat.js","sourceRoot":"","sources":["../../src/examples/NotebookNbformat.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,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,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,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,EAAE,QAA4B,EACtC,EAAE,EAAC,sBAAsB,EACzB,kBAAkB,EAAE,IAAI,EACxB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,UAAU,EAAE,UAAU,EACtB,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"}

package/lib/examples/NotebookNbformatChange.js

@@ -1,27 +1,25 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { useState } from 'react';
-import { createRoot } from 'react-dom/client';
 import { Box, Button, ButtonGroup } from '@primer/react';
-import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { useMemo, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import useNotebookStore from '../components/notebook/NotebookState';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import nbformat1 from './notebooks/NotebookExample1.ipynb.json';
 import nbformat2 from './notebooks/NotebookExample2.ipynb.json';
 const NOTEBOOK_ID = 'notebook-model-change-id';
 const NotebookNbformatChange = () => {
     const notebookStore = useNotebookStore();
     const [nbformat, setNbformat] = useState(nbformat1);
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
     const changeNbformat = () => {
-        console.log('Notebook Nbformat from store', notebookStore.notebooks.get(NOTEBOOK_ID)?.model?.toJSON());
+        console.log('Notebook Nbformat from store', notebookStore.notebooks
+            .get(NOTEBOOK_ID)
+            ?.model?.toJSON());
         nbformat === nbformat1 ? setNbformat(nbformat2) : setNbformat(nbformat1);
     };
-    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", CellSidebar: CellSidebar })] }));
+    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 })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

package/lib/examples/NotebookNbformatChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookNbformatChange.js","sourceRoot":"","sources":["../../src/examples/NotebookNbformatChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAEhE,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,SAAS,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,CAAC,GAAG,CACT,8BAA8B,EAC9B,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAsB,CAC9E,CAAC;QACF,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC3E,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,WAAW,EAAE,WAAW,GACxB,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"}
+{"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;AAC/D,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAEhE,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,SAAS,CAAC,CAAC;IACpD,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,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC3E,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,GACtB,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"}

package/lib/examples/NotebookNoContext.js

@@ -5,15 +5,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
 import { Notebook } from '../components/notebook/Notebook';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { CellSidebarExtension } from '../components';
 const NOTEBOOK_ID = 'notebook-id';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
 const colormode = 'light';
 root.render(_jsx(JupyterReactTheme, { colormode: colormode, children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
+        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 //# sourceMappingURL=NotebookNoContext.js.map

package/lib/examples/NotebookNoContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookNoContext.js","sourceRoot":"","sources":["../../src/examples/NotebookNoContext.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAE1F,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,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,YACrC,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC"}
+{"version":3,"file":"NotebookNoContext.js","sourceRoot":"","sources":["../../src/examples/NotebookNoContext.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,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;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,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,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,YACrC,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"}

package/lib/examples/NotebookNoPrimer.js

@@ -5,14 +5,15 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { Notebook } from '../components/notebook/Notebook';
-import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebarExtension } from '../components';
 import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { Notebook } from '../components/notebook/Notebook';
 import { JupyterLabCss } from '../theme';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
 const NOTEBOOK_ID = 'notebook-id';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsxs(_Fragment, { children: [_jsx(JupyterLabCss, { colormode: 'dark' }), _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-            , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar })] }));
+root.render(_jsxs(_Fragment, { children: [_jsx(JupyterLabCss, { colormode: "dark" }), _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+            , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar })] }));
 //# sourceMappingURL=NotebookNoPrimer.js.map

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,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,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,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,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,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"}

package/lib/examples/NotebookOnSessionConnection.js

@@ -1,19 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { useState } from 'react';
+import { Box, Label, Text } from '@primer/react';
+import { useMemo, useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import { Box, Text, Label } from '@primer/react';
-import { JupyterReactTheme } from '../theme';
+import { CellSidebarExtension, KernelDetective, Notebook, NotebookToolbar, } from '../components';
 import { useJupyter } from '../jupyter';
-import { Notebook, NotebookToolbar, CellSidebar, KernelDetective } from '../components';
+import { JupyterReactTheme } from '../theme';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
 const NotebookOnSessionConnection = () => {
     const { serviceManager } = useJupyter();
     const [sessions, setSessions] = useState([]);
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
     const onSessionConnection = (session) => {
         console.log('Received a Kernel Session.', session?.id, session?.kernel?.clientId);
         if (session) {
@@ -21,9 +17,9 @@ const NotebookOnSessionConnection = () => {
         }
     };
     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 (_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));
+                    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).
-                , onSessionConnection: onSessionConnection, startDefaultKernel: true, cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
+                , onSessionConnection: onSessionConnection, startDefaultKernel: true, extensions: extensions, Toolbar: NotebookToolbar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

package/lib/examples/NotebookOnSessionConnection.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookOnSessionConnection.js","sourceRoot":"","sources":["../../src/examples/NotebookOnSessionConnection.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAExF,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,CAAoC,EAAE,CAAC,CAAC;IAChF,MAAM,mBAAmB,GAAwB,CAAC,OAA+C,EAAE,EAAE;QACnG,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAClF,IAAI,OAAO,EAAE;YACX,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SACvC;IACH,CAAC,CAAA;IACD,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,gEAAsD,EAClE,KAAC,eAAe,IAAC,cAAc,EAAE,cAAc,GAAG,EAClD,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,eAAC,KAAC,KAAK,0BAAgB,OAAE,OAAO,CAAC,IAAI,OAAG,OAAO,CAAC,EAAE,OAAE,KAAC,KAAK,yBAAe,gBAAW,OAAO,CAAC,MAAM,EAAE,QAAQ,YAAQ,OAAO,CAAC,MAAM,EAAE,EAAE,IAAQ,IAD3I,OAAO,CAAC,EAAE,CAEd,CACP,CAAA;gBACH,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,EAAE,IAAI,EACxB,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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,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;YACX,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SACvC;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,EAAE,IAAI,EACxB,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"}

package/lib/examples/NotebookPath.js

@@ -5,13 +5,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { CellSidebarExtension } from '../components';
+import CellSidebarButton from '../components/notebook/cell/sidebar/CellSidebarButton';
 import { Notebook } from '../components/notebook/Notebook';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import CellSidebarButton from '../components/notebook/cell/sidebar/CellSidebarButton';
 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).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
+        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);

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,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AAEtF,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,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,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,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"}

package/lib/examples/NotebookPathChange.js

@@ -4,19 +4,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { useState } from 'react';
-import { createRoot } from 'react-dom/client';
 import { Box, Button, Text } from '@primer/react';
-import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { useMemo, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 const PATH_1 = 'ipywidgets.ipynb';
 const PATH_2 = 'matplotlib.ipynb';
 const NotebookPathChange = () => {
     const [path, setPath] = useState(PATH_1);
-    const changePath = () => { path === PATH_1 ? setPath(PATH_2) : setPath(PATH_1); };
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
+    const changePath = () => {
+        path === PATH_1 ? setPath(PATH_2) : 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).
-                , CellSidebar: CellSidebar })] }));
+                , extensions: extensions })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

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,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,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,GAAG,EAAE,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA,CAAC,CAAC,CAAC;IACjF,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,WAAW,EAAE,WAAW,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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,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,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACtD,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"}

package/lib/examples/NotebookReadonly.js

@@ -4,15 +4,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * MIT License
  */
+import { useMemo } from 'react';
 import { createRoot } from 'react-dom/client';
-import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
 const NotebookReadonly = () => {
-    return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { readonly: true, nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-            , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
+    return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { readonly: 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);

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,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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;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,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"}

package/lib/examples/NotebookServiceManager.js

@@ -1,24 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { useState } from 'react';
-import { createRoot } from 'react-dom/client';
 import { ServiceManager } from '@jupyterlab/services';
-import { Button, Box } from '@primer/react';
-import { JupyterReactTheme } from '../theme';
-import { createServerSettings } from '../jupyter/JupyterContext';
-import { getJupyterServerUrl, getJupyterServerToken, ServiceManagerLess } from '../jupyter';
+import { Box, Button } from '@primer/react';
+import { useMemo, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
 import { Notebook } from '../components/notebook/Notebook';
+import { getJupyterServerToken, getJupyterServerUrl, ServiceManagerLess, } from '../jupyter';
+import { createServerSettings } from '../jupyter/JupyterContext';
+import { JupyterReactTheme } from '../theme';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
 const NotebookServiceManager = () => {
     const [serverless, setServerless] = useState(true);
     const [readonly, setReadonly] = useState(true);
     const [serviceManager, setServiceManager] = useState(new ServiceManagerLess());
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
     const changeServiceManager = () => {
         if (serverless) {
             setServerless(false);
@@ -34,8 +30,8 @@ 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, { nbformat: nbformat, serviceManager: serviceManager, serverless: serverless, readonly: readonly, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-                , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
+    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);

package/lib/examples/NotebookServiceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAG,GAAG,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,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,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;IAC/E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE;YACd,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,cAAc,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAC5F,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YAC9D,iBAAiB,CAAC,cAAqB,CAAC,CAAC;SAC1C;aAAM;YACL,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;SACnC;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,wBACA,cAAc,CAAC,cAAc,CAAC,KAAK,IACvC,IACF,EACN,KAAC,QAAQ,IACP,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,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,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;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;YACd,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;SAC1C;aAAM;YACL,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;SACnC;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"}

package/lib/examples/NotebookSkeleton.js

@@ -4,16 +4,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { createRoot } from 'react-dom/client';
 import { ContentLoader } from '@datalayer/primer-addons';
-import { Jupyter } from '../jupyter/Jupyter';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
 import { Notebook } from '../components/notebook/Notebook';
+import { Jupyter } from '../jupyter/Jupyter';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
 const NOTEBOOK_ID = 'notebook-id';
 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).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
+        , extensions: [new CellSidebarExtension({ factory: CellSidebarButton })], Toolbar: NotebookToolbar }) }));
 //# 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,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAE1F,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,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,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,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"}

package/lib/examples/NotebookTheme.js

@@ -1,21 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
- *
- * MIT License
- */
-import { useCallback, useEffect, useState } from 'react';
-import { createRoot } from 'react-dom/client';
 import { Text, ToggleSwitch, theme as primerTheme } from '@primer/react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CellSidebarExtension } from '../components';
+import { Notebook } from '../components/notebook/Notebook';
 import { Jupyter } from '../jupyter/Jupyter';
 import { jupyterTheme } from '../theme/JupyterPrimerTheme';
-import { Notebook } from '../components/notebook/Notebook';
 import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
-import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
 const NotebookTheme = () => {
     const [theme, setTheme] = useState(jupyterTheme);
     const [isOn, setIsOn] = useState(false);
+    const extensions = useMemo(() => [new CellSidebarExtension()], []);
     const onClick = useCallback(() => {
         setIsOn(!isOn);
     }, [isOn]);
@@ -31,7 +27,7 @@ const NotebookTheme = () => {
         setIsOn(on);
     }, []);
     return (_jsx(_Fragment, { children: _jsxs(Jupyter, { 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).
-                    , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }) }));
+                    , extensions: extensions, Toolbar: NotebookToolbar })] }) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

package/lib/examples/NotebookTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookTheme.js","sourceRoot":"","sources":["../../src/examples/NotebookTheme.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAGzE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,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;YACR,QAAQ,CAAC,WAAW,CAAC,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,CAAC;SACxB;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,OAAO,IAAC,KAAK,EAAE,KAAK,aACnB,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,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,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,aAAa,KAAG,CAAC,CAAC"}
+{"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;AAEzE,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,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,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,CAAQ,YAAY,CAAC,CAAC;IACxD,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;YACR,QAAQ,CAAC,WAAW,CAAC,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,CAAC;SACxB;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,OAAO,IAAC,KAAK,EAAE,KAAK,aACnB,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,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,aAAa,KAAG,CAAC,CAAC"}