@deephaven/iris-grid 0.43.0 → 0.44.0

package/dist/IrisGridBottomBar.css

@@ -0,0 +1,85 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.iris-grid-bottom-bar {
+  position: absolute;
+  bottom: -50px;
+  left: 0;
+  right: 0;
+  height: calc(50px * 2);
+  background-color: #343e5d;
+  color: #f0f0ee;
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  padding-left: 1em;
+  padding-right: 1em;
+  padding-bottom: 50px;
+}
+.iris-grid-bottom-bar .status-message,
+.iris-grid-bottom-bar .error-message {
+  flex-grow: 1;
+  flex-shrink: 1;
+  font-weight: 600;
+  margin-right: 1em;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-top: -4px;
+  user-select: none;
+}
+.iris-grid-bottom-bar .status-message span,
+.iris-grid-bottom-bar .error-message span {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.iris-grid-bottom-bar .status-message .svg-inline--fa,
+.iris-grid-bottom-bar .error-message .svg-inline--fa {
+  margin-right: 0.5rem;
+}
+.iris-grid-bottom-bar .error-message {
+  color: #f95d84;
+}
+.iris-grid-bottom-bar .buttons-container {
+  flex-grow: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.iris-grid-bottom-bar .buttons-container .btn {
+  min-width: 10rem;
+}
+.iris-grid-bottom-bar .buttons-container .btn .svg-inline--fa {
+  margin-right: 0.5rem;
+}
+.iris-grid-bottom-bar .buttons-container .btn:not(:last-child) {
+  margin-right: 0.5em;
+}
+
+.iris-grid-bottom-bar-slide-up-enter {
+  transform: translate3d(0, 100%, 0);
+}
+
+.iris-grid-bottom-bar-slide-up-enter-active {
+  transform: initial;
+  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.iris-grid-bottom-bar-slide-up-enter-done {
+  position: relative;
+  bottom: 0;
+  padding-bottom: 0;
+  height: 50px;
+  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.iris-grid-bottom-bar-slide-up-exit {
+  transform: initial;
+}
+
+.iris-grid-bottom-bar-slide-up-exit-active {
+  transform: translate3d(0, 100%, 0);
+  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+/*# sourceMappingURL=IrisGridBottomBar.css.map */

package/dist/IrisGridBottomBar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/IrisGridBottomBar.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACKA;EACE;EACA;EACA;EACA;EACA;EACA,kBC6Ca;ED5Cb,OCCe;EDAf;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;;AAIJ;EACE,OCxCE;;AD2CJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAIJ;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA,QA5EkB;EA6ElB;;;AAGF;EACE;;;AAGF;EACE;EACA","file":"IrisGridBottomBar.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$bottom-bar-height: 50px;\n$ease-out-bounce-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n\n.iris-grid-bottom-bar {\n  position: absolute;\n  bottom: -$bottom-bar-height;\n  left: 0;\n  right: 0;\n  height: calc(#{$bottom-bar-height} * 2);\n  background-color: $toast-bg;\n  color: $toast-color;\n  display: flex;\n  flex-direction: row;\n  align-content: center;\n  padding-left: 1em;\n  padding-right: 1em;\n  padding-bottom: 50px;\n\n  .status-message,\n  .error-message {\n    flex-grow: 1;\n    flex-shrink: 1;\n    font-weight: 600;\n    margin-right: 1em;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-top: -4px;\n    user-select: none;\n    span {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n    .svg-inline--fa {\n      margin-right: 0.5rem;\n    }\n  }\n\n  .error-message {\n    color: $danger;\n  }\n\n  .buttons-container {\n    flex-grow: 0;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    .btn {\n      min-width: 10rem;\n      .svg-inline--fa {\n        margin-right: 0.5rem;\n      }\n    }\n\n    .btn:not(:last-child) {\n      margin-right: 0.5em;\n    }\n  }\n}\n\n.iris-grid-bottom-bar-slide-up-enter {\n  transform: translate3d(0, 100%, 0);\n}\n\n.iris-grid-bottom-bar-slide-up-enter-active {\n  transform: initial;\n  transition: transform $transition-long $ease-out-bounce-back;\n}\n\n.iris-grid-bottom-bar-slide-up-enter-done {\n  position: relative;\n  bottom: 0;\n  padding-bottom: 0;\n  height: $bottom-bar-height;\n  transition: transform $transition-long $ease-out-bounce-back;\n}\n\n.iris-grid-bottom-bar-slide-up-exit {\n  transform: initial;\n}\n\n.iris-grid-bottom-bar-slide-up-exit-active {\n  transform: translate3d(0, 100%, 0);\n  transition: transform $transition-long $ease-out-bounce-back;\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/IrisGridBottomBar.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import classNames from 'classnames';
+import { CSSTransition } from 'react-transition-group';
+import { ThemeExport } from '@deephaven/components';
+import "./IrisGridBottomBar.css";
+export function IrisGridBottomBar(_ref) {
+  var {
+    animation = 'iris-grid-bottom-bar-slide-up',
+    children,
+    className,
+    isShown,
+    onClick,
+    onEntering,
+    onEntered,
+    onExiting,
+    onExited
+  } = _ref;
+  return /*#__PURE__*/React.createElement(CSSTransition, {
+    in: isShown,
+    timeout: ThemeExport.transitionMs,
+    classNames: animation,
+    onEntering: onEntering,
+    onEntered: onEntered,
+    onExiting: onExiting,
+    onExited: onExited,
+    mountOnEnter: true,
+    unmountOnExit: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('iris-grid-bottom-bar', className),
+    role: "presentation",
+    onClick: onClick,
+    onKeyPress: onClick
+  }, children));
+}
+export default IrisGridBottomBar;
+//# sourceMappingURL=IrisGridBottomBar.js.map

package/dist/IrisGridBottomBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrisGridBottomBar.js","names":["React","classNames","CSSTransition","ThemeExport","IrisGridBottomBar","animation","children","className","isShown","onClick","onEntering","onEntered","onExiting","onExited","transitionMs"],"sources":["../src/IrisGridBottomBar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { ThemeExport } from '@deephaven/components';\nimport './IrisGridBottomBar.scss';\n\nexport type IrisGridBottomBarProps = {\n  animation?: string;\n  children: React.ReactNode;\n  onClick?: () => void;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n  isShown: boolean;\n  className?: string;\n};\n\nexport function IrisGridBottomBar({\n  animation = 'iris-grid-bottom-bar-slide-up',\n  children,\n  className,\n  isShown,\n  onClick,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n}: IrisGridBottomBarProps): JSX.Element {\n  return (\n    <CSSTransition\n      in={isShown}\n      timeout={ThemeExport.transitionMs}\n      classNames={animation}\n      onEntering={onEntering}\n      onEntered={onEntered}\n      onExiting={onExiting}\n      onExited={onExited}\n      mountOnEnter\n      unmountOnExit\n    >\n      <div\n        className={classNames('iris-grid-bottom-bar', className)}\n        role=\"presentation\"\n        onClick={onClick}\n        onKeyPress={onClick}\n      >\n        {children}\n      </div>\n    </CSSTransition>\n  );\n}\n\nexport default IrisGridBottomBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,WAAW,QAAQ,uBAAuB;AAAC;AAepD,OAAO,SAASC,iBAAiB,OAUO;EAAA,IAVN;IAChCC,SAAS,GAAG,+BAA+B;IAC3CC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC;EACsB,CAAC;EACvB,oBACE,oBAAC,aAAa;IACZ,EAAE,EAAEL,OAAQ;IACZ,OAAO,EAAEL,WAAW,CAACW,YAAa;IAClC,UAAU,EAAET,SAAU;IACtB,UAAU,EAAEK,UAAW;IACvB,SAAS,EAAEC,SAAU;IACrB,SAAS,EAAEC,SAAU;IACrB,QAAQ,EAAEC,QAAS;IACnB,YAAY;IACZ,aAAa;EAAA,gBAEb;IACE,SAAS,EAAEZ,UAAU,CAAC,sBAAsB,EAAEM,SAAS,CAAE;IACzD,IAAI,EAAC,cAAc;IACnB,OAAO,EAAEE,OAAQ;IACjB,UAAU,EAAEA;EAAQ,GAEnBH,QAAQ,CACL,CACQ;AAEpB;AAEA,eAAeF,iBAAiB"}

package/dist/IrisGridCellOverflowModal.css

@@ -0,0 +1,17 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.cell-overflow-modal .modal-title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.cell-overflow-modal .modal-title .overflow-modal-title {
+  margin: 0;
+  flex-grow: 1;
+}
+.cell-overflow-modal .modal-body {
+  max-height: 80vh;
+  flex-shrink: 1;
+}
+
+/*# sourceMappingURL=IrisGridCellOverflowModal.css.map */

package/dist/IrisGridCellOverflowModal.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/IrisGridCellOverflowModal.scss"],"names":[],"mappings":"AAAA;ACGE;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA","file":"IrisGridCellOverflowModal.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.cell-overflow-modal {\n  .modal-title {\n    // This is a wrapper created by reactstrap\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n\n    .overflow-modal-title {\n      margin: 0;\n      flex-grow: 1;\n    }\n  }\n\n  .modal-body {\n    max-height: 80vh;\n    flex-shrink: 1;\n  }\n}\n"]}

package/dist/IrisGridCellOverflowModal.js

@@ -0,0 +1,157 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Editor } from '@deephaven/console';
+import { Button, CopyButton, Modal, ModalBody, ModalHeader } from '@deephaven/components';
+import { vsJson, vsListOrdered } from '@deephaven/icons';
+import "./IrisGridCellOverflowModal.css";
+export default function IrisGridCellOverflowModal(_ref) {
+  var _editorRef$current$ge, _editorRef$current2;
+  var {
+    text,
+    isOpen,
+    onClose
+  } = _ref;
+  var [isOpened, setIsOpened] = useState(false);
+  var [height, setHeight] = useState(0);
+  var [showLineNumbers, setShowLineNumbers] = useState(false);
+  var [isFormatted, setIsFormatted] = useState(false);
+  var [canFormat, setCanFormat] = useState(false);
+  var editorRef = useRef();
+
+  // Update format button on open
+  useEffect(function enableFormatButtonWhenOpen() {
+    if (!isOpen) {
+      return;
+    }
+    try {
+      JSON.parse(text);
+      setCanFormat(true);
+    } catch (_unused) {
+      setCanFormat(false);
+    }
+    setIsFormatted(false);
+  }, [isOpen, text]);
+
+  // Re-layout editor on height change
+  useEffect(function updateLayoutOnHeightChange() {
+    if (editorRef.current) {
+      editorRef.current.layout();
+    }
+  }, [height]);
+
+  // Update editor options on line number toggle
+  useEffect(function toggleShowLineNumber() {
+    if (editorRef.current) {
+      editorRef.current.updateOptions({
+        lineNumbers: showLineNumbers ? 'on' : 'off'
+      });
+    }
+  }, [showLineNumbers]);
+  function toggleLineNumbers() {
+    setShowLineNumbers(!showLineNumbers);
+  }
+  function formatAsJSON() {
+    var _editorRef$current;
+    var model = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.getModel();
+    if (!canFormat || !model) {
+      return;
+    }
+    if (!isFormatted) {
+      model.setValue(JSON.stringify(JSON.parse(text), undefined, 2));
+      setIsFormatted(true);
+    } else {
+      model.setValue(text);
+      setIsFormatted(false);
+    }
+    autoSetLineNumbers();
+  }
+  function autoSetLineNumbers() {
+    var _editor$getModel$getL, _editor$getModel;
+    var editor = editorRef.current;
+    if (!editor) {
+      return;
+    }
+    setShowLineNumbers(((_editor$getModel$getL = (_editor$getModel = editor.getModel()) === null || _editor$getModel === void 0 ? void 0 : _editor$getModel.getLineCount()) !== null && _editor$getModel$getL !== void 0 ? _editor$getModel$getL : 0) > 1);
+  }
+  function handleToggle() {
+    if (isOpened) {
+      editorRef.current = undefined;
+      onClose();
+    }
+  }
+  function onEditorInitialized(editor) {
+    editorRef.current = editor;
+    setHeight(editor.getContentHeight());
+    editor.onDidContentSizeChange(_ref2 => {
+      var {
+        contentHeight
+      } = _ref2;
+      return setHeight(contentHeight);
+    });
+    autoSetLineNumbers();
+  }
+  if (!isOpen && !isOpened) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: isOpen,
+    centered: true,
+    keyboard: true,
+    toggle: handleToggle,
+    onOpened: () => setIsOpened(true),
+    onClosed: () => {
+      setIsOpened(false);
+      setHeight(0);
+    },
+    className: "theme-bg-dark cell-overflow-modal",
+    size: "xl"
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    toggle: onClose
+  }, /*#__PURE__*/React.createElement("h5", {
+    className: "overflow-modal-title"
+  }, "Cell Contents"), /*#__PURE__*/React.createElement(CopyButton, {
+    kind: "inline",
+    tooltip: "Copy cell contents",
+    copy: (_editorRef$current$ge = (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : _editorRef$current2.getValue()) !== null && _editorRef$current$ge !== void 0 ? _editorRef$current$ge : text
+  }), /*#__PURE__*/React.createElement(Button, {
+    kind: "inline",
+    active: showLineNumbers,
+    icon: vsListOrdered,
+    tooltip: "Toggle line numbers",
+    onClick: toggleLineNumbers
+  }), canFormat && /*#__PURE__*/React.createElement(Button, {
+    kind: "inline",
+    icon: vsJson,
+    active: isFormatted,
+    tooltip: "Format as JSON",
+    onClick: formatAsJSON
+  })), /*#__PURE__*/React.createElement(ModalBody, {
+    style: {
+      height
+    }
+  }, /*#__PURE__*/React.createElement(Editor, {
+    onEditorInitialized: onEditorInitialized,
+    settings: {
+      value: text,
+      readOnly: true,
+      wordWrap: 'on',
+      // Loading json language w/o the monaco workers causes UI freezes and monaco errors. TS colorizes the same
+      language: canFormat ? 'typescript' : 'plaintext',
+      folding: canFormat,
+      padding: {
+        bottom: 16
+      },
+      lineNumbers: showLineNumbers ? 'on' : 'off',
+      overviewRulerLanes: 0,
+      renderLineHighlight: 'none',
+      /*
+        The entire string may be 1 giant line
+        Monaco by default seeds find w/ that line
+        On very long strings this hangs the browser, so never seed the search
+      */
+      find: {
+        seedSearchStringFromSelection: 'never'
+      }
+    }
+  })));
+}
+//# sourceMappingURL=IrisGridCellOverflowModal.js.map

package/dist/IrisGridCellOverflowModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrisGridCellOverflowModal.js","names":["React","useEffect","useRef","useState","Editor","Button","CopyButton","Modal","ModalBody","ModalHeader","vsJson","vsListOrdered","IrisGridCellOverflowModal","text","isOpen","onClose","isOpened","setIsOpened","height","setHeight","showLineNumbers","setShowLineNumbers","isFormatted","setIsFormatted","canFormat","setCanFormat","editorRef","enableFormatButtonWhenOpen","JSON","parse","updateLayoutOnHeightChange","current","layout","toggleShowLineNumber","updateOptions","lineNumbers","toggleLineNumbers","formatAsJSON","model","getModel","setValue","stringify","undefined","autoSetLineNumbers","editor","getLineCount","handleToggle","onEditorInitialized","getContentHeight","onDidContentSizeChange","contentHeight","getValue","value","readOnly","wordWrap","language","folding","padding","bottom","overviewRulerLanes","renderLineHighlight","find","seedSearchStringFromSelection"],"sources":["../src/IrisGridCellOverflowModal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Editor } from '@deephaven/console';\nimport * as monaco from 'monaco-editor';\nimport {\n  Button,\n  CopyButton,\n  Modal,\n  ModalBody,\n  ModalHeader,\n} from '@deephaven/components';\nimport { vsJson, vsListOrdered } from '@deephaven/icons';\nimport './IrisGridCellOverflowModal.scss';\n\ninterface IrisGridCellOverflowModalProps {\n  text: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport default function IrisGridCellOverflowModal({\n  text,\n  isOpen,\n  onClose,\n}: IrisGridCellOverflowModalProps): React.ReactElement | null {\n  const [isOpened, setIsOpened] = useState(false);\n  const [height, setHeight] = useState(0);\n  const [showLineNumbers, setShowLineNumbers] = useState(false);\n  const [isFormatted, setIsFormatted] = useState(false);\n  const [canFormat, setCanFormat] = useState(false);\n  const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n\n  // Update format button on open\n  useEffect(\n    function enableFormatButtonWhenOpen() {\n      if (!isOpen) {\n        return;\n      }\n\n      try {\n        JSON.parse(text);\n        setCanFormat(true);\n      } catch {\n        setCanFormat(false);\n      }\n      setIsFormatted(false);\n    },\n    [isOpen, text]\n  );\n\n  // Re-layout editor on height change\n  useEffect(\n    function updateLayoutOnHeightChange() {\n      if (editorRef.current) {\n        editorRef.current.layout();\n      }\n    },\n    [height]\n  );\n\n  // Update editor options on line number toggle\n  useEffect(\n    function toggleShowLineNumber() {\n      if (editorRef.current) {\n        editorRef.current.updateOptions({\n          lineNumbers: showLineNumbers ? 'on' : 'off',\n        });\n      }\n    },\n    [showLineNumbers]\n  );\n\n  function toggleLineNumbers() {\n    setShowLineNumbers(!showLineNumbers);\n  }\n\n  function formatAsJSON() {\n    const model = editorRef.current?.getModel();\n    if (!canFormat || !model) {\n      return;\n    }\n\n    if (!isFormatted) {\n      model.setValue(JSON.stringify(JSON.parse(text), undefined, 2));\n      setIsFormatted(true);\n    } else {\n      model.setValue(text);\n      setIsFormatted(false);\n    }\n    autoSetLineNumbers();\n  }\n\n  function autoSetLineNumbers() {\n    const editor = editorRef.current;\n    if (!editor) {\n      return;\n    }\n\n    setShowLineNumbers((editor.getModel()?.getLineCount() ?? 0) > 1);\n  }\n\n  function handleToggle() {\n    if (isOpened) {\n      editorRef.current = undefined;\n      onClose();\n    }\n  }\n\n  function onEditorInitialized(editor: monaco.editor.IStandaloneCodeEditor) {\n    editorRef.current = editor;\n    setHeight(editor.getContentHeight());\n    editor.onDidContentSizeChange(({ contentHeight }) =>\n      setHeight(contentHeight)\n    );\n    autoSetLineNumbers();\n  }\n\n  if (!isOpen && !isOpened) {\n    return null;\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      centered\n      keyboard\n      toggle={handleToggle}\n      onOpened={() => setIsOpened(true)}\n      onClosed={() => {\n        setIsOpened(false);\n        setHeight(0);\n      }}\n      className=\"theme-bg-dark cell-overflow-modal\"\n      size=\"xl\"\n    >\n      <ModalHeader toggle={onClose}>\n        <h5 className=\"overflow-modal-title\">Cell Contents</h5>\n        <CopyButton\n          kind=\"inline\"\n          tooltip=\"Copy cell contents\"\n          copy={editorRef.current?.getValue() ?? text}\n        />\n        <Button\n          kind=\"inline\"\n          active={showLineNumbers}\n          icon={vsListOrdered}\n          tooltip=\"Toggle line numbers\"\n          onClick={toggleLineNumbers}\n        />\n        {canFormat && (\n          <Button\n            kind=\"inline\"\n            icon={vsJson}\n            active={isFormatted}\n            tooltip=\"Format as JSON\"\n            onClick={formatAsJSON}\n          />\n        )}\n      </ModalHeader>\n      <ModalBody style={{ height }}>\n        <Editor\n          onEditorInitialized={onEditorInitialized}\n          settings={{\n            value: text,\n            readOnly: true,\n            wordWrap: 'on',\n            // Loading json language w/o the monaco workers causes UI freezes and monaco errors. TS colorizes the same\n            language: canFormat ? 'typescript' : 'plaintext',\n            folding: canFormat,\n            padding: { bottom: 16 },\n            lineNumbers: showLineNumbers ? 'on' : 'off',\n            overviewRulerLanes: 0,\n            renderLineHighlight: 'none',\n            /*\n              The entire string may be 1 giant line\n              Monaco by default seeds find w/ that line\n              On very long strings this hangs the browser, so never seed the search\n            */\n            find: { seedSearchStringFromSelection: 'never' },\n          }}\n        />\n      </ModalBody>\n    </Modal>\n  );\n}\n"],"mappings":"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"}

package/dist/IrisGridCellRendererUtils.js

@@ -0,0 +1,20 @@
+import { getIcon } from "./IrisGridIcons.js";
+class IrisGridCellRendererUtils {
+  static drawTreeMarker(context, state, columnX, rowY, treeBox, color, isExpanded) {
+    context.save();
+    var {
+      x1,
+      y1
+    } = treeBox;
+    var markerIcon = isExpanded ? getIcon('caretDown') : getIcon('caretRight');
+    var iconX = columnX + x1 - 2;
+    var iconY = rowY + y1 + 2.5;
+    context.fillStyle = color;
+    context.textAlign = 'center';
+    context.translate(iconX, iconY);
+    context.fill(markerIcon);
+    context.restore();
+  }
+}
+export default IrisGridCellRendererUtils;
+//# sourceMappingURL=IrisGridCellRendererUtils.js.map

package/dist/IrisGridCellRendererUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrisGridCellRendererUtils.js","names":["getIcon","IrisGridCellRendererUtils","drawTreeMarker","context","state","columnX","rowY","treeBox","color","isExpanded","save","x1","y1","markerIcon","iconX","iconY","fillStyle","textAlign","translate","fill","restore"],"sources":["../src/IrisGridCellRendererUtils.ts"],"sourcesContent":["import { BoxCoordinates, Coordinate } from '@deephaven/grid';\nimport { getIcon } from './IrisGridIcons';\nimport { IrisGridRenderState } from './IrisGridRenderer';\n\nclass IrisGridCellRendererUtils {\n  static drawTreeMarker(\n    context: CanvasRenderingContext2D,\n    state: IrisGridRenderState,\n    columnX: Coordinate,\n    rowY: Coordinate,\n    treeBox: BoxCoordinates,\n    color: string,\n    isExpanded: boolean\n  ): void {\n    context.save();\n    const { x1, y1 } = treeBox;\n    const markerIcon = isExpanded\n      ? getIcon('caretDown')\n      : getIcon('caretRight');\n    const iconX = columnX + x1 - 2;\n    const iconY = rowY + y1 + 2.5;\n\n    context.fillStyle = color;\n    context.textAlign = 'center';\n    context.translate(iconX, iconY);\n    context.fill(markerIcon);\n    context.restore();\n  }\n}\n\nexport default IrisGridCellRendererUtils;\n"],"mappings":"SACSA,OAAO;AAGhB,MAAMC,yBAAyB,CAAC;EAC9B,OAAOC,cAAc,CACnBC,OAAiC,EACjCC,KAA0B,EAC1BC,OAAmB,EACnBC,IAAgB,EAChBC,OAAuB,EACvBC,KAAa,EACbC,UAAmB,EACb;IACNN,OAAO,CAACO,IAAI,EAAE;IACd,IAAM;MAAEC,EAAE;MAAEC;IAAG,CAAC,GAAGL,OAAO;IAC1B,IAAMM,UAAU,GAAGJ,UAAU,GACzBT,OAAO,CAAC,WAAW,CAAC,GACpBA,OAAO,CAAC,YAAY,CAAC;IACzB,IAAMc,KAAK,GAAGT,OAAO,GAAGM,EAAE,GAAG,CAAC;IAC9B,IAAMI,KAAK,GAAGT,IAAI,GAAGM,EAAE,GAAG,GAAG;IAE7BT,OAAO,CAACa,SAAS,GAAGR,KAAK;IACzBL,OAAO,CAACc,SAAS,GAAG,QAAQ;IAC5Bd,OAAO,CAACe,SAAS,CAACJ,KAAK,EAAEC,KAAK,CAAC;IAC/BZ,OAAO,CAACgB,IAAI,CAACN,UAAU,CAAC;IACxBV,OAAO,CAACiB,OAAO,EAAE;EACnB;AACF;AAEA,eAAenB,yBAAyB"}

package/dist/IrisGridCopyHandler.css

@@ -0,0 +1,64 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.iris-grid-copy-handler {
+  position: absolute;
+  bottom: -50px;
+  left: 0;
+  right: 0;
+  height: 100px;
+  background-color: #343e5d;
+  color: #f0f0ee;
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  padding-left: 1em;
+  padding-right: 1em;
+  padding-bottom: 50px;
+}
+.iris-grid-copy-handler .status-message {
+  flex-grow: 1;
+  font-weight: 600;
+  margin-right: 1em;
+  text-overflow: ellipsis;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-top: -4px;
+  user-select: none;
+}
+.iris-grid-copy-handler .buttons-container {
+  flex-grow: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.iris-grid-copy-handler .buttons-container .btn {
+  min-width: 10rem;
+}
+.iris-grid-copy-handler .buttons-container .btn-cancel {
+  color: #fcfcfa;
+  border-color: #fcfcfa;
+  margin-right: 0.5em;
+}
+.iris-grid-copy-handler .buttons-container .btn-copy:disabled {
+  opacity: 1;
+}
+
+.copy-slide-up-enter {
+  transform: translateY(50px);
+}
+
+.copy-slide-up-enter-active {
+  transform: initial;
+  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.copy-slide-up-exit {
+  transform: initial;
+}
+
+.copy-slide-up-exit-active {
+  transform: translateY(50px);
+  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+/*# sourceMappingURL=IrisGridCopyHandler.css.map */

package/dist/IrisGridCopyHandler.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/IrisGridCopyHandler.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACIA;EACE;EACA;EACA;EACA;EACA;EACA,kBC8Ca;ED7Cb,OCEe;EDDf;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,OCxBK;EDyBL,cCzBK;ED0BL;;AAGF;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA","file":"IrisGridCopyHandler.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$ease-out-bounce-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n\n.iris-grid-copy-handler {\n  position: absolute;\n  bottom: -50px;\n  left: 0;\n  right: 0;\n  height: 100px;\n  background-color: $toast-bg;\n  color: $toast-color;\n  display: flex;\n  flex-direction: row;\n  align-content: center;\n  padding-left: 1em;\n  padding-right: 1em;\n  padding-bottom: 50px;\n\n  .status-message {\n    flex-grow: 1;\n    font-weight: 600;\n    margin-right: 1em;\n    text-overflow: ellipsis;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-top: -4px;\n    user-select: none;\n  }\n\n  .buttons-container {\n    flex-grow: 0;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    .btn {\n      min-width: 10rem;\n    }\n\n    .btn-cancel {\n      color: $gray-100;\n      border-color: $gray-100;\n      margin-right: 0.5em;\n    }\n\n    .btn-copy:disabled {\n      opacity: 1;\n    }\n  }\n}\n\n.copy-slide-up-enter {\n  transform: translateY(50px);\n}\n\n.copy-slide-up-enter-active {\n  transform: initial;\n  transition: transform $transition-long $ease-out-bounce-back;\n}\n\n.copy-slide-up-exit {\n  transform: initial;\n}\n\n.copy-slide-up-exit-active {\n  transform: translateY(50px);\n  transition: transform $transition-long $ease-out-bounce-back;\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"]}