@deephaven/iris-grid 0.50.1-beta.5 → 0.51.1-alpha-theme-fix.1

package/dist/ColumnStatistics.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnStatistics.js","names":["React","Component","classNames","FontAwesomeIcon","Button","CopyButton","LoadingSpinner","dhFreeze","dhRefresh","dhSortSlash","vsLock","Log","PromiseUtils","isExpandableGridModel","log","module","STATS_LABEL_OVERRIDES","SIZE","ColumnStatistics","getStatsLabel","operation","split","map","w","toUpperCase","substr","toLowerCase","join","constructor","props","handleError","bind","handleGenerateStatistics","handleStatistics","cancelablePromise","state","error","loading","statistics","numRows","componentDidMount","maybeGenerateStatistics","componentWillUnmount","cancel","model","rowCount","pendingRowCount","floatingBottomRowCount","floatingTopRowCount","setState","isColumnStatisticsAvailable","AUTO_GENERATE_LIMIT","column","makeCancelable","columnStatistics","then","catch","stats","debug","onStatistics","statisticsMap","forEach","value","push","type","getType","uniqueValues","className","isCanceled","render","showGenerateStatistics","statisticElements","columnType","substring","lastIndexOf","description","i","length","formattedValue","displayString","name","statisticElement","rowCountLabel","hasExpandableRows","formattedRowCount","columnIndex","getColumnIndexByName","isColumnSortable","isColumnMovable","isColumnFrozen"],"sources":["../src/ColumnStatistics.tsx"],"sourcesContent":["import React, { Component, Key } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, CopyButton, LoadingSpinner } from '@deephaven/components';\nimport { dhFreeze, dhRefresh, dhSortSlash, vsLock } from '@deephaven/icons';\nimport type {\n  Column,\n  ColumnStatistics as APIColumnStatistics,\n} from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { CancelablePromise, PromiseUtils } from '@deephaven/utils';\nimport { isExpandableGridModel } from '@deephaven/grid';\nimport './ColumnStatistics.scss';\nimport IrisGridModel from './IrisGridModel';\n\nconst log = Log.module('ColumnStatistics');\nconst STATS_LABEL_OVERRIDES: Record<string, string> = {\n  SIZE: 'Number of Rows',\n};\n\ninterface Statistic {\n  operation: Key;\n  className?: string;\n  value: unknown;\n  type: string;\n}\n\ninterface ColumnStatisticsProps {\n  column: Column;\n  model: IrisGridModel;\n  onStatistics: () => void;\n}\ninterface ColumnStatisticsState {\n  error: unknown;\n  loading: boolean;\n  statistics: Statistic[] | null;\n  numRows: number;\n}\n\nclass ColumnStatistics extends Component<\n  ColumnStatisticsProps,\n  ColumnStatisticsState\n> {\n  /** Automatically generate the statistics when the row count is below this threshold */\n  static AUTO_GENERATE_LIMIT = 100000;\n\n  static getStatsLabel(operation: string): string {\n    return (\n      STATS_LABEL_OVERRIDES[operation] ??\n      operation\n        .split(' ')\n        .map(w => w[0].toUpperCase() + w.substr(1).toLowerCase())\n        .join(' ')\n    );\n  }\n\n  constructor(props: ColumnStatisticsProps) {\n    super(props);\n\n    this.handleError = this.handleError.bind(this);\n    this.handleGenerateStatistics = this.handleGenerateStatistics.bind(this);\n    this.handleStatistics = this.handleStatistics.bind(this);\n\n    this.cancelablePromise = null;\n\n    this.state = {\n      error: null,\n      loading: false,\n      statistics: null,\n      numRows: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    this.maybeGenerateStatistics();\n  }\n\n  componentWillUnmount(): void {\n    if (this.cancelablePromise) {\n      this.cancelablePromise.cancel();\n    }\n  }\n\n  cancelablePromise: CancelablePromise<APIColumnStatistics> | null;\n\n  maybeGenerateStatistics(): void {\n    const { model } = this.props;\n\n    const numRows =\n      model.rowCount -\n      model.pendingRowCount -\n      model.floatingBottomRowCount -\n      model.floatingTopRowCount;\n    this.setState({ numRows });\n    if (!model.isColumnStatisticsAvailable) {\n      this.setState({ loading: false });\n    } else if (numRows < ColumnStatistics.AUTO_GENERATE_LIMIT) {\n      this.handleGenerateStatistics();\n    }\n  }\n\n  handleGenerateStatistics(): void {\n    this.setState({ loading: true });\n\n    const { column, model } = this.props;\n\n    this.cancelablePromise = PromiseUtils.makeCancelable(\n      model.columnStatistics(column)\n    );\n\n    this.cancelablePromise.then(this.handleStatistics).catch(this.handleError);\n  }\n\n  handleStatistics(stats: APIColumnStatistics): void {\n    log.debug('Received statistics', stats);\n\n    const { model, onStatistics } = this.props;\n    const statistics: Statistic[] = [];\n\n    stats.statisticsMap.forEach((value, operation) => {\n      statistics.push({\n        operation: ColumnStatistics.getStatsLabel(operation),\n        value,\n        type: stats.getType(operation),\n      });\n    });\n\n    stats.uniqueValues.forEach((value, operation) => {\n      statistics.push({\n        operation,\n        className: 'column-statistics-unique-value',\n        value,\n        type: 'long',\n      });\n    });\n\n    this.setState({\n      loading: false,\n      statistics,\n      numRows:\n        model.rowCount -\n        model.pendingRowCount -\n        model.floatingBottomRowCount -\n        model.floatingTopRowCount,\n    });\n\n    onStatistics();\n  }\n\n  handleError(error: Error): void {\n    if (error != null && PromiseUtils.isCanceled(error)) {\n      log.debug('Called handleError on a cancelled promise result');\n      return;\n    }\n\n    log.error('Error generating statistics', error);\n    this.setState({\n      error,\n      loading: false,\n      statistics: null,\n    });\n  }\n\n  render(): React.ReactElement {\n    const { column, model } = this.props;\n    const { error, loading, statistics, numRows } = this.state;\n    const showGenerateStatistics =\n      !loading &&\n      error == null &&\n      statistics == null &&\n      model.isColumnStatisticsAvailable;\n    const statisticElements = [];\n    const columnType = column.type.substring(column.type.lastIndexOf('.') + 1);\n    const description = column.description === null ? null : column.description;\n    if (statistics != null) {\n      for (let i = 0; i < statistics.length; i += 1) {\n        const { operation, className, value, type } = statistics[i];\n        const formattedValue = !type\n          ? model.displayString(value, column.type, column.name)\n          : model.displayString(value, type);\n        const statisticElement = (\n          <React.Fragment key={operation}>\n            <div\n              className={classNames('column-statistic-operation', className)}\n            >\n              {operation}\n            </div>\n            <div className=\"column-statistic-value\">{formattedValue}</div>\n          </React.Fragment>\n        );\n        statisticElements.push(statisticElement);\n      }\n    }\n    const rowCountLabel =\n      isExpandableGridModel(model) && model.hasExpandableRows\n        ? 'Expanded Rows'\n        : 'Number of Rows';\n    const formattedRowCount = model.displayString(numRows, 'long');\n    const columnIndex = model.getColumnIndexByName(column.name);\n    return (\n      <div className=\"column-statistics\">\n        <div className=\"column-statistics-title\">\n          {column.name}\n          <span className=\"column-statistics-type\">&nbsp;({columnType})</span>\n          <CopyButton\n            className=\"column-statistics-copy\"\n            tooltip=\"Copy column name\"\n            copy={column.name}\n          />\n        </div>\n        {description != null && (\n          <div className=\"column-statistics-description\">{description}</div>\n        )}\n        {columnIndex != null && !model.isColumnSortable(columnIndex) && (\n          <div className=\"column-statistics-status\">\n            <FontAwesomeIcon icon={dhSortSlash} className=\"mr-1\" />\n            Not sortable\n          </div>\n        )}\n        {columnIndex != null && !model.isColumnMovable(columnIndex) && (\n          <div className=\"column-statistics-status\">\n            <FontAwesomeIcon\n              icon={model.isColumnFrozen(columnIndex) ? dhFreeze : vsLock}\n              className=\"mr-1\"\n            />\n            {model.isColumnFrozen(columnIndex) ? 'Frozen' : 'Not movable'}\n          </div>\n        )}\n        <div className=\"column-statistics-grid\">\n          {statistics == null && (\n            <>\n              <div className=\"column-statistic-operation\">{rowCountLabel}</div>\n              <div className=\"column-statistic-value\">{formattedRowCount}</div>\n            </>\n          )}\n\n          {statisticElements}\n        </div>\n        {showGenerateStatistics && (\n          <Button\n            kind=\"ghost\"\n            className=\"px-0\"\n            onClick={this.handleGenerateStatistics}\n          >\n            Generate Stats\n          </Button>\n        )}\n        {error != null && <div className=\"error-message\">{`${error}`}</div>}\n        {statistics && !loading && (\n          <Button\n            kind=\"ghost\"\n            className=\"px-0\"\n            onClick={this.handleGenerateStatistics}\n            icon={<FontAwesomeIcon icon={dhRefresh} className=\"mr-1\" />}\n          >\n            Refresh\n          </Button>\n        )}\n        {loading && (\n          <div className=\"column-statistics-loading\">\n            <LoadingSpinner className=\"loading-spinner-vertical-align\" />\n            Calculating Stats...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ColumnStatistics;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAa,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,MAAM,EAAEC,UAAU,EAAEC,cAAc,QAAQ,uBAAuB;AAC1E,SAASC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,MAAM,QAAQ,kBAAkB;AAK3E,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAA4BC,YAAY,QAAQ,kBAAkB;AAClE,SAASC,qBAAqB,QAAQ,iBAAiB;AAAC;AAAA;AAAA;AAAA;AAIxD,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,kBAAkB,CAAC;AAC1C,IAAMC,qBAA6C,GAAG;EACpDC,IAAI,EAAE;AACR,CAAC;AAqBD,MAAMC,gBAAgB,SAASjB,SAAS,CAGtC;EACA;;EAGA,OAAOkB,aAAa,CAACC,SAAiB,EAAU;IAAA;IAC9C,gCACEJ,qBAAqB,CAACI,SAAS,CAAC,yEAChCA,SAAS,CACNC,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGD,CAAC,CAACE,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,CAAC,CACxDC,IAAI,CAAC,GAAG,CAAC;EAEhB;EAEAC,WAAW,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,CAAC;IAAC;IAEb,IAAI,CAACC,WAAW,GAAG,IAAI,CAACA,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACC,wBAAwB,GAAG,IAAI,CAACA,wBAAwB,CAACD,IAAI,CAAC,IAAI,CAAC;IACxE,IAAI,CAACE,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACF,IAAI,CAAC,IAAI,CAAC;IAExD,IAAI,CAACG,iBAAiB,GAAG,IAAI;IAE7B,IAAI,CAACC,KAAK,GAAG;MACXC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,KAAK;MACdC,UAAU,EAAE,IAAI;MAChBC,OAAO,EAAE;IACX,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB,IAAI,CAACC,uBAAuB,EAAE;EAChC;EAEAC,oBAAoB,GAAS;IAC3B,IAAI,IAAI,CAACR,iBAAiB,EAAE;MAC1B,IAAI,CAACA,iBAAiB,CAACS,MAAM,EAAE;IACjC;EACF;EAIAF,uBAAuB,GAAS;IAC9B,IAAM;MAAEG;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IAE5B,IAAMU,OAAO,GACXK,KAAK,CAACC,QAAQ,GACdD,KAAK,CAACE,eAAe,GACrBF,KAAK,CAACG,sBAAsB,GAC5BH,KAAK,CAACI,mBAAmB;IAC3B,IAAI,CAACC,QAAQ,CAAC;MAAEV;IAAQ,CAAC,CAAC;IAC1B,IAAI,CAACK,KAAK,CAACM,2BAA2B,EAAE;MACtC,IAAI,CAACD,QAAQ,CAAC;QAAEZ,OAAO,EAAE;MAAM,CAAC,CAAC;IACnC,CAAC,MAAM,IAAIE,OAAO,GAAGrB,gBAAgB,CAACiC,mBAAmB,EAAE;MACzD,IAAI,CAACnB,wBAAwB,EAAE;IACjC;EACF;EAEAA,wBAAwB,GAAS;IAC/B,IAAI,CAACiB,QAAQ,CAAC;MAAEZ,OAAO,EAAE;IAAK,CAAC,CAAC;IAEhC,IAAM;MAAEe,MAAM;MAAER;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IAEpC,IAAI,CAACK,iBAAiB,GAAGtB,YAAY,CAACyC,cAAc,CAClDT,KAAK,CAACU,gBAAgB,CAACF,MAAM,CAAC,CAC/B;IAED,IAAI,CAAClB,iBAAiB,CAACqB,IAAI,CAAC,IAAI,CAACtB,gBAAgB,CAAC,CAACuB,KAAK,CAAC,IAAI,CAAC1B,WAAW,CAAC;EAC5E;EAEAG,gBAAgB,CAACwB,KAA0B,EAAQ;IACjD3C,GAAG,CAAC4C,KAAK,CAAC,qBAAqB,EAAED,KAAK,CAAC;IAEvC,IAAM;MAAEb,KAAK;MAAEe;IAAa,CAAC,GAAG,IAAI,CAAC9B,KAAK;IAC1C,IAAMS,UAAuB,GAAG,EAAE;IAElCmB,KAAK,CAACG,aAAa,CAACC,OAAO,CAAC,CAACC,KAAK,EAAE1C,SAAS,KAAK;MAChDkB,UAAU,CAACyB,IAAI,CAAC;QACd3C,SAAS,EAAEF,gBAAgB,CAACC,aAAa,CAACC,SAAS,CAAC;QACpD0C,KAAK;QACLE,IAAI,EAAEP,KAAK,CAACQ,OAAO,CAAC7C,SAAS;MAC/B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEFqC,KAAK,CAACS,YAAY,CAACL,OAAO,CAAC,CAACC,KAAK,EAAE1C,SAAS,KAAK;MAC/CkB,UAAU,CAACyB,IAAI,CAAC;QACd3C,SAAS;QACT+C,SAAS,EAAE,gCAAgC;QAC3CL,KAAK;QACLE,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACf,QAAQ,CAAC;MACZZ,OAAO,EAAE,KAAK;MACdC,UAAU;MACVC,OAAO,EACLK,KAAK,CAACC,QAAQ,GACdD,KAAK,CAACE,eAAe,GACrBF,KAAK,CAACG,sBAAsB,GAC5BH,KAAK,CAACI;IACV,CAAC,CAAC;IAEFW,YAAY,EAAE;EAChB;EAEA7B,WAAW,CAACM,KAAY,EAAQ;IAC9B,IAAIA,KAAK,IAAI,IAAI,IAAIxB,YAAY,CAACwD,UAAU,CAAChC,KAAK,CAAC,EAAE;MACnDtB,GAAG,CAAC4C,KAAK,CAAC,kDAAkD,CAAC;MAC7D;IACF;IAEA5C,GAAG,CAACsB,KAAK,CAAC,6BAA6B,EAAEA,KAAK,CAAC;IAC/C,IAAI,CAACa,QAAQ,CAAC;MACZb,KAAK;MACLC,OAAO,EAAE,KAAK;MACdC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA+B,MAAM,GAAuB;IAC3B,IAAM;MAAEjB,MAAM;MAAER;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IACpC,IAAM;MAAEO,KAAK;MAAEC,OAAO;MAAEC,UAAU;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC1D,IAAMmC,sBAAsB,GAC1B,CAACjC,OAAO,IACRD,KAAK,IAAI,IAAI,IACbE,UAAU,IAAI,IAAI,IAClBM,KAAK,CAACM,2BAA2B;IACnC,IAAMqB,iBAAiB,GAAG,EAAE;IAC5B,IAAMC,UAAU,GAAGpB,MAAM,CAACY,IAAI,CAACS,SAAS,CAACrB,MAAM,CAACY,IAAI,CAACU,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1E,IAAMC,WAAW,GAAGvB,MAAM,CAACuB,WAAW,KAAK,IAAI,GAAG,IAAI,GAAGvB,MAAM,CAACuB,WAAW;IAC3E,IAAIrC,UAAU,IAAI,IAAI,EAAE;MACtB,KAAK,IAAIsC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGtC,UAAU,CAACuC,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;QAC7C,IAAM;UAAExD,SAAS;UAAE+C,SAAS;UAAEL,KAAK;UAAEE;QAAK,CAAC,GAAG1B,UAAU,CAACsC,CAAC,CAAC;QAC3D,IAAME,cAAc,GAAG,CAACd,IAAI,GACxBpB,KAAK,CAACmC,aAAa,CAACjB,KAAK,EAAEV,MAAM,CAACY,IAAI,EAAEZ,MAAM,CAAC4B,IAAI,CAAC,GACpDpC,KAAK,CAACmC,aAAa,CAACjB,KAAK,EAAEE,IAAI,CAAC;QACpC,IAAMiB,gBAAgB,gBACpB,MAAC,KAAK,CAAC,QAAQ;UAAA,wBACb;YACE,SAAS,EAAE/E,UAAU,CAAC,4BAA4B,EAAEiE,SAAS,CAAE;YAAA,UAE9D/C;UAAS,EACN,eACN;YAAK,SAAS,EAAC,wBAAwB;YAAA,UAAE0D;UAAc,EAAO;QAAA,GAN3C1D,SAAS,CAQ/B;QACDmD,iBAAiB,CAACR,IAAI,CAACkB,gBAAgB,CAAC;MAC1C;IACF;IACA,IAAMC,aAAa,GACjBrE,qBAAqB,CAAC+B,KAAK,CAAC,IAAIA,KAAK,CAACuC,iBAAiB,GACnD,eAAe,GACf,gBAAgB;IACtB,IAAMC,iBAAiB,GAAGxC,KAAK,CAACmC,aAAa,CAACxC,OAAO,EAAE,MAAM,CAAC;IAC9D,IAAM8C,WAAW,GAAGzC,KAAK,CAAC0C,oBAAoB,CAAClC,MAAM,CAAC4B,IAAI,CAAC;IAC3D,oBACE;MAAK,SAAS,EAAC,mBAAmB;MAAA,wBAChC;QAAK,SAAS,EAAC,yBAAyB;QAAA,WACrC5B,MAAM,CAAC4B,IAAI,eACZ;UAAM,SAAS,EAAC,wBAAwB;UAAA,WAAC,OAAO,EAACR,UAAU,EAAC,GAAC;QAAA,EAAO,eACpE,KAAC,UAAU;UACT,SAAS,EAAC,wBAAwB;UAClC,OAAO,EAAC,kBAAkB;UAC1B,IAAI,EAAEpB,MAAM,CAAC4B;QAAK,EAClB;MAAA,EACE,EACLL,WAAW,IAAI,IAAI,iBAClB;QAAK,SAAS,EAAC,+BAA+B;QAAA,UAAEA;MAAW,EAC5D,EACAU,WAAW,IAAI,IAAI,IAAI,CAACzC,KAAK,CAAC2C,gBAAgB,CAACF,WAAW,CAAC,iBAC1D;QAAK,SAAS,EAAC,0BAA0B;QAAA,wBACvC,KAAC,eAAe;UAAC,IAAI,EAAE5E,WAAY;UAAC,SAAS,EAAC;QAAM,EAAG,gBAEzD;MAAA,EACD,EACA4E,WAAW,IAAI,IAAI,IAAI,CAACzC,KAAK,CAAC4C,eAAe,CAACH,WAAW,CAAC,iBACzD;QAAK,SAAS,EAAC,0BAA0B;QAAA,wBACvC,KAAC,eAAe;UACd,IAAI,EAAEzC,KAAK,CAAC6C,cAAc,CAACJ,WAAW,CAAC,GAAG9E,QAAQ,GAAGG,MAAO;UAC5D,SAAS,EAAC;QAAM,EAChB,EACDkC,KAAK,CAAC6C,cAAc,CAACJ,WAAW,CAAC,GAAG,QAAQ,GAAG,aAAa;MAAA,EAEhE,eACD;QAAK,SAAS,EAAC,wBAAwB;QAAA,WACpC/C,UAAU,IAAI,IAAI,iBACjB;UAAA,wBACE;YAAK,SAAS,EAAC,4BAA4B;YAAA,UAAE4C;UAAa,EAAO,eACjE;YAAK,SAAS,EAAC,wBAAwB;YAAA,UAAEE;UAAiB,EAAO;QAAA,EAEpE,EAEAb,iBAAiB;MAAA,EACd,EACLD,sBAAsB,iBACrB,KAAC,MAAM;QACL,IAAI,EAAC,OAAO;QACZ,SAAS,EAAC,MAAM;QAChB,OAAO,EAAE,IAAI,CAACtC,wBAAyB;QAAA,UACxC;MAED,EACD,EACAI,KAAK,IAAI,IAAI,iBAAI;QAAK,SAAS,EAAC,eAAe;QAAA,oBAAKA,KAAK;MAAA,EAAS,EAClEE,UAAU,IAAI,CAACD,OAAO,iBACrB,KAAC,MAAM;QACL,IAAI,EAAC,OAAO;QACZ,SAAS,EAAC,MAAM;QAChB,OAAO,EAAE,IAAI,CAACL,wBAAyB;QACvC,IAAI,eAAE,KAAC,eAAe;UAAC,IAAI,EAAExB,SAAU;UAAC,SAAS,EAAC;QAAM,EAAI;QAAA,UAC7D;MAED,EACD,EACA6B,OAAO,iBACN;QAAK,SAAS,EAAC,2BAA2B;QAAA,wBACxC,KAAC,cAAc;UAAC,SAAS,EAAC;QAAgC,EAAG,wBAE/D;MAAA,EACD;IAAA,EACG;EAEV;AACF;AAAC,gBApOKnB,gBAAgB,yBAKS,MAAM;AAiOrC,eAAeA,gBAAgB"}
+{"version":3,"file":"ColumnStatistics.js","names":["React","Component","classNames","FontAwesomeIcon","Button","CopyButton","LoadingSpinner","dhFreeze","dhRefresh","dhSortSlash","vsLock","Log","PromiseUtils","isExpandableGridModel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","log","module","STATS_LABEL_OVERRIDES","SIZE","ColumnStatistics","getStatsLabel","operation","_STATS_LABEL_OVERRIDE","split","map","w","toUpperCase","substr","toLowerCase","join","constructor","props","_defineProperty","handleError","bind","handleGenerateStatistics","handleStatistics","cancelablePromise","state","error","loading","statistics","numRows","componentDidMount","maybeGenerateStatistics","componentWillUnmount","cancel","model","rowCount","pendingRowCount","floatingBottomRowCount","floatingTopRowCount","setState","isColumnStatisticsAvailable","AUTO_GENERATE_LIMIT","column","makeCancelable","columnStatistics","then","catch","stats","debug","onStatistics","statisticsMap","forEach","value","push","type","getType","uniqueValues","className","isCanceled","render","showGenerateStatistics","statisticElements","columnType","substring","lastIndexOf","description","i","length","formattedValue","displayString","name","statisticElement","children","rowCountLabel","hasExpandableRows","formattedRowCount","columnIndex","getColumnIndexByName","tooltip","copy","isColumnSortable","icon","isColumnMovable","isColumnFrozen","kind","onClick","concat"],"sources":["../src/ColumnStatistics.tsx"],"sourcesContent":["import React, { Component, Key } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, CopyButton, LoadingSpinner } from '@deephaven/components';\nimport { dhFreeze, dhRefresh, dhSortSlash, vsLock } from '@deephaven/icons';\nimport type {\n  Column,\n  ColumnStatistics as APIColumnStatistics,\n} from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { CancelablePromise, PromiseUtils } from '@deephaven/utils';\nimport { isExpandableGridModel } from '@deephaven/grid';\nimport './ColumnStatistics.scss';\nimport IrisGridModel from './IrisGridModel';\n\nconst log = Log.module('ColumnStatistics');\nconst STATS_LABEL_OVERRIDES: Record<string, string> = {\n  SIZE: 'Number of Rows',\n};\n\ninterface Statistic {\n  operation: Key;\n  className?: string;\n  value: unknown;\n  type: string;\n}\n\ninterface ColumnStatisticsProps {\n  column: Column;\n  model: IrisGridModel;\n  onStatistics: () => void;\n}\ninterface ColumnStatisticsState {\n  error: unknown;\n  loading: boolean;\n  statistics: Statistic[] | null;\n  numRows: number;\n}\n\nclass ColumnStatistics extends Component<\n  ColumnStatisticsProps,\n  ColumnStatisticsState\n> {\n  /** Automatically generate the statistics when the row count is below this threshold */\n  static AUTO_GENERATE_LIMIT = 100000;\n\n  static getStatsLabel(operation: string): string {\n    return (\n      STATS_LABEL_OVERRIDES[operation] ??\n      operation\n        .split(' ')\n        .map(w => w[0].toUpperCase() + w.substr(1).toLowerCase())\n        .join(' ')\n    );\n  }\n\n  constructor(props: ColumnStatisticsProps) {\n    super(props);\n\n    this.handleError = this.handleError.bind(this);\n    this.handleGenerateStatistics = this.handleGenerateStatistics.bind(this);\n    this.handleStatistics = this.handleStatistics.bind(this);\n\n    this.cancelablePromise = null;\n\n    this.state = {\n      error: null,\n      loading: false,\n      statistics: null,\n      numRows: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    this.maybeGenerateStatistics();\n  }\n\n  componentWillUnmount(): void {\n    if (this.cancelablePromise) {\n      this.cancelablePromise.cancel();\n    }\n  }\n\n  cancelablePromise: CancelablePromise<APIColumnStatistics> | null;\n\n  maybeGenerateStatistics(): void {\n    const { model } = this.props;\n\n    const numRows =\n      model.rowCount -\n      model.pendingRowCount -\n      model.floatingBottomRowCount -\n      model.floatingTopRowCount;\n    this.setState({ numRows });\n    if (!model.isColumnStatisticsAvailable) {\n      this.setState({ loading: false });\n    } else if (numRows < ColumnStatistics.AUTO_GENERATE_LIMIT) {\n      this.handleGenerateStatistics();\n    }\n  }\n\n  handleGenerateStatistics(): void {\n    this.setState({ loading: true });\n\n    const { column, model } = this.props;\n\n    this.cancelablePromise = PromiseUtils.makeCancelable(\n      model.columnStatistics(column)\n    );\n\n    this.cancelablePromise.then(this.handleStatistics).catch(this.handleError);\n  }\n\n  handleStatistics(stats: APIColumnStatistics): void {\n    log.debug('Received statistics', stats);\n\n    const { model, onStatistics } = this.props;\n    const statistics: Statistic[] = [];\n\n    stats.statisticsMap.forEach((value, operation) => {\n      statistics.push({\n        operation: ColumnStatistics.getStatsLabel(operation),\n        value,\n        type: stats.getType(operation),\n      });\n    });\n\n    stats.uniqueValues.forEach((value, operation) => {\n      statistics.push({\n        operation,\n        className: 'column-statistics-unique-value',\n        value,\n        type: 'long',\n      });\n    });\n\n    this.setState({\n      loading: false,\n      statistics,\n      numRows:\n        model.rowCount -\n        model.pendingRowCount -\n        model.floatingBottomRowCount -\n        model.floatingTopRowCount,\n    });\n\n    onStatistics();\n  }\n\n  handleError(error: Error): void {\n    if (error != null && PromiseUtils.isCanceled(error)) {\n      log.debug('Called handleError on a cancelled promise result');\n      return;\n    }\n\n    log.error('Error generating statistics', error);\n    this.setState({\n      error,\n      loading: false,\n      statistics: null,\n    });\n  }\n\n  render(): React.ReactElement {\n    const { column, model } = this.props;\n    const { error, loading, statistics, numRows } = this.state;\n    const showGenerateStatistics =\n      !loading &&\n      error == null &&\n      statistics == null &&\n      model.isColumnStatisticsAvailable;\n    const statisticElements = [];\n    const columnType = column.type.substring(column.type.lastIndexOf('.') + 1);\n    const description = column.description === null ? null : column.description;\n    if (statistics != null) {\n      for (let i = 0; i < statistics.length; i += 1) {\n        const { operation, className, value, type } = statistics[i];\n        const formattedValue = !type\n          ? model.displayString(value, column.type, column.name)\n          : model.displayString(value, type);\n        const statisticElement = (\n          <React.Fragment key={operation}>\n            <div\n              className={classNames('column-statistic-operation', className)}\n            >\n              {operation}\n            </div>\n            <div className=\"column-statistic-value\">{formattedValue}</div>\n          </React.Fragment>\n        );\n        statisticElements.push(statisticElement);\n      }\n    }\n    const rowCountLabel =\n      isExpandableGridModel(model) && model.hasExpandableRows\n        ? 'Expanded Rows'\n        : 'Number of Rows';\n    const formattedRowCount = model.displayString(numRows, 'long');\n    const columnIndex = model.getColumnIndexByName(column.name);\n    return (\n      <div className=\"column-statistics\">\n        <div className=\"column-statistics-title\">\n          {column.name}\n          <span className=\"column-statistics-type\">&nbsp;({columnType})</span>\n          <CopyButton\n            className=\"column-statistics-copy\"\n            tooltip=\"Copy column name\"\n            copy={column.name}\n          />\n        </div>\n        {description != null && (\n          <div className=\"column-statistics-description\">{description}</div>\n        )}\n        {columnIndex != null && !model.isColumnSortable(columnIndex) && (\n          <div className=\"column-statistics-status\">\n            <FontAwesomeIcon icon={dhSortSlash} className=\"mr-1\" />\n            Not sortable\n          </div>\n        )}\n        {columnIndex != null && !model.isColumnMovable(columnIndex) && (\n          <div className=\"column-statistics-status\">\n            <FontAwesomeIcon\n              icon={model.isColumnFrozen(columnIndex) ? dhFreeze : vsLock}\n              className=\"mr-1\"\n            />\n            {model.isColumnFrozen(columnIndex) ? 'Frozen' : 'Not movable'}\n          </div>\n        )}\n        <div className=\"column-statistics-grid\">\n          {statistics == null && (\n            <>\n              <div className=\"column-statistic-operation\">{rowCountLabel}</div>\n              <div className=\"column-statistic-value\">{formattedRowCount}</div>\n            </>\n          )}\n\n          {statisticElements}\n        </div>\n        {showGenerateStatistics && (\n          <Button\n            kind=\"ghost\"\n            className=\"px-0\"\n            onClick={this.handleGenerateStatistics}\n          >\n            Generate Stats\n          </Button>\n        )}\n        {error != null && <div className=\"error-message\">{`${error}`}</div>}\n        {statistics && !loading && (\n          <Button\n            kind=\"ghost\"\n            className=\"px-0\"\n            onClick={this.handleGenerateStatistics}\n            icon={<FontAwesomeIcon icon={dhRefresh} className=\"mr-1\" />}\n          >\n            Refresh\n          </Button>\n        )}\n        {loading && (\n          <div className=\"column-statistics-loading\">\n            <LoadingSpinner className=\"loading-spinner-vertical-align\" />\n            Calculating Stats...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ColumnStatistics;\n"],"mappings":"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"}

package/dist/CrossColumnSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossColumnSearch.js","names":["React","PureComponent","FontAwesomeIcon","Checkbox","Popper","SearchInput","Tooltip","dhGearFilled","dhCheckSquare","dhSquareFilled","dhRemoveSquareFilled","dhWarningCircleFilled","vsCircleLargeFilled","TableUtils","CrossColumnSearch","createSearchFilter","dh","searchValue","selectedColumns","columns","invertSelection","filterColumns","filter","column","includes","name","map","length","filterValue","FilterValue","ofString","searchFilter","FilterCondition","search","undefined","constructor","props","handleSearchValueChange","bind","toggleColumn","selectAll","clear","selectNumbers","searchField","createRef","state","isConfigureColumnsShown","focus","current","event","onChange","target","value","sendColumnChange","setInvertSelection","c","update","slice","push","isNumberType","type","render","hasAllColumnsSelected","hasNoColumnsSelected","icon","setState","substring","lastIndexOf"],"sources":["../src/CrossColumnSearch.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';\nimport {\n  dhGearFilled,\n  dhCheckSquare,\n  dhSquareFilled,\n  dhRemoveSquareFilled,\n  dhWarningCircleFilled,\n  vsCircleLargeFilled,\n} from '@deephaven/icons';\nimport type {\n  Column,\n  dh as DhType,\n  FilterCondition,\n} from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport './CrossColumnSearch.scss';\nimport { ColumnName } from './CommonTypes';\n\ninterface CrossColumnSearchProps {\n  value: string;\n  selectedColumns: readonly ColumnName[];\n  invertSelection: boolean;\n  onChange: (\n    value: string,\n    selectedColumns: readonly ColumnName[],\n    invertSelection: boolean\n  ) => void;\n  columns: readonly Column[];\n}\n\ninterface CrossColumnSearchState {\n  isConfigureColumnsShown: boolean;\n}\nclass CrossColumnSearch extends PureComponent<\n  CrossColumnSearchProps,\n  CrossColumnSearchState\n> {\n  static createSearchFilter(\n    dh: DhType,\n    searchValue: string,\n    selectedColumns: readonly ColumnName[],\n    columns: readonly Column[],\n    invertSelection: boolean\n  ): FilterCondition | undefined {\n    const filterColumns = invertSelection\n      ? columns\n          .filter(column => !selectedColumns.includes(column.name))\n          .map(column => column.name)\n      : selectedColumns;\n    if (searchValue && filterColumns.length > 0) {\n      const filterValue = dh.FilterValue.ofString(searchValue);\n      const searchFilter =\n        filterColumns.length === columns.length\n          ? dh.FilterCondition.search(filterValue)\n          : dh.FilterCondition.search(\n              filterValue,\n              columns\n                .filter(column => filterColumns.includes(column.name))\n                .map(column => column.filter())\n            );\n      return searchFilter;\n    }\n    return undefined;\n  }\n\n  constructor(props: CrossColumnSearchProps) {\n    super(props);\n    this.handleSearchValueChange = this.handleSearchValueChange.bind(this);\n    this.toggleColumn = this.toggleColumn.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n    this.selectNumbers = this.selectNumbers.bind(this);\n\n    this.searchField = React.createRef();\n\n    this.state = {\n      isConfigureColumnsShown: false,\n    };\n  }\n\n  searchField: React.RefObject<SearchInput>;\n\n  focus(): void {\n    this.searchField.current?.focus();\n  }\n\n  handleSearchValueChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const { onChange, selectedColumns, invertSelection } = this.props;\n    onChange(event.target.value, selectedColumns, invertSelection);\n  }\n\n  sendColumnChange(\n    selectedColumns: readonly ColumnName[],\n    invertSelection: boolean\n  ): void {\n    const { onChange, value } = this.props;\n    onChange(value, selectedColumns, invertSelection);\n  }\n\n  setInvertSelection(invertSelection: boolean): void {\n    const { onChange, value } = this.props;\n    onChange(value, [], invertSelection);\n  }\n\n  toggleColumn(name: string): void {\n    const { selectedColumns, invertSelection } = this.props;\n    if (selectedColumns.includes(name)) {\n      this.sendColumnChange(\n        selectedColumns.filter(c => c !== name),\n        invertSelection\n      );\n    } else {\n      const update = selectedColumns.slice();\n      update.push(name);\n      this.sendColumnChange(update, invertSelection);\n    }\n  }\n\n  selectAll(): void {\n    this.setInvertSelection(true);\n  }\n\n  clear(): void {\n    this.setInvertSelection(false);\n  }\n\n  selectNumbers(): void {\n    const { columns } = this.props;\n    this.sendColumnChange(\n      columns\n        .filter(c => TableUtils.isNumberType(c.type))\n        .map(column => column.name),\n      false\n    );\n  }\n\n  render(): React.ReactElement {\n    const { value, selectedColumns, invertSelection, columns } = this.props;\n    const { isConfigureColumnsShown } = this.state;\n    const hasAllColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === true) ||\n      (selectedColumns.length === columns.length && invertSelection === false);\n    const hasNoColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === false) ||\n      (selectedColumns.length === columns.length && invertSelection === true);\n\n    // set icon layers\n    let icon;\n    if (hasAllColumnsSelected) {\n      // icon if all columns selected for search\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhCheckSquare}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else if (hasNoColumnsSelected) {\n      // icon error, no columns selected for searching\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={vsCircleLargeFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-1 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhWarningCircleFilled}\n            className=\"text-danger\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else {\n      // icon if some columns selected, but not all\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhRemoveSquareFilled}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    }\n\n    return (\n      <div className=\"cross-column-container\">\n        <SearchInput\n          className=\"cross-column-search\"\n          placeholder=\"Search Data...\"\n          data-testid=\"cross-column-search\"\n          value={value}\n          onChange={this.handleSearchValueChange}\n          ref={this.searchField}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn-link btn-link-icon px-2\"\n          onClick={() => {\n            if (isConfigureColumnsShown) {\n              this.setState({ isConfigureColumnsShown: false });\n            } else {\n              this.setState({ isConfigureColumnsShown: true });\n            }\n          }}\n        >\n          <div className=\"fa-layers\">{icon}</div>\n          <Tooltip>Configure Columns</Tooltip>\n          <Popper\n            isShown={isConfigureColumnsShown}\n            className=\"cross-column-popper\"\n            onExited={() => {\n              this.setState({ isConfigureColumnsShown: false });\n            }}\n            closeOnBlur\n            interactive\n          >\n            <div className=\"cross-column-popup\">\n              Searched Columns\n              <div className=\"cross-column-scroll\">\n                {columns.map(column => (\n                  <React.Fragment key={column.name}>\n                    <Checkbox\n                      className=\"cross-column-checkbox\"\n                      checked={\n                        invertSelection\n                          ? !selectedColumns.includes(column.name)\n                          : selectedColumns.includes(column.name)\n                      }\n                      onChange={() => this.toggleColumn(column.name)}\n                    >\n                      {column.name}\n                    </Checkbox>\n\n                    {column.type.substring(column.type.lastIndexOf('.') + 1)}\n                  </React.Fragment>\n                ))}\n              </div>\n              <div className=\"cross-column-button-bar\">\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectAll}\n                >\n                  Select All\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.clear}\n                >\n                  Clear\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectNumbers}\n                >\n                  Numbers Only\n                </button>\n              </div>\n              {hasNoColumnsSelected && (\n                <p className=\"text-danger\">\n                  <FontAwesomeIcon icon={dhWarningCircleFilled} /> Select at\n                  least one column to search.\n                </p>\n              )}\n            </div>\n          </Popper>\n        </button>\n      </div>\n    );\n  }\n}\n\nexport default CrossColumnSearch;\n"],"mappings":"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"}
+{"version":3,"file":"CrossColumnSearch.js","names":["React","PureComponent","FontAwesomeIcon","Checkbox","Popper","SearchInput","Tooltip","dhGearFilled","dhCheckSquare","dhSquareFilled","dhRemoveSquareFilled","dhWarningCircleFilled","vsCircleLargeFilled","TableUtils","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CrossColumnSearch","createSearchFilter","dh","searchValue","selectedColumns","columns","invertSelection","filterColumns","filter","column","includes","name","map","length","filterValue","FilterValue","ofString","searchFilter","FilterCondition","search","undefined","constructor","props","_defineProperty","handleSearchValueChange","bind","toggleColumn","selectAll","clear","selectNumbers","searchField","createRef","state","isConfigureColumnsShown","focus","_this$searchField$cur","current","event","onChange","target","value","sendColumnChange","setInvertSelection","c","update","slice","push","isNumberType","type","render","hasAllColumnsSelected","hasNoColumnsSelected","icon","children","mask","transform","className","placeholder","ref","onClick","setState","isShown","onExited","closeOnBlur","interactive","checked","substring","lastIndexOf"],"sources":["../src/CrossColumnSearch.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';\nimport {\n  dhGearFilled,\n  dhCheckSquare,\n  dhSquareFilled,\n  dhRemoveSquareFilled,\n  dhWarningCircleFilled,\n  vsCircleLargeFilled,\n} from '@deephaven/icons';\nimport type {\n  Column,\n  dh as DhType,\n  FilterCondition,\n} from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport './CrossColumnSearch.scss';\nimport { ColumnName } from './CommonTypes';\n\ninterface CrossColumnSearchProps {\n  value: string;\n  selectedColumns: readonly ColumnName[];\n  invertSelection: boolean;\n  onChange: (\n    value: string,\n    selectedColumns: readonly ColumnName[],\n    invertSelection: boolean\n  ) => void;\n  columns: readonly Column[];\n}\n\ninterface CrossColumnSearchState {\n  isConfigureColumnsShown: boolean;\n}\nclass CrossColumnSearch extends PureComponent<\n  CrossColumnSearchProps,\n  CrossColumnSearchState\n> {\n  static createSearchFilter(\n    dh: DhType,\n    searchValue: string,\n    selectedColumns: readonly ColumnName[],\n    columns: readonly Column[],\n    invertSelection: boolean\n  ): FilterCondition | undefined {\n    const filterColumns = invertSelection\n      ? columns\n          .filter(column => !selectedColumns.includes(column.name))\n          .map(column => column.name)\n      : selectedColumns;\n    if (searchValue && filterColumns.length > 0) {\n      const filterValue = dh.FilterValue.ofString(searchValue);\n      const searchFilter =\n        filterColumns.length === columns.length\n          ? dh.FilterCondition.search(filterValue)\n          : dh.FilterCondition.search(\n              filterValue,\n              columns\n                .filter(column => filterColumns.includes(column.name))\n                .map(column => column.filter())\n            );\n      return searchFilter;\n    }\n    return undefined;\n  }\n\n  constructor(props: CrossColumnSearchProps) {\n    super(props);\n    this.handleSearchValueChange = this.handleSearchValueChange.bind(this);\n    this.toggleColumn = this.toggleColumn.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n    this.selectNumbers = this.selectNumbers.bind(this);\n\n    this.searchField = React.createRef();\n\n    this.state = {\n      isConfigureColumnsShown: false,\n    };\n  }\n\n  searchField: React.RefObject<SearchInput>;\n\n  focus(): void {\n    this.searchField.current?.focus();\n  }\n\n  handleSearchValueChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const { onChange, selectedColumns, invertSelection } = this.props;\n    onChange(event.target.value, selectedColumns, invertSelection);\n  }\n\n  sendColumnChange(\n    selectedColumns: readonly ColumnName[],\n    invertSelection: boolean\n  ): void {\n    const { onChange, value } = this.props;\n    onChange(value, selectedColumns, invertSelection);\n  }\n\n  setInvertSelection(invertSelection: boolean): void {\n    const { onChange, value } = this.props;\n    onChange(value, [], invertSelection);\n  }\n\n  toggleColumn(name: string): void {\n    const { selectedColumns, invertSelection } = this.props;\n    if (selectedColumns.includes(name)) {\n      this.sendColumnChange(\n        selectedColumns.filter(c => c !== name),\n        invertSelection\n      );\n    } else {\n      const update = selectedColumns.slice();\n      update.push(name);\n      this.sendColumnChange(update, invertSelection);\n    }\n  }\n\n  selectAll(): void {\n    this.setInvertSelection(true);\n  }\n\n  clear(): void {\n    this.setInvertSelection(false);\n  }\n\n  selectNumbers(): void {\n    const { columns } = this.props;\n    this.sendColumnChange(\n      columns\n        .filter(c => TableUtils.isNumberType(c.type))\n        .map(column => column.name),\n      false\n    );\n  }\n\n  render(): React.ReactElement {\n    const { value, selectedColumns, invertSelection, columns } = this.props;\n    const { isConfigureColumnsShown } = this.state;\n    const hasAllColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === true) ||\n      (selectedColumns.length === columns.length && invertSelection === false);\n    const hasNoColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === false) ||\n      (selectedColumns.length === columns.length && invertSelection === true);\n\n    // set icon layers\n    let icon;\n    if (hasAllColumnsSelected) {\n      // icon if all columns selected for search\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhCheckSquare}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else if (hasNoColumnsSelected) {\n      // icon error, no columns selected for searching\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={vsCircleLargeFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-1 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhWarningCircleFilled}\n            className=\"text-danger\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else {\n      // icon if some columns selected, but not all\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhRemoveSquareFilled}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    }\n\n    return (\n      <div className=\"cross-column-container\">\n        <SearchInput\n          className=\"cross-column-search\"\n          placeholder=\"Search Data...\"\n          data-testid=\"cross-column-search\"\n          value={value}\n          onChange={this.handleSearchValueChange}\n          ref={this.searchField}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn-link btn-link-icon px-2\"\n          onClick={() => {\n            if (isConfigureColumnsShown) {\n              this.setState({ isConfigureColumnsShown: false });\n            } else {\n              this.setState({ isConfigureColumnsShown: true });\n            }\n          }}\n        >\n          <div className=\"fa-layers\">{icon}</div>\n          <Tooltip>Configure Columns</Tooltip>\n          <Popper\n            isShown={isConfigureColumnsShown}\n            className=\"cross-column-popper\"\n            onExited={() => {\n              this.setState({ isConfigureColumnsShown: false });\n            }}\n            closeOnBlur\n            interactive\n          >\n            <div className=\"cross-column-popup\">\n              Searched Columns\n              <div className=\"cross-column-scroll\">\n                {columns.map(column => (\n                  <React.Fragment key={column.name}>\n                    <Checkbox\n                      className=\"cross-column-checkbox\"\n                      checked={\n                        invertSelection\n                          ? !selectedColumns.includes(column.name)\n                          : selectedColumns.includes(column.name)\n                      }\n                      onChange={() => this.toggleColumn(column.name)}\n                    >\n                      {column.name}\n                    </Checkbox>\n\n                    {column.type.substring(column.type.lastIndexOf('.') + 1)}\n                  </React.Fragment>\n                ))}\n              </div>\n              <div className=\"cross-column-button-bar\">\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectAll}\n                >\n                  Select All\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.clear}\n                >\n                  Clear\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectNumbers}\n                >\n                  Numbers Only\n                </button>\n              </div>\n              {hasNoColumnsSelected && (\n                <p className=\"text-danger\">\n                  <FontAwesomeIcon icon={dhWarningCircleFilled} /> Select at\n                  least one column to search.\n                </p>\n              )}\n            </div>\n          </Popper>\n        </button>\n      </div>\n    );\n  }\n}\n\nexport default CrossColumnSearch;\n"],"mappings":"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"}

package/dist/FilterInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterInputField.js","names":["React","PureComponent","classNames","debounce","vsFilter","dhFilterFilled","FontAwesomeIcon","Button","FilterInputField","constructor","props","debounceMs","debouncedSendUpdate","sendUpdate","bind","handleCancel","handleChange","handleCommit","handleFocus","handleBlur","handleKeyDown","handleContextMenu","inputField","value","initialValue","state","isChanged","componentDidMount","focus","componentDidUpdate","prevProps","flush","componentWillUnmount","cancel","setValue","setState","event","target","onDone","setGridFocus","defocusInput","select","relatedTarget","classList","contains","handleTab","backward","onTab","key","stopPropagation","preventDefault","shiftKey","onContextMenu","onChange","render","className","style","isAdvancedFilterSet","onAdvancedFiltersTriggered","undefined"],"sources":["../src/FilterInputField.tsx"],"sourcesContent":["import React, { ChangeEvent, PureComponent, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport { vsFilter, dhFilterFilled } from '@deephaven/icons';\nimport './FilterInputField.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { DebouncedFunc } from 'lodash';\nimport { Button } from '@deephaven/components';\n\ninterface FilterInputFieldProps {\n  className: string;\n  style: React.CSSProperties;\n  value: string;\n  isAdvancedFilterSet: boolean;\n  onAdvancedFiltersTriggered: React.MouseEventHandler<HTMLButtonElement>;\n  onChange: (value: string) => void;\n  onDone: (setGridFocus?: boolean, defocusInput?: boolean) => void;\n  onTab: (backward: boolean) => void;\n  onContextMenu: React.MouseEventHandler<HTMLInputElement | HTMLButtonElement>;\n  debounceMs: number;\n}\ninterface FilterInputFieldState {\n  isChanged: boolean;\n  value: string;\n}\n/**\n * An input field showing a input field and button.\n * Debounces changes.\n */\nclass FilterInputField extends PureComponent<\n  FilterInputFieldProps,\n  FilterInputFieldState\n> {\n  static defaultProps = {\n    style: {},\n    className: '',\n    value: '',\n    isAdvancedFilterSet: false,\n    onAdvancedFiltersTriggered: (): void => undefined,\n    onChange: (): void => undefined,\n    onDone: (): void => undefined,\n    onTab: (): void => undefined,\n    onContextMenu: (): void => undefined,\n    debounceMs: 150,\n  };\n\n  constructor(props: FilterInputFieldProps) {\n    super(props);\n\n    const { debounceMs } = props;\n\n    this.debouncedSendUpdate = debounce(this.sendUpdate.bind(this), debounceMs);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n    this.handleCommit = this.handleCommit.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n\n    this.inputField = null;\n\n    const { value } = props;\n    this.initialValue = value;\n    this.state = {\n      isChanged: false,\n      value,\n    };\n  }\n\n  componentDidMount(): void {\n    this.inputField?.focus();\n  }\n\n  componentDidUpdate(prevProps: FilterInputFieldProps): void {\n    const { debounceMs } = this.props;\n    if (prevProps.debounceMs !== debounceMs) {\n      this.debouncedSendUpdate.flush();\n      this.debouncedSendUpdate = debounce(\n        this.sendUpdate.bind(this),\n        debounceMs\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.debouncedSendUpdate.cancel();\n  }\n\n  inputField: HTMLInputElement | null;\n\n  initialValue: string;\n\n  debouncedSendUpdate: DebouncedFunc<(value: string) => void>;\n\n  // clear filters needs to be able to reset the value externally\n  // and due to the way this component handles its own debouncing\n  // this was easier than moving state up.\n  setValue(value: string): void {\n    this.initialValue = value;\n    this.setState({ value });\n  }\n\n  focus(): void {\n    this.inputField?.focus();\n  }\n\n  handleChange(event: ChangeEvent<HTMLInputElement>): void {\n    const { value } = event.target;\n    this.setState({ value, isChanged: true });\n\n    this.debouncedSendUpdate(value);\n  }\n\n  handleCancel(): void {\n    this.debouncedSendUpdate.cancel();\n    const { initialValue } = this;\n    const { isChanged } = this.state;\n    if (isChanged) {\n      this.sendUpdate(initialValue);\n    }\n\n    const { onDone } = this.props;\n    onDone();\n  }\n\n  handleCommit(setGridFocus = true, defocusInput = true): void {\n    this.debouncedSendUpdate.flush();\n\n    const { onDone } = this.props;\n    onDone(setGridFocus, defocusInput);\n  }\n\n  handleFocus(): void {\n    this.inputField?.select();\n  }\n\n  handleBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    const { relatedTarget } = event;\n    // handleCommit results in a call that steals focus\n    if (\n      relatedTarget != null &&\n      relatedTarget.classList.contains('context-menu-container')\n    ) {\n      // input blurred by calling context-menu\n      // don't set grid focus, but do null column focus\n      this.handleCommit(false, true);\n    } else if (\n      relatedTarget != null &&\n      relatedTarget.classList.contains('advanced-filter-button')\n    ) {\n      // blurred by clicking an advanced filter button\n      // don't set grid focus, maintain focusedFilterBarColumn state\n      this.handleCommit(false, false);\n    } else {\n      // clear both, blurred elsewhere\n      this.handleCommit(true, true);\n    }\n  }\n\n  handleTab(backward = false): void {\n    this.debouncedSendUpdate.flush();\n\n    const { onTab } = this.props;\n    onTab(backward);\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    switch (event.key) {\n      case 'Escape':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCancel();\n        break;\n      case 'Enter':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCommit();\n        break;\n      case 'Tab':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleTab(event.shiftKey);\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleContextMenu(\n    event: React.MouseEvent<HTMLInputElement | HTMLButtonElement>\n  ): void {\n    const { onContextMenu } = this.props;\n    onContextMenu(event);\n  }\n\n  sendUpdate(value: string): void {\n    const { onChange } = this.props;\n    onChange(value);\n  }\n\n  render(): ReactElement {\n    const {\n      className,\n      style,\n      isAdvancedFilterSet,\n      onAdvancedFiltersTriggered,\n    } = this.props;\n    const { value } = this.state;\n    return (\n      <div\n        style={style}\n        className=\"iris-grid-input-autosized-wrapper\"\n        data-value={value} // used by css based autosizer\n      >\n        <input\n          ref={inputField => {\n            this.inputField = inputField;\n          }}\n          className={classNames('iris-grid-input-field', className)}\n          type=\"text\"\n          value={value}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onChange={this.handleChange}\n          onKeyDown={this.handleKeyDown}\n          onContextMenu={this.handleContextMenu}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck=\"false\"\n        />\n        <div className=\"advanced-filter-button-container\">\n          <Button\n            kind=\"ghost\"\n            className={classNames('btn-link-icon advanced-filter-button', {\n              'filter-set': isAdvancedFilterSet,\n            })}\n            onClick={onAdvancedFiltersTriggered}\n            onContextMenu={this.handleContextMenu}\n          >\n            <div className=\"fa-layers \">\n              <FontAwesomeIcon icon={dhFilterFilled} className=\"filter-solid\" />\n              <FontAwesomeIcon icon={vsFilter} className=\"filter-light\" />\n            </div>\n          </Button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default FilterInputField;\n"],"mappings":"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"}
+{"version":3,"file":"FilterInputField.js","names":["React","PureComponent","classNames","debounce","vsFilter","dhFilterFilled","FontAwesomeIcon","Button","jsx","_jsx","jsxs","_jsxs","FilterInputField","constructor","props","_defineProperty","debounceMs","debouncedSendUpdate","sendUpdate","bind","handleCancel","handleChange","handleCommit","handleFocus","handleBlur","handleKeyDown","handleContextMenu","inputField","value","initialValue","state","isChanged","componentDidMount","_this$inputField","focus","componentDidUpdate","prevProps","flush","componentWillUnmount","cancel","setValue","setState","_this$inputField2","event","target","onDone","setGridFocus","arguments","length","undefined","defocusInput","_this$inputField3","select","relatedTarget","classList","contains","handleTab","backward","onTab","key","stopPropagation","preventDefault","shiftKey","onContextMenu","onChange","render","className","style","isAdvancedFilterSet","onAdvancedFiltersTriggered","children","ref","type","onBlur","onFocus","onKeyDown","autoComplete","autoCorrect","autoCapitalize","spellCheck","kind","onClick","icon"],"sources":["../src/FilterInputField.tsx"],"sourcesContent":["import React, { ChangeEvent, PureComponent, ReactElement } from 'react';\nimport classNames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport { vsFilter, dhFilterFilled } from '@deephaven/icons';\nimport './FilterInputField.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { DebouncedFunc } from 'lodash';\nimport { Button } from '@deephaven/components';\n\ninterface FilterInputFieldProps {\n  className: string;\n  style: React.CSSProperties;\n  value: string;\n  isAdvancedFilterSet: boolean;\n  onAdvancedFiltersTriggered: React.MouseEventHandler<HTMLButtonElement>;\n  onChange: (value: string) => void;\n  onDone: (setGridFocus?: boolean, defocusInput?: boolean) => void;\n  onTab: (backward: boolean) => void;\n  onContextMenu: React.MouseEventHandler<HTMLInputElement | HTMLButtonElement>;\n  debounceMs: number;\n}\ninterface FilterInputFieldState {\n  isChanged: boolean;\n  value: string;\n}\n/**\n * An input field showing a input field and button.\n * Debounces changes.\n */\nclass FilterInputField extends PureComponent<\n  FilterInputFieldProps,\n  FilterInputFieldState\n> {\n  static defaultProps = {\n    style: {},\n    className: '',\n    value: '',\n    isAdvancedFilterSet: false,\n    onAdvancedFiltersTriggered: (): void => undefined,\n    onChange: (): void => undefined,\n    onDone: (): void => undefined,\n    onTab: (): void => undefined,\n    onContextMenu: (): void => undefined,\n    debounceMs: 150,\n  };\n\n  constructor(props: FilterInputFieldProps) {\n    super(props);\n\n    const { debounceMs } = props;\n\n    this.debouncedSendUpdate = debounce(this.sendUpdate.bind(this), debounceMs);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n    this.handleCommit = this.handleCommit.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n\n    this.inputField = null;\n\n    const { value } = props;\n    this.initialValue = value;\n    this.state = {\n      isChanged: false,\n      value,\n    };\n  }\n\n  componentDidMount(): void {\n    this.inputField?.focus();\n  }\n\n  componentDidUpdate(prevProps: FilterInputFieldProps): void {\n    const { debounceMs } = this.props;\n    if (prevProps.debounceMs !== debounceMs) {\n      this.debouncedSendUpdate.flush();\n      this.debouncedSendUpdate = debounce(\n        this.sendUpdate.bind(this),\n        debounceMs\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.debouncedSendUpdate.cancel();\n  }\n\n  inputField: HTMLInputElement | null;\n\n  initialValue: string;\n\n  debouncedSendUpdate: DebouncedFunc<(value: string) => void>;\n\n  // clear filters needs to be able to reset the value externally\n  // and due to the way this component handles its own debouncing\n  // this was easier than moving state up.\n  setValue(value: string): void {\n    this.initialValue = value;\n    this.setState({ value });\n  }\n\n  focus(): void {\n    this.inputField?.focus();\n  }\n\n  handleChange(event: ChangeEvent<HTMLInputElement>): void {\n    const { value } = event.target;\n    this.setState({ value, isChanged: true });\n\n    this.debouncedSendUpdate(value);\n  }\n\n  handleCancel(): void {\n    this.debouncedSendUpdate.cancel();\n    const { initialValue } = this;\n    const { isChanged } = this.state;\n    if (isChanged) {\n      this.sendUpdate(initialValue);\n    }\n\n    const { onDone } = this.props;\n    onDone();\n  }\n\n  handleCommit(setGridFocus = true, defocusInput = true): void {\n    this.debouncedSendUpdate.flush();\n\n    const { onDone } = this.props;\n    onDone(setGridFocus, defocusInput);\n  }\n\n  handleFocus(): void {\n    this.inputField?.select();\n  }\n\n  handleBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    const { relatedTarget } = event;\n    // handleCommit results in a call that steals focus\n    if (\n      relatedTarget != null &&\n      relatedTarget.classList.contains('context-menu-container')\n    ) {\n      // input blurred by calling context-menu\n      // don't set grid focus, but do null column focus\n      this.handleCommit(false, true);\n    } else if (\n      relatedTarget != null &&\n      relatedTarget.classList.contains('advanced-filter-button')\n    ) {\n      // blurred by clicking an advanced filter button\n      // don't set grid focus, maintain focusedFilterBarColumn state\n      this.handleCommit(false, false);\n    } else {\n      // clear both, blurred elsewhere\n      this.handleCommit(true, true);\n    }\n  }\n\n  handleTab(backward = false): void {\n    this.debouncedSendUpdate.flush();\n\n    const { onTab } = this.props;\n    onTab(backward);\n  }\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    switch (event.key) {\n      case 'Escape':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCancel();\n        break;\n      case 'Enter':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleCommit();\n        break;\n      case 'Tab':\n        event.stopPropagation();\n        event.preventDefault();\n        this.handleTab(event.shiftKey);\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleContextMenu(\n    event: React.MouseEvent<HTMLInputElement | HTMLButtonElement>\n  ): void {\n    const { onContextMenu } = this.props;\n    onContextMenu(event);\n  }\n\n  sendUpdate(value: string): void {\n    const { onChange } = this.props;\n    onChange(value);\n  }\n\n  render(): ReactElement {\n    const {\n      className,\n      style,\n      isAdvancedFilterSet,\n      onAdvancedFiltersTriggered,\n    } = this.props;\n    const { value } = this.state;\n    return (\n      <div\n        style={style}\n        className=\"iris-grid-input-autosized-wrapper\"\n        data-value={value} // used by css based autosizer\n      >\n        <input\n          ref={inputField => {\n            this.inputField = inputField;\n          }}\n          className={classNames('iris-grid-input-field', className)}\n          type=\"text\"\n          value={value}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onChange={this.handleChange}\n          onKeyDown={this.handleKeyDown}\n          onContextMenu={this.handleContextMenu}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck=\"false\"\n        />\n        <div className=\"advanced-filter-button-container\">\n          <Button\n            kind=\"ghost\"\n            className={classNames('btn-link-icon advanced-filter-button', {\n              'filter-set': isAdvancedFilterSet,\n            })}\n            onClick={onAdvancedFiltersTriggered}\n            onContextMenu={this.handleContextMenu}\n          >\n            <div className=\"fa-layers \">\n              <FontAwesomeIcon icon={dhFilterFilled} className=\"filter-solid\" />\n              <FontAwesomeIcon icon={vsFilter} className=\"filter-light\" />\n            </div>\n          </Button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default FilterInputField;\n"],"mappings":"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"}

package/dist/GotoRow.js.map

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

package/dist/IrisGrid.js

@@ -774,6 +774,18 @@ export class IrisGrid extends Component {
       cancelAnimationFrame(this.animationFrame);
     }
   }
+
+  // When the loading scrim started/when it should extend to the end of the screen.
+
+  /**
+   * Builds formatColumns array based on the provided formatting rules with optional preview
+   * @param columns Array of columns
+   * @param rulesParam Array of formatting rules
+   * @param preview Optional temporary formatting rule for previewing live changes
+   * @param editIndex Index in the rulesParam array to replace with the preview, null if preview not applicable
+   * @returns Format columns array
+   */
+
   getValueForCell(columnIndex, rowIndex) {
     var rawValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var {