@deephaven/console 0.43.0 → 0.44.0

package/dist/ConsoleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleInput.js","names":["React","PureComponent","classNames","monaco","Log","assertNotNull","PromiseUtils","MonacoProviders","MonacoTheme","MonacoUtils","log","module","LINE_HEIGHT","parseInt","TOP_PADDING","BOTTOM_PADDING","MIN_INPUT_HEIGHT","BUFFER_SIZE","ConsoleInput","constructor","props","handleWindowResize","bind","commandContainer","createRef","commandHistoryIndex","timestamp","Date","now","bufferIndex","history","modifiedCommands","Map","state","commandEditorHeight","isFocused","model","componentDidMount","initCommandEditor","window","addEventListener","loadMoreHistory","componentDidUpdate","layoutEditor","componentWillUnmount","removeEventListener","loadingPromise","cancel","destroyCommandEditor","setConsoleText","text","focus","execute","debug","commandEditor","setValue","focusEnd","updateDimensions","processCommand","language","session","commandSettings","copyWithSyntaxHighlighting","cursorStyle","fixedOverflowWidgets","folding","fontFamily","glyphMargin","lineHeight","lineDecorationsWidth","lineNumbers","minimap","enabled","renderLineHighlight","scrollBeyondLastLine","scrollbar","arrowSize","horizontal","horizontalScrollbarSize","padding","top","bottom","tabCompletion","value","wordWrap","element","current","editor","create","setEOL","openDocument","onDidChangeModelContent","getValue","set","onDidFocusEditorText","setState","onDidBlurEditorText","onKeyDown","keyEvent","position","getPosition","lineNumber","getModel","code","isSuggestionMenuPopulated","loadCommand","focusStart","stopPropagation","preventDefault","getLineCount","altKey","shiftKey","metaKey","keyCode","KeyCode","Enter","command","trim","undefined","Tab","isSuggestionMenuActive","trigger","addCommand","KeyMod","CtrlCmd","KeyF","removeConflictingKeybindings","registerPasteHandler","closeDocument","dispose","commandSuggestionContainer","getDomNode","querySelector","classList","contains","childElementCount","column","getLineLength","firstCharTop","getTopForPosition","setPosition","setScrollTop","lastLine","lastCharTop","clear","layout","index","length","modifiedValue","get","historyValue","commandHistoryStorage","scope","makeCancelable","getTable","resolved","close","table","setReversed","setViewport","getViewportData","viewportData","size","items","filter","pos","arr","name","map","reverse","err","isCanceled","debug2","error","push","onSubmit","maxHeight","contentHeight","getContentHeight","Math","max","min","shouldScroll","options","overviewRulerLanes","updateOptions","render","disabled","INPUT_CLASS_NAME","height"],"sources":["../src/ConsoleInput.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement, RefObject } from 'react';\nimport classNames from 'classnames';\nimport * as monaco from 'monaco-editor';\nimport Log from '@deephaven/log';\nimport {\n  assertNotNull,\n  CancelablePromise,\n  PromiseUtils,\n} from '@deephaven/utils';\nimport { ViewportData } from '@deephaven/storage';\nimport type { IdeSession } from '@deephaven/jsapi-types';\nimport {\n  CommandHistoryStorage,\n  CommandHistoryStorageItem,\n  CommandHistoryTable,\n} from './command-history';\nimport { MonacoProviders, MonacoTheme, MonacoUtils } from './monaco';\nimport './ConsoleInput.scss';\n\nconst log = Log.module('ConsoleInput');\n\nconst LINE_HEIGHT = parseInt(MonacoTheme['line-height'], 10);\nconst TOP_PADDING = 6;\nconst BOTTOM_PADDING = 6;\nconst MIN_INPUT_HEIGHT = LINE_HEIGHT + TOP_PADDING + BOTTOM_PADDING;\nconst BUFFER_SIZE = 100;\n\ninterface ConsoleInputProps {\n  session: IdeSession;\n  language: string;\n  scope?: string;\n  commandHistoryStorage: CommandHistoryStorage;\n  onSubmit: (command: string) => void;\n  maxHeight?: number;\n  disabled?: boolean;\n}\n\ninterface ConsoleInputState {\n  commandEditorHeight: number;\n  isFocused: boolean;\n  model: monaco.editor.ITextModel | null;\n}\n\n/**\n * Component for input in a console session. Handles loading the recent command history\n */\nexport class ConsoleInput extends PureComponent<\n  ConsoleInputProps,\n  ConsoleInputState\n> {\n  static defaultProps = {\n    maxHeight: LINE_HEIGHT * 10,\n    scope: null,\n    disabled: false,\n  };\n\n  static INPUT_CLASS_NAME = 'console-input';\n\n  constructor(props: ConsoleInputProps) {\n    super(props);\n\n    this.handleWindowResize = this.handleWindowResize.bind(this);\n\n    this.commandContainer = React.createRef();\n    this.commandHistoryIndex = null;\n    this.timestamp = Date.now();\n    this.bufferIndex = 0;\n    this.history = [];\n    // Tracks every command that has been modified by its commandHistoryIndex. Cleared on any command being executed\n    this.modifiedCommands = new Map();\n\n    this.state = {\n      commandEditorHeight: LINE_HEIGHT,\n      isFocused: false,\n      model: null,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initCommandEditor();\n\n    window.addEventListener('resize', this.handleWindowResize);\n\n    this.loadMoreHistory();\n  }\n\n  componentDidUpdate(): void {\n    this.layoutEditor();\n  }\n\n  componentWillUnmount(): void {\n    window.removeEventListener('resize', this.handleWindowResize);\n\n    if (this.loadingPromise != null) {\n      this.loadingPromise.cancel();\n    }\n\n    this.destroyCommandEditor();\n  }\n\n  cancelListener?: () => void;\n\n  commandContainer: RefObject<HTMLDivElement>;\n\n  commandEditor?: monaco.editor.IStandaloneCodeEditor;\n\n  commandHistoryIndex: number | null;\n\n  commandSuggestionContainer?: Element | null;\n\n  loadingPromise?:\n    | CancelablePromise<ViewportData<CommandHistoryStorageItem>>\n    | CancelablePromise<CommandHistoryTable>;\n\n  timestamp: number;\n\n  bufferIndex: number | null;\n\n  history: string[];\n\n  // Tracks every command that has been modified by its commandHistoryIndex. Cleared on any command being executed\n  modifiedCommands: Map<number | null, string | null>;\n\n  /**\n   * Sets the console text from an external source.\n   * Sets commandHistoryIndex to null since the source is not part of the history\n   * @param text The text to set in the input\n   * @param focus If the input should be focused\n   * @param execute If the input should be executed\n   * @returns void\n   */\n  setConsoleText(text: string, focus = true, execute = false): void {\n    if (!text) {\n      return;\n    }\n\n    log.debug('Command received: ', text);\n\n    // Only set the console text if we're not running this command\n    if (!execute) {\n      // Need to set commandHistoryIndex before value\n      // On value change, modified commands map updates\n      this.commandHistoryIndex = null;\n      this.commandEditor?.setValue(text);\n    }\n\n    if (focus) {\n      this.focusEnd();\n    }\n\n    this.updateDimensions();\n\n    if (execute) {\n      this.processCommand(text);\n    }\n  }\n\n  initCommandEditor(): void {\n    const { language, session } = this.props;\n    const commandSettings = {\n      copyWithSyntaxHighlighting: false,\n      cursorStyle: 'block',\n      fixedOverflowWidgets: true,\n      folding: false,\n      fontFamily: 'Fira Mono',\n      glyphMargin: false,\n      language,\n      lineHeight: LINE_HEIGHT,\n      lineDecorationsWidth: 3,\n      lineNumbers: 'off',\n      minimap: { enabled: false },\n      renderLineHighlight: 'none',\n      scrollBeyondLastLine: false,\n      scrollbar: {\n        arrowSize: 0,\n        horizontal: 'hidden',\n        horizontalScrollbarSize: 0,\n      },\n      padding: {\n        top: TOP_PADDING,\n        bottom: BOTTOM_PADDING,\n      },\n      tabCompletion: 'on',\n      value: '',\n      wordWrap: 'on',\n    } as const;\n\n    const element = this.commandContainer.current;\n    assertNotNull(element);\n    this.commandEditor = monaco.editor.create(element, commandSettings);\n\n    MonacoUtils.setEOL(this.commandEditor);\n    MonacoUtils.openDocument(this.commandEditor, session);\n\n    this.commandEditor.onDidChangeModelContent(() => {\n      const value = this.commandEditor?.getValue();\n      this.modifiedCommands.set(this.commandHistoryIndex, value ?? null);\n      this.updateDimensions();\n    });\n\n    this.commandEditor.onDidFocusEditorText(() => {\n      this.setState({ isFocused: true });\n    });\n\n    this.commandEditor.onDidBlurEditorText(() => {\n      this.setState({ isFocused: false });\n    });\n\n    /**\n     * Register for keydown events to capture the `Enter` key.\n     * Need to do it this way instead of using `addCommand`, because that would eat the Enter key in all situations, which is not what we want.\n     * Can't do it in `onDidChangeModelContent` either, since we want to stop the Enter action from modifying the command.\n     */\n    this.commandEditor.onKeyDown(keyEvent => {\n      const { commandEditor, commandHistoryIndex } = this;\n      const position = commandEditor?.getPosition();\n      assertNotNull(position);\n      const { lineNumber } = position;\n      const model = commandEditor?.getModel();\n      if (\n        keyEvent.code === 'ArrowUp' &&\n        !this.isSuggestionMenuPopulated() &&\n        lineNumber === 1\n      ) {\n        if (commandHistoryIndex != null) {\n          this.loadCommand(commandHistoryIndex + 1);\n        } else {\n          this.loadCommand(0);\n        }\n\n        this.focusStart();\n        keyEvent.stopPropagation();\n        keyEvent.preventDefault();\n\n        return;\n      }\n\n      if (\n        keyEvent.code === 'ArrowDown' &&\n        !this.isSuggestionMenuPopulated() &&\n        lineNumber === model?.getLineCount()\n      ) {\n        if (commandHistoryIndex != null && commandHistoryIndex > 0) {\n          this.loadCommand(commandHistoryIndex - 1);\n        } else {\n          this.loadCommand(null);\n        }\n\n        this.focusEnd();\n        keyEvent.stopPropagation();\n        keyEvent.preventDefault();\n\n        return;\n      }\n\n      if (!keyEvent.altKey && !keyEvent.shiftKey && !keyEvent.metaKey) {\n        if (keyEvent.keyCode === monaco.KeyCode.Enter) {\n          if (!this.isSuggestionMenuPopulated()) {\n            keyEvent.stopPropagation();\n            keyEvent.preventDefault();\n\n            const command = this.commandEditor?.getValue().trim();\n            if (command !== undefined) {\n              this.processCommand(command);\n              this.commandEditor?.setValue('');\n            }\n          }\n        } else if (keyEvent.keyCode === monaco.KeyCode.Tab) {\n          if (!this.isSuggestionMenuActive()) {\n            keyEvent.stopPropagation();\n            keyEvent.preventDefault();\n\n            this.commandEditor?.trigger(\n              'Tab key trigger suggestions',\n              'editor.action.triggerSuggest',\n              {}\n            );\n          } else if (!this.isSuggestionMenuPopulated()) {\n            keyEvent.stopPropagation();\n            keyEvent.preventDefault();\n          }\n        }\n      }\n    });\n\n    // Override the Ctrl+F functionality so that the find window doesn't appear\n    this.commandEditor.addCommand(\n      monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyF, // eslint-disable-line no-bitwise\n      () => undefined\n    );\n\n    MonacoUtils.removeConflictingKeybindings(this.commandEditor);\n\n    MonacoUtils.registerPasteHandler(this.commandEditor);\n\n    this.commandEditor.focus();\n\n    this.updateDimensions();\n\n    this.setState({ model: this.commandEditor.getModel() });\n  }\n\n  destroyCommandEditor(): void {\n    const { session } = this.props;\n    if (this.commandEditor) {\n      MonacoUtils.closeDocument(this.commandEditor, session);\n      this.commandEditor.dispose();\n      this.commandEditor = undefined;\n    }\n  }\n\n  handleWindowResize(): void {\n    this.updateDimensions();\n  }\n\n  isSuggestionMenuActive(): boolean {\n    if (!this.commandSuggestionContainer) {\n      this.commandSuggestionContainer = this.commandEditor\n        ?.getDomNode()\n        ?.querySelector('.suggest-widget');\n    }\n\n    return (\n      (this.commandSuggestionContainer &&\n        this.commandSuggestionContainer.classList.contains('visible')) ??\n      false\n    );\n  }\n\n  isSuggestionMenuPopulated(): boolean {\n    return (\n      this.isSuggestionMenuActive() &&\n      (this.commandSuggestionContainer?.querySelector('.monaco-list-rows')\n        ?.childElementCount ?? 0) > 0\n    );\n  }\n\n  focus(): void {\n    this.commandEditor?.focus();\n  }\n\n  focusStart(): void {\n    const model = this.commandEditor?.getModel();\n    assertNotNull(model);\n    const column = model.getLineLength(1) + 1; // Length of 1st line\n    const firstCharTop = this.commandEditor?.getTopForPosition(1, column);\n    assertNotNull(firstCharTop);\n    this.commandEditor?.setPosition({ lineNumber: 1, column });\n    this.commandEditor?.setScrollTop(firstCharTop);\n    this.commandEditor?.focus();\n  }\n\n  focusEnd(): void {\n    const model = this.commandEditor?.getModel();\n    assertNotNull(model);\n    const lastLine = model.getLineCount();\n    const column = model.getLineLength(lastLine) + 1;\n    const lastCharTop = this.commandEditor?.getTopForPosition(lastLine, column);\n    assertNotNull(lastCharTop);\n    this.commandEditor?.setPosition({ lineNumber: lastLine, column });\n    this.commandEditor?.setScrollTop(lastCharTop);\n    this.commandEditor?.focus();\n  }\n\n  clear(): void {\n    this.commandEditor?.focus();\n    this.commandEditor?.getModel()?.setValue('');\n    this.commandHistoryIndex = null;\n  }\n\n  layoutEditor(): void {\n    if (this.commandEditor) {\n      this.commandEditor.layout();\n    }\n  }\n\n  /**\n   * Loads the given command from history\n   * If edits have been made to the command since last run command, loads the modified version\n   * @param index The index to load. Null to load command started in the editor and not in the history\n   */\n  loadCommand(index: number | null): void {\n    if (index !== null && index >= this.history.length) {\n      return;\n    }\n\n    const modifiedValue = this.modifiedCommands.get(index);\n    const historyValue =\n      index === null ? '' : this.history[this.history.length - index - 1];\n\n    this.commandHistoryIndex = index;\n    this.commandEditor?.getModel()?.setValue(modifiedValue ?? historyValue);\n\n    if (index !== null && index > this.history.length - BUFFER_SIZE) {\n      this.loadMoreHistory();\n    }\n  }\n\n  async loadMoreHistory(): Promise<void> {\n    try {\n      if (this.loadingPromise != null || this.bufferIndex == null) {\n        return;\n      }\n\n      const { commandHistoryStorage, language, scope } = this.props;\n\n      this.loadingPromise = PromiseUtils.makeCancelable(\n        commandHistoryStorage.getTable(language, scope ?? '', this.timestamp),\n        resolved => resolved.close()\n      );\n\n      const table = await this.loadingPromise;\n      table.setReversed(true);\n      table.setViewport({\n        top: this.bufferIndex,\n        bottom: this.bufferIndex + BUFFER_SIZE - 1,\n      });\n\n      this.loadingPromise = PromiseUtils.makeCancelable(\n        table.getViewportData(),\n        () => table.close()\n      );\n      const viewportData = await this.loadingPromise;\n      this.bufferIndex += BUFFER_SIZE;\n      if (this.bufferIndex >= table.size) {\n        // We've loaded the full history, no need to load any more\n        this.bufferIndex = null;\n      }\n      this.history = [\n        ...viewportData.items\n          .filter(\n            ({ name }, pos, arr) => pos === 0 || name !== arr[pos - 1].name\n          )\n          .map(({ name }) => name)\n          .reverse(),\n        ...this.history,\n      ];\n\n      this.loadingPromise = undefined;\n\n      table.close();\n    } catch (err) {\n      this.loadingPromise = undefined;\n      if (PromiseUtils.isCanceled(err)) {\n        log.debug2('Promise canceled, not loading history');\n        return;\n      }\n\n      log.error('Error fetching history', err);\n    }\n  }\n\n  processCommand(command: string): void {\n    this.commandHistoryIndex = null;\n    this.modifiedCommands.clear();\n\n    assertNotNull(command);\n    if (\n      command !== '' &&\n      (this.history.length === 0 ||\n        command !== this.history[this.history.length - 1])\n    ) {\n      this.history.push(command);\n    }\n    this.updateDimensions();\n\n    const { onSubmit } = this.props;\n    onSubmit(command);\n  }\n\n  updateDimensions(): void {\n    if (!this.commandEditor) {\n      return;\n    }\n\n    const { maxHeight } = this.props;\n    assertNotNull(maxHeight);\n    const contentHeight = this.commandEditor.getContentHeight();\n    const commandEditorHeight = Math.max(\n      Math.min(contentHeight, maxHeight),\n      MIN_INPUT_HEIGHT\n    );\n\n    // Only show the overview ruler (markings overlapping sroll bar area) if the scrollbar will show\n    const shouldScroll = contentHeight > commandEditorHeight;\n\n    const options = { overviewRulerLanes: shouldScroll ? undefined : 0 };\n\n    this.setState(\n      {\n        commandEditorHeight,\n      },\n      () => {\n        this.commandEditor?.updateOptions(options);\n        this.commandEditor?.layout();\n      }\n    );\n  }\n\n  render(): ReactElement {\n    const { disabled, language, session } = this.props;\n    const { commandEditorHeight, isFocused, model } = this.state;\n    return (\n      <div className={classNames('console-input-wrapper', { disabled })}>\n        <div\n          className={classNames('console-input-inner-wrapper', {\n            focus: isFocused,\n          })}\n        >\n          <div\n            className={ConsoleInput.INPUT_CLASS_NAME}\n            ref={this.commandContainer}\n            style={{ height: commandEditorHeight }}\n          />\n          {model && (\n            <MonacoProviders\n              model={model}\n              language={language}\n              session={session}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ConsoleInput;\n"],"mappings":"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"}

package/dist/ConsoleMenu.css

@@ -0,0 +1,25 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.console-pane-menu .btn-link {
+  border: 0;
+  min-width: 2rem;
+  padding: 4px;
+  color: #929192;
+  z-index: 15;
+}
+.console-pane-menu .btn-link svg.fa-caret-down g g path {
+  color: #c0bfbf;
+  stroke: #1a171a;
+  stroke-width: 30;
+}
+.console-pane-menu .btn-link:hover {
+  color: #f0f0ee;
+}
+.console-pane-menu .btn-link:hover svg.fa-caret-down g g path {
+  color: #f0f0ee;
+}
+.console-pane-menu .btn-overflow {
+  color: #c0bfbf;
+  padding-right: 0;
+}
+
+/*# sourceMappingURL=ConsoleMenu.css.map */

package/dist/ConsoleMenu.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/ConsoleMenu.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACQE;EACE;EACA;EACA;EACA,OCSO;EDRP;;AAEA;EACE,OCIK;EDHL,QCHW;EDIX,cAb4B;;AAgB9B;EACE,OCTW;;ADUX;EACE,OCXS;;ADef;EACE,OCTO;EDUP","file":"ConsoleMenu.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 '@deephaven/components/scss/custom.scss';\n$console-pane-menu-color: $gray-300;\n$console-pane-menu-hover-color: $white;\n$console-pane-menu-icons-color: $gray-400;\n$console-pane-arrow-stroke-color: $black;\n$console-pane-arrow-stroke-width: 30;\n\n.console-pane-menu {\n  .btn-link {\n    border: 0;\n    min-width: 2rem;\n    padding: 4px; //must use pixels for buttons with svg icons or risk half pixel issues\n    color: $console-pane-menu-icons-color;\n    z-index: 15; // so focus ring appears above tab header bar\n\n    svg.fa-caret-down g g path {\n      color: $console-pane-menu-color;\n      stroke: $console-pane-arrow-stroke-color;\n      stroke-width: $console-pane-arrow-stroke-width;\n    }\n\n    &:hover {\n      color: $console-pane-menu-hover-color;\n      svg.fa-caret-down g g path {\n        color: $console-pane-menu-hover-color;\n      }\n    }\n  }\n  .btn-overflow {\n    color: $console-pane-menu-color;\n    padding-right: 0;\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\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: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, 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//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\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 rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\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: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\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: theme-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"]}

package/dist/ConsoleMenu.js

@@ -0,0 +1,192 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { PureComponent } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Button, DropdownMenu, SearchInput } from '@deephaven/components';
+import { dhTable, vsGraph, vsKebabVertical, vsTriangleDown } from '@deephaven/icons';
+import Log from '@deephaven/log';
+import memoize from 'memoize-one';
+import "./ConsoleMenu.css";
+import ConsoleUtils from "./common/ConsoleUtils.js";
+var log = Log.module('ConsoleMenu');
+class ConsoleMenu extends PureComponent {
+  static makeItemActions(objects, filterText, refCallback, changeCallback, openCallback) {
+    if (objects.length === 0) {
+      return [];
+    }
+    var searchAction = {
+      menuElement: /*#__PURE__*/React.createElement(SearchInput, {
+        value: filterText,
+        onChange: changeCallback,
+        className: "console-menu",
+        ref: refCallback
+      })
+    };
+    var filteredItems = objects;
+    if (filterText) {
+      filteredItems = filteredItems.filter(_ref => {
+        var {
+          title
+        } = _ref;
+        return title != null && title.toLowerCase().indexOf(filterText.toLowerCase()) >= 0;
+      });
+    }
+    var openActions = filteredItems.map(object => ({
+      title: object.title,
+      action: () => {
+        openCallback(object);
+      }
+    }));
+    return [searchAction, ...openActions];
+  }
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "tableSearchField", void 0);
+    _defineProperty(this, "widgetSearchField", void 0);
+    _defineProperty(this, "makeTableActions", memoize((objects, filterText, openObject) => {
+      var {
+        dh
+      } = this.props;
+      var tables = objects.filter(object => ConsoleUtils.isTableType(dh, object.type));
+      return ConsoleMenu.makeItemActions(tables, filterText, searchField => {
+        this.tableSearchField = searchField;
+      }, this.handleTableFilterChange, openObject);
+    }));
+    _defineProperty(this, "makeWidgetActions", memoize((objects, filterText, openObject) => {
+      var {
+        dh
+      } = this.props;
+      var widgets = objects.filter(object => ConsoleUtils.isWidgetType(dh, object.type));
+      return ConsoleMenu.makeItemActions(widgets, filterText, searchField => {
+        this.widgetSearchField = searchField;
+      }, this.handleWidgetFilterChange, openObject);
+    }));
+    this.handleTableFilterChange = this.handleTableFilterChange.bind(this);
+    this.handleTableMenuClosed = this.handleTableMenuClosed.bind(this);
+    this.handleTableMenuOpened = this.handleTableMenuOpened.bind(this);
+    this.handleWidgetFilterChange = this.handleWidgetFilterChange.bind(this);
+    this.handleWidgetMenuClosed = this.handleWidgetMenuClosed.bind(this);
+    this.handleWidgetMenuOpened = this.handleWidgetMenuOpened.bind(this);
+    this.state = {
+      tableFilterText: '',
+      widgetFilterText: ''
+    };
+  }
+  handleTableFilterChange(e) {
+    log.debug('filtering tables...');
+    this.setState({
+      tableFilterText: e.target.value
+    });
+  }
+  handleTableMenuClosed() {
+    this.setState({
+      tableFilterText: ''
+    });
+  }
+  handleTableMenuOpened() {
+    var _this$tableSearchFiel;
+    (_this$tableSearchFiel = this.tableSearchField) === null || _this$tableSearchFiel === void 0 ? void 0 : _this$tableSearchFiel.focus();
+  }
+  handleWidgetFilterChange(e) {
+    log.debug('filtering widgets...');
+    this.setState({
+      widgetFilterText: e.target.value
+    });
+  }
+  handleWidgetMenuClosed() {
+    this.setState({
+      widgetFilterText: ''
+    });
+  }
+  handleWidgetMenuOpened() {
+    var _this$widgetSearchFie;
+    (_this$widgetSearchFie = this.widgetSearchField) === null || _this$widgetSearchFie === void 0 ? void 0 : _this$widgetSearchFie.focus();
+  }
+  render() {
+    var {
+      overflowActions,
+      objects,
+      openObject
+    } = this.props;
+    var {
+      tableFilterText,
+      widgetFilterText
+    } = this.state;
+    var tableActions = this.makeTableActions(objects, tableFilterText, openObject);
+    var widgetActions = this.makeWidgetActions(objects, widgetFilterText, openObject);
+    var popperOptions = {
+      placement: 'bottom-end'
+    };
+    var disableTableActions = tableActions.length === 0;
+    var disableWidgetActions = widgetActions.length === 0;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "console-pane-menu"
+    }, /*#__PURE__*/React.createElement(Button, {
+      kind: "ghost",
+      className: "btn-link-icon",
+      disabled: disableTableActions,
+      onClick: () => {
+        // no-op: click is handled in `DropdownMenu`
+      },
+      tooltip: disableTableActions ? 'No tables available' : 'Tables'
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "fa-md fa-layers"
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      mask: dhTable,
+      icon: vsTriangleDown,
+      transform: "right-5 down-5"
+    }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsTriangleDown,
+      transform: "right-8 down-6"
+    })), /*#__PURE__*/React.createElement(DropdownMenu, {
+      key: "table-actions ",
+      actions: tableActions,
+      onMenuOpened: this.handleTableMenuOpened,
+      onMenuClosed: this.handleTableMenuClosed,
+      options: {
+        initialKeyboardIndex: 1
+      },
+      popperOptions: popperOptions
+    })), /*#__PURE__*/React.createElement(Button, {
+      kind: "ghost",
+      className: "btn-link-icon",
+      disabled: widgetActions.length === 0,
+      onClick: () => {
+        // no-op: click is handled in `DropdownMenu'
+      },
+      tooltip: disableWidgetActions ? 'No widgets available' : 'Widgets'
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "fa-md fa-layers"
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      mask: vsGraph,
+      icon: vsTriangleDown,
+      transform: "right-5 down-5"
+    }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsTriangleDown,
+      transform: "right-8 down-6"
+    })), /*#__PURE__*/React.createElement(DropdownMenu, {
+      key: "table-actions",
+      actions: widgetActions,
+      onMenuOpened: this.handleWidgetMenuOpened,
+      onMenuClosed: this.handleWidgetMenuClosed,
+      options: {
+        initialKeyboardIndex: 1
+      },
+      popperOptions: popperOptions
+    })), /*#__PURE__*/React.createElement(Button, {
+      kind: "ghost",
+      className: "btn-overflow btn-link-icon",
+      icon: vsKebabVertical,
+      tooltip: "More Actions...",
+      onClick: () => {
+        // no-op: click is handled in `DropdownMenu`
+      }
+    }, /*#__PURE__*/React.createElement(DropdownMenu, {
+      actions: overflowActions,
+      popperOptions: popperOptions
+    })));
+  }
+}
+export default ConsoleMenu;
+//# sourceMappingURL=ConsoleMenu.js.map

