@deephaven/chart 0.53.1-layout-manager.4 → 0.54.0

package/dist/Chart.css

@@ -68,4 +68,8 @@
   fill: #f37e3f !important;
 }
 
+.chart-error-popper .popper-content {
+  padding: 0.25rem;
+}
+
 /*# sourceMappingURL=Chart.css.map */

package/dist/Chart.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/Chart.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACQA;EACE,cAN6B;;;AAS/B;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;;;AAIJ;EACE,YCxBc;;AD2BZ;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE,MC5CW;ED6CX,QC/BK;;ADoCT;EACE;EAGA;;AAGF;EACE,eCyDY;EDxDZ,YChDO;EDiDP,OC5Da;ED6Db;EACA,YCiHiB;ED9GjB;;AAGF;EAEE;;AAII;EACE;;AAMA;EACE;;AAOF;EACE","file":"Chart.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$chart-bg: $content-bg;\n$plotly-notifier-margin-right: 15px;\n$plotly-notifier-note-bg: $gray-600;\n$plotly-notifier-note-border-radius: 2px;\n$plotly-color-btn-active: rgba(255, 255, 255, 70%);\n\n.plotly-notifier {\n  margin-right: $plotly-notifier-margin-right;\n}\n\n.plotly-notifier .notifier-note {\n  // Mark these properties as !important because plotly css can be loaded in a different order in production\n  // See comments on IDS-4808\n  // https://illumon.aha.io/comments/6737799632463662636\n  color: $foreground !important;\n  border: 0 !important;\n  border-radius: $plotly-notifier-note-border-radius !important;\n  background: $plotly-notifier-note-bg !important;\n  overflow-wrap: normal !important;\n  hyphens: unset !important;\n  margin-bottom: $spacer-2 !important;\n  box-shadow: $box-shadow !important;\n}\n\n.plotly-notifier .notifier-close {\n  color: $gray-400 !important;\n  transition: $transition-base !important;\n  &:hover {\n    color: $foreground !important;\n  }\n}\n\n.chart-wrapper {\n  background: $chart-bg;\n\n  .plot-container {\n    .cartesianlayer text {\n      user-select: none;\n    }\n\n    .hovertext path,\n    .axistext path {\n      stroke: none !important;\n    }\n\n    .axistext path {\n      fill: $gray-600 !important;\n      box-shadow: 4px 4px $black;\n    }\n\n    .zoomlayer .zoombox {\n      fill: rgba(0, 0, 0, 50%) !important;\n    }\n\n    .zoomlayer .zoombox-corners {\n      fill: $white;\n      stroke: $gray-900;\n    }\n  }\n\n  // Tooltip arrow\n  .js-plotly-plot .plotly [data-title]::before {\n    border-color: transparent transparent $tooltip-bg;\n\n    // Make the arrow appear above the box shadow of the body\n    z-index: 1002;\n  }\n  // Tooltip body\n  .js-plotly-plot .plotly [data-title]::after {\n    border-radius: $border-radius;\n    background: $tooltip-bg;\n    color: $tooltip-color;\n    padding: $tooltip-padding-y $tooltip-padding-x;\n    box-shadow: $tooltip-box-shadow;\n\n    // Already set by plotly, just setting again in case it changes in the future so body shadow appears under arrow tip\n    z-index: 1001;\n  }\n\n  .js-plotly-plot .plotly .modebar {\n    //aggressive set as 1001 by plotly, no need for it to be explicitly above anything\n    z-index: auto;\n\n    .modebar-btn {\n      &[data-attr='animation-spin'] {\n        svg {\n          animation: fa-spin 2s infinite linear;\n        }\n      }\n\n      &[data-attr='fill-active'] {\n        svg {\n          path {\n            fill: $plotly-color-btn-active !important;\n          }\n        }\n      }\n\n      &[data-attr='fill-warning'] {\n        svg {\n          path {\n            fill: $warning !important;\n          }\n        }\n      }\n    }\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\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"]}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/Chart.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACQA;EACE,cAN6B;;;AAS/B;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;;;AAIJ;EACE,YCxBc;;AD2BZ;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE,MC5CW;ED6CX,QC/BK;;ADoCT;EACE;EAGA;;AAGF;EACE,eCyDY;EDxDZ,YChDO;EDiDP,OC5Da;ED6Db;EACA,YCiHiB;ED9GjB;;AAGF;EAEE;;AAII;EACE;;AAMA;EACE;;AAOF;EACE;;;AAQZ;EACE,SE9GS","file":"Chart.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$chart-bg: $content-bg;\n$plotly-notifier-margin-right: 15px;\n$plotly-notifier-note-bg: $gray-600;\n$plotly-notifier-note-border-radius: 2px;\n$plotly-color-btn-active: rgba(255, 255, 255, 70%);\n\n.plotly-notifier {\n  margin-right: $plotly-notifier-margin-right;\n}\n\n.plotly-notifier .notifier-note {\n  // Mark these properties as !important because plotly css can be loaded in a different order in production\n  // See comments on IDS-4808\n  // https://illumon.aha.io/comments/6737799632463662636\n  color: $foreground !important;\n  border: 0 !important;\n  border-radius: $plotly-notifier-note-border-radius !important;\n  background: $plotly-notifier-note-bg !important;\n  overflow-wrap: normal !important;\n  hyphens: unset !important;\n  margin-bottom: $spacer-2 !important;\n  box-shadow: $box-shadow !important;\n}\n\n.plotly-notifier .notifier-close {\n  color: $gray-400 !important;\n  transition: $transition-base !important;\n  &:hover {\n    color: $foreground !important;\n  }\n}\n\n.chart-wrapper {\n  background: $chart-bg;\n\n  .plot-container {\n    .cartesianlayer text {\n      user-select: none;\n    }\n\n    .hovertext path,\n    .axistext path {\n      stroke: none !important;\n    }\n\n    .axistext path {\n      fill: $gray-600 !important;\n      box-shadow: 4px 4px $black;\n    }\n\n    .zoomlayer .zoombox {\n      fill: rgba(0, 0, 0, 50%) !important;\n    }\n\n    .zoomlayer .zoombox-corners {\n      fill: $white;\n      stroke: $gray-900;\n    }\n  }\n\n  // Tooltip arrow\n  .js-plotly-plot .plotly [data-title]::before {\n    border-color: transparent transparent $tooltip-bg;\n\n    // Make the arrow appear above the box shadow of the body\n    z-index: 1002;\n  }\n  // Tooltip body\n  .js-plotly-plot .plotly [data-title]::after {\n    border-radius: $border-radius;\n    background: $tooltip-bg;\n    color: $tooltip-color;\n    padding: $tooltip-padding-y $tooltip-padding-x;\n    box-shadow: $tooltip-box-shadow;\n\n    // Already set by plotly, just setting again in case it changes in the future so body shadow appears under arrow tip\n    z-index: 1001;\n  }\n\n  .js-plotly-plot .plotly .modebar {\n    //aggressive set as 1001 by plotly, no need for it to be explicitly above anything\n    z-index: auto;\n\n    .modebar-btn {\n      &[data-attr='animation-spin'] {\n        svg {\n          animation: fa-spin 2s infinite linear;\n        }\n      }\n\n      &[data-attr='fill-active'] {\n        svg {\n          path {\n            fill: $plotly-color-btn-active !important;\n          }\n        }\n      }\n\n      &[data-attr='fill-warning'] {\n        svg {\n          path {\n            fill: $warning !important;\n          }\n        }\n      }\n    }\n  }\n}\n\n.chart-error-popper .popper-content {\n  padding: $spacer-1;\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"]}

package/dist/Chart.d.ts

@@ -26,10 +26,14 @@ interface ChartProps {
 }
 interface ChartState {
     data: Partial<Data>[] | null;
+    /** An error specific to downsampling */
     downsamplingError: unknown;
     isDownsampleFinished: boolean;
     isDownsampleInProgress: boolean;
     isDownsamplingDisabled: boolean;
+    /** Any other kind of error */
+    error: unknown;
+    shownError: string | null;
     layout: Partial<Layout>;
     revision: number;
 }
@@ -73,13 +77,15 @@ export declare class Chart extends Component<ChartProps, ChartState> {
     ranges?: unknown;
     isSubscribed: boolean;
     isLoadedFired: boolean;
-    getCachedConfig: (downsamplingError: unknown, isDownsampleFinished: boolean, isDownsampleInProgress: boolean, isDownsamplingDisabled: boolean, data: Partial<Data>[]) => Partial<PlotlyConfig>;
+    resizeObserver: ResizeObserver;
+    getCachedConfig: (downsamplingError: unknown, isDownsampleFinished: boolean, isDownsampleInProgress: boolean, isDownsamplingDisabled: boolean, data: Partial<Data>[], error: unknown) => Partial<PlotlyConfig>;
     getPlotRect(): DOMRect | null;
     initData(): void;
     subscribe(model: ChartModel): void;
     unsubscribe(model: ChartModel): void;
     handleAfterPlot(): void;
     handleDownsampleClick(): void;
+    handleErrorClose(): void;
     handleModelEvent(event: CustomEvent): void;
     handlePlotUpdate(figure: Readonly<{
         layout: Partial<Layout>;
@@ -87,10 +93,15 @@ export declare class Chart extends Component<ChartProps, ChartState> {
     handleRelayout(changes: {
         hiddenlabels?: string[];
     }): void;
+    handleResize(): void;
     handleRestyle([changes, seriesIndexes]: readonly [
         Record<string, unknown>,
         number[]
     ]): void;
+    /**
+     * Toggle the error message. If it is already being displayed, then hide it.
+     */
+    toggleErrorMessage(error: string): void;
     /**
      * Update the models dimensions and ranges.
      * Note that this will update it all whether the plot size changes OR the range

package/dist/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../src/Chart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../src/Chart.tsx"],"names":[],"mappings":"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"}

package/dist/Chart.js

@@ -6,15 +6,19 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import React, { Component } from 'react';
 import deepEqual from 'deep-equal';
 import memoize from 'memoize-one';
+import { CopyButton, Popper } from '@deephaven/components';
 import { vsLoading, dhGraphLineDown, dhWarningFilled } from '@deephaven/icons';
 import { Formatter, FormatterUtils, DateUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
-import createPlotlyComponent from 'react-plotly.js/factory.js';
+import createPlotlyComponent from "./plotly/createPlotlyComponent.js";
 import Plotly from "./plotly/Plotly.js";
 import ChartModel from "./ChartModel.js";
 import ChartUtils from "./ChartUtils.js";
 import "./Chart.css";
+import DownsamplingError from "./DownsamplingError.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('Chart');
 export class Chart extends Component {
   /**
@@ -60,14 +64,29 @@ export class Chart extends Component {
     _defineProperty(this, "ranges", void 0);
     _defineProperty(this, "isSubscribed", void 0);
     _defineProperty(this, "isLoadedFired", void 0);
-    _defineProperty(this, "getCachedConfig", memoize((downsamplingError, isDownsampleFinished, isDownsampleInProgress, isDownsamplingDisabled, data) => {
+    _defineProperty(this, "resizeObserver", void 0);
+    _defineProperty(this, "getCachedConfig", memoize((downsamplingError, isDownsampleFinished, isDownsampleInProgress, isDownsamplingDisabled, data, error) => {
       var customButtons = [];
       var hasDownsampleError = Boolean(downsamplingError);
       if (hasDownsampleError) {
         customButtons.push({
           name: "Downsampling failed: ".concat(downsamplingError),
           title: 'Downsampling failed',
-          click: () => undefined,
+          click: () => {
+            this.toggleErrorMessage("".concat(downsamplingError));
+          },
+          icon: Chart.convertIcon(dhWarningFilled),
+          attr: 'fill-warning'
+        });
+      }
+      var hasError = Boolean(error);
+      if (hasError) {
+        customButtons.push({
+          name: "Error: ".concat(error),
+          title: "Error",
+          click: () => {
+            this.toggleErrorMessage("".concat(error));
+          },
           icon: Chart.convertIcon(dhWarningFilled),
           attr: 'fill-warning'
         });
@@ -104,7 +123,7 @@ export class Chart extends Component {
         // Yes, the value is a boolean or the string 'hover': https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L249
         displayModeBar:
         // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-        isDownsampleInProgress || hasDownsampleError ? true : 'hover',
+        isDownsampleInProgress || hasDownsampleError || hasError ? true : 'hover',
         // Each array gets grouped together in the mode bar
         modeBarButtons: [customButtons, ['toImage'], ['zoom2d', 'pan2d'],
         // These work the same for both 2d and 3d
@@ -113,9 +132,11 @@ export class Chart extends Component {
     }));
     this.handleAfterPlot = this.handleAfterPlot.bind(this);
     this.handleDownsampleClick = this.handleDownsampleClick.bind(this);
+    this.handleErrorClose = this.handleErrorClose.bind(this);
     this.handleModelEvent = this.handleModelEvent.bind(this);
     this.handlePlotUpdate = this.handlePlotUpdate.bind(this);
     this.handleRelayout = this.handleRelayout.bind(this);
+    this.handleResize = this.handleResize.bind(this);
     this.handleRestyle = this.handleRestyle.bind(this);
     this.PlotComponent = createPlotlyComponent(props.Plotly);
     this.plot = /*#__PURE__*/React.createRef();
@@ -127,12 +148,15 @@ export class Chart extends Component {
     this.isSubscribed = false;
     this.isLoadedFired = false;
     this.currentSeries = 0;
+    this.resizeObserver = new window.ResizeObserver(this.handleResize);
     this.state = {
       data: null,
       downsamplingError: null,
       isDownsampleFinished: false,
       isDownsampleInProgress: false,
       isDownsamplingDisabled: false,
+      error: null,
+      shownError: null,
       layout: {
         datarevision: 0
       },
@@ -152,6 +176,9 @@ export class Chart extends Component {
     if (isActive) {
       this.subscribe(model);
     }
+    if (this.plotWrapper.current != null) {
+      this.resizeObserver.observe(this.plotWrapper.current);
+    }
   }
   componentDidUpdate(prevProps) {
     var {
@@ -166,6 +193,7 @@ export class Chart extends Component {
     }
     if (isActive !== prevProps.isActive) {
       if (isActive) {
+        this.updateDimensions();
         this.subscribe(model);
       } else {
         this.unsubscribe(model);
@@ -177,7 +205,11 @@ export class Chart extends Component {
       model
     } = this.props;
     this.unsubscribe(model);
+    this.resizeObserver.disconnect();
   }
+
+  // Listen for resizing of the element and update the canvas appropriately
+
   getPlotRect() {
     var _this$plotWrapper$cur, _this$plotWrapper$cur2;
     return (_this$plotWrapper$cur = (_this$plotWrapper$cur2 = this.plotWrapper.current) === null || _this$plotWrapper$cur2 === void 0 ? void 0 : _this$plotWrapper$cur2.getBoundingClientRect()) !== null && _this$plotWrapper$cur !== void 0 ? _this$plotWrapper$cur : null;
@@ -238,6 +270,11 @@ export class Chart extends Component {
       model.setDownsamplingDisabled(isDownsamplingDisabled);
     });
   }
+  handleErrorClose() {
+    this.setState({
+      shownError: null
+    });
+  }
   handleModelEvent(event) {
     var {
       type,
@@ -329,7 +366,19 @@ export class Chart extends Component {
           var {
             onError
           } = this.props;
-          onError(new Error(downsamplingError));
+          onError(new DownsamplingError(downsamplingError));
+          break;
+        }
+      case ChartModel.EVENT_ERROR:
+        {
+          var _error = "".concat(detail);
+          this.setState({
+            error: _error
+          });
+          var {
+            onError: _onError
+          } = this.props;
+          _onError(new Error(_error));
           break;
         }
       default:
@@ -365,6 +414,9 @@ export class Chart extends Component {
     }
     this.updateModelDimensions();
   }
+  handleResize() {
+    this.updateDimensions();
+  }
   handleRestyle(_ref4) {
     var [changes, seriesIndexes] = _ref4;
     log.debug('handleRestyle', changes, seriesIndexes);
@@ -390,6 +442,20 @@ export class Chart extends Component {
     }
   }
 
+  /**
+   * Toggle the error message. If it is already being displayed, then hide it.
+   */
+  toggleErrorMessage(error) {
+    this.setState(_ref6 => {
+      var {
+        shownError
+      } = _ref6;
+      return {
+        shownError: shownError === error ? null : error
+      };
+    });
+  }
+
   /**
    * Update the models dimensions and ranges.
    * Note that this will update it all whether the plot size changes OR the range
@@ -472,15 +538,17 @@ export class Chart extends Component {
       isDownsampleFinished,
       isDownsampleInProgress,
       isDownsamplingDisabled,
+      error,
+      shownError,
       layout,
       revision
     } = this.state;
-    var config = this.getCachedConfig(downsamplingError, isDownsampleFinished, isDownsampleInProgress, isDownsamplingDisabled, data !== null && data !== void 0 ? data : []);
+    var config = this.getCachedConfig(downsamplingError, isDownsampleFinished, isDownsampleInProgress, isDownsamplingDisabled, data !== null && data !== void 0 ? data : [], error);
     var isPlotShown = data != null;
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "h-100 w-100 chart-wrapper",
       ref: this.plotWrapper,
-      children: isPlotShown && /*#__PURE__*/_jsx(PlotComponent
+      children: [isPlotShown && /*#__PURE__*/_jsx(PlotComponent
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       , {
@@ -499,7 +567,26 @@ export class Chart extends Component {
           height: '100%',
           width: '100%'
         }
-      })
+      }), /*#__PURE__*/_jsx(Popper, {
+        className: "chart-error-popper",
+        options: {
+          placement: 'top'
+        },
+        isShown: shownError != null,
+        onExited: this.handleErrorClose,
+        closeOnBlur: true,
+        interactive: true,
+        children: shownError != null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "chart-error",
+            children: shownError
+          }), /*#__PURE__*/_jsx(CopyButton, {
+            tooltip: "Copy Error",
+            copy: shownError,
+            children: "Copy Error"
+          })]
+        })
+      })]
     });
   }
 }

