@deephaven/iris-grid 0.54.1-ui.1 → 0.55.1-alpha-theming-bootstrap.77

package/dist/GotoRow.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/GotoRow.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;;;AAGF;EACE,kBCIc;EDHd;EACA;;AAEA;EACE;EACA,SEVO;EFWP;EACA;EACA,KEbO;;AFgBT;EACE;EACA;EACA,KEnBO;EFoBP;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE,OCtBO;;ADwBT;EACE","file":"GotoRow.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.iris-grid-bottom-bar.goto-row {\n  height: auto;\n}\n\n.goto-row {\n  background-color: $content-bg;\n  border-top: $border-width solid $black;\n  display: block;\n\n  .goto-row-row {\n    display: flex;\n    padding: $spacer-2;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: $spacer-2;\n  }\n\n  .goto-row-wrapper {\n    display: flex;\n    align-items: center;\n    gap: $spacer-2;\n    flex-wrap: wrap;\n  }\n\n  .goto-row-text {\n    min-width: 10ch;\n    margin: 0;\n    font-size: 14px;\n  }\n\n  .goto-row-close {\n    display: flex;\n  }\n\n  input {\n    max-width: calc($input-padding-x + 12ch + $input-padding-x);\n  }\n  select {\n    max-width: calc($input-padding-x + 25ch + $input-padding-x);\n  }\n  .is-inactive {\n    color: $gray-400;\n  }\n  .goto-value-date-time-input {\n    min-width: 30ch;\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:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//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:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\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:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/GotoRow.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;;;AAGF;EACE,kBCyBW;EDxBX;EACA;;AAEA;EACE;EACA,SERO;EFSP;EACA;EACA,KEXO;;AFcT;EACE;EACA;EACA,KEjBO;EFkBP;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE,OC5BO;;AD8BT;EACE","file":"GotoRow.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.iris-grid-bottom-bar.goto-row {\n  height: auto;\n}\n\n.goto-row {\n  background-color: $content-bg;\n  border-top: $border-width solid $black;\n  display: block;\n\n  .goto-row-row {\n    display: flex;\n    padding: $spacer-2;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: $spacer-2;\n  }\n\n  .goto-row-wrapper {\n    display: flex;\n    align-items: center;\n    gap: $spacer-2;\n    flex-wrap: wrap;\n  }\n\n  .goto-row-text {\n    min-width: 10ch;\n    margin: 0;\n    font-size: 14px;\n  }\n\n  .goto-row-close {\n    display: flex;\n  }\n\n  input {\n    max-width: calc($input-padding-x + 12ch + $input-padding-x);\n  }\n  select {\n    max-width: calc($input-padding-x + 25ch + $input-padding-x);\n  }\n  .is-inactive {\n    color: $gray-400;\n  }\n  .goto-value-date-time-input {\n    min-width: 30ch;\n  }\n}\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg);\n$foreground: var(--dh-color-fg);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n  '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n  'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n  in (\n    'primary',\n    'secondary',\n    'success',\n    'info',\n    'warning',\n    'danger',\n    'light',\n    'dark'\n  )\n{\n  $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n  'primary': 'accent',\n  'secondary': 'neutral',\n  'success': 'positive',\n  'info': 'info',\n  'warning': 'notice',\n  'danger': 'negative',\n  // We shouldn't be using these, but mapping so they work with our custom\n  // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n  // defined in Bootstrap _variables.scss, we should remove these\n  'light': 'neutral',\n  'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$primary-light: var(--dh-color-accent-1100);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n  'primary-hover': $primary-hover,\n  'primary-light': $primary-light,\n  'primary-dark': $primary-dark,\n  'mid': $mid,\n  'content-bg': $interfacegray,\n  'background': $interfaceblack,\n  'foreground': $interfacewhite,\n  'secondary-hover': $secondary-hover,\n  'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem hsla(var(--dh-color-black-hsl), 0.45); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem hsla(var(--dh-color-true-black-hsl), 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:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: hsla(var(--dh-color-accent-hsl), 0.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-active-bg: var(--dh-color-accent-1100);\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// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $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: hsla(var(--dh-color-accent-hsl), 0.5);\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: $danger;\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n@function hsla-opacity($semantic-name, $i: 100) {\n  @return hsla(var(--dh-color-#{$semantic-name}-hsl), math.div($i, 100));\n}\n\n@function accent-opacity($i: 100) {\n  @return hsla-opacity('accent', $i);\n}\n\n@function background-opacity($i: 100) {\n  @return hsla-opacity('bg', $i);\n}\n\n@function foreground-opacity($i: 100) {\n  @return hsla-opacity('fg', $i);\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/GotoRow.js

@@ -2,7 +2,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsClose, vsArrowUp, vsArrowDown } from '@deephaven/icons';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Type as FilterType } from '@deephaven/filters';
-import { Button, DateTimeInput } from '@deephaven/components';
+import { Button, DateTimeInput, Select } from '@deephaven/components';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import classNames from 'classnames';
 import "./GotoRow.css";
