@deephaven/dashboard-core-plugins 0.46.1-beta.0 → 0.46.1-beta.4

package/dist/linker/LinkerOverlayContent.js

@@ -13,6 +13,8 @@ import clamp from 'lodash.clamp';
 import { isLinkableFromPanel } from "./LinkerUtils.js";
 import LinkerLink from "./LinkerLink.js";
 import "./LinkerOverlayContent.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('LinkerOverlayContent');
 export class LinkerOverlayContent extends Component {
   constructor(props) {
@@ -266,74 +268,82 @@ export class LinkerOverlayContent extends Component {
         return null;
       }
     }).filter(item => item != null);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: classNames('linker-overlay', {
         'danger-delete': mode === 'delete'
-      })
-    }, visibleLinks.map(_ref => {
-      var {
-        x1,
-        y1,
-        x2,
-        y2,
-        id,
-        className,
-        operator,
-        startColumnType,
-        type
-      } = _ref;
-      return /*#__PURE__*/React.createElement(LinkerLink, {
-        className: className,
-        id: id,
-        x1: x1,
-        y1: y1,
-        x2: x2,
-        y2: y2,
-        key: id,
-        onClick: onLinkSelected,
-        onDelete: onLinkDeleted,
-        isSelected: selectedIds.has(id),
-        operator: operator,
-        startColumnType: startColumnType,
-        type: type,
-        onOperatorChanged: this.handleOperatorChanged
-      });
-    }), /*#__PURE__*/React.createElement("div", {
-      className: classNames('linker-toast-dialog', {
-        dragging: isDragging
       }),
-      ref: this.dialogRef,
-      style: {
-        bottom: dialog === null || dialog === void 0 ? void 0 : dialog.y,
-        right: dialog === null || dialog === void 0 ? void 0 : dialog.x
-      },
-      "data-testid": "linker-toast-dialog"
-    }, /*#__PURE__*/React.createElement(Button, {
-      draggable: true,
-      kind: "inline",
-      className: "btn-drag-handle",
-      icon: vsGripper,
-      onClick: () => {
-        // no-op
-      },
-      onMouseDown: this.handleMouseDown
-    }, !isDragging && /*#__PURE__*/React.createElement(Tooltip, null, "Drag to reposition")), /*#__PURE__*/React.createElement("div", {
-      className: "toast-body"
-    }, messageText), /*#__PURE__*/React.createElement("div", {
-      className: "toast-footer"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "secondary",
-      onClick: onAllLinksDeleted
-    }, "Clear All"), /*#__PURE__*/React.createElement(Button, {
-      kind: "primary",
-      onClick: onDone
-    }, "Done"))), /*#__PURE__*/React.createElement(ContextActions, {
-      actions: [{
-        action: this.handleEscapePressed,
-        shortcut: GLOBAL_SHORTCUTS.LINKER_CLOSE,
-        isGlobal: true
-      }]
-    }));
+      children: [visibleLinks.map(_ref => {
+        var {
+          x1,
+          y1,
+          x2,
+          y2,
+          id,
+          className,
+          operator,
+          startColumnType,
+          type
+        } = _ref;
+        return /*#__PURE__*/_jsx(LinkerLink, {
+          className: className,
+          id: id,
+          x1: x1,
+          y1: y1,
+          x2: x2,
+          y2: y2,
+          onClick: onLinkSelected,
+          onDelete: onLinkDeleted,
+          isSelected: selectedIds.has(id),
+          operator: operator,
+          startColumnType: startColumnType,
+          type: type,
+          onOperatorChanged: this.handleOperatorChanged
+        }, id);
+      }), /*#__PURE__*/_jsxs("div", {
+        className: classNames('linker-toast-dialog', {
+          dragging: isDragging
+        }),
+        ref: this.dialogRef,
+        style: {
+          bottom: dialog === null || dialog === void 0 ? void 0 : dialog.y,
+          right: dialog === null || dialog === void 0 ? void 0 : dialog.x
+        },
+        "data-testid": "linker-toast-dialog",
+        children: [/*#__PURE__*/_jsx(Button, {
+          draggable: true,
+          kind: "inline",
+          className: "btn-drag-handle",
+          icon: vsGripper,
+          onClick: () => {
+            // no-op
+          },
+          onMouseDown: this.handleMouseDown,
+          children: !isDragging && /*#__PURE__*/_jsx(Tooltip, {
+            children: "Drag to reposition"
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "toast-body",
+          children: messageText
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "toast-footer",
+          children: [/*#__PURE__*/_jsx(Button, {
+            kind: "secondary",
+            onClick: onAllLinksDeleted,
+            children: "Clear All"
+          }), /*#__PURE__*/_jsx(Button, {
+            kind: "primary",
+            onClick: onDone,
+            children: "Done"
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(ContextActions, {
+        actions: [{
+          action: this.handleEscapePressed,
+          shortcut: GLOBAL_SHORTCUTS.LINKER_CLOSE,
+          isGlobal: true
+        }]
+      })]
+    });
   }
 }
 _defineProperty(LinkerOverlayContent, "defaultProps", {

package/dist/linker/LinkerOverlayContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerOverlayContent.js","names":["React","Component","classNames","Button","ContextActions","GLOBAL_SHORTCUTS","Tooltip","LayoutUtils","Log","vsGripper","clamp","isLinkableFromPanel","LinkerLink","log","module","LinkerOverlayContent","constructor","props","handleBlur","bind","handleResize","handleMouseMove","handleMouseDown","handleMouseUp","handleKeyDown","handleKeyUp","handleEscapePressed","handleOperatorChanged","dialogRef","createRef","state","mouse","undefined","dialog","offset","x","y","isDragging","mode","componentDidMount","window","addEventListener","componentDidCatch","error","info","componentWillUnmount","removeEventListener","getPointFromLinkPoint","linkPoint","panelManager","panelId","columnName","panel","getOpenedPanelById","Error","coordinate","getCoordinateForColumn","e","glContainer","getContainerByPanelId","getTabPoint","linkId","type","links","onLinksUpdated","newLinks","map","link","id","operator","setState","current","rect","getBoundingClientRect","dialogX","innerWidth","width","dialogY","innerHeight","height","event","clientX","clientY","right","bottom","key","preventDefault","selectedIds","onLinkDeleted","forEach","onCancel","render","disabled","messageText","onLinkSelected","onAllLinksDeleted","onDone","visibleLinks","isReversed","start","end","startColumnType","columnType","x1","y1","x2","y2","tmpX","tmpY","className","interactive","has","warn","filter","item","dragging","action","shortcut","LINKER_CLOSE","isGlobal"],"sources":["../../src/linker/LinkerOverlayContent.tsx"],"sourcesContent":["import React, { Component, ErrorInfo } from 'react';\nimport classNames from 'classnames';\nimport {\n  Button,\n  ContextActions,\n  GLOBAL_SHORTCUTS,\n  Tooltip,\n} from '@deephaven/components';\nimport { LayoutUtils, PanelManager } from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport type { Container } from '@deephaven/golden-layout';\nimport { vsGripper } from '@deephaven/icons';\nimport { TypeValue as FilterTypeValue } from '@deephaven/filters';\nimport clamp from 'lodash.clamp';\nimport {\n  isLinkableFromPanel,\n  Link,\n  LinkerCoordinate,\n  LinkPoint,\n  LinkType,\n} from './LinkerUtils';\nimport LinkerLink from './LinkerLink';\nimport './LinkerOverlayContent.scss';\n\nconst log = Log.module('LinkerOverlayContent');\n\nexport type VisibleLink = {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  id: string;\n  className: string;\n  type: LinkType;\n  operator: FilterTypeValue;\n  startColumnType: string | null;\n};\n\nexport type LinkerOverlayContentProps = {\n  disabled?: boolean;\n  links: Link[];\n  selectedIds: Set<string>;\n  messageText: string;\n  onLinkSelected: (linkId: string) => void;\n  onLinkDeleted: (linkId: string) => void;\n  onAllLinksDeleted: () => void;\n  onLinksUpdated: (newLinks: Link[]) => void;\n  onCancel: () => void;\n  onDone: () => void;\n  panelManager: PanelManager;\n};\n\ntype Point = { x: number; y: number };\n\nexport type LinkerOverlayContentState = {\n  mouse?: Point;\n  dialog?: Point;\n  offset: Point;\n  isDragging: boolean;\n  mode: 'select' | 'delete';\n};\n\nexport class LinkerOverlayContent extends Component<\n  LinkerOverlayContentProps,\n  LinkerOverlayContentState\n> {\n  static defaultProps = {\n    disabled: 'false',\n  };\n\n  constructor(props: LinkerOverlayContentProps) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleKeyUp = this.handleKeyUp.bind(this);\n    this.handleEscapePressed = this.handleEscapePressed.bind(this);\n    this.handleOperatorChanged = this.handleOperatorChanged.bind(this);\n\n    this.dialogRef = React.createRef();\n\n    this.state = {\n      mouse: undefined,\n      dialog: undefined,\n      offset: { x: 0, y: 0 },\n      isDragging: false,\n      mode: 'select',\n    };\n  }\n\n  componentDidMount(): void {\n    window.addEventListener('blur', this.handleBlur, true);\n    window.addEventListener('mousemove', this.handleMouseMove, true);\n    window.addEventListener('mouseup', this.handleMouseUp, true);\n    window.addEventListener('keydown', this.handleKeyDown, true);\n    window.addEventListener('keyup', this.handleKeyUp, true);\n    window.addEventListener('resize', this.handleResize, true);\n  }\n\n  // eslint-disable-next-line react/sort-comp\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    log.error('componentDidCatch', error, info);\n  }\n\n  componentWillUnmount(): void {\n    window.removeEventListener('blur', this.handleBlur, true);\n    window.removeEventListener('mousemove', this.handleMouseMove, true);\n    window.removeEventListener('mouseup', this.handleMouseUp, true);\n    window.removeEventListener('keydown', this.handleKeyDown, true);\n    window.removeEventListener('keyup', this.handleKeyUp, true);\n    window.removeEventListener('resize', this.handleResize, true);\n  }\n\n  dialogRef: React.RefObject<HTMLInputElement>;\n\n  /** Gets the on screen points for a link start or end spec */\n  getPointFromLinkPoint(linkPoint: LinkPoint): LinkerCoordinate {\n    const { panelManager } = this.props;\n    const { panelId, columnName } = linkPoint;\n    const panel = panelManager.getOpenedPanelById(panelId);\n    if (panel != null) {\n      if (!isLinkableFromPanel(panel)) {\n        throw new Error(\n          `Panel does not have getCoordinateForColumn method: ${panelId}`\n        );\n      }\n      try {\n        // TODO: remove try/catch when IDS-7371 is fixed.\n        // getCoordinateForColumn throws an exception when accessing\n        // columns on a model while it reconnects\n        const coordinate = panel.getCoordinateForColumn(columnName);\n        if (coordinate != null) {\n          return coordinate;\n        }\n      } catch (e) {\n        log.error('Could not get coordinate for column', columnName, panel);\n      }\n    }\n    // Fallback to panel container if the panel itself\n    // crashed, unmounted, and removed from openedPanelMap.\n    const glContainer = panelManager.getContainerByPanelId(panelId);\n    if (glContainer == null) {\n      throw new Error(`Unable to find panel container for id: ${panelId}`);\n    }\n    return LayoutUtils.getTabPoint(glContainer as unknown as Container);\n  }\n\n  handleOperatorChanged(linkId: string, type: FilterTypeValue): void {\n    const { links, onLinksUpdated } = this.props;\n    const newLinks: Link[] = links.map(link =>\n      link.id === linkId ? { ...link, operator: type } : link\n    );\n    onLinksUpdated(newLinks);\n  }\n\n  handleBlur(): void {\n    this.setState({ mode: 'select' });\n  }\n\n  handleResize(): void {\n    const { dialog } = this.state;\n    if (dialog && this.dialogRef.current) {\n      const rect = this.dialogRef.current.getBoundingClientRect();\n      const dialogX = clamp(dialog.x, 0, window.innerWidth - rect.width);\n      const dialogY = clamp(dialog.y, 0, window.innerHeight - rect.height);\n      this.setState({\n        dialog: { x: dialogX, y: dialogY },\n      });\n    }\n  }\n\n  handleMouseMove(event: MouseEvent): void {\n    const { offset, isDragging } = this.state;\n    this.setState({\n      mouse: { x: event.clientX, y: event.clientY },\n    });\n\n    if (isDragging && this.dialogRef.current) {\n      const rect = this.dialogRef.current.getBoundingClientRect();\n      const dialogX = clamp(\n        window.innerWidth - (event.clientX + rect.width + offset.x),\n        0,\n        window.innerWidth - rect.width\n      );\n\n      const dialogY = clamp(\n        window.innerHeight - (event.clientY + rect.height + offset.y),\n        0,\n        window.innerHeight - rect.height\n      );\n\n      this.setState({\n        dialog: { x: dialogX, y: dialogY },\n      });\n    }\n  }\n\n  handleMouseDown(event: React.MouseEvent): void {\n    const offset: Point = { x: 0, y: 0 };\n    if (this.dialogRef.current) {\n      const rect = this.dialogRef.current.getBoundingClientRect();\n      offset.x = rect.right - (rect.width + event.clientX);\n      offset.y = rect.bottom - (rect.height + event.clientY);\n    }\n    this.setState({\n      isDragging: true,\n      offset,\n    });\n  }\n\n  handleMouseUp(): void {\n    this.setState({\n      isDragging: false,\n    });\n  }\n\n  handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Alt') {\n      event.preventDefault();\n      this.setState({\n        mode: 'delete',\n      });\n    } else if (event.key === 'Delete' || event.key === 'Backspace') {\n      const { selectedIds, onLinkDeleted } = this.props;\n      event.preventDefault();\n      selectedIds.forEach(id => onLinkDeleted(id));\n    }\n  }\n\n  handleKeyUp(event: KeyboardEvent): void {\n    if (event.key === 'Alt') {\n      event.preventDefault();\n      this.setState({\n        mode: 'select',\n      });\n    }\n  }\n\n  handleEscapePressed(): void {\n    const { onCancel } = this.props;\n    onCancel();\n  }\n\n  render(): JSX.Element {\n    const {\n      disabled,\n      links,\n      selectedIds,\n      messageText,\n      onLinkSelected,\n      onLinkDeleted,\n      onAllLinksDeleted,\n      onDone,\n    } = this.props;\n\n    const { mouse, dialog, isDragging, mode } = this.state;\n    const visibleLinks = links\n      .map(link => {\n        try {\n          const { id, type, isReversed, start, end, operator } = link;\n          const startColumnType = start.columnType;\n          let [x1, y1] = this.getPointFromLinkPoint(start);\n          let x2 = mouse?.x ?? x1;\n          let y2 = mouse?.y ?? y1;\n          if (end != null) {\n            [x2, y2] = this.getPointFromLinkPoint(end);\n          }\n          if (isReversed != null && isReversed) {\n            const [tmpX, tmpY] = [x1, y1];\n            [x1, y1] = [x2, y2];\n            [x2, y2] = [tmpX, tmpY];\n          }\n          const className = classNames(\n            'linker-link',\n            { disabled },\n            { 'link-filter-source': type === 'filterSource' },\n            { 'link-invalid': type === 'invalid' },\n            { interactive: link.end == null },\n            { 'link-is-selected': selectedIds.has(id) },\n            { 'danger-delete': mode === 'delete' }\n          );\n          return {\n            x1,\n            y1,\n            x2,\n            y2,\n            id,\n            className,\n            operator,\n            startColumnType,\n            type,\n          };\n        } catch (error) {\n          log.warn('Unable to get point for link', link, error);\n          return null;\n        }\n      })\n      .filter(item => item != null) as VisibleLink[];\n\n    return (\n      <div\n        className={classNames('linker-overlay', {\n          'danger-delete': mode === 'delete',\n        })}\n      >\n        {visibleLinks.map(\n          ({\n            x1,\n            y1,\n            x2,\n            y2,\n            id,\n            className,\n            operator,\n            startColumnType,\n            type,\n          }) => (\n            <LinkerLink\n              className={className}\n              id={id}\n              x1={x1}\n              y1={y1}\n              x2={x2}\n              y2={y2}\n              key={id}\n              onClick={onLinkSelected}\n              onDelete={onLinkDeleted}\n              isSelected={selectedIds.has(id)}\n              operator={operator}\n              startColumnType={startColumnType}\n              type={type}\n              onOperatorChanged={this.handleOperatorChanged}\n            />\n          )\n        )}\n        <div\n          className={classNames('linker-toast-dialog', {\n            dragging: isDragging,\n          })}\n          ref={this.dialogRef}\n          style={{ bottom: dialog?.y, right: dialog?.x }}\n          data-testid=\"linker-toast-dialog\"\n        >\n          <Button\n            draggable\n            kind=\"inline\"\n            className=\"btn-drag-handle\"\n            icon={vsGripper}\n            onClick={() => {\n              // no-op\n            }}\n            onMouseDown={this.handleMouseDown}\n          >\n            {!isDragging && <Tooltip>Drag to reposition</Tooltip>}\n          </Button>\n          <div className=\"toast-body\">{messageText}</div>\n          <div className=\"toast-footer\">\n            <Button kind=\"secondary\" onClick={onAllLinksDeleted}>\n              Clear All\n            </Button>\n            <Button kind=\"primary\" onClick={onDone}>\n              Done\n            </Button>\n          </div>\n        </div>\n        <ContextActions\n          actions={[\n            {\n              action: this.handleEscapePressed,\n              shortcut: GLOBAL_SHORTCUTS.LINKER_CLOSE,\n              isGlobal: true,\n            },\n          ]}\n        />\n      </div>\n    );\n  }\n}\n\nexport default LinkerOverlayContent;\n"],"mappings":"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"}
+{"version":3,"file":"LinkerOverlayContent.js","names":["React","Component","classNames","Button","ContextActions","GLOBAL_SHORTCUTS","Tooltip","LayoutUtils","Log","vsGripper","clamp","isLinkableFromPanel","LinkerLink","log","module","LinkerOverlayContent","constructor","props","handleBlur","bind","handleResize","handleMouseMove","handleMouseDown","handleMouseUp","handleKeyDown","handleKeyUp","handleEscapePressed","handleOperatorChanged","dialogRef","createRef","state","mouse","undefined","dialog","offset","x","y","isDragging","mode","componentDidMount","window","addEventListener","componentDidCatch","error","info","componentWillUnmount","removeEventListener","getPointFromLinkPoint","linkPoint","panelManager","panelId","columnName","panel","getOpenedPanelById","Error","coordinate","getCoordinateForColumn","e","glContainer","getContainerByPanelId","getTabPoint","linkId","type","links","onLinksUpdated","newLinks","map","link","id","operator","setState","current","rect","getBoundingClientRect","dialogX","innerWidth","width","dialogY","innerHeight","height","event","clientX","clientY","right","bottom","key","preventDefault","selectedIds","onLinkDeleted","forEach","onCancel","render","disabled","messageText","onLinkSelected","onAllLinksDeleted","onDone","visibleLinks","isReversed","start","end","startColumnType","columnType","x1","y1","x2","y2","tmpX","tmpY","className","interactive","has","warn","filter","item","dragging","action","shortcut","LINKER_CLOSE","isGlobal"],"sources":["../../src/linker/LinkerOverlayContent.tsx"],"sourcesContent":["import React, { Component, ErrorInfo } from 'react';\nimport classNames from 'classnames';\nimport {\n  Button,\n  ContextActions,\n  GLOBAL_SHORTCUTS,\n  Tooltip,\n} from '@deephaven/components';\nimport { LayoutUtils, PanelManager } from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport type { Container } from '@deephaven/golden-layout';\nimport { vsGripper } from '@deephaven/icons';\nimport { TypeValue as FilterTypeValue } from '@deephaven/filters';\nimport clamp from 'lodash.clamp';\nimport {\n  isLinkableFromPanel,\n  Link,\n  LinkerCoordinate,\n  LinkPoint,\n  LinkType,\n} from './LinkerUtils';\nimport LinkerLink from './LinkerLink';\nimport './LinkerOverlayContent.scss';\n\nconst log = Log.module('LinkerOverlayContent');\n\nexport type VisibleLink = {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  id: string;\n  className: string;\n  type: LinkType;\n  operator: FilterTypeValue;\n  startColumnType: string | null;\n};\n\nexport type LinkerOverlayContentProps = {\n  disabled?: boolean;\n  links: Link[];\n  selectedIds: Set<string>;\n  messageText: string;\n  onLinkSelected: (linkId: string) => void;\n  onLinkDeleted: (linkId: string) => void;\n  onAllLinksDeleted: () => void;\n  onLinksUpdated: (newLinks: Link[]) => void;\n  onCancel: () => void;\n  onDone: () => void;\n  panelManager: PanelManager;\n};\n\ntype Point = { x: number; y: number };\n\nexport type LinkerOverlayContentState = {\n  mouse?: Point;\n  dialog?: Point;\n  offset: Point;\n  isDragging: boolean;\n  mode: 'select' | 'delete';\n};\n\nexport class LinkerOverlayContent extends Component<\n  LinkerOverlayContentProps,\n  LinkerOverlayContentState\n> {\n  static defaultProps = {\n    disabled: 'false',\n  };\n\n  constructor(props: LinkerOverlayContentProps) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleKeyUp = this.handleKeyUp.bind(this);\n    this.handleEscapePressed = this.handleEscapePressed.bind(this);\n    this.handleOperatorChanged = this.handleOperatorChanged.bind(this);\n\n    this.dialogRef = React.createRef();\n\n    this.state = {\n      mouse: undefined,\n      dialog: undefined,\n      offset: { x: 0, y: 0 },\n      isDragging: false,\n      mode: 'select',\n    };\n  }\n\n  componentDidMount(): void {\n    window.addEventListener('blur', this.handleBlur, true);\n    window.addEventListener('mousemove', this.handleMouseMove, true);\n    window.addEventListener('mouseup', this.handleMouseUp, true);\n    window.addEventListener('keydown', this.handleKeyDown, true);\n    window.addEventListener('keyup', this.handleKeyUp, true);\n    window.addEventListener('resize', this.handleResize, true);\n  }\n\n  // eslint-disable-next-line react/sort-comp\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    log.error('componentDidCatch', error, info);\n  }\n\n  componentWillUnmount(): void {\n    window.removeEventListener('blur', this.handleBlur, true);\n    window.removeEventListener('mousemove', this.handleMouseMove, true);\n    window.removeEventListener('mouseup', this.handleMouseUp, true);\n    window.removeEventListener('keydown', this.handleKeyDown, true);\n    window.removeEventListener('keyup', this.handleKeyUp, true);\n    window.removeEventListener('resize', this.handleResize, true);\n  }\n\n  dialogRef: React.RefObject<HTMLInputElement>;\n\n  /** Gets the on screen points for a link start or end spec */\n  getPointFromLinkPoint(linkPoint: LinkPoint): LinkerCoordinate {\n    const { panelManager } = this.props;\n    const { panelId, columnName } = linkPoint;\n    const panel = panelManager.getOpenedPanelById(panelId);\n    if (panel != null) {\n      if (!isLinkableFromPanel(panel)) {\n        throw new Error(\n          `Panel does not have getCoordinateForColumn method: ${panelId}`\n        );\n      }\n      try {\n        // TODO: remove try/catch when IDS-7371 is fixed.\n        // getCoordinateForColumn throws an exception when accessing\n        // columns on a model while it reconnects\n        const coordinate = panel.getCoordinateForColumn(columnName);\n        if (coordinate != null) {\n          return coordinate;\n        }\n      } catch (e) {\n        log.error('Could not get coordinate for column', columnName, panel);\n      }\n    }\n    // Fallback to panel container if the panel itself\n    // crashed, unmounted, and removed from openedPanelMap.\n    const glContainer = panelManager.getContainerByPanelId(panelId);\n    if (glContainer == null) {\n      throw new Error(`Unable to find panel container for id: ${panelId}`);\n    }\n    return LayoutUtils.getTabPoint(glContainer as unknown as Container);\n  }\n\n  handleOperatorChanged(linkId: string, type: FilterTypeValue): void {\n    const { links, onLinksUpdated } = this.props;\n    const newLinks: Link[] = links.map(link =>\n      link.id === linkId ? { ...link, operator: type } : link\n    );\n    onLinksUpdated(newLinks);\n  }\n\n  handleBlur(): void {\n    this.setState({ mode: 'select' });\n  }\n\n  handleResize(): void {\n    const { dialog } = this.state;\n    if (dialog && this.dialogRef.current) {\n      const rect = this.dialogRef.current.getBoundingClientRect();\n      const dialogX = clamp(dialog.x, 0, window.innerWidth - rect.width);\n      const dialogY = clamp(dialog.y, 0, window.innerHeight - rect.height);\n      this.setState({\n        dialog: { x: dialogX, y: dialogY },\n      });\n    }\n  }\n\n  handleMouseMove(event: MouseEvent): void {\n    const { offset, isDragging } = this.state;\n    this.setState({\n      mouse: { x: event.clientX, y: event.clientY },\n    });\n\n    if (isDragging && this.dialogRef.current) {\n      const rect = this.dialogRef.current.getBoundingClientRect();\n      const dialogX = clamp(\n        window.innerWidth - (event.clientX + rect.width + offset.x),\n        0,\n        window.innerWidth - rect.width\n      );\n\n      const dialogY = clamp(\n        window.innerHeight - (event.clientY + rect.height + offset.y),\n        0,\n        window.innerHeight - rect.height\n      );\n\n      this.setState({\n        dialog: { x: dialogX, y: dialogY },\n      });\n    }\n  }\n\n  handleMouseDown(event: React.MouseEvent): void {\n    const offset: Point = { x: 0, y: 0 };\n    if (this.dialogRef.current) {\n      const rect = this.dialogRef.current.getBoundingClientRect();\n      offset.x = rect.right - (rect.width + event.clientX);\n      offset.y = rect.bottom - (rect.height + event.clientY);\n    }\n    this.setState({\n      isDragging: true,\n      offset,\n    });\n  }\n\n  handleMouseUp(): void {\n    this.setState({\n      isDragging: false,\n    });\n  }\n\n  handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Alt') {\n      event.preventDefault();\n      this.setState({\n        mode: 'delete',\n      });\n    } else if (event.key === 'Delete' || event.key === 'Backspace') {\n      const { selectedIds, onLinkDeleted } = this.props;\n      event.preventDefault();\n      selectedIds.forEach(id => onLinkDeleted(id));\n    }\n  }\n\n  handleKeyUp(event: KeyboardEvent): void {\n    if (event.key === 'Alt') {\n      event.preventDefault();\n      this.setState({\n        mode: 'select',\n      });\n    }\n  }\n\n  handleEscapePressed(): void {\n    const { onCancel } = this.props;\n    onCancel();\n  }\n\n  render(): JSX.Element {\n    const {\n      disabled,\n      links,\n      selectedIds,\n      messageText,\n      onLinkSelected,\n      onLinkDeleted,\n      onAllLinksDeleted,\n      onDone,\n    } = this.props;\n\n    const { mouse, dialog, isDragging, mode } = this.state;\n    const visibleLinks = links\n      .map(link => {\n        try {\n          const { id, type, isReversed, start, end, operator } = link;\n          const startColumnType = start.columnType;\n          let [x1, y1] = this.getPointFromLinkPoint(start);\n          let x2 = mouse?.x ?? x1;\n          let y2 = mouse?.y ?? y1;\n          if (end != null) {\n            [x2, y2] = this.getPointFromLinkPoint(end);\n          }\n          if (isReversed != null && isReversed) {\n            const [tmpX, tmpY] = [x1, y1];\n            [x1, y1] = [x2, y2];\n            [x2, y2] = [tmpX, tmpY];\n          }\n          const className = classNames(\n            'linker-link',\n            { disabled },\n            { 'link-filter-source': type === 'filterSource' },\n            { 'link-invalid': type === 'invalid' },\n            { interactive: link.end == null },\n            { 'link-is-selected': selectedIds.has(id) },\n            { 'danger-delete': mode === 'delete' }\n          );\n          return {\n            x1,\n            y1,\n            x2,\n            y2,\n            id,\n            className,\n            operator,\n            startColumnType,\n            type,\n          };\n        } catch (error) {\n          log.warn('Unable to get point for link', link, error);\n          return null;\n        }\n      })\n      .filter(item => item != null) as VisibleLink[];\n\n    return (\n      <div\n        className={classNames('linker-overlay', {\n          'danger-delete': mode === 'delete',\n        })}\n      >\n        {visibleLinks.map(\n          ({\n            x1,\n            y1,\n            x2,\n            y2,\n            id,\n            className,\n            operator,\n            startColumnType,\n            type,\n          }) => (\n            <LinkerLink\n              className={className}\n              id={id}\n              x1={x1}\n              y1={y1}\n              x2={x2}\n              y2={y2}\n              key={id}\n              onClick={onLinkSelected}\n              onDelete={onLinkDeleted}\n              isSelected={selectedIds.has(id)}\n              operator={operator}\n              startColumnType={startColumnType}\n              type={type}\n              onOperatorChanged={this.handleOperatorChanged}\n            />\n          )\n        )}\n        <div\n          className={classNames('linker-toast-dialog', {\n            dragging: isDragging,\n          })}\n          ref={this.dialogRef}\n          style={{ bottom: dialog?.y, right: dialog?.x }}\n          data-testid=\"linker-toast-dialog\"\n        >\n          <Button\n            draggable\n            kind=\"inline\"\n            className=\"btn-drag-handle\"\n            icon={vsGripper}\n            onClick={() => {\n              // no-op\n            }}\n            onMouseDown={this.handleMouseDown}\n          >\n            {!isDragging && <Tooltip>Drag to reposition</Tooltip>}\n          </Button>\n          <div className=\"toast-body\">{messageText}</div>\n          <div className=\"toast-footer\">\n            <Button kind=\"secondary\" onClick={onAllLinksDeleted}>\n              Clear All\n            </Button>\n            <Button kind=\"primary\" onClick={onDone}>\n              Done\n            </Button>\n          </div>\n        </div>\n        <ContextActions\n          actions={[\n            {\n              action: this.handleEscapePressed,\n              shortcut: GLOBAL_SHORTCUTS.LINKER_CLOSE,\n              isGlobal: true,\n            },\n          ]}\n        />\n      </div>\n    );\n  }\n}\n\nexport default LinkerOverlayContent;\n"],"mappings":"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"}

package/dist/panels/ChartColumnSelectorOverlay.js

@@ -2,6 +2,8 @@ import React from 'react';
 import classNames from 'classnames';
 import { SocketedButton } from '@deephaven/components';
 import "./ChartColumnSelectorOverlay.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ChartColumnSelectorOverlay(_ref) {
   var {
     columns,
@@ -9,25 +11,29 @@ function ChartColumnSelectorOverlay(_ref) {
     onMouseEnter: _onMouseEnter,
     onMouseLeave
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "chart-panel-overlay chart-column-selector-overlay"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('chart-panel-overlay-content')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "info-message"
-  }, "This plot requires a filter control to be added to the layout or a table link to be created on the following columns:"), /*#__PURE__*/React.createElement("div", {
-    className: "waiting-column-select-list"
-  }, columns.map(column => /*#__PURE__*/React.createElement(SocketedButton, {
-    key: column.name,
-    className: classNames('btn-chart-column-selector', ChartColumnSelectorOverlay.makeButtonClassName(column.name)),
-    onClick: () => onColumnSelected(column.name),
-    onMouseEnter: () => {
-      if (_onMouseEnter) _onMouseEnter(column);
-    },
-    onMouseLeave: onMouseLeave,
-    disabled: !column.isValid,
-    isLinked: column.isActive
-  }, column.name)))));
+  return /*#__PURE__*/_jsx("div", {
+    className: "chart-panel-overlay chart-column-selector-overlay",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames('chart-panel-overlay-content'),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "info-message",
+        children: "This plot requires a filter control to be added to the layout or a table link to be created on the following columns:"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "waiting-column-select-list",
+        children: columns.map(column => /*#__PURE__*/_jsx(SocketedButton, {
+          className: classNames('btn-chart-column-selector', ChartColumnSelectorOverlay.makeButtonClassName(column.name)),
+          onClick: () => onColumnSelected(column.name),
+          onMouseEnter: () => {
+            if (_onMouseEnter) _onMouseEnter(column);
+          },
+          onMouseLeave: onMouseLeave,
+          disabled: !column.isValid,
+          isLinked: column.isActive,
+          children: column.name
+        }, column.name))
+      })]
+    })
+  });
 }
 ChartColumnSelectorOverlay.makeButtonClassName = columnName => "btn-chart-column-selector-".concat(columnName);
 ChartColumnSelectorOverlay.defaultProps = {

package/dist/panels/ChartColumnSelectorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartColumnSelectorOverlay.js","names":["React","classNames","SocketedButton","ChartColumnSelectorOverlay","columns","onColumnSelected","onMouseEnter","onMouseLeave","map","column","name","makeButtonClassName","isValid","isActive","columnName","defaultProps","undefined"],"sources":["../../src/panels/ChartColumnSelectorOverlay.tsx"],"sourcesContent":["import React, { MouseEventHandler, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { SocketedButton } from '@deephaven/components';\nimport './ChartColumnSelectorOverlay.scss';\n\nexport interface SelectorColumn {\n  name: string;\n  type: string;\n  isValid: boolean;\n  isActive: boolean;\n}\n\ninterface ChartColumnSelectorOverlayProps {\n  columns: SelectorColumn[];\n  onColumnSelected: (name: string) => void;\n  onMouseEnter?: (column: SelectorColumn) => void;\n  onMouseLeave?: MouseEventHandler<HTMLButtonElement>;\n}\n\nfunction ChartColumnSelectorOverlay({\n  columns,\n  onColumnSelected,\n  onMouseEnter,\n  onMouseLeave,\n}: ChartColumnSelectorOverlayProps): ReactElement {\n  return (\n    <div className=\"chart-panel-overlay chart-column-selector-overlay\">\n      <div className={classNames('chart-panel-overlay-content')}>\n        <div className=\"info-message\">\n          This plot requires a filter control to be added to the layout or a\n          table link to be created on the following columns:\n        </div>\n        <div className=\"waiting-column-select-list\">\n          {columns.map(column => (\n            <SocketedButton\n              key={column.name}\n              className={classNames(\n                'btn-chart-column-selector',\n                ChartColumnSelectorOverlay.makeButtonClassName(column.name)\n              )}\n              onClick={() => onColumnSelected(column.name)}\n              onMouseEnter={() => {\n                if (onMouseEnter) onMouseEnter(column);\n              }}\n              onMouseLeave={onMouseLeave}\n              disabled={!column.isValid}\n              isLinked={column.isActive}\n            >\n              {column.name}\n            </SocketedButton>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nChartColumnSelectorOverlay.makeButtonClassName = (columnName: string) =>\n  `btn-chart-column-selector-${columnName}`;\n\nChartColumnSelectorOverlay.defaultProps = {\n  onMouseEnter: (): void => undefined,\n  onMouseLeave: (): void => undefined,\n};\n\nexport default ChartColumnSelectorOverlay;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA2C,OAAO;AAC9D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,uBAAuB;AAAC;AAiBvD,SAASC,0BAA0B,OAKe;EAAA,IALd;IAClCC,OAAO;IACPC,gBAAgB;IAChBC,YAAY,EAAZA,aAAY;IACZC;EAC+B,CAAC;EAChC,oBACE;IAAK,SAAS,EAAC;EAAmD,gBAChE;IAAK,SAAS,EAAEN,UAAU,CAAC,6BAA6B;EAAE,gBACxD;IAAK,SAAS,EAAC;EAAc,GAAC,uHAG9B,CAAM,eACN;IAAK,SAAS,EAAC;EAA4B,GACxCG,OAAO,CAACI,GAAG,CAACC,MAAM,iBACjB,oBAAC,cAAc;IACb,GAAG,EAAEA,MAAM,CAACC,IAAK;IACjB,SAAS,EAAET,UAAU,CACnB,2BAA2B,EAC3BE,0BAA0B,CAACQ,mBAAmB,CAACF,MAAM,CAACC,IAAI,CAAC,CAC3D;IACF,OAAO,EAAE,MAAML,gBAAgB,CAACI,MAAM,CAACC,IAAI,CAAE;IAC7C,YAAY,EAAE,MAAM;MAClB,IAAIJ,aAAY,EAAEA,aAAY,CAACG,MAAM,CAAC;IACxC,CAAE;IACF,YAAY,EAAEF,YAAa;IAC3B,QAAQ,EAAE,CAACE,MAAM,CAACG,OAAQ;IAC1B,QAAQ,EAAEH,MAAM,CAACI;EAAS,GAEzBJ,MAAM,CAACC,IAAI,CAEf,CAAC,CACE,CACF,CACF;AAEV;AAEAP,0BAA0B,CAACQ,mBAAmB,GAAIG,UAAkB,wCACrCA,UAAU,CAAE;AAE3CX,0BAA0B,CAACY,YAAY,GAAG;EACxCT,YAAY,EAAE,MAAYU,SAAS;EACnCT,YAAY,EAAE,MAAYS;AAC5B,CAAC;AAED,eAAeb,0BAA0B"}
+{"version":3,"file":"ChartColumnSelectorOverlay.js","names":["React","classNames","SocketedButton","ChartColumnSelectorOverlay","columns","onColumnSelected","onMouseEnter","onMouseLeave","map","column","makeButtonClassName","name","isValid","isActive","columnName","defaultProps","undefined"],"sources":["../../src/panels/ChartColumnSelectorOverlay.tsx"],"sourcesContent":["import React, { MouseEventHandler, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { SocketedButton } from '@deephaven/components';\nimport './ChartColumnSelectorOverlay.scss';\n\nexport interface SelectorColumn {\n  name: string;\n  type: string;\n  isValid: boolean;\n  isActive: boolean;\n}\n\ninterface ChartColumnSelectorOverlayProps {\n  columns: SelectorColumn[];\n  onColumnSelected: (name: string) => void;\n  onMouseEnter?: (column: SelectorColumn) => void;\n  onMouseLeave?: MouseEventHandler<HTMLButtonElement>;\n}\n\nfunction ChartColumnSelectorOverlay({\n  columns,\n  onColumnSelected,\n  onMouseEnter,\n  onMouseLeave,\n}: ChartColumnSelectorOverlayProps): ReactElement {\n  return (\n    <div className=\"chart-panel-overlay chart-column-selector-overlay\">\n      <div className={classNames('chart-panel-overlay-content')}>\n        <div className=\"info-message\">\n          This plot requires a filter control to be added to the layout or a\n          table link to be created on the following columns:\n        </div>\n        <div className=\"waiting-column-select-list\">\n          {columns.map(column => (\n            <SocketedButton\n              key={column.name}\n              className={classNames(\n                'btn-chart-column-selector',\n                ChartColumnSelectorOverlay.makeButtonClassName(column.name)\n              )}\n              onClick={() => onColumnSelected(column.name)}\n              onMouseEnter={() => {\n                if (onMouseEnter) onMouseEnter(column);\n              }}\n              onMouseLeave={onMouseLeave}\n              disabled={!column.isValid}\n              isLinked={column.isActive}\n            >\n              {column.name}\n            </SocketedButton>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nChartColumnSelectorOverlay.makeButtonClassName = (columnName: string) =>\n  `btn-chart-column-selector-${columnName}`;\n\nChartColumnSelectorOverlay.defaultProps = {\n  onMouseEnter: (): void => undefined,\n  onMouseLeave: (): void => undefined,\n};\n\nexport default ChartColumnSelectorOverlay;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA2C,OAAO;AAC9D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,uBAAuB;AAAC;AAAA;AAAA;AAiBvD,SAASC,0BAA0B,OAKe;EAAA,IALd;IAClCC,OAAO;IACPC,gBAAgB;IAChBC,YAAY,EAAZA,aAAY;IACZC;EAC+B,CAAC;EAChC,oBACE;IAAK,SAAS,EAAC,mDAAmD;IAAA,uBAChE;MAAK,SAAS,EAAEN,UAAU,CAAC,6BAA6B,CAAE;MAAA,wBACxD;QAAK,SAAS,EAAC,cAAc;QAAA,UAAC;MAG9B,EAAM,eACN;QAAK,SAAS,EAAC,4BAA4B;QAAA,UACxCG,OAAO,CAACI,GAAG,CAACC,MAAM,iBACjB,KAAC,cAAc;UAEb,SAAS,EAAER,UAAU,CACnB,2BAA2B,EAC3BE,0BAA0B,CAACO,mBAAmB,CAACD,MAAM,CAACE,IAAI,CAAC,CAC3D;UACF,OAAO,EAAE,MAAMN,gBAAgB,CAACI,MAAM,CAACE,IAAI,CAAE;UAC7C,YAAY,EAAE,MAAM;YAClB,IAAIL,aAAY,EAAEA,aAAY,CAACG,MAAM,CAAC;UACxC,CAAE;UACF,YAAY,EAAEF,YAAa;UAC3B,QAAQ,EAAE,CAACE,MAAM,CAACG,OAAQ;UAC1B,QAAQ,EAAEH,MAAM,CAACI,QAAS;UAAA,UAEzBJ,MAAM,CAACE;QAAI,GAbPF,MAAM,CAACE,IAAI,CAenB;MAAC,EACE;IAAA;EACF,EACF;AAEV;AAEAR,0BAA0B,CAACO,mBAAmB,GAAII,UAAkB,wCACrCA,UAAU,CAAE;AAE3CX,0BAA0B,CAACY,YAAY,GAAG;EACxCT,YAAY,EAAE,MAAYU,SAAS;EACnCT,YAAY,EAAE,MAAYS;AAC5B,CAAC;AAED,eAAeb,0BAA0B"}

package/dist/panels/ChartFilterOverlay.js

@@ -6,6 +6,9 @@ import { ButtonOld } from '@deephaven/components';
 import { vsPass, vsWarning } from '@deephaven/icons';
 import { TextUtils } from '@deephaven/utils';
 import "./ChartFilterOverlay.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function ChartFilterOverlay(_ref) {
   var {
     columnMap,
@@ -42,40 +45,54 @@ function ChartFilterOverlay(_ref) {
   }, [onOpenLinker]);
   var isWaitingFilters = waitingFilterMap.size > 0;
   var isWaitingInput = !isWaitingFilters && waitingInputMap.size > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "chart-panel-overlay chart-filter-overlay"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('chart-panel-overlay-content chart-filter-overlay-content', {
-      'chart-filter-waiting-filter': isWaitingFilters
-    }, {
-      'chart-filter-waiting-input': isWaitingInput
+  return /*#__PURE__*/_jsx("div", {
+    className: "chart-panel-overlay chart-filter-overlay",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames('chart-panel-overlay-content chart-filter-overlay-content', {
+        'chart-filter-waiting-filter': isWaitingFilters
+      }, {
+        'chart-filter-waiting-input': isWaitingInput
+      }),
+      children: [isWaitingFilters && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "info-message",
+          children: "This plot requires a filter control to be added to the layout or a table link to be created on the following columns:"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "waiting-filter-list",
+          children: columns.map(column => {
+            var isColumnWaiting = waitingFilterMap.has(column.name);
+            var icon = isColumnWaiting ? vsWarning : vsPass;
+            return /*#__PURE__*/_jsxs("div", {
+              className: classNames('waiting-filter-item', {
+                'is-invalid': isColumnWaiting
+              }),
+              children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+                icon: icon
+              }), column.name]
+            }, column.name);
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx(ButtonOld, {
+            onClick: handleAddClick,
+            className: "btn-primary",
+            children: "Add Input Filters"
+          }), /*#__PURE__*/_jsx(ButtonOld, {
+            onClick: handleOpenLinker,
+            className: "btn-primary",
+            children: "Open Linker Tool"
+          })]
+        })]
+      }), isWaitingInput && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "info-message",
+          children: "Waiting for User Input"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "",
+          children: inputMessage
+        })]
+      })]
     })
