@datalayer/jupyter-react 0.0.1

package/lib/examples/controls/ConsoleControl.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+// import { useDispatch } from "react-redux";
+// import Button from '@mui/material/Button';
+// import { selectConsole, consoleActions } from './ConsoleRedux';
+const ConsoleControl = () => {
+    //  const console = selectConsole();
+    //  const dispatch = useDispatch();
+    return (_jsx(_Fragment, { children: _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Console Control" }), void 0) }, void 0));
+};
+export default ConsoleControl;
+//# sourceMappingURL=ConsoleControl.js.map

package/lib/examples/controls/ConsoleControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleControl.js","sourceRoot":"","sources":["../../../src/examples/controls/ConsoleControl.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,6CAA6C;AAC7C,6CAA6C;AAC7C,kEAAkE;AAElE,MAAM,cAAc,GAAa,GAAG,EAAE;IACtC,oCAAoC;IACpC,mCAAmC;IACjC,OAAO,CACL,4BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,mDAExB,WAsBZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/examples/controls/DialogControl.d.ts

@@ -0,0 +1,2 @@
+declare const DialogControl: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default DialogControl;

package/lib/examples/controls/DialogControl.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+const DialogControl = () => {
+    return _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Dialog Control" }), void 0);
+};
+export default DialogControl;
+//# sourceMappingURL=DialogControl.js.map

package/lib/examples/controls/DialogControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogControl.js","sourceRoot":"","sources":["../../../src/examples/controls/DialogControl.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,kDAE/B,CAAA;AACf,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/examples/controls/FileBrowserControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FileBrowserControl: React.FC;
+export default FileBrowserControl;

package/lib/examples/controls/FileBrowserControl.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+// import { useDispatch } from "react-redux";
+// import Button from '@mui/material/Button';
+// import { selectFileBrowser, fileBrowserActions } from './FileBrowserRedux';
+const FileBrowserControl = () => {
+    //  const fileBrowser = selectFileBrowser();
+    //  const dispatch = useDispatch();
+    return (_jsx(_Fragment, { children: _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "FileBrowser Control" }), void 0) }, void 0));
+};
+export default FileBrowserControl;
+//# sourceMappingURL=FileBrowserControl.js.map

package/lib/examples/controls/FileBrowserControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileBrowserControl.js","sourceRoot":"","sources":["../../../src/examples/controls/FileBrowserControl.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,6CAA6C;AAC7C,6CAA6C;AAC7C,8EAA8E;AAE9E,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAC1C,4CAA4C;IAC5C,mCAAmC;IACjC,OAAO,CACL,4BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,uDAExB,WAsBZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAC"}

package/lib/examples/controls/InitControl.d.ts

@@ -0,0 +1,2 @@
+declare const InitControl: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default InitControl;

package/lib/examples/controls/InitControl.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+const InitControl = () => {
+    return _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Init Control" }), void 0);
+};
+export default InitControl;
+//# sourceMappingURL=InitControl.js.map

package/lib/examples/controls/InitControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitControl.js","sourceRoot":"","sources":["../../../src/examples/controls/InitControl.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,gDAE/B,CAAA;AACf,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/examples/controls/NotebookControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const NotebookControl: React.FC;
+export default NotebookControl;

package/lib/examples/controls/NotebookControl.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useDispatch } from "react-redux";
+import Button from '@mui/material/Button';
+import PlayCircleOutline from '@mui/icons-material/PlayCircleOutline';
+import SaveOutlined from '@mui/icons-material/SaveOutlined';
+import Typography from '@mui/material/Typography';
+import { notebookActions } from '../../widgets/notebook/NotebookState';
+const NotebookControl = () => {
+    const dispatch = useDispatch();
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Notebook Control" }), void 0),
+            _jsx(_Fragment, { children: _jsx(Button, Object.assign({ variant: "outlined", color: "secondary", startIcon: _jsx(PlayCircleOutline, {}, void 0), onClick: () => dispatch(notebookActions.run.started()) }, { children: "Execute" }), void 0) }, void 0),
+            _jsx(Button, Object.assign({ variant: "outlined", color: "secondary", startIcon: _jsx(SaveOutlined, {}, void 0), onClick: () => dispatch(notebookActions.save.started()) }, { children: "Save" }), void 0),
+            _jsx(Typography, { variant: "subtitle1", gutterBottom: true }, void 0)] }, void 0));
+};
+export default NotebookControl;
+//# sourceMappingURL=NotebookControl.js.map

