Release: 0 18 8 and 0.18.09 (#316)

* release: 0.18.8

* bump: version

packages/react/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@datalayer/jupyter-react",
- "version": "0.18.7",
+ "version": "0.18.9",
  "description": "Jupyter React - React.js components 100% compatible with Jupyter.",
  "license": "MIT",
  "main": "lib/index.js",

packages/react/src/examples/NotebookURL.tsx

@@ -0,0 +1,30 @@
+/*
+ * 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 { 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(
+ <JupyterReactTheme>
+ <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).
+ cellSidebarMargin={60}
+ CellSidebar={CellSidebarButton}
+ Toolbar={NotebookToolbar}
+ />
+ </JupyterReactTheme>
+);

packages/react/webpack.config.js

@@ -42,7 +42,7 @@ const ENTRY =
  // './src/examples/Lumino';
  // './src/examples/Matplotlib';
  // './src/examples/Notebook';
- // './src/examples/NotebookUrl';
+ // './src/examples/NotebookURL';
  // './src/examples/NotebookColorMode';
  // './src/examples/NotebookKernelChange';
  // './src/examples/NotebookLite';