@deephaven/dashboard-core-plugins 0.5.2-matplotlib.3 → 0.6.1-demo.10

package/dist/panels/MarkdownPanel.js

@@ -1,25 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { Component } from 'react';
@@ -28,213 +6,199 @@ import memoize from 'memoize-one';
 import { connect } from 'react-redux';
 import { getClosedPanelsForDashboard, GLPropTypes, LayoutUtils, PanelEvent } from '@deephaven/dashboard';
 import Log from '@deephaven/log';
-import Panel from './Panel';
-import MarkdownContainer from '../controls/markdown/MarkdownContainer';
-import MarkdownStartPage from '../controls/markdown/MarkdownStartPage';
-import MarkdownEditor from '../controls/markdown/MarkdownEditor';
+import Panel from "./Panel.js";
+import MarkdownContainer from "../controls/markdown/MarkdownContainer.js";
+import MarkdownStartPage from "../controls/markdown/MarkdownStartPage.js";
+import MarkdownEditor from "../controls/markdown/MarkdownEditor.js";
 import "./MarkdownPanel.css";
 var log = Log.module('MarkdownPanel');
-export var MarkdownPanel = /*#__PURE__*/function (_Component) {
-  _inherits(MarkdownPanel, _Component);
-
-  var _super = _createSuper(MarkdownPanel);
-
-  function MarkdownPanel(props) {
-    var _this;
-
-    _classCallCheck(this, MarkdownPanel);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "getClosedMarkdowns", memoize(function (closedPanels) {
-      return closedPanels.filter(function (panel) {
-        return panel.component === 'MarkdownPanel';
-      }).reverse();
-    }));
-
-    _this.handleContainerDoubleClick = _this.handleContainerDoubleClick.bind(_assertThisInitialized(_this));
-    _this.handleCreateMarkdown = _this.handleCreateMarkdown.bind(_assertThisInitialized(_this));
-    _this.handleDeleteMarkdown = _this.handleDeleteMarkdown.bind(_assertThisInitialized(_this));
-    _this.handleOpenMarkdown = _this.handleOpenMarkdown.bind(_assertThisInitialized(_this));
-    _this.handleEditorInitialized = _this.handleEditorInitialized.bind(_assertThisInitialized(_this));
-    _this.handleEditorBlur = _this.handleEditorBlur.bind(_assertThisInitialized(_this));
-    _this.handleEditorResize = _this.handleEditorResize.bind(_assertThisInitialized(_this));
-    var panelState = props.panelState;
+export class MarkdownPanel extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "getClosedMarkdowns", memoize(closedPanels => closedPanels.filter(panel => panel.component === 'MarkdownPanel').reverse()));
+
+    this.handleContainerDoubleClick = this.handleContainerDoubleClick.bind(this);
+    this.handleCreateMarkdown = this.handleCreateMarkdown.bind(this);
+    this.handleDeleteMarkdown = this.handleDeleteMarkdown.bind(this);
+    this.handleOpenMarkdown = this.handleOpenMarkdown.bind(this);
+    this.handleEditorInitialized = this.handleEditorInitialized.bind(this);
+    this.handleEditorBlur = this.handleEditorBlur.bind(this);
+    this.handleEditorResize = this.handleEditorResize.bind(this);
+    var {
+      panelState
+    } = props;
     var content = null;
 
     if (panelState && panelState.content) {
-      content = panelState.content;
+      ({
+        content
+      } = panelState);
     }
 
-    _this.state = {
+    this.state = {
       isStartPageShown: content == null,
       isEditing: false,
-      content: content,
+      content,
       // eslint-disable-next-line react/no-unused-state
-      panelState: panelState
+      panelState
     };
-    _this.markdownEditor = null;
-    _this.editor = null;
-    return _this;
+    this.markdownEditor = null;
+    this.editor = null;
   }
 
