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

package/dist/panels/LogPanel.js

@@ -10,6 +10,8 @@ import Log from '@deephaven/log';
 import "./LogPanel.css";
 import Panel from "./Panel.js";
 import { getDashboardSessionWrapper } from "../redux/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('LogPanel');
 class LogPanel extends PureComponent {
   constructor(props) {
@@ -73,7 +75,7 @@ class LogPanel extends PureComponent {
     var {
       session
     } = this.state;
-    return /*#__PURE__*/React.createElement(Panel, {
+    return /*#__PURE__*/_jsxs(Panel, {
       componentPanel: this,
       glContainer: glContainer,
       glEventHub: glEventHub,
@@ -81,15 +83,17 @@ class LogPanel extends PureComponent {
       onHide: this.handleHide,
       onShow: this.handleShow,
       onSessionOpen: this.handleSessionOpened,
-      onSessionClose: this.handleSessionClosed
-    }, session == null && /*#__PURE__*/React.createElement("div", {
-      className: "log-panel-disconnected-message"
-    }, "Waiting for session connection"), session != null && /*#__PURE__*/React.createElement(LogView, {
-      session: session,
-      ref: logView => {
-        this.logView = logView;
-      }
-    }));
+      onSessionClose: this.handleSessionClosed,
+      children: [session == null && /*#__PURE__*/_jsx("div", {
+        className: "log-panel-disconnected-message",
+        children: "Waiting for session connection"
+      }), session != null && /*#__PURE__*/_jsx(LogView, {
+        session: session,
+        ref: logView => {
+          this.logView = logView;
+        }
+      })]
+    });
   }
 }
 _defineProperty(LogPanel, "defaultProps", {

package/dist/panels/LogPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogPanel.js","names":["React","PureComponent","connect","LogView","Log","Panel","getDashboardSessionWrapper","log","module","LogPanel","constructor","props","handleResize","bind","handleShow","handleHide","handleSessionOpened","handleSessionClosed","isBottomVisible","logView","session","state","updateDimensions","triggerFindWidget","scrollToBottom","debug","setState","render","glContainer","glEventHub","mapStateToProps","ownProps","localDashboardId","ConnectedLogPanel","forwardRef"],"sources":["../../src/panels/LogPanel.tsx"],"sourcesContent":["// Wrapper for the Console for use in a golden layout container\n// Will probably need to handle window popping out from golden layout here.\nimport React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport { LogView } from '@deephaven/console';\nimport type { IdeSession } from '@deephaven/jsapi-types';\nimport { DashboardPanelProps } from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport { RootState } from '@deephaven/redux';\nimport './LogPanel.scss';\nimport Panel from './Panel';\nimport { getDashboardSessionWrapper } from '../redux';\n\nconst log = Log.module('LogPanel');\n\ninterface LogPanelProps extends DashboardPanelProps {\n  session: IdeSession;\n}\n\ninterface LogPanelState {\n  session: IdeSession;\n}\n\nclass LogPanel extends PureComponent<LogPanelProps, LogPanelState> {\n  static defaultProps = {\n    session: null,\n  };\n\n  static COMPONENT = 'LogPanel';\n\n  static TITLE = 'Log';\n\n  constructor(props: LogPanelProps) {\n    super(props);\n\n    this.handleResize = this.handleResize.bind(this);\n    this.handleShow = this.handleShow.bind(this);\n    this.handleHide = this.handleHide.bind(this);\n    this.handleSessionOpened = this.handleSessionOpened.bind(this);\n    this.handleSessionClosed = this.handleSessionClosed.bind(this);\n\n    this.isBottomVisible = true;\n    this.logView = null;\n\n    const { session } = this.props;\n\n    this.state = { session };\n  }\n\n  isBottomVisible: boolean;\n\n  logView: LogView | null;\n\n  handleResize() {\n    this.updateDimensions();\n  }\n\n  handleShow() {\n    this.updateDimensions();\n    if (this.logView) {\n      this.logView.triggerFindWidget();\n\n      if (this.isBottomVisible) {\n        this.logView.scrollToBottom();\n      }\n    }\n  }\n\n  handleHide() {\n    if (this.logView) {\n      this.isBottomVisible = this.logView.isBottomVisible();\n    }\n  }\n\n  handleSessionOpened(session: IdeSession) {\n    log.debug('Session opened', [session]);\n    this.setState({ session });\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  handleSessionClosed(session: IdeSession) {\n    log.debug('Session closed', session);\n    // Keep the session reference in state unchanged until the session is re-connected\n  }\n\n  updateDimensions() {\n    if (this.logView) {\n      this.logView.updateDimensions();\n    }\n  }\n\n  render() {\n    const { glContainer, glEventHub } = this.props;\n    const { session } = this.state;\n    return (\n      <Panel\n        componentPanel={this}\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        onResize={this.handleResize}\n        onHide={this.handleHide}\n        onShow={this.handleShow}\n        onSessionOpen={this.handleSessionOpened}\n        onSessionClose={this.handleSessionClosed}\n      >\n        {session == null && (\n          <div className=\"log-panel-disconnected-message\">\n            Waiting for session connection\n          </div>\n        )}\n        {session != null && (\n          <LogView\n            session={session}\n            ref={logView => {\n              this.logView = logView;\n            }}\n          />\n        )}\n      </Panel>\n    );\n  }\n}\n\nconst mapStateToProps = (\n  state: RootState,\n  ownProps: { localDashboardId: string }\n) => ({\n  session: getDashboardSessionWrapper(state, ownProps.localDashboardId)\n    ?.session,\n});\n\nconst ConnectedLogPanel = connect(mapStateToProps, null, null, {\n  forwardRef: true,\n})(LogPanel);\n\nexport default ConnectedLogPanel;\n"],"mappings":"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"}
+{"version":3,"file":"LogPanel.js","names":["React","PureComponent","connect","LogView","Log","Panel","getDashboardSessionWrapper","log","module","LogPanel","constructor","props","handleResize","bind","handleShow","handleHide","handleSessionOpened","handleSessionClosed","isBottomVisible","logView","session","state","updateDimensions","triggerFindWidget","scrollToBottom","debug","setState","render","glContainer","glEventHub","mapStateToProps","ownProps","localDashboardId","ConnectedLogPanel","forwardRef"],"sources":["../../src/panels/LogPanel.tsx"],"sourcesContent":["// Wrapper for the Console for use in a golden layout container\n// Will probably need to handle window popping out from golden layout here.\nimport React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport { LogView } from '@deephaven/console';\nimport type { IdeSession } from '@deephaven/jsapi-types';\nimport { DashboardPanelProps } from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport { RootState } from '@deephaven/redux';\nimport './LogPanel.scss';\nimport Panel from './Panel';\nimport { getDashboardSessionWrapper } from '../redux';\n\nconst log = Log.module('LogPanel');\n\ninterface LogPanelProps extends DashboardPanelProps {\n  session: IdeSession;\n}\n\ninterface LogPanelState {\n  session: IdeSession;\n}\n\nclass LogPanel extends PureComponent<LogPanelProps, LogPanelState> {\n  static defaultProps = {\n    session: null,\n  };\n\n  static COMPONENT = 'LogPanel';\n\n  static TITLE = 'Log';\n\n  constructor(props: LogPanelProps) {\n    super(props);\n\n    this.handleResize = this.handleResize.bind(this);\n    this.handleShow = this.handleShow.bind(this);\n    this.handleHide = this.handleHide.bind(this);\n    this.handleSessionOpened = this.handleSessionOpened.bind(this);\n    this.handleSessionClosed = this.handleSessionClosed.bind(this);\n\n    this.isBottomVisible = true;\n    this.logView = null;\n\n    const { session } = this.props;\n\n    this.state = { session };\n  }\n\n  isBottomVisible: boolean;\n\n  logView: LogView | null;\n\n  handleResize() {\n    this.updateDimensions();\n  }\n\n  handleShow() {\n    this.updateDimensions();\n    if (this.logView) {\n      this.logView.triggerFindWidget();\n\n      if (this.isBottomVisible) {\n        this.logView.scrollToBottom();\n      }\n    }\n  }\n\n  handleHide() {\n    if (this.logView) {\n      this.isBottomVisible = this.logView.isBottomVisible();\n    }\n  }\n\n  handleSessionOpened(session: IdeSession) {\n    log.debug('Session opened', [session]);\n    this.setState({ session });\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  handleSessionClosed(session: IdeSession) {\n    log.debug('Session closed', session);\n    // Keep the session reference in state unchanged until the session is re-connected\n  }\n\n  updateDimensions() {\n    if (this.logView) {\n      this.logView.updateDimensions();\n    }\n  }\n\n  render() {\n    const { glContainer, glEventHub } = this.props;\n    const { session } = this.state;\n    return (\n      <Panel\n        componentPanel={this}\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        onResize={this.handleResize}\n        onHide={this.handleHide}\n        onShow={this.handleShow}\n        onSessionOpen={this.handleSessionOpened}\n        onSessionClose={this.handleSessionClosed}\n      >\n        {session == null && (\n          <div className=\"log-panel-disconnected-message\">\n            Waiting for session connection\n          </div>\n        )}\n        {session != null && (\n          <LogView\n            session={session}\n            ref={logView => {\n              this.logView = logView;\n            }}\n          />\n        )}\n      </Panel>\n    );\n  }\n}\n\nconst mapStateToProps = (\n  state: RootState,\n  ownProps: { localDashboardId: string }\n) => ({\n  session: getDashboardSessionWrapper(state, ownProps.localDashboardId)\n    ?.session,\n});\n\nconst ConnectedLogPanel = connect(mapStateToProps, null, null, {\n  forwardRef: true,\n})(LogPanel);\n\nexport default ConnectedLogPanel;\n"],"mappings":"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"}

package/dist/panels/MarkdownNotebook.js

@@ -10,6 +10,8 @@ import { Code } from '@deephaven/console';
 import { vsPlay } from '@deephaven/icons';
 import "./MarkdownNotebook.css";
 import { assertNotNull } from '@deephaven/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export class MarkdownNotebook extends PureComponent {
   constructor(props) {
     super(props);
@@ -136,13 +138,14 @@ export class MarkdownNotebook extends PureComponent {
     var isSelected = nextStartLine === line || isFirstBlock && nextStartLine == null && !hasRunCode;
     var language = className !== undefined && className.startsWith('language-') ? className.substring(9) : 'plaintext';
     if (inline != null && inline) {
-      return /*#__PURE__*/React.createElement("code", {
-        className: className
-      }, children);
+      return /*#__PURE__*/_jsx("code", {
+        className: className,
+        children: children
+      });
     }
     this.commands.set(line, command);
     this.codeElements.set(line, ref);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: classNames('markdown-notebook-code-block', {
         'is-selected': isSelected
       }),
@@ -152,23 +155,27 @@ export class MarkdownNotebook extends PureComponent {
           nextStartLine: line
         });
       },
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      icon: vsPlay,
-      className: "btn-play-block",
-      onClick: event => {
-        event.stopPropagation();
-        event.preventDefault();
-        this.runCode(command);
-        this.setState({
-          nextStartLine: line
-        });
-      },
-      tooltip: "Run code"
-    }), /*#__PURE__*/React.createElement("code", null, /*#__PURE__*/React.createElement(Code, {
-      language: language
-    }, React.Children.map(children, child => typeof child === 'string' ? child.trim() : child))));
+      role: "presentation",
+      children: [/*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        icon: vsPlay,
+        className: "btn-play-block",
+        onClick: event => {
+          event.stopPropagation();
+          event.preventDefault();
+          this.runCode(command);
+          this.setState({
+            nextStartLine: line
+          });
+        },
+        tooltip: "Run code"
+      }), /*#__PURE__*/_jsx("code", {
+        children: /*#__PURE__*/_jsx(Code, {
+          language: language,
+          children: React.Children.map(children, child => typeof child === 'string' ? child.trim() : child)
+        })
+      })]
+    });
   }
   renderLink(props) {
     var {
@@ -179,11 +186,12 @@ export class MarkdownNotebook extends PureComponent {
       children,
       target
     } = props;
-    return /*#__PURE__*/React.createElement("a", {
+    return /*#__PURE__*/_jsx("a", {
       href: href,
       onClick: onLinkClick,
-      target: target
-    }, children);
+      target: target,
+      children: children
+    });
   }
   render() {
     var {
@@ -196,33 +204,38 @@ export class MarkdownNotebook extends PureComponent {
       hasRunCode,
       nextStartLine
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "markdown-notebook"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "markdown-notebook-toolbar"
-    }, /*#__PURE__*/React.createElement(Button, {
-      className: classNames('btn-play-selected-cell', {
-        flashing: hasCode && !hasRunCode
-      }),
-      kind: "ghost",
-      icon: vsPlay,
-      onClick: this.handleRunSelected,
-      tooltip: "Run code and select next",
-      disabled: hasRunCode && nextStartLine == null || !hasCode
-    }, "Run Selected Code")), /*#__PURE__*/React.createElement("div", {
-      className: "markdown-notebook-content",
-      ref: this.editorScrollView
-    }, /*#__PURE__*/React.createElement(Markdown, {
-      components: {
-        code: this.renderCodeBlock,
-        a: this.renderLink
-      },
-      linkTarget: "_blank",
-      remarkPlugins: [remarkGfm],
-      transformLinkUri: transformLinkUri,
-      transformImageUri: transformImageUri,
-      includeElementIndex: true
-    }, content)));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "markdown-notebook",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "markdown-notebook-toolbar",
+        children: /*#__PURE__*/_jsx(Button, {
+          className: classNames('btn-play-selected-cell', {
+            flashing: hasCode && !hasRunCode
+          }),
+          kind: "ghost",
+          icon: vsPlay,
+          onClick: this.handleRunSelected,
+          tooltip: "Run code and select next",
+          disabled: hasRunCode && nextStartLine == null || !hasCode,
+          children: "Run Selected Code"
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "markdown-notebook-content",
+        ref: this.editorScrollView,
+        children: /*#__PURE__*/_jsx(Markdown, {
+          components: {
+            code: this.renderCodeBlock,
+            a: this.renderLink
+          },
+          linkTarget: "_blank",
+          remarkPlugins: [remarkGfm],
+          transformLinkUri: transformLinkUri,
+          transformImageUri: transformImageUri,
+          includeElementIndex: true,
+          children: content
+        })
+      })]
+    });
   }
 }
 _defineProperty(MarkdownNotebook, "defaultProps", {

package/dist/panels/MarkdownNotebook.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownNotebook.js","names":["React","PureComponent","classNames","Markdown","remarkGfm","Button","Code","vsPlay","assertNotNull","MarkdownNotebook","constructor","props","handleRunSelected","bind","renderCodeBlock","renderLink","commands","Map","codeElements","editorScrollView","createRef","state","hasCode","hasRunCode","nextStartLine","componentDidMount","updateHasCode","componentDidUpdate","size","setState","getNextStartLine","line","keys","nextIndex","findIndex","key","length","event","preventDefault","stopPropagation","keyIndex","startLine","command","get","newNextStartLine","element","current","nextElement","parentElement","nextElementSibling","offsetTop","top","scroll","left","runCode","onRunCode","children","className","inline","node","nodeChildren","position","start","value","ref","isFirstBlock","isSelected","language","undefined","startsWith","substring","set","Children","map","child","trim","onLinkClick","href","target","render","content","transformImageUri","transformLinkUri","flashing","code","a"],"sources":["../../src/panels/MarkdownNotebook.tsx"],"sourcesContent":["import React, {\n  PureComponent,\n  ReactElement,\n  RefObject,\n  MouseEvent,\n  MouseEventHandler,\n} from 'react';\nimport classNames from 'classnames';\nimport Markdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { Button } from '@deephaven/components';\nimport { Code } from '@deephaven/console';\nimport { vsPlay } from '@deephaven/icons';\nimport './MarkdownNotebook.scss';\nimport {\n  ReactMarkdownProps,\n  TransformImage,\n  TransformLink,\n} from 'react-markdown/src/ast-to-react';\nimport { assertNotNull } from '@deephaven/utils';\n\ninterface MarkdownNotebookProps {\n  onRunCode: (command?: string) => void;\n  content: string;\n  onLinkClick: MouseEventHandler<HTMLAnchorElement>;\n  transformImageUri?: TransformImage;\n  transformLinkUri?: false | TransformLink | null;\n}\n\ninterface MarkdownNotebookState {\n  hasCode: boolean;\n\n  // Keep track if any code has been executed yet. If not, make the run button flash\n  hasRunCode: boolean;\n\n  // Line of the next block to execute. Null to start at the first block\n  nextStartLine: number | null;\n}\n\nexport class MarkdownNotebook extends PureComponent<\n  MarkdownNotebookProps,\n  MarkdownNotebookState\n> {\n  static defaultProps = {\n    onRunCode: (): void => undefined,\n  };\n\n  constructor(props: MarkdownNotebookProps) {\n    super(props);\n\n    this.handleRunSelected = this.handleRunSelected.bind(this);\n    this.renderCodeBlock = this.renderCodeBlock.bind(this);\n    this.renderLink = this.renderLink.bind(this);\n\n    // Map of each code block from it's starting line number to the code within that block\n    this.commands = new Map();\n    this.codeElements = new Map();\n    this.editorScrollView = React.createRef();\n\n    this.state = {\n      hasCode: false,\n\n      // Keep track if any code has been executed yet. If not, make the run button flash\n      hasRunCode: false,\n\n      // Line of the next block to execute. Null to start at the first block\n      nextStartLine: null,\n    };\n  }\n\n  componentDidMount(): void {\n    this.updateHasCode();\n  }\n\n  componentDidUpdate(): void {\n    this.updateHasCode();\n  }\n\n  commands: Map<number, string>;\n\n  codeElements: Map<number, React.RefObject<HTMLDivElement>>;\n\n  editorScrollView: RefObject<HTMLDivElement>;\n\n  updateHasCode(): void {\n    const { hasCode } = this.state;\n    if (this.commands.size === 0 && hasCode) {\n      this.setState({ hasCode: false });\n    } else if (this.commands.size > 0 && !hasCode) {\n      this.setState({ hasCode: true });\n    }\n  }\n\n  /**\n   * @param line The line of the code block to start from\n   * @returns The next line of the code block to start from\n   */\n  getNextStartLine(line: number | null): number | null {\n    const keys = [...this.commands.keys()];\n    const nextIndex = keys.findIndex(key => key === line) + 1;\n    if (nextIndex >= keys.length) {\n      // We got to the last block, disable\n      return null;\n    }\n\n    return keys[nextIndex];\n  }\n\n  handleRunSelected(event: MouseEvent<HTMLButtonElement>): void {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { nextStartLine } = this.state;\n    const keys = [...this.commands.keys()];\n    const keyIndex = keys.findIndex(\n      key => key === nextStartLine || nextStartLine == null\n    );\n    if (keyIndex < 0) {\n      return;\n    }\n    const startLine = keys[keyIndex];\n    const command = this.commands.get(startLine);\n    const newNextStartLine = this.getNextStartLine(startLine);\n    const element = this.codeElements.get(startLine)?.current;\n    const nextElement = element?.parentElement?.nextElementSibling;\n    if (nextElement != null) {\n      const { offsetTop } = nextElement as HTMLElement;\n      const top = offsetTop;\n      this.editorScrollView.current?.scroll({\n        top,\n        left: 0,\n      });\n    }\n\n    this.runCode(command);\n    this.setState({ nextStartLine: newNextStartLine });\n  }\n\n  runCode(command?: string): void {\n    const { onRunCode } = this.props;\n    onRunCode(command);\n\n    this.setState({ hasRunCode: true });\n  }\n\n  renderCodeBlock(\n    props: JSX.IntrinsicElements['code'] &\n      ReactMarkdownProps & {\n        inline?: boolean;\n      }\n  ): ReactElement {\n    const { children, className, inline, node } = props;\n    const { hasRunCode, nextStartLine } = this.state;\n    const { children: nodeChildren, position } = node;\n    assertNotNull(position);\n    const { start } = position;\n    const { line } = start;\n    const command = (nodeChildren[0] as { value: string }).value;\n    const ref = React.createRef<HTMLDivElement>();\n    const isFirstBlock = this.commands.size === 0;\n    const isSelected =\n      nextStartLine === line ||\n      (isFirstBlock && nextStartLine == null && !hasRunCode);\n    const language =\n      className !== undefined && className.startsWith('language-')\n        ? className.substring(9)\n        : 'plaintext';\n\n    if (inline != null && inline) {\n      return <code className={className}>{children}</code>;\n    }\n\n    this.commands.set(line, command);\n    this.codeElements.set(line, ref);\n\n    return (\n      <div\n        className={classNames('markdown-notebook-code-block', {\n          'is-selected': isSelected,\n        })}\n        ref={ref}\n        onClick={() => {\n          this.setState({ nextStartLine: line });\n        }}\n        role=\"presentation\"\n      >\n        <Button\n          kind=\"ghost\"\n          icon={vsPlay}\n          className=\"btn-play-block\"\n          onClick={event => {\n            event.stopPropagation();\n            event.preventDefault();\n\n            this.runCode(command);\n            this.setState({ nextStartLine: line });\n          }}\n          tooltip=\"Run code\"\n        />\n        <code>\n          <Code language={language}>\n            {React.Children.map(children, child =>\n              typeof child === 'string' ? child.trim() : child\n            )}\n          </Code>\n        </code>\n      </div>\n    );\n  }\n\n  renderLink(\n    props: React.ClassAttributes<HTMLAnchorElement> &\n      React.AnchorHTMLAttributes<HTMLAnchorElement> &\n      ReactMarkdownProps\n  ): ReactElement {\n    const { onLinkClick } = this.props;\n    const { href, children, target } = props;\n    return (\n      <a href={href} onClick={onLinkClick} target={target}>\n        {children}\n      </a>\n    );\n  }\n\n  render(): ReactElement {\n    const { content, transformImageUri, transformLinkUri } = this.props;\n    const { hasCode, hasRunCode, nextStartLine } = this.state;\n    return (\n      <div className=\"markdown-notebook\">\n        <div className=\"markdown-notebook-toolbar\">\n          <Button\n            className={classNames('btn-play-selected-cell', {\n              flashing: hasCode && !hasRunCode,\n            })}\n            kind=\"ghost\"\n            icon={vsPlay}\n            onClick={this.handleRunSelected}\n            tooltip=\"Run code and select next\"\n            disabled={(hasRunCode && nextStartLine == null) || !hasCode}\n          >\n            Run Selected Code\n          </Button>\n        </div>\n        <div className=\"markdown-notebook-content\" ref={this.editorScrollView}>\n          <Markdown\n            components={{ code: this.renderCodeBlock, a: this.renderLink }}\n            linkTarget=\"_blank\"\n            remarkPlugins={[remarkGfm]}\n            transformLinkUri={transformLinkUri}\n            transformImageUri={transformImageUri}\n            includeElementIndex\n          >\n            {content}\n          </Markdown>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default MarkdownNotebook;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,aAAa,QAKR,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,gBAAgB;AACrC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,MAAM,QAAQ,kBAAkB;AAAC;AAO1C,SAASC,aAAa,QAAQ,kBAAkB;AAoBhD,OAAO,MAAMC,gBAAgB,SAASR,aAAa,CAGjD;EAKAS,WAAW,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAAA;IAEb,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACE,UAAU,GAAG,IAAI,CAACA,UAAU,CAACF,IAAI,CAAC,IAAI,CAAC;;IAE5C;IACA,IAAI,CAACG,QAAQ,GAAG,IAAIC,GAAG,EAAE;IACzB,IAAI,CAACC,YAAY,GAAG,IAAID,GAAG,EAAE;IAC7B,IAAI,CAACE,gBAAgB,gBAAGnB,KAAK,CAACoB,SAAS,EAAE;IAEzC,IAAI,CAACC,KAAK,GAAG;MACXC,OAAO,EAAE,KAAK;MAEd;MACAC,UAAU,EAAE,KAAK;MAEjB;MACAC,aAAa,EAAE;IACjB,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB,IAAI,CAACC,aAAa,EAAE;EACtB;EAEAC,kBAAkB,GAAS;IACzB,IAAI,CAACD,aAAa,EAAE;EACtB;EAQAA,aAAa,GAAS;IACpB,IAAM;MAAEJ;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAI,IAAI,CAACL,QAAQ,CAACY,IAAI,KAAK,CAAC,IAAIN,OAAO,EAAE;MACvC,IAAI,CAACO,QAAQ,CAAC;QAAEP,OAAO,EAAE;MAAM,CAAC,CAAC;IACnC,CAAC,MAAM,IAAI,IAAI,CAACN,QAAQ,CAACY,IAAI,GAAG,CAAC,IAAI,CAACN,OAAO,EAAE;MAC7C,IAAI,CAACO,QAAQ,CAAC;QAAEP,OAAO,EAAE;MAAK,CAAC,CAAC;IAClC;EACF;;EAEA;AACF;AACA;AACA;EACEQ,gBAAgB,CAACC,IAAmB,EAAiB;IACnD,IAAMC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAChB,QAAQ,CAACgB,IAAI,EAAE,CAAC;IACtC,IAAMC,SAAS,GAAGD,IAAI,CAACE,SAAS,CAACC,GAAG,IAAIA,GAAG,KAAKJ,IAAI,CAAC,GAAG,CAAC;IACzD,IAAIE,SAAS,IAAID,IAAI,CAACI,MAAM,EAAE;MAC5B;MACA,OAAO,IAAI;IACb;IAEA,OAAOJ,IAAI,CAACC,SAAS,CAAC;EACxB;EAEArB,iBAAiB,CAACyB,KAAoC,EAAQ;IAAA;IAC5DA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IAEvB,IAAM;MAAEf;IAAc,CAAC,GAAG,IAAI,CAACH,KAAK;IACpC,IAAMW,IAAI,GAAG,CAAC,GAAG,IAAI,CAAChB,QAAQ,CAACgB,IAAI,EAAE,CAAC;IACtC,IAAMQ,QAAQ,GAAGR,IAAI,CAACE,SAAS,CAC7BC,GAAG,IAAIA,GAAG,KAAKX,aAAa,IAAIA,aAAa,IAAI,IAAI,CACtD;IACD,IAAIgB,QAAQ,GAAG,CAAC,EAAE;MAChB;IACF;IACA,IAAMC,SAAS,GAAGT,IAAI,CAACQ,QAAQ,CAAC;IAChC,IAAME,OAAO,GAAG,IAAI,CAAC1B,QAAQ,CAAC2B,GAAG,CAACF,SAAS,CAAC;IAC5C,IAAMG,gBAAgB,GAAG,IAAI,CAACd,gBAAgB,CAACW,SAAS,CAAC;IACzD,IAAMI,OAAO,4BAAG,IAAI,CAAC3B,YAAY,CAACyB,GAAG,CAACF,SAAS,CAAC,0DAAhC,sBAAkCK,OAAO;IACzD,IAAMC,WAAW,GAAGF,OAAO,aAAPA,OAAO,gDAAPA,OAAO,CAAEG,aAAa,0DAAtB,sBAAwBC,kBAAkB;IAC9D,IAAIF,WAAW,IAAI,IAAI,EAAE;MAAA;MACvB,IAAM;QAAEG;MAAU,CAAC,GAAGH,WAA0B;MAChD,IAAMI,GAAG,GAAGD,SAAS;MACrB,6BAAI,CAAC/B,gBAAgB,CAAC2B,OAAO,0DAA7B,sBAA+BM,MAAM,CAAC;QACpCD,GAAG;QACHE,IAAI,EAAE;MACR,CAAC,CAAC;IACJ;IAEA,IAAI,CAACC,OAAO,CAACZ,OAAO,CAAC;IACrB,IAAI,CAACb,QAAQ,CAAC;MAAEL,aAAa,EAAEoB;IAAiB,CAAC,CAAC;EACpD;EAEAU,OAAO,CAACZ,OAAgB,EAAQ;IAC9B,IAAM;MAAEa;IAAU,CAAC,GAAG,IAAI,CAAC5C,KAAK;IAChC4C,SAAS,CAACb,OAAO,CAAC;IAElB,IAAI,CAACb,QAAQ,CAAC;MAAEN,UAAU,EAAE;IAAK,CAAC,CAAC;EACrC;EAEAT,eAAe,CACbH,KAGG,EACW;IACd,IAAM;MAAE6C,QAAQ;MAAEC,SAAS;MAAEC,MAAM;MAAEC;IAAK,CAAC,GAAGhD,KAAK;IACnD,IAAM;MAAEY,UAAU;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACH,KAAK;IAChD,IAAM;MAAEmC,QAAQ,EAAEI,YAAY;MAAEC;IAAS,CAAC,GAAGF,IAAI;IACjDnD,aAAa,CAACqD,QAAQ,CAAC;IACvB,IAAM;MAAEC;IAAM,CAAC,GAAGD,QAAQ;IAC1B,IAAM;MAAE9B;IAAK,CAAC,GAAG+B,KAAK;IACtB,IAAMpB,OAAO,GAAIkB,YAAY,CAAC,CAAC,CAAC,CAAuBG,KAAK;IAC5D,IAAMC,GAAG,gBAAGhE,KAAK,CAACoB,SAAS,EAAkB;IAC7C,IAAM6C,YAAY,GAAG,IAAI,CAACjD,QAAQ,CAACY,IAAI,KAAK,CAAC;IAC7C,IAAMsC,UAAU,GACd1C,aAAa,KAAKO,IAAI,IACrBkC,YAAY,IAAIzC,aAAa,IAAI,IAAI,IAAI,CAACD,UAAW;IACxD,IAAM4C,QAAQ,GACZV,SAAS,KAAKW,SAAS,IAAIX,SAAS,CAACY,UAAU,CAAC,WAAW,CAAC,GACxDZ,SAAS,CAACa,SAAS,CAAC,CAAC,CAAC,GACtB,WAAW;IAEjB,IAAIZ,MAAM,IAAI,IAAI,IAAIA,MAAM,EAAE;MAC5B,oBAAO;QAAM,SAAS,EAAED;MAAU,GAAED,QAAQ,CAAQ;IACtD;IAEA,IAAI,CAACxC,QAAQ,CAACuD,GAAG,CAACxC,IAAI,EAAEW,OAAO,CAAC;IAChC,IAAI,CAACxB,YAAY,CAACqD,GAAG,CAACxC,IAAI,EAAEiC,GAAG,CAAC;IAEhC,oBACE;MACE,SAAS,EAAE9D,UAAU,CAAC,8BAA8B,EAAE;QACpD,aAAa,EAAEgE;MACjB,CAAC,CAAE;MACH,GAAG,EAAEF,GAAI;MACT,OAAO,EAAE,MAAM;QACb,IAAI,CAACnC,QAAQ,CAAC;UAAEL,aAAa,EAAEO;QAAK,CAAC,CAAC;MACxC,CAAE;MACF,IAAI,EAAC;IAAc,gBAEnB,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,IAAI,EAAExB,MAAO;MACb,SAAS,EAAC,gBAAgB;MAC1B,OAAO,EAAE8B,KAAK,IAAI;QAChBA,KAAK,CAACE,eAAe,EAAE;QACvBF,KAAK,CAACC,cAAc,EAAE;QAEtB,IAAI,CAACgB,OAAO,CAACZ,OAAO,CAAC;QACrB,IAAI,CAACb,QAAQ,CAAC;UAAEL,aAAa,EAAEO;QAAK,CAAC,CAAC;MACxC,CAAE;MACF,OAAO,EAAC;IAAU,EAClB,eACF,+CACE,oBAAC,IAAI;MAAC,QAAQ,EAAEoC;IAAS,GACtBnE,KAAK,CAACwE,QAAQ,CAACC,GAAG,CAACjB,QAAQ,EAAEkB,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACC,IAAI,EAAE,GAAGD,KAAK,CACjD,CACI,CACF,CACH;EAEV;EAEA3D,UAAU,CACRJ,KAEoB,EACN;IACd,IAAM;MAAEiE;IAAY,CAAC,GAAG,IAAI,CAACjE,KAAK;IAClC,IAAM;MAAEkE,IAAI;MAAErB,QAAQ;MAAEsB;IAAO,CAAC,GAAGnE,KAAK;IACxC,oBACE;MAAG,IAAI,EAAEkE,IAAK;MAAC,OAAO,EAAED,WAAY;MAAC,MAAM,EAAEE;IAAO,GACjDtB,QAAQ,CACP;EAER;EAEAuB,MAAM,GAAiB;IACrB,IAAM;MAAEC,OAAO;MAAEC,iBAAiB;MAAEC;IAAiB,CAAC,GAAG,IAAI,CAACvE,KAAK;IACnE,IAAM;MAAEW,OAAO;MAAEC,UAAU;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACH,KAAK;IACzD,oBACE;MAAK,SAAS,EAAC;IAAmB,gBAChC;MAAK,SAAS,EAAC;IAA2B,gBACxC,oBAAC,MAAM;MACL,SAAS,EAAEnB,UAAU,CAAC,wBAAwB,EAAE;QAC9CiF,QAAQ,EAAE7D,OAAO,IAAI,CAACC;MACxB,CAAC,CAAE;MACH,IAAI,EAAC,OAAO;MACZ,IAAI,EAAEhB,MAAO;MACb,OAAO,EAAE,IAAI,CAACK,iBAAkB;MAChC,OAAO,EAAC,0BAA0B;MAClC,QAAQ,EAAGW,UAAU,IAAIC,aAAa,IAAI,IAAI,IAAK,CAACF;IAAQ,GAC7D,mBAED,CAAS,CACL,eACN;MAAK,SAAS,EAAC,2BAA2B;MAAC,GAAG,EAAE,IAAI,CAACH;IAAiB,gBACpE,oBAAC,QAAQ;MACP,UAAU,EAAE;QAAEiE,IAAI,EAAE,IAAI,CAACtE,eAAe;QAAEuE,CAAC,EAAE,IAAI,CAACtE;MAAW,CAAE;MAC/D,UAAU,EAAC,QAAQ;MACnB,aAAa,EAAE,CAACX,SAAS,CAAE;MAC3B,gBAAgB,EAAE8E,gBAAiB;MACnC,iBAAiB,EAAED,iBAAkB;MACrC,mBAAmB;IAAA,GAElBD,OAAO,CACC,CACP,CACF;EAEV;AACF;AAAC,gBA3NYvE,gBAAgB,kBAIL;EACpB8C,SAAS,EAAE,MAAYa;AACzB,CAAC;AAuNH,eAAe3D,gBAAgB"}
+{"version":3,"file":"MarkdownNotebook.js","names":["React","PureComponent","classNames","Markdown","remarkGfm","Button","Code","vsPlay","assertNotNull","MarkdownNotebook","constructor","props","handleRunSelected","bind","renderCodeBlock","renderLink","commands","Map","codeElements","editorScrollView","createRef","state","hasCode","hasRunCode","nextStartLine","componentDidMount","updateHasCode","componentDidUpdate","size","setState","getNextStartLine","line","keys","nextIndex","findIndex","key","length","event","preventDefault","stopPropagation","keyIndex","startLine","command","get","newNextStartLine","element","current","nextElement","parentElement","nextElementSibling","offsetTop","top","scroll","left","runCode","onRunCode","children","className","inline","node","nodeChildren","position","start","value","ref","isFirstBlock","isSelected","language","undefined","startsWith","substring","set","Children","map","child","trim","onLinkClick","href","target","render","content","transformImageUri","transformLinkUri","flashing","code","a"],"sources":["../../src/panels/MarkdownNotebook.tsx"],"sourcesContent":["import React, {\n  PureComponent,\n  ReactElement,\n  RefObject,\n  MouseEvent,\n  MouseEventHandler,\n} from 'react';\nimport classNames from 'classnames';\nimport Markdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { Button } from '@deephaven/components';\nimport { Code } from '@deephaven/console';\nimport { vsPlay } from '@deephaven/icons';\nimport './MarkdownNotebook.scss';\nimport {\n  ReactMarkdownProps,\n  TransformImage,\n  TransformLink,\n} from 'react-markdown/src/ast-to-react';\nimport { assertNotNull } from '@deephaven/utils';\n\ninterface MarkdownNotebookProps {\n  onRunCode: (command?: string) => void;\n  content: string;\n  onLinkClick: MouseEventHandler<HTMLAnchorElement>;\n  transformImageUri?: TransformImage;\n  transformLinkUri?: false | TransformLink | null;\n}\n\ninterface MarkdownNotebookState {\n  hasCode: boolean;\n\n  // Keep track if any code has been executed yet. If not, make the run button flash\n  hasRunCode: boolean;\n\n  // Line of the next block to execute. Null to start at the first block\n  nextStartLine: number | null;\n}\n\nexport class MarkdownNotebook extends PureComponent<\n  MarkdownNotebookProps,\n  MarkdownNotebookState\n> {\n  static defaultProps = {\n    onRunCode: (): void => undefined,\n  };\n\n  constructor(props: MarkdownNotebookProps) {\n    super(props);\n\n    this.handleRunSelected = this.handleRunSelected.bind(this);\n    this.renderCodeBlock = this.renderCodeBlock.bind(this);\n    this.renderLink = this.renderLink.bind(this);\n\n    // Map of each code block from it's starting line number to the code within that block\n    this.commands = new Map();\n    this.codeElements = new Map();\n    this.editorScrollView = React.createRef();\n\n    this.state = {\n      hasCode: false,\n\n      // Keep track if any code has been executed yet. If not, make the run button flash\n      hasRunCode: false,\n\n      // Line of the next block to execute. Null to start at the first block\n      nextStartLine: null,\n    };\n  }\n\n  componentDidMount(): void {\n    this.updateHasCode();\n  }\n\n  componentDidUpdate(): void {\n    this.updateHasCode();\n  }\n\n  commands: Map<number, string>;\n\n  codeElements: Map<number, React.RefObject<HTMLDivElement>>;\n\n  editorScrollView: RefObject<HTMLDivElement>;\n\n  updateHasCode(): void {\n    const { hasCode } = this.state;\n    if (this.commands.size === 0 && hasCode) {\n      this.setState({ hasCode: false });\n    } else if (this.commands.size > 0 && !hasCode) {\n      this.setState({ hasCode: true });\n    }\n  }\n\n  /**\n   * @param line The line of the code block to start from\n   * @returns The next line of the code block to start from\n   */\n  getNextStartLine(line: number | null): number | null {\n    const keys = [...this.commands.keys()];\n    const nextIndex = keys.findIndex(key => key === line) + 1;\n    if (nextIndex >= keys.length) {\n      // We got to the last block, disable\n      return null;\n    }\n\n    return keys[nextIndex];\n  }\n\n  handleRunSelected(event: MouseEvent<HTMLButtonElement>): void {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { nextStartLine } = this.state;\n    const keys = [...this.commands.keys()];\n    const keyIndex = keys.findIndex(\n      key => key === nextStartLine || nextStartLine == null\n    );\n    if (keyIndex < 0) {\n      return;\n    }\n    const startLine = keys[keyIndex];\n    const command = this.commands.get(startLine);\n    const newNextStartLine = this.getNextStartLine(startLine);\n    const element = this.codeElements.get(startLine)?.current;\n    const nextElement = element?.parentElement?.nextElementSibling;\n    if (nextElement != null) {\n      const { offsetTop } = nextElement as HTMLElement;\n      const top = offsetTop;\n      this.editorScrollView.current?.scroll({\n        top,\n        left: 0,\n      });\n    }\n\n    this.runCode(command);\n    this.setState({ nextStartLine: newNextStartLine });\n  }\n\n  runCode(command?: string): void {\n    const { onRunCode } = this.props;\n    onRunCode(command);\n\n    this.setState({ hasRunCode: true });\n  }\n\n  renderCodeBlock(\n    props: JSX.IntrinsicElements['code'] &\n      ReactMarkdownProps & {\n        inline?: boolean;\n      }\n  ): ReactElement {\n    const { children, className, inline, node } = props;\n    const { hasRunCode, nextStartLine } = this.state;\n    const { children: nodeChildren, position } = node;\n    assertNotNull(position);\n    const { start } = position;\n    const { line } = start;\n    const command = (nodeChildren[0] as { value: string }).value;\n    const ref = React.createRef<HTMLDivElement>();\n    const isFirstBlock = this.commands.size === 0;\n    const isSelected =\n      nextStartLine === line ||\n      (isFirstBlock && nextStartLine == null && !hasRunCode);\n    const language =\n      className !== undefined && className.startsWith('language-')\n        ? className.substring(9)\n        : 'plaintext';\n\n    if (inline != null && inline) {\n      return <code className={className}>{children}</code>;\n    }\n\n    this.commands.set(line, command);\n    this.codeElements.set(line, ref);\n\n    return (\n      <div\n        className={classNames('markdown-notebook-code-block', {\n          'is-selected': isSelected,\n        })}\n        ref={ref}\n        onClick={() => {\n          this.setState({ nextStartLine: line });\n        }}\n        role=\"presentation\"\n      >\n        <Button\n          kind=\"ghost\"\n          icon={vsPlay}\n          className=\"btn-play-block\"\n          onClick={event => {\n            event.stopPropagation();\n            event.preventDefault();\n\n            this.runCode(command);\n            this.setState({ nextStartLine: line });\n          }}\n          tooltip=\"Run code\"\n        />\n        <code>\n          <Code language={language}>\n            {React.Children.map(children, child =>\n              typeof child === 'string' ? child.trim() : child\n            )}\n          </Code>\n        </code>\n      </div>\n    );\n  }\n\n  renderLink(\n    props: React.ClassAttributes<HTMLAnchorElement> &\n      React.AnchorHTMLAttributes<HTMLAnchorElement> &\n      ReactMarkdownProps\n  ): ReactElement {\n    const { onLinkClick } = this.props;\n    const { href, children, target } = props;\n    return (\n      <a href={href} onClick={onLinkClick} target={target}>\n        {children}\n      </a>\n    );\n  }\n\n  render(): ReactElement {\n    const { content, transformImageUri, transformLinkUri } = this.props;\n    const { hasCode, hasRunCode, nextStartLine } = this.state;\n    return (\n      <div className=\"markdown-notebook\">\n        <div className=\"markdown-notebook-toolbar\">\n          <Button\n            className={classNames('btn-play-selected-cell', {\n              flashing: hasCode && !hasRunCode,\n            })}\n            kind=\"ghost\"\n            icon={vsPlay}\n            onClick={this.handleRunSelected}\n            tooltip=\"Run code and select next\"\n            disabled={(hasRunCode && nextStartLine == null) || !hasCode}\n          >\n            Run Selected Code\n          </Button>\n        </div>\n        <div className=\"markdown-notebook-content\" ref={this.editorScrollView}>\n          <Markdown\n            components={{ code: this.renderCodeBlock, a: this.renderLink }}\n            linkTarget=\"_blank\"\n            remarkPlugins={[remarkGfm]}\n            transformLinkUri={transformLinkUri}\n            transformImageUri={transformImageUri}\n            includeElementIndex\n          >\n            {content}\n          </Markdown>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default MarkdownNotebook;\n"],"mappings":"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"}

package/dist/panels/MarkdownPanel.js

@@ -12,6 +12,7 @@ import MarkdownContainer from "../controls/markdown/MarkdownContainer.js";
 import MarkdownStartPage from "../controls/markdown/MarkdownStartPage.js";
 import MarkdownEditor from "../controls/markdown/MarkdownEditor.js";
 import "./MarkdownPanel.css";
+import { jsx as _jsx } from "react/jsx-runtime";
 var log = Log.module('MarkdownPanel');
 export class MarkdownPanel extends Component {
   constructor(props) {
@@ -156,7 +157,7 @@ export class MarkdownPanel extends Component {
       content
     } = this.state;
     var closedMarkdowns = this.getClosedMarkdowns(closedPanels);
-    return /*#__PURE__*/React.createElement(Panel, {
+    return /*#__PURE__*/_jsx(Panel, {
       glContainer: glContainer,
       glEventHub: glEventHub,
       className: "markdown-panel",
@@ -164,23 +165,25 @@ export class MarkdownPanel extends Component {
       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 !== null && content !== void 0 ? content : undefined,
-      onEditorInitialized: this.handleEditorInitialized
-    })));
+      isRenamable: true,
+      children: isStartPageShown ? /*#__PURE__*/_jsx(MarkdownStartPage, {
+        closedMarkdowns: closedMarkdowns,
+        onCreate: this.handleCreateMarkdown,
+        onOpen: this.handleOpenMarkdown,
+        onDelete: this.handleDeleteMarkdown
+      }) : /*#__PURE__*/_jsx(MarkdownContainer, {
+        isEditing: isEditing,
+        onDoubleClick: this.handleContainerDoubleClick,
+        children: /*#__PURE__*/_jsx(MarkdownEditor, {
+          ref: markdownEditor => {
+            this.markdownEditor = markdownEditor;
+          },
+          isEditing: isEditing,
+          content: content !== null && content !== void 0 ? content : undefined,
+          onEditorInitialized: this.handleEditorInitialized
+        })
+      })
+    });
   }
 }
 _defineProperty(MarkdownPanel, "defaultProps", {

package/dist/panels/MarkdownPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPanel.js","names":["React","Component","memoize","connect","getClosedPanelsForDashboard","LayoutUtils","PanelEvent","Log","assertNotNull","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","setEditorPosition","clickPositionY","container","markdownEditorContainer","editor","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","undefined","mapStateToProps","ownProps","localDashboardId","ConnectedMarkdownPanel","forwardRef"],"sources":["../../src/panels/MarkdownPanel.tsx"],"sourcesContent":["import React, { Component, FocusEvent, MouseEvent, ReactElement } from 'react';\nimport memoize from 'memoize-one';\nimport { connect } from 'react-redux';\nimport {\n  ClosedPanel,\n  ClosedPanels,\n  DashboardPanelProps,\n  getClosedPanelsForDashboard,\n  LayoutUtils,\n  PanelEvent,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\nimport type * as monaco from 'monaco-editor';\nimport { assertNotNull } from '@deephaven/utils';\nimport { RootState } from '@deephaven/redux';\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\ninterface PanelState {\n  content?: string;\n}\n\ninterface MarkdownPanelProps extends DashboardPanelProps {\n  panelState: PanelState;\n  closedPanels: ClosedPanel[];\n}\n\ninterface MarkdownPanelState {\n  isStartPageShown: boolean;\n  isEditing: boolean;\n  content?: string | null;\n\n  // eslint-disable-next-line react/no-unused-state\n  panelState: PanelState;\n}\n\nexport class MarkdownPanel extends Component<\n  MarkdownPanelProps,\n  MarkdownPanelState\n> {\n  static defaultProps = {\n    panelState: null,\n  };\n\n  static COMPONENT = 'MarkdownPanel';\n\n  constructor(props: MarkdownPanelProps) {\n    super(props);\n\n    this.handleContainerDoubleClick =\n      this.handleContainerDoubleClick.bind(this);\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 != null && panelState.content != null) {\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  }\n\n  markdownEditor: MarkdownEditor | null;\n\n  editor?: monaco.editor.IStandaloneCodeEditor;\n\n  setEditorPosition(clickPositionY: number): void {\n    assertNotNull(this.markdownEditor);\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() ?? 0;\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: ClosedPanels) =>\n    closedPanels.filter(panel => panel.component === 'MarkdownPanel').reverse()\n  );\n\n  handleContainerDoubleClick(event: MouseEvent<Element>): void {\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: monaco.editor.IStandaloneCodeEditor): void {\n    log.debug('Markdown Editor Initialized...');\n    this.editor = editor;\n  }\n\n  handleCreateMarkdown(): void {\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 != null && this.editor.focus != null) {\n          this.editor.focus();\n        }\n      }\n    );\n  }\n\n  handleOpenMarkdown(markdown: ReactComponentConfig): void {\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: ReactComponentConfig): void {\n    const { glEventHub } = this.props;\n    glEventHub.emit(PanelEvent.DELETE, markdown);\n  }\n\n  handleEditorBlur(event: FocusEvent<HTMLDivElement>): void {\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 != null &&\n        this.markdownEditor.container != null &&\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(): void {\n    const { isEditing } = this.state;\n    if (isEditing && this.editor) {\n      this.editor.layout();\n    }\n  }\n\n  render(): ReactElement {\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 ?? undefined}\n              onEditorInitialized={this.handleEditorInitialized}\n            />\n          </MarkdownContainer>\n        )}\n      </Panel>\n    );\n  }\n}\n\nconst mapStateToProps = (\n  state: RootState,\n  ownProps: { localDashboardId: string }\n) => {\n  const { localDashboardId } = ownProps;\n  return {\n    closedPanels: getClosedPanelsForDashboard(state, localDashboardId),\n  };\n};\n\nconst ConnectedMarkdownPanel = connect(mapStateToProps, null, null, {\n  forwardRef: true,\n})(MarkdownPanel);\n\nexport default ConnectedMarkdownPanel;\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownPanel.js","names":["React","Component","memoize","connect","getClosedPanelsForDashboard","LayoutUtils","PanelEvent","Log","assertNotNull","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","setEditorPosition","clickPositionY","container","markdownEditorContainer","editor","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","undefined","mapStateToProps","ownProps","localDashboardId","ConnectedMarkdownPanel","forwardRef"],"sources":["../../src/panels/MarkdownPanel.tsx"],"sourcesContent":["import React, { Component, FocusEvent, MouseEvent, ReactElement } from 'react';\nimport memoize from 'memoize-one';\nimport { connect } from 'react-redux';\nimport {\n  ClosedPanel,\n  ClosedPanels,\n  DashboardPanelProps,\n  getClosedPanelsForDashboard,\n  LayoutUtils,\n  PanelEvent,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\nimport type * as monaco from 'monaco-editor';\nimport { assertNotNull } from '@deephaven/utils';\nimport { RootState } from '@deephaven/redux';\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\ninterface PanelState {\n  content?: string;\n}\n\ninterface MarkdownPanelProps extends DashboardPanelProps {\n  panelState: PanelState;\n  closedPanels: ClosedPanel[];\n}\n\ninterface MarkdownPanelState {\n  isStartPageShown: boolean;\n  isEditing: boolean;\n  content?: string | null;\n\n  // eslint-disable-next-line react/no-unused-state\n  panelState: PanelState;\n}\n\nexport class MarkdownPanel extends Component<\n  MarkdownPanelProps,\n  MarkdownPanelState\n> {\n  static defaultProps = {\n    panelState: null,\n  };\n\n  static COMPONENT = 'MarkdownPanel';\n\n  constructor(props: MarkdownPanelProps) {\n    super(props);\n\n    this.handleContainerDoubleClick =\n      this.handleContainerDoubleClick.bind(this);\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 != null && panelState.content != null) {\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  }\n\n  markdownEditor: MarkdownEditor | null;\n\n  editor?: monaco.editor.IStandaloneCodeEditor;\n\n  setEditorPosition(clickPositionY: number): void {\n    assertNotNull(this.markdownEditor);\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() ?? 0;\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: ClosedPanels) =>\n    closedPanels.filter(panel => panel.component === 'MarkdownPanel').reverse()\n  );\n\n  handleContainerDoubleClick(event: MouseEvent<Element>): void {\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: monaco.editor.IStandaloneCodeEditor): void {\n    log.debug('Markdown Editor Initialized...');\n    this.editor = editor;\n  }\n\n  handleCreateMarkdown(): void {\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 != null && this.editor.focus != null) {\n          this.editor.focus();\n        }\n      }\n    );\n  }\n\n  handleOpenMarkdown(markdown: ReactComponentConfig): void {\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: ReactComponentConfig): void {\n    const { glEventHub } = this.props;\n    glEventHub.emit(PanelEvent.DELETE, markdown);\n  }\n\n  handleEditorBlur(event: FocusEvent<HTMLDivElement>): void {\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 != null &&\n        this.markdownEditor.container != null &&\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(): void {\n    const { isEditing } = this.state;\n    if (isEditing && this.editor) {\n      this.editor.layout();\n    }\n  }\n\n  render(): ReactElement {\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 ?? undefined}\n              onEditorInitialized={this.handleEditorInitialized}\n            />\n          </MarkdownContainer>\n        )}\n      </Panel>\n    );\n  }\n}\n\nconst mapStateToProps = (\n  state: RootState,\n  ownProps: { localDashboardId: string }\n) => {\n  const { localDashboardId } = ownProps;\n  return {\n    closedPanels: getClosedPanelsForDashboard(state, localDashboardId),\n  };\n};\n\nconst ConnectedMarkdownPanel = connect(mapStateToProps, null, null, {\n  forwardRef: true,\n})(MarkdownPanel);\n\nexport default ConnectedMarkdownPanel;\n"],"mappings":"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"}