@@ -138,10 +138,10 @@ var GotoRow = /*#__PURE__*/forwardRef((_ref, ref) => {
         return /*#__PURE__*/_jsxs(_Fragment, {
           children: [/*#__PURE__*/_jsx("div", {
             className: "goto-row-input",
-            children: /*#__PURE__*/_jsxs("select", {
+            children: /*#__PURE__*/_jsxs(Select, {
               className: "custom-select",
-              onChange: event => {
-                onGotoValueSelectedFilterChanged(event.target.value);
+              onChange: eventTargetValue => {
+                onGotoValueSelectedFilterChanged(eventTargetValue);
               },
               value: gotoValueFilter,
               "aria-label": "filter-type-select",
@@ -177,10 +177,10 @@ var GotoRow = /*#__PURE__*/forwardRef((_ref, ref) => {
       case TableUtils.dataType.BOOLEAN:
         return /*#__PURE__*/_jsx("div", {
           className: "goto-row-input",
-          children: /*#__PURE__*/_jsxs("select", {
+          children: /*#__PURE__*/_jsxs(Select, {
             className: "custom-select",
-            onChange: event => {
-              onGotoValueInputChanged(event.target.value);
+            onChange: eventTargetValue => {
+              onGotoValueInputChanged(eventTargetValue);
             },
             value: gotoValue,
             "aria-label": "Value Input",
@@ -292,10 +292,10 @@ var GotoRow = /*#__PURE__*/forwardRef((_ref, ref) => {
             children: "Go to value"
           }), /*#__PURE__*/_jsx("div", {
             className: "goto-row-input",
-            children: /*#__PURE__*/_jsx("select", {
+            children: /*#__PURE__*/_jsx(Select, {
               className: "custom-select",
-              onChange: event => {
-                var columnName = event.target.value;
+              onChange: eventTargetValue => {
+                var columnName = eventTargetValue;
                 onGotoValueSelectedColumnNameChanged(columnName);
               },
               value: gotoValueSelectedColumnName,

package/dist/GotoRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"GotoRow.js","names":["FontAwesomeIcon","vsClose","vsArrowUp","vsArrowDown","React","forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","Type","FilterType","Button","DateTimeInput","TableUtils","classNames","shortid","IrisGridBottomBar","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isIrisGridProxyModel","model","undefined","DEFAULT_FORMAT_STRING","GotoRow","_ref","ref","gotoRow","gotoRowError","gotoValueError","onGotoRowSubmit","isShown","onEntering","onEntered","onExiting","onExited","onGotoRowNumberChanged","onClose","gotoValueSelectedColumnName","gotoValue","gotoValueFilter","onGotoValueSelectedColumnNameChanged","onGotoValueSelectedFilterChanged","onGotoValueChanged","onGotoValueSubmit","gotoRowInputRef","gotoValueInputRef","isGotoRowActive","setIsGotoRowActive","columns","table","dh","rowCount","gotoRowInputId","concat","handleGotoValueNumberKeyDown","e","key","stopPropagation","preventDefault","Number","POSITIVE_INFINITY","NEGATIVE_INFINITY","onGotoValueInputChanged","handleGotoValueKeySubmit","shiftKey","index","getColumnIndexByName","selectedColumn","columnType","type","normalizedType","getNormalizedType","value","focus","_gotoRowInputRef$curr","current","select","selectInput","document","activeElement","_gotoRowInputRef$curr2","_gotoValueInputRef$cu","renderValueInput","dataType","DECIMAL","INT","className","children","onKeyDown","placeholder","onChange","target","toLowerCase","test","DATETIME","defaultValue","onSubmit","STRING","event","eqIgnoreCase","containsIgnoreCase","eq","contains","BOOLEAN","onClick","onFocus","role","htmlFor","id","i18n","NumberFormat","format","kind","icon","style","marginRight","isSeekRowAvailable","columnName","map","column","name","tooltip","disabled","displayName"],"sources":["../src/GotoRow.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose, vsArrowUp, vsArrowDown } from '@deephaven/icons';\nimport React, {\n  ChangeEvent,\n  KeyboardEvent,\n  ReactElement,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { Column } from '@deephaven/jsapi-types';\nimport {\n  Type as FilterType,\n  TypeValue as FilterTypeValue,\n} from '@deephaven/filters';\nimport { Button, DateTimeInput } from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport classNames from 'classnames';\nimport './GotoRow.scss';\nimport shortid from 'shortid';\nimport IrisGridModel from './IrisGridModel';\nimport IrisGridProxyModel from './IrisGridProxyModel';\nimport IrisGridBottomBar from './IrisGridBottomBar';\nimport { ColumnName } from './CommonTypes';\n\nfunction isIrisGridProxyModel(\n  model: IrisGridModel\n): model is IrisGridProxyModel {\n  return (model as IrisGridProxyModel).model !== undefined;\n}\n\nconst DEFAULT_FORMAT_STRING = '###,##0';\n\ninterface GotoRowProps {\n  gotoRow: string;\n  gotoRowError: string;\n  gotoValueError: string;\n  onGotoRowSubmit: () => void;\n  model: IrisGridModel;\n  onGotoRowNumberChanged: (event: ChangeEvent<HTMLInputElement>) => void;\n  onClose: () => void;\n  isShown: boolean;\n  onEntering: () => void;\n  onEntered: () => void;\n  onExiting: () => void;\n  onExited: () => void;\n\n  gotoValueSelectedColumnName: ColumnName;\n  gotoValue: string;\n  gotoValueFilter: FilterTypeValue;\n  onGotoValueSelectedColumnNameChanged: (columnName: ColumnName) => void;\n  onGotoValueSelectedFilterChanged: (filter: FilterTypeValue) => void;\n  onGotoValueChanged: (input: string) => void;\n  onGotoValueSubmit: (isBackward?: boolean) => void;\n}\n\nexport type GotoRowElement = { focus: () => void };\n\nconst GotoRow = forwardRef<GotoRowElement, GotoRowProps>(\n  (\n    {\n      gotoRow,\n      gotoRowError,\n      gotoValueError,\n      onGotoRowSubmit,\n      isShown,\n      onEntering,\n      onEntered,\n      onExiting,\n      onExited,\n      model,\n      onGotoRowNumberChanged,\n      onClose,\n      gotoValueSelectedColumnName,\n      gotoValue,\n      gotoValueFilter,\n      onGotoValueSelectedColumnNameChanged,\n      onGotoValueSelectedFilterChanged,\n      onGotoValueChanged,\n      onGotoValueSubmit,\n    }: GotoRowProps,\n    ref\n  ): ReactElement => {\n    const gotoRowInputRef = useRef<HTMLInputElement>(null);\n    const gotoValueInputRef = useRef<HTMLInputElement>(null);\n\n    const [isGotoRowActive, setIsGotoRowActive] = useState(false);\n    let columns: Column[] = [];\n\n    if (isIrisGridProxyModel(model) && model.table !== undefined) {\n      ({ columns } = model.table);\n    }\n\n    const { dh, rowCount } = model;\n\n    const gotoRowInputId = useMemo(() => `goto-row-input-${shortid()}`, []);\n\n    const handleGotoValueNumberKeyDown = (\n      e: KeyboardEvent<HTMLInputElement>\n    ): void => {\n      if (e.key === 'Enter') {\n        e.stopPropagation();\n        e.preventDefault();\n        onGotoValueSubmit();\n      } else if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        (gotoValue === `${Number.POSITIVE_INFINITY}` ||\n          gotoValue === `${Number.NEGATIVE_INFINITY}`)\n      ) {\n        onGotoValueInputChanged('');\n      }\n    };\n\n    const handleGotoValueKeySubmit = (\n      e: KeyboardEvent<HTMLInputElement>\n    ): void => {\n      if (e.key === 'Enter') {\n        e.stopPropagation();\n        e.preventDefault();\n        onGotoValueSubmit(e.shiftKey);\n      }\n    };\n\n    const index = model.getColumnIndexByName(gotoValueSelectedColumnName);\n\n    const selectedColumn = columns[index ?? 0];\n\n    const columnType = selectedColumn?.type;\n\n    const normalizedType = TableUtils.getNormalizedType(columnType);\n    const onGotoValueInputChanged = (value?: string): void => {\n      onGotoValueChanged(value ?? '');\n    };\n    useImperativeHandle(ref, () => ({\n      focus(): void {\n        setIsGotoRowActive(true);\n        gotoRowInputRef.current?.select();\n      },\n    }));\n    const selectInput = (): void => {\n      // when row changes without focus (i.e. via context menu), re-select input\n      if (\n        isGotoRowActive &&\n        document.activeElement !== gotoRowInputRef.current\n      ) {\n        gotoRowInputRef.current?.select();\n      } else if (\n        !isGotoRowActive &&\n        document.activeElement !== gotoValueInputRef.current\n      ) {\n        gotoValueInputRef.current?.select();\n      }\n    };\n    useEffect(selectInput, [isGotoRowActive]);\n\n    const renderValueInput = (): JSX.Element => {\n      switch (normalizedType) {\n        case TableUtils.dataType.DECIMAL:\n        case TableUtils.dataType.INT:\n          return (\n            <div className=\"goto-row-input\">\n              <input\n                ref={gotoValueInputRef}\n                className={classNames('form-control', {\n                  'is-invalid': gotoValueError !== '',\n                })}\n                onKeyDown={handleGotoValueNumberKeyDown}\n                placeholder=\"value\"\n                onChange={e => {\n                  const value = e.target.value.toLowerCase();\n                  // regex tests for\n                  if (/^-?[0-9]*\\.?[0-9]*$/.test(e.target.value)) {\n                    onGotoValueInputChanged(e.target.value);\n                  } else if (value === '-i' || value === '-infinity') {\n                    onGotoValueInputChanged(`${Number.NEGATIVE_INFINITY}`);\n                  } else if (value === 'i' || value === 'infinity') {\n                    onGotoValueInputChanged(`${Number.POSITIVE_INFINITY}`);\n                  }\n                }}\n                value={gotoValue}\n                aria-label=\"Value Input\"\n              />\n            </div>\n          );\n        case TableUtils.dataType.DATETIME:\n          return (\n            <div className=\"goto-value-date-time-input\">\n              <DateTimeInput\n                ref={gotoValueInputRef}\n                className={classNames(\n                  'form-control',\n                  'goto-value-date-time-input',\n                  {\n                    'is-invalid': gotoValueError !== '',\n                  }\n                )}\n                defaultValue={gotoValue}\n                onChange={onGotoValueInputChanged}\n                onSubmit={handleGotoValueKeySubmit}\n                aria-label=\"Value Input\"\n              />\n            </div>\n          );\n        case TableUtils.dataType.STRING:\n          return (\n            <>\n              <div className=\"goto-row-input\">\n                <select\n                  className=\"custom-select\"\n                  onChange={event => {\n                    onGotoValueSelectedFilterChanged(\n                      event.target.value as FilterTypeValue\n                    );\n                  }}\n                  value={gotoValueFilter}\n                  aria-label=\"filter-type-select\"\n                >\n                  <option\n                    key={FilterType.eqIgnoreCase}\n                    value={FilterType.eqIgnoreCase}\n                  >\n                    Equals (case-insensitive)\n                  </option>\n                  <option\n                    key={FilterType.containsIgnoreCase}\n                    value={FilterType.containsIgnoreCase}\n                  >\n                    Contains (case-insensitive)\n                  </option>\n                  <option key={FilterType.eq} value={FilterType.eq}>\n                    Equals\n                  </option>\n                  <option key={FilterType.contains} value={FilterType.contains}>\n                    Contains\n                  </option>\n                </select>\n              </div>\n              <div className=\"goto-row-input\">\n                <input\n                  ref={gotoValueInputRef}\n                  className={classNames('form-control', {\n                    'is-invalid': gotoValueError !== '',\n                  })}\n                  onKeyDown={handleGotoValueKeySubmit}\n                  placeholder=\"value\"\n                  onChange={e => onGotoValueInputChanged(e.target.value)}\n                  value={gotoValue}\n                  aria-label=\"Value Input\"\n                />\n              </div>\n            </>\n          );\n        case TableUtils.dataType.BOOLEAN:\n          return (\n            <div className=\"goto-row-input\">\n              <select\n                className=\"custom-select\"\n                onChange={event => {\n                  onGotoValueInputChanged(event.target.value);\n                }}\n                value={gotoValue}\n                aria-label=\"Value Input\"\n              >\n                <option aria-label=\"null value\" key=\"null\" value=\"\" />\n                <option key=\"true\" value=\"true\">\n                  true\n                </option>\n                <option key=\"false\" value=\"false\">\n                  false\n                </option>\n              </select>\n            </div>\n          );\n        default:\n          return (\n            <div className=\"goto-row-input\">\n              <input\n                ref={gotoValueInputRef}\n                className=\"form-control\"\n                onKeyDown={handleGotoValueKeySubmit}\n                placeholder=\"value\"\n                onChange={e => onGotoValueInputChanged(e.target.value)}\n                value={gotoValue}\n                aria-label=\"Value Input\"\n              />\n            </div>\n          );\n      }\n    };\n    return (\n      <IrisGridBottomBar\n        isShown={isShown}\n        className={classNames('goto-row')}\n        onEntering={onEntering}\n        onEntered={() => {\n          onEntered();\n          selectInput();\n        }}\n        onExiting={onExiting}\n        onExited={onExited}\n      >\n        <>\n          <div className=\"goto-row-row\">\n            <div\n              className={classNames('goto-row-wrapper', {\n                'is-inactive': !isGotoRowActive,\n              })}\n              onClick={() => setIsGotoRowActive(true)}\n              onFocus={() => setIsGotoRowActive(true)}\n              role=\"group\"\n            >\n              <label className=\"goto-row-text\" htmlFor={gotoRowInputId}>\n                Go to row\n              </label>\n              <div className=\"goto-row-input\">\n                <input\n                  ref={gotoRowInputRef}\n                  data-testid=\"goto-row-input\"\n                  type=\"number\"\n                  onKeyDown={e => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation();\n                      e.preventDefault();\n                      onGotoRowSubmit();\n                    }\n                  }}\n                  className={classNames('form-control', {\n                    'is-invalid': gotoRowError !== '',\n                  })}\n                  placeholder=\"Row number\"\n                  onChange={event => {\n                    onGotoRowNumberChanged(event);\n                  }}\n                  value={gotoRow}\n                  id={gotoRowInputId}\n                />\n              </div>\n              <div className=\"goto-row-text\">\n                of{' '}\n                {dh.i18n.NumberFormat.format(DEFAULT_FORMAT_STRING, rowCount)}\n              </div>\n              {gotoRowError && (\n                <div className=\"text-danger\">{gotoRowError}</div>\n              )}\n            </div>\n            <div className=\"goto-row-close\">\n              <Button kind=\"ghost\" onClick={onClose}>\n                <FontAwesomeIcon icon={vsClose} style={{ marginRight: '0' }} />\n              </Button>\n            </div>\n          </div>\n          {model.isSeekRowAvailable && (\n            <div className=\"goto-row-row\">\n              <div\n                className={classNames('goto-row-wrapper', {\n                  'is-inactive': isGotoRowActive,\n                })}\n                onClick={() => setIsGotoRowActive(false)}\n                onFocus={() => setIsGotoRowActive(false)}\n                role=\"group\"\n              >\n                <div className=\"goto-row-text\">Go to value</div>\n                <div className=\"goto-row-input\">\n                  <select\n                    className=\"custom-select\"\n                    onChange={event => {\n                      const columnName = event.target.value;\n                      onGotoValueSelectedColumnNameChanged(columnName);\n                    }}\n                    value={gotoValueSelectedColumnName}\n                    aria-label=\"column-name-select\"\n                  >\n                    {columns.map(column => (\n                      <option key={column.name} value={column.name}>\n                        {column.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n\n                {renderValueInput()}\n\n                <div>\n                  <Button\n                    tooltip=\"Next match\"\n                    icon={vsArrowUp}\n                    kind=\"ghost\"\n                    disabled={gotoValue === ''}\n                    onClick={() => {\n                      onGotoValueSubmit(true);\n                    }}\n                  />\n                  <Button\n                    tooltip=\"Previous match\"\n                    icon={vsArrowDown}\n                    kind=\"ghost\"\n                    disabled={gotoValue === ''}\n                    onClick={() => {\n                      onGotoValueSubmit(false);\n                    }}\n                  />\n                </div>\n                {gotoValueError && (\n                  <div className=\"text-danger\">{gotoValueError}</div>\n                )}\n              </div>\n            </div>\n          )}\n        </>\n      </IrisGridBottomBar>\n    );\n  }\n);\nGotoRow.displayName = 'GotoRow';\n\nexport default GotoRow;\n"],"mappings":"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"}
+{"version":3,"file":"GotoRow.js","names":["FontAwesomeIcon","vsClose","vsArrowUp","vsArrowDown","React","forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","Type","FilterType","Button","DateTimeInput","Select","TableUtils","classNames","shortid","IrisGridBottomBar","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isIrisGridProxyModel","model","undefined","DEFAULT_FORMAT_STRING","GotoRow","_ref","ref","gotoRow","gotoRowError","gotoValueError","onGotoRowSubmit","isShown","onEntering","onEntered","onExiting","onExited","onGotoRowNumberChanged","onClose","gotoValueSelectedColumnName","gotoValue","gotoValueFilter","onGotoValueSelectedColumnNameChanged","onGotoValueSelectedFilterChanged","onGotoValueChanged","onGotoValueSubmit","gotoRowInputRef","gotoValueInputRef","isGotoRowActive","setIsGotoRowActive","columns","table","dh","rowCount","gotoRowInputId","concat","handleGotoValueNumberKeyDown","e","key","stopPropagation","preventDefault","Number","POSITIVE_INFINITY","NEGATIVE_INFINITY","onGotoValueInputChanged","handleGotoValueKeySubmit","shiftKey","index","getColumnIndexByName","selectedColumn","columnType","type","normalizedType","getNormalizedType","value","focus","_gotoRowInputRef$curr","current","select","selectInput","document","activeElement","_gotoRowInputRef$curr2","_gotoValueInputRef$cu","renderValueInput","dataType","DECIMAL","INT","className","children","onKeyDown","placeholder","onChange","target","toLowerCase","test","DATETIME","defaultValue","onSubmit","STRING","eventTargetValue","eqIgnoreCase","containsIgnoreCase","eq","contains","BOOLEAN","onClick","onFocus","role","htmlFor","event","id","i18n","NumberFormat","format","kind","icon","style","marginRight","isSeekRowAvailable","columnName","map","column","name","tooltip","disabled","displayName"],"sources":["../src/GotoRow.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose, vsArrowUp, vsArrowDown } from '@deephaven/icons';\nimport React, {\n  ChangeEvent,\n  KeyboardEvent,\n  ReactElement,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { Column } from '@deephaven/jsapi-types';\nimport {\n  Type as FilterType,\n  TypeValue as FilterTypeValue,\n} from '@deephaven/filters';\nimport { Button, DateTimeInput, Select } from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport classNames from 'classnames';\nimport './GotoRow.scss';\nimport shortid from 'shortid';\nimport IrisGridModel from './IrisGridModel';\nimport IrisGridProxyModel from './IrisGridProxyModel';\nimport IrisGridBottomBar from './IrisGridBottomBar';\nimport { ColumnName } from './CommonTypes';\n\nfunction isIrisGridProxyModel(\n  model: IrisGridModel\n): model is IrisGridProxyModel {\n  return (model as IrisGridProxyModel).model !== undefined;\n}\n\nconst DEFAULT_FORMAT_STRING = '###,##0';\n\ninterface GotoRowProps {\n  gotoRow: string;\n  gotoRowError: string;\n  gotoValueError: string;\n  onGotoRowSubmit: () => void;\n  model: IrisGridModel;\n  onGotoRowNumberChanged: (event: ChangeEvent<HTMLInputElement>) => void;\n  onClose: () => void;\n  isShown: boolean;\n  onEntering: () => void;\n  onEntered: () => void;\n  onExiting: () => void;\n  onExited: () => void;\n\n  gotoValueSelectedColumnName: ColumnName;\n  gotoValue: string;\n  gotoValueFilter: FilterTypeValue;\n  onGotoValueSelectedColumnNameChanged: (columnName: ColumnName) => void;\n  onGotoValueSelectedFilterChanged: (filter: FilterTypeValue) => void;\n  onGotoValueChanged: (input: string) => void;\n  onGotoValueSubmit: (isBackward?: boolean) => void;\n}\n\nexport type GotoRowElement = { focus: () => void };\n\nconst GotoRow = forwardRef<GotoRowElement, GotoRowProps>(\n  (\n    {\n      gotoRow,\n      gotoRowError,\n      gotoValueError,\n      onGotoRowSubmit,\n      isShown,\n      onEntering,\n      onEntered,\n      onExiting,\n      onExited,\n      model,\n      onGotoRowNumberChanged,\n      onClose,\n      gotoValueSelectedColumnName,\n      gotoValue,\n      gotoValueFilter,\n      onGotoValueSelectedColumnNameChanged,\n      onGotoValueSelectedFilterChanged,\n      onGotoValueChanged,\n      onGotoValueSubmit,\n    }: GotoRowProps,\n    ref\n  ): ReactElement => {\n    const gotoRowInputRef = useRef<HTMLInputElement>(null);\n    const gotoValueInputRef = useRef<HTMLInputElement>(null);\n\n    const [isGotoRowActive, setIsGotoRowActive] = useState(false);\n    let columns: Column[] = [];\n\n    if (isIrisGridProxyModel(model) && model.table !== undefined) {\n      ({ columns } = model.table);\n    }\n\n    const { dh, rowCount } = model;\n\n    const gotoRowInputId = useMemo(() => `goto-row-input-${shortid()}`, []);\n\n    const handleGotoValueNumberKeyDown = (\n      e: KeyboardEvent<HTMLInputElement>\n    ): void => {\n      if (e.key === 'Enter') {\n        e.stopPropagation();\n        e.preventDefault();\n        onGotoValueSubmit();\n      } else if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        (gotoValue === `${Number.POSITIVE_INFINITY}` ||\n          gotoValue === `${Number.NEGATIVE_INFINITY}`)\n      ) {\n        onGotoValueInputChanged('');\n      }\n    };\n\n    const handleGotoValueKeySubmit = (\n      e: KeyboardEvent<HTMLInputElement>\n    ): void => {\n      if (e.key === 'Enter') {\n        e.stopPropagation();\n        e.preventDefault();\n        onGotoValueSubmit(e.shiftKey);\n      }\n    };\n\n    const index = model.getColumnIndexByName(gotoValueSelectedColumnName);\n\n    const selectedColumn = columns[index ?? 0];\n\n    const columnType = selectedColumn?.type;\n\n    const normalizedType = TableUtils.getNormalizedType(columnType);\n    const onGotoValueInputChanged = (value?: string): void => {\n      onGotoValueChanged(value ?? '');\n    };\n    useImperativeHandle(ref, () => ({\n      focus(): void {\n        setIsGotoRowActive(true);\n        gotoRowInputRef.current?.select();\n      },\n    }));\n    const selectInput = (): void => {\n      // when row changes without focus (i.e. via context menu), re-select input\n      if (\n        isGotoRowActive &&\n        document.activeElement !== gotoRowInputRef.current\n      ) {\n        gotoRowInputRef.current?.select();\n      } else if (\n        !isGotoRowActive &&\n        document.activeElement !== gotoValueInputRef.current\n      ) {\n        gotoValueInputRef.current?.select();\n      }\n    };\n    useEffect(selectInput, [isGotoRowActive]);\n\n    const renderValueInput = (): JSX.Element => {\n      switch (normalizedType) {\n        case TableUtils.dataType.DECIMAL:\n        case TableUtils.dataType.INT:\n          return (\n            <div className=\"goto-row-input\">\n              <input\n                ref={gotoValueInputRef}\n                className={classNames('form-control', {\n                  'is-invalid': gotoValueError !== '',\n                })}\n                onKeyDown={handleGotoValueNumberKeyDown}\n                placeholder=\"value\"\n                onChange={e => {\n                  const value = e.target.value.toLowerCase();\n                  // regex tests for\n                  if (/^-?[0-9]*\\.?[0-9]*$/.test(e.target.value)) {\n                    onGotoValueInputChanged(e.target.value);\n                  } else if (value === '-i' || value === '-infinity') {\n                    onGotoValueInputChanged(`${Number.NEGATIVE_INFINITY}`);\n                  } else if (value === 'i' || value === 'infinity') {\n                    onGotoValueInputChanged(`${Number.POSITIVE_INFINITY}`);\n                  }\n                }}\n                value={gotoValue}\n                aria-label=\"Value Input\"\n              />\n            </div>\n          );\n        case TableUtils.dataType.DATETIME:\n          return (\n            <div className=\"goto-value-date-time-input\">\n              <DateTimeInput\n                ref={gotoValueInputRef}\n                className={classNames(\n                  'form-control',\n                  'goto-value-date-time-input',\n                  {\n                    'is-invalid': gotoValueError !== '',\n                  }\n                )}\n                defaultValue={gotoValue}\n                onChange={onGotoValueInputChanged}\n                onSubmit={handleGotoValueKeySubmit}\n                aria-label=\"Value Input\"\n              />\n            </div>\n          );\n        case TableUtils.dataType.STRING:\n          return (\n            <>\n              <div className=\"goto-row-input\">\n                <Select\n                  className=\"custom-select\"\n                  onChange={eventTargetValue => {\n                    onGotoValueSelectedFilterChanged(\n                      eventTargetValue as FilterTypeValue\n                    );\n                  }}\n                  value={gotoValueFilter}\n                  aria-label=\"filter-type-select\"\n                >\n                  <option\n                    key={FilterType.eqIgnoreCase}\n                    value={FilterType.eqIgnoreCase}\n                  >\n                    Equals (case-insensitive)\n                  </option>\n                  <option\n                    key={FilterType.containsIgnoreCase}\n                    value={FilterType.containsIgnoreCase}\n                  >\n                    Contains (case-insensitive)\n                  </option>\n                  <option key={FilterType.eq} value={FilterType.eq}>\n                    Equals\n                  </option>\n                  <option key={FilterType.contains} value={FilterType.contains}>\n                    Contains\n                  </option>\n                </Select>\n              </div>\n              <div className=\"goto-row-input\">\n                <input\n                  ref={gotoValueInputRef}\n                  className={classNames('form-control', {\n                    'is-invalid': gotoValueError !== '',\n                  })}\n                  onKeyDown={handleGotoValueKeySubmit}\n                  placeholder=\"value\"\n                  onChange={e => onGotoValueInputChanged(e.target.value)}\n                  value={gotoValue}\n                  aria-label=\"Value Input\"\n                />\n              </div>\n            </>\n          );\n        case TableUtils.dataType.BOOLEAN:\n          return (\n            <div className=\"goto-row-input\">\n              <Select\n                className=\"custom-select\"\n                onChange={eventTargetValue => {\n                  onGotoValueInputChanged(eventTargetValue);\n                }}\n                value={gotoValue}\n                aria-label=\"Value Input\"\n              >\n                <option aria-label=\"null value\" key=\"null\" value=\"\" />\n                <option key=\"true\" value=\"true\">\n                  true\n                </option>\n                <option key=\"false\" value=\"false\">\n                  false\n                </option>\n              </Select>\n            </div>\n          );\n        default:\n          return (\n            <div className=\"goto-row-input\">\n              <input\n                ref={gotoValueInputRef}\n                className=\"form-control\"\n                onKeyDown={handleGotoValueKeySubmit}\n                placeholder=\"value\"\n                onChange={e => onGotoValueInputChanged(e.target.value)}\n                value={gotoValue}\n                aria-label=\"Value Input\"\n              />\n            </div>\n          );\n      }\n    };\n    return (\n      <IrisGridBottomBar\n        isShown={isShown}\n        className={classNames('goto-row')}\n        onEntering={onEntering}\n        onEntered={() => {\n          onEntered();\n          selectInput();\n        }}\n        onExiting={onExiting}\n        onExited={onExited}\n      >\n        <>\n          <div className=\"goto-row-row\">\n            <div\n              className={classNames('goto-row-wrapper', {\n                'is-inactive': !isGotoRowActive,\n              })}\n              onClick={() => setIsGotoRowActive(true)}\n              onFocus={() => setIsGotoRowActive(true)}\n              role=\"group\"\n            >\n              <label className=\"goto-row-text\" htmlFor={gotoRowInputId}>\n                Go to row\n              </label>\n              <div className=\"goto-row-input\">\n                <input\n                  ref={gotoRowInputRef}\n                  data-testid=\"goto-row-input\"\n                  type=\"number\"\n                  onKeyDown={e => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation();\n                      e.preventDefault();\n                      onGotoRowSubmit();\n                    }\n                  }}\n                  className={classNames('form-control', {\n                    'is-invalid': gotoRowError !== '',\n                  })}\n                  placeholder=\"Row number\"\n                  onChange={event => {\n                    onGotoRowNumberChanged(event);\n                  }}\n                  value={gotoRow}\n                  id={gotoRowInputId}\n                />\n              </div>\n              <div className=\"goto-row-text\">\n                of{' '}\n                {dh.i18n.NumberFormat.format(DEFAULT_FORMAT_STRING, rowCount)}\n              </div>\n              {gotoRowError && (\n                <div className=\"text-danger\">{gotoRowError}</div>\n              )}\n            </div>\n            <div className=\"goto-row-close\">\n              <Button kind=\"ghost\" onClick={onClose}>\n                <FontAwesomeIcon icon={vsClose} style={{ marginRight: '0' }} />\n              </Button>\n            </div>\n          </div>\n          {model.isSeekRowAvailable && (\n            <div className=\"goto-row-row\">\n              <div\n                className={classNames('goto-row-wrapper', {\n                  'is-inactive': isGotoRowActive,\n                })}\n                onClick={() => setIsGotoRowActive(false)}\n                onFocus={() => setIsGotoRowActive(false)}\n                role=\"group\"\n              >\n                <div className=\"goto-row-text\">Go to value</div>\n                <div className=\"goto-row-input\">\n                  <Select\n                    className=\"custom-select\"\n                    onChange={eventTargetValue => {\n                      const columnName = eventTargetValue;\n                      onGotoValueSelectedColumnNameChanged(columnName);\n                    }}\n                    value={gotoValueSelectedColumnName}\n                    aria-label=\"column-name-select\"\n                  >\n                    {columns.map(column => (\n                      <option key={column.name} value={column.name}>\n                        {column.name}\n                      </option>\n                    ))}\n                  </Select>\n                </div>\n\n                {renderValueInput()}\n\n                <div>\n                  <Button\n                    tooltip=\"Next match\"\n                    icon={vsArrowUp}\n                    kind=\"ghost\"\n                    disabled={gotoValue === ''}\n                    onClick={() => {\n                      onGotoValueSubmit(true);\n                    }}\n                  />\n                  <Button\n                    tooltip=\"Previous match\"\n                    icon={vsArrowDown}\n                    kind=\"ghost\"\n                    disabled={gotoValue === ''}\n                    onClick={() => {\n                      onGotoValueSubmit(false);\n                    }}\n                  />\n                </div>\n                {gotoValueError && (\n                  <div className=\"text-danger\">{gotoValueError}</div>\n                )}\n              </div>\n            </div>\n          )}\n        </>\n      </IrisGridBottomBar>\n    );\n  }\n);\nGotoRow.displayName = 'GotoRow';\n\nexport default GotoRow;\n"],"mappings":"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"}

package/dist/IrisGrid.css

@@ -89,8 +89,8 @@
   flex: 0 0 320px;
   width: 320px;
   max-width: 320px;
-  background: #403e41;
-  box-shadow: -4px 0 8px rgba(26, 23, 26, 0.45);
+  background: var(--dh-color-gray-400);
+  box-shadow: -4px 0 8px hsla(var(--dh-color-black-hsl), 0.45);
   z-index: 1;
   position: absolute;
   right: 0;
@@ -98,7 +98,7 @@
 .iris-grid .table-sidebar .pushing-view,
 .iris-grid .table-sidebar .popping-view,
 .iris-grid .table-sidebar .main-view {
-  background: #403e41;
+  background: var(--dh-color-gray-400);
 }
 .iris-grid .table-sidebar.slide-left-enter-done {
   position: relative;
@@ -128,8 +128,8 @@
   right: 0;
   height: 30px;
   width: 30px;
-  background-color: #2d2a2e;
-  border-bottom: 1px solid #211f22;
+  background-color: var(--dh-color-content-bg, #2d2a2e);
+  border-bottom: 1px solid var(--dh-color-gray-75);
   transition: transform 0.2s ease-out, opacity 0.2s ease-out;
 }
 .iris-grid .grid-wrapper .grid-settings-button .btn {
@@ -146,17 +146,17 @@
   opacity: 0;
 }
 .iris-grid .grid-wrapper .grid-cell-input-field {
-  color: #f0f0ee;
-  background: #373438;
+  color: var(--dh-color-gray-800);
+  background: var(--dh-color-gray-300);
 }
 .iris-grid .grid-wrapper .grid-cell-input-field:focus {
-  box-shadow: 0 0 0 2px #76d9e4, 0 0 0 5px rgba(118, 217, 228, 0.25);
+  box-shadow: 0 0 0 2px var(--dh-color-visual-blue), 0 0 0 5px hsla(var(--dh-color-visual-blue-hsl), 0.25);
 }
 .iris-grid .grid-wrapper .grid-cell-input-field.error {
-  color: #f95d84;
+  color: var(--dh-color-negative-bg);
 }
 .iris-grid .grid-wrapper .grid-cell-input-field.error:focus {
-  box-shadow: 0 0 0 2px #f95d84, 0 0 0 5px rgba(249, 93, 132, 0.25);
+  box-shadow: 0 0 0 2px var(--dh-color-negative), 0 0 0 5px hsla(var(--dh-color-negative-hsl), 0.25);
 }
 
 .iris-grid-loading {
@@ -182,10 +182,10 @@
 .iris-grid-loading-status .iris-grid-loading-status-bar {
   position: relative;
   padding: 5px;
-  background: #2d2a2e;
-  color: #c0bfbf;
-  border-top: 1px solid #5b5a5c;
-  border-right: 1px solid #5b5a5c;
+  background: var(--dh-color-content-bg, #2d2a2e);
+  color: var(--dh-color-gray-700);
+  border-top: 1px solid var(--dh-color-gray-500);
+  border-right: 1px solid var(--dh-color-gray-500);
   overflow: hidden;
   word-wrap: break-word;
   z-index: 2;
@@ -199,7 +199,7 @@
   width: 100%;
   height: 2px;
   z-index: -1;
-  background: #4878ea;
+  background: var(--dh-color-accent-bg);
   transform-origin: 0% 50%;
   opacity: 0;
 }
@@ -221,30 +221,30 @@
 .iris-grid-loading-status .iris-grid-btn-cancel {
   z-index: 1;
   opacity: 0;
-  border: 1px solid #5b5a5c;
+  border: 1px solid var(--dh-color-gray-500);
   border-left: 0;
   border-bottom: 0;
   padding: 0 7px 2px 4px;
-  background: #2d2a2e;
-  color: #c0bfbf;
+  background: var(--dh-color-content-bg, #2d2a2e);
+  color: var(--dh-color-gray-700);
   transform: translateX(-100%);
   transition: all 0.1s ease-out 0s;
   white-space: nowrap;
   outline-offset: -1px;
-  outline: #4878ea;
+  outline: var(--dh-color-accent-bg);
 }
 .iris-grid-loading-status .iris-grid-btn-cancel:hover {
-  color: #f0f0ee;
-  background: #f95d84;
+  color: var(--dh-color-fg);
+  background: var(--dh-color-negative-bg);
 }
 .iris-grid-loading-status .iris-grid-btn-cancel:focus {
-  outline: 1px solid #4878ea;
+  outline: 1px solid var(--dh-color-accent-bg);
 }
 .iris-grid-loading-status .iris-grid-btn-cancel:active {
-  background: #f83666;
+  background: var(--dh-color-negative-hover-bg);
 }
 .iris-grid-loading-status .iris-grid-btn-cancel:active:focus {
-  outline-color: #f95d84;
+  outline-color: var(--dh-color-negative-bg);
 }
 .iris-grid-loading-status .iris-grid-btn-cancel.show {
   opacity: 1;
@@ -274,24 +274,24 @@
   opacity: 0;
 }
 .advanced-filter-button-container .advanced-filter-button:hover {
-  color: #403e41;
+  color: var(--dh-color-gray-400);
 }
 .advanced-filter-button-container .advanced-filter-button:hover .filter-solid {
-  color: #4878ea;
+  color: var(--dh-color-accent-bg);
 }
 
 .advanced-filter-menu-popper {
-  background: #403e41;
+  background: var(--dh-color-gray-400);
 }
 .advanced-filter-menu-popper .popper-content .advanced-filter-creator {
   max-height: 550px;
   overflow-y: auto;
-  background: #403e41;
+  background: var(--dh-color-gray-400);
   width: 320px;
   box-shadow: none;
 }
 .advanced-filter-menu-popper .popper-content .popper-arrow {
-  border-color: #403e41;
+  border-color: var(--dh-color-gray-400);
 }
 
 .advanced-filter-menu-container {
@@ -339,10 +339,10 @@
 }
 
 .iris-grid-bar-primary {
-  background-color: #343e5d;
+  background-color: var(--dh-color-accent-down-bg);
 }
 .iris-grid-bar-primary.iris-grid-bar-horizontal-enter, .iris-grid-bar-primary.iris-grid-bar-vertical-enter {
-  background-color: #4878ea;
+  background-color: var(--dh-color-accent-bg);
 }
 
 .link-hover-tooltip {