@deephaven/dashboard-core-plugins 0.72.1-beta.5 → 0.72.1-core-plugins.9

package/dist/panels/WidgetPanel.js

@@ -4,7 +4,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import memoize from 'memoize-one';
-import { ContextActions } from '@deephaven/components';
+import { ContextActions, createXComponent } from '@deephaven/components';
 import { copyToClipboard } from '@deephaven/utils';
 import Panel from "./Panel.js";
 import WidgetPanelTooltip from "./WidgetPanelTooltip.js";
@@ -17,12 +17,18 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 class WidgetPanel extends PureComponent {
   constructor(props) {
     super(props);
-    _defineProperty(this, "getCachedRenderTabTooltip", memoize((showTabTooltip, glContainer, widgetType, widgetName, description) => showTabTooltip ? () => /*#__PURE__*/_jsx(WidgetPanelTooltip, {
-      glContainer: glContainer,
-      widgetType: widgetType,
-      widgetName: widgetName,
-      description: description
-    }) : null));
+    _defineProperty(this, "getCachedRenderTabTooltip", memoize((showTabTooltip, descriptor) => showTabTooltip ? () => /*#__PURE__*/_jsx(WidgetPanelTooltip, {
+      descriptor: descriptor
+    }) : undefined));
+    _defineProperty(this, "getCachedActions", memoize(descriptor => {
+      var _descriptor$displayTy;
+      return [{
+        title: "Copy ".concat((_descriptor$displayTy = descriptor.displayType) !== null && _descriptor$displayTy !== void 0 ? _descriptor$displayTy : descriptor.type, " Name"),
+        group: ContextActions.groups.medium,
+        order: 20,
+        action: this.handleCopyName
+      }];
+    }));
     this.handleSessionClosed = this.handleSessionClosed.bind(this);
     this.handleSessionOpened = this.handleSessionOpened.bind(this);
     this.handleCopyName = this.handleCopyName.bind(this);
@@ -36,12 +42,13 @@ class WidgetPanel extends PureComponent {
   }
   handleCopyName() {
     var {
-      widgetName
+      descriptor
     } = this.props;
-    copyToClipboard(widgetName);
+    copyToClipboard(descriptor.name);
   }
   getErrorMessage() {
     var {
+      descriptor,
       errorMessage
     } = this.props;
     var {
@@ -50,7 +57,7 @@ class WidgetPanel extends PureComponent {
       isWidgetDisconnected,
       isWaitingForReconnect
     } = this.state;
-    if (errorMessage) {
+    if (errorMessage != null && errorMessage !== '') {
       return "".concat(errorMessage);
     }
     if (isClientDisconnected && isPanelDisconnected && isWaitingForReconnect) {
@@ -61,16 +68,13 @@ class WidgetPanel extends PureComponent {
     }
     if (isPanelDisconnected) {
       var {
-        widgetName,
-        widgetType
-      } = this.props;
-      return "Variable \"".concat(widgetName, "\" not set.\n").concat(widgetType, " does not exist yet.");
+        name,
+        type
+      } = descriptor;
+      return "Variable \"".concat(name, "\" not set.\n").concat(type, " does not exist yet.");
     }
     if (isWidgetDisconnected) {
-      var {
-        widgetName: _widgetName
-      } = this.props;
-      return "".concat(_widgetName, " is unavailable.");
+      return "".concat(descriptor.name, " is unavailable.");
     }
     return undefined;
   }
@@ -83,19 +87,26 @@ class WidgetPanel extends PureComponent {
       isPanelDisconnected: true,
       isWaitingForReconnect: false
     });
-    onSessionClose(...arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    onSessionClose === null || onSessionClose === void 0 ? void 0 : onSessionClose(...args);
   }
   handleSessionOpened() {
     var {
       onSessionOpen
     } = this.props;
-    onSessionOpen(...arguments);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    onSessionOpen === null || onSessionOpen === void 0 ? void 0 : onSessionOpen(...args);
   }
   render() {
     var {
       children,
       className,
       componentPanel,
+      descriptor,
       isLoaded,
       isLoading,
       glContainer,
@@ -103,11 +114,8 @@ class WidgetPanel extends PureComponent {
       isDisconnected,
       isClonable,
       isRenamable,
-      showTabTooltip,
+      showTabTooltip = false,
       renderTabTooltip,
-      widgetType,
-      widgetName,
-      description,
       onClearAllFilters,
       onHide,
       onFocus,
@@ -124,13 +132,8 @@ class WidgetPanel extends PureComponent {
       isPanelInactive
     } = this.state;
     var errorMessage = this.getErrorMessage();
-    var doRenderTabTooltip = renderTabTooltip !== null && renderTabTooltip !== void 0 ? renderTabTooltip : this.getCachedRenderTabTooltip(showTabTooltip, glContainer, widgetType, widgetName, description);
-    var additionalActions = [{
-      title: "Copy ".concat(widgetType, " Name"),
-      group: ContextActions.groups.medium,
-      order: 20,
-      action: this.handleCopyName
-    }];
+    var doRenderTabTooltip = renderTabTooltip !== null && renderTabTooltip !== void 0 ? renderTabTooltip : this.getCachedRenderTabTooltip(showTabTooltip, descriptor);
+    var additionalActions = this.getCachedActions(descriptor);
     return /*#__PURE__*/_jsxs(Panel, {
       className: classNames(className, {
         disconnected: isPanelDisconnected || isWidgetDisconnected || isDisconnected,
@@ -165,28 +168,13 @@ class WidgetPanel extends PureComponent {
 }
 _defineProperty(WidgetPanel, "defaultProps", {
   className: '',
-  errorMessage: null,
   isClonable: true,
   isDisconnected: false,
   isLoading: false,
   isLoaded: true,
   isRenamable: true,
-  showTabTooltip: true,
-  widgetName: 'Widget',
-  widgetType: 'Widget',
-  renderTabTooltip: null,
-  description: '',
-  onFocus: () => undefined,
-  onBlur: () => undefined,
-  onHide: () => undefined,
-  onClearAllFilters: () => undefined,
-  onResize: () => undefined,
-  onSessionClose: () => undefined,
-  onSessionOpen: () => undefined,
-  onShow: () => undefined,
-  onTabBlur: () => undefined,
-  onTabFocus: () => undefined,
-  onTabClicked: () => undefined
+  showTabTooltip: true
 });
-export default WidgetPanel;
+var XWidgetPanel = createXComponent(WidgetPanel);
+export default XWidgetPanel;
 //# sourceMappingURL=WidgetPanel.js.map

package/dist/panels/WidgetPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPanel.js","names":["React","PureComponent","classNames","memoize","ContextActions","copyToClipboard","Panel","WidgetPanelTooltip","jsx","_jsx","jsxs","_jsxs","WidgetPanel","constructor","props","_defineProperty","showTabTooltip","glContainer","widgetType","widgetName","description","handleSessionClosed","bind","handleSessionOpened","handleCopyName","state","isClientDisconnected","isPanelDisconnected","isWidgetDisconnected","isWaitingForReconnect","isPanelInactive","getErrorMessage","errorMessage","concat","undefined","onSessionClose","setState","arguments","onSessionOpen","render","children","className","componentPanel","isLoaded","isLoading","glEventHub","isDisconnected","isClonable","isRenamable","renderTabTooltip","onClearAllFilters","onHide","onFocus","onBlur","onResize","onShow","onTabBlur","onTabFocus","onTabClicked","doRenderTabTooltip","getCachedRenderTabTooltip","additionalActions","title","group","groups","medium","order","action","disconnected","inactive"],"sources":["../../src/panels/WidgetPanel.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport memoize from 'memoize-one';\nimport { PanelComponent } from '@deephaven/dashboard';\nimport type { Container, EventEmitter } from '@deephaven/golden-layout';\nimport { ContextActions } from '@deephaven/components';\nimport { copyToClipboard } from '@deephaven/utils';\nimport Panel from './Panel';\nimport WidgetPanelTooltip from './WidgetPanelTooltip';\nimport './WidgetPanel.scss';\n\ninterface WidgetPanelProps {\n  children: ReactNode;\n  componentPanel?: PanelComponent;\n\n  glContainer: Container;\n  glEventHub: EventEmitter;\n\n  className: string;\n  errorMessage: string;\n  isClonable: boolean;\n  isDisconnected: boolean;\n  isLoading: boolean;\n  isLoaded: boolean;\n  isRenamable: boolean;\n  showTabTooltip: boolean;\n  widgetName: string;\n  widgetType: string;\n  renderTabTooltip: () => ReactNode;\n  description: string;\n\n  onFocus: () => void;\n  onBlur: () => void;\n  onHide: () => void;\n  onClearAllFilters: () => void;\n  onResize: () => void;\n  onSessionClose: (...args: unknown[]) => void;\n  onSessionOpen: (...args: unknown[]) => void;\n  onShow: () => void;\n  onTabBlur: () => void;\n  onTabFocus: () => void;\n  onTabClicked: () => void;\n}\n\ninterface WidgetPanelState {\n  isClientDisconnected: boolean;\n  isPanelDisconnected: boolean;\n  isWidgetDisconnected: boolean;\n  isWaitingForReconnect: boolean;\n  isPanelInactive: boolean;\n}\n/**\n * Widget panel component that has a loading spinner and displays an error message when set\n */\nclass WidgetPanel extends PureComponent<WidgetPanelProps, WidgetPanelState> {\n  static defaultProps = {\n    className: '',\n    errorMessage: null,\n    isClonable: true,\n    isDisconnected: false,\n    isLoading: false,\n    isLoaded: true,\n    isRenamable: true,\n    showTabTooltip: true,\n    widgetName: 'Widget',\n    widgetType: 'Widget',\n    renderTabTooltip: null,\n    description: '',\n\n    onFocus: (): void => undefined,\n    onBlur: (): void => undefined,\n    onHide: (): void => undefined,\n    onClearAllFilters: (): void => undefined,\n    onResize: (): void => undefined,\n    onSessionClose: (): void => undefined,\n    onSessionOpen: (): void => undefined,\n    onShow: (): void => undefined,\n    onTabBlur: (): void => undefined,\n    onTabFocus: (): void => undefined,\n    onTabClicked: (): void => undefined,\n  };\n\n  constructor(props: WidgetPanelProps) {\n    super(props);\n\n    this.handleSessionClosed = this.handleSessionClosed.bind(this);\n    this.handleSessionOpened = this.handleSessionOpened.bind(this);\n    this.handleCopyName = this.handleCopyName.bind(this);\n\n    this.state = {\n      isClientDisconnected: false,\n      isPanelDisconnected: false,\n      isWidgetDisconnected: false,\n      isWaitingForReconnect: false,\n      isPanelInactive: false,\n    };\n  }\n\n  handleCopyName(): void {\n    const { widgetName } = this.props;\n    copyToClipboard(widgetName);\n  }\n\n  getErrorMessage(): string | undefined {\n    const { errorMessage } = this.props;\n    const {\n      isClientDisconnected,\n      isPanelDisconnected,\n      isWidgetDisconnected,\n      isWaitingForReconnect,\n    } = this.state;\n    if (errorMessage) {\n      return `${errorMessage}`;\n    }\n    if (isClientDisconnected && isPanelDisconnected && isWaitingForReconnect) {\n      return 'Disconnected from server.\\nCheck your internet connection.';\n    }\n    if (isClientDisconnected && isPanelDisconnected) {\n      return 'Disconnected from server.';\n    }\n    if (isPanelDisconnected) {\n      const { widgetName, widgetType } = this.props;\n      return `Variable \"${widgetName}\" not set.\\n${widgetType} does not exist yet.`;\n    }\n    if (isWidgetDisconnected) {\n      const { widgetName } = this.props;\n      return `${widgetName} is unavailable.`;\n    }\n    return undefined;\n  }\n\n  getCachedRenderTabTooltip = memoize(\n    (\n      showTabTooltip: boolean,\n      glContainer: Container,\n      widgetType: string,\n      widgetName: string,\n      description: string\n    ) =>\n      showTabTooltip\n        ? () => (\n            <WidgetPanelTooltip\n              glContainer={glContainer}\n              widgetType={widgetType}\n              widgetName={widgetName}\n              description={description}\n            />\n          )\n        : null\n  );\n\n  handleSessionClosed(...args: unknown[]): void {\n    const { onSessionClose } = this.props;\n    // The session has closed and we won't be able to reconnect, as this widget isn't persisted\n    this.setState({\n      isPanelDisconnected: true,\n      isWaitingForReconnect: false,\n    });\n    onSessionClose(...args);\n  }\n\n  handleSessionOpened(...args: unknown[]): void {\n    const { onSessionOpen } = this.props;\n    onSessionOpen(...args);\n  }\n\n  render(): ReactElement {\n    const {\n      children,\n      className,\n      componentPanel,\n      isLoaded,\n      isLoading,\n      glContainer,\n      glEventHub,\n      isDisconnected,\n      isClonable,\n      isRenamable,\n      showTabTooltip,\n      renderTabTooltip,\n      widgetType,\n      widgetName,\n      description,\n\n      onClearAllFilters,\n      onHide,\n      onFocus,\n      onBlur,\n      onResize,\n      onShow,\n      onTabBlur,\n      onTabFocus,\n      onTabClicked,\n    } = this.props;\n\n    const { isPanelDisconnected, isWidgetDisconnected, isPanelInactive } =\n      this.state;\n    const errorMessage = this.getErrorMessage();\n    const doRenderTabTooltip =\n      renderTabTooltip ??\n      this.getCachedRenderTabTooltip(\n        showTabTooltip,\n        glContainer,\n        widgetType,\n        widgetName,\n        description\n      );\n\n    const additionalActions = [\n      {\n        title: `Copy ${widgetType} Name`,\n        group: ContextActions.groups.medium,\n        order: 20,\n        action: this.handleCopyName,\n      },\n    ];\n\n    return (\n      <Panel\n        className={classNames(className, {\n          disconnected:\n            isPanelDisconnected || isWidgetDisconnected || isDisconnected,\n          inactive: isPanelInactive,\n        })}\n        componentPanel={componentPanel}\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        onClearAllFilters={onClearAllFilters}\n        onHide={onHide}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onResize={onResize}\n        onShow={onShow}\n        onSessionClose={this.handleSessionClosed}\n        onSessionOpen={this.handleSessionOpened}\n        onTabBlur={onTabBlur}\n        onTabFocus={onTabFocus}\n        onTabClicked={onTabClicked}\n        renderTabTooltip={doRenderTabTooltip}\n        errorMessage={errorMessage}\n        isLoaded={isLoaded}\n        isLoading={isLoading}\n        isClonable={isClonable}\n        isRenamable={isRenamable}\n        additionalActions={additionalActions}\n      >\n        {children}\n        {isPanelInactive && <div className=\"fill-parent-absolute\" />}\n      </Panel>\n    );\n  }\n}\n\nexport default WidgetPanel;\n"],"mappings":"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"}
+{"version":3,"file":"WidgetPanel.js","names":["React","PureComponent","classNames","memoize","ContextActions","createXComponent","copyToClipboard","Panel","WidgetPanelTooltip","jsx","_jsx","jsxs","_jsxs","WidgetPanel","constructor","props","_defineProperty","showTabTooltip","descriptor","undefined","_descriptor$displayTy","title","concat","displayType","type","group","groups","medium","order","action","handleCopyName","handleSessionClosed","bind","handleSessionOpened","state","isClientDisconnected","isPanelDisconnected","isWidgetDisconnected","isWaitingForReconnect","isPanelInactive","name","getErrorMessage","errorMessage","onSessionClose","setState","_len","arguments","length","args","Array","_key","onSessionOpen","_len2","_key2","render","children","className","componentPanel","isLoaded","isLoading","glContainer","glEventHub","isDisconnected","isClonable","isRenamable","renderTabTooltip","onClearAllFilters","onHide","onFocus","onBlur","onResize","onShow","onTabBlur","onTabFocus","onTabClicked","doRenderTabTooltip","getCachedRenderTabTooltip","additionalActions","getCachedActions","disconnected","inactive","XWidgetPanel"],"sources":["../../src/panels/WidgetPanel.tsx"],"sourcesContent":["import React, { PureComponent, ReactElement, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport memoize from 'memoize-one';\nimport { PanelComponent } from '@deephaven/dashboard';\nimport type { Container, EventEmitter } from '@deephaven/golden-layout';\nimport { ContextActions, createXComponent } from '@deephaven/components';\nimport { copyToClipboard } from '@deephaven/utils';\nimport Panel from './Panel';\nimport WidgetPanelTooltip from './WidgetPanelTooltip';\nimport './WidgetPanel.scss';\nimport { WidgetPanelDescriptor } from './WidgetPanelTypes';\n\ntype WidgetPanelProps = {\n  children: ReactNode;\n\n  descriptor: WidgetPanelDescriptor;\n  componentPanel?: PanelComponent;\n\n  glContainer: Container;\n  glEventHub: EventEmitter;\n\n  className?: string;\n  errorMessage?: string;\n  isClonable?: boolean;\n  isDisconnected?: boolean;\n  isLoading?: boolean;\n  isLoaded?: boolean;\n  isRenamable?: boolean;\n  showTabTooltip?: boolean;\n\n  renderTabTooltip?: () => ReactNode;\n\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onHide?: () => void;\n  onClearAllFilters?: () => void;\n  onResize?: () => void;\n  onSessionClose?: (...args: unknown[]) => void;\n  onSessionOpen?: (...args: unknown[]) => void;\n  onShow?: () => void;\n  onTabBlur?: () => void;\n  onTabFocus?: () => void;\n  onTabClicked?: () => void;\n};\n\ninterface WidgetPanelState {\n  isClientDisconnected: boolean;\n  isPanelDisconnected: boolean;\n  isWidgetDisconnected: boolean;\n  isWaitingForReconnect: boolean;\n  isPanelInactive: boolean;\n}\n/**\n * Widget panel component that has a loading spinner and displays an error message when set\n */\nclass WidgetPanel extends PureComponent<WidgetPanelProps, WidgetPanelState> {\n  static defaultProps = {\n    className: '',\n    isClonable: true,\n    isDisconnected: false,\n    isLoading: false,\n    isLoaded: true,\n    isRenamable: true,\n    showTabTooltip: true,\n  };\n\n  constructor(props: WidgetPanelProps) {\n    super(props);\n\n    this.handleSessionClosed = this.handleSessionClosed.bind(this);\n    this.handleSessionOpened = this.handleSessionOpened.bind(this);\n    this.handleCopyName = this.handleCopyName.bind(this);\n\n    this.state = {\n      isClientDisconnected: false,\n      isPanelDisconnected: false,\n      isWidgetDisconnected: false,\n      isWaitingForReconnect: false,\n      isPanelInactive: false,\n    };\n  }\n\n  handleCopyName(): void {\n    const { descriptor } = this.props;\n    copyToClipboard(descriptor.name);\n  }\n\n  getErrorMessage(): string | undefined {\n    const { descriptor, errorMessage } = this.props;\n    const {\n      isClientDisconnected,\n      isPanelDisconnected,\n      isWidgetDisconnected,\n      isWaitingForReconnect,\n    } = this.state;\n    if (errorMessage != null && errorMessage !== '') {\n      return `${errorMessage}`;\n    }\n    if (isClientDisconnected && isPanelDisconnected && isWaitingForReconnect) {\n      return 'Disconnected from server.\\nCheck your internet connection.';\n    }\n    if (isClientDisconnected && isPanelDisconnected) {\n      return 'Disconnected from server.';\n    }\n    if (isPanelDisconnected) {\n      const { name, type } = descriptor;\n      return `Variable \"${name}\" not set.\\n${type} does not exist yet.`;\n    }\n    if (isWidgetDisconnected) {\n      return `${descriptor.name} is unavailable.`;\n    }\n    return undefined;\n  }\n\n  getCachedRenderTabTooltip = memoize(\n    (showTabTooltip: boolean, descriptor: WidgetPanelDescriptor) =>\n      showTabTooltip\n        ? () => <WidgetPanelTooltip descriptor={descriptor} />\n        : undefined\n  );\n\n  getCachedActions = memoize((descriptor: WidgetPanelDescriptor) => [\n    {\n      title: `Copy ${descriptor.displayType ?? descriptor.type} Name`,\n      group: ContextActions.groups.medium,\n      order: 20,\n      action: this.handleCopyName,\n    },\n  ]);\n\n  handleSessionClosed(...args: unknown[]): void {\n    const { onSessionClose } = this.props;\n    // The session has closed and we won't be able to reconnect, as this widget isn't persisted\n    this.setState({\n      isPanelDisconnected: true,\n      isWaitingForReconnect: false,\n    });\n    onSessionClose?.(...args);\n  }\n\n  handleSessionOpened(...args: unknown[]): void {\n    const { onSessionOpen } = this.props;\n    onSessionOpen?.(...args);\n  }\n\n  render(): ReactElement {\n    const {\n      children,\n      className,\n      componentPanel,\n      descriptor,\n      isLoaded,\n      isLoading,\n      glContainer,\n      glEventHub,\n      isDisconnected,\n      isClonable,\n      isRenamable,\n      showTabTooltip = false,\n      renderTabTooltip,\n\n      onClearAllFilters,\n      onHide,\n      onFocus,\n      onBlur,\n      onResize,\n      onShow,\n      onTabBlur,\n      onTabFocus,\n      onTabClicked,\n    } = this.props;\n\n    const { isPanelDisconnected, isWidgetDisconnected, isPanelInactive } =\n      this.state;\n    const errorMessage = this.getErrorMessage();\n    const doRenderTabTooltip =\n      renderTabTooltip ??\n      this.getCachedRenderTabTooltip(showTabTooltip, descriptor);\n\n    const additionalActions = this.getCachedActions(descriptor);\n\n    return (\n      <Panel\n        className={classNames(className, {\n          disconnected:\n            isPanelDisconnected || isWidgetDisconnected || isDisconnected,\n          inactive: isPanelInactive,\n        })}\n        componentPanel={componentPanel}\n        glContainer={glContainer}\n        glEventHub={glEventHub}\n        onClearAllFilters={onClearAllFilters}\n        onHide={onHide}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onResize={onResize}\n        onShow={onShow}\n        onSessionClose={this.handleSessionClosed}\n        onSessionOpen={this.handleSessionOpened}\n        onTabBlur={onTabBlur}\n        onTabFocus={onTabFocus}\n        onTabClicked={onTabClicked}\n        renderTabTooltip={doRenderTabTooltip}\n        errorMessage={errorMessage}\n        isLoaded={isLoaded}\n        isLoading={isLoading}\n        isClonable={isClonable}\n        isRenamable={isRenamable}\n        additionalActions={additionalActions}\n      >\n        {children}\n        {isPanelInactive && <div className=\"fill-parent-absolute\" />}\n      </Panel>\n    );\n  }\n}\n\nconst XWidgetPanel = createXComponent(WidgetPanel);\n\nexport default XWidgetPanel;\n"],"mappings":"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"}

package/dist/panels/WidgetPanelTooltip.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../src/panels/WidgetPanelTooltip.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACzLA;EACE;EACA;EACA;EACA,WANwB;EAOxB;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,KCfO;;ADkBT;EACE;;AAGF;EACE;EACA;EACA;EACA,cDXO;;ACcT;EACE;EACA,ODjBO;ECkBP,gBChCO;;ADmCT;EACE;EACA;EACA;EACA;EACA","file":"WidgetPanelTooltip.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 './util.scss';\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// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\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, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\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$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-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 var(--dh-color-dropshadow);\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$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\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: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\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: var(--dh-color-selector-bg);\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: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\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: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\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","@import '@deephaven/components/scss/custom.scss';\n\n$tooltip-container-width: 300px;\n\n.tab-tooltip-grid-container {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: first baseline;\n  max-width: $tooltip-container-width;\n  text-align: left;\n\n  .tab-tooltip-title {\n    font-weight: 700;\n  }\n\n  .tab-tooltip-name-wrapper {\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: first baseline;\n    gap: $spacer-1;\n  }\n\n  .tab-tooltip-name {\n    word-break: break-word;\n  }\n\n  hr.tab-tooltip-divider {\n    grid-column: span 2;\n    width: 100%;\n    margin: $spacer-1 0;\n    border-color: $gray-500;\n  }\n\n  .tab-tooltip-description {\n    grid-column: span 2;\n    color: $text-muted;\n    padding-bottom: $spacer-1;\n  }\n\n  .tab-tooltip-statistic-value {\n    font-feature-settings: 'tnum';\n    text-align: right;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\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$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 13%;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@deephaven/components/scss/custom.scss","../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../src/panels/WidgetPanelTooltip.scss","../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;ACzLA;EACE;EACA;EACA;EACA,WANwB;EAOxB;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,KCfO;;ADkBT;EACE;;AAGF;EACE;EACA;EACA;EACA,cDXO;;ACcT;EACE;EACA,ODjBO;ECkBP,gBChCO;;ADmCT;EACE;EACA;EACA;EACA;EACA","file":"WidgetPanelTooltip.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 './util.scss';\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// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\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, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\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$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-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 var(--dh-color-dropshadow);\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$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\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: color-mix(\n  in srgb,\n  var(--dh-color-accent) 35%,\n  transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n  --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\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: var(--dh-color-selector-bg);\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: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\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: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\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","@import '@deephaven/components/scss/custom.scss';\n\n$tooltip-container-width: 300px;\n\n.tab-tooltip-grid-container {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: first baseline;\n  max-width: $tooltip-container-width;\n  text-align: left;\n\n  .tab-tooltip-title {\n    font-weight: 700;\n  }\n\n  .tab-tooltip-name-wrapper {\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: first baseline;\n    gap: $spacer-1;\n  }\n\n  .tab-tooltip-name {\n    word-break: break-word;\n  }\n\n  hr.tab-tooltip-divider {\n    grid-column: span 2;\n    width: 100%;\n    margin: $spacer-1 0;\n    border-color: $gray-500;\n  }\n\n  .tab-tooltip-description {\n    grid-column: span 2;\n    color: $text-muted;\n    padding-bottom: $spacer-1;\n  }\n\n  .tab-tooltip-statistic-value {\n    font-feature-settings: 'tnum';\n    text-align: right;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\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$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}

package/dist/panels/WidgetPanelTooltip.d.ts

@@ -1,43 +1,5 @@
-import { ReactNode, ReactElement } from 'react';
-import PropTypes from 'prop-types';
 import './WidgetPanelTooltip.scss';
-import type { Container } from '@deephaven/golden-layout';
-interface WidgetPanelTooltipProps {
-    glContainer: Container;
-    widgetType: string;
-    widgetName: string;
-    description: string;
-    children: ReactNode;
-}
-declare function WidgetPanelTooltip(props: WidgetPanelTooltipProps): ReactElement;
-declare namespace WidgetPanelTooltip {
-    var propTypes: {
-        glContainer: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            on: PropTypes.Requireable<(...args: any[]) => any>;
-            off: PropTypes.Requireable<(...args: any[]) => any>;
-            isHidden: PropTypes.Requireable<boolean>;
-            tab: PropTypes.Requireable<PropTypes.InferProps<{
-                header: PropTypes.Requireable<PropTypes.InferProps<{
-                    tabs: PropTypes.Requireable<(PropTypes.InferProps<{
-                        contentItem: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-                    }> | null | undefined)[]>;
-                }>>;
-            }>>;
-            title: PropTypes.Requireable<string>;
-            setTitle: PropTypes.Requireable<(...args: any[]) => any>;
-            close: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>>;
-        widgetType: PropTypes.Requireable<string>;
-        widgetName: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    var defaultProps: {
-        widgetType: string;
-        widgetName: string;
-        description: null;
-        children: null;
-    };
-}
-export default WidgetPanelTooltip;
+import { WidgetPanelTooltipProps } from './WidgetPanelTypes';
+declare const XWidgetPanelTooltip: import("@deephaven/components").XComponentType<WidgetPanelTooltipProps>;
+export default XWidgetPanelTooltip;
 //# sourceMappingURL=WidgetPanelTooltip.d.ts.map

package/dist/panels/WidgetPanelTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPanelTooltip.d.ts","sourceRoot":"","sources":["../../src/panels/WidgetPanelTooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,UAAU,uBAAuB;IAC/B,WAAW,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CA2BxE;kBA3BQ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4C3B,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"WidgetPanelTooltip.d.ts","sourceRoot":"","sources":["../../src/panels/WidgetPanelTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AA+B7D,QAAA,MAAM,mBAAmB,yEAAuC,CAAC;AAEjE,eAAe,mBAAmB,CAAC"}

package/dist/panels/WidgetPanelTooltip.js

@@ -1,61 +1,49 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { CopyButton } from '@deephaven/components';
-import { GLPropTypes, LayoutUtils } from '@deephaven/dashboard';
+import { CopyButton, createXComponent } from '@deephaven/components';
 import "./WidgetPanelTooltip.css";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 function WidgetPanelTooltip(props) {
   var {
-    widgetType,
-    widgetName,
-    glContainer,
-    description,
-    children
+    children,
+    descriptor
   } = props;
-  var panelTitle = LayoutUtils.getTitleFromContainer(glContainer);
+  var {
+    name,
+    type,
+    description,
+    displayName
+  } = descriptor;
   return /*#__PURE__*/_jsxs("div", {
     className: "tab-tooltip-grid-container",
     children: [/*#__PURE__*/_jsxs("span", {
       className: "tab-tooltip-title",
-      children: [widgetType, " Name"]
+      children: [type, " Name"]
     }), /*#__PURE__*/_jsxs("div", {
       className: "tab-tooltip-name-wrapper",
       children: [/*#__PURE__*/_jsx("span", {
         className: "tab-tooltip-name",
-        children: widgetName
+        children: name
       }), /*#__PURE__*/_jsx(CopyButton, {
         className: "tab-tooltip-copy",
         tooltip: "Copy name",
-        copy: widgetName
+        copy: name
       })]
-    }), widgetName !== panelTitle && /*#__PURE__*/_jsxs(_Fragment, {
+    }), name !== displayName && Boolean(displayName) && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx("span", {
         className: "tab-tooltip-title",
         children: "Display Name"
       }), /*#__PURE__*/_jsx("span", {
         className: "tab-tooltip-name",
-        children: panelTitle
+        children: displayName
       })]
-    }), description && /*#__PURE__*/_jsx("div", {
+    }), Boolean(description) && /*#__PURE__*/_jsx("div", {
       className: "tab-tooltip-description",
       children: description
     }), children]
   });
 }
-WidgetPanelTooltip.propTypes = {
-  glContainer: GLPropTypes.Container.isRequired,
-  widgetType: PropTypes.string,
-  widgetName: PropTypes.string,
-  description: PropTypes.string,
-  children: PropTypes.node
-};
-WidgetPanelTooltip.defaultProps = {
-  widgetType: '',
-  widgetName: '',
-  description: null,
-  children: null
-};
-export default WidgetPanelTooltip;
+var XWidgetPanelTooltip = createXComponent(WidgetPanelTooltip);
+export default XWidgetPanelTooltip;
 //# sourceMappingURL=WidgetPanelTooltip.js.map

package/dist/panels/WidgetPanelTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPanelTooltip.js","names":["React","PropTypes","CopyButton","GLPropTypes","LayoutUtils","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","WidgetPanelTooltip","props","widgetType","widgetName","glContainer","description","children","panelTitle","getTitleFromContainer","className","tooltip","copy","propTypes","Container","isRequired","string","node","defaultProps"],"sources":["../../src/panels/WidgetPanelTooltip.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { CopyButton } from '@deephaven/components';\nimport { GLPropTypes, LayoutUtils } from '@deephaven/dashboard';\nimport './WidgetPanelTooltip.scss';\nimport type { Container } from '@deephaven/golden-layout';\n\ninterface WidgetPanelTooltipProps {\n  glContainer: Container;\n  widgetType: string;\n  widgetName: string;\n  description: string;\n  children: ReactNode;\n}\nfunction WidgetPanelTooltip(props: WidgetPanelTooltipProps): ReactElement {\n  const { widgetType, widgetName, glContainer, description, children } = props;\n  const panelTitle = LayoutUtils.getTitleFromContainer(glContainer);\n\n  return (\n    <div className=\"tab-tooltip-grid-container\">\n      <span className=\"tab-tooltip-title\">{widgetType} Name</span>\n      <div className=\"tab-tooltip-name-wrapper\">\n        <span className=\"tab-tooltip-name\">{widgetName}</span>\n        <CopyButton\n          className=\"tab-tooltip-copy\"\n          tooltip=\"Copy name\"\n          copy={widgetName}\n        />\n      </div>\n      {widgetName !== panelTitle && (\n        <>\n          <span className=\"tab-tooltip-title\">Display Name</span>\n          <span className=\"tab-tooltip-name\">{panelTitle}</span>\n        </>\n      )}\n      {description && (\n        <div className=\"tab-tooltip-description\">{description}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nWidgetPanelTooltip.propTypes = {\n  glContainer: GLPropTypes.Container.isRequired,\n  widgetType: PropTypes.string,\n  widgetName: PropTypes.string,\n  description: PropTypes.string,\n  children: PropTypes.node,\n};\n\nWidgetPanelTooltip.defaultProps = {\n  widgetType: '',\n  widgetName: '',\n  description: null,\n  children: null,\n};\n\nexport default WidgetPanelTooltip;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmC,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,WAAW,EAAEC,WAAW,QAAQ,sBAAsB;AAAC;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAWhE,SAASC,kBAAkBA,CAACC,KAA8B,EAAgB;EACxE,IAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,WAAW;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAC5E,IAAMM,UAAU,GAAGd,WAAW,CAACe,qBAAqB,CAACJ,WAAW,CAAC;EAEjE,oBACET,KAAA;IAAKc,SAAS,EAAC,4BAA4B;IAAAH,QAAA,gBACzCX,KAAA;MAAMc,SAAS,EAAC,mBAAmB;MAAAH,QAAA,GAAEJ,UAAU,EAAC,OAAK;IAAA,CAAM,CAAC,eAC5DP,KAAA;MAAKc,SAAS,EAAC,0BAA0B;MAAAH,QAAA,gBACvCT,IAAA;QAAMY,SAAS,EAAC,kBAAkB;QAAAH,QAAA,EAAEH;MAAU,CAAO,CAAC,eACtDN,IAAA,CAACN,UAAU;QACTkB,SAAS,EAAC,kBAAkB;QAC5BC,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAER;MAAW,CAClB,CAAC;IAAA,CACC,CAAC,EACLA,UAAU,KAAKI,UAAU,iBACxBZ,KAAA,CAAAI,SAAA;MAAAO,QAAA,gBACET,IAAA;QAAMY,SAAS,EAAC,mBAAmB;QAAAH,QAAA,EAAC;MAAY,CAAM,CAAC,eACvDT,IAAA;QAAMY,SAAS,EAAC,kBAAkB;QAAAH,QAAA,EAAEC;MAAU,CAAO,CAAC;IAAA,CACtD,CACH,EACAF,WAAW,iBACVR,IAAA;MAAKY,SAAS,EAAC,yBAAyB;MAAAH,QAAA,EAAED;IAAW,CAAM,CAC5D,EACAC,QAAQ;EAAA,CACN,CAAC;AAEV;AAEAN,kBAAkB,CAACY,SAAS,GAAG;EAC7BR,WAAW,EAAEZ,WAAW,CAACqB,SAAS,CAACC,UAAU;EAC7CZ,UAAU,EAAEZ,SAAS,CAACyB,MAAM;EAC5BZ,UAAU,EAAEb,SAAS,CAACyB,MAAM;EAC5BV,WAAW,EAAEf,SAAS,CAACyB,MAAM;EAC7BT,QAAQ,EAAEhB,SAAS,CAAC0B;AACtB,CAAC;AAEDhB,kBAAkB,CAACiB,YAAY,GAAG;EAChCf,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdE,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeN,kBAAkB"}
+{"version":3,"file":"WidgetPanelTooltip.js","names":["React","CopyButton","createXComponent","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","WidgetPanelTooltip","props","children","descriptor","name","type","description","displayName","className","tooltip","copy","Boolean","XWidgetPanelTooltip"],"sources":["../../src/panels/WidgetPanelTooltip.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { CopyButton, createXComponent } from '@deephaven/components';\nimport './WidgetPanelTooltip.scss';\nimport { WidgetPanelTooltipProps } from './WidgetPanelTypes';\n\nfunction WidgetPanelTooltip(props: WidgetPanelTooltipProps): ReactElement {\n  const { children, descriptor } = props;\n  const { name, type, description, displayName } = descriptor;\n\n  return (\n    <div className=\"tab-tooltip-grid-container\">\n      <span className=\"tab-tooltip-title\">{type} Name</span>\n      <div className=\"tab-tooltip-name-wrapper\">\n        <span className=\"tab-tooltip-name\">{name}</span>\n        <CopyButton\n          className=\"tab-tooltip-copy\"\n          tooltip=\"Copy name\"\n          copy={name}\n        />\n      </div>\n      {name !== displayName && Boolean(displayName) && (\n        <>\n          <span className=\"tab-tooltip-title\">Display Name</span>\n          <span className=\"tab-tooltip-name\">{displayName}</span>\n        </>\n      )}\n      {Boolean(description) && (\n        <div className=\"tab-tooltip-description\">{description}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst XWidgetPanelTooltip = createXComponent(WidgetPanelTooltip);\n\nexport default XWidgetPanelTooltip;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,uBAAuB;AAAC;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAIrE,SAASC,kBAAkBA,CAACC,KAA8B,EAAgB;EACxE,IAAM;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAGF,KAAK;EACtC,IAAM;IAAEG,IAAI;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGJ,UAAU;EAE3D,oBACER,KAAA;IAAKa,SAAS,EAAC,4BAA4B;IAAAN,QAAA,gBACzCP,KAAA;MAAMa,SAAS,EAAC,mBAAmB;MAAAN,QAAA,GAAEG,IAAI,EAAC,OAAK;IAAA,CAAM,CAAC,eACtDV,KAAA;MAAKa,SAAS,EAAC,0BAA0B;MAAAN,QAAA,gBACvCL,IAAA;QAAMW,SAAS,EAAC,kBAAkB;QAAAN,QAAA,EAAEE;MAAI,CAAO,CAAC,eAChDP,IAAA,CAACL,UAAU;QACTgB,SAAS,EAAC,kBAAkB;QAC5BC,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAEN;MAAK,CACZ,CAAC;IAAA,CACC,CAAC,EACLA,IAAI,KAAKG,WAAW,IAAII,OAAO,CAACJ,WAAW,CAAC,iBAC3CZ,KAAA,CAAAI,SAAA;MAAAG,QAAA,gBACEL,IAAA;QAAMW,SAAS,EAAC,mBAAmB;QAAAN,QAAA,EAAC;MAAY,CAAM,CAAC,eACvDL,IAAA;QAAMW,SAAS,EAAC,kBAAkB;QAAAN,QAAA,EAAEK;MAAW,CAAO,CAAC;IAAA,CACvD,CACH,EACAI,OAAO,CAACL,WAAW,CAAC,iBACnBT,IAAA;MAAKW,SAAS,EAAC,yBAAyB;MAAAN,QAAA,EAAEI;IAAW,CAAM,CAC5D,EACAJ,QAAQ;EAAA,CACN,CAAC;AAEV;AAEA,IAAMU,mBAAmB,GAAGnB,gBAAgB,CAACO,kBAAkB,CAAC;AAEhE,eAAeY,mBAAmB"}

package/dist/panels/WidgetPanelTypes.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type WidgetPanelDescriptor = {
+    /** Type of the widget. */
+    type: string;
+    /** Name of the widget. */
+    name: string;
+    /** Display name of the widget. May be different than the assigned name. */
+    displayName?: string;
+    /** Display type of the widget. May be different than the assigned type. */
+    displayType?: string;
+    /** Description of the widget. */
+    description?: string;
+};
+export type WidgetPanelTooltipProps = {
+    /** A descriptor of the widget. */
+    descriptor: WidgetPanelDescriptor;
+    /** Children to render within this tooltip */
+    children?: ReactNode;
+};
+//# sourceMappingURL=WidgetPanelTypes.d.ts.map

package/dist/panels/WidgetPanelTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPanelTypes.d.ts","sourceRoot":"","sources":["../../src/panels/WidgetPanelTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,qBAAqB,GAAG;IAClC,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,kCAAkC;IAClC,UAAU,EAAE,qBAAqB,CAAC;IAElC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/panels/WidgetPanelTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WidgetPanelTypes.js.map

package/dist/panels/WidgetPanelTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPanelTypes.js","names":[],"sources":["../../src/panels/WidgetPanelTypes.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type WidgetPanelDescriptor = {\n  /** Type of the widget. */\n  type: string;\n\n  /** Name of the widget. */\n  name: string;\n\n  /** Display name of the widget. May be different than the assigned name. */\n  displayName?: string;\n\n  /** Display type of the widget. May be different than the assigned type. */\n  displayType?: string;\n\n  /** Description of the widget. */\n  description?: string;\n};\n\nexport type WidgetPanelTooltipProps = {\n  /** A descriptor of the widget. */\n  descriptor: WidgetPanelDescriptor;\n\n  /** Children to render within this tooltip */\n  children?: ReactNode;\n};\n"],"mappings":""}

package/dist/panels/index.d.ts

@@ -18,6 +18,7 @@ export { default as NotebookPanel } from './NotebookPanel';
 export { default as PandasPanel } from './PandasPanel';
 export * from './PandasPanel';
 export { default as Panel } from './Panel';
+export * from './WidgetPanelTypes';
 export { default as WidgetPanel } from './WidgetPanel';
 export { default as WidgetPanelTooltip } from './WidgetPanelTooltip';
 export { default as MockFileStorage } from './MockFileStorage';

package/dist/panels/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/panels/index.js

@@ -17,6 +17,7 @@ export { default as NotebookPanel } from "./NotebookPanel.js";
 export { default as PandasPanel } from "./PandasPanel.js";
 export * from "./PandasPanel.js";
 export { default as Panel } from "./Panel.js";
+export * from "./WidgetPanelTypes.js";
 export { default as WidgetPanel } from "./WidgetPanel.js";
 export { default as WidgetPanelTooltip } from "./WidgetPanelTooltip.js";
 export { default as MockFileStorage } from "./MockFileStorage.js";

package/dist/panels/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","ChartPanel","CommandHistoryPanel","ConsolePanel","DropdownFilterPanel","FileExplorerPanel","FilterSetManager","FilterSetManagerPanel","InputFilterPanel","IrisGridPanel","LogPanel","MarkdownPanel","NotebookPanel","PandasPanel","Panel","WidgetPanel","WidgetPanelTooltip","MockFileStorage"],"sources":["../../src/panels/index.ts"],"sourcesContent":["export { default as ChartPanel } from './ChartPanel';\nexport * from './ChartPanel';\nexport * from './ChartPanelUtils';\nexport { default as CommandHistoryPanel } from './CommandHistoryPanel';\nexport { default as ConsolePanel } from './ConsolePanel';\nexport { default as DropdownFilterPanel } from './DropdownFilterPanel';\nexport { default as FileExplorerPanel } from './FileExplorerPanel';\nexport { default as FilterSetManager } from './FilterSetManager';\nexport type { FilterSet } from './FilterSetManager';\nexport { default as FilterSetManagerPanel } from './FilterSetManagerPanel';\nexport { default as InputFilterPanel } from './InputFilterPanel';\nexport { default as IrisGridPanel } from './IrisGridPanel';\nexport * from './IrisGridPanel';\nexport * from './IrisGridPanelTypes';\nexport { default as LogPanel } from './LogPanel';\nexport { default as MarkdownPanel } from './MarkdownPanel';\nexport { default as NotebookPanel } from './NotebookPanel';\nexport { default as PandasPanel } from './PandasPanel';\nexport * from './PandasPanel';\nexport { default as Panel } from './Panel';\nexport { default as WidgetPanel } from './WidgetPanel';\nexport { default as WidgetPanelTooltip } from './WidgetPanelTooltip';\nexport { default as MockFileStorage } from './MockFileStorage';\n"],"mappings":"SAASA,OAAO,IAAIC,UAAU;AAAA;AAAA;AAAA,SAGrBD,OAAO,IAAIE,mBAAmB;AAAA,SAC9BF,OAAO,IAAIG,YAAY;AAAA,SACvBH,OAAO,IAAII,mBAAmB;AAAA,SAC9BJ,OAAO,IAAIK,iBAAiB;AAAA,SAC5BL,OAAO,IAAIM,gBAAgB;AAAA,SAE3BN,OAAO,IAAIO,qBAAqB;AAAA,SAChCP,OAAO,IAAIQ,gBAAgB;AAAA,SAC3BR,OAAO,IAAIS,aAAa;AAAA;AAAA;AAAA,SAGxBT,OAAO,IAAIU,QAAQ;AAAA,SACnBV,OAAO,IAAIW,aAAa;AAAA,SACxBX,OAAO,IAAIY,aAAa;AAAA,SACxBZ,OAAO,IAAIa,WAAW;AAAA;AAAA,SAEtBb,OAAO,IAAIc,KAAK;AAAA,SAChBd,OAAO,IAAIe,WAAW;AAAA,SACtBf,OAAO,IAAIgB,kBAAkB;AAAA,SAC7BhB,OAAO,IAAIiB,eAAe"}
+{"version":3,"file":"index.js","names":["default","ChartPanel","CommandHistoryPanel","ConsolePanel","DropdownFilterPanel","FileExplorerPanel","FilterSetManager","FilterSetManagerPanel","InputFilterPanel","IrisGridPanel","LogPanel","MarkdownPanel","NotebookPanel","PandasPanel","Panel","WidgetPanel","WidgetPanelTooltip","MockFileStorage"],"sources":["../../src/panels/index.ts"],"sourcesContent":["export { default as ChartPanel } from './ChartPanel';\nexport * from './ChartPanel';\nexport * from './ChartPanelUtils';\nexport { default as CommandHistoryPanel } from './CommandHistoryPanel';\nexport { default as ConsolePanel } from './ConsolePanel';\nexport { default as DropdownFilterPanel } from './DropdownFilterPanel';\nexport { default as FileExplorerPanel } from './FileExplorerPanel';\nexport { default as FilterSetManager } from './FilterSetManager';\nexport type { FilterSet } from './FilterSetManager';\nexport { default as FilterSetManagerPanel } from './FilterSetManagerPanel';\nexport { default as InputFilterPanel } from './InputFilterPanel';\nexport { default as IrisGridPanel } from './IrisGridPanel';\nexport * from './IrisGridPanel';\nexport * from './IrisGridPanelTypes';\nexport { default as LogPanel } from './LogPanel';\nexport { default as MarkdownPanel } from './MarkdownPanel';\nexport { default as NotebookPanel } from './NotebookPanel';\nexport { default as PandasPanel } from './PandasPanel';\nexport * from './PandasPanel';\nexport { default as Panel } from './Panel';\nexport * from './WidgetPanelTypes';\nexport { default as WidgetPanel } from './WidgetPanel';\nexport { default as WidgetPanelTooltip } from './WidgetPanelTooltip';\nexport { default as MockFileStorage } from './MockFileStorage';\n"],"mappings":"SAASA,OAAO,IAAIC,UAAU;AAAA;AAAA;AAAA,SAGrBD,OAAO,IAAIE,mBAAmB;AAAA,SAC9BF,OAAO,IAAIG,YAAY;AAAA,SACvBH,OAAO,IAAII,mBAAmB;AAAA,SAC9BJ,OAAO,IAAIK,iBAAiB;AAAA,SAC5BL,OAAO,IAAIM,gBAAgB;AAAA,SAE3BN,OAAO,IAAIO,qBAAqB;AAAA,SAChCP,OAAO,IAAIQ,gBAAgB;AAAA,SAC3BR,OAAO,IAAIS,aAAa;AAAA;AAAA;AAAA,SAGxBT,OAAO,IAAIU,QAAQ;AAAA,SACnBV,OAAO,IAAIW,aAAa;AAAA,SACxBX,OAAO,IAAIY,aAAa;AAAA,SACxBZ,OAAO,IAAIa,WAAW;AAAA;AAAA,SAEtBb,OAAO,IAAIc,KAAK;AAAA;AAAA,SAEhBd,OAAO,IAAIe,WAAW;AAAA,SACtBf,OAAO,IAAIgB,kBAAkB;AAAA,SAC7BhB,OAAO,IAAIiB,eAAe"}

package/dist/redux/actions.js

@@ -1,4 +1,4 @@
-import deepEqual from 'deep-equal';
+import deepEqual from 'fast-deep-equal';
 import { updateDashboardData } from '@deephaven/dashboard';
 import { getLinksForDashboard } from "./selectors.js";
 /**

package/dist/redux/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","names":["deepEqual","updateDashboardData","getLinksForDashboard","setDashboardConnection","id","connection","dispatch","setDashboardSessionWrapper","sessionWrapper","setDashboardLinks","links","addDashboardLinks","newLinks","getState","filtered","filter","newLink","findIndex","link","start","end","concat","deleteDashboardLinks","linkIds","includes","setDashboardIsolatedLinkerPanelId","isolatedLinkerPanelId","setDashboardColumnSelectionValidator","columnSelectionValidator","setDashboardConsoleSettings","consoleSettings","setDashboardFilterSets","filterSets"],"sources":["../../src/redux/actions.ts"],"sourcesContent":["import deepEqual from 'deep-equal';\nimport { ThunkAction } from 'redux-thunk';\nimport { updateDashboardData } from '@deephaven/dashboard';\nimport { SessionWrapper } from '@deephaven/jsapi-utils';\nimport { RootState } from '@deephaven/redux';\nimport { Action } from 'redux';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { getLinksForDashboard } from './selectors';\nimport { FilterSet } from '../panels';\nimport { Link } from '../linker/LinkerUtils';\nimport { ColumnSelectionValidator } from '../linker/ColumnSelectionValidator';\n\n/**\n * Set the connection for the dashboard specified\n * @param id The ID of the dashboard to set the connection for\n * @param connection The connection object to set for the dashboard\n */\nexport const setDashboardConnection =\n  (\n    id: string,\n    connection: dh.IdeConnection\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { connection }));\n\n/**\n * Set the session wrapper for the dashboard specified\n * @param id The ID of the dashboard to set the session for\n * @param sessionWrapper The session wrapper object to set for the dashboard\n */\nexport const setDashboardSessionWrapper =\n  (\n    id: string,\n    sessionWrapper: SessionWrapper\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { sessionWrapper }));\n\n/**\n * Set the links for a given dashboard\n * @param id The ID of the dashboard to set the links for\n * @param links The links to set\n */\nexport const setDashboardLinks =\n  (\n    id: string,\n    links: Link[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { links }));\n\n/**\n * Add links to the existing links in a dashboard. Filters out any duplicate links.\n * @param id The ID of the dashboard to add links to\n * @param newLinks The new links to add\n */\nexport const addDashboardLinks =\n  (\n    id: string,\n    newLinks: Link[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  (dispatch, getState) => {\n    const links = getLinksForDashboard(getState(), id);\n    const filtered = newLinks.filter(\n      newLink =>\n        links.findIndex(\n          link =>\n            deepEqual(link.start, newLink.start) &&\n            deepEqual(link.end, newLink.end)\n        ) < 0\n    );\n    return dispatch(setDashboardLinks(id, links.concat(filtered)));\n  };\n\n/**\n * Delete links from a dashboard\n * @param id The ID of the dashboard to delete links from\n * @param linkIds The link IDs to delete\n */\nexport const deleteDashboardLinks =\n  (\n    id: string,\n    linkIds: string[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  (dispatch, getState) => {\n    const links = getLinksForDashboard(getState(), id);\n    const newLinks = links.filter(link => !linkIds.includes(link.id));\n    return dispatch(setDashboardLinks(id, newLinks));\n  };\n\n/**\n * Set the isolated linker panel ID for a dashboard\n * @param id The ID of the dashboard to set the isolated linker panel ID in\n * @param isolatedLinkerPanelId The isolated panel ID, or undefined to unset\n */\nexport const setDashboardIsolatedLinkerPanelId =\n  (\n    id: string,\n    isolatedLinkerPanelId: string | string[] | undefined\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { isolatedLinkerPanelId }));\n\n/**\n * Set the column selection validator for a dashboard\n * @param id The ID of the dashboard to set the column selection validator on\n * @param columnSelectionValidator The column selection validator to set\n */\nexport const setDashboardColumnSelectionValidator =\n  (\n    id: string,\n    columnSelectionValidator: ColumnSelectionValidator | undefined\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { columnSelectionValidator }));\n\n/**\n * Set the console settings for a dashboard\n * @param id The ID of the dashboard to set the console settings on\n * @param consoleSettings The console settings to set for the dashboard\n */\nexport const setDashboardConsoleSettings =\n  (\n    id: string,\n    consoleSettings: Record<string, unknown>\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { consoleSettings }));\n\n/**\n * Set the filter sets for a specific dashboard\n * @param id The ID of the dashboard to set the filter sets for\n * @param filterSets The filter sets to set\n */\nexport const setDashboardFilterSets =\n  (\n    id: string,\n    filterSets: FilterSet[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { filterSets }));\n"],"mappings":"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"}
+{"version":3,"file":"actions.js","names":["deepEqual","updateDashboardData","getLinksForDashboard","setDashboardConnection","id","connection","dispatch","setDashboardSessionWrapper","sessionWrapper","setDashboardLinks","links","addDashboardLinks","newLinks","getState","filtered","filter","newLink","findIndex","link","start","end","concat","deleteDashboardLinks","linkIds","includes","setDashboardIsolatedLinkerPanelId","isolatedLinkerPanelId","setDashboardColumnSelectionValidator","columnSelectionValidator","setDashboardConsoleSettings","consoleSettings","setDashboardFilterSets","filterSets"],"sources":["../../src/redux/actions.ts"],"sourcesContent":["import deepEqual from 'fast-deep-equal';\nimport { ThunkAction } from 'redux-thunk';\nimport { updateDashboardData } from '@deephaven/dashboard';\nimport { SessionWrapper } from '@deephaven/jsapi-utils';\nimport { RootState } from '@deephaven/redux';\nimport { Action } from 'redux';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { getLinksForDashboard } from './selectors';\nimport { FilterSet } from '../panels';\nimport { Link } from '../linker/LinkerUtils';\nimport { ColumnSelectionValidator } from '../linker/ColumnSelectionValidator';\n\n/**\n * Set the connection for the dashboard specified\n * @param id The ID of the dashboard to set the connection for\n * @param connection The connection object to set for the dashboard\n */\nexport const setDashboardConnection =\n  (\n    id: string,\n    connection: dh.IdeConnection\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { connection }));\n\n/**\n * Set the session wrapper for the dashboard specified\n * @param id The ID of the dashboard to set the session for\n * @param sessionWrapper The session wrapper object to set for the dashboard\n */\nexport const setDashboardSessionWrapper =\n  (\n    id: string,\n    sessionWrapper: SessionWrapper\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { sessionWrapper }));\n\n/**\n * Set the links for a given dashboard\n * @param id The ID of the dashboard to set the links for\n * @param links The links to set\n */\nexport const setDashboardLinks =\n  (\n    id: string,\n    links: Link[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { links }));\n\n/**\n * Add links to the existing links in a dashboard. Filters out any duplicate links.\n * @param id The ID of the dashboard to add links to\n * @param newLinks The new links to add\n */\nexport const addDashboardLinks =\n  (\n    id: string,\n    newLinks: Link[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  (dispatch, getState) => {\n    const links = getLinksForDashboard(getState(), id);\n    const filtered = newLinks.filter(\n      newLink =>\n        links.findIndex(\n          link =>\n            deepEqual(link.start, newLink.start) &&\n            deepEqual(link.end, newLink.end)\n        ) < 0\n    );\n    return dispatch(setDashboardLinks(id, links.concat(filtered)));\n  };\n\n/**\n * Delete links from a dashboard\n * @param id The ID of the dashboard to delete links from\n * @param linkIds The link IDs to delete\n */\nexport const deleteDashboardLinks =\n  (\n    id: string,\n    linkIds: string[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  (dispatch, getState) => {\n    const links = getLinksForDashboard(getState(), id);\n    const newLinks = links.filter(link => !linkIds.includes(link.id));\n    return dispatch(setDashboardLinks(id, newLinks));\n  };\n\n/**\n * Set the isolated linker panel ID for a dashboard\n * @param id The ID of the dashboard to set the isolated linker panel ID in\n * @param isolatedLinkerPanelId The isolated panel ID, or undefined to unset\n */\nexport const setDashboardIsolatedLinkerPanelId =\n  (\n    id: string,\n    isolatedLinkerPanelId: string | string[] | undefined\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { isolatedLinkerPanelId }));\n\n/**\n * Set the column selection validator for a dashboard\n * @param id The ID of the dashboard to set the column selection validator on\n * @param columnSelectionValidator The column selection validator to set\n */\nexport const setDashboardColumnSelectionValidator =\n  (\n    id: string,\n    columnSelectionValidator: ColumnSelectionValidator | undefined\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { columnSelectionValidator }));\n\n/**\n * Set the console settings for a dashboard\n * @param id The ID of the dashboard to set the console settings on\n * @param consoleSettings The console settings to set for the dashboard\n */\nexport const setDashboardConsoleSettings =\n  (\n    id: string,\n    consoleSettings: Record<string, unknown>\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { consoleSettings }));\n\n/**\n * Set the filter sets for a specific dashboard\n * @param id The ID of the dashboard to set the filter sets for\n * @param filterSets The filter sets to set\n */\nexport const setDashboardFilterSets =\n  (\n    id: string,\n    filterSets: FilterSet[]\n  ): ThunkAction<unknown, RootState, undefined, Action<unknown>> =>\n  dispatch =>\n    dispatch(updateDashboardData(id, { filterSets }));\n"],"mappings":"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"}