@deephaven/dashboard-core-plugins 0.6.1-beta.0 → 0.6.1-demo.10

package/dist/panels/MarkdownNotebookEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/panels/MarkdownNotebookEditor.jsx"],"names":["React","PureComponent","PropTypes","Markdown","Button","Code","Editor","classNames","vsPlay","remarkGfm","MarkdownNotebookEditor","constructor","props","handleRunSelected","bind","renderCodeBlock","renderLink","container","commands","Map","codeElements","editorScrollView","createRef","state","hasRunCode","nextStartLine","componentDidUpdate","prevProps","content","resetBlocks","clear","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","size","isSelected","language","startsWith","substring","set","Children","map","child","trim","onLinkClick","render","isEditing","onEditorInitialized","transformImageUri","transformLinkUri","flashing","lineNumbers","code","a","propTypes","bool","func","string","isRequired","defaultProps","undefined"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport Markdown from 'react-markdown';\nimport { Button } from '@deephaven/components';\nimport { Code, Editor } from '@deephaven/console';\nimport classNames from 'classnames';\nimport { vsPlay } from '@deephaven/icons';\nimport remarkGfm from 'remark-gfm';\n\nexport default class MarkdownNotebookEditor extends PureComponent {\n  constructor(props) {\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    this.container = null;\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      // 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  componentDidUpdate(prevProps) {\n    const { content } = this.props;\n    if (prevProps.content !== content) {\n      this.resetBlocks();\n    }\n  }\n\n  resetBlocks() {\n    this.codeElements.clear();\n    this.commands.clear();\n    this.setState({ nextStartLine: null });\n  }\n\n  /**\n   * @param {number|null} line The line of the code block to start from\n   * @returns {number} The next line of the code block to start from\n   */\n  getNextStartLine(line) {\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) {\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) {\n      const { offsetTop } = nextElement;\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) {\n    const { onRunCode } = this.props;\n    onRunCode(command);\n\n    this.setState({ hasRunCode: true });\n  }\n\n  renderCodeBlock(props) {\n    const { children, className, inline, node } = props;\n    const { hasRunCode, nextStartLine } = this.state;\n    const { children: nodeChildren, position } = node;\n    const { start } = position;\n    const { line } = start;\n    const command = nodeChildren[0].value;\n    const ref = React.createRef();\n    const isFirstBlock = this.commands.size === 0;\n    const isSelected =\n      nextStartLine === line ||\n      (isFirstBlock && nextStartLine == null && !hasRunCode);\n    const language = className?.startsWith('language-')\n      ? className.substring(9)\n      : 'plaintext';\n\n    if (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-editor-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  // eslint-disable-next-line class-methods-use-this\n  renderLink(props) {\n    const { onLinkClick } = this.props;\n    // eslint-disable-next-line react/jsx-props-no-spreading,jsx-a11y/anchor-has-content,jsx-a11y/no-static-element-interactions\n    return <a {...props} onClick={onLinkClick} />;\n  }\n\n  render() {\n    const {\n      isEditing,\n      content,\n      onEditorInitialized,\n      transformImageUri,\n      transformLinkUri,\n    } = this.props;\n    const { hasRunCode, nextStartLine } = this.state;\n    return (\n      <div\n        className=\"markdown-notebook-editor-container\"\n        ref={container => {\n          this.container = container;\n        }}\n      >\n        <div className=\"markdown-notebook-editor-toolbar\">\n          <Button\n            className={classNames('btn-play-selected-cell', {\n              flashing: !hasRunCode,\n            })}\n            kind=\"ghost\"\n            icon={vsPlay}\n            onClick={this.handleRunSelected}\n            tooltip=\"Run code and select next\"\n            disabled={hasRunCode && nextStartLine == null}\n          >\n            Run Selected Code\n          </Button>\n        </div>\n        <div className=\"markdown-notebook-editor\" ref={this.editorScrollView}>\n          {isEditing ? (\n            <Editor\n              settings={{\n                language: 'markdown',\n                value: content,\n                lineNumbers: 'off',\n              }}\n              onEditorInitialized={onEditorInitialized}\n            />\n          ) : (\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          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nMarkdownNotebookEditor.propTypes = {\n  isEditing: PropTypes.bool,\n  onRunCode: PropTypes.func,\n  content: PropTypes.string,\n  onEditorInitialized: PropTypes.func.isRequired,\n  onLinkClick: PropTypes.func,\n  transformImageUri: PropTypes.func,\n  transformLinkUri: PropTypes.func,\n};\n\nMarkdownNotebookEditor.defaultProps = {\n  isEditing: false,\n  content: '',\n  onLinkClick: undefined,\n  onRunCode: () => {},\n  transformImageUri: undefined,\n  transformLinkUri: undefined,\n};\n"],"file":"MarkdownNotebookEditor.js"}

