@deephaven/dashboard-core-plugins 1.2.1-plotly-rc.3 → 1.3.0

package/dist/panels/MarkdownNotebook.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownNotebook.js","names":["React","PureComponent","classNames","Markdown","remarkGfm","remarkMath","rehypeMathjax","Button","Code","vsPlay","assertNotNull","jsx","_jsx","jsxs","_jsxs","MarkdownNotebook","constructor","props","_defineProperty","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","_this$codeElements$ge","_element$parentElemen","preventDefault","stopPropagation","keyIndex","startLine","command","get","newNextStartLine","element","current","nextElement","parentElement","nextElementSibling","_this$editorScrollVie","offsetTop","top","scroll","left","runCode","onRunCode","children","className","inline","node","nodeChildren","position","start","value","ref","isFirstBlock","isSelected","language","undefined","startsWith","substring","set","onClick","role","kind","icon","tooltip","Children","map","child","trim","onLinkClick","href","target","render","content","transformImageUri","transformLinkUri","flashing","disabled","components","code","a","linkTarget","remarkPlugins","rehypePlugins","includeElementIndex"],"sources":["../../src/panels/MarkdownNotebook.tsx"],"sourcesContent":["import React, {\n  PureComponent,\n  type ReactElement,\n  type RefObject,\n  type MouseEvent,\n  type MouseEventHandler,\n} from 'react';\nimport classNames from 'classnames';\nimport Markdown, { type Options } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeMathjax from 'rehype-mathjax';\nimport { Button } from '@deephaven/components';\nimport { Code } from '@deephaven/console';\nimport { vsPlay } from '@deephaven/icons';\nimport './MarkdownNotebook.scss';\nimport { type ReactMarkdownProps } from 'react-markdown/lib/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?: Options['transformImageUri'];\n  transformLinkUri?: Options['transformLinkUri'];\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, remarkMath]}\n            rehypePlugins={[rehypeMathjax]}\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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","ignoreList":[]}
+{"version":3,"file":"MarkdownNotebook.js","names":["React","PureComponent","classNames","Markdown","remarkGfm","remarkMath","rehypeMathjax","Button","Code","vsPlay","assertNotNull","jsx","_jsx","jsxs","_jsxs","MarkdownNotebook","constructor","props","_defineProperty","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","_this$codeElements$ge","_element$parentElemen","preventDefault","stopPropagation","keyIndex","startLine","command","get","newNextStartLine","element","current","nextElement","parentElement","nextElementSibling","_this$editorScrollVie","offsetTop","top","scroll","left","runCode","onRunCode","children","className","inline","node","nodeChildren","position","start","value","ref","isFirstBlock","isSelected","language","undefined","startsWith","substring","set","onClick","role","kind","icon","tooltip","Children","map","child","trim","onLinkClick","href","target","render","content","transformImageUri","transformLinkUri","flashing","disabled","components","code","a","linkTarget","remarkPlugins","rehypePlugins","includeElementIndex"],"sources":["../../src/panels/MarkdownNotebook.tsx"],"sourcesContent":["import React, {\n  PureComponent,\n  type ReactElement,\n  type RefObject,\n  type MouseEvent,\n  type MouseEventHandler,\n} from 'react';\nimport classNames from 'classnames';\nimport Markdown, { type Options } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport rehypeMathjax from 'rehype-mathjax';\nimport { Button } from '@deephaven/components';\nimport { Code } from '@deephaven/console';\nimport { vsPlay } from '@deephaven/icons';\nimport './MarkdownNotebook.scss';\nimport { type ReactMarkdownProps } from 'react-markdown/lib/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?: Options['transformImageUri'];\n  transformLinkUri?: Options['transformLinkUri'];\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, remarkMath]}\n            rehypePlugins={[rehypeMathjax]}\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.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../src/panels/MarkdownPanel.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxLA;EACE;;AAEA;EACE;EACA;EACA;EACA,YAVe;EAWf,QAXe;EAYf;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA,ODKS;;ACFX;EACE,ODCS;ECAT,YDdO;ECeP;EACA,eDoHY;ECnHZ;;AAGF;EACE;EACA,SCxCO;;;AD4CX;EACE;EACA;;AAEE;EACE;;AACA;EACE;;AAEF;EACE,ODoCE;ECnCF;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,OD0BA;ECzBA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OD7DC;EC8DD;EACA;EACA;EACA;;AAGF;EACE,YDhEC;;ACiED;EACE;;AAEA;EACE,ODEJ;;ACAE;EACE","file":"MarkdownPanel.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '@deephaven/components/scss/custom.scss';\n\n$edit-hint-height: 30px;\n$panel-container-padding: 10px;\n\n.markdown-editor-container {\n  padding: 5px;\n\n  .edit-hint {\n    padding: 5px 20px;\n    text-align: right;\n    width: 100%;\n    min-height: $edit-hint-height;\n    height: $edit-hint-height;\n    opacity: 0;\n    user-select: none;\n    transition: opacity $transition ease-out;\n  }\n\n  .markdown-editor-container {\n    height: calc(100% - #{$edit-hint-height} - #{$panel-container-padding});\n    padding: 0 15px;\n    overflow: auto;\n  }\n\n  &:hover .edit-hint.viewing {\n    opacity: 1;\n  }\n\n  blockquote {\n    border-left: 0.25em solid $gray-400;\n    padding: 0 1em;\n    color: $foreground;\n  }\n\n  code {\n    color: $foreground;\n    background: $gray-700;\n    padding: 0.2em;\n    border-radius: $border-radius;\n    border: 1px solid $black;\n  }\n\n  pre > code {\n    display: block;\n    padding: $spacer-2;\n  }\n}\n\n.markdown-panel-start-page {\n  overflow: auto;\n  padding: 50px;\n  .markdown-panel-start-page-container {\n    .markdown-panel-start-list {\n      padding-bottom: 20px;\n      .list-title {\n        padding-left: calc(1rem + 2px);\n      }\n      .list-item {\n        color: $primary;\n        border-radius: 25px;\n        width: 28rem;\n        max-width: 28rem;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n\n        button.title {\n          padding: 0.375rem 1rem;\n          color: $primary;\n          text-align: left;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        button.icon {\n          visibility: hidden;\n          position: relative;\n          background: none;\n          border: none;\n          color: $gray-500;\n          cursor: pointer;\n          margin: 0;\n          padding: 0.375px;\n          padding-right: 1.75rem;\n        }\n\n        &:hover {\n          background: $gray-800;\n          button.icon {\n            visibility: visible;\n\n            &:hover {\n              color: $primary;\n            }\n            &:focus {\n              outline: none;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../src/panels/MarkdownPanel.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxLA;EACE;;AAEA;EACE;EACA;EACA;EACA,YAVe;EAWf,QAXe;EAYf;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA,ODKS;;ACFX;EACE,ODCS;ECAT,YDdO;ECeP;EACA,eDoHY;ECnHZ;;AAGF;EACE;EACA,SCxCO;;;AD4CX;EACE;EACA;;AAEE;EACE;;AACA;EACE;;AAEF;EACE,ODoCE;ECnCF;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,OD0BA;ECzBA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OD7DC;EC8DD;EACA;EACA;EACA;;AAGF;EACE,YDhEC;;ACiED;EACE;;AAEA;EACE,ODEJ;;ACAE;EACE","file":"MarkdownPanel.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-text-disabled);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '@deephaven/components/scss/custom.scss';\n\n$edit-hint-height: 30px;\n$panel-container-padding: 10px;\n\n.markdown-editor-container {\n  padding: 5px;\n\n  .edit-hint {\n    padding: 5px 20px;\n    text-align: right;\n    width: 100%;\n    min-height: $edit-hint-height;\n    height: $edit-hint-height;\n    opacity: 0;\n    user-select: none;\n    transition: opacity $transition ease-out;\n  }\n\n  .markdown-editor-container {\n    height: calc(100% - #{$edit-hint-height} - #{$panel-container-padding});\n    padding: 0 15px;\n    overflow: auto;\n  }\n\n  &:hover .edit-hint.viewing {\n    opacity: 1;\n  }\n\n  blockquote {\n    border-left: 0.25em solid $gray-400;\n    padding: 0 1em;\n    color: $foreground;\n  }\n\n  code {\n    color: $foreground;\n    background: $gray-700;\n    padding: 0.2em;\n    border-radius: $border-radius;\n    border: 1px solid $black;\n  }\n\n  pre > code {\n    display: block;\n    padding: $spacer-2;\n  }\n}\n\n.markdown-panel-start-page {\n  overflow: auto;\n  padding: 50px;\n  .markdown-panel-start-page-container {\n    .markdown-panel-start-list {\n      padding-bottom: 20px;\n      .list-title {\n        padding-left: calc(1rem + 2px);\n      }\n      .list-item {\n        color: $primary;\n        border-radius: 25px;\n        width: 28rem;\n        max-width: 28rem;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n\n        button.title {\n          padding: 0.375rem 1rem;\n          color: $primary;\n          text-align: left;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        button.icon {\n          visibility: hidden;\n          position: relative;\n          background: none;\n          border: none;\n          color: $gray-500;\n          cursor: pointer;\n          margin: 0;\n          padding: 0.375px;\n          padding-right: 1.75rem;\n        }\n\n        &:hover {\n          background: $gray-800;\n          button.icon {\n            visibility: visible;\n\n            &:hover {\n              color: $primary;\n            }\n            &:focus {\n              outline: none;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}

package/dist/panels/MarkdownPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPanel.js","names":["React","Component","Suspense","lazy","memoize","connect","getClosedPanelsForDashboard","LayoutUtils","PanelEvent","Log","assertNotNull","LoadingOverlay","Panel","MarkdownContainer","MarkdownStartPage","MarkdownUtils","jsx","_jsx","MarkdownEditor","log","module","MarkdownPanel","constructor","props","_defineProperty","getClosedMarkdowns","handleContainerDoubleClick","bind","handleCreateMarkdown","handleDeleteMarkdown","handleOpenMarkdown","handleEditorInitialized","handleEditorBlur","handleEditorResize","panelState","content","DEFAULT_CONTENT","state","isStartPageShown","closedPanels","length","isEditing","markdownEditor","setEditorPosition","clickPositionY","container","markdownEditorContainer","editor","_this$editor$getModel","_this$editor$getModel2","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","_this$editor","contains","relatedTarget","getValue","layout","render","closedMarkdowns","className","componentPanel","onResize","onBlur","isClonable","isRenamable","children","onCreate","onOpen","onDelete","onDoubleClick","fallback","ref","onEditorInitialized","mapStateToProps","ownProps","localDashboardId","ConnectedMarkdownPanel","forwardRef"],"sources":["../../src/panels/MarkdownPanel.tsx"],"sourcesContent":["import React, {\n  Component,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactElement,\n  Suspense,\n  lazy,\n} from 'react';\nimport memoize from 'memoize-one';\nimport { connect } from 'react-redux';\nimport {\n  type ClosedPanel,\n  type 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 { type RootState } from '@deephaven/redux';\nimport { LoadingOverlay } from '@deephaven/components';\nimport Panel from './CorePanel';\nimport MarkdownContainer from '../controls/markdown/MarkdownContainer';\nimport MarkdownStartPage from '../controls/markdown/MarkdownStartPage';\nimport './MarkdownPanel.scss';\nimport type MarkdownEditorType from '../controls/markdown/MarkdownEditor';\nimport MarkdownUtils from '../controls/markdown/MarkdownUtils';\n\nconst MarkdownEditor = lazy(\n  () => import('../controls/markdown/MarkdownEditor')\n);\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      if (panelState.content !== '') {\n        ({ content } = panelState);\n      } else {\n        content = MarkdownUtils.DEFAULT_CONTENT;\n      }\n    }\n\n    this.state = {\n      isStartPageShown:\n        content == null &&\n        this.getClosedMarkdowns(props.closedPanels).length !== 0,\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: MarkdownEditorType | 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 != null) {\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(MarkdownUtils.getClosedMarkdowns);\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            <Suspense fallback={<LoadingOverlay />}>\n              <MarkdownEditor\n                ref={markdownEditor => {\n                  this.markdownEditor = markdownEditor;\n                }}\n                isEditing={isEditing}\n                content={content ?? MarkdownUtils.DEFAULT_CONTENT}\n                onEditorInitialized={this.handleEditorInitialized}\n              />\n            </Suspense>\n          </MarkdownContainer>\n        )}\n      </Panel>\n    );\n  }\n}\n\nconst mapStateToProps = (\n  state: RootState,\n  ownProps: { localDashboardId: string }\n): Pick<MarkdownPanelProps, 'closedPanels'> => {\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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","ignoreList":[]}
+{"version":3,"file":"MarkdownPanel.js","names":["React","Component","Suspense","lazy","memoize","connect","getClosedPanelsForDashboard","LayoutUtils","PanelEvent","Log","assertNotNull","LoadingOverlay","Panel","MarkdownContainer","MarkdownStartPage","MarkdownUtils","jsx","_jsx","MarkdownEditor","log","module","MarkdownPanel","constructor","props","_defineProperty","getClosedMarkdowns","handleContainerDoubleClick","bind","handleCreateMarkdown","handleDeleteMarkdown","handleOpenMarkdown","handleEditorInitialized","handleEditorBlur","handleEditorResize","panelState","content","DEFAULT_CONTENT","state","isStartPageShown","closedPanels","length","isEditing","markdownEditor","setEditorPosition","clickPositionY","container","markdownEditorContainer","editor","_this$editor$getModel","_this$editor$getModel2","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","_this$editor","contains","relatedTarget","getValue","layout","render","closedMarkdowns","className","componentPanel","onResize","onBlur","isClonable","isRenamable","children","onCreate","onOpen","onDelete","onDoubleClick","fallback","ref","onEditorInitialized","mapStateToProps","ownProps","localDashboardId","ConnectedMarkdownPanel","forwardRef"],"sources":["../../src/panels/MarkdownPanel.tsx"],"sourcesContent":["import React, {\n  Component,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactElement,\n  Suspense,\n  lazy,\n} from 'react';\nimport memoize from 'memoize-one';\nimport { connect } from 'react-redux';\nimport {\n  type ClosedPanel,\n  type 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 { type RootState } from '@deephaven/redux';\nimport { LoadingOverlay } from '@deephaven/components';\nimport Panel from './CorePanel';\nimport MarkdownContainer from '../controls/markdown/MarkdownContainer';\nimport MarkdownStartPage from '../controls/markdown/MarkdownStartPage';\nimport './MarkdownPanel.scss';\nimport type MarkdownEditorType from '../controls/markdown/MarkdownEditor';\nimport MarkdownUtils from '../controls/markdown/MarkdownUtils';\n\nconst MarkdownEditor = lazy(\n  () => import('../controls/markdown/MarkdownEditor')\n);\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      if (panelState.content !== '') {\n        ({ content } = panelState);\n      } else {\n        content = MarkdownUtils.DEFAULT_CONTENT;\n      }\n    }\n\n    this.state = {\n      isStartPageShown:\n        content == null &&\n        this.getClosedMarkdowns(props.closedPanels).length !== 0,\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: MarkdownEditorType | 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 != null) {\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(MarkdownUtils.getClosedMarkdowns);\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            <Suspense fallback={<LoadingOverlay />}>\n              <MarkdownEditor\n                ref={markdownEditor => {\n                  this.markdownEditor = markdownEditor;\n                }}\n                isEditing={isEditing}\n                content={content ?? MarkdownUtils.DEFAULT_CONTENT}\n                onEditorInitialized={this.handleEditorInitialized}\n              />\n            </Suspense>\n          </MarkdownContainer>\n        )}\n      </Panel>\n    );\n  }\n}\n\nconst mapStateToProps = (\n  state: RootState,\n  ownProps: { localDashboardId: string }\n): Pick<MarkdownPanelProps, 'closedPanels'> => {\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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"}

package/dist/panels/MockFileStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MockFileStorage.js","names":["FileNotFoundError","FileUtils","MockFileStorageTable","MockFileStorage","constructor","items","_defineProperty","getTable","_this","_asyncToGenerator","saveFile","file","Error","loadFile","name","copyFile","newName","deleteFile","_this2","filter","value","filename","moveFile","_this3","i","length","basename","getBaseName","id","info","_this4","allItems","itemDetails","type","createDirectory"],"sources":["../../src/panels/MockFileStorage.ts"],"sourcesContent":["import {\n  type File,\n  FileNotFoundError,\n  type FileStorage,\n  type FileStorageItem,\n  type FileStorageTable,\n  FileUtils,\n} from '@deephaven/file-explorer';\nimport MockFileStorageTable from './MockFileStorageTable';\n\nexport class MockFileStorage implements FileStorage {\n  private items: FileStorageItem[];\n\n  constructor(items: FileStorageItem[]) {\n    this.items = items;\n  }\n\n  async getTable(): Promise<FileStorageTable> {\n    return new MockFileStorageTable(this.items);\n  }\n\n  /* eslint-disable class-methods-use-this */\n  saveFile(file: File): Promise<File> {\n    throw new Error('Method not implemented.');\n  }\n\n  loadFile(name: string): Promise<File> {\n    throw new Error('Method not implemented.');\n  }\n\n  async copyFile(name: string, newName: string): Promise<void> {\n    throw new Error('Method not implemented.');\n  }\n\n  async deleteFile(name: string): Promise<void> {\n    this.items = this.items.filter(value => value.filename !== name);\n  }\n\n  async moveFile(name: string, newName: string): Promise<void> {\n    for (let i = 0; i < this.items.length; i += 1) {\n      if (this.items[i].filename === name) {\n        this.items[i].filename = newName;\n        this.items[i].basename = FileUtils.getBaseName(newName);\n        this.items[i].id = newName;\n        break;\n      }\n    }\n  }\n\n  async info(name: string): Promise<FileStorageItem> {\n    const allItems = this.items.filter(value => value.filename === name);\n    if (allItems.length === 0) {\n      throw new FileNotFoundError();\n    }\n    if (allItems.length > 1) {\n      throw new Error('More than one matching file found');\n    }\n    const itemDetails = allItems[0];\n\n    return {\n      filename: itemDetails.filename,\n      basename: itemDetails.basename,\n      id: itemDetails.filename,\n      type: itemDetails.type,\n    };\n  }\n\n  createDirectory(name: string): Promise<FileStorageItem> {\n    throw new Error('Method not implemented.');\n  }\n}\n\nexport default MockFileStorage;\n"],"mappings":";;;;;AAAA,SAEEA,iBAAiB,EAIjBC,SAAS,QACJ,0BAA0B;AAAC,OAC3BC,oBAAoB;AAE3B,OAAO,MAAMC,eAAe,CAAwB;EAGlDC,WAAWA,CAACC,KAAwB,EAAE;IAAAC,eAAA;IACpC,IAAI,CAACD,KAAK,GAAGA,KAAK;EACpB;EAEME,QAAQA,CAAA,EAA8B;IAAA,IAAAC,KAAA;IAAA,OAAAC,iBAAA;MAC1C,OAAO,IAAIP,oBAAoB,CAACM,KAAI,CAACH,KAAK,CAAC;IAAC;EAC9C;;EAEA;EACAK,QAAQA,CAACC,IAAU,EAAiB;IAClC,MAAM,IAAIC,KAAK,CAAC,yBAAyB,CAAC;EAC5C;EAEAC,QAAQA,CAACC,IAAY,EAAiB;IACpC,MAAM,IAAIF,KAAK,CAAC,yBAAyB,CAAC;EAC5C;EAEMG,QAAQA,CAACD,IAAY,EAAEE,OAAe,EAAiB;IAAA,OAAAP,iBAAA;MAC3D,MAAM,IAAIG,KAAK,CAAC,yBAAyB,CAAC;IAAC;EAC7C;EAEMK,UAAUA,CAACH,IAAY,EAAiB;IAAA,IAAAI,MAAA;IAAA,OAAAT,iBAAA;MAC5CS,MAAI,CAACb,KAAK,GAAGa,MAAI,CAACb,KAAK,CAACc,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,KAAKP,IAAI,CAAC;IAAC;EACnE;EAEMQ,QAAQA,CAACR,IAAY,EAAEE,OAAe,EAAiB;IAAA,IAAAO,MAAA;IAAA,OAAAd,iBAAA;MAC3D,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAI,CAAClB,KAAK,CAACoB,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;QAC7C,IAAID,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACH,QAAQ,KAAKP,IAAI,EAAE;UACnCS,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACH,QAAQ,GAAGL,OAAO;UAChCO,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACE,QAAQ,GAAGzB,SAAS,CAAC0B,WAAW,CAACX,OAAO,CAAC;UACvDO,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACI,EAAE,GAAGZ,OAAO;UAC1B;QACF;MACF;IAAC;EACH;EAEMa,IAAIA,CAACf,IAAY,EAA4B;IAAA,IAAAgB,MAAA;IAAA,OAAArB,iBAAA;MACjD,IAAMsB,QAAQ,GAAGD,MAAI,CAACzB,KAAK,CAACc,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,KAAKP,IAAI,CAAC;MACpE,IAAIiB,QAAQ,CAACN,MAAM,KAAK,CAAC,EAAE;QACzB,MAAM,IAAIzB,iBAAiB,CAAC,CAAC;MAC/B;MACA,IAAI+B,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAE;QACvB,MAAM,IAAIb,KAAK,CAAC,mCAAmC,CAAC;MACtD;MACA,IAAMoB,WAAW,GAAGD,QAAQ,CAAC,CAAC,CAAC;MAE/B,OAAO;QACLV,QAAQ,EAAEW,WAAW,CAACX,QAAQ;QAC9BK,QAAQ,EAAEM,WAAW,CAACN,QAAQ;QAC9BE,EAAE,EAAEI,WAAW,CAACX,QAAQ;QACxBY,IAAI,EAAED,WAAW,CAACC;MACpB,CAAC;IAAC;EACJ;EAEAC,eAAeA,CAACpB,IAAY,EAA4B;IACtD,MAAM,IAAIF,KAAK,CAAC,yBAAyB,CAAC;EAC5C;AACF;AAEA,eAAeT,eAAe","ignoreList":[]}
+{"version":3,"file":"MockFileStorage.js","names":["FileNotFoundError","FileUtils","MockFileStorageTable","MockFileStorage","constructor","items","_defineProperty","getTable","_this","_asyncToGenerator","saveFile","file","Error","loadFile","name","copyFile","newName","deleteFile","_this2","filter","value","filename","moveFile","_this3","i","length","basename","getBaseName","id","info","_this4","allItems","itemDetails","type","createDirectory"],"sources":["../../src/panels/MockFileStorage.ts"],"sourcesContent":["import {\n  type File,\n  FileNotFoundError,\n  type FileStorage,\n  type FileStorageItem,\n  type FileStorageTable,\n  FileUtils,\n} from '@deephaven/file-explorer';\nimport MockFileStorageTable from './MockFileStorageTable';\n\nexport class MockFileStorage implements FileStorage {\n  private items: FileStorageItem[];\n\n  constructor(items: FileStorageItem[]) {\n    this.items = items;\n  }\n\n  async getTable(): Promise<FileStorageTable> {\n    return new MockFileStorageTable(this.items);\n  }\n\n  /* eslint-disable class-methods-use-this */\n  saveFile(file: File): Promise<File> {\n    throw new Error('Method not implemented.');\n  }\n\n  loadFile(name: string): Promise<File> {\n    throw new Error('Method not implemented.');\n  }\n\n  async copyFile(name: string, newName: string): Promise<void> {\n    throw new Error('Method not implemented.');\n  }\n\n  async deleteFile(name: string): Promise<void> {\n    this.items = this.items.filter(value => value.filename !== name);\n  }\n\n  async moveFile(name: string, newName: string): Promise<void> {\n    for (let i = 0; i < this.items.length; i += 1) {\n      if (this.items[i].filename === name) {\n        this.items[i].filename = newName;\n        this.items[i].basename = FileUtils.getBaseName(newName);\n        this.items[i].id = newName;\n        break;\n      }\n    }\n  }\n\n  async info(name: string): Promise<FileStorageItem> {\n    const allItems = this.items.filter(value => value.filename === name);\n    if (allItems.length === 0) {\n      throw new FileNotFoundError();\n    }\n    if (allItems.length > 1) {\n      throw new Error('More than one matching file found');\n    }\n    const itemDetails = allItems[0];\n\n    return {\n      filename: itemDetails.filename,\n      basename: itemDetails.basename,\n      id: itemDetails.filename,\n      type: itemDetails.type,\n    };\n  }\n\n  createDirectory(name: string): Promise<FileStorageItem> {\n    throw new Error('Method not implemented.');\n  }\n}\n\nexport default MockFileStorage;\n"],"mappings":";;;;;AAAA,SAEEA,iBAAiB,EAIjBC,SAAS,QACJ,0BAA0B;AAAC,OAC3BC,oBAAoB;AAE3B,OAAO,MAAMC,eAAe,CAAwB;EAGlDC,WAAWA,CAACC,KAAwB,EAAE;IAAAC,eAAA;IACpC,IAAI,CAACD,KAAK,GAAGA,KAAK;EACpB;EAEME,QAAQA,CAAA,EAA8B;IAAA,IAAAC,KAAA;IAAA,OAAAC,iBAAA;MAC1C,OAAO,IAAIP,oBAAoB,CAACM,KAAI,CAACH,KAAK,CAAC;IAAC;EAC9C;;EAEA;EACAK,QAAQA,CAACC,IAAU,EAAiB;IAClC,MAAM,IAAIC,KAAK,CAAC,yBAAyB,CAAC;EAC5C;EAEAC,QAAQA,CAACC,IAAY,EAAiB;IACpC,MAAM,IAAIF,KAAK,CAAC,yBAAyB,CAAC;EAC5C;EAEMG,QAAQA,CAACD,IAAY,EAAEE,OAAe,EAAiB;IAAA,OAAAP,iBAAA;MAC3D,MAAM,IAAIG,KAAK,CAAC,yBAAyB,CAAC;IAAC;EAC7C;EAEMK,UAAUA,CAACH,IAAY,EAAiB;IAAA,IAAAI,MAAA;IAAA,OAAAT,iBAAA;MAC5CS,MAAI,CAACb,KAAK,GAAGa,MAAI,CAACb,KAAK,CAACc,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,KAAKP,IAAI,CAAC;IAAC;EACnE;EAEMQ,QAAQA,CAACR,IAAY,EAAEE,OAAe,EAAiB;IAAA,IAAAO,MAAA;IAAA,OAAAd,iBAAA;MAC3D,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAI,CAAClB,KAAK,CAACoB,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;QAC7C,IAAID,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACH,QAAQ,KAAKP,IAAI,EAAE;UACnCS,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACH,QAAQ,GAAGL,OAAO;UAChCO,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACE,QAAQ,GAAGzB,SAAS,CAAC0B,WAAW,CAACX,OAAO,CAAC;UACvDO,MAAI,CAAClB,KAAK,CAACmB,CAAC,CAAC,CAACI,EAAE,GAAGZ,OAAO;UAC1B;QACF;MACF;IAAC;EACH;EAEMa,IAAIA,CAACf,IAAY,EAA4B;IAAA,IAAAgB,MAAA;IAAA,OAAArB,iBAAA;MACjD,IAAMsB,QAAQ,GAAGD,MAAI,CAACzB,KAAK,CAACc,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,KAAKP,IAAI,CAAC;MACpE,IAAIiB,QAAQ,CAACN,MAAM,KAAK,CAAC,EAAE;QACzB,MAAM,IAAIzB,iBAAiB,CAAC,CAAC;MAC/B;MACA,IAAI+B,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAE;QACvB,MAAM,IAAIb,KAAK,CAAC,mCAAmC,CAAC;MACtD;MACA,IAAMoB,WAAW,GAAGD,QAAQ,CAAC,CAAC,CAAC;MAE/B,OAAO;QACLV,QAAQ,EAAEW,WAAW,CAACX,QAAQ;QAC9BK,QAAQ,EAAEM,WAAW,CAACN,QAAQ;QAC9BE,EAAE,EAAEI,WAAW,CAACX,QAAQ;QACxBY,IAAI,EAAED,WAAW,CAACC;MACpB,CAAC;IAAC;EACJ;EAEAC,eAAeA,CAACpB,IAAY,EAA4B;IACtD,MAAM,IAAIF,KAAK,CAAC,yBAAyB,CAAC;EAC5C;AACF;AAEA,eAAeT,eAAe"}

package/dist/panels/MockFileStorageTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MockFileStorageTable.js","names":["isDirectory","MockFileStorageTable","constructor","items","_defineProperty","setSearch","search","setExpanded","path","expanded","charAt","length","i","item","concat","filename","isExpanded","Promise","resolve","collapseAll","getViewportData","offset","getSnapshot","sortedRanges","_asyncToGenerator","Error","setViewport","viewport","_this","_this$onUpdateCallbac","loadedViewportData","onUpdateCallback","call","setFilters","config","setSorts","setReversed","isReversed","close","onUpdate","callback","jest","fn","size"],"sources":["../../src/panels/MockFileStorageTable.ts"],"sourcesContent":["import {\n  type FileStorageItem,\n  type FileStorageTable,\n  isDirectory,\n} from '@deephaven/file-explorer';\nimport {\n  type ViewportData,\n  type IndexRange,\n  type StorageSnapshot,\n  type StorageTableViewport,\n  type FilterConfig,\n  type SortConfig,\n  type ViewportUpdateCallback,\n  type StorageListenerRemover,\n} from '@deephaven/storage';\n\nexport class MockFileStorageTable implements FileStorageTable {\n  private items: FileStorageItem[];\n\n  private onUpdateCallback?: ViewportUpdateCallback<FileStorageItem>;\n\n  constructor(items: FileStorageItem[]) {\n    this.items = items;\n  }\n\n  /* eslint-disable class-methods-use-this */\n  setSearch(search: string): void {\n    // no-op\n  }\n\n  setExpanded(path: string, expanded: boolean): Promise<void> {\n    // only sets expansion for the FileExplorer in NewItemModal\n    if (path.charAt(path.length - 1) === '/') {\n      for (let i = 0; i < this.items.length; i += 1) {\n        const item = this.items[i];\n        if (\n          isDirectory(item) &&\n          (`${item.filename}/` === path || item.filename === path)\n        ) {\n          item.isExpanded = expanded;\n        }\n      }\n    }\n    return Promise.resolve();\n  }\n\n  collapseAll(): Promise<void> {\n    for (let i = 0; i < this.items.length; i += 1) {\n      const item = this.items[i];\n      if (isDirectory(item)) {\n        item.isExpanded = false;\n      }\n    }\n    return Promise.resolve();\n  }\n\n  getViewportData(): Promise<ViewportData<FileStorageItem>> {\n    return Promise.resolve({\n      items: this.items, // Fill in with mock items\n      offset: 0,\n    });\n  }\n\n  async getSnapshot(\n    sortedRanges: IndexRange[]\n  ): Promise<StorageSnapshot<FileStorageItem>> {\n    throw new Error('Method not implemented.');\n  }\n\n  async setViewport(viewport: StorageTableViewport): Promise<void> {\n    const loadedViewportData = await this.getViewportData();\n    this.onUpdateCallback?.(loadedViewportData);\n  }\n\n  setFilters(config: FilterConfig[] | null): void {\n    // no-op\n  }\n\n  setSorts(config: SortConfig[] | null): void {\n    // no-op\n  }\n\n  setReversed(isReversed: boolean): void {\n    // no-op\n  }\n\n  close(): void {\n    // no-op\n  }\n\n  onUpdate(\n    callback: ViewportUpdateCallback<FileStorageItem>\n  ): StorageListenerRemover {\n    this.onUpdateCallback = callback;\n    return jest.fn();\n  }\n\n  get size(): number {\n    return this.items.length;\n  }\n}\n\nexport default MockFileStorageTable;\n"],"mappings":";;;;;AAAA,SAGEA,WAAW,QACN,0BAA0B;AAYjC,OAAO,MAAMC,oBAAoB,CAA6B;EAK5DC,WAAWA,CAACC,KAAwB,EAAE;IAAAC,eAAA;IAAAA,eAAA;IACpC,IAAI,CAACD,KAAK,GAAGA,KAAK;EACpB;;EAEA;EACAE,SAASA,CAACC,MAAc,EAAQ;IAC9B;EAAA;EAGFC,WAAWA,CAACC,IAAY,EAAEC,QAAiB,EAAiB;IAC1D;IACA,IAAID,IAAI,CAACE,MAAM,CAACF,IAAI,CAACG,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE;MACxC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,IAAI,CAACT,KAAK,CAACQ,MAAM,EAAEC,CAAC,IAAI,CAAC,EAAE;QAC7C,IAAMC,IAAI,GAAG,IAAI,CAACV,KAAK,CAACS,CAAC,CAAC;QAC1B,IACEZ,WAAW,CAACa,IAAI,CAAC,KAChB,GAAAC,MAAA,CAAGD,IAAI,CAACE,QAAQ,WAAQP,IAAI,IAAIK,IAAI,CAACE,QAAQ,KAAKP,IAAI,CAAC,EACxD;UACAK,IAAI,CAACG,UAAU,GAAGP,QAAQ;QAC5B;MACF;IACF;IACA,OAAOQ,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEAC,WAAWA,CAAA,EAAkB;IAC3B,KAAK,IAAIP,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,IAAI,CAACT,KAAK,CAACQ,MAAM,EAAEC,CAAC,IAAI,CAAC,EAAE;MAC7C,IAAMC,IAAI,GAAG,IAAI,CAACV,KAAK,CAACS,CAAC,CAAC;MAC1B,IAAIZ,WAAW,CAACa,IAAI,CAAC,EAAE;QACrBA,IAAI,CAACG,UAAU,GAAG,KAAK;MACzB;IACF;IACA,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEAE,eAAeA,CAAA,EAA2C;IACxD,OAAOH,OAAO,CAACC,OAAO,CAAC;MACrBf,KAAK,EAAE,IAAI,CAACA,KAAK;MAAE;MACnBkB,MAAM,EAAE;IACV,CAAC,CAAC;EACJ;EAEMC,WAAWA,CACfC,YAA0B,EACiB;IAAA,OAAAC,iBAAA;MAC3C,MAAM,IAAIC,KAAK,CAAC,yBAAyB,CAAC;IAAC;EAC7C;EAEMC,WAAWA,CAACC,QAA8B,EAAiB;IAAA,IAAAC,KAAA;IAAA,OAAAJ,iBAAA;MAAA,IAAAK,qBAAA;MAC/D,IAAMC,kBAAkB,SAASF,KAAI,CAACR,eAAe,CAAC,CAAC;MACvD,CAAAS,qBAAA,GAAAD,KAAI,CAACG,gBAAgB,cAAAF,qBAAA,uBAArBA,qBAAA,CAAAG,IAAA,CAAAJ,KAAI,EAAoBE,kBAAkB,CAAC;IAAC;EAC9C;EAEAG,UAAUA,CAACC,MAA6B,EAAQ;IAC9C;EAAA;EAGFC,QAAQA,CAACD,MAA2B,EAAQ;IAC1C;EAAA;EAGFE,WAAWA,CAACC,UAAmB,EAAQ;IACrC;EAAA;EAGFC,KAAKA,CAAA,EAAS;IACZ;EAAA;EAGFC,QAAQA,CACNC,QAAiD,EACzB;IACxB,IAAI,CAACT,gBAAgB,GAAGS,QAAQ;IAChC,OAAOC,IAAI,CAACC,EAAE,CAAC,CAAC;EAClB;EAEA,IAAIC,IAAIA,CAAA,EAAW;IACjB,OAAO,IAAI,CAACxC,KAAK,CAACQ,MAAM;EAC1B;AACF;AAEA,eAAeV,oBAAoB","ignoreList":[]}
+{"version":3,"file":"MockFileStorageTable.js","names":["isDirectory","MockFileStorageTable","constructor","items","_defineProperty","setSearch","search","setExpanded","path","expanded","charAt","length","i","item","concat","filename","isExpanded","Promise","resolve","collapseAll","getViewportData","offset","getSnapshot","sortedRanges","_asyncToGenerator","Error","setViewport","viewport","_this","_this$onUpdateCallbac","loadedViewportData","onUpdateCallback","call","setFilters","config","setSorts","setReversed","isReversed","close","onUpdate","callback","jest","fn","size"],"sources":["../../src/panels/MockFileStorageTable.ts"],"sourcesContent":["import {\n  type FileStorageItem,\n  type FileStorageTable,\n  isDirectory,\n} from '@deephaven/file-explorer';\nimport {\n  type ViewportData,\n  type IndexRange,\n  type StorageSnapshot,\n  type StorageTableViewport,\n  type FilterConfig,\n  type SortConfig,\n  type ViewportUpdateCallback,\n  type StorageListenerRemover,\n} from '@deephaven/storage';\n\nexport class MockFileStorageTable implements FileStorageTable {\n  private items: FileStorageItem[];\n\n  private onUpdateCallback?: ViewportUpdateCallback<FileStorageItem>;\n\n  constructor(items: FileStorageItem[]) {\n    this.items = items;\n  }\n\n  /* eslint-disable class-methods-use-this */\n  setSearch(search: string): void {\n    // no-op\n  }\n\n  setExpanded(path: string, expanded: boolean): Promise<void> {\n    // only sets expansion for the FileExplorer in NewItemModal\n    if (path.charAt(path.length - 1) === '/') {\n      for (let i = 0; i < this.items.length; i += 1) {\n        const item = this.items[i];\n        if (\n          isDirectory(item) &&\n          (`${item.filename}/` === path || item.filename === path)\n        ) {\n          item.isExpanded = expanded;\n        }\n      }\n    }\n    return Promise.resolve();\n  }\n\n  collapseAll(): Promise<void> {\n    for (let i = 0; i < this.items.length; i += 1) {\n      const item = this.items[i];\n      if (isDirectory(item)) {\n        item.isExpanded = false;\n      }\n    }\n    return Promise.resolve();\n  }\n\n  getViewportData(): Promise<ViewportData<FileStorageItem>> {\n    return Promise.resolve({\n      items: this.items, // Fill in with mock items\n      offset: 0,\n    });\n  }\n\n  async getSnapshot(\n    sortedRanges: IndexRange[]\n  ): Promise<StorageSnapshot<FileStorageItem>> {\n    throw new Error('Method not implemented.');\n  }\n\n  async setViewport(viewport: StorageTableViewport): Promise<void> {\n    const loadedViewportData = await this.getViewportData();\n    this.onUpdateCallback?.(loadedViewportData);\n  }\n\n  setFilters(config: FilterConfig[] | null): void {\n    // no-op\n  }\n\n  setSorts(config: SortConfig[] | null): void {\n    // no-op\n  }\n\n  setReversed(isReversed: boolean): void {\n    // no-op\n  }\n\n  close(): void {\n    // no-op\n  }\n\n  onUpdate(\n    callback: ViewportUpdateCallback<FileStorageItem>\n  ): StorageListenerRemover {\n    this.onUpdateCallback = callback;\n    return jest.fn();\n  }\n\n  get size(): number {\n    return this.items.length;\n  }\n}\n\nexport default MockFileStorageTable;\n"],"mappings":";;;;;AAAA,SAGEA,WAAW,QACN,0BAA0B;AAYjC,OAAO,MAAMC,oBAAoB,CAA6B;EAK5DC,WAAWA,CAACC,KAAwB,EAAE;IAAAC,eAAA;IAAAA,eAAA;IACpC,IAAI,CAACD,KAAK,GAAGA,KAAK;EACpB;;EAEA;EACAE,SAASA,CAACC,MAAc,EAAQ;IAC9B;EAAA;EAGFC,WAAWA,CAACC,IAAY,EAAEC,QAAiB,EAAiB;IAC1D;IACA,IAAID,IAAI,CAACE,MAAM,CAACF,IAAI,CAACG,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE;MACxC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,IAAI,CAACT,KAAK,CAACQ,MAAM,EAAEC,CAAC,IAAI,CAAC,EAAE;QAC7C,IAAMC,IAAI,GAAG,IAAI,CAACV,KAAK,CAACS,CAAC,CAAC;QAC1B,IACEZ,WAAW,CAACa,IAAI,CAAC,KAChB,GAAAC,MAAA,CAAGD,IAAI,CAACE,QAAQ,WAAQP,IAAI,IAAIK,IAAI,CAACE,QAAQ,KAAKP,IAAI,CAAC,EACxD;UACAK,IAAI,CAACG,UAAU,GAAGP,QAAQ;QAC5B;MACF;IACF;IACA,OAAOQ,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEAC,WAAWA,CAAA,EAAkB;IAC3B,KAAK,IAAIP,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,IAAI,CAACT,KAAK,CAACQ,MAAM,EAAEC,CAAC,IAAI,CAAC,EAAE;MAC7C,IAAMC,IAAI,GAAG,IAAI,CAACV,KAAK,CAACS,CAAC,CAAC;MAC1B,IAAIZ,WAAW,CAACa,IAAI,CAAC,EAAE;QACrBA,IAAI,CAACG,UAAU,GAAG,KAAK;MACzB;IACF;IACA,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEAE,eAAeA,CAAA,EAA2C;IACxD,OAAOH,OAAO,CAACC,OAAO,CAAC;MACrBf,KAAK,EAAE,IAAI,CAACA,KAAK;MAAE;MACnBkB,MAAM,EAAE;IACV,CAAC,CAAC;EACJ;EAEMC,WAAWA,CACfC,YAA0B,EACiB;IAAA,OAAAC,iBAAA;MAC3C,MAAM,IAAIC,KAAK,CAAC,yBAAyB,CAAC;IAAC;EAC7C;EAEMC,WAAWA,CAACC,QAA8B,EAAiB;IAAA,IAAAC,KAAA;IAAA,OAAAJ,iBAAA;MAAA,IAAAK,qBAAA;MAC/D,IAAMC,kBAAkB,SAASF,KAAI,CAACR,eAAe,CAAC,CAAC;MACvD,CAAAS,qBAAA,GAAAD,KAAI,CAACG,gBAAgB,cAAAF,qBAAA,uBAArBA,qBAAA,CAAAG,IAAA,CAAAJ,KAAI,EAAoBE,kBAAkB,CAAC;IAAC;EAC9C;EAEAG,UAAUA,CAACC,MAA6B,EAAQ;IAC9C;EAAA;EAGFC,QAAQA,CAACD,MAA2B,EAAQ;IAC1C;EAAA;EAGFE,WAAWA,CAACC,UAAmB,EAAQ;IACrC;EAAA;EAGFC,KAAKA,CAAA,EAAS;IACZ;EAAA;EAGFC,QAAQA,CACNC,QAAiD,EACzB;IACxB,IAAI,CAACT,gBAAgB,GAAGS,QAAQ;IAChC,OAAOC,IAAI,CAACC,EAAE,CAAC,CAAC;EAClB;EAEA,IAAIC,IAAIA,CAAA,EAAW;IACjB,OAAO,IAAI,CAACxC,KAAK,CAACQ,MAAM;EAC1B;AACF;AAEA,eAAeV,oBAAoB"}

package/dist/panels/NotebookPanel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../src/panels/NotebookPanel.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxLE;EACE;;;AAIJ;EACE,SCNS;EDOT,ODUS;;;ACPX;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA,YDYS;ECXT;EACA;EACA,KCtBO;;ADwBP;AAAA;EAEE,ODvBE;;AC0BJ;EACE","file":"NotebookPanel.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '@deephaven/components/scss/custom.scss';\n\n$toolbar-bg: $content-bg;\n\n.notebook-title {\n  &.is-preview {\n    font-style: italic;\n  }\n}\n\n.notebook-session-not-connected {\n  padding: $spacer-2;\n  color: $gray-600;\n}\n\n.notebook-container {\n  display: flex;\n  flex-direction: column;\n\n  .notebook-toolbar {\n    display: flex;\n    justify-content: center;\n    flex-direction: row;\n    background: $toolbar-bg;\n    border-bottom: 2px solid $background;\n    padding: $spacer-1 $spacer-2;\n    gap: $spacer-1;\n\n    .btn-play:hover,\n    .btn-play-selected:hover {\n      color: $green;\n    }\n\n    .icon-create-pq {\n      transform: translate(0, -4px);\n    }\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../src/panels/NotebookPanel.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxLE;EACE;;;AAIJ;EACE,SCNS;EDOT,ODUS;;;ACPX;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA,YDYS;ECXT;EACA;EACA,KCtBO;;ADwBP;AAAA;EAEE,ODvBE;;AC0BJ;EACE","file":"NotebookPanel.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-text-disabled);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '@deephaven/components/scss/custom.scss';\n\n$toolbar-bg: $content-bg;\n\n.notebook-title {\n  &.is-preview {\n    font-style: italic;\n  }\n}\n\n.notebook-session-not-connected {\n  padding: $spacer-2;\n  color: $gray-600;\n}\n\n.notebook-container {\n  display: flex;\n  flex-direction: column;\n\n  .notebook-toolbar {\n    display: flex;\n    justify-content: center;\n    flex-direction: row;\n    background: $toolbar-bg;\n    border-bottom: 2px solid $background;\n    padding: $spacer-1 $spacer-2;\n    gap: $spacer-1;\n\n    .btn-play:hover,\n    .btn-play-selected:hover {\n      color: $green;\n    }\n\n    .icon-create-pq {\n      transform: translate(0, -4px);\n    }\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}