@deephaven/iris-grid 1.22.1-alpha-pivot-builder.0 → 1.22.2-alpha-pivot-builder.0

package/dist/sidebar/CustomColumnBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnBuilder.js","names":["React","Component","classNames","nanoid","memoize","DragDropContext","Droppable","FontAwesomeIcon","Button","DragUtils","LoadingSpinner","dhNewCircleLargeFilled","vsWarning","vsPass","DbNameValidator","CustomColumnInput","IrisGridModel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CustomColumnBuilder","makeCustomColumnInputEventKey","createCustomColumnInput","eventKey","name","formula","constructor","props","_defineProperty","inputs","key","find","input","findIndex","handleAddColumnClick","bind","handleSaveClick","handleInputChange","handleDeleteColumn","handleCustomColumnUpdated","handleRequestFailed","handleDragEnd","resetRequestFailed","handleEditorTabNavigation","state","isCustomColumnApplying","errorMessage","hasRequestFailed","isSuccessShowing","container","successButtonTimer","componentDidMount","customColumns","parseCustomColumns","startListening","componentWillUnmount","stopListening","clearTimeout","resetErrorMessage","setState","model","addEventListener","EVENT","COLUMNS_CHANGED","UPDATED","REQUEST_FAILED","removeEventListener","length","customColumnInputs","map","customColumn","split","newInputs","push","customColumnIndex","getInputIndex","splice","type","value","customColumnInput","getInput","newCustomInput","_objectSpread","setTimeout","SUCCESS_SHOW_DURATION","event","customEvent","children","icon","className","detail","JSON","stringify","configuration","result","stopDragging","destination","sourceIndex","source","index","destinationIndex","sourceInput","focusEditorIndex","shiftKey","_this$container","querySelectorAll","focus","_this$container2","querySelector","_this$container3","nextFocusIndex","onSave","originalCustomColumns","forEach","concat","_ref","renderInputs","nameCount","Map","_ref2","_nameCount$get","set","get","_nameCount$get2","isDuplicate","inputIndex","onChange","onDeleteColumn","onTabInEditor","invalid","renderSaveButton","saveText","areNamesValid","every","_ref3","isValidColumnName","filteredNames","filter","_ref4","_ref5","areNamesUnique","Set","size","kind","disabled","onClick","undefined","render","onCancel","role","ref","onFocus","onDragStart","startDragging","onDragEnd","droppableId","provided","snapshot","innerRef","droppableProps","dragging","draggingFromThisWith","placeholder"],"sources":["../../src/sidebar/CustomColumnBuilder.tsx"],"sourcesContent":["import React, { Component, type ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { nanoid } from 'nanoid';\nimport memoize from 'memoize-one';\nimport { DragDropContext, Droppable, type DropResult } from '@hello-pangea/dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, DragUtils, LoadingSpinner } from '@deephaven/components';\nimport { dhNewCircleLargeFilled, vsWarning, vsPass } from '@deephaven/icons';\nimport { DbNameValidator, type EventT } from '@deephaven/utils';\nimport CustomColumnInput from './CustomColumnInput';\nimport './CustomColumnBuilder.scss';\nimport IrisGridModel from '../IrisGridModel';\n\nexport type CustomColumnKey = 'eventKey' | 'name' | 'formula';\n\ntype Input = {\n  eventKey: string;\n  name: string;\n  formula: string;\n};\nexport interface CustomColumnBuilderProps {\n  model: IrisGridModel;\n  customColumns: readonly string[];\n  onSave: (columns: readonly string[]) => void;\n  onCancel: () => void;\n}\n\ninterface CustomColumnBuilderState {\n  inputs: readonly Input[];\n  isCustomColumnApplying: boolean;\n  errorMessage: ReactElement | null;\n  hasRequestFailed: boolean;\n  isSuccessShowing: boolean;\n}\nclass CustomColumnBuilder extends Component<\n  CustomColumnBuilderProps,\n  CustomColumnBuilderState\n> {\n  static SUCCESS_SHOW_DURATION = 750;\n\n  static makeCustomColumnInputEventKey(): string {\n    return nanoid();\n  }\n\n  static createCustomColumnInput(): Input {\n    return {\n      eventKey: nanoid(),\n      name: '',\n      formula: '',\n    };\n  }\n\n  constructor(props: CustomColumnBuilderProps) {\n    super(props);\n\n    this.handleAddColumnClick = this.handleAddColumnClick.bind(this);\n    this.handleSaveClick = this.handleSaveClick.bind(this);\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleDeleteColumn = this.handleDeleteColumn.bind(this);\n    this.handleCustomColumnUpdated = this.handleCustomColumnUpdated.bind(this);\n    this.handleRequestFailed = this.handleRequestFailed.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.resetRequestFailed = this.resetRequestFailed.bind(this);\n\n    this.handleEditorTabNavigation = this.handleEditorTabNavigation.bind(this);\n\n    this.state = {\n      inputs: [],\n      isCustomColumnApplying: false,\n      errorMessage: null,\n      hasRequestFailed: false,\n      isSuccessShowing: false,\n    };\n    this.container = null;\n    this.successButtonTimer = null;\n  }\n\n  componentDidMount(): void {\n    const { customColumns } = this.props;\n    this.parseCustomColumns(customColumns);\n    this.startListening();\n  }\n\n  componentWillUnmount(): void {\n    this.stopListening();\n    if (this.successButtonTimer) {\n      clearTimeout(this.successButtonTimer);\n    }\n  }\n\n  container: HTMLDivElement | null;\n\n  successButtonTimer: ReturnType<typeof setTimeout> | null;\n\n  getInput = memoize((inputs: readonly Input[], key: string) =>\n    inputs.find(input => input.eventKey === key)\n  );\n\n  getInputIndex = memoize((inputs: readonly Input[], key: string) =>\n    inputs.findIndex(input => input.eventKey === key)\n  );\n\n  resetErrorMessage(): void {\n    this.setState({ errorMessage: null });\n  }\n\n  startListening(): void {\n    const { model } = this.props;\n    model.addEventListener(\n      IrisGridModel.EVENT.COLUMNS_CHANGED,\n      this.handleCustomColumnUpdated\n    );\n    model.addEventListener(\n      IrisGridModel.EVENT.UPDATED,\n      this.handleCustomColumnUpdated\n    );\n    model.addEventListener(\n      IrisGridModel.EVENT.REQUEST_FAILED,\n      this.handleRequestFailed\n    );\n  }\n\n  stopListening(): void {\n    const { model } = this.props;\n    model.removeEventListener(\n      IrisGridModel.EVENT.COLUMNS_CHANGED,\n      this.handleCustomColumnUpdated\n    );\n    model.removeEventListener(\n      IrisGridModel.EVENT.UPDATED,\n      this.handleCustomColumnUpdated\n    );\n    model.removeEventListener(\n      IrisGridModel.EVENT.REQUEST_FAILED,\n      this.handleRequestFailed\n    );\n  }\n\n  parseCustomColumns(customColumns: readonly string[]): void {\n    if (customColumns.length > 0) {\n      const customColumnInputs = customColumns.map(customColumn => {\n        const input = customColumn.split(/=(.+)/, 2);\n        return {\n          eventKey: CustomColumnBuilder.makeCustomColumnInputEventKey(),\n          name: input[0],\n          formula: input[1],\n        };\n      });\n      this.setState({ inputs: customColumnInputs });\n    } else {\n      this.setState({\n        inputs: [CustomColumnBuilder.createCustomColumnInput()],\n      });\n    }\n  }\n\n  handleAddColumnClick(): void {\n    const { inputs } = this.state;\n    const newInputs = [...inputs];\n    newInputs.push(CustomColumnBuilder.createCustomColumnInput());\n    this.setState({\n      inputs: newInputs,\n    });\n  }\n\n  handleDeleteColumn(eventKey: string): void {\n    const { inputs } = this.state;\n    const customColumnIndex = this.getInputIndex(inputs, eventKey);\n    const newInputs = [...inputs];\n    newInputs.splice(customColumnIndex, 1);\n    if (newInputs.length === 0) {\n      newInputs.push(CustomColumnBuilder.createCustomColumnInput());\n    }\n    this.setState({\n      inputs: newInputs,\n    });\n  }\n\n  handleInputChange(\n    eventKey: string,\n    type: CustomColumnKey,\n    value: string\n  ): void {\n    const { inputs } = this.state;\n    const customColumnIndex = this.getInputIndex(inputs, eventKey);\n    const customColumnInput = this.getInput(inputs, eventKey);\n\n    const newCustomInput = { ...customColumnInput } as Input;\n    newCustomInput[type] = value;\n\n    const newInputs = [...inputs];\n    newInputs.splice(customColumnIndex, 1, newCustomInput);\n    this.setState({\n      inputs: newInputs,\n    });\n  }\n\n  handleCustomColumnUpdated(): void {\n    const { isCustomColumnApplying } = this.state;\n    if (!isCustomColumnApplying) {\n      return;\n    }\n    this.setState(\n      { isCustomColumnApplying: false, isSuccessShowing: true },\n      () => {\n        this.successButtonTimer = setTimeout(\n          () => this.setState({ isSuccessShowing: false }),\n          CustomColumnBuilder.SUCCESS_SHOW_DURATION\n        );\n      }\n    );\n  }\n\n  handleRequestFailed(event: EventT): void {\n    const customEvent = event as CustomEvent;\n    const { isCustomColumnApplying } = this.state;\n    if (!isCustomColumnApplying) {\n      return;\n    }\n\n    this.setState({\n      isCustomColumnApplying: false,\n      errorMessage: (\n        <>\n          <p>\n            <FontAwesomeIcon icon={vsWarning} /> Failed to apply custom columns.\n          </p>\n          <div className=\"error-box\">\n            {customEvent.detail.errorMessage}\n            <br />\n            Table configuration:{' '}\n            {JSON.stringify(customEvent.detail.configuration)}\n          </div>\n        </>\n      ),\n      hasRequestFailed: true,\n    });\n  }\n\n  handleDragEnd(result: DropResult): void {\n    DragUtils.stopDragging();\n\n    // if dropped outside the list\n    if (!result.destination) {\n      return;\n    }\n    const { inputs } = this.state;\n    const sourceIndex = result.source.index;\n    const destinationIndex = result.destination.index;\n    const newInputs = [...inputs];\n    const sourceInput = inputs[sourceIndex];\n\n    newInputs.splice(sourceIndex, 1);\n    newInputs.splice(destinationIndex, 0, sourceInput);\n\n    this.setState({ inputs: newInputs });\n  }\n\n  handleEditorTabNavigation(focusEditorIndex: number, shiftKey: boolean): void {\n    const { inputs } = this.state;\n    // focus on drag handle\n    if (shiftKey) {\n      (\n        this.container?.querySelectorAll('.btn-drag-handle')[\n          focusEditorIndex\n        ] as HTMLButtonElement\n      ).focus();\n      return;\n    }\n    if (focusEditorIndex === inputs.length - 1) {\n      (\n        this.container?.querySelector('.btn-add-column') as HTMLButtonElement\n      )?.focus();\n    } else {\n      // focus on next column name input\n      const nextFocusIndex = focusEditorIndex + 1;\n      (\n        this.container?.querySelectorAll(`.custom-column-input`)[\n          nextFocusIndex\n        ] as HTMLInputElement\n      ).focus();\n    }\n  }\n\n  handleSaveClick(): void {\n    const { onSave, customColumns: originalCustomColumns } = this.props;\n    const { inputs, isCustomColumnApplying } = this.state;\n    if (isCustomColumnApplying) {\n      return;\n    }\n    const customColumns = [] as string[];\n    inputs.forEach(input => {\n      const { name, formula } = input;\n      if (name && formula) {\n        customColumns.push(`${name}=${formula}`);\n      }\n    });\n    this.resetErrorMessage();\n    this.setState({\n      // If both are 0, then moving from no custom to no custom. The parent won't re-render to cancel the loading state\n      isCustomColumnApplying:\n        customColumns.length > 0 || originalCustomColumns.length > 0,\n    });\n    onSave(customColumns);\n  }\n\n  resetRequestFailed(): void {\n    this.setState(({ hasRequestFailed }) => {\n      if (hasRequestFailed) {\n        return { hasRequestFailed: false };\n      }\n      return null;\n    });\n  }\n\n  renderInputs(): ReactElement[] {\n    const { inputs, hasRequestFailed } = this.state;\n\n    const nameCount = new Map();\n    inputs.forEach(({ name }) =>\n      nameCount.set(name, (nameCount.get(name) ?? 0) + 1)\n    );\n\n    return inputs.map((input, index) => {\n      const { eventKey, name, formula } = input;\n      const isDuplicate = (nameCount.get(name) ?? 0) > 1;\n      return (\n        <CustomColumnInput\n          key={eventKey}\n          inputIndex={index}\n          eventKey={eventKey}\n          name={name}\n          formula={formula}\n          onChange={this.handleInputChange}\n          onDeleteColumn={this.handleDeleteColumn}\n          onTabInEditor={this.handleEditorTabNavigation}\n          invalid={hasRequestFailed}\n          isDuplicate={isDuplicate}\n        />\n      );\n    });\n  }\n\n  renderSaveButton(): ReactElement {\n    const { inputs, isCustomColumnApplying, isSuccessShowing } = this.state;\n    const saveText = inputs.length > 1 ? 'Save Columns' : 'Save Column';\n    const areNamesValid = inputs.every(\n      ({ name }) => name === '' || DbNameValidator.isValidColumnName(name)\n    );\n    const filteredNames = inputs\n      .filter(({ name }) => name !== '')\n      .map(({ name }) => name);\n    const areNamesUnique = new Set(filteredNames).size === filteredNames.length;\n\n    return (\n      <Button\n        kind={isSuccessShowing ? 'success' : 'primary'}\n        className={classNames('btn-apply', {\n          'btn-spinner': isCustomColumnApplying,\n        })}\n        disabled={\n          isSuccessShowing ||\n          isCustomColumnApplying ||\n          !areNamesValid ||\n          !areNamesUnique\n        }\n        onClick={this.handleSaveClick}\n        icon={isSuccessShowing ? vsPass : undefined}\n      >\n        {isCustomColumnApplying && (\n          <span>\n            <LoadingSpinner className=\"mr-2 loading-spinner-vertical-align\" />\n            <span className=\"btn-normal-content\">Applying</span>\n          </span>\n        )}\n        {!isSuccessShowing && !isCustomColumnApplying && saveText}\n        {isSuccessShowing && 'Success'}\n      </Button>\n    );\n  }\n\n  render(): JSX.Element {\n    const { onCancel } = this.props;\n    const { errorMessage } = this.state;\n    return (\n      <div\n        role=\"presentation\"\n        className=\"custom-column-builder-container\"\n        ref={container => {\n          this.container = container;\n        }}\n        onClick={this.resetRequestFailed}\n        onFocus={this.resetRequestFailed}\n      >\n        <hr />\n        <DragDropContext\n          onDragStart={DragUtils.startDragging}\n          onDragEnd={this.handleDragEnd}\n        >\n          <Droppable droppableId=\"droppable-custom-columns\">\n            {(provided, snapshot) => (\n              <div\n                ref={provided.innerRef}\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                {...provided.droppableProps}\n                className={classNames('droppable-container', {\n                  dragging: snapshot.draggingFromThisWith,\n                })}\n              >\n                {this.renderInputs()}\n                {provided.placeholder}\n              </div>\n            )}\n          </Droppable>\n        </DragDropContext>\n\n        <div className=\"pt-1 px-3\">\n          <Button\n            kind=\"ghost\"\n            className=\"btn-add-column\"\n            onClick={this.handleAddColumnClick}\n            icon={dhNewCircleLargeFilled}\n          >\n            Add Another Column\n          </Button>\n        </div>\n\n        <div className=\"custom-column-builder-footer\">\n          {errorMessage && <div className=\"error-message\">{errorMessage}</div>}\n\n          <div className=\"d-flex justify-content-end\">\n            <Button kind=\"secondary\" className=\"mr-2\" onClick={onCancel}>\n              Cancel\n            </Button>\n            {this.renderSaveButton()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomColumnBuilder;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CustomColumnBuilder.js","names":["React","Component","classNames","nanoid","memoize","DragDropContext","Droppable","FontAwesomeIcon","Button","DragUtils","LoadingSpinner","dhNewCircleLargeFilled","vsWarning","vsPass","DbNameValidator","CustomColumnInput","IrisGridModel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CustomColumnBuilder","makeCustomColumnInputEventKey","createCustomColumnInput","eventKey","name","formula","constructor","props","_defineProperty","inputs","key","find","input","findIndex","handleAddColumnClick","bind","handleSaveClick","handleInputChange","handleDeleteColumn","handleCustomColumnUpdated","handleRequestFailed","handleDragEnd","resetRequestFailed","handleEditorTabNavigation","state","isCustomColumnApplying","errorMessage","hasRequestFailed","isSuccessShowing","container","successButtonTimer","componentDidMount","customColumns","parseCustomColumns","startListening","componentWillUnmount","stopListening","clearTimeout","resetErrorMessage","setState","model","addEventListener","EVENT","COLUMNS_CHANGED","UPDATED","REQUEST_FAILED","removeEventListener","length","customColumnInputs","map","customColumn","split","newInputs","push","customColumnIndex","getInputIndex","splice","type","value","customColumnInput","getInput","newCustomInput","_objectSpread","setTimeout","SUCCESS_SHOW_DURATION","event","customEvent","children","icon","className","detail","JSON","stringify","configuration","result","stopDragging","destination","sourceIndex","source","index","destinationIndex","sourceInput","focusEditorIndex","shiftKey","_this$container","querySelectorAll","focus","_this$container2","querySelector","_this$container3","nextFocusIndex","_this$props","onSave","originalCustomColumns","_this$state","forEach","concat","_ref","renderInputs","_this$state2","nameCount","Map","_ref2","_nameCount$get","set","get","_nameCount$get2","isDuplicate","inputIndex","onChange","onDeleteColumn","onTabInEditor","invalid","renderSaveButton","_this$state3","saveText","areNamesValid","every","_ref3","isValidColumnName","filteredNames","filter","_ref4","_ref5","areNamesUnique","Set","size","kind","disabled","onClick","undefined","render","onCancel","role","ref","onFocus","onDragStart","startDragging","onDragEnd","droppableId","provided","snapshot","innerRef","droppableProps","dragging","draggingFromThisWith","placeholder"],"sources":["../../src/sidebar/CustomColumnBuilder.tsx"],"sourcesContent":["import React, { Component, type ReactElement } from 'react';\nimport classNames from 'classnames';\nimport { nanoid } from 'nanoid';\nimport memoize from 'memoize-one';\nimport { DragDropContext, Droppable, type DropResult } from '@hello-pangea/dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, DragUtils, LoadingSpinner } from '@deephaven/components';\nimport { dhNewCircleLargeFilled, vsWarning, vsPass } from '@deephaven/icons';\nimport { DbNameValidator, type EventT } from '@deephaven/utils';\nimport CustomColumnInput from './CustomColumnInput';\nimport './CustomColumnBuilder.scss';\nimport IrisGridModel from '../IrisGridModel';\n\nexport type CustomColumnKey = 'eventKey' | 'name' | 'formula';\n\ntype Input = {\n  eventKey: string;\n  name: string;\n  formula: string;\n};\nexport interface CustomColumnBuilderProps {\n  model: IrisGridModel;\n  customColumns: readonly string[];\n  onSave: (columns: readonly string[]) => void;\n  onCancel: () => void;\n}\n\ninterface CustomColumnBuilderState {\n  inputs: readonly Input[];\n  isCustomColumnApplying: boolean;\n  errorMessage: ReactElement | null;\n  hasRequestFailed: boolean;\n  isSuccessShowing: boolean;\n}\nclass CustomColumnBuilder extends Component<\n  CustomColumnBuilderProps,\n  CustomColumnBuilderState\n> {\n  static SUCCESS_SHOW_DURATION = 750;\n\n  static makeCustomColumnInputEventKey(): string {\n    return nanoid();\n  }\n\n  static createCustomColumnInput(): Input {\n    return {\n      eventKey: nanoid(),\n      name: '',\n      formula: '',\n    };\n  }\n\n  constructor(props: CustomColumnBuilderProps) {\n    super(props);\n\n    this.handleAddColumnClick = this.handleAddColumnClick.bind(this);\n    this.handleSaveClick = this.handleSaveClick.bind(this);\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleDeleteColumn = this.handleDeleteColumn.bind(this);\n    this.handleCustomColumnUpdated = this.handleCustomColumnUpdated.bind(this);\n    this.handleRequestFailed = this.handleRequestFailed.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.resetRequestFailed = this.resetRequestFailed.bind(this);\n\n    this.handleEditorTabNavigation = this.handleEditorTabNavigation.bind(this);\n\n    this.state = {\n      inputs: [],\n      isCustomColumnApplying: false,\n      errorMessage: null,\n      hasRequestFailed: false,\n      isSuccessShowing: false,\n    };\n    this.container = null;\n    this.successButtonTimer = null;\n  }\n\n  componentDidMount(): void {\n    const { customColumns } = this.props;\n    this.parseCustomColumns(customColumns);\n    this.startListening();\n  }\n\n  componentWillUnmount(): void {\n    this.stopListening();\n    if (this.successButtonTimer) {\n      clearTimeout(this.successButtonTimer);\n    }\n  }\n\n  container: HTMLDivElement | null;\n\n  successButtonTimer: ReturnType<typeof setTimeout> | null;\n\n  getInput = memoize((inputs: readonly Input[], key: string) =>\n    inputs.find(input => input.eventKey === key)\n  );\n\n  getInputIndex = memoize((inputs: readonly Input[], key: string) =>\n    inputs.findIndex(input => input.eventKey === key)\n  );\n\n  resetErrorMessage(): void {\n    this.setState({ errorMessage: null });\n  }\n\n  startListening(): void {\n    const { model } = this.props;\n    model.addEventListener(\n      IrisGridModel.EVENT.COLUMNS_CHANGED,\n      this.handleCustomColumnUpdated\n    );\n    model.addEventListener(\n      IrisGridModel.EVENT.UPDATED,\n      this.handleCustomColumnUpdated\n    );\n    model.addEventListener(\n      IrisGridModel.EVENT.REQUEST_FAILED,\n      this.handleRequestFailed\n    );\n  }\n\n  stopListening(): void {\n    const { model } = this.props;\n    model.removeEventListener(\n      IrisGridModel.EVENT.COLUMNS_CHANGED,\n      this.handleCustomColumnUpdated\n    );\n    model.removeEventListener(\n      IrisGridModel.EVENT.UPDATED,\n      this.handleCustomColumnUpdated\n    );\n    model.removeEventListener(\n      IrisGridModel.EVENT.REQUEST_FAILED,\n      this.handleRequestFailed\n    );\n  }\n\n  parseCustomColumns(customColumns: readonly string[]): void {\n    if (customColumns.length > 0) {\n      const customColumnInputs = customColumns.map(customColumn => {\n        const input = customColumn.split(/=(.+)/, 2);\n        return {\n          eventKey: CustomColumnBuilder.makeCustomColumnInputEventKey(),\n          name: input[0],\n          formula: input[1],\n        };\n      });\n      this.setState({ inputs: customColumnInputs });\n    } else {\n      this.setState({\n        inputs: [CustomColumnBuilder.createCustomColumnInput()],\n      });\n    }\n  }\n\n  handleAddColumnClick(): void {\n    const { inputs } = this.state;\n    const newInputs = [...inputs];\n    newInputs.push(CustomColumnBuilder.createCustomColumnInput());\n    this.setState({\n      inputs: newInputs,\n    });\n  }\n\n  handleDeleteColumn(eventKey: string): void {\n    const { inputs } = this.state;\n    const customColumnIndex = this.getInputIndex(inputs, eventKey);\n    const newInputs = [...inputs];\n    newInputs.splice(customColumnIndex, 1);\n    if (newInputs.length === 0) {\n      newInputs.push(CustomColumnBuilder.createCustomColumnInput());\n    }\n    this.setState({\n      inputs: newInputs,\n    });\n  }\n\n  handleInputChange(\n    eventKey: string,\n    type: CustomColumnKey,\n    value: string\n  ): void {\n    const { inputs } = this.state;\n    const customColumnIndex = this.getInputIndex(inputs, eventKey);\n    const customColumnInput = this.getInput(inputs, eventKey);\n\n    const newCustomInput = { ...customColumnInput } as Input;\n    newCustomInput[type] = value;\n\n    const newInputs = [...inputs];\n    newInputs.splice(customColumnIndex, 1, newCustomInput);\n    this.setState({\n      inputs: newInputs,\n    });\n  }\n\n  handleCustomColumnUpdated(): void {\n    const { isCustomColumnApplying } = this.state;\n    if (!isCustomColumnApplying) {\n      return;\n    }\n    this.setState(\n      { isCustomColumnApplying: false, isSuccessShowing: true },\n      () => {\n        this.successButtonTimer = setTimeout(\n          () => this.setState({ isSuccessShowing: false }),\n          CustomColumnBuilder.SUCCESS_SHOW_DURATION\n        );\n      }\n    );\n  }\n\n  handleRequestFailed(event: EventT): void {\n    const customEvent = event as CustomEvent;\n    const { isCustomColumnApplying } = this.state;\n    if (!isCustomColumnApplying) {\n      return;\n    }\n\n    this.setState({\n      isCustomColumnApplying: false,\n      errorMessage: (\n        <>\n          <p>\n            <FontAwesomeIcon icon={vsWarning} /> Failed to apply custom columns.\n          </p>\n          <div className=\"error-box\">\n            {customEvent.detail.errorMessage}\n            <br />\n            Table configuration:{' '}\n            {JSON.stringify(customEvent.detail.configuration)}\n          </div>\n        </>\n      ),\n      hasRequestFailed: true,\n    });\n  }\n\n  handleDragEnd(result: DropResult): void {\n    DragUtils.stopDragging();\n\n    // if dropped outside the list\n    if (!result.destination) {\n      return;\n    }\n    const { inputs } = this.state;\n    const sourceIndex = result.source.index;\n    const destinationIndex = result.destination.index;\n    const newInputs = [...inputs];\n    const sourceInput = inputs[sourceIndex];\n\n    newInputs.splice(sourceIndex, 1);\n    newInputs.splice(destinationIndex, 0, sourceInput);\n\n    this.setState({ inputs: newInputs });\n  }\n\n  handleEditorTabNavigation(focusEditorIndex: number, shiftKey: boolean): void {\n    const { inputs } = this.state;\n    // focus on drag handle\n    if (shiftKey) {\n      (\n        this.container?.querySelectorAll('.btn-drag-handle')[\n          focusEditorIndex\n        ] as HTMLButtonElement\n      ).focus();\n      return;\n    }\n    if (focusEditorIndex === inputs.length - 1) {\n      (\n        this.container?.querySelector('.btn-add-column') as HTMLButtonElement\n      )?.focus();\n    } else {\n      // focus on next column name input\n      const nextFocusIndex = focusEditorIndex + 1;\n      (\n        this.container?.querySelectorAll(`.custom-column-input`)[\n          nextFocusIndex\n        ] as HTMLInputElement\n      ).focus();\n    }\n  }\n\n  handleSaveClick(): void {\n    const { onSave, customColumns: originalCustomColumns } = this.props;\n    const { inputs, isCustomColumnApplying } = this.state;\n    if (isCustomColumnApplying) {\n      return;\n    }\n    const customColumns = [] as string[];\n    inputs.forEach(input => {\n      const { name, formula } = input;\n      if (name && formula) {\n        customColumns.push(`${name}=${formula}`);\n      }\n    });\n    this.resetErrorMessage();\n    this.setState({\n      // If both are 0, then moving from no custom to no custom. The parent won't re-render to cancel the loading state\n      isCustomColumnApplying:\n        customColumns.length > 0 || originalCustomColumns.length > 0,\n    });\n    onSave(customColumns);\n  }\n\n  resetRequestFailed(): void {\n    this.setState(({ hasRequestFailed }) => {\n      if (hasRequestFailed) {\n        return { hasRequestFailed: false };\n      }\n      return null;\n    });\n  }\n\n  renderInputs(): ReactElement[] {\n    const { inputs, hasRequestFailed } = this.state;\n\n    const nameCount = new Map();\n    inputs.forEach(({ name }) =>\n      nameCount.set(name, (nameCount.get(name) ?? 0) + 1)\n    );\n\n    return inputs.map((input, index) => {\n      const { eventKey, name, formula } = input;\n      const isDuplicate = (nameCount.get(name) ?? 0) > 1;\n      return (\n        <CustomColumnInput\n          key={eventKey}\n          inputIndex={index}\n          eventKey={eventKey}\n          name={name}\n          formula={formula}\n          onChange={this.handleInputChange}\n          onDeleteColumn={this.handleDeleteColumn}\n          onTabInEditor={this.handleEditorTabNavigation}\n          invalid={hasRequestFailed}\n          isDuplicate={isDuplicate}\n        />\n      );\n    });\n  }\n\n  renderSaveButton(): ReactElement {\n    const { inputs, isCustomColumnApplying, isSuccessShowing } = this.state;\n    const saveText = inputs.length > 1 ? 'Save Columns' : 'Save Column';\n    const areNamesValid = inputs.every(\n      ({ name }) => name === '' || DbNameValidator.isValidColumnName(name)\n    );\n    const filteredNames = inputs\n      .filter(({ name }) => name !== '')\n      .map(({ name }) => name);\n    const areNamesUnique = new Set(filteredNames).size === filteredNames.length;\n\n    return (\n      <Button\n        kind={isSuccessShowing ? 'success' : 'primary'}\n        className={classNames('btn-apply', {\n          'btn-spinner': isCustomColumnApplying,\n        })}\n        disabled={\n          isSuccessShowing ||\n          isCustomColumnApplying ||\n          !areNamesValid ||\n          !areNamesUnique\n        }\n        onClick={this.handleSaveClick}\n        icon={isSuccessShowing ? vsPass : undefined}\n      >\n        {isCustomColumnApplying && (\n          <span>\n            <LoadingSpinner className=\"mr-2 loading-spinner-vertical-align\" />\n            <span className=\"btn-normal-content\">Applying</span>\n          </span>\n        )}\n        {!isSuccessShowing && !isCustomColumnApplying && saveText}\n        {isSuccessShowing && 'Success'}\n      </Button>\n    );\n  }\n\n  render(): JSX.Element {\n    const { onCancel } = this.props;\n    const { errorMessage } = this.state;\n    return (\n      <div\n        role=\"presentation\"\n        className=\"custom-column-builder-container\"\n        ref={container => {\n          this.container = container;\n        }}\n        onClick={this.resetRequestFailed}\n        onFocus={this.resetRequestFailed}\n      >\n        <hr />\n        <DragDropContext\n          onDragStart={DragUtils.startDragging}\n          onDragEnd={this.handleDragEnd}\n        >\n          <Droppable droppableId=\"droppable-custom-columns\">\n            {(provided, snapshot) => (\n              <div\n                ref={provided.innerRef}\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                {...provided.droppableProps}\n                className={classNames('droppable-container', {\n                  dragging: snapshot.draggingFromThisWith,\n                })}\n              >\n                {this.renderInputs()}\n                {provided.placeholder}\n              </div>\n            )}\n          </Droppable>\n        </DragDropContext>\n\n        <div className=\"pt-1 px-3\">\n          <Button\n            kind=\"ghost\"\n            className=\"btn-add-column\"\n            onClick={this.handleAddColumnClick}\n            icon={dhNewCircleLargeFilled}\n          >\n            Add Another Column\n          </Button>\n        </div>\n\n        <div className=\"custom-column-builder-footer\">\n          {errorMessage && <div className=\"error-message\">{errorMessage}</div>}\n\n          <div className=\"d-flex justify-content-end\">\n            <Button kind=\"secondary\" className=\"mr-2\" onClick={onCancel}>\n              Cancel\n            </Button>\n            {this.renderSaveButton()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomColumnBuilder;\n"],"mappings":"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","ignoreList":[]}

package/dist/sidebar/CustomColumnInput.js

@@ -19,17 +19,15 @@ var EMPTY_FN = () => {
   // no-op
 };
 function CustomColumnInput(_ref) {
-  var {
-    eventKey,
-    name,
-    inputIndex,
-    formula,
-    onChange: _onChange,
-    onDeleteColumn,
-    onTabInEditor,
-    invalid,
-    isDuplicate
-  } = _ref;
+  var eventKey = _ref.eventKey,
+    name = _ref.name,
+    inputIndex = _ref.inputIndex,
+    formula = _ref.formula,
+    _onChange = _ref.onChange,
+    onDeleteColumn = _ref.onDeleteColumn,
+    onTabInEditor = _ref.onTabInEditor,
+    invalid = _ref.invalid,
+    isDuplicate = _ref.isDuplicate;
   var isValidName = name === '' || DbNameValidator.isValidColumnName(name);
   var handleFormulaEditorContentChanged = useCallback(formulaValue => {
     if (formulaValue !== undefined) {

package/dist/sidebar/CustomColumnInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnInput.js","names":["React","useCallback","classNames","Draggable","Button","vsTrash","vsGripper","DbNameValidator","InputEditor","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE","Object","freeze","NAME","FORMULA","EMPTY_FN","CustomColumnInput","_ref","eventKey","name","inputIndex","formula","onChange","onDeleteColumn","onTabInEditor","invalid","isDuplicate","isValidName","isValidColumnName","handleFormulaEditorContentChanged","formulaValue","undefined","replace","draggableId","index","disableInteractiveElementBlocking","children","provided","snapshot","_objectSpread","className","dragging","isDragging","ref","innerRef","draggableProps","placeholder","value","event","target","kind","onClick","icon","tooltip","dragHandleProps","editorSettings","language","editorIndex","onContentChanged","onTab"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from '@hello-pangea/dnd';\nimport { Button } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport { DbNameValidator } from '@deephaven/utils';\nimport InputEditor from './InputEditor';\nimport { type CustomColumnKey } from './CustomColumnBuilder';\n\nexport interface CustomColumnInputProps {\n  eventKey: string;\n  inputIndex: number;\n  name: string;\n  formula: string;\n  onChange: (\n    eventKey: string,\n    inputType: CustomColumnKey,\n    value: string\n  ) => void;\n  onDeleteColumn: (eventKey: string) => void;\n  onTabInEditor: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n  isDuplicate: boolean;\n}\n\nconst INPUT_TYPE = Object.freeze({\n  NAME: 'name',\n  FORMULA: 'formula',\n});\n\nconst EMPTY_FN = (): void => {\n  // no-op\n};\n\nfunction CustomColumnInput({\n  eventKey,\n  name,\n  inputIndex,\n  formula,\n  onChange,\n  onDeleteColumn,\n  onTabInEditor,\n  invalid,\n  isDuplicate,\n}: CustomColumnInputProps): JSX.Element {\n  const isValidName = name === '' || DbNameValidator.isValidColumnName(name);\n  const handleFormulaEditorContentChanged = useCallback(\n    (formulaValue?: string) => {\n      if (formulaValue !== undefined) {\n        formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n        onChange(eventKey, INPUT_TYPE.FORMULA, formulaValue);\n      }\n    },\n    [onChange, eventKey]\n  );\n\n  return (\n    <Draggable\n      draggableId={eventKey}\n      index={inputIndex}\n      disableInteractiveElementBlocking\n    >\n      {(provided, snapshot) => (\n        <div\n          className={classNames('draggable-container', {\n            dragging: snapshot.isDragging,\n          })}\n          ref={provided.innerRef}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...provided.draggableProps}\n        >\n          <div className=\"custom-column-input-container\">\n            <div className=\"pb-3\">\n              <div className=\"d-flex flex-row custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid || !isValidName || isDuplicate,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(eventKey, INPUT_TYPE.NAME, event.target.value);\n                  }}\n                />\n                <Button\n                  kind=\"ghost\"\n                  className=\"ml-1 px-2\"\n                  onClick={() => {\n                    onDeleteColumn(eventKey);\n                  }}\n                  icon={vsTrash}\n                  tooltip=\"Delete custom column\"\n                />\n\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-drag-handle\"\n                  onClick={EMPTY_FN}\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                  icon={vsGripper}\n                  tooltip=\"Drag column to re-order\"\n                />\n              </div>\n              {(!isValidName || isDuplicate) && (\n                <p className=\"validate-label-error text-danger mb-0 mt-2 pl-1\">\n                  {!isValidName ? 'Invalid name' : 'Duplicate name'}\n                </p>\n              )}\n            </div>\n            <InputEditor\n              editorSettings={{ language: 'deephavenDb' }}\n              editorIndex={inputIndex}\n              placeholder=\"Column Formula\"\n              value={formula}\n              onContentChanged={handleFormulaEditorContentChanged}\n              onTab={onTabInEditor}\n              invalid={invalid}\n            />\n          </div>\n          <hr />\n        </div>\n      )}\n    </Draggable>\n  );\n}\n\nexport default CustomColumnInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CustomColumnInput.js","names":["React","useCallback","classNames","Draggable","Button","vsTrash","vsGripper","DbNameValidator","InputEditor","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE","Object","freeze","NAME","FORMULA","EMPTY_FN","CustomColumnInput","_ref","eventKey","name","inputIndex","formula","onChange","onDeleteColumn","onTabInEditor","invalid","isDuplicate","isValidName","isValidColumnName","handleFormulaEditorContentChanged","formulaValue","undefined","replace","draggableId","index","disableInteractiveElementBlocking","children","provided","snapshot","_objectSpread","className","dragging","isDragging","ref","innerRef","draggableProps","placeholder","value","event","target","kind","onClick","icon","tooltip","dragHandleProps","editorSettings","language","editorIndex","onContentChanged","onTab"],"sources":["../../src/sidebar/CustomColumnInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from '@hello-pangea/dnd';\nimport { Button } from '@deephaven/components';\nimport { vsTrash, vsGripper } from '@deephaven/icons';\nimport { DbNameValidator } from '@deephaven/utils';\nimport InputEditor from './InputEditor';\nimport { type CustomColumnKey } from './CustomColumnBuilder';\n\nexport interface CustomColumnInputProps {\n  eventKey: string;\n  inputIndex: number;\n  name: string;\n  formula: string;\n  onChange: (\n    eventKey: string,\n    inputType: CustomColumnKey,\n    value: string\n  ) => void;\n  onDeleteColumn: (eventKey: string) => void;\n  onTabInEditor: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n  isDuplicate: boolean;\n}\n\nconst INPUT_TYPE = Object.freeze({\n  NAME: 'name',\n  FORMULA: 'formula',\n});\n\nconst EMPTY_FN = (): void => {\n  // no-op\n};\n\nfunction CustomColumnInput({\n  eventKey,\n  name,\n  inputIndex,\n  formula,\n  onChange,\n  onDeleteColumn,\n  onTabInEditor,\n  invalid,\n  isDuplicate,\n}: CustomColumnInputProps): JSX.Element {\n  const isValidName = name === '' || DbNameValidator.isValidColumnName(name);\n  const handleFormulaEditorContentChanged = useCallback(\n    (formulaValue?: string) => {\n      if (formulaValue !== undefined) {\n        formulaValue.replace(/(\\r\\n|\\n|\\r)/gm, ''); // remove line break\n        onChange(eventKey, INPUT_TYPE.FORMULA, formulaValue);\n      }\n    },\n    [onChange, eventKey]\n  );\n\n  return (\n    <Draggable\n      draggableId={eventKey}\n      index={inputIndex}\n      disableInteractiveElementBlocking\n    >\n      {(provided, snapshot) => (\n        <div\n          className={classNames('draggable-container', {\n            dragging: snapshot.isDragging,\n          })}\n          ref={provided.innerRef}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...provided.draggableProps}\n        >\n          <div className=\"custom-column-input-container\">\n            <div className=\"pb-3\">\n              <div className=\"d-flex flex-row custom-column-name\">\n                <input\n                  className={classNames('form-control custom-column-input', {\n                    'is-invalid': invalid || !isValidName || isDuplicate,\n                  })}\n                  placeholder=\"Column Name\"\n                  value={name}\n                  onChange={event => {\n                    onChange(eventKey, INPUT_TYPE.NAME, event.target.value);\n                  }}\n                />\n                <Button\n                  kind=\"ghost\"\n                  className=\"ml-1 px-2\"\n                  onClick={() => {\n                    onDeleteColumn(eventKey);\n                  }}\n                  icon={vsTrash}\n                  tooltip=\"Delete custom column\"\n                />\n\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-drag-handle\"\n                  onClick={EMPTY_FN}\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  {...provided.dragHandleProps}\n                  icon={vsGripper}\n                  tooltip=\"Drag column to re-order\"\n                />\n              </div>\n              {(!isValidName || isDuplicate) && (\n                <p className=\"validate-label-error text-danger mb-0 mt-2 pl-1\">\n                  {!isValidName ? 'Invalid name' : 'Duplicate name'}\n                </p>\n              )}\n            </div>\n            <InputEditor\n              editorSettings={{ language: 'deephavenDb' }}\n              editorIndex={inputIndex}\n              placeholder=\"Column Formula\"\n              value={formula}\n              onContentChanged={handleFormulaEditorContentChanged}\n              onTab={onTabInEditor}\n              invalid={invalid}\n            />\n          </div>\n          <hr />\n        </div>\n      )}\n    </Draggable>\n  );\n}\n\nexport default CustomColumnInput;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,EAAEC,SAAS,QAAQ,kBAAkB;AACrD,SAASC,eAAe,QAAQ,kBAAkB;AAAC,OAC5CC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBlB,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,QAAQ,GAAGA,CAAA,KAAY;EAC3B;AAAA,CACD;AAED,SAASC,iBAAiBA,CAAAC,IAAA,EAUc;EAAA,IATtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,SAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,WAAW,GAAAT,IAAA,CAAXS,WAAW;EAEX,IAAMC,WAAW,GAAGR,IAAI,KAAK,EAAE,IAAIf,eAAe,CAACwB,iBAAiB,CAACT,IAAI,CAAC;EAC1E,IAAMU,iCAAiC,GAAG/B,WAAW,CAClDgC,YAAqB,IAAK;IACzB,IAAIA,YAAY,KAAKC,SAAS,EAAE;MAC9BD,YAAY,CAACE,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;MAC5CV,SAAQ,CAACJ,QAAQ,EAAER,UAAU,CAACI,OAAO,EAAEgB,YAAY,CAAC;IACtD;EACF,CAAC,EACD,CAACR,SAAQ,EAAEJ,QAAQ,CACrB,CAAC;EAED,oBACEX,IAAA,CAACP,SAAS;IACRiC,WAAW,EAAEf,QAAS;IACtBgB,KAAK,EAAEd,UAAW;IAClBe,iCAAiC;IAAAC,QAAA,EAEhCA,CAACC,QAAQ,EAAEC,QAAQ,kBAClB7B,KAAA,QAAA8B,aAAA,CAAAA,aAAA;MACEC,SAAS,EAAEzC,UAAU,CAAC,qBAAqB,EAAE;QAC3C0C,QAAQ,EAAEH,QAAQ,CAACI;MACrB,CAAC,CAAE;MACHC,GAAG,EAAEN,QAAQ,CAACO;MACd;IAAA,GACIP,QAAQ,CAACQ,cAAc;MAAAT,QAAA,gBAE3B3B,KAAA;QAAK+B,SAAS,EAAC,+BAA+B;QAAAJ,QAAA,gBAC5C3B,KAAA;UAAK+B,SAAS,EAAC,MAAM;UAAAJ,QAAA,gBACnB3B,KAAA;YAAK+B,SAAS,EAAC,oCAAoC;YAAAJ,QAAA,gBACjD7B,IAAA;cACEiC,SAAS,EAAEzC,UAAU,CAAC,kCAAkC,EAAE;gBACxD,YAAY,EAAE0B,OAAO,IAAI,CAACE,WAAW,IAAID;cAC3C,CAAC,CAAE;cACHoB,WAAW,EAAC,aAAa;cACzBC,KAAK,EAAE5B,IAAK;cACZG,QAAQ,EAAE0B,KAAK,IAAI;gBACjB1B,SAAQ,CAACJ,QAAQ,EAAER,UAAU,CAACG,IAAI,EAAEmC,KAAK,CAACC,MAAM,CAACF,KAAK,CAAC;cACzD;YAAE,CACH,CAAC,eACFxC,IAAA,CAACN,MAAM;cACLiD,IAAI,EAAC,OAAO;cACZV,SAAS,EAAC,WAAW;cACrBW,OAAO,EAAEA,CAAA,KAAM;gBACb5B,cAAc,CAACL,QAAQ,CAAC;cAC1B,CAAE;cACFkC,IAAI,EAAElD,OAAQ;cACdmD,OAAO,EAAC;YAAsB,CAC/B,CAAC,eAEF9C,IAAA,CAACN,MAAM,EAAAsC,aAAA,CAAAA,aAAA;cACLW,IAAI,EAAC,OAAO;cACZV,SAAS,EAAC,iBAAiB;cAC3BW,OAAO,EAAEpC;cACT;YAAA,GACIsB,QAAQ,CAACiB,eAAe;cAC5BF,IAAI,EAAEjD,SAAU;cAChBkD,OAAO,EAAC;YAAyB,EAClC,CAAC;UAAA,CACC,CAAC,EACL,CAAC,CAAC1B,WAAW,IAAID,WAAW,kBAC3BnB,IAAA;YAAGiC,SAAS,EAAC,iDAAiD;YAAAJ,QAAA,EAC3D,CAACT,WAAW,GAAG,cAAc,GAAG;UAAgB,CAChD,CACJ;QAAA,CACE,CAAC,eACNpB,IAAA,CAACF,WAAW;UACVkD,cAAc,EAAE;YAAEC,QAAQ,EAAE;UAAc,CAAE;UAC5CC,WAAW,EAAErC,UAAW;UACxB0B,WAAW,EAAC,gBAAgB;UAC5BC,KAAK,EAAE1B,OAAQ;UACfqC,gBAAgB,EAAE7B,iCAAkC;UACpD8B,KAAK,EAAEnC,aAAc;UACrBC,OAAO,EAAEA;QAAQ,CAClB,CAAC;MAAA,CACC,CAAC,eACNlB,IAAA,SAAK,CAAC;IAAA,EACH;EACN,CACQ,CAAC;AAEhB;AAEA,eAAeS,iBAAiB","ignoreList":[]}

package/dist/sidebar/InputEditor.js

@@ -36,10 +36,9 @@ export class InputEditor extends Component {
   }
   initEditor() {
     var _this$editor$getModel;
-    var {
-      value,
-      editorSettings
-    } = this.props;
+    var _this$props = this.props,
+      value = _this$props.value,
+      editorSettings = _this$props.editorSettings;
     var inputEditorSettings = _objectSpread({
       copyWithSyntaxHighlighting: 'false',
       fixedOverflowWidgets: true,
@@ -94,9 +93,7 @@ export class InputEditor extends Component {
   }
   handleContentChanged() {
     var _this$editor2;
-    var {
-      onContentChanged
-    } = this.props;
+    var onContentChanged = this.props.onContentChanged;
     var value = (_this$editor2 = this.editor) === null || _this$editor2 === void 0 || (_this$editor2 = _this$editor2.getModel()) === null || _this$editor2 === void 0 ? void 0 : _this$editor2.getValue();
     if (value !== undefined) {
       this.setState({
@@ -122,19 +119,16 @@ export class InputEditor extends Component {
   // force editor to focus if clicked
   handleContainerClick() {
     var _this$editor4;
-    var {
-      isEditorFocused
-    } = this.state;
+    var isEditorFocused = this.state.isEditorFocused;
     if (isEditorFocused) {
       return;
     }
     (_this$editor4 = this.editor) === null || _this$editor4 === void 0 || _this$editor4.focus();
   }
   handleKeyDown(event) {
-    var {
-      onTab,
-      editorIndex
-    } = this.props;
+    var _this$props2 = this.props,
+      onTab = _this$props2.onTab,
+      editorIndex = _this$props2.editorIndex;
     if (event.code === 'Tab') {
       event.stopPropagation();
       event.preventDefault();
@@ -142,16 +136,15 @@ export class InputEditor extends Component {
     }
   }
   render() {
-    var {
-      className,
-      invalid,
-      placeholder = '',
-      value
-    } = this.props;
-    var {
-      isEditorFocused,
-      isEditorEmpty
-    } = this.state;
+    var _this$props3 = this.props,
+      className = _this$props3.className,
+      invalid = _this$props3.invalid,
+      _this$props3$placehol = _this$props3.placeholder,
+      placeholder = _this$props3$placehol === void 0 ? '' : _this$props3$placehol,
+      value = _this$props3.value;
+    var _this$state = this.state,
+      isEditorFocused = _this$state.isEditorFocused,
+      isEditorEmpty = _this$state.isEditorEmpty;
     return /*#__PURE__*/_jsxs("div", {
       className: classNames('input-editor-wrapper', {
         focused: isEditorFocused,

package/dist/sidebar/InputEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputEditor.js","names":["React","Component","monaco","classNames","jsx","_jsx","jsxs","_jsxs","InputEditor","constructor","props","_defineProperty","handleContentChanged","bind","handleEditorFocus","handleEditorBlur","handleContainerClick","handleKeyDown","state","isEditorFocused","isEditorEmpty","editorContainer","componentDidMount","initEditor","componentWillUnmount","destroyEditor","_this$editor$getModel","value","editorSettings","inputEditorSettings","_objectSpread","copyWithSyntaxHighlighting","fixedOverflowWidgets","folding","fontFamily","glyphMargin","language","lineDecorationsWidth","lineNumbers","minimap","enabled","renderLineHighlight","scrollbar","arrowSize","horizontal","horizontalScrollbarSize","scrollBeyondLastLine","padding","top","bottom","tabCompletion","useTabStops","wordWrap","automaticLayout","autoClosingBrackets","Error","editor","create","layout","getModel","updateOptions","tabSize","onKeyDown","onDidChangeModelContent","onDidFocusEditorText","onDidBlurEditorText","_this$editor","dispose","undefined","_this$editor2","onContentChanged","getValue","setState","length","_this$editor$getModel2","_this$editor3","_this$editor4","focus","event","onTab","editorIndex","code","stopPropagation","preventDefault","shiftKey","render","className","invalid","placeholder","focused","role","onClick","children","ref"],"sources":["../../src/sidebar/InputEditor.tsx"],"sourcesContent":["import React, { Component, type ReactElement } from 'react';\nimport * as monaco from 'monaco-editor';\nimport classNames from 'classnames';\nimport './InputEditor.scss';\n\ninterface InputEditorProps {\n  className?: string;\n  placeholder?: string;\n  value: string;\n  onContentChanged: (value?: string) => void;\n  editorSettings: Partial<monaco.editor.IStandaloneEditorConstructionOptions>;\n  editorIndex: number;\n  onTab: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n}\n\ninterface InputEditorState {\n  isEditorFocused: boolean;\n  isEditorEmpty: boolean;\n}\n/**\n * A monaco editor that looks like an general input\n */\n\nexport class InputEditor extends Component<InputEditorProps, InputEditorState> {\n  static defaultProps = {\n    value: '',\n    onContentChanged: (): void => undefined,\n    editorSettings: {},\n    editorIndex: 0,\n    onTab: (): void => undefined,\n    invalid: false,\n  };\n\n  constructor(props: InputEditorProps) {\n    super(props);\n\n    this.handleContentChanged = this.handleContentChanged.bind(this);\n    this.handleEditorFocus = this.handleEditorFocus.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleContainerClick = this.handleContainerClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.state = {\n      isEditorFocused: false,\n      isEditorEmpty: true,\n    };\n    this.editorContainer = null;\n  }\n\n  componentDidMount(): void {\n    this.initEditor();\n  }\n\n  componentWillUnmount(): void {\n    this.destroyEditor();\n  }\n\n  editorContainer: HTMLDivElement | null;\n\n  editor?: monaco.editor.IStandaloneCodeEditor;\n\n  initEditor(): void {\n    const { value, editorSettings } = this.props;\n    const inputEditorSettings = {\n      copyWithSyntaxHighlighting: 'false',\n      fixedOverflowWidgets: true,\n      folding: false,\n      fontFamily: 'Fira Mono',\n      glyphMargin: false,\n      language: 'groovyDB',\n      lineDecorationsWidth: 8,\n      lineNumbers: 'off',\n      minimap: { enabled: false },\n      renderLineHighlight: 'none',\n      scrollbar: {\n        arrowSize: 0,\n        horizontal: 'hidden',\n        horizontalScrollbarSize: 0,\n      },\n      scrollBeyondLastLine: false,\n      padding: {\n        top: 6,\n        bottom: 6,\n      },\n      tabCompletion: 'off',\n      useTabStops: true,\n      value,\n      wordWrap: 'on',\n      automaticLayout: true,\n      autoClosingBrackets: 'beforeWhitespace',\n      ...editorSettings,\n    } as monaco.editor.IStandaloneEditorConstructionOptions;\n    if (!this.editorContainer) {\n      throw new Error('editorContainer is null');\n    }\n    this.editor = monaco.editor.create(\n      this.editorContainer,\n      inputEditorSettings\n    );\n    this.editor.layout();\n\n    // disable tab to spaces in this editor to improve tab navigation\n    this.editor.getModel()?.updateOptions({ tabSize: 0 });\n\n    // monaco does not propagate tab or enter events\n    this.editor.onKeyDown(this.handleKeyDown);\n\n    this.editor.onDidChangeModelContent(this.handleContentChanged);\n    this.editor.onDidFocusEditorText(this.handleEditorFocus);\n    this.editor.onDidBlurEditorText(this.handleEditorBlur);\n  }\n\n  destroyEditor(): void {\n    this.editor?.dispose();\n    this.editor = undefined;\n  }\n\n  handleContentChanged(): void {\n    const { onContentChanged } = this.props;\n    const value = this.editor?.getModel()?.getValue();\n    if (value !== undefined) {\n      this.setState({ isEditorEmpty: value.length === 0 });\n    }\n    onContentChanged(value);\n  }\n\n  handleEditorFocus(): void {\n    this.setState({ isEditorFocused: true });\n  }\n\n  handleEditorBlur(): void {\n    const value = this.editor?.getModel()?.getValue() ?? '';\n    this.setState({\n      isEditorEmpty: value.length === 0,\n      isEditorFocused: false,\n    });\n  }\n\n  // force editor to focus if clicked\n  handleContainerClick(): void {\n    const { isEditorFocused } = this.state;\n    if (isEditorFocused) {\n      return;\n    }\n    this.editor?.focus();\n  }\n\n  handleKeyDown(event: monaco.IKeyboardEvent): void {\n    const { onTab, editorIndex } = this.props;\n    if (event.code === 'Tab') {\n      event.stopPropagation();\n      event.preventDefault();\n      onTab(editorIndex, event.shiftKey);\n    }\n  }\n\n  render(): ReactElement {\n    const { className, invalid, placeholder = '', value } = this.props;\n    const { isEditorFocused, isEditorEmpty } = this.state;\n    return (\n      <div\n        className={classNames(\n          'input-editor-wrapper',\n          {\n            focused: isEditorFocused,\n            invalid,\n          },\n          className\n        )}\n        role=\"presentation\"\n        onClick={this.handleContainerClick}\n      >\n        <div\n          className=\"editor-container\"\n          ref={editorContainer => {\n            this.editorContainer = editorContainer;\n          }}\n          data-testid=\"custom-column-formula\"\n        />\n        {isEditorEmpty && !value && placeholder.length > 0 && (\n          <div className=\"editor-placeholder text-muted\">{placeholder}</div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default InputEditor;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputEditor.js","names":["React","Component","monaco","classNames","jsx","_jsx","jsxs","_jsxs","InputEditor","constructor","props","_defineProperty","handleContentChanged","bind","handleEditorFocus","handleEditorBlur","handleContainerClick","handleKeyDown","state","isEditorFocused","isEditorEmpty","editorContainer","componentDidMount","initEditor","componentWillUnmount","destroyEditor","_this$editor$getModel","_this$props","value","editorSettings","inputEditorSettings","_objectSpread","copyWithSyntaxHighlighting","fixedOverflowWidgets","folding","fontFamily","glyphMargin","language","lineDecorationsWidth","lineNumbers","minimap","enabled","renderLineHighlight","scrollbar","arrowSize","horizontal","horizontalScrollbarSize","scrollBeyondLastLine","padding","top","bottom","tabCompletion","useTabStops","wordWrap","automaticLayout","autoClosingBrackets","Error","editor","create","layout","getModel","updateOptions","tabSize","onKeyDown","onDidChangeModelContent","onDidFocusEditorText","onDidBlurEditorText","_this$editor","dispose","undefined","_this$editor2","onContentChanged","getValue","setState","length","_this$editor$getModel2","_this$editor3","_this$editor4","focus","event","_this$props2","onTab","editorIndex","code","stopPropagation","preventDefault","shiftKey","render","_this$props3","className","invalid","_this$props3$placehol","placeholder","_this$state","focused","role","onClick","children","ref"],"sources":["../../src/sidebar/InputEditor.tsx"],"sourcesContent":["import React, { Component, type ReactElement } from 'react';\nimport * as monaco from 'monaco-editor';\nimport classNames from 'classnames';\nimport './InputEditor.scss';\n\ninterface InputEditorProps {\n  className?: string;\n  placeholder?: string;\n  value: string;\n  onContentChanged: (value?: string) => void;\n  editorSettings: Partial<monaco.editor.IStandaloneEditorConstructionOptions>;\n  editorIndex: number;\n  onTab: (editorIndex: number, shiftKey: boolean) => void;\n  invalid: boolean;\n}\n\ninterface InputEditorState {\n  isEditorFocused: boolean;\n  isEditorEmpty: boolean;\n}\n/**\n * A monaco editor that looks like an general input\n */\n\nexport class InputEditor extends Component<InputEditorProps, InputEditorState> {\n  static defaultProps = {\n    value: '',\n    onContentChanged: (): void => undefined,\n    editorSettings: {},\n    editorIndex: 0,\n    onTab: (): void => undefined,\n    invalid: false,\n  };\n\n  constructor(props: InputEditorProps) {\n    super(props);\n\n    this.handleContentChanged = this.handleContentChanged.bind(this);\n    this.handleEditorFocus = this.handleEditorFocus.bind(this);\n    this.handleEditorBlur = this.handleEditorBlur.bind(this);\n    this.handleContainerClick = this.handleContainerClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.state = {\n      isEditorFocused: false,\n      isEditorEmpty: true,\n    };\n    this.editorContainer = null;\n  }\n\n  componentDidMount(): void {\n    this.initEditor();\n  }\n\n  componentWillUnmount(): void {\n    this.destroyEditor();\n  }\n\n  editorContainer: HTMLDivElement | null;\n\n  editor?: monaco.editor.IStandaloneCodeEditor;\n\n  initEditor(): void {\n    const { value, editorSettings } = this.props;\n    const inputEditorSettings = {\n      copyWithSyntaxHighlighting: 'false',\n      fixedOverflowWidgets: true,\n      folding: false,\n      fontFamily: 'Fira Mono',\n      glyphMargin: false,\n      language: 'groovyDB',\n      lineDecorationsWidth: 8,\n      lineNumbers: 'off',\n      minimap: { enabled: false },\n      renderLineHighlight: 'none',\n      scrollbar: {\n        arrowSize: 0,\n        horizontal: 'hidden',\n        horizontalScrollbarSize: 0,\n      },\n      scrollBeyondLastLine: false,\n      padding: {\n        top: 6,\n        bottom: 6,\n      },\n      tabCompletion: 'off',\n      useTabStops: true,\n      value,\n      wordWrap: 'on',\n      automaticLayout: true,\n      autoClosingBrackets: 'beforeWhitespace',\n      ...editorSettings,\n    } as monaco.editor.IStandaloneEditorConstructionOptions;\n    if (!this.editorContainer) {\n      throw new Error('editorContainer is null');\n    }\n    this.editor = monaco.editor.create(\n      this.editorContainer,\n      inputEditorSettings\n    );\n    this.editor.layout();\n\n    // disable tab to spaces in this editor to improve tab navigation\n    this.editor.getModel()?.updateOptions({ tabSize: 0 });\n\n    // monaco does not propagate tab or enter events\n    this.editor.onKeyDown(this.handleKeyDown);\n\n    this.editor.onDidChangeModelContent(this.handleContentChanged);\n    this.editor.onDidFocusEditorText(this.handleEditorFocus);\n    this.editor.onDidBlurEditorText(this.handleEditorBlur);\n  }\n\n  destroyEditor(): void {\n    this.editor?.dispose();\n    this.editor = undefined;\n  }\n\n  handleContentChanged(): void {\n    const { onContentChanged } = this.props;\n    const value = this.editor?.getModel()?.getValue();\n    if (value !== undefined) {\n      this.setState({ isEditorEmpty: value.length === 0 });\n    }\n    onContentChanged(value);\n  }\n\n  handleEditorFocus(): void {\n    this.setState({ isEditorFocused: true });\n  }\n\n  handleEditorBlur(): void {\n    const value = this.editor?.getModel()?.getValue() ?? '';\n    this.setState({\n      isEditorEmpty: value.length === 0,\n      isEditorFocused: false,\n    });\n  }\n\n  // force editor to focus if clicked\n  handleContainerClick(): void {\n    const { isEditorFocused } = this.state;\n    if (isEditorFocused) {\n      return;\n    }\n    this.editor?.focus();\n  }\n\n  handleKeyDown(event: monaco.IKeyboardEvent): void {\n    const { onTab, editorIndex } = this.props;\n    if (event.code === 'Tab') {\n      event.stopPropagation();\n      event.preventDefault();\n      onTab(editorIndex, event.shiftKey);\n    }\n  }\n\n  render(): ReactElement {\n    const { className, invalid, placeholder = '', value } = this.props;\n    const { isEditorFocused, isEditorEmpty } = this.state;\n    return (\n      <div\n        className={classNames(\n          'input-editor-wrapper',\n          {\n            focused: isEditorFocused,\n            invalid,\n          },\n          className\n        )}\n        role=\"presentation\"\n        onClick={this.handleContainerClick}\n      >\n        <div\n          className=\"editor-container\"\n          ref={editorContainer => {\n            this.editorContainer = editorContainer;\n          }}\n          data-testid=\"custom-column-formula\"\n        />\n        {isEditorEmpty && !value && placeholder.length > 0 && (\n          <div className=\"editor-placeholder text-muted\">{placeholder}</div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default InputEditor;\n"],"mappings":"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","ignoreList":[]}

package/dist/sidebar/PluginTableOptionsErrorBoundary.js

@@ -23,20 +23,15 @@ export default class PluginTableOptionsErrorBoundary extends React.Component {
     };
   }
   componentDidCatch(error, info) {
-    var {
-      itemType
-    } = this.props;
+    var itemType = this.props.itemType;
     log.error("Plugin sidebar page \"".concat(itemType, "\" threw during render; suppressing."), error, info);
   }
   render() {
-    var {
-      hasError
-    } = this.state;
-    var {
-      children,
-      itemType,
-      onBack
-    } = this.props;
+    var hasError = this.state.hasError;
+    var _this$props = this.props,
+      children = _this$props.children,
+      itemType = _this$props.itemType,
+      onBack = _this$props.onBack;
     if (!hasError) {
       return children;
     }

package/dist/sidebar/PluginTableOptionsErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"PluginTableOptionsErrorBoundary.js","names":["React","Log","jsx","_jsx","jsxs","_jsxs","log","module","PluginTableOptionsErrorBoundary","Component","getDerivedStateFromError","hasError","constructor","props","state","componentDidCatch","error","info","itemType","concat","render","children","onBack","className","role","type","onClick"],"sources":["../../src/sidebar/PluginTableOptionsErrorBoundary.tsx"],"sourcesContent":["import React, { type ErrorInfo, type ReactNode } from 'react';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('PluginTableOptionsErrorBoundary');\n\ntype Props = {\n  /** Identifier for the failing item, used for log correlation. */\n  itemType: string;\n  /**\n   * Optional callback to pop the failing page off the sidebar stack.\n   * When provided, the fallback UI shows a Back button wired to it.\n   */\n  onBack?: () => void;\n  children: ReactNode;\n};\n\ntype State = { hasError: boolean };\n\n/**\n * Tiny error boundary scoped to a single plugin-supplied sidebar page.\n * If the plugin's `configPage` throws during render, we log the error\n * once and render a minimal fallback (\"Failed to render\" + Back button)\n * rather than tearing down the entire `IrisGrid` subtree or leaving a\n * blank panel. Used only by the page-switch `default` case in\n * `IrisGrid.tsx`.\n */\nexport default class PluginTableOptionsErrorBoundary extends React.Component<\n  Props,\n  State\n> {\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  constructor(props: Props) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    const { itemType } = this.props;\n    log.error(\n      `Plugin sidebar page \"${itemType}\" threw during render; suppressing.`,\n      error,\n      info\n    );\n  }\n\n  render(): ReactNode {\n    const { hasError } = this.state;\n    const { children, itemType, onBack } = this.props;\n    if (!hasError) {\n      return children;\n    }\n    return (\n      <div\n        className=\"plugin-sidebar-error\"\n        role=\"alert\"\n        data-testid=\"plugin-sidebar-error\"\n      >\n        <p>\n          This sidebar page (<code>{itemType}</code>) failed to render.\n        </p>\n        {onBack != null && (\n          <button type=\"button\" className=\"btn btn-secondary\" onClick={onBack}>\n            Back\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0C,OAAO;AAC7D,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,IAAMC,GAAG,GAAGL,GAAG,CAACM,MAAM,CAAC,iCAAiC,CAAC;AAezD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,MAAMC,+BAA+B,SAASR,KAAK,CAACS,SAAS,CAG1E;EACA,OAAOC,wBAAwBA,CAAA,EAAU;IACvC,OAAO;MAAEC,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAEAC,WAAWA,CAACC,KAAY,EAAE;IACxB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEH,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEAI,iBAAiBA,CAACC,KAAY,EAAEC,IAAe,EAAQ;IACrD,IAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACL,KAAK;IAC/BP,GAAG,CAACU,KAAK,0BAAAG,MAAA,CACiBD,QAAQ,2CAChCF,KAAK,EACLC,IACF,CAAC;EACH;EAEAG,MAAMA,CAAA,EAAc;IAClB,IAAM;MAAET;IAAS,CAAC,GAAG,IAAI,CAACG,KAAK;IAC/B,IAAM;MAAEO,QAAQ;MAAEH,QAAQ;MAAEI;IAAO,CAAC,GAAG,IAAI,CAACT,KAAK;IACjD,IAAI,CAACF,QAAQ,EAAE;MACb,OAAOU,QAAQ;IACjB;IACA,oBACEhB,KAAA;MACEkB,SAAS,EAAC,sBAAsB;MAChCC,IAAI,EAAC,OAAO;MACZ,eAAY,sBAAsB;MAAAH,QAAA,gBAElChB,KAAA;QAAAgB,QAAA,GAAG,qBACkB,eAAAlB,IAAA;UAAAkB,QAAA,EAAOH;QAAQ,CAAO,CAAC,uBAC5C;MAAA,CAAG,CAAC,EACHI,MAAM,IAAI,IAAI,iBACbnB,IAAA;QAAQsB,IAAI,EAAC,QAAQ;QAACF,SAAS,EAAC,mBAAmB;QAACG,OAAO,EAAEJ,MAAO;QAAAD,QAAA,EAAC;MAErE,CAAQ,CACT;IAAA,CACE,CAAC;EAEV;AACF","ignoreList":[]}
+{"version":3,"file":"PluginTableOptionsErrorBoundary.js","names":["React","Log","jsx","_jsx","jsxs","_jsxs","log","module","PluginTableOptionsErrorBoundary","Component","getDerivedStateFromError","hasError","constructor","props","state","componentDidCatch","error","info","itemType","concat","render","_this$props","children","onBack","className","role","type","onClick"],"sources":["../../src/sidebar/PluginTableOptionsErrorBoundary.tsx"],"sourcesContent":["import React, { type ErrorInfo, type ReactNode } from 'react';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('PluginTableOptionsErrorBoundary');\n\ntype Props = {\n  /** Identifier for the failing item, used for log correlation. */\n  itemType: string;\n  /**\n   * Optional callback to pop the failing page off the sidebar stack.\n   * When provided, the fallback UI shows a Back button wired to it.\n   */\n  onBack?: () => void;\n  children: ReactNode;\n};\n\ntype State = { hasError: boolean };\n\n/**\n * Tiny error boundary scoped to a single plugin-supplied sidebar page.\n * If the plugin's `configPage` throws during render, we log the error\n * once and render a minimal fallback (\"Failed to render\" + Back button)\n * rather than tearing down the entire `IrisGrid` subtree or leaving a\n * blank panel. Used only by the page-switch `default` case in\n * `IrisGrid.tsx`.\n */\nexport default class PluginTableOptionsErrorBoundary extends React.Component<\n  Props,\n  State\n> {\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  constructor(props: Props) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    const { itemType } = this.props;\n    log.error(\n      `Plugin sidebar page \"${itemType}\" threw during render; suppressing.`,\n      error,\n      info\n    );\n  }\n\n  render(): ReactNode {\n    const { hasError } = this.state;\n    const { children, itemType, onBack } = this.props;\n    if (!hasError) {\n      return children;\n    }\n    return (\n      <div\n        className=\"plugin-sidebar-error\"\n        role=\"alert\"\n        data-testid=\"plugin-sidebar-error\"\n      >\n        <p>\n          This sidebar page (<code>{itemType}</code>) failed to render.\n        </p>\n        {onBack != null && (\n          <button type=\"button\" className=\"btn btn-secondary\" onClick={onBack}>\n            Back\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0C,OAAO;AAC7D,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,IAAMC,GAAG,GAAGL,GAAG,CAACM,MAAM,CAAC,iCAAiC,CAAC;AAezD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,MAAMC,+BAA+B,SAASR,KAAK,CAACS,SAAS,CAG1E;EACA,OAAOC,wBAAwBA,CAAA,EAAU;IACvC,OAAO;MAAEC,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAEAC,WAAWA,CAACC,KAAY,EAAE;IACxB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEH,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEAI,iBAAiBA,CAACC,KAAY,EAAEC,IAAe,EAAQ;IACrD,IAAQC,QAAQ,GAAK,IAAI,CAACL,KAAK,CAAvBK,QAAQ;IAChBZ,GAAG,CAACU,KAAK,0BAAAG,MAAA,CACiBD,QAAQ,2CAChCF,KAAK,EACLC,IACF,CAAC;EACH;EAEAG,MAAMA,CAAA,EAAc;IAClB,IAAQT,QAAQ,GAAK,IAAI,CAACG,KAAK,CAAvBH,QAAQ;IAChB,IAAAU,WAAA,GAAuC,IAAI,CAACR,KAAK;MAAzCS,QAAQ,GAAAD,WAAA,CAARC,QAAQ;MAAEJ,QAAQ,GAAAG,WAAA,CAARH,QAAQ;MAAEK,MAAM,GAAAF,WAAA,CAANE,MAAM;IAClC,IAAI,CAACZ,QAAQ,EAAE;MACb,OAAOW,QAAQ;IACjB;IACA,oBACEjB,KAAA;MACEmB,SAAS,EAAC,sBAAsB;MAChCC,IAAI,EAAC,OAAO;MACZ,eAAY,sBAAsB;MAAAH,QAAA,gBAElCjB,KAAA;QAAAiB,QAAA,GAAG,qBACkB,eAAAnB,IAAA;UAAAmB,QAAA,EAAOJ;QAAQ,CAAO,CAAC,uBAC5C;MAAA,CAAG,CAAC,EACHK,MAAM,IAAI,IAAI,iBACbpB,IAAA;QAAQuB,IAAI,EAAC,QAAQ;QAACF,SAAS,EAAC,mBAAmB;QAACG,OAAO,EAAEJ,MAAO;QAAAD,QAAA,EAAC;MAErE,CAAQ,CACT;IAAA,CACE,CAAC;EAEV;AACF","ignoreList":[]}