package/dist/panels/MarkdownNotebookPanel.css

@@ -0,0 +1,127 @@
+.markdown-notebook-title.is-preview {
+  font-style: italic;
+}
+
+.markdown-notebook-container .markdown-notebook-editor-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.markdown-notebook-container .markdown-notebook-editor-toolbar {
+  display: flex;
+  align-items: center;
+  padding: 0.25rem;
+  width: 100%;
+  flex: 0 0 36px;
+  border-bottom: 2px solid #1a171a;
+}
+.markdown-notebook-container .markdown-notebook-editor-toolbar .btn-play-selected-cell {
+  color: #9edc6f;
+  min-height: 34px;
+}
+.markdown-notebook-container .edit-hint {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 5px 20px;
+  text-align: right;
+  width: 100%;
+  min-height: 30px;
+  height: 30px;
+  opacity: 0;
+  user-select: none;
+  transition: opacity 0.15s ease-out;
+  pointer-events: none;
+}
+.markdown-notebook-container .markdown-notebook-editor {
+  flex-grow: 1;
+  width: 100%;
+  padding: 0 15px;
+  overflow: auto;
+  position: relative;
+  scroll-behavior: smooth;
+}
+.markdown-notebook-container .markdown-notebook-editor h1,
+.markdown-notebook-container .markdown-notebook-editor h2,
+.markdown-notebook-container .markdown-notebook-editor h3 {
+  margin-top: 3rem;
+}
+.markdown-notebook-container:hover .edit-hint.viewing {
+  opacity: 1;
+}
+.markdown-notebook-container blockquote {
+  border-left: 0.25em solid #929192;
+  padding: 0 1em;
+  color: #f0f0ee;
+}
+.markdown-notebook-container pre {
+  overflow: hidden;
+}
+.markdown-notebook-container pre > code {
+  display: block;
+  padding: 0.5rem;
+}
+.markdown-notebook-container a {
+  color: #4878ea;
+}
+.markdown-notebook-container a:visited {
+  color: #aa9af4;
+}
+.markdown-notebook-container .markdown-notebook-editor-code-block {
+  position: relative;
+  border-radius: 0 4px 4px 0;
+}
+.markdown-notebook-container .markdown-notebook-editor-code-block .btn-play-block {
+  color: #9edc6f;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 3px;
+  transition: opacity 0.15s ease-out;
+}
+.markdown-notebook-container .markdown-notebook-editor-code-block code {
+  color: #f0f0ee;
+  background: #403e41;
+  padding: 0.5rem;
+  border-radius: 4px;
+  border: 1px solid #1a171a;
+  overflow: auto;
+  display: block;
+}
+.markdown-notebook-container .markdown-notebook-editor-code-block.is-selected::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 5px;
+  margin: 1px 0 1px 0;
+  background: #4878ea;
+  content: "";
+  pointer-events: none;
+  border-radius: 4px 0 0 4px;
+}
+.markdown-notebook-container .markdown-notebook-editor-code-block.is-selected .btn-play-block, .markdown-notebook-container .markdown-notebook-editor-code-block:hover .btn-play-block {
+  opacity: 1;
+}
+.markdown-notebook-container .flashing {
+  animation-duration: 1s;
+  animation-name: flash;
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+
+@keyframes flash {
+  0% {
+    text-shadow: 0 0 5px #2d2a2e, 0 0 20px #2d2a2e;
+  }
+  50% {
+    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5), 0 0 10px #9edc6f;
+  }
+  100% {
+    text-shadow: 0 0 5px #2d2a2e, 0 0 20px #2d2a2e;
+  }
+}
+
+/*# sourceMappingURL=MarkdownNotebookPanel.css.map */

package/dist/panels/MarkdownNotebookPanel.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/panels/MarkdownNotebookPanel.scss","../../../components/scss/new_variables.scss","../../../components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAME;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,SCpBO;EDqBP;EACA;EACA;;AACA;EACE,OErBE;EFsBF;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YAtCe;EAuCf,QAvCe;EAwCf;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA,OExDa;;AF2Df;EACE;;AAGF;EACE;EACA,SC3EO;;AD8ET;EACE,OEtEY;;AFwEZ;EACE,OE7EG;;AFiFP;EACE;EACA;;AAEA;EACE,OExFE;EFyFF;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,OE3FW;EF4FX,YEjFK;EFkFL,SCvGK;EDwGL,eEcU;EFbV;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YE7GQ;EF8GR;EACA;EACA;;AAMF;EACE;;AAKN;EACE;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE","file":"MarkdownNotebookPanel.css"}