-  }, isWaitingFilters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "info-message"
-  }, "This plot requires a filter control to be added to the layout or a table link to be created on the following columns:"), /*#__PURE__*/React.createElement("div", {
-    className: "waiting-filter-list"
-  }, columns.map(column => {
-    var isColumnWaiting = waitingFilterMap.has(column.name);
-    var icon = isColumnWaiting ? vsWarning : vsPass;
-    return /*#__PURE__*/React.createElement("div", {
-      key: column.name,
-      className: classNames('waiting-filter-item', {
-        'is-invalid': isColumnWaiting
-      })
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: icon
-    }), column.name);
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonOld, {
-    onClick: handleAddClick,
-    className: "btn-primary"
-  }, "Add Input Filters"), /*#__PURE__*/React.createElement(ButtonOld, {
-    onClick: handleOpenLinker,
-    className: "btn-primary"
-  }, "Open Linker Tool"))), isWaitingInput && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "info-message"
-  }, "Waiting for User Input"), /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, inputMessage))));
+  });
 }
 ChartFilterOverlay.propTypes = {
   columnMap: PropTypes.instanceOf(Map).isRequired,

package/dist/panels/ChartFilterOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFilterOverlay.js","names":["React","useCallback","useMemo","PropTypes","classNames","FontAwesomeIcon","ButtonOld","vsPass","vsWarning","TextUtils","ChartFilterOverlay","columnMap","inputFilterMap","linkedColumnMap","onAdd","onOpenLinker","waitingFilterMap","waitingInputMap","inputMessage","waitingColumns","Array","from","keys","needsInputFilterValue","find","columnName","get","needsLinkValue","columnsText","join","map","item","columns","values","handleAddClick","event","stopPropagation","preventDefault","handleOpenLinker","isWaitingFilters","size","isWaitingInput","column","isColumnWaiting","has","name","icon","propTypes","instanceOf","Map","isRequired","func"],"sources":["../../src/panels/ChartFilterOverlay.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { ButtonOld } from '@deephaven/components';\nimport { vsPass, vsWarning } from '@deephaven/icons';\nimport { TextUtils } from '@deephaven/utils';\nimport { ColumnName, InputFilter } from '@deephaven/iris-grid';\nimport './ChartFilterOverlay.scss';\n\nexport type ColumnMap = Map<ColumnName, { name: string; type: string }>;\n\ninterface ChartFilterOverlayProps {\n  columnMap: ColumnMap;\n  inputFilterMap: Map<ColumnName, InputFilter>;\n  linkedColumnMap: Map<string, unknown>;\n  onAdd: (columns: InputFilter[]) => void;\n  onOpenLinker: () => void;\n  waitingFilterMap: Map<string, InputFilter>;\n  waitingInputMap: Map<ColumnName, unknown>;\n}\n\nfunction ChartFilterOverlay({\n  columnMap,\n  inputFilterMap,\n  linkedColumnMap,\n  onAdd,\n  onOpenLinker,\n  waitingFilterMap,\n  waitingInputMap,\n}: ChartFilterOverlayProps): ReactElement {\n  const inputMessage = useMemo(() => {\n    const waitingColumns = Array.from(waitingInputMap.keys());\n    const needsInputFilterValue = waitingColumns.find(\n      (columnName: ColumnName) => inputFilterMap.get(columnName) != null\n    );\n    const needsLinkValue = waitingColumns.find(\n      columnName => linkedColumnMap.get(columnName) != null\n    );\n    const columnsText = TextUtils.join(waitingColumns.map(item => `\"${item}\"`));\n    if (\n      needsInputFilterValue != null &&\n      needsInputFilterValue &&\n      needsLinkValue != null &&\n      needsLinkValue\n    ) {\n      return `Use a filter control or linked table to set a value for ${columnsText}`;\n    }\n    if (needsInputFilterValue != null && needsInputFilterValue) {\n      return `Set a filter control value for ${columnsText}`;\n    }\n    return `Double click a row in a linked table to set a value for ${columnsText}`;\n  }, [inputFilterMap, linkedColumnMap, waitingInputMap]);\n\n  const columns = useMemo(() => Array.from(columnMap.values()), [columnMap]);\n\n  const handleAddClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      onAdd(Array.from(waitingFilterMap.values()));\n    },\n    [onAdd, waitingFilterMap]\n  );\n\n  const handleOpenLinker = useCallback(\n    event => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      onOpenLinker();\n    },\n    [onOpenLinker]\n  );\n\n  const isWaitingFilters = waitingFilterMap.size > 0;\n  const isWaitingInput = !isWaitingFilters && waitingInputMap.size > 0;\n\n  return (\n    <div className=\"chart-panel-overlay chart-filter-overlay\">\n      <div\n        className={classNames(\n          'chart-panel-overlay-content chart-filter-overlay-content',\n          { 'chart-filter-waiting-filter': isWaitingFilters },\n          { 'chart-filter-waiting-input': isWaitingInput }\n        )}\n      >\n        {isWaitingFilters && (\n          <>\n            <div className=\"info-message\">\n              This plot requires a filter control to be added to the layout or a\n              table link to be created on the following columns:\n            </div>\n            <div className=\"waiting-filter-list\">\n              {columns.map(column => {\n                const isColumnWaiting = waitingFilterMap.has(column.name);\n                const icon = isColumnWaiting ? vsWarning : vsPass;\n                return (\n                  <div\n                    key={column.name}\n                    className={classNames('waiting-filter-item', {\n                      'is-invalid': isColumnWaiting,\n                    })}\n                  >\n                    <FontAwesomeIcon icon={icon} />\n                    {column.name}\n                  </div>\n                );\n              })}\n            </div>\n            <div>\n              <ButtonOld onClick={handleAddClick} className=\"btn-primary\">\n                Add Input Filters\n              </ButtonOld>\n              <ButtonOld onClick={handleOpenLinker} className=\"btn-primary\">\n                Open Linker Tool\n              </ButtonOld>\n            </div>\n          </>\n        )}\n        {isWaitingInput && (\n          <>\n            <div className=\"info-message\">Waiting for User Input</div>\n            <div className=\"\">{inputMessage}</div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nChartFilterOverlay.propTypes = {\n  columnMap: PropTypes.instanceOf(Map).isRequired,\n  inputFilterMap: PropTypes.instanceOf(Map).isRequired,\n  linkedColumnMap: PropTypes.instanceOf(Map).isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onOpenLinker: PropTypes.func.isRequired,\n  waitingFilterMap: PropTypes.instanceOf(Map).isRequired,\n  waitingInputMap: PropTypes.instanceOf(Map).isRequired,\n};\n\nexport default ChartFilterOverlay;\n"],"mappings":"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"}
+{"version":3,"file":"ChartFilterOverlay.js","names":["React","useCallback","useMemo","PropTypes","classNames","FontAwesomeIcon","ButtonOld","vsPass","vsWarning","TextUtils","ChartFilterOverlay","columnMap","inputFilterMap","linkedColumnMap","onAdd","onOpenLinker","waitingFilterMap","waitingInputMap","inputMessage","waitingColumns","Array","from","keys","needsInputFilterValue","find","columnName","get","needsLinkValue","columnsText","join","map","item","columns","values","handleAddClick","event","stopPropagation","preventDefault","handleOpenLinker","isWaitingFilters","size","isWaitingInput","column","isColumnWaiting","has","name","icon","propTypes","instanceOf","Map","isRequired","func"],"sources":["../../src/panels/ChartFilterOverlay.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { ButtonOld } from '@deephaven/components';\nimport { vsPass, vsWarning } from '@deephaven/icons';\nimport { TextUtils } from '@deephaven/utils';\nimport { ColumnName, InputFilter } from '@deephaven/iris-grid';\nimport './ChartFilterOverlay.scss';\n\nexport type ColumnMap = Map<ColumnName, { name: string; type: string }>;\n\ninterface ChartFilterOverlayProps {\n  columnMap: ColumnMap;\n  inputFilterMap: Map<ColumnName, InputFilter>;\n  linkedColumnMap: Map<string, unknown>;\n  onAdd: (columns: InputFilter[]) => void;\n  onOpenLinker: () => void;\n  waitingFilterMap: Map<string, InputFilter>;\n  waitingInputMap: Map<ColumnName, unknown>;\n}\n\nfunction ChartFilterOverlay({\n  columnMap,\n  inputFilterMap,\n  linkedColumnMap,\n  onAdd,\n  onOpenLinker,\n  waitingFilterMap,\n  waitingInputMap,\n}: ChartFilterOverlayProps): ReactElement {\n  const inputMessage = useMemo(() => {\n    const waitingColumns = Array.from(waitingInputMap.keys());\n    const needsInputFilterValue = waitingColumns.find(\n      (columnName: ColumnName) => inputFilterMap.get(columnName) != null\n    );\n    const needsLinkValue = waitingColumns.find(\n      columnName => linkedColumnMap.get(columnName) != null\n    );\n    const columnsText = TextUtils.join(waitingColumns.map(item => `\"${item}\"`));\n    if (\n      needsInputFilterValue != null &&\n      needsInputFilterValue &&\n      needsLinkValue != null &&\n      needsLinkValue\n    ) {\n      return `Use a filter control or linked table to set a value for ${columnsText}`;\n    }\n    if (needsInputFilterValue != null && needsInputFilterValue) {\n      return `Set a filter control value for ${columnsText}`;\n    }\n    return `Double click a row in a linked table to set a value for ${columnsText}`;\n  }, [inputFilterMap, linkedColumnMap, waitingInputMap]);\n\n  const columns = useMemo(() => Array.from(columnMap.values()), [columnMap]);\n\n  const handleAddClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      onAdd(Array.from(waitingFilterMap.values()));\n    },\n    [onAdd, waitingFilterMap]\n  );\n\n  const handleOpenLinker = useCallback(\n    event => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      onOpenLinker();\n    },\n    [onOpenLinker]\n  );\n\n  const isWaitingFilters = waitingFilterMap.size > 0;\n  const isWaitingInput = !isWaitingFilters && waitingInputMap.size > 0;\n\n  return (\n    <div className=\"chart-panel-overlay chart-filter-overlay\">\n      <div\n        className={classNames(\n          'chart-panel-overlay-content chart-filter-overlay-content',\n          { 'chart-filter-waiting-filter': isWaitingFilters },\n          { 'chart-filter-waiting-input': isWaitingInput }\n        )}\n      >\n        {isWaitingFilters && (\n          <>\n            <div className=\"info-message\">\n              This plot requires a filter control to be added to the layout or a\n              table link to be created on the following columns:\n            </div>\n            <div className=\"waiting-filter-list\">\n              {columns.map(column => {\n                const isColumnWaiting = waitingFilterMap.has(column.name);\n                const icon = isColumnWaiting ? vsWarning : vsPass;\n                return (\n                  <div\n                    key={column.name}\n                    className={classNames('waiting-filter-item', {\n                      'is-invalid': isColumnWaiting,\n                    })}\n                  >\n                    <FontAwesomeIcon icon={icon} />\n                    {column.name}\n                  </div>\n                );\n              })}\n            </div>\n            <div>\n              <ButtonOld onClick={handleAddClick} className=\"btn-primary\">\n                Add Input Filters\n              </ButtonOld>\n              <ButtonOld onClick={handleOpenLinker} className=\"btn-primary\">\n                Open Linker Tool\n              </ButtonOld>\n            </div>\n          </>\n        )}\n        {isWaitingInput && (\n          <>\n            <div className=\"info-message\">Waiting for User Input</div>\n            <div className=\"\">{inputMessage}</div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nChartFilterOverlay.propTypes = {\n  columnMap: PropTypes.instanceOf(Map).isRequired,\n  inputFilterMap: PropTypes.instanceOf(Map).isRequired,\n  linkedColumnMap: PropTypes.instanceOf(Map).isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onOpenLinker: PropTypes.func.isRequired,\n  waitingFilterMap: PropTypes.instanceOf(Map).isRequired,\n  waitingInputMap: PropTypes.instanceOf(Map).isRequired,\n};\n\nexport default ChartFilterOverlay;\n"],"mappings":"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"}