package/dist/ConsoleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleMenu.js","names":["React","PureComponent","FontAwesomeIcon","Button","DropdownMenu","SearchInput","dhTable","vsGraph","vsKebabVertical","vsTriangleDown","Log","memoize","ConsoleUtils","log","module","ConsoleMenu","makeItemActions","objects","filterText","refCallback","changeCallback","openCallback","length","searchAction","menuElement","filteredItems","filter","title","toLowerCase","indexOf","openActions","map","object","action","constructor","props","openObject","dh","tables","isTableType","type","searchField","tableSearchField","handleTableFilterChange","widgets","isWidgetType","widgetSearchField","handleWidgetFilterChange","bind","handleTableMenuClosed","handleTableMenuOpened","handleWidgetMenuClosed","handleWidgetMenuOpened","state","tableFilterText","widgetFilterText","e","debug","setState","target","value","focus","render","overflowActions","tableActions","makeTableActions","widgetActions","makeWidgetActions","popperOptions","placement","disableTableActions","disableWidgetActions","initialKeyboardIndex"],"sources":["../src/ConsoleMenu.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  ChangeEventHandler,\n  PureComponent,\n  ReactElement,\n} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  Button,\n  DropdownAction,\n  DropdownMenu,\n  PopperOptions,\n  SearchInput,\n} from '@deephaven/components';\nimport {\n  dhTable,\n  vsGraph,\n  vsKebabVertical,\n  vsTriangleDown,\n} from '@deephaven/icons';\nimport Log from '@deephaven/log';\nimport type { dh as DhType, VariableDefinition } from '@deephaven/jsapi-types';\nimport memoize from 'memoize-one';\nimport './ConsoleMenu.scss';\nimport ConsoleUtils from './common/ConsoleUtils';\n\nconst log = Log.module('ConsoleMenu');\n\ninterface ConsoleMenuProps {\n  dh: DhType;\n  openObject: (object: VariableDefinition) => void;\n  objects: VariableDefinition[];\n  overflowActions: () => DropdownAction[];\n}\n\ninterface ConsoleMenuState {\n  tableFilterText: string;\n  widgetFilterText: string;\n}\n\nclass ConsoleMenu extends PureComponent<ConsoleMenuProps, ConsoleMenuState> {\n  static makeItemActions(\n    objects: VariableDefinition[],\n    filterText: string,\n    refCallback: (ref: SearchInput) => void,\n    changeCallback: ChangeEventHandler<HTMLInputElement>,\n    openCallback: (object: VariableDefinition) => void\n  ): DropdownAction[] {\n    if (objects.length === 0) {\n      return [];\n    }\n\n    const searchAction = {\n      menuElement: (\n        <SearchInput\n          value={filterText}\n          onChange={changeCallback}\n          className=\"console-menu\"\n          ref={refCallback}\n        />\n      ),\n    };\n    let filteredItems = objects;\n    if (filterText) {\n      filteredItems = filteredItems.filter(\n        ({ title }: { title?: string }) =>\n          title != null &&\n          title.toLowerCase().indexOf(filterText.toLowerCase()) >= 0\n      );\n    }\n    const openActions = filteredItems.map(object => ({\n      title: object.title,\n      action: () => {\n        openCallback(object);\n      },\n    }));\n\n    return [searchAction, ...openActions];\n  }\n\n  constructor(props: ConsoleMenuProps) {\n    super(props);\n\n    this.handleTableFilterChange = this.handleTableFilterChange.bind(this);\n    this.handleTableMenuClosed = this.handleTableMenuClosed.bind(this);\n    this.handleTableMenuOpened = this.handleTableMenuOpened.bind(this);\n    this.handleWidgetFilterChange = this.handleWidgetFilterChange.bind(this);\n    this.handleWidgetMenuClosed = this.handleWidgetMenuClosed.bind(this);\n    this.handleWidgetMenuOpened = this.handleWidgetMenuOpened.bind(this);\n\n    this.state = {\n      tableFilterText: '',\n      widgetFilterText: '',\n    };\n  }\n\n  tableSearchField?: SearchInput;\n\n  widgetSearchField?: SearchInput;\n\n  makeTableActions = memoize(\n    (\n      objects: VariableDefinition[],\n      filterText: string,\n      openObject: (object: VariableDefinition) => void\n    ): DropdownAction[] => {\n      const { dh } = this.props;\n      const tables = objects.filter(object =>\n        ConsoleUtils.isTableType(dh, object.type)\n      );\n      return ConsoleMenu.makeItemActions(\n        tables,\n        filterText,\n        searchField => {\n          this.tableSearchField = searchField;\n        },\n        this.handleTableFilterChange,\n        openObject\n      );\n    }\n  );\n\n  makeWidgetActions = memoize(\n    (\n      objects: VariableDefinition[],\n      filterText: string,\n      openObject: (object: VariableDefinition) => void\n    ): DropdownAction[] => {\n      const { dh } = this.props;\n      const widgets = objects.filter(object =>\n        ConsoleUtils.isWidgetType(dh, object.type)\n      );\n      return ConsoleMenu.makeItemActions(\n        widgets,\n        filterText,\n        searchField => {\n          this.widgetSearchField = searchField;\n        },\n        this.handleWidgetFilterChange,\n        openObject\n      );\n    }\n  );\n\n  handleTableFilterChange(e: ChangeEvent<HTMLInputElement>): void {\n    log.debug('filtering tables...');\n    this.setState({ tableFilterText: e.target.value });\n  }\n\n  handleTableMenuClosed(): void {\n    this.setState({ tableFilterText: '' });\n  }\n\n  handleTableMenuOpened(): void {\n    this.tableSearchField?.focus();\n  }\n\n  handleWidgetFilterChange(e: ChangeEvent<HTMLInputElement>): void {\n    log.debug('filtering widgets...');\n    this.setState({ widgetFilterText: e.target.value });\n  }\n\n  handleWidgetMenuClosed(): void {\n    this.setState({ widgetFilterText: '' });\n  }\n\n  handleWidgetMenuOpened(): void {\n    this.widgetSearchField?.focus();\n  }\n\n  render(): ReactElement {\n    const { overflowActions, objects, openObject } = this.props;\n    const { tableFilterText, widgetFilterText } = this.state;\n    const tableActions = this.makeTableActions(\n      objects,\n      tableFilterText,\n      openObject\n    );\n    const widgetActions = this.makeWidgetActions(\n      objects,\n      widgetFilterText,\n      openObject\n    );\n    const popperOptions: PopperOptions = { placement: 'bottom-end' };\n\n    const disableTableActions = tableActions.length === 0;\n    const disableWidgetActions = widgetActions.length === 0;\n\n    return (\n      <div className=\"console-pane-menu\">\n        <Button\n          kind=\"ghost\"\n          className=\"btn-link-icon\"\n          disabled={disableTableActions}\n          onClick={() => {\n            // no-op: click is handled in `DropdownMenu`\n          }}\n          tooltip={disableTableActions ? 'No tables available' : 'Tables'}\n        >\n          <div className=\"fa-md fa-layers\">\n            <FontAwesomeIcon\n              mask={dhTable}\n              icon={vsTriangleDown}\n              transform=\"right-5 down-5\"\n            />\n            <FontAwesomeIcon icon={vsTriangleDown} transform=\"right-8 down-6\" />\n          </div>\n          <DropdownMenu\n            key=\"table-actions \"\n            actions={tableActions}\n            onMenuOpened={this.handleTableMenuOpened}\n            onMenuClosed={this.handleTableMenuClosed}\n            options={{ initialKeyboardIndex: 1 }}\n            popperOptions={popperOptions}\n          />\n        </Button>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-link-icon\"\n          disabled={widgetActions.length === 0}\n          onClick={() => {\n            // no-op: click is handled in `DropdownMenu'\n          }}\n          tooltip={disableWidgetActions ? 'No widgets available' : 'Widgets'}\n        >\n          <div className=\"fa-md fa-layers\">\n            <FontAwesomeIcon\n              mask={vsGraph}\n              icon={vsTriangleDown}\n              transform=\"right-5 down-5\"\n            />\n            <FontAwesomeIcon icon={vsTriangleDown} transform=\"right-8 down-6\" />\n          </div>\n          <DropdownMenu\n            key=\"table-actions\"\n            actions={widgetActions}\n            onMenuOpened={this.handleWidgetMenuOpened}\n            onMenuClosed={this.handleWidgetMenuClosed}\n            options={{ initialKeyboardIndex: 1 }}\n            popperOptions={popperOptions}\n          />\n        </Button>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-overflow btn-link-icon\"\n          icon={vsKebabVertical}\n          tooltip=\"More Actions...\"\n          onClick={() => {\n            // no-op: click is handled in `DropdownMenu`\n          }}\n        >\n          <DropdownMenu\n            actions={overflowActions}\n            popperOptions={popperOptions}\n          />\n        </Button>\n      </div>\n    );\n  }\n}\n\nexport default ConsoleMenu;\n"],"mappings":"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"}

package/dist/ConsolePropTypes.js

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+var CommandHistoryItem = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired
+});
+var ConsolePropTypes = Object.freeze({
+  CommandHistoryItem
+});
+export default ConsolePropTypes;
+//# sourceMappingURL=ConsolePropTypes.js.map

