@deephaven/console 0.43.0 → 0.44.0

package/dist/ConsoleStatusBar.js

@@ -0,0 +1,105 @@
+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 classNames from 'classnames';
+import { Tooltip } from '@deephaven/components';
+import { CanceledPromiseError, Pending } from '@deephaven/utils';
+import ConsoleMenu from "./ConsoleMenu.js";
+import "./ConsoleStatusBar.css";
+export class ConsoleStatusBar extends PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "pending", void 0);
+    this.handleCommandStarted = this.handleCommandStarted.bind(this);
+    this.handleCommandCompleted = this.handleCommandCompleted.bind(this);
+    this.pending = new Pending();
+    this.state = {
+      isDisconnected: false,
+      isCommandRunning: false
+    };
+  }
+  componentDidMount() {
+    this.startListening();
+  }
+  componentWillUnmount() {
+    this.stopListening();
+    this.cancelPendingPromises();
+  }
+  startListening() {
+    var {
+      dh,
+      session
+    } = this.props;
+    session.addEventListener(dh.IdeSession.EVENT_COMMANDSTARTED, this.handleCommandStarted);
+  }
+  stopListening() {
+    var {
+      dh,
+      session
+    } = this.props;
+    session.removeEventListener(dh.IdeSession.EVENT_COMMANDSTARTED, this.handleCommandStarted);
+  }
+  cancelPendingPromises() {
+    this.pending.cancel();
+  }
+  handleCommandStarted(event) {
+    var {
+      result
+    } = event.detail;
+    this.pending.add(result).then(() => this.handleCommandCompleted(null)).catch(error => this.handleCommandCompleted(error));
+    this.setState({
+      isCommandRunning: true
+    });
+  }
+  handleCommandCompleted(error) {
+    // Don't update state if the promise was canceled
+    if (!(error instanceof CanceledPromiseError)) {
+      this.setState({
+        isCommandRunning: this.pending.pending.length > 0
+      });
+    }
+  }
+  render() {
+    var {
+      children,
+      dh,
+      openObject,
+      overflowActions,
+      objects
+    } = this.props;
+    var {
+      isDisconnected,
+      isCommandRunning
+    } = this.state;
+    var statusIconClass = null;
+    var tooltipText = null;
+    if (isDisconnected) {
+      statusIconClass = 'console-status-icon-disconnected';
+      tooltipText = 'Worker is disconnected';
+    } else if (isCommandRunning) {
+      // Connected, Pending
+      statusIconClass = 'console-status-icon-pending';
+      tooltipText = 'Worker is busy';
+    } else {
+      // Connected, Idle
+      statusIconClass = 'console-status-icon-idle';
+      tooltipText = 'Worker is idle';
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "console-pane-status-bar"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: classNames('console-status-icon', statusIconClass)
+    }), /*#__PURE__*/React.createElement(Tooltip, null, tooltipText)), children, /*#__PURE__*/React.createElement(ConsoleMenu, {
+      dh: dh,
+      overflowActions: overflowActions,
+      openObject: openObject,
+      objects: objects
+    }));
+  }
+}
+_defineProperty(ConsoleStatusBar, "defaultProps", {
+  children: null
+});
+export default ConsoleStatusBar;
+//# sourceMappingURL=ConsoleStatusBar.js.map

