@deephaven/console 0.43.0 → 0.44.0

package/dist/command-history/CommandHistory.js

@@ -0,0 +1,381 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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, { Component } from 'react';
+import debounce from 'lodash.debounce';
+import { ContextActions, ItemList, SearchInput, GLOBAL_SHORTCUTS } from '@deephaven/components';
+import { vsFileCode, vsFiles, vsNewFile, vsPlay, vsTerminal } from '@deephaven/icons';
+import { copyToClipboard, Pending } from '@deephaven/utils';
+import Log from '@deephaven/log';
+import CommandHistoryItem from "./CommandHistoryItem.js";
+import CommandHistoryActions from "./CommandHistoryActions.js";
+import ConsoleConstants from "../common/ConsoleConstants.js";
+import "./CommandHistory.css";
+import CommandHistoryViewportUpdater from "./CommandHistoryViewportUpdater.js";
+import SHORTCUTS from "../ConsoleShortcuts.js";
+var log = Log.module('CommandHistory');
+class CommandHistory extends Component {
+  static getCommandsFromViewport(items, offset, sortedRanges) {
+    var commands = [];
+    for (var i = 0; i < sortedRanges.length; i += 1) {
+      var range = sortedRanges[i];
+      for (var j = range[0]; j <= range[1]; j += 1) {
+        if (j >= offset && j < offset + items.length) {
+          var {
+            name
+          } = items[j - offset];
+          commands.push(name);
+        }
+      }
+    }
+    return commands;
+  }
+  static getCommandsFromSnapshot(table, sortedRanges) {
+    return _asyncToGenerator(function* () {
+      var items = yield table.getSnapshot(sortedRanges);
+      return [...items.values()].map(item => item.name);
+    })();
+  }
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "itemActions", void 0);
+    _defineProperty(this, "historyActions", void 0);
+    _defineProperty(this, "pending", void 0);
+    _defineProperty(this, "searchInputRef", void 0);
+    _defineProperty(this, "itemListRef", void 0);
+    _defineProperty(this, "debouncedSearchChange", debounce(() => {
+      this.setState(_ref => {
+        var {
+          searchText
+        } = _ref;
+        return {
+          debouncedSearchText: searchText,
+          // clear selected range, as old selection could be filtered from list
+          selectedRanges: []
+        };
+      });
+    }, CommandHistory.SET_SEARCH_DEBOUNCE_MS));
+    this.copySelectedCommands = this.copySelectedCommands.bind(this);
+    this.createNotebook = this.createNotebook.bind(this);
+    this.sendToConsole = this.sendToConsole.bind(this);
+    this.renderItem = this.renderItem.bind(this);
+    this.runInConsole = this.runInConsole.bind(this);
+    this.sendToNotebook = this.sendToNotebook.bind(this);
+    this.handleSelect = this.handleSelect.bind(this);
+    this.handleSelectionChange = this.handleSelectionChange.bind(this);
+    this.handleSearchChange = this.handleSearchChange.bind(this);
+    this.handleViewportChange = this.handleViewportChange.bind(this);
+    this.handleViewportUpdate = this.handleViewportUpdate.bind(this);
+    this.itemActions = [{
+      title: 'Copy Selection',
+      description: 'Copy selected commands to clipboard',
+      icon: vsFiles,
+      shortcut: GLOBAL_SHORTCUTS.COPY,
+      action: this.copySelectedCommands,
+      group: ContextActions.groups.edit
+    }, {
+      title: 'Send to Console',
+      description: 'Open selected commands in the console',
+      icon: vsTerminal,
+      shortcut: SHORTCUTS.COMMAND_HISTORY.SEND_TO_CONSOLE,
+      action: this.sendToConsole,
+      group: CommandHistory.menuGroups.send,
+      order: 10
+    }, {
+      title: 'Run in Console',
+      description: 'Run selected commands in the console',
+      icon: vsPlay,
+      shortcut: SHORTCUTS.COMMAND_HISTORY.RUN,
+      action: this.runInConsole,
+      group: CommandHistory.menuGroups.send,
+      order: 10
+    }, {
+      title: 'Send to Active Notebook',
+      description: 'Open selected commands in a notebook',
+      icon: vsFileCode,
+      shortcut: SHORTCUTS.COMMAND_HISTORY.SEND_TO_NOTEBOOK,
+      action: this.sendToNotebook,
+      group: CommandHistory.menuGroups.send,
+      order: 20
+    }, {
+      title: 'Send to New Notebook',
+      description: 'Open selected commands in a new notebook',
+      icon: vsNewFile,
+      action: this.createNotebook,
+      group: CommandHistory.menuGroups.send,
+      order: 30
+    }];
+    this.historyActions = [{
+      title: 'Send to Console',
+      icon: vsTerminal,
+      selectionRequired: true,
+      description: 'Open selected commands in the console',
+      action: this.sendToConsole
+    }, {
+      title: 'Send to Notebook',
+      icon: vsFileCode,
+      selectionRequired: true,
+      description: 'Open selected commands in a notebook',
+      action: this.sendToNotebook
+    }];
+    this.pending = new Pending();
+    this.searchInputRef = /*#__PURE__*/React.createRef();
+    this.itemListRef = /*#__PURE__*/React.createRef();
+    var {
+      table
+    } = props;
+    this.state = {
+      actions: [],
+      historyActions: this.historyActions,
+      top: 0,
+      bottom: 0,
+      itemCount: table.size,
+      items: [],
+      offset: 0,
+      selectedRanges: [],
+      searchText: '',
+      debouncedSearchText: ''
+    };
+  }
+  componentWillUnmount() {
+    this.debouncedSearchChange.cancel();
+    this.pending.cancel();
+  }
+  /**
+   * Retrieves the selected commands as an array.
+   * If they're not within the current viewport, will fetch them from the table
+   * @returns Array of selected commands
+   */
+  getSelectedCommands() {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      var {
+        items,
+        offset,
+        selectedRanges
+      } = _this.state;
+      var ranges = selectedRanges.slice().sort((a, b) => a[0] - b[0]);
+      if (ranges.length === 0) {
+        return [];
+      }
+      if (ranges[0][0] >= offset && ranges[ranges.length - 1][1] < offset + items.length) {
+        // All ranges are in the current viewport, just copy the data we've already got
+        return CommandHistory.getCommandsFromViewport(items, offset, ranges);
+      }
+      var {
+        table
+      } = _this.props;
+      return _this.pending.add(CommandHistory.getCommandsFromSnapshot(table, ranges));
+    })();
+  }
+
+  /**
+   * Retrieves the text of all the currently selected commands, joined by a new line char
+   * @returns The commands joined by \n char
+   */
+  getSelectedCommandText() {
+    return this.getSelectedCommands().then(commands => commands.join('\n'));
+  }
+  updateActions() {
+    this.setState(state => {
+      var {
+        selectedRanges
+      } = state;
+      var selectedRowCount = selectedRanges.reduce((count, range) => count + range[1] - range[0] + 1, 0);
+      if (selectedRowCount > 0 && selectedRowCount < CommandHistory.MAX_SELECTION_COUNT) {
+        log.debug('Updating actions', this.itemActions);
+        return {
+          actions: this.itemActions
+        };
+      }
+      log.debug('Disabling actions', selectedRowCount);
+      return {
+        actions: []
+      };
+    });
+  }
+  copySelectedCommands() {
+    this.getSelectedCommandText().then(copyToClipboard).catch(log.error);
+  }
+  createNotebook() {
+    this.getSelectedCommandText().then(commandText => {
+      var {
+        language,
+        sendToNotebook
+      } = this.props;
+      sendToNotebook({
+        value: commandText,
+        language
+      }, true);
+    }).catch(log.error);
+  }
+  sendToNotebook() {
+    this.getSelectedCommandText().then(commandText => {
+      var {
+        language,
+        sendToNotebook
+      } = this.props;
+      sendToNotebook({
+        value: commandText,
+        language
+      });
+    }).catch(log.error);
+  }
+  sendToConsole() {
+    var {
+      sendToConsole
+    } = this.props;
+    this.getSelectedCommandText().then(sendToConsole).catch(log.error);
+  }
+  runInConsole() {
+    this.getSelectedCommandText().then(commandText => {
+      var {
+        sendToConsole
+      } = this.props;
+      sendToConsole(commandText, true, true);
+    }).catch(log.error);
+  }
+  handleSelect(index) {
+    var {
+      sendToConsole
+    } = this.props;
+    var {
+      items,
+      offset
+    } = this.state;
+    if (index < offset || index >= offset + items.length) {
+      log.error('Invalid index!', index);
+      return;
+    }
+    var {
+      name
+    } = items[index - offset];
+    sendToConsole(name);
+  }
+  handleSelectionChange(selectedRanges) {
+    this.setState({
+      selectedRanges
+    });
+    this.updateActions();
+  }
+  handleViewportChange(top, bottom) {
+    this.setState({
+      top,
+      bottom
+    });
+  }
+  handleSearchChange(e) {
+    this.setState({
+      searchText: e.target.value
+    });
+    this.debouncedSearchChange();
+  }
+  handleViewportUpdate(_ref2) {
+    var {
+      items,
+      offset
+    } = _ref2;
+    var {
+      table
+    } = this.props;
+    var itemCount = table.size;
+    this.setState({
+      items,
+      itemCount,
+      offset
+    });
+  }
+  renderItem(_ref3) {
+    var {
+      item,
+      itemIndex,
+      isSelected
+    } = _ref3;
+    var {
+      language,
+      commandHistoryStorage
+    } = this.props;
+    return /*#__PURE__*/React.createElement(CommandHistoryItem, {
+      isSelected: isSelected,
+      item: item,
+      language: language,
+      commandHistoryStorage: commandHistoryStorage
+    });
+  }
+  focus() {
+    if (this.searchInputRef.current) {
+      this.searchInputRef.current.focus();
+    }
+  }
+  restoreScrollPosition() {
+    var _this$itemListRef$cur;
+    (_this$itemListRef$cur = this.itemListRef.current) === null || _this$itemListRef$cur === void 0 ? void 0 : _this$itemListRef$cur.restoreScrollPosition();
+  }
+  render() {
+    var _ConsoleConstants$LAN;
+    var {
+      language,
+      table
+    } = this.props;
+    var {
+      actions,
+      historyActions,
+      searchText,
+      debouncedSearchText,
+      top,
+      bottom,
+      items,
+      itemCount,
+      offset,
+      selectedRanges
+    } = this.state;
+    var languageDisplayString = (_ConsoleConstants$LAN = ConsoleConstants.LANGUAGE_MAP.get(language)) !== null && _ConsoleConstants$LAN !== void 0 ? _ConsoleConstants$LAN : '';
+    return /*#__PURE__*/React.createElement("div", {
+      className: "command-history"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "command-history-search-bar"
+    }, /*#__PURE__*/React.createElement(SearchInput, {
+      ref: this.searchInputRef,
+      value: searchText,
+      placeholder: "".concat(languageDisplayString, " Command History"),
+      onChange: this.handleSearchChange
+    }), /*#__PURE__*/React.createElement(CommandHistoryActions, {
+      actions: historyActions,
+      hasSelection: selectedRanges.length > 0
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "command-history-list"
+    }, /*#__PURE__*/React.createElement(ItemList, {
+      ref: this.itemListRef,
+      itemCount: itemCount,
+      items: items,
+      offset: offset,
+      selectedRanges: selectedRanges,
+      onSelect: this.handleSelect,
+      onSelectionChange: this.handleSelectionChange,
+      onViewportChange: this.handleViewportChange,
+      renderItem: this.renderItem,
+      rowHeight: CommandHistory.ITEM_HEIGHT,
+      isDoubleClickSelect: true,
+      isMultiSelect: true,
+      isStickyBottom: true
+    }), /*#__PURE__*/React.createElement(CommandHistoryViewportUpdater, {
+      table: table,
+      top: top,
+      bottom: bottom,
+      search: debouncedSearchText,
+      onUpdate: this.handleViewportUpdate
+    }), /*#__PURE__*/React.createElement(ContextActions, {
+      actions: actions
+    })));
+  }
+}
+_defineProperty(CommandHistory, "ITEM_HEIGHT", 29);
+_defineProperty(CommandHistory, "MAX_SELECTION_COUNT", 10000);
+_defineProperty(CommandHistory, "SET_SEARCH_DEBOUNCE_MS", 150);
+_defineProperty(CommandHistory, "menuGroups", {
+  send: ContextActions.groups.medium + 100
+});
+export default CommandHistory;
+//# sourceMappingURL=CommandHistory.js.map