package/dist/ConsolePropTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsolePropTypes.js","names":["PropTypes","CommandHistoryItem","shape","id","string","isRequired","name","ConsolePropTypes","Object","freeze"],"sources":["../src/ConsolePropTypes.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst CommandHistoryItem = PropTypes.shape({\n  id: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n});\n\nconst ConsolePropTypes = Object.freeze({\n  CommandHistoryItem,\n});\n\nexport default ConsolePropTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,IAAMC,kBAAkB,GAAGD,SAAS,CAACE,KAAK,CAAC;EACzCC,EAAE,EAAEH,SAAS,CAACI,MAAM,CAACC,UAAU;EAC/BC,IAAI,EAAEN,SAAS,CAACI,MAAM,CAACC;AACzB,CAAC,CAAC;AAEF,IAAME,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACrCR;AACF,CAAC,CAAC;AAEF,eAAeM,gBAAgB"}

package/dist/ConsoleShortcuts.js

@@ -0,0 +1,85 @@
+import { ShortcutRegistry, KEY, MODIFIER } from '@deephaven/components';
+var CONSOLE = {
+  name: 'Console',
+  CLEAR: ShortcutRegistry.createAndAdd({
+    id: 'CONSOLE.CLEAR',
+    name: 'Clear',
+    shortcut: [MODIFIER.CTRL, KEY.L],
+    macShortcut: [MODIFIER.CTRL, KEY.C]
+  }),
+  FOCUS_HISTORY: ShortcutRegistry.createAndAdd({
+    id: 'CONSOLE.FOCUS_HISTORY',
+    name: 'Focus History',
+    shortcut: [MODIFIER.CTRL, KEY.H],
+    macShortcut: [MODIFIER.CTRL, MODIFIER.OPTION, KEY.H] // cmd+H is a system level shortcut on Mac, so use something else
+  })
+};
+
+var COMMAND_HISTORY = {
+  name: 'Command History',
+  FOCUS_HISTORY: ShortcutRegistry.createAndAdd({
+    id: 'COMMAND_HISTORY.FOCUS_HISTORY',
+    name: 'Focus History Search',
+    shortcut: [MODIFIER.CTRL, KEY.H],
+    macShortcut: [MODIFIER.CTRL, MODIFIER.OPTION, KEY.H]
+  }),
+  SEND_TO_CONSOLE: ShortcutRegistry.createAndAdd({
+    id: 'COMMAND_HISTORY.SEND_TO_CONSOLE',
+    name: 'Send to Console',
+    shortcut: [KEY.ENTER],
+    macShortcut: [KEY.ENTER]
+  }),
+  SEND_TO_NOTEBOOK: ShortcutRegistry.createAndAdd({
+    id: 'COMMAND_HISTORY.SEND_TO_NOTEBOOK',
+    name: 'Send to Notebook',
+    shortcut: [MODIFIER.CTRL, KEY.ENTER],
+    macShortcut: [MODIFIER.CMD, KEY.ENTER]
+  }),
+  RUN: ShortcutRegistry.createAndAdd({
+    id: 'COMMAND_HISTORY.RUN',
+    name: 'Run',
+    shortcut: [MODIFIER.ALT, KEY.R],
+    macShortcut: [MODIFIER.OPTION, KEY.R]
+  })
+};
+var NOTEBOOK = {
+  name: 'Notebook',
+  RUN: ShortcutRegistry.createAndAdd({
+    id: 'NOTEBOOK.RUN',
+    name: 'Run',
+    shortcut: [MODIFIER.ALT, KEY.R],
+    macShortcut: [MODIFIER.OPTION, KEY.R]
+  }),
+  RUN_SELECTED: ShortcutRegistry.createAndAdd({
+    id: 'NOTEBOOK.RUN_SELECTED',
+    name: 'Run Selected',
+    shortcut: [MODIFIER.ALT, MODIFIER.SHIFT, KEY.R],
+    macShortcut: [MODIFIER.OPTION, MODIFIER.SHIFT, KEY.R]
+  }),
+  FIND: ShortcutRegistry.createAndAdd({
+    id: 'NOTEBOOK.FIND',
+    name: 'Find',
+    shortcut: [MODIFIER.CTRL, KEY.F],
+    macShortcut: [MODIFIER.CMD, KEY.F],
+    isEditable: false
+  }),
+  MINIMAP: ShortcutRegistry.createAndAdd({
+    id: 'NOTEBOOK.MINIMAP',
+    name: 'Show Minimap',
+    shortcut: [MODIFIER.ALT, KEY.M],
+    macShortcut: [MODIFIER.OPTION, KEY.M]
+  }),
+  WORDWRAP: ShortcutRegistry.createAndAdd({
+    id: 'NOTEBOOK.WORDWRAP',
+    name: 'Word Wrap',
+    shortcut: [MODIFIER.ALT, KEY.Z],
+    macShortcut: [MODIFIER.OPTION, KEY.Z]
+  })
+};
+var SHORTCUTS = {
+  CONSOLE,
+  COMMAND_HISTORY,
+  NOTEBOOK
+};
+export default SHORTCUTS;
+//# sourceMappingURL=ConsoleShortcuts.js.map