package/dist/ConsoleStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleStatusBar.js","names":["React","PureComponent","classNames","Tooltip","CanceledPromiseError","Pending","ConsoleMenu","ConsoleStatusBar","constructor","props","handleCommandStarted","bind","handleCommandCompleted","pending","state","isDisconnected","isCommandRunning","componentDidMount","startListening","componentWillUnmount","stopListening","cancelPendingPromises","dh","session","addEventListener","IdeSession","EVENT_COMMANDSTARTED","removeEventListener","cancel","event","result","detail","add","then","catch","error","setState","length","render","children","openObject","overflowActions","objects","statusIconClass","tooltipText"],"sources":["../src/ConsoleStatusBar.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport type {\n  dh as DhType,\n  IdeSession,\n  VariableDefinition,\n} from '@deephaven/jsapi-types';\nimport { DropdownAction, Tooltip } from '@deephaven/components';\nimport { CanceledPromiseError, Pending } from '@deephaven/utils';\nimport ConsoleMenu from './ConsoleMenu';\nimport './ConsoleStatusBar.scss';\n\ninterface ConsoleStatusBarProps {\n  children: ReactNode;\n  dh: DhType;\n  session: IdeSession;\n  openObject: (object: VariableDefinition) => void;\n  objects: VariableDefinition[];\n  overflowActions: () => DropdownAction[];\n}\n\ninterface ConsoleStatusBarState {\n  isDisconnected: boolean;\n  isCommandRunning: boolean;\n}\n\nexport class ConsoleStatusBar extends PureComponent<\n  ConsoleStatusBarProps,\n  ConsoleStatusBarState\n> {\n  static defaultProps = {\n    children: null,\n  };\n\n  constructor(props: ConsoleStatusBarProps) {\n    super(props);\n\n    this.handleCommandStarted = this.handleCommandStarted.bind(this);\n    this.handleCommandCompleted = this.handleCommandCompleted.bind(this);\n\n    this.pending = new Pending();\n\n    this.state = {\n      isDisconnected: false,\n      isCommandRunning: false,\n    };\n  }\n\n  componentDidMount(): void {\n    this.startListening();\n  }\n\n  componentWillUnmount(): void {\n    this.stopListening();\n    this.cancelPendingPromises();\n  }\n\n  pending: Pending;\n\n  startListening(): void {\n    const { dh, session } = this.props;\n    session.addEventListener(\n      dh.IdeSession.EVENT_COMMANDSTARTED,\n      this.handleCommandStarted\n    );\n  }\n\n  stopListening(): void {\n    const { dh, session } = this.props;\n    session.removeEventListener(\n      dh.IdeSession.EVENT_COMMANDSTARTED,\n      this.handleCommandStarted\n    );\n  }\n\n  cancelPendingPromises(): void {\n    this.pending.cancel();\n  }\n\n  handleCommandStarted(event: CustomEvent): void {\n    const { result } = event.detail;\n\n    this.pending\n      .add(result)\n      .then(() => this.handleCommandCompleted(null))\n      .catch(error => this.handleCommandCompleted(error));\n\n    this.setState({\n      isCommandRunning: true,\n    });\n  }\n\n  handleCommandCompleted(error: unknown): void {\n    // Don't update state if the promise was canceled\n    if (!(error instanceof CanceledPromiseError)) {\n      this.setState({\n        isCommandRunning: this.pending.pending.length > 0,\n      });\n    }\n  }\n\n  render(): ReactElement {\n    const { children, dh, openObject, overflowActions, objects } = this.props;\n    const { isDisconnected, isCommandRunning } = this.state;\n\n    let statusIconClass = null;\n    let tooltipText = null;\n\n    if (isDisconnected) {\n      statusIconClass = 'console-status-icon-disconnected';\n      tooltipText = 'Worker is disconnected';\n    } else if (isCommandRunning) {\n      // Connected, Pending\n      statusIconClass = 'console-status-icon-pending';\n      tooltipText = 'Worker is busy';\n    } else {\n      // Connected, Idle\n      statusIconClass = 'console-status-icon-idle';\n      tooltipText = 'Worker is idle';\n    }\n\n    return (\n      <div className=\"console-pane-status-bar\">\n        <div>\n          <div className={classNames('console-status-icon', statusIconClass)} />\n          <Tooltip>{tooltipText}</Tooltip>\n        </div>\n        {children}\n        <ConsoleMenu\n          dh={dh}\n          overflowActions={overflowActions}\n          openObject={openObject}\n          objects={objects}\n        />\n      </div>\n    );\n  }\n}\n\nexport default ConsoleStatusBar;\n"],"mappings":"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"}

package/dist/HeapUsage.css

@@ -0,0 +1,61 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.max-memory {
+  position: relative;
+  color: #c0bfbf;
+  background-color: #211f22;
+  border: #1a171a;
+  width: 4.25rem;
+  vertical-align: middle;
+  text-align: center;
+  user-select: none;
+  z-index: 1;
+}
+
+.total-memory,
+.used-memory {
+  position: absolute;
+  inset: 0;
+  margin: 1px;
+  z-index: -1;
+}
+
+.total-memory {
+  background-color: #403e41;
+}
+
+.used-memory {
+  background-color: #5b5a5c;
+}
+
+.heap-overflow {
+  background-color: #f95d84;
+}
+
+.heap-tooltip {
+  padding: 0.25rem;
+  width: 200px;
+}
+
+.heap-usage-info-row {
+  display: flex;
+  color: #f0f0ee;
+  padding: 0.25rem;
+  justify-content: space-between;
+}
+
+.heap-plot {
+  display: flex;
+  align-items: center;
+}
+
+.heading-bottom-border {
+  border-bottom: 1px solid #211f22;
+  margin-bottom: 0.25rem;
+}
+
+.heap-utilisation-text {
+  margin-top: 0.25rem;
+  color: #929192;
+}
+
+/*# sourceMappingURL=HeapUsage.css.map */

package/dist/HeapUsage.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/HeapUsage.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA,OCgBS;EDfT,kBCsBS;EDrBT,QCQe;EDPf;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE,kBCCS;;;ADEX;EACE,kBCLS;;;ADQX;EACE,kBC5BI;;;AD+BN;EACE,SEjCS;EFkCT;;;AAGF;EACE;EACA,OC5Be;ED6Bf,SExCS;EFyCT;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA,eEnDS;;;AFsDX;EACE,YEvDS;EFwDT,OCrCS","file":"HeapUsage.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.max-memory {\n  position: relative;\n  color: $gray-300;\n  background-color: $gray-900;\n  border: $black;\n  width: 4.25rem;\n  vertical-align: middle;\n  text-align: center;\n  user-select: none;\n  z-index: 1;\n}\n\n.total-memory,\n.used-memory {\n  position: absolute;\n  inset: 0;\n  margin: 1px;\n  z-index: -1;\n}\n\n.total-memory {\n  background-color: $gray-700;\n}\n\n.used-memory {\n  background-color: $gray-500;\n}\n\n.heap-overflow {\n  background-color: $red;\n}\n\n.heap-tooltip {\n  padding: $spacer-1;\n  width: 200px;\n}\n\n.heap-usage-info-row {\n  display: flex;\n  color: $foreground;\n  padding: $spacer-1;\n  justify-content: space-between;\n}\n\n.heap-plot {\n  display: flex;\n  align-items: center;\n}\n\n.heading-bottom-border {\n  border-bottom: 1px solid $gray-900;\n  margin-bottom: $spacer-1;\n}\n\n.heap-utilisation-text {\n  margin-top: $spacer-1;\n  color: $gray-400;\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","//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/HeapUsage.js

@@ -0,0 +1,168 @@
+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); }); }; }
+import React, { useEffect, useState, useRef } from 'react';
+import classNames from 'classnames';
+import { Tooltip } from '@deephaven/components';
+import { Plot, ChartTheme } from '@deephaven/chart';
+import Log from '@deephaven/log';
+import "./HeapUsage.css";
+var log = Log.module('HeapUsage');
+function HeapUsage(_ref) {
+  var _timestamps2;
+  var {
+    connection,
+    defaultUpdateInterval,
+    hoverUpdateInterval,
+    bgMonitoring = true,
+    monitorDuration
+  } = _ref;
+  var [memoryUsage, setMemoryUsage] = useState({
+    freeMemory: 0,
+    maximumHeapSize: 999,
+    totalHeapSize: 0
+  });
+  var [isOpen, setIsOpen] = useState(false);
+  var historyUsage = useRef({
+    timestamps: [],
+    usages: []
+  });
+  useEffect(function setUsageUpdateInterval() {
+    var fetchAndUpdate = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        try {
+          var newUsage = yield connection.getWorkerHeapInfo();
+          setMemoryUsage(newUsage);
+          if (bgMonitoring || isOpen) {
+            var currentUsage = (newUsage.totalHeapSize - newUsage.freeMemory) / newUsage.maximumHeapSize;
+            var currentTime = Date.now();
+            var {
+              timestamps: _timestamps,
+              usages: _usages
+            } = historyUsage.current;
+            while (_timestamps.length !== 0 && currentTime - _timestamps[0] > monitorDuration * 1.5) {
+              _timestamps.shift();
+              _usages.shift();
+            }
+            _timestamps.push(currentTime);
+            _usages.push(currentUsage);
+          } else {
+            historyUsage.current = {
+              timestamps: [],
+              usages: []
+            };
+          }
+        } catch (e) {
+          log.warn('Unable to get heap usage', e);
+        }
+      });
+      return function fetchAndUpdate() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchAndUpdate();
+    var updateUsage = setInterval(fetchAndUpdate, isOpen ? hoverUpdateInterval : defaultUpdateInterval);
+    return () => {
+      clearInterval(updateUsage);
+    };
+  }, [isOpen, hoverUpdateInterval, connection, defaultUpdateInterval, monitorDuration, bgMonitoring]);
+  var toDecimalPlace = (num, dec) => Math.round(num * 10 ** dec) / 10 ** dec;
+  var decimalPlace = 2;
+  var GbToByte = 1024 ** 3;
+  var {
+    freeMemory,
+    totalHeapSize,
+    maximumHeapSize
+  } = memoryUsage;
+  var freeMemoryGB = toDecimalPlace(freeMemory / GbToByte, decimalPlace);
+  var totalHeapGB = toDecimalPlace(totalHeapSize / GbToByte, decimalPlace);
+  var maxHeapGB = toDecimalPlace(maximumHeapSize / GbToByte, decimalPlace);
+  var inUseGB = totalHeapGB - freeMemoryGB;
+  var getRow = function getRow(text, size) {
+    var bottomBorder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("heap-usage-info-row", {
+        'heading-bottom-border': bottomBorder
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "font-weight-bold"
+    }, text), /*#__PURE__*/React.createElement("div", null, size));
+  };
+  var {
+    timestamps,
+    usages
+  } = historyUsage.current;
+  var lastTimestamp = (_timestamps2 = timestamps[timestamps.length - 1]) !== null && _timestamps2 !== void 0 ? _timestamps2 : 0;
+  var totalPercentage = totalHeapSize / maximumHeapSize;
+  var usedPercentage = (totalHeapSize - freeMemory) / maximumHeapSize;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "max-memory"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "total-memory",
+    style: {
+      width: "calc(".concat(totalPercentage * 100, "% - ").concat(totalPercentage * 2, "px")
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames('used-memory', {
+      'heap-overflow': (totalHeapSize - freeMemory) / maximumHeapSize > 0.95
+    }),
+    style: {
+      width: "calc(".concat(usedPercentage * 100, "% - ").concat(usedPercentage * 2, "px")
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "memory-text"
+  }, maxHeapGB.toFixed(1), " GB")), /*#__PURE__*/React.createElement(Tooltip, {
+    onEntered: () => setIsOpen(true),
+    onExited: () => setIsOpen(false),
+    interactive: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "heap-tooltip"
+  }, getRow('In use:', "".concat(inUseGB.toFixed(decimalPlace), " of ").concat(maxHeapGB.toFixed(decimalPlace), " GB"), true), getRow('Free:', "".concat(freeMemoryGB.toFixed(decimalPlace), " GB")), getRow('Total:', "".concat(totalHeapGB.toFixed(decimalPlace), " GB")), getRow('Max:', "".concat(maxHeapGB.toFixed(decimalPlace), " GB")), /*#__PURE__*/React.createElement("div", {
+    className: "heap-plot"
+  }, /*#__PURE__*/React.createElement(Plot, {
+    data: [{
+      x: [...timestamps],
+      y: [...usages],
+      type: 'scatter',
+      mode: 'lines'
+    }],
+    config: {
+      staticPlot: true,
+      responsive: true
+    },
+    style: {
+      width: '196px',
+      height: '100px'
+    },
+    layout: {
+      margin: {
+        l: 2,
+        t: 2,
+        r: 2,
+        b: 2
+      },
+      plot_bgcolor: 'transparent',
+      paper_bgcolor: 'transparent',
+      colorway: ['#4878ea'],
+      xaxis: {
+        dtick: Math.round(monitorDuration / 6),
+        gridcolor: ChartTheme.linecolor,
+        range: [lastTimestamp - monitorDuration, lastTimestamp],
+        linecolor: ChartTheme.linecolor,
+        linewidth: 2,
+        mirror: true
+      },
+      yaxis: {
+        dtick: 0.2,
+        gridcolor: ChartTheme.linecolor,
+        range: [0, 1],
+        linecolor: ChartTheme.linecolor,
+        linewidth: 2,
+        mirror: true
+      }
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "heap-utilisation-text"
+  }, "% utilization over ", Math.round(monitorDuration / 1000 / 60), " min."))));
+}
+export default HeapUsage;
+//# sourceMappingURL=HeapUsage.js.map