package/dist/panels/MarkdownNotebookPanel.d.ts

@@ -0,0 +1,91 @@
+export class MarkdownNotebookPanel extends React.Component<any, any, any> {
+    static COMPONENT: string;
+    constructor(props: any);
+    handleContainerDoubleClick(event: any): void;
+    handleEditorInitialized(editor: any): void;
+    handleEditorBlur(event: any): void;
+    handleEditorResize(): void;
+    /**
+     * @param {MouseEvent} event The click event from clicking on the link
+     */
+    handleLinkClick(event: MouseEvent): void;
+    handleTab(tab: any): void;
+    handleRunCommand(command: any): void;
+    /**
+     * Transform the link URI to load from where the notebook is if it's relative
+     * @param {String} src The link to transform
+     * @returns String the transformed link
+     */
+    transformLinkUri(src: string): string;
+    pending: Pending;
+    markdownEditor: MarkdownNotebookEditor | null;
+    editor: any;
+    initNotebookContent(): void;
+    initTab(tab: any): void;
+    tabTitleElement: any;
+    setPreviewStatus(): void;
+    registerFileMetadata(fileMetadata: any, isPreview: any): void;
+    setEditorPosition(clickPositionY: any): void;
+}
+export namespace MarkdownNotebookPanel {
+    namespace propTypes {
+        const id: PropTypes.Validator<string>;
+        const fileStorage: PropTypes.Validator<PropTypes.InferProps<{
+            deleteFile: PropTypes.Validator<(...args: any[]) => any>;
+            loadFile: PropTypes.Validator<(...args: any[]) => any>;
+            saveFile: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        const glContainer: PropTypes.Validator<PropTypes.InferProps<{
+            on: PropTypes.Requireable<(...args: any[]) => any>;
+            off: PropTypes.Requireable<(...args: any[]) => any>;
+            isHidden: PropTypes.Requireable<boolean>;
+            tab: PropTypes.Requireable<PropTypes.InferProps<{
+                header: PropTypes.Requireable<PropTypes.InferProps<{
+                    tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+                        contentItem: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                    }> | null | undefined)[]>;
+                }>>;
+            }>>;
+            title: PropTypes.Requireable<string>;
+            setTitle: PropTypes.Requireable<(...args: any[]) => any>;
+            close: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        const glEventHub: PropTypes.Validator<PropTypes.InferProps<{
+            on: PropTypes.Requireable<(...args: any[]) => any>;
+            off: PropTypes.Requireable<(...args: any[]) => any>;
+            emit: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        const metadata: PropTypes.Requireable<PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+        }>>;
+        const panelState: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            isPreview: PropTypes.Requireable<boolean>;
+            fileMetadata: PropTypes.Requireable<PropTypes.InferProps<{
+                id: PropTypes.Requireable<string>;
+                itemName: PropTypes.Requireable<string>;
+            }>>;
+        }>>;
+        const isPreview: PropTypes.Requireable<boolean>;
+        const notebooksUrl: PropTypes.Requireable<string>;
+        const session: PropTypes.Validator<PropTypes.InferProps<{}>>;
+        const sessionLanguage: PropTypes.Validator<string>;
+    }
+    namespace defaultProps {
+        const isPreview_1: boolean;
+        export { isPreview_1 as isPreview };
+        const metadata_1: null;
+        export { metadata_1 as metadata };
+        const panelState_1: null;
+        export { panelState_1 as panelState };
+        const notebooksUrl_1: string;
+        export { notebooksUrl_1 as notebooksUrl };
+    }
+}
+declare var _default: import("react-redux").ConnectedComponent<typeof MarkdownNotebookPanel, any>;
+export default _default;
+import React from "react";
+import { Pending } from "@deephaven/utils";
+import MarkdownNotebookEditor from "./MarkdownNotebookEditor";
+import PropTypes from "prop-types";
+//# sourceMappingURL=MarkdownNotebookPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNotebookPanel.d.ts","sourceRoot":"","sources":["../../src/panels/MarkdownNotebookPanel.jsx"],"names":[],"mappings":"AAiBA;IACE,yBAA2C;IAE3C,wBAiCC;IAqHD,6CASC;IAED,2CAGC;IAED,mCAkBC;IAED,2BAKC;IAED;;OAEG;IACH,uBAFW,UAAU,QA+BpB;IAED,0BAGC;IAED,qCAyBC;IAED;;;;OAIG;IACH,sCAeC;IAzQC,iBAA4B;IAiB5B,8CAA0B;IAC1B,YAAkB;IA0BpB,4BAiCC;IAED,wBAMC;IAHC,qBAAmC;IAKrC,yBAWC;IAED,8DAQC;IAED,6CAwBC;CA4KF"}