package/dist/command-history/CommandHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandHistory.js","names":["React","Component","debounce","ContextActions","ItemList","SearchInput","GLOBAL_SHORTCUTS","vsFileCode","vsFiles","vsNewFile","vsPlay","vsTerminal","copyToClipboard","Pending","Log","CommandHistoryItem","CommandHistoryActions","ConsoleConstants","CommandHistoryViewportUpdater","SHORTCUTS","log","module","CommandHistory","getCommandsFromViewport","items","offset","sortedRanges","commands","i","length","range","j","name","push","getCommandsFromSnapshot","table","getSnapshot","values","map","item","constructor","props","setState","searchText","debouncedSearchText","selectedRanges","SET_SEARCH_DEBOUNCE_MS","copySelectedCommands","bind","createNotebook","sendToConsole","renderItem","runInConsole","sendToNotebook","handleSelect","handleSelectionChange","handleSearchChange","handleViewportChange","handleViewportUpdate","itemActions","title","description","icon","shortcut","COPY","action","group","groups","edit","COMMAND_HISTORY","SEND_TO_CONSOLE","menuGroups","send","order","RUN","SEND_TO_NOTEBOOK","historyActions","selectionRequired","pending","searchInputRef","createRef","itemListRef","state","actions","top","bottom","itemCount","size","componentWillUnmount","debouncedSearchChange","cancel","getSelectedCommands","ranges","slice","sort","a","b","add","getSelectedCommandText","then","join","updateActions","selectedRowCount","reduce","count","MAX_SELECTION_COUNT","debug","catch","error","commandText","language","value","index","e","target","itemIndex","isSelected","commandHistoryStorage","focus","current","restoreScrollPosition","render","languageDisplayString","LANGUAGE_MAP","get","ITEM_HEIGHT","medium"],"sources":["../../src/command-history/CommandHistory.tsx"],"sourcesContent":["import React, { ChangeEvent, Component, ReactElement, RefObject } from 'react';\nimport debounce from 'lodash.debounce';\nimport {\n  ContextActions,\n  ItemList,\n  SearchInput,\n  GLOBAL_SHORTCUTS,\n  RenderItemProps,\n} from '@deephaven/components';\nimport { ViewportData } from '@deephaven/storage';\nimport {\n  vsFileCode,\n  vsFiles,\n  vsNewFile,\n  vsPlay,\n  vsTerminal,\n} from '@deephaven/icons';\nimport { copyToClipboard, Pending, Range } from '@deephaven/utils';\nimport Log from '@deephaven/log';\nimport CommandHistoryItem from './CommandHistoryItem';\nimport CommandHistoryActions from './CommandHistoryActions';\nimport ConsoleConstants from '../common/ConsoleConstants';\n\nimport './CommandHistory.scss';\nimport CommandHistoryViewportUpdater from './CommandHistoryViewportUpdater';\nimport SHORTCUTS from '../ConsoleShortcuts';\nimport CommandHistoryStorage, {\n  CommandHistoryStorageItem,\n  CommandHistoryTable,\n} from './CommandHistoryStorage';\nimport { ItemAction, HistoryAction } from './CommandHistoryTypes';\n\nconst log = Log.module('CommandHistory');\n\nexport type CommandHistorySettings = {\n  value: string;\n  language: string;\n};\ninterface CommandHistoryProps {\n  language: string;\n  sendToConsole: (command: string, focus?: boolean, execute?: boolean) => void;\n  sendToNotebook: (\n    settings: CommandHistorySettings,\n    forceNewNotebook?: boolean\n  ) => void;\n  table: CommandHistoryTable;\n  commandHistoryStorage: CommandHistoryStorage;\n}\ninterface CommandHistoryState {\n  actions: ItemAction[];\n  historyActions: HistoryAction[];\n  top: number;\n  bottom: number;\n  itemCount: number;\n  items: CommandHistoryStorageItem[];\n  offset: number;\n  selectedRanges: Range[];\n  searchText: string;\n  debouncedSearchText: string;\n}\n\nclass CommandHistory extends Component<\n  CommandHistoryProps,\n  CommandHistoryState\n> {\n  static ITEM_HEIGHT = 29;\n\n  static MAX_SELECTION_COUNT = 10000;\n\n  static SET_SEARCH_DEBOUNCE_MS = 150;\n\n  static menuGroups = {\n    send: ContextActions.groups.medium + 100,\n  };\n\n  static getCommandsFromViewport(\n    items: CommandHistoryStorageItem[],\n    offset: number,\n    sortedRanges: Range[]\n  ): string[] {\n    const commands = [];\n    for (let i = 0; i < sortedRanges.length; i += 1) {\n      const range = sortedRanges[i];\n      for (let j = range[0]; j <= range[1]; j += 1) {\n        if (j >= offset && j < offset + items.length) {\n          const { name } = items[j - offset];\n          commands.push(name);\n        }\n      }\n    }\n    return commands;\n  }\n\n  static async getCommandsFromSnapshot(\n    table: CommandHistoryTable,\n    sortedRanges: Range[]\n  ): Promise<string[]> {\n    const items = await table.getSnapshot(sortedRanges);\n    return [...items.values()].map(item => item.name);\n  }\n\n  constructor(props: CommandHistoryProps) {\n    super(props);\n\n    this.copySelectedCommands = this.copySelectedCommands.bind(this);\n    this.createNotebook = this.createNotebook.bind(this);\n    this.sendToConsole = this.sendToConsole.bind(this);\n    this.renderItem = this.renderItem.bind(this);\n    this.runInConsole = this.runInConsole.bind(this);\n    this.sendToNotebook = this.sendToNotebook.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n    this.handleSelectionChange = this.handleSelectionChange.bind(this);\n    this.handleSearchChange = this.handleSearchChange.bind(this);\n    this.handleViewportChange = this.handleViewportChange.bind(this);\n    this.handleViewportUpdate = this.handleViewportUpdate.bind(this);\n\n    this.itemActions = [\n      {\n        title: 'Copy Selection',\n        description: 'Copy selected commands to clipboard',\n        icon: vsFiles,\n        shortcut: GLOBAL_SHORTCUTS.COPY,\n        action: this.copySelectedCommands,\n        group: ContextActions.groups.edit,\n      },\n      {\n        title: 'Send to Console',\n        description: 'Open selected commands in the console',\n        icon: vsTerminal,\n        shortcut: SHORTCUTS.COMMAND_HISTORY.SEND_TO_CONSOLE,\n        action: this.sendToConsole,\n        group: CommandHistory.menuGroups.send,\n        order: 10,\n      },\n      {\n        title: 'Run in Console',\n        description: 'Run selected commands in the console',\n        icon: vsPlay,\n        shortcut: SHORTCUTS.COMMAND_HISTORY.RUN,\n        action: this.runInConsole,\n        group: CommandHistory.menuGroups.send,\n        order: 10,\n      },\n      {\n        title: 'Send to Active Notebook',\n        description: 'Open selected commands in a notebook',\n        icon: vsFileCode,\n        shortcut: SHORTCUTS.COMMAND_HISTORY.SEND_TO_NOTEBOOK,\n        action: this.sendToNotebook,\n        group: CommandHistory.menuGroups.send,\n        order: 20,\n      },\n      {\n        title: 'Send to New Notebook',\n        description: 'Open selected commands in a new notebook',\n        icon: vsNewFile,\n        action: this.createNotebook,\n        group: CommandHistory.menuGroups.send,\n        order: 30,\n      },\n    ];\n\n    this.historyActions = [\n      {\n        title: 'Send to Console',\n        icon: vsTerminal,\n        selectionRequired: true,\n        description: 'Open selected commands in the console',\n        action: this.sendToConsole,\n      },\n      {\n        title: 'Send to Notebook',\n        icon: vsFileCode,\n        selectionRequired: true,\n        description: 'Open selected commands in a notebook',\n        action: this.sendToNotebook,\n      },\n    ];\n\n    this.pending = new Pending();\n    this.searchInputRef = React.createRef();\n    this.itemListRef = React.createRef();\n\n    const { table } = props;\n\n    this.state = {\n      actions: [],\n      historyActions: this.historyActions,\n      top: 0,\n      bottom: 0,\n      itemCount: table.size,\n      items: [],\n      offset: 0,\n      selectedRanges: [],\n      searchText: '',\n      debouncedSearchText: '',\n    };\n  }\n\n  componentWillUnmount(): void {\n    this.debouncedSearchChange.cancel();\n    this.pending.cancel();\n  }\n\n  itemActions: ItemAction[];\n\n  historyActions: HistoryAction[];\n\n  pending: Pending;\n\n  searchInputRef: RefObject<SearchInput>;\n\n  itemListRef: React.RefObject<ItemList<CommandHistoryStorageItem>>;\n\n  /**\n   * Retrieves the selected commands as an array.\n   * If they're not within the current viewport, will fetch them from the table\n   * @returns Array of selected commands\n   */\n  async getSelectedCommands(): Promise<string[]> {\n    const { items, offset, selectedRanges } = this.state;\n    const ranges = selectedRanges.slice().sort((a, b) => a[0] - b[0]);\n\n    if (ranges.length === 0) {\n      return [];\n    }\n    if (\n      ranges[0][0] >= offset &&\n      ranges[ranges.length - 1][1] < offset + items.length\n    ) {\n      // All ranges are in the current viewport, just copy the data we've already got\n      return CommandHistory.getCommandsFromViewport(items, offset, ranges);\n    }\n    const { table } = this.props;\n    return this.pending.add(\n      CommandHistory.getCommandsFromSnapshot(table, ranges)\n    );\n  }\n\n  /**\n   * Retrieves the text of all the currently selected commands, joined by a new line char\n   * @returns The commands joined by \\n char\n   */\n  getSelectedCommandText(): Promise<string> {\n    return this.getSelectedCommands().then(commands => commands.join('\\n'));\n  }\n\n  updateActions(): void {\n    this.setState(state => {\n      const { selectedRanges } = state;\n      const selectedRowCount = selectedRanges.reduce(\n        (count, range) => count + range[1] - range[0] + 1,\n        0\n      );\n      if (\n        selectedRowCount > 0 &&\n        selectedRowCount < CommandHistory.MAX_SELECTION_COUNT\n      ) {\n        log.debug('Updating actions', this.itemActions);\n        return { actions: this.itemActions };\n      }\n      log.debug('Disabling actions', selectedRowCount);\n      return { actions: [] };\n    });\n  }\n\n  copySelectedCommands(): void {\n    this.getSelectedCommandText().then(copyToClipboard).catch(log.error);\n  }\n\n  createNotebook(): void {\n    this.getSelectedCommandText()\n      .then(commandText => {\n        const { language, sendToNotebook } = this.props;\n        sendToNotebook({ value: commandText, language }, true);\n      })\n      .catch(log.error);\n  }\n\n  debouncedSearchChange = debounce((): void => {\n    this.setState(({ searchText }) => ({\n      debouncedSearchText: searchText,\n      // clear selected range, as old selection could be filtered from list\n      selectedRanges: [],\n    }));\n  }, CommandHistory.SET_SEARCH_DEBOUNCE_MS);\n\n  sendToNotebook(): void {\n    this.getSelectedCommandText()\n      .then(commandText => {\n        const { language, sendToNotebook } = this.props;\n        sendToNotebook({ value: commandText, language });\n      })\n      .catch(log.error);\n  }\n\n  sendToConsole(): void {\n    const { sendToConsole } = this.props;\n    this.getSelectedCommandText().then(sendToConsole).catch(log.error);\n  }\n\n  runInConsole(): void {\n    this.getSelectedCommandText()\n      .then(commandText => {\n        const { sendToConsole } = this.props;\n        sendToConsole(commandText, true, true);\n      })\n      .catch(log.error);\n  }\n\n  handleSelect(index: number): void {\n    const { sendToConsole } = this.props;\n    const { items, offset } = this.state;\n    if (index < offset || index >= offset + items.length) {\n      log.error('Invalid index!', index);\n      return;\n    }\n\n    const { name } = items[index - offset];\n    sendToConsole(name);\n  }\n\n  handleSelectionChange(selectedRanges: Range[]): void {\n    this.setState({ selectedRanges });\n    this.updateActions();\n  }\n\n  handleViewportChange(top: number, bottom: number): void {\n    this.setState({ top, bottom });\n  }\n\n  handleSearchChange(e: ChangeEvent<HTMLInputElement>): void {\n    this.setState({ searchText: e.target.value });\n    this.debouncedSearchChange();\n  }\n\n  handleViewportUpdate({\n    items,\n    offset,\n  }: ViewportData<CommandHistoryStorageItem>): void {\n    const { table } = this.props;\n    const itemCount = table.size;\n    this.setState({ items, itemCount, offset });\n  }\n\n  renderItem({\n    item,\n    itemIndex,\n    isSelected,\n  }: RenderItemProps<CommandHistoryStorageItem>): ReactElement {\n    const { language, commandHistoryStorage } = this.props;\n    return (\n      <CommandHistoryItem\n        isSelected={isSelected}\n        item={item}\n        language={language}\n        commandHistoryStorage={commandHistoryStorage}\n      />\n    );\n  }\n\n  focus(): void {\n    if (this.searchInputRef.current) {\n      this.searchInputRef.current.focus();\n    }\n  }\n\n  restoreScrollPosition(): void {\n    this.itemListRef.current?.restoreScrollPosition();\n  }\n\n  render(): ReactElement {\n    const { language, table } = this.props;\n    const {\n      actions,\n      historyActions,\n      searchText,\n      debouncedSearchText,\n      top,\n      bottom,\n      items,\n      itemCount,\n      offset,\n      selectedRanges,\n    } = this.state;\n    const languageDisplayString =\n      ConsoleConstants.LANGUAGE_MAP.get(language) ?? '';\n    return (\n      <div className=\"command-history\">\n        <div className=\"command-history-search-bar\">\n          <SearchInput\n            ref={this.searchInputRef}\n            value={searchText}\n            placeholder={`${languageDisplayString} Command History`}\n            onChange={this.handleSearchChange}\n          />\n          <CommandHistoryActions\n            actions={historyActions}\n            hasSelection={selectedRanges.length > 0}\n          />\n        </div>\n        <div className=\"command-history-list\">\n          <ItemList\n            ref={this.itemListRef}\n            itemCount={itemCount}\n            items={items}\n            offset={offset}\n            selectedRanges={selectedRanges}\n            onSelect={this.handleSelect}\n            onSelectionChange={this.handleSelectionChange}\n            onViewportChange={this.handleViewportChange}\n            renderItem={this.renderItem}\n            rowHeight={CommandHistory.ITEM_HEIGHT}\n            isDoubleClickSelect\n            isMultiSelect\n            isStickyBottom\n          />\n          <CommandHistoryViewportUpdater\n            table={table}\n            top={top}\n            bottom={bottom}\n            search={debouncedSearchText}\n            onUpdate={this.handleViewportUpdate}\n          />\n          <ContextActions actions={actions} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CommandHistory;\n"],"mappings":"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"}

package/dist/command-history/CommandHistoryActions.css

@@ -0,0 +1,10 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.command-history-actions {
+  flex-shrink: 0;
+  margin-bottom: 0.25rem;
+}
+.command-history-actions > *:first-child {
+  margin: 0 0.25rem 0 0;
+}
+
+/*# sourceMappingURL=CommandHistoryActions.css.map */

package/dist/command-history/CommandHistoryActions.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../src/command-history/CommandHistoryActions.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA,eCFS;;ADIT;EACE","file":"CommandHistoryActions.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\n.command-history-actions {\n  flex-shrink: 0;\n  margin-bottom: $spacer-1;\n\n  > *:first-child {\n    margin: 0 $spacer-1 0 0;\n  }\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: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, 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: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/command-history/CommandHistoryActions.js

@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Button } from '@deephaven/components';
+import { vsArrowLeft, vsCircleLargeFilled } from '@deephaven/icons';
+import "./CommandHistoryActions.css";
+class CommandHistoryActions extends Component {
+  static itemKey(i, item) {
+    return "".concat(item.title);
+  }
+  static renderContent(item) {
+    if (item.selectionRequired !== undefined && item.selectionRequired) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "fa-md fa-layers"
+      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+        icon: vsCircleLargeFilled,
+        mask: item.icon,
+        transform: "right-5 down-5 shrink-4"
+      }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+        icon: vsArrowLeft,
+        transform: "shrink-3 right-7 down-6"
+      }));
+    }
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: item.icon
+    });
+  }
+  render() {
+    var {
+      actions,
+      hasSelection
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "command-history-actions"
+    }, actions.map((item, index) => /*#__PURE__*/React.createElement(Button, {
+      kind: "inline",
+      className: classNames(item.className),
+      key: CommandHistoryActions.itemKey(index, item),
+      onClick: item.action,
+      tooltip: item.description,
+      disabled: item.selectionRequired !== undefined && item.selectionRequired && !hasSelection,
+      icon: CommandHistoryActions.renderContent(item)
+    })));
+  }
+}
+export default CommandHistoryActions;
+//# sourceMappingURL=CommandHistoryActions.js.map