package/dist/HeapUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeapUsage.js","names":["React","useEffect","useState","useRef","classNames","Tooltip","Plot","ChartTheme","Log","log","module","HeapUsage","connection","defaultUpdateInterval","hoverUpdateInterval","bgMonitoring","monitorDuration","memoryUsage","setMemoryUsage","freeMemory","maximumHeapSize","totalHeapSize","isOpen","setIsOpen","historyUsage","timestamps","usages","setUsageUpdateInterval","fetchAndUpdate","newUsage","getWorkerHeapInfo","currentUsage","currentTime","Date","now","current","length","shift","push","e","warn","updateUsage","setInterval","clearInterval","toDecimalPlace","num","dec","Math","round","decimalPlace","GbToByte","freeMemoryGB","totalHeapGB","maxHeapGB","inUseGB","getRow","text","size","bottomBorder","lastTimestamp","totalPercentage","usedPercentage","width","toFixed","x","y","type","mode","staticPlot","responsive","height","margin","l","t","r","b","plot_bgcolor","paper_bgcolor","colorway","xaxis","dtick","gridcolor","linecolor","range","linewidth","mirror","yaxis"],"sources":["../src/HeapUsage.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactElement, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Tooltip } from '@deephaven/components';\nimport type { QueryConnectable } from '@deephaven/jsapi-types';\nimport { Plot, ChartTheme } from '@deephaven/chart';\nimport Log from '@deephaven/log';\nimport './HeapUsage.scss';\n\nconst log = Log.module('HeapUsage');\n\ninterface HeapUsageProps {\n  connection: QueryConnectable;\n  defaultUpdateInterval: number;\n  hoverUpdateInterval: number;\n  bgMonitoring?: boolean;\n\n  // in millis\n  monitorDuration: number;\n}\n\nfunction HeapUsage({\n  connection,\n  defaultUpdateInterval,\n  hoverUpdateInterval,\n  bgMonitoring = true,\n  monitorDuration,\n}: HeapUsageProps): ReactElement {\n  const [memoryUsage, setMemoryUsage] = useState({\n    freeMemory: 0,\n    maximumHeapSize: 999,\n    totalHeapSize: 0,\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const historyUsage = useRef<{ timestamps: number[]; usages: number[] }>({\n    timestamps: [],\n    usages: [],\n  });\n\n  useEffect(\n    function setUsageUpdateInterval() {\n      const fetchAndUpdate = async () => {\n        try {\n          const newUsage = await connection.getWorkerHeapInfo();\n          setMemoryUsage(newUsage);\n\n          if (bgMonitoring || isOpen) {\n            const currentUsage =\n              (newUsage.totalHeapSize - newUsage.freeMemory) /\n              newUsage.maximumHeapSize;\n            const currentTime = Date.now();\n\n            const { timestamps, usages } = historyUsage.current;\n            while (\n              timestamps.length !== 0 &&\n              currentTime - timestamps[0] > monitorDuration * 1.5\n            ) {\n              timestamps.shift();\n              usages.shift();\n            }\n\n            timestamps.push(currentTime);\n            usages.push(currentUsage);\n          } else {\n            historyUsage.current = { timestamps: [], usages: [] };\n          }\n        } catch (e) {\n          log.warn('Unable to get heap usage', e);\n        }\n      };\n      fetchAndUpdate();\n\n      const updateUsage = setInterval(\n        fetchAndUpdate,\n        isOpen ? hoverUpdateInterval : defaultUpdateInterval\n      );\n      return () => {\n        clearInterval(updateUsage);\n      };\n    },\n    [\n      isOpen,\n      hoverUpdateInterval,\n      connection,\n      defaultUpdateInterval,\n      monitorDuration,\n      bgMonitoring,\n    ]\n  );\n\n  const toDecimalPlace = (num: number, dec: number) =>\n    Math.round(num * 10 ** dec) / 10 ** dec;\n\n  const decimalPlace = 2;\n  const GbToByte = 1024 ** 3;\n\n  const { freeMemory, totalHeapSize, maximumHeapSize } = memoryUsage;\n\n  const freeMemoryGB = toDecimalPlace(freeMemory / GbToByte, decimalPlace);\n  const totalHeapGB = toDecimalPlace(totalHeapSize / GbToByte, decimalPlace);\n  const maxHeapGB = toDecimalPlace(maximumHeapSize / GbToByte, decimalPlace);\n  const inUseGB = totalHeapGB - freeMemoryGB;\n\n  const getRow = (text: string, size: string, bottomBorder = false) => (\n    <div\n      className={classNames(`heap-usage-info-row`, {\n        'heading-bottom-border': bottomBorder,\n      })}\n    >\n      <div className=\"font-weight-bold\">{text}</div>\n      <div>{size}</div>\n    </div>\n  );\n\n  const { timestamps, usages } = historyUsage.current;\n\n  const lastTimestamp = timestamps[timestamps.length - 1] ?? 0;\n\n  const totalPercentage = totalHeapSize / maximumHeapSize;\n  const usedPercentage = (totalHeapSize - freeMemory) / maximumHeapSize;\n\n  return (\n    <>\n      <div className=\"max-memory\">\n        <div\n          className=\"total-memory\"\n          style={{\n            width: `calc(${totalPercentage * 100}% - ${totalPercentage * 2}px`,\n          }}\n        />\n        <div\n          className={classNames('used-memory', {\n            'heap-overflow':\n              (totalHeapSize - freeMemory) / maximumHeapSize > 0.95,\n          })}\n          style={{\n            width: `calc(${usedPercentage * 100}% - ${usedPercentage * 2}px`,\n          }}\n        />\n        <div className=\"memory-text\">{maxHeapGB.toFixed(1)} GB</div>\n      </div>\n\n      <Tooltip\n        onEntered={() => setIsOpen(true)}\n        onExited={() => setIsOpen(false)}\n        interactive\n      >\n        <div className=\"heap-tooltip\">\n          {getRow(\n            'In use:',\n            `${inUseGB.toFixed(decimalPlace)} of ${maxHeapGB.toFixed(\n              decimalPlace\n            )} GB`,\n            true\n          )}\n          {getRow('Free:', `${freeMemoryGB.toFixed(decimalPlace)} GB`)}\n          {getRow('Total:', `${totalHeapGB.toFixed(decimalPlace)} GB`)}\n          {getRow('Max:', `${maxHeapGB.toFixed(decimalPlace)} GB`)}\n          <div className=\"heap-plot\">\n            <Plot\n              data={[\n                {\n                  x: [...timestamps],\n                  y: [...usages],\n                  type: 'scatter',\n                  mode: 'lines',\n                },\n              ]}\n              config={{ staticPlot: true, responsive: true }}\n              style={{\n                width: '196px',\n                height: '100px',\n              }}\n              layout={{\n                margin: { l: 2, t: 2, r: 2, b: 2 },\n                plot_bgcolor: 'transparent',\n                paper_bgcolor: 'transparent',\n                colorway: ['#4878ea'],\n                xaxis: {\n                  dtick: Math.round(monitorDuration / 6),\n                  gridcolor: ChartTheme.linecolor,\n                  range: [lastTimestamp - monitorDuration, lastTimestamp],\n                  linecolor: ChartTheme.linecolor,\n                  linewidth: 2,\n                  mirror: true,\n                },\n                yaxis: {\n                  dtick: 0.2,\n                  gridcolor: ChartTheme.linecolor,\n                  range: [0, 1],\n                  linecolor: ChartTheme.linecolor,\n                  linewidth: 2,\n                  mirror: true,\n                },\n              }}\n            />\n          </div>\n          <div className=\"heap-utilisation-text\">\n            % utilization over {Math.round(monitorDuration / 1000 / 60)} min.\n          </div>\n        </div>\n      </Tooltip>\n    </>\n  );\n}\n\nexport default HeapUsage;\n"],"mappings":"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"}

package/dist/StoragePropTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+var CommandHistoryStorage = PropTypes.shape({
+  addItem: PropTypes.func.isRequired,
+  updateItem: PropTypes.func.isRequired,
+  getTable: PropTypes.func.isRequired
+});
+var CommandHistoryTable = PropTypes.shape({
+  size: PropTypes.number.isRequired,
+  getSnapshot: PropTypes.func.isRequired
+});
+var StoragePropTypes = Object.freeze({
+  CommandHistoryStorage,
+  CommandHistoryTable
+});
+export default StoragePropTypes;
+//# sourceMappingURL=StoragePropTypes.js.map

package/dist/StoragePropTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoragePropTypes.js","names":["PropTypes","CommandHistoryStorage","shape","addItem","func","isRequired","updateItem","getTable","CommandHistoryTable","size","number","getSnapshot","StoragePropTypes","Object","freeze"],"sources":["../src/StoragePropTypes.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst CommandHistoryStorage = PropTypes.shape({\n  addItem: PropTypes.func.isRequired,\n  updateItem: PropTypes.func.isRequired,\n  getTable: PropTypes.func.isRequired,\n});\n\nconst CommandHistoryTable = PropTypes.shape({\n  size: PropTypes.number.isRequired,\n  getSnapshot: PropTypes.func.isRequired,\n});\n\nconst StoragePropTypes = Object.freeze({\n  CommandHistoryStorage,\n  CommandHistoryTable,\n});\n\nexport default StoragePropTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,GAAGD,SAAS,CAACE,KAAK,CAAC;EAC5CC,OAAO,EAAEH,SAAS,CAACI,IAAI,CAACC,UAAU;EAClCC,UAAU,EAAEN,SAAS,CAACI,IAAI,CAACC,UAAU;EACrCE,QAAQ,EAAEP,SAAS,CAACI,IAAI,CAACC;AAC3B,CAAC,CAAC;AAEF,IAAMG,mBAAmB,GAAGR,SAAS,CAACE,KAAK,CAAC;EAC1CO,IAAI,EAAET,SAAS,CAACU,MAAM,CAACL,UAAU;EACjCM,WAAW,EAAEX,SAAS,CAACI,IAAI,CAACC;AAC9B,CAAC,CAAC;AAEF,IAAMO,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACrCb,qBAAqB;EACrBO;AACF,CAAC,CAAC;AAEF,eAAeI,gBAAgB"}

package/dist/command-history/CommandHistory.css

@@ -0,0 +1,41 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.command-history {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+.command-history .command-history-list {
+  flex-grow: 1;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  background-color: #211f22;
+  color: #929192;
+  padding: 0;
+}
+.command-history .command-history-list .item-list-scroll-pane {
+  border: none;
+}
+
+.command-history-search-bar {
+  background: #2d2a2e;
+  border-bottom: 2px solid #1a171a;
+  width: 100%;
+  padding: 0.25rem 0.25rem 0 0.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+.command-history-search-bar .search-group {
+  flex-grow: 1;
+  margin-right: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.command-history-search-bar .search-group input {
+  background-color: #373438;
+}
+
+/*# sourceMappingURL=CommandHistory.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../src/command-history/CommandHistory.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACOA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,kBCQO;EDPP,OCCO;EDAP;;AACA;EACE;;;AAKN;EACE,YClBc;EDmBd;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,cEtCO;EFuCP,eEvCO;;AFwCP;EACE,kBClBK","file":"CommandHistory.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-bg: $gray-900;\n$command-history-color: $text-muted;\n$command-history-search-bg: $gray-800;\n$command-history-search-toolbar-bg: $content-bg;\n\n.command-history {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  height: 100%;\n  width: 100%;\n\n  .command-history-list {\n    flex-grow: 1;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n    background-color: $command-history-bg;\n    color: $command-history-color;\n    padding: 0;\n    .item-list-scroll-pane {\n      border: none;\n    }\n  }\n}\n\n.command-history-search-bar {\n  background: $command-history-search-toolbar-bg;\n  border-bottom: 2px solid $background;\n  width: 100%;\n  padding: $spacer-1 $spacer-1 0 $spacer-1;\n  display: flex;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  overflow: hidden;\n\n  .search-group {\n    flex-grow: 1;\n    margin-right: $spacer-1;\n    margin-bottom: $spacer-1;\n    input {\n      background-color: $command-history-search-bg;\n    }\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","//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"]}