package/lib/examples/controls/NotebookControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookControl.js","sourceRoot":"","sources":["../../../src/examples/controls/NotebookControl.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,MAAM,eAAe,GAAa,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,8BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,oDAExB;YACb,4BACE,KAAC,MAAM,kBACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAC,iBAAiB,aAAG,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,qCAG/C,WACR;YACH,KAAC,MAAM,kBACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAC,YAAY,aAAG,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,kCAGhD;YACT,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,YAAY,iBAE/B,YACZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/examples/controls/OutputControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const OutputControl: React.FC;
+export default OutputControl;

package/lib/examples/controls/OutputControl.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+const OutputControl = () => {
+    return (_jsx(_Fragment, { children: _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Output Control" }), void 0) }, void 0));
+};
+export default OutputControl;
+//# sourceMappingURL=OutputControl.js.map

package/lib/examples/controls/OutputControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputControl.js","sourceRoot":"","sources":["../../../src/examples/controls/OutputControl.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,MAAM,aAAa,GAAa,GAAG,EAAE;IACnC,OAAO,CACL,4BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,kDAExB,WACZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}

package/lib/examples/controls/SettingsControl.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SettingsControl: React.FC;
+export default SettingsControl;

package/lib/examples/controls/SettingsControl.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+// import { useDispatch } from "react-redux";
+// import Button from '@mui/material/Button';
+// import { selectSettings, settingsActions } from './SettingsRedux';
+const SettingsControl = () => {
+    //  const settings = selectSettings();
+    //  const dispatch = useDispatch();
+    return (_jsx(_Fragment, { children: _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Settings Control" }), void 0) }, void 0));
+};
+export default SettingsControl;
+//# sourceMappingURL=SettingsControl.js.map

package/lib/examples/controls/SettingsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsControl.js","sourceRoot":"","sources":["../../../src/examples/controls/SettingsControl.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,6CAA6C;AAC7C,6CAA6C;AAC7C,qEAAqE;AAErE,MAAM,eAAe,GAAa,GAAG,EAAE;IACvC,sCAAsC;IACtC,mCAAmC;IACjC,OAAO,CACL,4BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,oDAExB,WAsBZ,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/examples/controls/SimpleControl.d.ts

@@ -0,0 +1,2 @@
+declare const SimpleControl: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SimpleControl;

package/lib/examples/controls/SimpleControl.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+const SimpleControl = () => {
+    return _jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Simple Control" }), void 0);
+};
+export default SimpleControl;
+//# sourceMappingURL=SimpleControl.js.map

package/lib/examples/controls/SimpleControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleControl.js","sourceRoot":"","sources":["../../../src/examples/controls/SimpleControl.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,kDAE/B,CAAA;AACf,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/examples/controls/TerminalControl.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TerminalControl: React.FC;
+export default TerminalControl;

package/lib/examples/controls/TerminalControl.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React from 'react';
+import { useDispatch } from "react-redux";
+import Switch from '@mui/material/Switch';
+import Typography from '@mui/material/Typography';
+import FormGroup from '@mui/material/FormGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import { terminalActions } from '../../widgets/terminal/TerminalState';
+const TerminalControl = () => {
+    const dispatch = useDispatch();
+    const [state, setState] = React.useState({
+        dark: false,
+    });
+    const handleChange = (event) => {
+        dispatch(terminalActions.dark.started(event.target.checked));
+        setState(Object.assign(Object.assign({}, state), { [event.target.name]: event.target.checked }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: "Terminal Control" }), void 0),
+            _jsx(FormGroup, Object.assign({ row: true }, { children: _jsx(FormControlLabel, { control: _jsx(Switch, { checked: state.dark, onChange: handleChange, name: "dark" }, void 0), label: "Dark mode" }, void 0) }), void 0)] }, void 0));
+};
+export default TerminalControl;
+//# sourceMappingURL=TerminalControl.js.map

package/lib/examples/controls/TerminalControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalControl.js","sourceRoot":"","sources":["../../../src/examples/controls/TerminalControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,MAAM,eAAe,GAAa,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;QACvC,IAAI,EAAE,KAAK;KACZ,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7D,QAAQ,iCAAM,KAAK,KAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAAG,CAAC;IACpE,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,oDAExB;YACb,KAAC,SAAS,kBAAC,GAAG,sBACZ,KAAC,gBAAgB,IACf,OAAO,EAAE,KAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,MAAM,WAAG,EAC5E,KAAK,EAAC,WAAW,WACjB,YACQ,YACX,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/examples/examples/cell/CellExample.d.ts

@@ -0,0 +1,2 @@
+declare const CellExample: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CellExample;

package/lib/examples/examples/cell/CellExample.js

@@ -0,0 +1,42 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { selectCell, CellLumino } from '../../../index';
+import CellControl from '../../controls/CellControl';
+/*
+const SOURCE_1 = `import ipywidgets as widgets
+widgets.IntSlider(
+    value=7,
+    min=0,
+    max=10,
+    step=1,
+)`
+*/
+const SOURCE_2 = `from IPython.display import display
+for i in range(3):
+    display('😃 String {} added to the DOM in separated DIV.'.format(i))
+
+import numpy as np
+import matplotlib.pyplot as plt
+x1 = np.linspace(0.0, 5.0)
+x2 = np.linspace(0.0, 2.0)
+y1 = np.cos(2 * np.pi * x1) * np.exp(-x1)
+y2 = np.cos(2 * np.pi * x2)
+fig, (ax1, ax2) = plt.subplots(2, 1)
+fig.suptitle('A tale of 2 subplots')
+ax1.plot(x1, y1, 'o-')
+ax1.set_ylabel('Damped oscillation')
+ax2.plot(x2, y2, '.-')
+ax2.set_xlabel('time (s)')
+ax2.set_ylabel('Undamped')
+plt.show()`;
+const CellPreview = () => {
+    const cell = selectCell();
+    return _jsxs(_Fragment, { children: [_jsxs("div", { children: ["source: ", cell.source] }, void 0),
+            _jsx("br", {}, void 0),
+            _jsxs("div", { children: ["kernel available: ", String(cell.kernelAvailable)] }, void 0),
+            _jsx("br", {}, void 0)] }, void 0);
+};
+const CellExample = () => _jsxs(_Fragment, { children: [_jsx(CellPreview, {}, void 0),
+        _jsx(CellControl, {}, void 0),
+        _jsx(CellLumino, { source: SOURCE_2 }, void 0)] }, void 0);
+export default CellExample;
+//# sourceMappingURL=CellExample.js.map

package/lib/examples/examples/cell/CellExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellExample.js","sourceRoot":"","sources":["../../../../src/examples/examples/cell/CellExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD;;;;;;;;EAQE;AACF,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;WAiBN,CAAC;AAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;IAC1B,OAAO,8BACL,sCAAc,IAAI,CAAC,MAAM,YAAO;YAChC,sBAAK;YACL,gDAAwB,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,YAAO;YAC3D,sBAAK,YACJ,CAAA;AACL,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAE,8BACzB,KAAC,WAAW,aAAE;QACd,KAAC,WAAW,aAAG;QACf,KAAC,UAAU,IAAC,MAAM,EAAE,QAAQ,WAAI,YAC/B,CAAA;AAEH,eAAe,WAAW,CAAC"}

package/lib/examples/examples/gallery/GalleryExample.d.ts

@@ -0,0 +1,2 @@
+declare const Gallery: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Gallery;

package/lib/examples/examples/gallery/GalleryExample.js

@@ -0,0 +1,154 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { makeStyles } from '@mui/styles';
+import Tabs from '@mui/material/Tabs';
+import Tab from '@mui/material/Tab';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import LuminoExample from './../lumino/LuminoExample';
+import IpyWidgetsExample from '../ipywidgets/IpyWidgetsExample';
+import { IpyWidgetsComponent } from '../../../index';
+import { CellLumino } from '../../../index';
+import CellControl from '../../controls/CellControl';
+import { CommandsLumino } from '../../../index';
+import CommandsControl from '../../controls/CommandsControl';
+import { ConsoleLumino } from '../../../index';
+import ConsoleControl from '../../controls/ConsoleControl';
+import { DialogLumino } from '../../../index';
+import DialogControl from '../../controls/DialogControl';
+import { FileBrowserLumino } from '../../../index';
+import FileBrowserControl from '../../controls/FileBrowserControl';
+import { NotebookLumino } from '../../../index';
+import NotebookControl from '../../controls/NotebookControl';
+import { Kernel } from '../../../index';
+import { OutputLumino } from '../../../index';
+import OutputControl from '../../controls/OutputControl';
+import { SettingsLumino } from '../../../index';
+import SettingsControl from '../../controls/SettingsControl';
+import { TerminalLumino } from '../../../index';
+import TerminalControl from '../../controls/TerminalControl';
+/**
+ * The source code to be shown in the examples.
+ */
+const SOURCE_1 = `from IPython.display import display
+for i in range(3):
+     display('😃 String {} added to the DOM in separated DIV.'.format(i))
+
+import numpy as np
+import matplotlib.pyplot as plt
+x1 = np.linspace(0.0, 5.0)
+x2 = np.linspace(0.0, 2.0)
+y1 = np.cos(2 * np.pi * x1) * np.exp(-x1)
+y2 = np.cos(2 * np.pi * x2)
+fig, (ax1, ax2) = plt.subplots(2, 1)
+fig.suptitle('A tale of 2 subplots')
+ax1.plot(x1, y1, 'o-')
+ax1.set_ylabel('Damped oscillation')
+ax2.plot(x2, y2, '.-')
+ax2.set_xlabel('time (s)')
+ax2.set_ylabel('Undamped')
+plt.show()`;
+const OUTPUT_2 = ([
+    {
+        "data": {
+            "application/json": {
+                "array": [
+                    1,
+                    2,
+                    3
+                ],
+                "bool": true,
+                "object": {
+                    "foo": "bar"
+                },
+                "string": "string"
+            },
+            "text/plain": [
+                "<IPython.core.display.JSON object>"
+            ]
+        },
+        "execution_count": 8,
+        "metadata": {
+            "application/json": {
+                "expanded": false,
+                "root": "root"
+            }
+        },
+        "output_type": "execute_result"
+    }
+]);
+function TabPanel(props) {
+    const { children, value, index } = props, other = __rest(props, ["children", "value", "index"]);
+    return (_jsx("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `vertical-tabpanel-${index}`, "aria-labelledby": `vertical-tab-${index}` }, other, { children: value === index && (_jsx(Box, Object.assign({ p: 3 }, { children: _jsx(Typography, { children: children }, void 0) }), void 0)) }), void 0));
+}
+function tabsProps(index) {
+    return {
+        id: `vertical-tab-${index}`,
+        'aria-controls': `vertical-tabpanel-${index}`,
+    };
+}
+const useStyles = makeStyles((theme) => ({
+    root: {
+        flexGrow: 1,
+        backgroundColor: theme.palette.background.paper,
+        display: 'flex',
+        height: 1200,
+    },
+    tabs: {
+        borderRight: `1px solid ${theme.palette.divider}`,
+    },
+}));
+const Gallery = () => {
+    const classes = useStyles();
+    const [value, setValue] = useState(0);
+    const kernel = useMemo(() => new Kernel(), []);
+    const handleChange = (event, newValue) => {
+        setValue(newValue);
+    };
+    return (_jsxs("div", Object.assign({ className: classes.root }, { children: [_jsxs(Tabs, Object.assign({ orientation: "vertical", variant: "scrollable", value: value, onChange: handleChange, "aria-label": "Vertical tabs example", className: classes.tabs }, { children: [_jsx(Tab, Object.assign({ label: "Lumino" }, tabsProps(0)), void 0),
+                    _jsx(Tab, Object.assign({ label: "IpyWidgets" }, tabsProps(1)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Outputs" }, tabsProps(2)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Cell" }, tabsProps(3)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Notebook" }, tabsProps(4)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Commands" }, tabsProps(5)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Console" }, tabsProps(6)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Dialog" }, tabsProps(7)), void 0),
+                    _jsx(Tab, Object.assign({ label: "File Browser" }, tabsProps(8)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Settings" }, tabsProps(9)), void 0),
+                    _jsx(Tab, Object.assign({ label: "Terminal" }, tabsProps(10)), void 0)] }), void 0),
+            _jsxs("div", Object.assign({ style: { width: '100vh' } }, { children: [_jsx(TabPanel, Object.assign({ value: value, index: 0 }, { children: _jsx(LuminoExample, {}, void 0) }), void 0),
+                    _jsx(TabPanel, Object.assign({ value: value, index: 1 }, { children: _jsx(IpyWidgetsComponent, { widget: IpyWidgetsExample }, void 0) }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 2 }, { children: [_jsx(OutputControl, {}, void 0),
+                            _jsx(OutputLumino, { initialOutput: OUTPUT_2, showEditor: false, autoRun: false, kernel: kernel }, void 0),
+                            _jsx(OutputLumino, { showEditor: true, autoRun: false, kernel: kernel, code: "print('Hello Datalayer 👍')" }, void 0),
+                            _jsx(OutputLumino, { showEditor: true, autoRun: true, kernel: kernel, code: SOURCE_1 }, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 3 }, { children: [_jsx(CellControl, {}, void 0),
+                            _jsx(CellLumino, { source: SOURCE_1 }, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 4 }, { children: [_jsx(NotebookControl, {}, void 0),
+                            _jsx(NotebookLumino, { path: 'ping.ipynb', ipywidgets: "lab" }, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 5 }, { children: [_jsx(CommandsControl, {}, void 0),
+                            _jsx(CommandsLumino, {}, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 6 }, { children: [_jsx(ConsoleControl, {}, void 0),
+                            _jsx(ConsoleLumino, {}, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 7 }, { children: [_jsx(DialogControl, {}, void 0),
+                            _jsx(DialogLumino, {}, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 8 }, { children: [_jsx(FileBrowserControl, {}, void 0),
+                            _jsx(FileBrowserLumino, {}, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 9 }, { children: [_jsx(SettingsControl, {}, void 0),
+                            _jsx(SettingsLumino, {}, void 0)] }), void 0),
+                    _jsxs(TabPanel, Object.assign({ value: value, index: 10 }, { children: [_jsx(TerminalControl, {}, void 0),
+                            _jsx(TerminalLumino, {}, void 0)] }), void 0)] }), void 0)] }), void 0));
+};
+export default Gallery;
+//# sourceMappingURL=GalleryExample.js.map

package/lib/examples/examples/gallery/GalleryExample.js.map

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

package/lib/examples/examples/ipywidgets/IpyWidgetsExample.d.ts

@@ -0,0 +1,4 @@
+declare class IPyWidgetsExample {
+    constructor(el: HTMLElement);
+}
+export default IPyWidgetsExample;

package/lib/examples/examples/ipywidgets/IpyWidgetsExample.js

@@ -0,0 +1,156 @@
+import IpyWidgetManager from '../../../ipywidgets/IpyWidgetsManager';
+class IPyWidgetsExample {
+    constructor(el) {
+        var state = {
+            "version_major": 2,
+            "version_minor": 0,
+            "state": {
+                "961d612211fe4c64a70f48942d885c14": {
+                    "model_name": "LayoutModel",
+                    "model_module": "@jupyter-widgets/base",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "564e75ddea4c4ea0a32c4bd39ed0ed6d": {
+                    "model_name": "SliderStyleModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "a8b1ae50aada4d929397b907115bfc2c": {
+                    "model_name": "IntSliderModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "style": "IPY_MODEL_564e75ddea4c4ea0a32c4bd39ed0ed6d",
+                        "_view_module_version": "1.0.0",
+                        "max": 200,
+                        "value": 100,
+                        "_model_module_version": "1.0.0",
+                        "layout": "IPY_MODEL_961d612211fe4c64a70f48942d885c14",
+                        "_view_count": 1
+                    }
+                },
+                "b63481ca8b7943aa85d097a114a931f5": {
+                    "model_name": "LayoutModel",
+                    "model_module": "@jupyter-widgets/base",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "d86e0cb348eb48bf97f14906a9406731": {
+                    "model_name": "SliderStyleModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "289e54d14b7c4c6d8ac18b4c86ab514c": {
+                    "model_name": "IntSliderModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "style": "IPY_MODEL_d86e0cb348eb48bf97f14906a9406731",
+                        "_view_module_version": "1.0.0",
+                        "value": 40,
+                        "_model_module_version": "1.0.0",
+                        "layout": "IPY_MODEL_b63481ca8b7943aa85d097a114a931f5",
+                        "_view_count": 1
+                    }
+                },
+                "bb589d8dc365404b94e73a153407128f": {
+                    "model_name": "LayoutModel",
+                    "model_module": "@jupyter-widgets/base",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "19a24d8ea5a248be8db79790290ae2a1": {
+                    "model_name": "ButtonStyleModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "965bbfeaddd74b9baa488c7f6ac13027": {
+                    "model_name": "ButtonModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "style": "IPY_MODEL_19a24d8ea5a248be8db79790290ae2a1",
+                        "_view_module_version": "1.0.0",
+                        "icon": "legal",
+                        "_model_module_version": "1.0.0",
+                        "layout": "IPY_MODEL_bb589d8dc365404b94e73a153407128f",
+                        "_view_count": 1
+                    }
+                },
+                "6edd9d3360cc47c8aceff0ba11edeca9": {
+                    "model_name": "DirectionalLinkModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "target": ["IPY_MODEL_289e54d14b7c4c6d8ac18b4c86ab514c", "max"],
+                        "source": ["IPY_MODEL_a8b1ae50aada4d929397b907115bfc2c", "value"],
+                        "_view_module_version": "1.0.0",
+                        "_view_name": ""
+                    }
+                },
+                "d7d14e74f61f4b3bb5f53a713bcadced": {
+                    "model_name": "LayoutModel",
+                    "model_module": "@jupyter-widgets/base",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_model_module_version": "1.0.0",
+                        "_view_module_version": "1.0.0",
+                        "_view_count": 1
+                    }
+                },
+                "8621699ecc804983a612f09b7dfe806b": {
+                    "model_name": "VBoxModel",
+                    "model_module": "@jupyter-widgets/controls",
+                    "model_module_version": "1.0.0",
+                    "state": {
+                        "_view_module_version": "1.0.0",
+                        "children": [
+                            "IPY_MODEL_a8b1ae50aada4d929397b907115bfc2c",
+                            "IPY_MODEL_289e54d14b7c4c6d8ac18b4c86ab514c",
+                            "IPY_MODEL_965bbfeaddd74b9baa488c7f6ac13027"
+                        ],
+                        "_model_module_version": "1.0.0",
+                        "layout": "IPY_MODEL_d7d14e74f61f4b3bb5f53a713bcadced",
+                        "_view_count": 1
+                    }
+                }
+            }
+        };
+        var manager = new IpyWidgetManager(el);
+        manager
+            .set_state(state)
+            .then((models) => manager.create_view(models.find((element) => element.model_id == '8621699ecc804983a612f09b7dfe806b')))
+            .then((view) => manager.display_view(view));
+    }
+}
+export default IPyWidgetsExample;
+//# sourceMappingURL=IpyWidgetsExample.js.map

package/lib/examples/examples/ipywidgets/IpyWidgetsExample.js.map

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

package/lib/examples/examples/lumino/LuminoAdapter.css

@@ -0,0 +1,34 @@
+.content {
+  min-width: 50px;
+  min-height: 50px;
+  display: block;
+  padding: 8px;
+  border: 1px solid #C0C0C0;
+  border-top: none;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.content > div {
+  border: 1px solid #505050;
+  overflow: auto;
+}
+
+.content input {
+  margin: 8px;
+}
+
+.red > div {
+  background: #E74C3C;
+}
+
+.yellow > div {
+  background: #F1C40F;
+}
+
+.green > div {
+  background: #27AE60;
+}
+
+.blue > div {
+  background: #3498DB;
+}