package/dist/ConsoleShortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleShortcuts.js","names":["ShortcutRegistry","KEY","MODIFIER","CONSOLE","name","CLEAR","createAndAdd","id","shortcut","CTRL","L","macShortcut","C","FOCUS_HISTORY","H","OPTION","COMMAND_HISTORY","SEND_TO_CONSOLE","ENTER","SEND_TO_NOTEBOOK","CMD","RUN","ALT","R","NOTEBOOK","RUN_SELECTED","SHIFT","FIND","F","isEditable","MINIMAP","M","WORDWRAP","Z","SHORTCUTS"],"sources":["../src/ConsoleShortcuts.ts"],"sourcesContent":["import { ShortcutRegistry, KEY, MODIFIER } from '@deephaven/components';\n\nconst CONSOLE = {\n  name: 'Console',\n  CLEAR: ShortcutRegistry.createAndAdd({\n    id: 'CONSOLE.CLEAR',\n    name: 'Clear',\n    shortcut: [MODIFIER.CTRL, KEY.L],\n    macShortcut: [MODIFIER.CTRL, KEY.C],\n  }),\n  FOCUS_HISTORY: ShortcutRegistry.createAndAdd({\n    id: 'CONSOLE.FOCUS_HISTORY',\n    name: 'Focus History',\n    shortcut: [MODIFIER.CTRL, KEY.H],\n    macShortcut: [MODIFIER.CTRL, MODIFIER.OPTION, KEY.H], // cmd+H is a system level shortcut on Mac, so use something else\n  }),\n};\n\nconst COMMAND_HISTORY = {\n  name: 'Command History',\n  FOCUS_HISTORY: ShortcutRegistry.createAndAdd({\n    id: 'COMMAND_HISTORY.FOCUS_HISTORY',\n    name: 'Focus History Search',\n    shortcut: [MODIFIER.CTRL, KEY.H],\n    macShortcut: [MODIFIER.CTRL, MODIFIER.OPTION, KEY.H],\n  }),\n  SEND_TO_CONSOLE: ShortcutRegistry.createAndAdd({\n    id: 'COMMAND_HISTORY.SEND_TO_CONSOLE',\n    name: 'Send to Console',\n    shortcut: [KEY.ENTER],\n    macShortcut: [KEY.ENTER],\n  }),\n  SEND_TO_NOTEBOOK: ShortcutRegistry.createAndAdd({\n    id: 'COMMAND_HISTORY.SEND_TO_NOTEBOOK',\n    name: 'Send to Notebook',\n    shortcut: [MODIFIER.CTRL, KEY.ENTER],\n    macShortcut: [MODIFIER.CMD, KEY.ENTER],\n  }),\n  RUN: ShortcutRegistry.createAndAdd({\n    id: 'COMMAND_HISTORY.RUN',\n    name: 'Run',\n    shortcut: [MODIFIER.ALT, KEY.R],\n    macShortcut: [MODIFIER.OPTION, KEY.R],\n  }),\n};\n\nconst NOTEBOOK = {\n  name: 'Notebook',\n  RUN: ShortcutRegistry.createAndAdd({\n    id: 'NOTEBOOK.RUN',\n    name: 'Run',\n    shortcut: [MODIFIER.ALT, KEY.R],\n    macShortcut: [MODIFIER.OPTION, KEY.R],\n  }),\n  RUN_SELECTED: ShortcutRegistry.createAndAdd({\n    id: 'NOTEBOOK.RUN_SELECTED',\n    name: 'Run Selected',\n    shortcut: [MODIFIER.ALT, MODIFIER.SHIFT, KEY.R],\n    macShortcut: [MODIFIER.OPTION, MODIFIER.SHIFT, KEY.R],\n  }),\n  FIND: ShortcutRegistry.createAndAdd({\n    id: 'NOTEBOOK.FIND',\n    name: 'Find',\n    shortcut: [MODIFIER.CTRL, KEY.F],\n    macShortcut: [MODIFIER.CMD, KEY.F],\n    isEditable: false,\n  }),\n  MINIMAP: ShortcutRegistry.createAndAdd({\n    id: 'NOTEBOOK.MINIMAP',\n    name: 'Show Minimap',\n    shortcut: [MODIFIER.ALT, KEY.M],\n    macShortcut: [MODIFIER.OPTION, KEY.M],\n  }),\n  WORDWRAP: ShortcutRegistry.createAndAdd({\n    id: 'NOTEBOOK.WORDWRAP',\n    name: 'Word Wrap',\n    shortcut: [MODIFIER.ALT, KEY.Z],\n    macShortcut: [MODIFIER.OPTION, KEY.Z],\n  }),\n};\n\nconst SHORTCUTS = {\n  CONSOLE,\n  COMMAND_HISTORY,\n  NOTEBOOK,\n};\n\nexport default SHORTCUTS;\n"],"mappings":"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"}

package/dist/ConsoleStatusBar.css

@@ -0,0 +1,52 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.console-pane-status-bar {
+  flex-grow: 0;
+  width: 100%;
+  font-size: small;
+  text-align: right;
+  color: #929192;
+}
+.console-pane-status-bar div {
+  display: inline-block;
+}
+
+.console-pane-status-details {
+  text-align: left;
+  max-width: 400px;
+  max-height: 80vh;
+  overflow: auto;
+}
+.console-pane-status-details dd {
+  white-space: pre-line;
+}
+
+.console-status-icon {
+  height: 9px;
+  position: relative;
+  width: 9px;
+}
+.console-status-icon::before {
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 2px;
+  content: "";
+  display: block;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+
+.console-status-icon-idle::before {
+  border-color: #929192;
+}
+
+.console-status-icon-pending::before {
+  border-color: #929192;
+  background: #929192;
+}
+
+.console-status-icon-disconnected::before {
+  border-color: #f95d84;
+}
+
+/*# sourceMappingURL=ConsoleStatusBar.css.map */

package/dist/ConsoleStatusBar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/ConsoleStatusBar.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACKA;EACE;EACA;EACA;EACA;EACA,OCWS;;ADTT;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE,cCzBO;;;AD8BT;EACE,cC/BO;EDgCP,YChCO;;;ADqCT;EACE,cCxDE","file":"ConsoleStatusBar.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 '@deephaven/components/scss/custom.scss';\n$console-pane-status-color: $gray-400;\n$console-pane-status-icon-connected-color: $gray-400;\n$console-pane-status-icon-disconnected-color: $red;\n\n.console-pane-status-bar {\n  flex-grow: 0;\n  width: 100%;\n  font-size: small;\n  text-align: right;\n  color: $console-pane-status-color;\n\n  div {\n    display: inline-block;\n  }\n}\n\n.console-pane-status-details {\n  text-align: left;\n  max-width: 400px;\n  max-height: 80vh;\n  overflow: auto;\n\n  dd {\n    white-space: pre-line;\n  }\n}\n\n.console-status-icon {\n  height: 9px;\n  position: relative;\n  width: 9px;\n  &::before {\n    border-radius: 50%;\n    border-style: solid;\n    border-width: 2px;\n    content: '';\n    display: block;\n    height: 100%;\n    position: absolute;\n    width: 100%;\n  }\n}\n\n.console-status-icon-idle {\n  &::before {\n    border-color: $console-pane-status-icon-connected-color;\n  }\n}\n\n.console-status-icon-pending {\n  &::before {\n    border-color: $console-pane-status-icon-connected-color;\n    background: $console-pane-status-icon-connected-color;\n  }\n}\n\n.console-status-icon-disconnected {\n  &::before {\n    border-color: $console-pane-status-icon-disconnected-color;\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\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: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, 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//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\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 rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\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: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\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: theme-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"]}