-  _createClass(MarkdownPanel, [{
-    key: "setEditorPosition",
-    value: function setEditorPosition(clickPositionY) {
-      var markdownEditorContainer = this.markdownEditor.container;
-
-      if (this.editor && markdownEditorContainer) {
-        var contentTop = markdownEditorContainer.getBoundingClientRect().top;
-        var contentScrollTop = markdownEditorContainer.scrollTop;
-        var contentScrollHeight = markdownEditorContainer.scrollHeight;
-        var totalLines = this.editor.getModel().getLineCount();
-        var lineToFocus = Math.round((contentScrollTop + clickPositionY - contentTop) / contentScrollHeight * totalLines);
+  setEditorPosition(clickPositionY) {
+    var {
+      container: markdownEditorContainer
+    } = this.markdownEditor;
 
-        if (lineToFocus > totalLines) {
-          lineToFocus = totalLines;
-        }
+    if (this.editor && markdownEditorContainer) {
+      var contentTop = markdownEditorContainer.getBoundingClientRect().top;
+      var contentScrollTop = markdownEditorContainer.scrollTop;
+      var contentScrollHeight = markdownEditorContainer.scrollHeight;
+      var totalLines = this.editor.getModel().getLineCount();
+      var lineToFocus = Math.round((contentScrollTop + clickPositionY - contentTop) / contentScrollHeight * totalLines);
 
-        this.editor.revealLine(lineToFocus);
-        this.editor.setPosition({
-          lineNumber: lineToFocus,
-          column: 1
-        });
-        this.editor.focus();
+      if (lineToFocus > totalLines) {
+        lineToFocus = totalLines;
       }
-    }
-  }, {
-    key: "handleContainerDoubleClick",
-    value: function handleContainerDoubleClick(event) {
-      var _this2 = this;
-
-      var isEditing = this.state.isEditing;
-      var dbClickPositionY = event.clientY;
 
-      if (!isEditing) {
-        this.setState({
-          isEditing: true
-        }, function () {
-          _this2.setEditorPosition(dbClickPositionY);
-        });
-      }
-    }
-  }, {
-    key: "handleEditorInitialized",
-    value: function handleEditorInitialized(editor) {
-      log.debug('Markdown Editor Initialized...');
-      this.editor = editor;
+      this.editor.revealLine(lineToFocus);
+      this.editor.setPosition({
+        lineNumber: lineToFocus,
+        column: 1
+      });
+      this.editor.focus();
     }
-  }, {
-    key: "handleCreateMarkdown",
-    value: function handleCreateMarkdown() {
-      var _this3 = this;
+  }
 
-      log.debug('create markdown...');
+  handleContainerDoubleClick(event) {
+    var {
+      isEditing
+    } = this.state;
+    var dbClickPositionY = event.clientY;
+
+    if (!isEditing) {
       this.setState({
-        isStartPageShown: false,
-        content: '',
-        isEditing: true,
-        // eslint-disable-next-line react/no-unused-state
-        panelState: {
-          content: ''
-        }
-      }, function () {
-        if (_this3.editor && _this3.editor.focus) {
-          _this3.editor.focus();
-        }
+        isEditing: true
+      }, () => {
+        this.setEditorPosition(dbClickPositionY);
       });
     }
-  }, {
-    key: "handleOpenMarkdown",
-    value: function handleOpenMarkdown(markdown) {
-      log.debug('open markdown...', markdown);
-      var _this$props = this.props,
-          glContainer = _this$props.glContainer,
-          glEventHub = _this$props.glEventHub;
-      var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
-      glEventHub.emit(PanelEvent.REOPEN, markdown, config);
-    }
-  }, {
-    key: "handleDeleteMarkdown",
-    value: function handleDeleteMarkdown(markdown) {
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(PanelEvent.DELETE, markdown);
-    }
-  }, {
-    key: "handleEditorBlur",
-    value: function handleEditorBlur(event) {
-      var _this$markdownEditor, _this$markdownEditor$;
+  }
 
-      log.debug("markdown content changed, saving...");
-      var isEditing = this.state.isEditing; // if not in edit mode, or in edit mode but blur went to an internal monaco field (like search)
+  handleEditorInitialized(editor) {
+    log.debug('Markdown Editor Initialized...');
+    this.editor = editor;
+  }
 
-      if (!isEditing || (_this$markdownEditor = this.markdownEditor) !== null && _this$markdownEditor !== void 0 && (_this$markdownEditor$ = _this$markdownEditor.container) !== null && _this$markdownEditor$ !== void 0 && _this$markdownEditor$.contains(event.relatedTarget)) {
-        return;
+  handleCreateMarkdown() {
+    log.debug('create markdown...');
+    this.setState({
+      isStartPageShown: false,
+      content: '',
+      isEditing: true,
+      // eslint-disable-next-line react/no-unused-state
+      panelState: {
+        content: ''
       }
+    }, () => {
+      if (this.editor && this.editor.focus) {
+        this.editor.focus();
+      }
+    });
+  }
 
-      var content = this.editor.getValue();
-      this.setState({
-        content: content,
-        isEditing: false,
-        // eslint-disable-next-line react/no-unused-state
-        panelState: {
-          content: content
-        }
-      });
+  handleOpenMarkdown(markdown) {
+    log.debug('open markdown...', markdown);
+    var {
+      glContainer,
+      glEventHub
+    } = this.props;
+    var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
+    glEventHub.emit(PanelEvent.REOPEN, markdown, config);
+  }
+
+  handleDeleteMarkdown(markdown) {
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(PanelEvent.DELETE, markdown);
+  }
+
+  handleEditorBlur(event) {
+    var _this$markdownEditor, _this$markdownEditor$;
+
+    log.debug("markdown content changed, saving...");
+    var {
+      isEditing
+    } = this.state; // if not in edit mode, or in edit mode but blur went to an internal monaco field (like search)
+
+    if (!isEditing || (_this$markdownEditor = this.markdownEditor) !== null && _this$markdownEditor !== void 0 && (_this$markdownEditor$ = _this$markdownEditor.container) !== null && _this$markdownEditor$ !== void 0 && _this$markdownEditor$.contains(event.relatedTarget)) {
+      return;
     }
-  }, {
-    key: "handleEditorResize",
-    value: function handleEditorResize() {
-      var isEditing = this.state.isEditing;
 
-      if (isEditing && this.editor) {
-        this.editor.layout();
+    var content = this.editor.getValue();
+    this.setState({
+      content,
+      isEditing: false,
+      // eslint-disable-next-line react/no-unused-state
+      panelState: {
+        content
       }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
+    });
+  }
+
+  handleEditorResize() {
+    var {
+      isEditing
+    } = this.state;
 
-      var _this$props2 = this.props,
-          glContainer = _this$props2.glContainer,
-          glEventHub = _this$props2.glEventHub,
-          closedPanels = _this$props2.closedPanels;
-      var _this$state = this.state,
-          isEditing = _this$state.isEditing,
-          isStartPageShown = _this$state.isStartPageShown,
-          content = _this$state.content;
-      var closedMarkdowns = this.getClosedMarkdowns(closedPanels);
-      return /*#__PURE__*/React.createElement(Panel, {
-        glContainer: glContainer,
-        glEventHub: glEventHub,
-        className: "markdown-panel",
-        componentPanel: this,
-        onResize: this.handleEditorResize,
-        onBlur: this.handleEditorBlur,
-        isClonable: true,
-        isRenamable: true
-      }, isStartPageShown ? /*#__PURE__*/React.createElement(MarkdownStartPage, {
-        closedMarkdowns: closedMarkdowns,
-        onCreate: this.handleCreateMarkdown,
-        onOpen: this.handleOpenMarkdown,
-        onDelete: this.handleDeleteMarkdown
-      }) : /*#__PURE__*/React.createElement(MarkdownContainer, {
-        isEditing: isEditing,
-        onDoubleClick: this.handleContainerDoubleClick
-      }, /*#__PURE__*/React.createElement(MarkdownEditor, {
-        ref: function ref(markdownEditor) {
-          _this4.markdownEditor = markdownEditor;
-        },
-        isEditing: isEditing,
-        content: content,
-        onEditorInitialized: this.handleEditorInitialized
-      })));
+    if (isEditing && this.editor) {
+      this.editor.layout();
     }
-  }]);
+  }
+
+  render() {
+    var {
+      glContainer,
+      glEventHub,
+      closedPanels
+    } = this.props;
+    var {
+      isEditing,
+      isStartPageShown,
+      content
+    } = this.state;
+    var closedMarkdowns = this.getClosedMarkdowns(closedPanels);
+    return /*#__PURE__*/React.createElement(Panel, {
+      glContainer: glContainer,
+      glEventHub: glEventHub,
+      className: "markdown-panel",
+      componentPanel: this,
+      onResize: this.handleEditorResize,
+      onBlur: this.handleEditorBlur,
+      isClonable: true,
+      isRenamable: true
+    }, isStartPageShown ? /*#__PURE__*/React.createElement(MarkdownStartPage, {
+      closedMarkdowns: closedMarkdowns,
+      onCreate: this.handleCreateMarkdown,
+      onOpen: this.handleOpenMarkdown,
+      onDelete: this.handleDeleteMarkdown
+    }) : /*#__PURE__*/React.createElement(MarkdownContainer, {
+      isEditing: isEditing,
+      onDoubleClick: this.handleContainerDoubleClick
+    }, /*#__PURE__*/React.createElement(MarkdownEditor, {
+      ref: markdownEditor => {
+        this.markdownEditor = markdownEditor;
+      },
+      isEditing: isEditing,
+      content: content,
+      onEditorInitialized: this.handleEditorInitialized
+    })));
+  }
 
-  return MarkdownPanel;
-}(Component);
+}
 
 _defineProperty(MarkdownPanel, "COMPONENT", 'MarkdownPanel');
 
@@ -250,8 +214,10 @@ MarkdownPanel.defaultProps = {
   panelState: null
 };
 
-var mapStateToProps = function mapStateToProps(state, ownProps) {
-  var localDashboardId = ownProps.localDashboardId;
+var mapStateToProps = (state, ownProps) => {
+  var {
+    localDashboardId
+  } = ownProps;
   return {
     closedPanels: getClosedPanelsForDashboard(state, localDashboardId)
   };

package/dist/panels/MarkdownPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/panels/MarkdownPanel.jsx"],"names":["React","Component","PropTypes","memoize","connect","getClosedPanelsForDashboard","GLPropTypes","LayoutUtils","PanelEvent","Log","Panel","MarkdownContainer","MarkdownStartPage","MarkdownEditor","log","module","MarkdownPanel","props","closedPanels","filter","panel","component","reverse","handleContainerDoubleClick","bind","handleCreateMarkdown","handleDeleteMarkdown","handleOpenMarkdown","handleEditorInitialized","handleEditorBlur","handleEditorResize","panelState","content","state","isStartPageShown","isEditing","markdownEditor","editor","clickPositionY","markdownEditorContainer","container","contentTop","getBoundingClientRect","top","contentScrollTop","scrollTop","contentScrollHeight","scrollHeight","totalLines","getModel","getLineCount","lineToFocus","Math","round","revealLine","setPosition","lineNumber","column","focus","event","dbClickPositionY","clientY","setState","setEditorPosition","debug","markdown","glContainer","glEventHub","config","getComponentConfigFromContainer","emit","REOPEN","DELETE","contains","relatedTarget","getValue","layout","closedMarkdowns","getClosedMarkdowns","propTypes","Container","isRequired","EventHub","shape","string","arrayOf","object","defaultProps","mapStateToProps","ownProps","localDashboardId","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'memoize-one';\nimport { connect } from 'react-redux';\nimport {\n  getClosedPanelsForDashboard,\n  GLPropTypes,\n  LayoutUtils,\n  PanelEvent,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport Panel from './Panel';\nimport MarkdownContainer from '../controls/markdown/MarkdownContainer';\nimport MarkdownStartPage from '../controls/markdown/MarkdownStartPage';\nimport MarkdownEditor from '../controls/markdown/MarkdownEditor';\nimport './MarkdownPanel.scss';\n\nconst log = Log.module('MarkdownPanel');\n\nexport class MarkdownPanel extends Component {\n  static COMPONENT = 'MarkdownPanel';\n\n  constructor(props) {\n    super(props);\n\n    this.handleContainerDoubleClick = this.handleContainerDoubleClick.bind(\n      this\n    );\n    this.handleCreateMarkdown = this.handleCreateMarkdown.bind(this);\n    this.handleDeleteMarkdown = this.handleDeleteMarkdown.bind(this);\n    this.handleOpenMarkdown = this.handleOpenMarkdown.bind(this);\n    this.handleEditorInitialized = this.handleEditorInitialized.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleEditorResize = this.handleEditorResize.bind(this);\n\n    const { panelState } = props;\n    let content = null;\n    if (panelState && panelState.content) {\n      ({ content } = panelState);\n    }\n\n    this.state = {\n      isStartPageShown: content == null,\n      isEditing: false,\n      content,\n\n      // eslint-disable-next-line react/no-unused-state\n      panelState,\n    };\n\n    this.markdownEditor = null;\n    this.editor = null;\n  }\n\n  setEditorPosition(clickPositionY) {\n    const { container: markdownEditorContainer } = this.markdownEditor;\n    if (this.editor && markdownEditorContainer) {\n      const contentTop = markdownEditorContainer.getBoundingClientRect().top;\n      const contentScrollTop = markdownEditorContainer.scrollTop;\n      const contentScrollHeight = markdownEditorContainer.scrollHeight;\n      const totalLines = this.editor.getModel().getLineCount();\n\n      let lineToFocus = Math.round(\n        ((contentScrollTop + clickPositionY - contentTop) /\n          contentScrollHeight) *\n          totalLines\n      );\n      if (lineToFocus > totalLines) {\n        lineToFocus = totalLines;\n      }\n\n      this.editor.revealLine(lineToFocus);\n      this.editor.setPosition({\n        lineNumber: lineToFocus,\n        column: 1,\n      });\n      this.editor.focus();\n    }\n  }\n\n  getClosedMarkdowns = memoize(closedPanels =>\n    closedPanels.filter(panel => panel.component === 'MarkdownPanel').reverse()\n  );\n\n  handleContainerDoubleClick(event) {\n    const { isEditing } = this.state;\n    const dbClickPositionY = event.clientY;\n\n    if (!isEditing) {\n      this.setState({ isEditing: true }, () => {\n        this.setEditorPosition(dbClickPositionY);\n      });\n    }\n  }\n\n  handleEditorInitialized(editor) {\n    log.debug('Markdown Editor Initialized...');\n    this.editor = editor;\n  }\n\n  handleCreateMarkdown() {\n    log.debug('create markdown...');\n\n    this.setState(\n      {\n        isStartPageShown: false,\n        content: '',\n        isEditing: true,\n\n        // eslint-disable-next-line react/no-unused-state\n        panelState: { content: '' },\n      },\n      () => {\n        if (this.editor && this.editor.focus) {\n          this.editor.focus();\n        }\n      }\n    );\n  }\n\n  handleOpenMarkdown(markdown) {\n    log.debug('open markdown...', markdown);\n\n    const { glContainer, glEventHub } = this.props;\n    const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n    glEventHub.emit(PanelEvent.REOPEN, markdown, config);\n  }\n\n  handleDeleteMarkdown(markdown) {\n    const { glEventHub } = this.props;\n    glEventHub.emit(PanelEvent.DELETE, markdown);\n  }\n\n  handleEditorBlur(event) {\n    log.debug(`markdown content changed, saving...`);\n    const { isEditing } = this.state;\n\n    // if not in edit mode, or in edit mode but blur went to an internal monaco field (like search)\n    if (\n      !isEditing ||\n      this.markdownEditor?.container?.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n\n    const content = this.editor.getValue();\n\n    this.setState({\n      content,\n      isEditing: false,\n\n      // eslint-disable-next-line react/no-unused-state\n      panelState: { content },\n    });\n  }\n\n  handleEditorResize() {\n    const { isEditing } = this.state;\n    if (isEditing && this.editor) {\n      this.editor.layout();\n    }\n  }\n\n  render() {\n    const { glContainer, glEventHub, closedPanels } = this.props;\n    const { isEditing, isStartPageShown, content } = this.state;\n    const closedMarkdowns = this.getClosedMarkdowns(closedPanels);\n\n    return (\n      <Panel\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        className=\"markdown-panel\"\n        componentPanel={this}\n        onResize={this.handleEditorResize}\n        onBlur={this.handleEditorBlur}\n        isClonable\n        isRenamable\n      >\n        {isStartPageShown ? (\n          <MarkdownStartPage\n            closedMarkdowns={closedMarkdowns}\n            onCreate={this.handleCreateMarkdown}\n            onOpen={this.handleOpenMarkdown}\n            onDelete={this.handleDeleteMarkdown}\n          />\n        ) : (\n          <MarkdownContainer\n            isEditing={isEditing}\n            onDoubleClick={this.handleContainerDoubleClick}\n          >\n            <MarkdownEditor\n              ref={markdownEditor => {\n                this.markdownEditor = markdownEditor;\n              }}\n              isEditing={isEditing}\n              content={content}\n              onEditorInitialized={this.handleEditorInitialized}\n            />\n          </MarkdownContainer>\n        )}\n      </Panel>\n    );\n  }\n}\n\nMarkdownPanel.propTypes = {\n  glContainer: GLPropTypes.Container.isRequired,\n  glEventHub: GLPropTypes.EventHub.isRequired,\n  panelState: PropTypes.shape({\n    content: PropTypes.string,\n  }),\n  closedPanels: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n\nMarkdownPanel.defaultProps = {\n  panelState: null,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n  const { localDashboardId } = ownProps;\n  return {\n    closedPanels: getClosedPanelsForDashboard(state, localDashboardId),\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(\n  MarkdownPanel\n);\n"],"file":"MarkdownPanel.js"}
+{"version":3,"sources":["../../src/panels/MarkdownPanel.jsx"],"names":["React","Component","PropTypes","memoize","connect","getClosedPanelsForDashboard","GLPropTypes","LayoutUtils","PanelEvent","Log","Panel","MarkdownContainer","MarkdownStartPage","MarkdownEditor","log","module","MarkdownPanel","constructor","props","closedPanels","filter","panel","component","reverse","handleContainerDoubleClick","bind","handleCreateMarkdown","handleDeleteMarkdown","handleOpenMarkdown","handleEditorInitialized","handleEditorBlur","handleEditorResize","panelState","content","state","isStartPageShown","isEditing","markdownEditor","editor","setEditorPosition","clickPositionY","container","markdownEditorContainer","contentTop","getBoundingClientRect","top","contentScrollTop","scrollTop","contentScrollHeight","scrollHeight","totalLines","getModel","getLineCount","lineToFocus","Math","round","revealLine","setPosition","lineNumber","column","focus","event","dbClickPositionY","clientY","setState","debug","markdown","glContainer","glEventHub","config","getComponentConfigFromContainer","emit","REOPEN","DELETE","contains","relatedTarget","getValue","layout","render","closedMarkdowns","getClosedMarkdowns","propTypes","Container","isRequired","EventHub","shape","string","arrayOf","object","defaultProps","mapStateToProps","ownProps","localDashboardId","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'memoize-one';\nimport { connect } from 'react-redux';\nimport {\n  getClosedPanelsForDashboard,\n  GLPropTypes,\n  LayoutUtils,\n  PanelEvent,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport Panel from './Panel';\nimport MarkdownContainer from '../controls/markdown/MarkdownContainer';\nimport MarkdownStartPage from '../controls/markdown/MarkdownStartPage';\nimport MarkdownEditor from '../controls/markdown/MarkdownEditor';\nimport './MarkdownPanel.scss';\n\nconst log = Log.module('MarkdownPanel');\n\nexport class MarkdownPanel extends Component {\n  static COMPONENT = 'MarkdownPanel';\n\n  constructor(props) {\n    super(props);\n\n    this.handleContainerDoubleClick = this.handleContainerDoubleClick.bind(\n      this\n    );\n    this.handleCreateMarkdown = this.handleCreateMarkdown.bind(this);\n    this.handleDeleteMarkdown = this.handleDeleteMarkdown.bind(this);\n    this.handleOpenMarkdown = this.handleOpenMarkdown.bind(this);\n    this.handleEditorInitialized = this.handleEditorInitialized.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleEditorResize = this.handleEditorResize.bind(this);\n\n    const { panelState } = props;\n    let content = null;\n    if (panelState && panelState.content) {\n      ({ content } = panelState);\n    }\n\n    this.state = {\n      isStartPageShown: content == null,\n      isEditing: false,\n      content,\n\n      // eslint-disable-next-line react/no-unused-state\n      panelState,\n    };\n\n    this.markdownEditor = null;\n    this.editor = null;\n  }\n\n  setEditorPosition(clickPositionY) {\n    const { container: markdownEditorContainer } = this.markdownEditor;\n    if (this.editor && markdownEditorContainer) {\n      const contentTop = markdownEditorContainer.getBoundingClientRect().top;\n      const contentScrollTop = markdownEditorContainer.scrollTop;\n      const contentScrollHeight = markdownEditorContainer.scrollHeight;\n      const totalLines = this.editor.getModel().getLineCount();\n\n      let lineToFocus = Math.round(\n        ((contentScrollTop + clickPositionY - contentTop) /\n          contentScrollHeight) *\n          totalLines\n      );\n      if (lineToFocus > totalLines) {\n        lineToFocus = totalLines;\n      }\n\n      this.editor.revealLine(lineToFocus);\n      this.editor.setPosition({\n        lineNumber: lineToFocus,\n        column: 1,\n      });\n      this.editor.focus();\n    }\n  }\n\n  getClosedMarkdowns = memoize(closedPanels =>\n    closedPanels.filter(panel => panel.component === 'MarkdownPanel').reverse()\n  );\n\n  handleContainerDoubleClick(event) {\n    const { isEditing } = this.state;\n    const dbClickPositionY = event.clientY;\n\n    if (!isEditing) {\n      this.setState({ isEditing: true }, () => {\n        this.setEditorPosition(dbClickPositionY);\n      });\n    }\n  }\n\n  handleEditorInitialized(editor) {\n    log.debug('Markdown Editor Initialized...');\n    this.editor = editor;\n  }\n\n  handleCreateMarkdown() {\n    log.debug('create markdown...');\n\n    this.setState(\n      {\n        isStartPageShown: false,\n        content: '',\n        isEditing: true,\n\n        // eslint-disable-next-line react/no-unused-state\n        panelState: { content: '' },\n      },\n      () => {\n        if (this.editor && this.editor.focus) {\n          this.editor.focus();\n        }\n      }\n    );\n  }\n\n  handleOpenMarkdown(markdown) {\n    log.debug('open markdown...', markdown);\n\n    const { glContainer, glEventHub } = this.props;\n    const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n    glEventHub.emit(PanelEvent.REOPEN, markdown, config);\n  }\n\n  handleDeleteMarkdown(markdown) {\n    const { glEventHub } = this.props;\n    glEventHub.emit(PanelEvent.DELETE, markdown);\n  }\n\n  handleEditorBlur(event) {\n    log.debug(`markdown content changed, saving...`);\n    const { isEditing } = this.state;\n\n    // if not in edit mode, or in edit mode but blur went to an internal monaco field (like search)\n    if (\n      !isEditing ||\n      this.markdownEditor?.container?.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n\n    const content = this.editor.getValue();\n\n    this.setState({\n      content,\n      isEditing: false,\n\n      // eslint-disable-next-line react/no-unused-state\n      panelState: { content },\n    });\n  }\n\n  handleEditorResize() {\n    const { isEditing } = this.state;\n    if (isEditing && this.editor) {\n      this.editor.layout();\n    }\n  }\n\n  render() {\n    const { glContainer, glEventHub, closedPanels } = this.props;\n    const { isEditing, isStartPageShown, content } = this.state;\n    const closedMarkdowns = this.getClosedMarkdowns(closedPanels);\n\n    return (\n      <Panel\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        className=\"markdown-panel\"\n        componentPanel={this}\n        onResize={this.handleEditorResize}\n        onBlur={this.handleEditorBlur}\n        isClonable\n        isRenamable\n      >\n        {isStartPageShown ? (\n          <MarkdownStartPage\n            closedMarkdowns={closedMarkdowns}\n            onCreate={this.handleCreateMarkdown}\n            onOpen={this.handleOpenMarkdown}\n            onDelete={this.handleDeleteMarkdown}\n          />\n        ) : (\n          <MarkdownContainer\n            isEditing={isEditing}\n            onDoubleClick={this.handleContainerDoubleClick}\n          >\n            <MarkdownEditor\n              ref={markdownEditor => {\n                this.markdownEditor = markdownEditor;\n              }}\n              isEditing={isEditing}\n              content={content}\n              onEditorInitialized={this.handleEditorInitialized}\n            />\n          </MarkdownContainer>\n        )}\n      </Panel>\n    );\n  }\n}\n\nMarkdownPanel.propTypes = {\n  glContainer: GLPropTypes.Container.isRequired,\n  glEventHub: GLPropTypes.EventHub.isRequired,\n  panelState: PropTypes.shape({\n    content: PropTypes.string,\n  }),\n  closedPanels: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n\nMarkdownPanel.defaultProps = {\n  panelState: null,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n  const { localDashboardId } = ownProps;\n  return {\n    closedPanels: getClosedPanelsForDashboard(state, localDashboardId),\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(\n  MarkdownPanel\n);\n"],"file":"MarkdownPanel.js"}

package/dist/{src/panels → panels}/NotebookPanel.d.ts

@@ -19,6 +19,7 @@ declare class NotebookPanel extends React.Component<any, any, any> {
     handleFocus(): void;
     handleLoadSuccess(): void;
     handleLoadError(errorParam: any): void;
+    handlePanelTabClick(): void;
     handleRenameFile(oldName: any, newName: any): void;
     handleResize(): void;
     handleRunCommand(command: any): void;
@@ -36,7 +37,7 @@ declare class NotebookPanel extends React.Component<any, any, any> {
     handleShow(): void;
     handleShowRename(): void;
     handleTab(tab: any): void;
-    handleTabFocus(): void;
+    handleTabFocus(...args: any[]): void;
     handleTabBlur(): void;
     pending: Pending;
     debouncedSavePanelState: import("lodash").DebouncedFunc<() => void>;
@@ -77,6 +78,7 @@ declare class NotebookPanel extends React.Component<any, any, any> {
         order: number;
     }[];
     savePanelState(): void;
+    focus(): void;
     createNotebook(itemName: any, language: any, content: any): void;
     runCommand(command: any): void;
 }

package/dist/panels/NotebookPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookPanel.d.ts","sourceRoot":"","sources":["../../src/panels/NotebookPanel.jsx"],"names":[],"mappings":";;AAuCA;IACE,yBAAmC;IAEnC;;MAAoD;IAEpD,4BAAiC;IAEjC,qCAKC;IAED,iFAaC;IAED,wBA0GC;IAoTD,mBAGC;IAvDD,0BAGC;IAnBD,2BAKC;IAED,wBAOC;IAOD,mBAQC;IAED,iCA6BC;IAED,mBAIC;IAOD,oBAGC;IAED,0BAMC;IAED,uCAUC;IAyJD,4BAGC;IAtFD,mDAMC;IAED,qBAIC;IAED,qCAEC;IAED,qBAMC;IAED,0BAMC;IApGD,mBAGC;IA2CD,2BAEC;IAED,oCAgBC;IA/BD,kCASC;IAvCD,mCA4BC;IAqED;;aAKC;IAED,4BAKC;IAED,mBAMC;IAED,yBAEC;IAED,0BAGC;IAED,qCASC;IAED,sBAKC;IAjjBC,iBAA4B;IAE5B,oEAGC;IAED,0DAGC;IAED,8BAAoB;IAEpB,qBAA2B;IAC3B,sBAA4B;IAC5B,qBAAwB;IACxB,2BAA6B;IAyF/B,wBAMC;IAGD,6BAWC;IAED,+BAMC;IAED,wBAQC;IAED,4BAiBC;IAED,gCAGC;IAID,8DASC;IAED,qCAGC;IAED,aA8BC;IAED;;;OAGG;IACH,QAFa,OAAO,CAYnB;IAED;;;;OAIG;IACH,sBAHW,MAAM,WACN,MAAM,QAUhB;IAED,+BAEC;IAED,yBAWC;IAED;;;;;;;QASG;IAEH,uBAiCC;IAgQD,cAMC;IAED,iEA0BC;IAED,+BAOC;CAkMF"}