package/dist/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["React","Component","deepEqual","memoize","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","createPlotlyComponent","Plotly","ChartModel","ChartUtils","jsx","_jsx","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","concat","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","_defineProperty","downsamplingError","isDownsampleFinished","data","customButtons","hasDownsampleError","Boolean","push","name","title","click","attr","handleDownsampleClick","has2D","some","_ref","type","includes","has3D","_ref2","buttons2D","buttons3D","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleRestyle","PlotComponent","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","state","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","model","subscribe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","getPlotRect","_this$plotWrapper$cur","_this$plotWrapper$cur2","current","getBoundingClientRect","setState","getData","_objectSpread","getLayout","rect","height","debug2","_ref3","setDownsamplingDisabled","event","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","_detail$message","message","onError","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","_ref4","seriesIndexes","Object","keys","reduce","acc","_ref5","visible","force","arguments","length","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","dh","setFormatter","PlotlyProp","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","className","ref","children","onAfterPlot","error","onRelayout","onRestyle","useResizeHandler","style","timeZone","defaultDateTimeFormat","FULL_DATE_FORMAT","showTimeZone","showTSeparator"],"sources":["../src/Chart.tsx"],"sourcesContent":["import React, { Component, ReactElement, RefObject } from 'react';\nimport deepEqual from 'deep-equal';\nimport memoize from 'memoize-one';\nimport {\n  vsLoading,\n  dhGraphLineDown,\n  dhWarningFilled,\n  IconDefinition,\n} from '@deephaven/icons';\nimport {\n  Formatter,\n  FormatterUtils,\n  DateUtils,\n  DateTimeColumnFormatterOptions,\n  DecimalColumnFormatterOptions,\n  IntegerColumnFormatterOptions,\n  FormattingRule,\n  ColumnFormatSettings,\n  DateTimeFormatSettings,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  Config as PlotlyConfig,\n  Layout,\n  Icon,\n  Data,\n  PlotData,\n  ModeBarButtonAny,\n} from 'plotly.js';\nimport type { PlotParams } from 'react-plotly.js';\nimport createPlotlyComponent from 'react-plotly.js/factory.js';\nimport Plotly from './plotly/Plotly';\nimport ChartModel from './ChartModel';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport './Chart.scss';\n\nconst log = Log.module('Chart');\n\ntype FormatterSettings = ColumnFormatSettings &\n  DateTimeFormatSettings & {\n    decimalFormatOptions?: DecimalColumnFormatterOptions;\n    integerFormatOptions?: IntegerColumnFormatterOptions;\n  };\n\ninterface ChartProps {\n  model: ChartModel;\n  settings: FormatterSettings;\n  isActive: boolean;\n  Plotly: typeof Plotly;\n  onDisconnect: () => void;\n  onReconnect: () => void;\n  onUpdate: (obj: { isLoading: boolean }) => void;\n  onError: (error: Error) => void;\n  onSettingsChanged: (settings: Partial<ChartModelSettings>) => void;\n}\n\ninterface ChartState {\n  data: Partial<Data>[] | null;\n  downsamplingError: unknown;\n  isDownsampleFinished: boolean;\n  isDownsampleInProgress: boolean;\n  isDownsamplingDisabled: boolean;\n  layout: Partial<Layout>;\n  revision: number;\n}\n\nexport class Chart extends Component<ChartProps, ChartState> {\n  static defaultProps = {\n    isActive: true,\n    settings: {\n      timeZone: 'America/New_York',\n      defaultDateTimeFormat: DateUtils.FULL_DATE_FORMAT,\n      showTimeZone: false,\n      showTSeparator: true,\n      formatter: [],\n    },\n    Plotly,\n    onDisconnect: (): void => undefined,\n    onReconnect: (): void => undefined,\n    onUpdate: (): void => undefined,\n    onError: (): void => undefined,\n    onSettingsChanged: (): void => undefined,\n  };\n\n  /**\n   * Convert a font awesome icon definition to a plotly icon definition\n   * @param faIcon The icon to convert\n   */\n  static convertIcon(faIcon: IconDefinition): Icon {\n    const [width, , , , path] = faIcon.icon;\n    // By default the icons are flipped upside down, so we need to add our own transform\n    // https://github.com/plotly/plotly.js/issues/1335\n    const stringPath = `${path}`;\n    return {\n      width,\n      path: stringPath,\n      ascent: width,\n      descent: 0,\n      transform: `matrix(1, 0, 0, 1, 0, 0)`,\n    };\n  }\n\n  static downsampleButtonTitle(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string {\n    if (isDownsampleInProgress) {\n      return 'Downsampling in progress...';\n    }\n\n    return isDownsamplingDisabled\n      ? 'Downsampling disabled, click to enable'\n      : 'Downsampling enabled, click to disable';\n  }\n\n  static downsampleButtonAttr(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string | undefined {\n    if (isDownsampleInProgress) {\n      return 'animation-spin';\n    }\n\n    return isDownsamplingDisabled ? undefined : 'fill-active';\n  }\n\n  constructor(props: ChartProps) {\n    super(props);\n\n    this.handleAfterPlot = this.handleAfterPlot.bind(this);\n    this.handleDownsampleClick = this.handleDownsampleClick.bind(this);\n    this.handleModelEvent = this.handleModelEvent.bind(this);\n    this.handlePlotUpdate = this.handlePlotUpdate.bind(this);\n    this.handleRelayout = this.handleRelayout.bind(this);\n    this.handleRestyle = this.handleRestyle.bind(this);\n\n    this.PlotComponent = createPlotlyComponent(props.Plotly);\n    this.plot = React.createRef();\n    this.plotWrapper = React.createRef();\n    this.columnFormats = [];\n    this.dateTimeFormatterOptions = {};\n    this.decimalFormatOptions = {};\n    this.integerFormatOptions = {};\n    this.isSubscribed = false;\n    this.isLoadedFired = false;\n    this.currentSeries = 0;\n\n    this.state = {\n      data: null,\n      downsamplingError: null,\n      isDownsampleFinished: false,\n      isDownsampleInProgress: false,\n      isDownsamplingDisabled: false,\n      layout: {\n        datarevision: 0,\n      },\n      revision: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    // Need to make sure the model dimensions are up to date before initializing the data\n    this.updateDimensions();\n    this.updateModelDimensions();\n\n    this.initData();\n    this.initFormatter();\n\n    const { isActive, model } = this.props;\n    if (isActive) {\n      this.subscribe(model);\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, model, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (model !== prevProps.model) {\n      this.unsubscribe(prevProps.model);\n      this.subscribe(model);\n    }\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.subscribe(model);\n      } else {\n        this.unsubscribe(model);\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { model } = this.props;\n    this.unsubscribe(model);\n  }\n\n  currentSeries: number;\n\n  PlotComponent: React.ComponentType<PlotParams>;\n\n  plot: RefObject<typeof this.PlotComponent>;\n\n  plotWrapper: RefObject<HTMLDivElement>;\n\n  columnFormats?: FormattingRule[];\n\n  dateTimeFormatterOptions?: DateTimeColumnFormatterOptions;\n\n  decimalFormatOptions: DecimalColumnFormatterOptions;\n\n  integerFormatOptions: IntegerColumnFormatterOptions;\n\n  rect?: DOMRect;\n\n  ranges?: unknown;\n\n  isSubscribed: boolean;\n\n  isLoadedFired: boolean;\n\n  getCachedConfig = memoize(\n    (\n      downsamplingError: unknown,\n      isDownsampleFinished: boolean,\n      isDownsampleInProgress: boolean,\n      isDownsamplingDisabled: boolean,\n      data: Partial<Data>[]\n    ): Partial<PlotlyConfig> => {\n      const customButtons: ModeBarButtonAny[] = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\n          title: 'Downsampling failed',\n          click: () => undefined,\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n\n      if (\n        isDownsampleFinished ||\n        isDownsampleInProgress ||\n        isDownsamplingDisabled ||\n        hasDownsampleError\n      ) {\n        const name = Chart.downsampleButtonTitle(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n        const attr = Chart.downsampleButtonAttr(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n\n        const icon = isDownsampleInProgress ? vsLoading : dhGraphLineDown;\n        customButtons.push({\n          name,\n          title: 'Downsampling status',\n          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\n\n      const has2D = data.some(\n        ({ type }) => type != null && !type.includes('3d')\n      );\n      const has3D = data.some(\n        ({ type }) => type != null && type.includes('3d')\n      );\n\n      const buttons2D = [\n        'zoomIn2d',\n        'zoomOut2d',\n        'autoScale2d',\n        'resetScale2d',\n      ] as const;\n      const buttons3D = [\n        'orbitRotation',\n        'tableRotation',\n        'resetCameraDefault3d',\n      ] as const;\n\n      return {\n        displaylogo: false,\n\n        // Display the mode bar if there's an error or downsampling so user can see progress\n        // Yes, the value is a boolean or the string 'hover': https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L249\n        displayModeBar:\n          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n          isDownsampleInProgress || hasDownsampleError\n            ? true\n            : ('hover' as const),\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'], // These work the same for both 2d and 3d\n          [...(has2D ? buttons2D : []), ...(has3D ? buttons3D : [])],\n        ],\n      };\n    }\n  );\n\n  getPlotRect(): DOMRect | null {\n    return this.plotWrapper.current?.getBoundingClientRect() ?? null;\n  }\n\n  initData(): void {\n    const { model } = this.props;\n    const { layout } = this.state;\n    this.setState({\n      data: model.getData(),\n      layout: {\n        ...layout,\n        ...model.getLayout(),\n      },\n    });\n  }\n\n  subscribe(model: ChartModel): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    if (!this.rect || this.rect.width === 0 || this.rect.height === 0) {\n      log.debug2('Delaying subscription until model dimensions are set');\n      return;\n    }\n    model.subscribe(this.handleModelEvent);\n    this.isSubscribed = true;\n  }\n\n  unsubscribe(model: ChartModel): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    model.unsubscribe(this.handleModelEvent);\n    this.isSubscribed = false;\n  }\n\n  handleAfterPlot(): void {\n    if (this.plot.current != null) {\n      // TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly\n    }\n  }\n\n  handleDownsampleClick(): void {\n    this.setState(\n      ({ isDownsamplingDisabled }) => ({\n        downsamplingError: null,\n        isDownsampleInProgress: false,\n        isDownsampleFinished: false,\n        isDownsamplingDisabled: !isDownsamplingDisabled,\n      }),\n      () => {\n        const { model } = this.props;\n        const { isDownsamplingDisabled } = this.state;\n        model.setDownsamplingDisabled(isDownsamplingDisabled);\n      }\n    );\n  }\n\n  handleModelEvent(event: CustomEvent): void {\n    const { type, detail } = event;\n    log.debug2('Received data update', type, detail);\n\n    switch (type) {\n      case ChartModel.EVENT_UPDATED: {\n        this.currentSeries += 1;\n        this.setState(state => {\n          const { layout, revision } = state;\n          if (typeof layout.datarevision === 'number') {\n            layout.datarevision += 1;\n          }\n          return {\n            data: detail,\n            layout,\n            revision: revision + 1,\n          };\n        });\n\n        const { onUpdate } = this.props;\n        onUpdate({ isLoading: !this.isLoadedFired });\n        break;\n      }\n      case ChartModel.EVENT_LOADFINISHED: {\n        const { onUpdate } = this.props;\n        this.isLoadedFired = true;\n        onUpdate({ isLoading: false });\n        break;\n      }\n      case ChartModel.EVENT_DISCONNECT: {\n        const { onDisconnect } = this.props;\n        onDisconnect();\n        break;\n      }\n      case ChartModel.EVENT_RECONNECT: {\n        const { onReconnect } = this.props;\n        onReconnect();\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLESTARTED: {\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: true,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLEFINISHED: {\n        this.setState({\n          isDownsampleFinished: true,\n          isDownsampleInProgress: false,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLENEEDED:\n      case ChartModel.EVENT_DOWNSAMPLEFAILED: {\n        const downsamplingError = detail.message ?? detail;\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: false,\n          isDownsamplingDisabled: false,\n          downsamplingError,\n        });\n\n        const { onError } = this.props;\n        onError(new Error(downsamplingError));\n        break;\n      }\n      default:\n        log.debug('Unknown event type', type, event);\n    }\n  }\n\n  handlePlotUpdate(figure: Readonly<{ layout: Partial<Layout> }>): void {\n    // User could have modified zoom/pan here, update the model dimensions\n    // We don't need to update the datarevision, as we don't have any data changes\n    // until an update comes back from the server anyway\n    const { layout } = figure;\n    const ranges = ChartUtils.getLayoutRanges(layout);\n\n    const isRangesChanged = !deepEqual(ranges, this.ranges);\n\n    if (isRangesChanged) {\n      this.ranges = ranges;\n\n      this.updateModelDimensions(true);\n    }\n  }\n\n  handleRelayout(changes: { hiddenlabels?: string[] }): void {\n    log.debug('handleRelayout', changes);\n    if (changes.hiddenlabels != null) {\n      const { onSettingsChanged } = this.props;\n      // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes\n      // Series visibility for other types of charts is handled in handleRestyle\n      const hiddenSeries = [...changes.hiddenlabels];\n      onSettingsChanged({ hiddenSeries });\n    }\n\n    this.updateModelDimensions();\n  }\n\n  handleRestyle([changes, seriesIndexes]: readonly [\n    Record<string, unknown>,\n    number[],\n  ]): void {\n    log.debug('handleRestyle', changes, seriesIndexes);\n    if (Object.keys(changes).includes('visible')) {\n      const { data } = this.state;\n      const { onSettingsChanged } = this.props;\n      if (data != null) {\n        const hiddenSeries = (data as Partial<PlotData>[]).reduce(\n          (acc: string[], { name, visible }) =>\n            name != null && visible === 'legendonly' ? [...acc, name] : acc,\n          []\n        );\n        onSettingsChanged({ hiddenSeries });\n      }\n    }\n  }\n\n  /**\n   * Update the models dimensions and ranges.\n   * Note that this will update it all whether the plot size changes OR the range\n   * the user is looking at has changed (eg. panning/zooming).\n   * Could update each independently, but doing them at the same time keeps the\n   * ChartModel API a bit cleaner.\n   * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)\n   */\n  updateModelDimensions(force = false): void {\n    const rect = this.getPlotRect();\n    if (!rect) {\n      log.warn('Unable to get plotting rect');\n      return;\n    }\n\n    const isRectChanged =\n      !this.rect ||\n      this.rect.width !== rect.width ||\n      this.rect.height !== rect.height;\n\n    if (isRectChanged || force) {\n      this.rect = rect;\n\n      const { isActive, model } = this.props;\n      model.setDimensions(rect);\n      // We may need to resubscribe if dimensions were too small before\n      if (isActive) {\n        this.subscribe(model);\n      }\n    }\n  }\n\n  initFormatter(): void {\n    const { settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n  }\n\n  updateFormatterSettings(settings: FormatterSettings): void {\n    const columnFormats = FormatterUtils.getColumnFormats(settings);\n    const dateTimeFormatterOptions =\n      FormatterUtils.getDateTimeFormatterOptions(settings);\n    const { decimalFormatOptions = {}, integerFormatOptions = {} } = settings;\n\n    if (\n      !deepEqual(this.columnFormats, columnFormats) ||\n      !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions) ||\n      !deepEqual(this.decimalFormatOptions, decimalFormatOptions) ||\n      !deepEqual(this.integerFormatOptions, integerFormatOptions)\n    ) {\n      this.columnFormats = FormatterUtils.getColumnFormats(settings);\n      this.dateTimeFormatterOptions = dateTimeFormatterOptions;\n      this.decimalFormatOptions = decimalFormatOptions;\n      this.integerFormatOptions = integerFormatOptions;\n      this.updateFormatter();\n    }\n  }\n\n  updateFormatter(): void {\n    const { model } = this.props;\n    const formatter = new Formatter(\n      model.dh,\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\n    const { Plotly: PlotlyProp } = this.props;\n    if (\n      this.plot.current != null &&\n      rect != null &&\n      rect.width > 0 &&\n      rect.height > 0\n    ) {\n      // Call relayout to resize avoiding the debouncing plotly does\n      // https://github.com/plotly/plotly.js/issues/2769#issuecomment-402099552\n      PlotlyProp.relayout(\n        (this.plot.current as unknown as { el: HTMLElement }).el,\n        {\n          autosize: true,\n        }\n      ).catch((e: unknown) => {\n        log.debug('Unable to resize, promise rejected', e);\n      });\n    }\n  }\n\n  render(): ReactElement {\n    const { PlotComponent } = this;\n    const {\n      data,\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      layout,\n      revision,\n    } = this.state;\n    const config = this.getCachedConfig(\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      data ?? []\n    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <PlotComponent\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            ref={this.plot}\n            data={data}\n            layout={layout}\n            revision={revision}\n            config={config}\n            onAfterPlot={this.handleAfterPlot}\n            onError={log.error}\n            onRelayout={this.handleRelayout}\n            onUpdate={this.handlePlotUpdate}\n            onRestyle={this.handleRestyle}\n            useResizeHandler\n            style={{ height: '100%', width: '100%' }}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":"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"}
+{"version":3,"file":"Chart.js","names":["React","Component","deepEqual","memoize","CopyButton","Popper","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","createPlotlyComponent","Plotly","ChartModel","ChartUtils","DownsamplingError","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","concat","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","_defineProperty","downsamplingError","isDownsampleFinished","data","error","customButtons","hasDownsampleError","Boolean","push","name","title","click","toggleErrorMessage","attr","hasError","handleDownsampleClick","has2D","some","_ref","type","includes","has3D","_ref2","buttons2D","buttons3D","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleErrorClose","handleModelEvent","handlePlotUpdate","handleRelayout","handleResize","handleRestyle","PlotComponent","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","resizeObserver","window","ResizeObserver","state","shownError","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","model","subscribe","current","observe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","disconnect","getPlotRect","_this$plotWrapper$cur","_this$plotWrapper$cur2","getBoundingClientRect","setState","getData","_objectSpread","getLayout","rect","height","debug2","_ref3","setDownsamplingDisabled","event","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","_detail$message","message","onError","EVENT_ERROR","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","_ref4","seriesIndexes","Object","keys","reduce","acc","_ref5","visible","_ref6","force","arguments","length","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","dh","setFormatter","PlotlyProp","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","className","ref","children","onAfterPlot","onRelayout","onRestyle","useResizeHandler","style","options","placement","isShown","onExited","closeOnBlur","interactive","tooltip","copy","timeZone","defaultDateTimeFormat","FULL_DATE_FORMAT","showTimeZone","showTSeparator"],"sources":["../src/Chart.tsx"],"sourcesContent":["import React, { Component, ReactElement, RefObject } from 'react';\nimport deepEqual from 'deep-equal';\nimport memoize from 'memoize-one';\nimport { CopyButton, Popper } from '@deephaven/components';\nimport {\n  vsLoading,\n  dhGraphLineDown,\n  dhWarningFilled,\n  IconDefinition,\n} from '@deephaven/icons';\nimport {\n  Formatter,\n  FormatterUtils,\n  DateUtils,\n  DateTimeColumnFormatterOptions,\n  DecimalColumnFormatterOptions,\n  IntegerColumnFormatterOptions,\n  FormattingRule,\n  ColumnFormatSettings,\n  DateTimeFormatSettings,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  Config as PlotlyConfig,\n  Layout,\n  Icon,\n  Data,\n  PlotData,\n  ModeBarButtonAny,\n} from 'plotly.js';\nimport type { PlotParams } from 'react-plotly.js';\nimport createPlotlyComponent from './plotly/createPlotlyComponent';\nimport Plotly from './plotly/Plotly';\nimport ChartModel from './ChartModel';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport './Chart.scss';\nimport DownsamplingError from './DownsamplingError';\n\nconst log = Log.module('Chart');\n\ntype FormatterSettings = ColumnFormatSettings &\n  DateTimeFormatSettings & {\n    decimalFormatOptions?: DecimalColumnFormatterOptions;\n    integerFormatOptions?: IntegerColumnFormatterOptions;\n  };\n\ninterface ChartProps {\n  model: ChartModel;\n  settings: FormatterSettings;\n  isActive: boolean;\n  Plotly: typeof Plotly;\n  onDisconnect: () => void;\n  onReconnect: () => void;\n  onUpdate: (obj: { isLoading: boolean }) => void;\n  onError: (error: Error) => void;\n  onSettingsChanged: (settings: Partial<ChartModelSettings>) => void;\n}\n\ninterface ChartState {\n  data: Partial<Data>[] | null;\n  /** An error specific to downsampling */\n  downsamplingError: unknown;\n  isDownsampleFinished: boolean;\n  isDownsampleInProgress: boolean;\n  isDownsamplingDisabled: boolean;\n\n  /** Any other kind of error */\n  error: unknown;\n  shownError: string | null;\n  layout: Partial<Layout>;\n  revision: number;\n}\n\nexport class Chart extends Component<ChartProps, ChartState> {\n  static defaultProps = {\n    isActive: true,\n    settings: {\n      timeZone: 'America/New_York',\n      defaultDateTimeFormat: DateUtils.FULL_DATE_FORMAT,\n      showTimeZone: false,\n      showTSeparator: true,\n      formatter: [],\n    },\n    Plotly,\n    onDisconnect: (): void => undefined,\n    onReconnect: (): void => undefined,\n    onUpdate: (): void => undefined,\n    onError: (): void => undefined,\n    onSettingsChanged: (): void => undefined,\n  };\n\n  /**\n   * Convert a font awesome icon definition to a plotly icon definition\n   * @param faIcon The icon to convert\n   */\n  static convertIcon(faIcon: IconDefinition): Icon {\n    const [width, , , , path] = faIcon.icon;\n    // By default the icons are flipped upside down, so we need to add our own transform\n    // https://github.com/plotly/plotly.js/issues/1335\n    const stringPath = `${path}`;\n    return {\n      width,\n      path: stringPath,\n      ascent: width,\n      descent: 0,\n      transform: `matrix(1, 0, 0, 1, 0, 0)`,\n    };\n  }\n\n  static downsampleButtonTitle(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string {\n    if (isDownsampleInProgress) {\n      return 'Downsampling in progress...';\n    }\n\n    return isDownsamplingDisabled\n      ? 'Downsampling disabled, click to enable'\n      : 'Downsampling enabled, click to disable';\n  }\n\n  static downsampleButtonAttr(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string | undefined {\n    if (isDownsampleInProgress) {\n      return 'animation-spin';\n    }\n\n    return isDownsamplingDisabled ? undefined : 'fill-active';\n  }\n\n  constructor(props: ChartProps) {\n    super(props);\n\n    this.handleAfterPlot = this.handleAfterPlot.bind(this);\n    this.handleDownsampleClick = this.handleDownsampleClick.bind(this);\n    this.handleErrorClose = this.handleErrorClose.bind(this);\n    this.handleModelEvent = this.handleModelEvent.bind(this);\n    this.handlePlotUpdate = this.handlePlotUpdate.bind(this);\n    this.handleRelayout = this.handleRelayout.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.handleRestyle = this.handleRestyle.bind(this);\n\n    this.PlotComponent = createPlotlyComponent(props.Plotly);\n    this.plot = React.createRef();\n    this.plotWrapper = React.createRef();\n    this.columnFormats = [];\n    this.dateTimeFormatterOptions = {};\n    this.decimalFormatOptions = {};\n    this.integerFormatOptions = {};\n    this.isSubscribed = false;\n    this.isLoadedFired = false;\n    this.currentSeries = 0;\n    this.resizeObserver = new window.ResizeObserver(this.handleResize);\n\n    this.state = {\n      data: null,\n      downsamplingError: null,\n      isDownsampleFinished: false,\n      isDownsampleInProgress: false,\n      isDownsamplingDisabled: false,\n      error: null,\n      shownError: null,\n      layout: {\n        datarevision: 0,\n      },\n      revision: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    // Need to make sure the model dimensions are up to date before initializing the data\n    this.updateDimensions();\n    this.updateModelDimensions();\n\n    this.initData();\n    this.initFormatter();\n\n    const { isActive, model } = this.props;\n    if (isActive) {\n      this.subscribe(model);\n    }\n    if (this.plotWrapper.current != null) {\n      this.resizeObserver.observe(this.plotWrapper.current);\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, model, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (model !== prevProps.model) {\n      this.unsubscribe(prevProps.model);\n      this.subscribe(model);\n    }\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.updateDimensions();\n        this.subscribe(model);\n      } else {\n        this.unsubscribe(model);\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { model } = this.props;\n    this.unsubscribe(model);\n\n    this.resizeObserver.disconnect();\n  }\n\n  currentSeries: number;\n\n  PlotComponent: React.ComponentType<PlotParams>;\n\n  plot: RefObject<typeof this.PlotComponent>;\n\n  plotWrapper: RefObject<HTMLDivElement>;\n\n  columnFormats?: FormattingRule[];\n\n  dateTimeFormatterOptions?: DateTimeColumnFormatterOptions;\n\n  decimalFormatOptions: DecimalColumnFormatterOptions;\n\n  integerFormatOptions: IntegerColumnFormatterOptions;\n\n  rect?: DOMRect;\n\n  ranges?: unknown;\n\n  isSubscribed: boolean;\n\n  isLoadedFired: boolean;\n\n  // Listen for resizing of the element and update the canvas appropriately\n  resizeObserver: ResizeObserver;\n\n  getCachedConfig = memoize(\n    (\n      downsamplingError: unknown,\n      isDownsampleFinished: boolean,\n      isDownsampleInProgress: boolean,\n      isDownsamplingDisabled: boolean,\n      data: Partial<Data>[],\n      error: unknown\n    ): Partial<PlotlyConfig> => {\n      const customButtons: ModeBarButtonAny[] = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\n          title: 'Downsampling failed',\n          click: () => {\n            this.toggleErrorMessage(`${downsamplingError}`);\n          },\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n      const hasError = Boolean(error);\n      if (hasError) {\n        customButtons.push({\n          name: `Error: ${error}`,\n          title: `Error`,\n          click: () => {\n            this.toggleErrorMessage(`${error}`);\n          },\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n\n      if (\n        isDownsampleFinished ||\n        isDownsampleInProgress ||\n        isDownsamplingDisabled ||\n        hasDownsampleError\n      ) {\n        const name = Chart.downsampleButtonTitle(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n        const attr = Chart.downsampleButtonAttr(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n\n        const icon = isDownsampleInProgress ? vsLoading : dhGraphLineDown;\n        customButtons.push({\n          name,\n          title: 'Downsampling status',\n          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\n\n      const has2D = data.some(\n        ({ type }) => type != null && !type.includes('3d')\n      );\n      const has3D = data.some(\n        ({ type }) => type != null && type.includes('3d')\n      );\n\n      const buttons2D = [\n        'zoomIn2d',\n        'zoomOut2d',\n        'autoScale2d',\n        'resetScale2d',\n      ] as const;\n      const buttons3D = [\n        'orbitRotation',\n        'tableRotation',\n        'resetCameraDefault3d',\n      ] as const;\n\n      return {\n        displaylogo: false,\n\n        // Display the mode bar if there's an error or downsampling so user can see progress\n        // Yes, the value is a boolean or the string 'hover': https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L249\n        displayModeBar:\n          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n          isDownsampleInProgress || hasDownsampleError || hasError\n            ? true\n            : ('hover' as const),\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'], // These work the same for both 2d and 3d\n          [...(has2D ? buttons2D : []), ...(has3D ? buttons3D : [])],\n        ],\n      };\n    }\n  );\n\n  getPlotRect(): DOMRect | null {\n    return this.plotWrapper.current?.getBoundingClientRect() ?? null;\n  }\n\n  initData(): void {\n    const { model } = this.props;\n    const { layout } = this.state;\n    this.setState({\n      data: model.getData(),\n      layout: {\n        ...layout,\n        ...model.getLayout(),\n      },\n    });\n  }\n\n  subscribe(model: ChartModel): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    if (!this.rect || this.rect.width === 0 || this.rect.height === 0) {\n      log.debug2('Delaying subscription until model dimensions are set');\n      return;\n    }\n    model.subscribe(this.handleModelEvent);\n    this.isSubscribed = true;\n  }\n\n  unsubscribe(model: ChartModel): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    model.unsubscribe(this.handleModelEvent);\n    this.isSubscribed = false;\n  }\n\n  handleAfterPlot(): void {\n    if (this.plot.current != null) {\n      // TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly\n    }\n  }\n\n  handleDownsampleClick(): void {\n    this.setState(\n      ({ isDownsamplingDisabled }) => ({\n        downsamplingError: null,\n        isDownsampleInProgress: false,\n        isDownsampleFinished: false,\n        isDownsamplingDisabled: !isDownsamplingDisabled,\n      }),\n      () => {\n        const { model } = this.props;\n        const { isDownsamplingDisabled } = this.state;\n        model.setDownsamplingDisabled(isDownsamplingDisabled);\n      }\n    );\n  }\n\n  handleErrorClose(): void {\n    this.setState({ shownError: null });\n  }\n\n  handleModelEvent(event: CustomEvent): void {\n    const { type, detail } = event;\n    log.debug2('Received data update', type, detail);\n\n    switch (type) {\n      case ChartModel.EVENT_UPDATED: {\n        this.currentSeries += 1;\n        this.setState(state => {\n          const { layout, revision } = state;\n          if (typeof layout.datarevision === 'number') {\n            layout.datarevision += 1;\n          }\n          return {\n            data: detail,\n            layout,\n            revision: revision + 1,\n          };\n        });\n\n        const { onUpdate } = this.props;\n        onUpdate({ isLoading: !this.isLoadedFired });\n        break;\n      }\n      case ChartModel.EVENT_LOADFINISHED: {\n        const { onUpdate } = this.props;\n        this.isLoadedFired = true;\n        onUpdate({ isLoading: false });\n        break;\n      }\n      case ChartModel.EVENT_DISCONNECT: {\n        const { onDisconnect } = this.props;\n        onDisconnect();\n        break;\n      }\n      case ChartModel.EVENT_RECONNECT: {\n        const { onReconnect } = this.props;\n        onReconnect();\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLESTARTED: {\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: true,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLEFINISHED: {\n        this.setState({\n          isDownsampleFinished: true,\n          isDownsampleInProgress: false,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLENEEDED:\n      case ChartModel.EVENT_DOWNSAMPLEFAILED: {\n        const downsamplingError = detail.message ?? detail;\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: false,\n          isDownsamplingDisabled: false,\n          downsamplingError,\n        });\n\n        const { onError } = this.props;\n        onError(new DownsamplingError(downsamplingError));\n        break;\n      }\n      case ChartModel.EVENT_ERROR: {\n        const error = `${detail}`;\n        this.setState({ error });\n        const { onError } = this.props;\n        onError(new Error(error));\n        break;\n      }\n      default:\n        log.debug('Unknown event type', type, event);\n    }\n  }\n\n  handlePlotUpdate(figure: Readonly<{ layout: Partial<Layout> }>): void {\n    // User could have modified zoom/pan here, update the model dimensions\n    // We don't need to update the datarevision, as we don't have any data changes\n    // until an update comes back from the server anyway\n    const { layout } = figure;\n    const ranges = ChartUtils.getLayoutRanges(layout);\n\n    const isRangesChanged = !deepEqual(ranges, this.ranges);\n\n    if (isRangesChanged) {\n      this.ranges = ranges;\n\n      this.updateModelDimensions(true);\n    }\n  }\n\n  handleRelayout(changes: { hiddenlabels?: string[] }): void {\n    log.debug('handleRelayout', changes);\n    if (changes.hiddenlabels != null) {\n      const { onSettingsChanged } = this.props;\n      // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes\n      // Series visibility for other types of charts is handled in handleRestyle\n      const hiddenSeries = [...changes.hiddenlabels];\n      onSettingsChanged({ hiddenSeries });\n    }\n\n    this.updateModelDimensions();\n  }\n\n  handleResize(): void {\n    this.updateDimensions();\n  }\n\n  handleRestyle([changes, seriesIndexes]: readonly [\n    Record<string, unknown>,\n    number[],\n  ]): void {\n    log.debug('handleRestyle', changes, seriesIndexes);\n    if (Object.keys(changes).includes('visible')) {\n      const { data } = this.state;\n      const { onSettingsChanged } = this.props;\n      if (data != null) {\n        const hiddenSeries = (data as Partial<PlotData>[]).reduce(\n          (acc: string[], { name, visible }) =>\n            name != null && visible === 'legendonly' ? [...acc, name] : acc,\n          []\n        );\n        onSettingsChanged({ hiddenSeries });\n      }\n    }\n  }\n\n  /**\n   * Toggle the error message. If it is already being displayed, then hide it.\n   */\n  toggleErrorMessage(error: string): void {\n    this.setState(({ shownError }) => ({\n      shownError: shownError === error ? null : error,\n    }));\n  }\n\n  /**\n   * Update the models dimensions and ranges.\n   * Note that this will update it all whether the plot size changes OR the range\n   * the user is looking at has changed (eg. panning/zooming).\n   * Could update each independently, but doing them at the same time keeps the\n   * ChartModel API a bit cleaner.\n   * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)\n   */\n  updateModelDimensions(force = false): void {\n    const rect = this.getPlotRect();\n    if (!rect) {\n      log.warn('Unable to get plotting rect');\n      return;\n    }\n\n    const isRectChanged =\n      !this.rect ||\n      this.rect.width !== rect.width ||\n      this.rect.height !== rect.height;\n\n    if (isRectChanged || force) {\n      this.rect = rect;\n\n      const { isActive, model } = this.props;\n      model.setDimensions(rect);\n      // We may need to resubscribe if dimensions were too small before\n      if (isActive) {\n        this.subscribe(model);\n      }\n    }\n  }\n\n  initFormatter(): void {\n    const { settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n  }\n\n  updateFormatterSettings(settings: FormatterSettings): void {\n    const columnFormats = FormatterUtils.getColumnFormats(settings);\n    const dateTimeFormatterOptions =\n      FormatterUtils.getDateTimeFormatterOptions(settings);\n    const { decimalFormatOptions = {}, integerFormatOptions = {} } = settings;\n\n    if (\n      !deepEqual(this.columnFormats, columnFormats) ||\n      !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions) ||\n      !deepEqual(this.decimalFormatOptions, decimalFormatOptions) ||\n      !deepEqual(this.integerFormatOptions, integerFormatOptions)\n    ) {\n      this.columnFormats = FormatterUtils.getColumnFormats(settings);\n      this.dateTimeFormatterOptions = dateTimeFormatterOptions;\n      this.decimalFormatOptions = decimalFormatOptions;\n      this.integerFormatOptions = integerFormatOptions;\n      this.updateFormatter();\n    }\n  }\n\n  updateFormatter(): void {\n    const { model } = this.props;\n    const formatter = new Formatter(\n      model.dh,\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\n    const { Plotly: PlotlyProp } = this.props;\n    if (\n      this.plot.current != null &&\n      rect != null &&\n      rect.width > 0 &&\n      rect.height > 0\n    ) {\n      // Call relayout to resize avoiding the debouncing plotly does\n      // https://github.com/plotly/plotly.js/issues/2769#issuecomment-402099552\n      PlotlyProp.relayout(\n        (this.plot.current as unknown as { el: HTMLElement }).el,\n        {\n          autosize: true,\n        }\n      ).catch((e: unknown) => {\n        log.debug('Unable to resize, promise rejected', e);\n      });\n    }\n  }\n\n  render(): ReactElement {\n    const { PlotComponent } = this;\n    const {\n      data,\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      error,\n      shownError,\n      layout,\n      revision,\n    } = this.state;\n    const config = this.getCachedConfig(\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      data ?? [],\n      error\n    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <PlotComponent\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            ref={this.plot}\n            data={data}\n            layout={layout}\n            revision={revision}\n            config={config}\n            onAfterPlot={this.handleAfterPlot}\n            onError={log.error}\n            onRelayout={this.handleRelayout}\n            onUpdate={this.handlePlotUpdate}\n            onRestyle={this.handleRestyle}\n            useResizeHandler\n            style={{ height: '100%', width: '100%' }}\n          />\n        )}\n        <Popper\n          className=\"chart-error-popper\"\n          options={{ placement: 'top' }}\n          isShown={shownError != null}\n          onExited={this.handleErrorClose}\n          closeOnBlur\n          interactive\n        >\n          {shownError != null && (\n            <>\n              <div className=\"chart-error\">{shownError}</div>\n              <CopyButton tooltip=\"Copy Error\" copy={shownError}>\n                Copy Error\n              </CopyButton>\n            </>\n          )}\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":"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"}

package/dist/ChartModel.d.ts

@@ -17,6 +17,7 @@ declare class ChartModel {
     static EVENT_DOWNSAMPLEFAILED: string;
     static EVENT_DOWNSAMPLENEEDED: string;
     static EVENT_LOADFINISHED: string;
+    static EVENT_ERROR: string;
     constructor(dh: DhType);
     dh: DhType;
     listeners: ((event: ChartEvent) => void)[];
@@ -65,6 +66,7 @@ declare class ChartModel {
     fireDownsampleFail(detail: unknown): void;
     fireDownsampleNeeded(detail: unknown): void;
     fireLoadFinished(): void;
+    fireError(detail: string[]): void;
 }
 export default ChartModel;
 //# sourceMappingURL=ChartModel.d.ts.map

package/dist/ChartModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartModel.d.ts","sourceRoot":"","sources":["../src/ChartModel.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC;AACrC;;;;GAIG;AACH,cAAM,UAAU;IACd,MAAM,CAAC,aAAa,SAA8B;IAElD,MAAM,CAAC,gBAAgB,SAAiC;IAExD,MAAM,CAAC,eAAe,SAAgC;IAEtD,MAAM,CAAC,uBAAuB,SAAwC;IAEtE,MAAM,CAAC,wBAAwB,SAAyC;IAExE,MAAM,CAAC,sBAAsB,SAAuC;IAEpE,MAAM,CAAC,sBAAsB,SAAuC;IAEpE,MAAM,CAAC,kBAAkB,SAAmC;gBAEhD,EAAE,EAAE,MAAM;IAMtB,EAAE,EAAE,MAAM,CAAC;IAEX,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC;IAE3C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,sBAAsB,EAAE,OAAO,CAAC;IAEhC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;IAI1B,eAAe,IAAI,MAAM;IAIzB,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAI5B,kBAAkB,IAAI,eAAe;IAIrC,gBAAgB,IAAI,OAAO;IAK3B,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAElC;;OAEG;IAEH,KAAK,IAAI,IAAI;IAEb;;;OAGG;IACH,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAIxC;;;OAGG;IACH,uBAAuB,CAAC,sBAAsB,EAAE,OAAO,GAAG,IAAI;IAI9D;;;OAGG;IACH,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAIlC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B;;;OAGG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAItD,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAIxD,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMlC,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAI/B,cAAc,IAAI,IAAI;IAItB,aAAa,IAAI,IAAI;IAIrB,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM1C,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM3C,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAMzC,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM3C,gBAAgB,IAAI,IAAI;CAGzB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ChartModel.d.ts","sourceRoot":"","sources":["../src/ChartModel.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC;AACrC;;;;GAIG;AACH,cAAM,UAAU;IACd,MAAM,CAAC,aAAa,SAA8B;IAElD,MAAM,CAAC,gBAAgB,SAAiC;IAExD,MAAM,CAAC,eAAe,SAAgC;IAEtD,MAAM,CAAC,uBAAuB,SAAwC;IAEtE,MAAM,CAAC,wBAAwB,SAAyC;IAExE,MAAM,CAAC,sBAAsB,SAAuC;IAEpE,MAAM,CAAC,sBAAsB,SAAuC;IAEpE,MAAM,CAAC,kBAAkB,SAAmC;IAE5D,MAAM,CAAC,WAAW,SAA4B;gBAElC,EAAE,EAAE,MAAM;IAMtB,EAAE,EAAE,MAAM,CAAC;IAEX,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC;IAE3C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,sBAAsB,EAAE,OAAO,CAAC;IAEhC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;IAI1B,eAAe,IAAI,MAAM;IAIzB,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAI5B,kBAAkB,IAAI,eAAe;IAIrC,gBAAgB,IAAI,OAAO;IAK3B,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAElC;;OAEG;IAEH,KAAK,IAAI,IAAI;IAEb;;;OAGG;IACH,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAIxC;;;OAGG;IACH,uBAAuB,CAAC,sBAAsB,EAAE,OAAO,GAAG,IAAI;IAI9D;;;OAGG;IACH,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAIlC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B;;;OAGG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAItD,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI;IAIxD,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMlC,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAI/B,cAAc,IAAI,IAAI;IAItB,aAAa,IAAI,IAAI;IAIrB,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM1C,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM3C,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAMzC,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAM3C,gBAAgB,IAAI,IAAI;IAIxB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;CAGlC;AAED,eAAe,UAAU,CAAC"}

package/dist/ChartModel.js

@@ -122,6 +122,11 @@ class ChartModel {
   fireLoadFinished() {
     this.fireEvent(new CustomEvent(ChartModel.EVENT_LOADFINISHED));
   }
+  fireError(detail) {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_ERROR, {
+      detail
+    }));
+  }
 }
 _defineProperty(ChartModel, "EVENT_UPDATED", 'ChartModel.EVENT_UPDATED');
 _defineProperty(ChartModel, "EVENT_DISCONNECT", 'ChartModel.EVENT_DISCONNECT');
@@ -131,5 +136,6 @@ _defineProperty(ChartModel, "EVENT_DOWNSAMPLEFINISHED", 'ChartModel.EVENT_DOWNSA
 _defineProperty(ChartModel, "EVENT_DOWNSAMPLEFAILED", 'ChartModel.EVENT_DOWNSAMPLEFAILED');
 _defineProperty(ChartModel, "EVENT_DOWNSAMPLENEEDED", 'ChartModel.EVENT_DOWNSAMPLENEEDED');
 _defineProperty(ChartModel, "EVENT_LOADFINISHED", 'ChartModel.EVENT_LOADFINISHED');
+_defineProperty(ChartModel, "EVENT_ERROR", 'ChartModel.EVENT_ERROR');
 export default ChartModel;
 //# sourceMappingURL=ChartModel.js.map