package/dist/command-history/CommandHistoryActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandHistoryActions.js","names":["React","Component","classNames","FontAwesomeIcon","Button","vsArrowLeft","vsCircleLargeFilled","CommandHistoryActions","itemKey","i","item","title","renderContent","selectionRequired","undefined","icon","render","actions","hasSelection","props","map","index","className","action","description"],"sources":["../../src/command-history/CommandHistoryActions.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button } from '@deephaven/components';\nimport { vsArrowLeft, vsCircleLargeFilled } from '@deephaven/icons';\nimport './CommandHistoryActions.scss';\nimport { HistoryAction } from './CommandHistoryTypes';\n\ninterface CommandHistoryActionsProps {\n  actions: HistoryAction[];\n  hasSelection: boolean;\n}\n\nclass CommandHistoryActions extends Component<\n  CommandHistoryActionsProps,\n  Record<string, never>\n> {\n  static itemKey(i: unknown, item: HistoryAction): string {\n    return `${item.title}`;\n  }\n\n  static renderContent(item: HistoryAction): JSX.Element {\n    if (item.selectionRequired !== undefined && item.selectionRequired) {\n      return (\n        <div className=\"fa-md fa-layers\">\n          <FontAwesomeIcon\n            icon={vsCircleLargeFilled}\n            mask={item.icon}\n            transform=\"right-5 down-5 shrink-4\"\n          />\n          <FontAwesomeIcon\n            icon={vsArrowLeft}\n            transform=\"shrink-3 right-7 down-6\"\n          />\n        </div>\n      );\n    }\n    return <FontAwesomeIcon icon={item.icon} />;\n  }\n\n  render(): ReactElement {\n    const { actions, hasSelection } = this.props;\n\n    return (\n      <div className=\"command-history-actions\">\n        {actions.map((item, index) => (\n          <Button\n            kind=\"inline\"\n            className={classNames(item.className)}\n            key={CommandHistoryActions.itemKey(index, item)}\n            onClick={item.action}\n            tooltip={item.description}\n            disabled={\n              item.selectionRequired !== undefined &&\n              item.selectionRequired &&\n              !hasSelection\n            }\n            icon={CommandHistoryActions.renderContent(item)}\n          />\n        ))}\n      </div>\n    );\n  }\n}\n\nexport default CommandHistoryActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAsB,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,mBAAmB,QAAQ,kBAAkB;AAAC;AASpE,MAAMC,qBAAqB,SAASN,SAAS,CAG3C;EACA,OAAOO,OAAO,CAACC,CAAU,EAAEC,IAAmB,EAAU;IACtD,iBAAUA,IAAI,CAACC,KAAK;EACtB;EAEA,OAAOC,aAAa,CAACF,IAAmB,EAAe;IACrD,IAAIA,IAAI,CAACG,iBAAiB,KAAKC,SAAS,IAAIJ,IAAI,CAACG,iBAAiB,EAAE;MAClE,oBACE;QAAK,SAAS,EAAC;MAAiB,gBAC9B,oBAAC,eAAe;QACd,IAAI,EAAEP,mBAAoB;QAC1B,IAAI,EAAEI,IAAI,CAACK,IAAK;QAChB,SAAS,EAAC;MAAyB,EACnC,eACF,oBAAC,eAAe;QACd,IAAI,EAAEV,WAAY;QAClB,SAAS,EAAC;MAAyB,EACnC,CACE;IAEV;IACA,oBAAO,oBAAC,eAAe;MAAC,IAAI,EAAEK,IAAI,CAACK;IAAK,EAAG;EAC7C;EAEAC,MAAM,GAAiB;IACrB,IAAM;MAAEC,OAAO;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACC,KAAK;IAE5C,oBACE;MAAK,SAAS,EAAC;IAAyB,GACrCF,OAAO,CAACG,GAAG,CAAC,CAACV,IAAI,EAAEW,KAAK,kBACvB,oBAAC,MAAM;MACL,IAAI,EAAC,QAAQ;MACb,SAAS,EAAEnB,UAAU,CAACQ,IAAI,CAACY,SAAS,CAAE;MACtC,GAAG,EAAEf,qBAAqB,CAACC,OAAO,CAACa,KAAK,EAAEX,IAAI,CAAE;MAChD,OAAO,EAAEA,IAAI,CAACa,MAAO;MACrB,OAAO,EAAEb,IAAI,CAACc,WAAY;MAC1B,QAAQ,EACNd,IAAI,CAACG,iBAAiB,KAAKC,SAAS,IACpCJ,IAAI,CAACG,iBAAiB,IACtB,CAACK,YACF;MACD,IAAI,EAAEX,qBAAqB,CAACK,aAAa,CAACF,IAAI;IAAE,EAEnD,CAAC,CACE;EAEV;AACF;AAEA,eAAeH,qBAAqB"}

package/dist/command-history/CommandHistoryItem.css

@@ -0,0 +1,61 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.command-history .command-history-item {
+  width: 100%;
+  padding: 0 0.75rem;
+  white-space: nowrap;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+}
+.command-history .item-list-item {
+  padding: 0;
+  width: 100%;
+  background: transparent;
+  color: #929192;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+  line-height: 27px;
+  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
+  border: 1px solid transparent;
+}
+.command-history .item-list-item.is-focused {
+  background-color: transparent;
+  color: #929192;
+}
+.command-history .item-list-item:focus {
+  outline: none;
+}
+.command-history .item-list-item.active {
+  outline: none;
+  background-color: #414555;
+  color: #f0f0ee;
+}
+
+.command-history:focus-within .item-list-item.active {
+  background-color: #43527c;
+  color: #f0f0ee;
+  border-left-color: #445e9e;
+  border-right-color: #445e9e;
+}
+
+.command-history .item-list-item:hover,
+.command-history:focus-within .item-list-item.active:hover {
+  background-color: #4878ea;
+  color: #f0f0ee;
+  transition: none;
+}
+
+.command-history:focus-within .item-list-item:not(.active) + .active,
+.command-history:focus-within .item-list-item.active:first-of-type {
+  border-top: 1px solid #445e9e;
+}
+
+.command-history:focus-within .active + .item-list-item:not(.active) {
+  border-top: 1px solid #445e9e;
+}
+
+.command-history:focus-within .item-list-item.active:last-of-type {
+  border-bottom: 1px solid #445e9e;
+}
+
+/*# sourceMappingURL=CommandHistoryItem.css.map */

package/dist/command-history/CommandHistoryItem.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../src/command-history/CommandHistoryItem.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACaE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,OCJO;EDKP;EACA;EACA;EACA;EACA,YCkGa;EDjGb;;AAGF;EAEE;EACA,OChBO;;ADmBT;EACE;;AAGF;EACE;EACA,kBAtCmB;EAuCnB,OClCa;;;ADuCjB;EACE,kBA/Ca;EAgDb,OCzCe;ED0Cf,mBA9CuB;EA+CvB,oBA/CuB;;;AAkDzB;AAAA;EAEE,kBCjDc;EDkDd,OCjDe;EDkDf;;;AAIF;AAAA;EAEE;;;AAKF;EACE;;;AAIF;EACE","file":"CommandHistoryItem.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\n$shade: $primary;\n\n$command-history-bg: $gray-700;\n$selection-color: $foreground;\n$selection-bg: mix($shade, $command-history-bg, 35%);\n$selection-hover-bg: $shade;\n$selection-nofocus-bg: mix($shade, $command-history-bg, 12%);\n$selection-border-color: mix($shade, $command-history-bg, 55%);\n$selection-hover-color: $foreground;\n\n.command-history {\n  .command-history-item {\n    width: 100%;\n    padding: 0 $input-btn-padding-x;\n    white-space: nowrap;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .item-list-item {\n    padding: 0;\n    width: 100%;\n    background: transparent;\n    color: $text-muted;\n    text-align: left;\n    cursor: pointer;\n    user-select: none;\n    line-height: 27px; // CommandHistory.ITEM_HEIGHT - borders\n    transition: $btn-transition;\n    border: 1px solid transparent; //we need a spacer border so stuff doesn't move on us when we apply a border-color\n  }\n\n  .item-list-item.is-focused {\n    // We don't want the keyboard selection to appear, only items that are actually selected\n    background-color: transparent;\n    color: $text-muted;\n  }\n\n  .item-list-item:focus {\n    outline: none;\n  }\n\n  .item-list-item.active {\n    outline: none;\n    background-color: $selection-nofocus-bg;\n    color: $selection-color;\n  }\n}\n\n//for selected items, apply border on left and right\n.command-history:focus-within .item-list-item.active {\n  background-color: $selection-bg;\n  color: $selection-color;\n  border-left-color: $selection-border-color;\n  border-right-color: $selection-border-color;\n}\n\n.command-history .item-list-item:hover,\n.command-history:focus-within .item-list-item.active:hover {\n  background-color: $selection-hover-bg;\n  color: $selection-hover-color;\n  transition: none; //to make things feel more responsive don't trasinition the hover in\n}\n\n//apply border to top of the first item in the list if its selected, and the first selected after a non-selected item\n.command-history:focus-within .item-list-item:not(.active) + .active,\n.command-history:focus-within .item-list-item.active:first-of-type {\n  border-top: 1px solid $selection-border-color;\n}\n\n//there's no easy way to get the last select item in a grouping, so we apply the end border\n//to the TOP of the first non-selected item, ie. the previous selection group\n.command-history:focus-within .active + .item-list-item:not(.active) {\n  border-top: 1px solid $selection-border-color;\n}\n\n//since there is no item after the last item in teh selection, we apply the border to the bottom of the last selected element\n.command-history:focus-within .item-list-item.active:last-of-type {\n  border-bottom: 1px solid $selection-border-color;\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/command-history/CommandHistoryItem.js

@@ -0,0 +1,50 @@
+import React, { useRef, useCallback } from 'react';
+import classNames from 'classnames';
+import { Tooltip } from '@deephaven/components';
+import "./CommandHistoryItem.css";
+import CommandHistoryItemTooltip from "./CommandHistoryItemTooltip.js";
+var MAX_TRUNCATE_LENGTH = 512;
+function CommandHistoryItem(props) {
+  var {
+    item,
+    language,
+    isSelected,
+    commandHistoryStorage
+  } = props;
+  var previewText = item.name.substring(0, MAX_TRUNCATE_LENGTH);
+  var tooltip = useRef(null);
+  var handleUpdate = useCallback(() => {
+    var _tooltip$current;
+    (_tooltip$current = tooltip.current) === null || _tooltip$current === void 0 ? void 0 : _tooltip$current.update();
+  }, [tooltip]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('command-history-item', {
+      selected: isSelected
+    })
+  }, previewText, /*#__PURE__*/React.createElement(Tooltip, {
+    ref: tooltip,
+    interactive: true,
+    options: {
+      placement: 'left',
+      modifiers: {
+        preventOverflow: {
+          enabled: true,
+          boundariesElement: 'viewport',
+          order: 825 // modify order so boundary is enforced at end of popper calcs
+        }
+      }
+    },
+
+    popperClassName: "command-history-item-popper"
+  }, /*#__PURE__*/React.createElement(CommandHistoryItemTooltip, {
+    item: item,
+    language: language,
+    onUpdate: handleUpdate,
+    commandHistoryStorage: commandHistoryStorage
+  })));
+}
+CommandHistoryItem.defaultProps = {
+  isSelected: false
+};
+export default CommandHistoryItem;
+//# sourceMappingURL=CommandHistoryItem.js.map