package/dist/panels/ChartPanel.js

@@ -24,6 +24,8 @@ import ChartFilterOverlay from "./ChartFilterOverlay.js";
 import ChartColumnSelectorOverlay from "./ChartColumnSelectorOverlay.js";
 import "./ChartPanel.css";
 import { isChartPanelTableMetadata } from "./ChartPanelUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('ChartPanel');
 var UPDATE_MODEL_DEBOUNCE = 150;
 function hasInputFilter(panel) {
@@ -864,7 +866,7 @@ export class ChartPanel extends Component {
     var errorMessage = error != null ? "Unable to open chart. ".concat(error) : undefined;
     var isWaitingForFilter = waitingInputMap.size > 0;
     var isSelectingColumn = columnMap.size > 0 && isLinkerActive;
-    return /*#__PURE__*/React.createElement(WidgetPanel, {
+    return /*#__PURE__*/_jsx(WidgetPanel, {
       className: classNames('iris-chart-panel', {
         'input-required': isWaitingForFilter
       }),
@@ -882,49 +884,54 @@ export class ChartPanel extends Component {
       isLoading: isLoading,
       isLoaded: isLoaded,
       widgetName: name,
-      widgetType: "Chart"
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: this.panelContainer,
-      className: "chart-panel-container h-100 w-100"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "chart-container h-100 w-100"
-    }, isLoaded && model && /*#__PURE__*/React.createElement(Chart, {
-      isActive: isActive,
-      model: model,
-      settings: settings,
-      ref: this.chart,
-      onDisconnect: this.handleDisconnect,
-      onReconnect: this.handleReconnect,
-      onUpdate: this.handleUpdate,
-      onError: this.handleError,
-      onSettingsChanged: this.handleSettingsChanged,
-      Plotly: Plotly
-    })), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: isWaitingForFilter && !isSelectingColumn && !isLoading,
-      timeout: ThemeExport.transitionMs,
-      classNames: "fade",
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement(ChartFilterOverlay, {
-      inputFilterMap: inputFilterMap,
-      linkedColumnMap: linkedColumnMap,
-      onAdd: this.handleFilterAdd,
-      onOpenLinker: this.handleOpenLinker,
-      columnMap: columnMap,
-      waitingFilterMap: waitingFilterMap,
-      waitingInputMap: waitingInputMap
-    })), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: isSelectingColumn,
-      timeout: ThemeExport.transitionMs,
-      classNames: "fade",
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement(ChartColumnSelectorOverlay, {
-      columns: this.getSelectorColumns(columnMap, linkedColumnMap, columnSelectionValidator),
-      onColumnSelected: this.handleColumnSelected,
-      onMouseEnter: this.handleColumnMouseEnter,
-      onMouseLeave: this.handleColumnMouseLeave
-    }))));
+      widgetType: "Chart",
+      children: /*#__PURE__*/_jsxs("div", {
+        ref: this.panelContainer,
+        className: "chart-panel-container h-100 w-100",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "chart-container h-100 w-100",
+          children: isLoaded && model && /*#__PURE__*/_jsx(Chart, {
+            isActive: isActive,
+            model: model,
+            settings: settings,
+            ref: this.chart,
+            onDisconnect: this.handleDisconnect,
+            onReconnect: this.handleReconnect,
+            onUpdate: this.handleUpdate,
+            onError: this.handleError,
+            onSettingsChanged: this.handleSettingsChanged,
+            Plotly: Plotly
+          })
+        }), /*#__PURE__*/_jsx(CSSTransition, {
+          in: isWaitingForFilter && !isSelectingColumn && !isLoading,
+          timeout: ThemeExport.transitionMs,
+          classNames: "fade",
+          mountOnEnter: true,
+          unmountOnExit: true,
+          children: /*#__PURE__*/_jsx(ChartFilterOverlay, {
+            inputFilterMap: inputFilterMap,
+            linkedColumnMap: linkedColumnMap,
+            onAdd: this.handleFilterAdd,
+            onOpenLinker: this.handleOpenLinker,
+            columnMap: columnMap,
+            waitingFilterMap: waitingFilterMap,
+            waitingInputMap: waitingInputMap
+          })
+        }), /*#__PURE__*/_jsx(CSSTransition, {
+          in: isSelectingColumn,
+          timeout: ThemeExport.transitionMs,
+          classNames: "fade",
+          mountOnEnter: true,
+          unmountOnExit: true,
+          children: /*#__PURE__*/_jsx(ChartColumnSelectorOverlay, {
+            columns: this.getSelectorColumns(columnMap, linkedColumnMap, columnSelectionValidator),
+            onColumnSelected: this.handleColumnSelected,
+            onMouseEnter: this.handleColumnMouseEnter,
+            onMouseLeave: this.handleColumnMouseLeave
+          })
+        })]
+      })
+    });
   }
 }
 _defineProperty(ChartPanel, "defaultProps", {