@deephaven/dashboard-core-plugins 0.46.1-beta.2 → 0.46.1-beta.4

package/dist/panels/NotebookPanel.js

@@ -24,6 +24,9 @@ import { getDashboardSessionWrapper } from "../redux/index.js";
 import Panel from "./Panel.js";
 import MarkdownNotebook from "./MarkdownNotebook.js";
 import "./NotebookPanel.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var log = Log.module('NotebookPanel');
 var DEBOUNCE_PANEL_STATE_UPDATE = 400;
 class NotebookPanel extends Component {
@@ -1073,114 +1076,129 @@ class NotebookPanel extends Component {
       order: 20
     }];
     var portal = tab === null || tab === void 0 ? void 0 : tab.element.find('.lm_title_before').get(0);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, portal != null && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("span", {
-      className: classNames('editor-unsaved-indicator', {
-        'is-unsaved': changeCount !== savedChangeCount
-      })
-    }), portal // tab.element is jquery element, we want a dom element
-    ), /*#__PURE__*/React.createElement(Panel, {
-      className: "notebook-container",
-      componentPanel: this,
-      glContainer: glContainer,
-      glEventHub: glEventHub,
-      onTab: this.handleTab,
-      onResize: this.handleResize,
-      onShow: this.handleShow,
-      onTabClicked: this.handleTabClick,
-      onTabFocus: this.handleTabFocus,
-      onTabBlur: this.handleTabBlur,
-      onSessionOpen: this.handleSessionOpened,
-      onSessionClose: this.handleSessionClosed,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      additionalActions: additionalActions,
-      renderTabTooltip: () => itemName
-    }, !isMarkdown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "notebook-toolbar"
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-play",
-      onClick: this.handleRunAll,
-      disabled: runButtonsDisabled,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsPlay,
-        transform: "grow-4"
-      }),
-      tooltip: "Run ".concat(SHORTCUTS.NOTEBOOK.RUN.getDisplayText()),
-      "aria-label": "Run"
-    }), disabledRunButtonTooltip != null && /*#__PURE__*/React.createElement(Tooltip, null, disabledRunButtonTooltip)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-play",
-      onClick: this.handleRunSelected,
-      disabled: runButtonsDisabled,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhRunSelection,
-        transform: "grow-4"
-      }),
-      tooltip: "Run Selected ".concat(SHORTCUTS.NOTEBOOK.RUN_SELECTED.getDisplayText()),
-      "aria-label": "Run Selected"
-    }), disabledRunSelectedButtonTooltip != null && /*#__PURE__*/React.createElement(Tooltip, null, disabledRunSelectedButtonTooltip)), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "mr-auto",
-      disabled: toolbarDisabled,
-      onClick: this.handleSave,
-      icon: vsSave,
-      tooltip: "Save ".concat(GLOBAL_SHORTCUTS.SAVE.getDisplayText()),
-      "aria-label": "Save"
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-overflow btn-link-icon",
-      disabled: toolbarDisabled,
-      icon: vsKebabVertical,
-      tooltip: "More Actions...",
-      onClick: () => {
-        // no-op: click is handled in `DropdownMenu`
-      }
-    }, /*#__PURE__*/React.createElement(DropdownMenu, {
-      actions: this.getDropdownOverflowActions,
-      popperOptions: NotebookPanel.POPPER_OPTIONS
-    }))), /*#__PURE__*/React.createElement(ScriptEditor, {
-      isLoaded: isLoaded,
-      isLoading: isLoading,
-      error: error,
-      onChange: this.handleEditorChange,
-      onRunCommand: this.handleRunCommand,
-      session: session,
-      sessionLanguage: sessionLanguage,
-      onEditorInitialized: this.handleEditorInitialized,
-      onEditorWillDestroy: this.handleEditorWillDestroy,
-      settings: settings,
-      focusOnMount: focusOnMount,
-      ref: notebook => {
-        this.notebook = notebook;
-      }
-    })), isMarkdown && /*#__PURE__*/React.createElement(MarkdownNotebook, {
-      content: (_settings$value = settings.value) !== null && _settings$value !== void 0 ? _settings$value : '',
-      onLinkClick: this.handleLinkClick,
-      onRunCode: this.handleRunCommand,
-      transformImageUri: this.handleTransformLinkUri,
-      transformLinkUri: this.handleTransformLinkUri
-    }), /*#__PURE__*/React.createElement(NewItemModal, {
-      isOpen: showSaveAsModal,
-      type: "file",
-      defaultValue: itemName,
-      title: isExistingItem ? 'Rename' : 'Save file as',
-      onSubmit: this.handleSaveAsSubmit,
-      onCancel: this.handleSaveAsCancel,
-      notifyOnExtensionChange: true,
-      storage: fileStorage
-    }), /*#__PURE__*/React.createElement(BasicModal, {
-      isOpen: showCloseModal,
-      headerText: "Do you want to save the changes you made to ".concat(itemName, "?"),
-      bodyText: "Your changes will be lost if you don't save them.",
-      onCancel: this.handleCloseCancel,
-      onDiscard: this.handleCloseDiscard,
-      onConfirm: this.handleCloseSave,
-      discardButtonText: "Discard Changes",
-      confirmButtonText: "Save"
-    }), /*#__PURE__*/React.createElement(ContextActions, {
-      actions: contextActions
-    })));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [portal != null && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsx("span", {
+        className: classNames('editor-unsaved-indicator', {
+          'is-unsaved': changeCount !== savedChangeCount
+        })
+      }), portal // tab.element is jquery element, we want a dom element
+      ), /*#__PURE__*/_jsxs(Panel, {
+        className: "notebook-container",
+        componentPanel: this,
+        glContainer: glContainer,
+        glEventHub: glEventHub,
+        onTab: this.handleTab,
+        onResize: this.handleResize,
+        onShow: this.handleShow,
+        onTabClicked: this.handleTabClick,
+        onTabFocus: this.handleTabFocus,
+        onTabBlur: this.handleTabBlur,
+        onSessionOpen: this.handleSessionOpened,
+        onSessionClose: this.handleSessionClosed,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        additionalActions: additionalActions,
+        renderTabTooltip: () => itemName,
+        children: [!isMarkdown && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "notebook-toolbar",
+            children: [/*#__PURE__*/_jsxs("span", {
+              children: [/*#__PURE__*/_jsx(Button, {
+                kind: "ghost",
+                className: "btn-play",
+                onClick: this.handleRunAll,
+                disabled: runButtonsDisabled,
+                icon: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+                  icon: vsPlay,
+                  transform: "grow-4"
+                }),
+                tooltip: "Run ".concat(SHORTCUTS.NOTEBOOK.RUN.getDisplayText()),
+                "aria-label": "Run"
+              }), disabledRunButtonTooltip != null && /*#__PURE__*/_jsx(Tooltip, {
+                children: disabledRunButtonTooltip
+              })]
+            }), /*#__PURE__*/_jsxs("span", {
+              children: [/*#__PURE__*/_jsx(Button, {
+                kind: "ghost",
+                className: "btn-play",
+                onClick: this.handleRunSelected,
+                disabled: runButtonsDisabled,
+                icon: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+                  icon: dhRunSelection,
+                  transform: "grow-4"
+                }),
+                tooltip: "Run Selected ".concat(SHORTCUTS.NOTEBOOK.RUN_SELECTED.getDisplayText()),
+                "aria-label": "Run Selected"
+              }), disabledRunSelectedButtonTooltip != null && /*#__PURE__*/_jsx(Tooltip, {
+                children: disabledRunSelectedButtonTooltip
+              })]
+            }), /*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: "mr-auto",
+              disabled: toolbarDisabled,
+              onClick: this.handleSave,
+              icon: vsSave,
+              tooltip: "Save ".concat(GLOBAL_SHORTCUTS.SAVE.getDisplayText()),
+              "aria-label": "Save"
+            }), /*#__PURE__*/_jsx(Button, {
+              kind: "ghost",
+              className: "btn-overflow btn-link-icon",
+              disabled: toolbarDisabled,
+              icon: vsKebabVertical,
+              tooltip: "More Actions...",
+              onClick: () => {
+                // no-op: click is handled in `DropdownMenu`
+              },
+              children: /*#__PURE__*/_jsx(DropdownMenu, {
+                actions: this.getDropdownOverflowActions,
+                popperOptions: NotebookPanel.POPPER_OPTIONS
+              })
+            })]
+          }), /*#__PURE__*/_jsx(ScriptEditor, {
+            isLoaded: isLoaded,
+            isLoading: isLoading,
+            error: error,
+            onChange: this.handleEditorChange,
+            onRunCommand: this.handleRunCommand,
+            session: session,
+            sessionLanguage: sessionLanguage,
+            onEditorInitialized: this.handleEditorInitialized,
+            onEditorWillDestroy: this.handleEditorWillDestroy,
+            settings: settings,
+            focusOnMount: focusOnMount,
+            ref: notebook => {
+              this.notebook = notebook;
+            }
+          })]
+        }), isMarkdown && /*#__PURE__*/_jsx(MarkdownNotebook, {
+          content: (_settings$value = settings.value) !== null && _settings$value !== void 0 ? _settings$value : '',
+          onLinkClick: this.handleLinkClick,
+          onRunCode: this.handleRunCommand,
+          transformImageUri: this.handleTransformLinkUri,
+          transformLinkUri: this.handleTransformLinkUri
+        }), /*#__PURE__*/_jsx(NewItemModal, {
+          isOpen: showSaveAsModal,
+          type: "file",
+          defaultValue: itemName,
+          title: isExistingItem ? 'Rename' : 'Save file as',
+          onSubmit: this.handleSaveAsSubmit,
+          onCancel: this.handleSaveAsCancel,
+          notifyOnExtensionChange: true,
+          storage: fileStorage
+        }), /*#__PURE__*/_jsx(BasicModal, {
+          isOpen: showCloseModal,
+          headerText: "Do you want to save the changes you made to ".concat(itemName, "?"),
+          bodyText: "Your changes will be lost if you don't save them.",
+          onCancel: this.handleCloseCancel,
+          onDiscard: this.handleCloseDiscard,
+          onConfirm: this.handleCloseSave,
+          discardButtonText: "Discard Changes",
+          confirmButtonText: "Save"
+        }), /*#__PURE__*/_jsx(ContextActions, {
+          actions: contextActions
+        })]
+      })]
+    });
   }
 }
 _defineProperty(NotebookPanel, "COMPONENT", 'NotebookPanel');