@deephaven/iris-grid 0.46.1-beta.0 → 0.46.1-beta.4

package/dist/AdvancedFilterCreatorSelectValue.js

@@ -9,6 +9,8 @@ import { TableUtils } from '@deephaven/jsapi-utils';
 import { Button } from '@deephaven/components';
 import AdvancedFilterCreatorSelectValueList from "./AdvancedFilterCreatorSelectValueList.js";
 import "./AdvancedFilterCreatorSelectValue.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 class AdvancedFilterCreatorSelectValue extends PureComponent {
   constructor(props) {
     super(props);
@@ -248,46 +250,56 @@ class AdvancedFilterCreatorSelectValue extends PureComponent {
     var columnName = this.getColumnName();
     var displayedValuesText = this.getDisplayedValueText();
     var placeholderText = columnName ? "Find ".concat(columnName, "...") : '';
-    return /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-creator-select-value"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: showSearch ? 'form-group' : ''
-    }, /*#__PURE__*/React.createElement("label", {
-      htmlFor: "advanced-filter-creator-select-value-input"
-    }, "Select Values"), showSearch && /*#__PURE__*/React.createElement("input", {
-      type: "text",
-      className: classNames('form-control', {
-        'is-invalid': error != null
-      }),
-      id: "advanced-filter-creator-select-value-input",
-      placeholder: placeholderText,
-      value: searchText,
-      onChange: this.handleSearchChange
-    })), /*#__PURE__*/React.createElement(AdvancedFilterCreatorSelectValueList, {
-      dh: dh,
-      table: table,
-      filters: filters,
-      invertSelection: invertSelection,
-      selectedValues: selectedValues,
-      formatter: formatter,
-      onChange: this.handleListChange
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-creator-select-meta-row"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.handleSelectAllClick
-    }, "Select All"), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.handleClearAllClick
-    }, "Clear")), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: displayedValuesText != null,
-      timeout: 250,
-      classNames: "fade",
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "row-count-info"
-    }, displayedValuesText))));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "advanced-filter-creator-select-value",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: showSearch ? 'form-group' : '',
+        children: [/*#__PURE__*/_jsx("label", {
+          htmlFor: "advanced-filter-creator-select-value-input",
+          children: "Select Values"
+        }), showSearch && /*#__PURE__*/_jsx("input", {
+          type: "text",
+          className: classNames('form-control', {
+            'is-invalid': error != null
+          }),
+          id: "advanced-filter-creator-select-value-input",
+          placeholder: placeholderText,
+          value: searchText,
+          onChange: this.handleSearchChange
+        })]
+      }), /*#__PURE__*/_jsx(AdvancedFilterCreatorSelectValueList, {
+        dh: dh,
+        table: table,
+        filters: filters,
+        invertSelection: invertSelection,
+        selectedValues: selectedValues,
+        formatter: formatter,
+        onChange: this.handleListChange
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "advanced-filter-creator-select-meta-row",
+        children: [/*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx(Button, {
+            kind: "ghost",
+            onClick: this.handleSelectAllClick,
+            children: "Select All"
+          }), /*#__PURE__*/_jsx(Button, {
+            kind: "ghost",
+            onClick: this.handleClearAllClick,
+            children: "Clear"
+          })]
+        }), /*#__PURE__*/_jsx(CSSTransition, {
+          in: displayedValuesText != null,
+          timeout: 250,
+          classNames: "fade",
+          mountOnEnter: true,
+          unmountOnExit: true,
+          children: /*#__PURE__*/_jsx("div", {
+            className: "row-count-info",
+            children: displayedValuesText
+          })
+        })]
+      })]
+    });
   }
 }
 _defineProperty(AdvancedFilterCreatorSelectValue, "searchDebounceTime", 250);

package/dist/AdvancedFilterCreatorSelectValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilterCreatorSelectValue.js","names":["React","PureComponent","CSSTransition","classNames","TableUtils","Button","AdvancedFilterCreatorSelectValueList","AdvancedFilterCreatorSelectValue","constructor","props","handleSelectAllClick","bind","handleClearAllClick","handleListChange","handleSearchChange","handleUpdateFilterTimeout","dh","invertSelection","selectedValues","tableUtils","state","filters","searchText","componentDidMount","initSearchTable","componentDidUpdate","prevProps","prevState","table","setState","searchTable","close","startUpdateFilterTimer","componentWillUnmount","searchTablePromise","undefined","stopUpdateFilterTimer","getColumnName","columns","name","getDisplayedValuesCount","totalSize","length","getDisplayedValueText","count","formatter","formattedCount","getFormattedString","formattedTableSize","prefix","copy","then","onChange","event","target","value","resetSelection","updateFilterTimer","updateTableFilter","setTimeout","searchDebounceTime","clearTimeout","timeZone","column","error","filter","isCharType","type","makeQuickFilter","isTextType","push","render","showSearch","columnName","displayedValuesText","placeholderText"],"sources":["../src/AdvancedFilterCreatorSelectValue.tsx"],"sourcesContent":["/* eslint react/no-did-update-set-state: \"off\" */\nimport React, { PureComponent } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { Formatter, TableUtils } from '@deephaven/jsapi-utils';\nimport type {\n  dh as DhType,\n  FilterCondition,\n  Table,\n} from '@deephaven/jsapi-types';\nimport { Button } from '@deephaven/components';\nimport AdvancedFilterCreatorSelectValueList from './AdvancedFilterCreatorSelectValueList';\nimport './AdvancedFilterCreatorSelectValue.scss';\nimport { ColumnName } from './CommonTypes';\n\ninterface AdvancedFilterCreatorSelectValueProps<T> {\n  dh: DhType;\n  invertSelection: boolean;\n  selectedValues: T[];\n  table?: Table;\n  formatter: Formatter;\n  onChange: (selectedValues: T[], invertSelection: boolean) => void;\n  showSearch: boolean;\n  timeZone: string;\n}\n\ninterface AdvancedFilterCreatorSelectValueState<T> {\n  error?: string;\n  filters: FilterCondition[];\n  invertSelection: boolean;\n  selectedValues: T[];\n  searchText: string;\n  table?: Table;\n}\n\nclass AdvancedFilterCreatorSelectValue<T = unknown> extends PureComponent<\n  AdvancedFilterCreatorSelectValueProps<T>,\n  AdvancedFilterCreatorSelectValueState<T>\n> {\n  static searchDebounceTime = 250;\n\n  static defaultProps = {\n    invertSelection: true,\n    selectedValues: [],\n    onChange: (): void => undefined,\n    showSearch: true,\n  };\n\n  constructor(props: AdvancedFilterCreatorSelectValueProps<T>) {\n    super(props);\n\n    this.handleSelectAllClick = this.handleSelectAllClick.bind(this);\n    this.handleClearAllClick = this.handleClearAllClick.bind(this);\n    this.handleListChange = this.handleListChange.bind(this);\n    this.handleSearchChange = this.handleSearchChange.bind(this);\n    this.handleUpdateFilterTimeout = this.handleUpdateFilterTimeout.bind(this);\n\n    const { dh, invertSelection, selectedValues } = props;\n\n    this.tableUtils = new TableUtils(dh);\n\n    this.state = {\n      filters: [],\n      invertSelection,\n      selectedValues,\n      searchText: '',\n    };\n  }\n\n  componentDidMount(): void {\n    this.initSearchTable();\n  }\n\n  componentDidUpdate(\n    prevProps: AdvancedFilterCreatorSelectValueProps<T>,\n    prevState: AdvancedFilterCreatorSelectValueState<T>\n  ): void {\n    const { invertSelection, selectedValues, table } = this.props;\n    if (prevProps.table !== table) {\n      this.initSearchTable();\n    }\n\n    if (prevProps.invertSelection !== invertSelection) {\n      this.setState({ invertSelection });\n    }\n\n    if (prevProps.selectedValues !== selectedValues) {\n      this.setState({ selectedValues });\n    }\n\n    const { table: searchTable, searchText } = this.state;\n\n    if (searchTable !== prevState.table) {\n      if (prevState.table != null) {\n        prevState.table.close();\n      }\n      if (searchTable != null) {\n        this.startUpdateFilterTimer();\n      }\n    }\n\n    if (searchText !== prevState.searchText) {\n      this.startUpdateFilterTimer();\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { table } = this.state;\n    if (table != null) {\n      table.close();\n    }\n    this.searchTablePromise = undefined;\n\n    this.stopUpdateFilterTimer();\n  }\n\n  searchTablePromise?: Promise<Table>;\n\n  tableUtils: TableUtils;\n\n  updateFilterTimer?: ReturnType<typeof setTimeout>;\n\n  getColumnName(): ColumnName {\n    const { table } = this.props;\n    if (table != null) {\n      return table.columns[0].name;\n    }\n    return '';\n  }\n\n  getDisplayedValuesCount(): number | null {\n    const { invertSelection, selectedValues, table } = this.state;\n    if (table == null) {\n      return null;\n    }\n\n    if (invertSelection) {\n      return table.totalSize - selectedValues.length;\n    }\n    return selectedValues.length;\n  }\n\n  getDisplayedValueText(): string | null {\n    const count = this.getDisplayedValuesCount();\n    const { table } = this.state;\n\n    const { formatter } = this.props;\n\n    if (count != null && table != null) {\n      const formattedCount = formatter.getFormattedString(count, 'long');\n      const formattedTableSize = formatter.getFormattedString(\n        table.totalSize,\n        'long'\n      );\n      let prefix = '';\n      if (count < 1000000) {\n        prefix = 'Displaying ';\n      }\n      return `${prefix}${formattedCount} of ${formattedTableSize}`;\n    }\n    return null;\n  }\n\n  initSearchTable(): void {\n    const { table } = this.props;\n    if (table == null) {\n      return;\n    }\n\n    const searchTablePromise = table.copy();\n    this.searchTablePromise = searchTablePromise;\n    this.searchTablePromise.then(searchTable => {\n      if (this.searchTablePromise === searchTablePromise) {\n        this.setState({ table: searchTable });\n        this.searchTablePromise = undefined;\n      } else {\n        searchTable.close();\n      }\n    });\n  }\n\n  handleListChange(selectedValues: T[], invertSelection: boolean): void {\n    this.setState({ selectedValues, invertSelection });\n\n    const { onChange } = this.props;\n    onChange(selectedValues, invertSelection);\n  }\n\n  handleSearchChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const searchText = event.target.value;\n    this.setState({ searchText });\n  }\n\n  handleSelectAllClick(): void {\n    this.resetSelection(true);\n  }\n\n  handleClearAllClick(): void {\n    this.resetSelection(false);\n  }\n\n  handleUpdateFilterTimeout(): void {\n    this.updateFilterTimer = undefined;\n    this.updateTableFilter();\n  }\n\n  resetSelection(invertSelection: boolean): void {\n    const selectedValues: T[] = [];\n\n    this.setState({ invertSelection, selectedValues });\n\n    const { onChange } = this.props;\n    onChange(selectedValues, invertSelection);\n  }\n\n  startUpdateFilterTimer(): void {\n    this.stopUpdateFilterTimer();\n\n    this.updateFilterTimer = setTimeout(\n      this.handleUpdateFilterTimeout,\n      AdvancedFilterCreatorSelectValue.searchDebounceTime\n    );\n  }\n\n  stopUpdateFilterTimer(): void {\n    if (this.updateFilterTimer != null) {\n      clearTimeout(this.updateFilterTimer);\n      this.updateFilterTimer = undefined;\n    }\n  }\n\n  updateTableFilter(): void {\n    const { table, searchText } = this.state;\n    const { timeZone } = this.props;\n    const { tableUtils } = this;\n    const column = table?.columns[0];\n    const filters = [];\n    if (column == null) {\n      return;\n    }\n    let error;\n    if (searchText.length > 0) {\n      let filter = null;\n      if (TableUtils.isCharType(column.type)) {\n        // Just exact match for char\n        filter = tableUtils.makeQuickFilter(column, searchText);\n      } else if (TableUtils.isTextType(column.type)) {\n        // case insensitive & contains search text\n        filter = tableUtils.makeQuickFilter(column, `~${searchText}`, timeZone);\n      } else {\n        // greater than or equal search for everything else\n        // we may want to be smarter with some other types (like dates)\n        filter = tableUtils.makeQuickFilter(\n          column,\n          `>=${searchText}`,\n          timeZone\n        );\n      }\n\n      if (filter != null) {\n        filters.push(filter);\n      } else {\n        error = 'Invalid search text';\n      }\n    }\n\n    this.setState({ filters, error });\n  }\n\n  render(): React.ReactElement {\n    const {\n      error,\n      filters,\n      invertSelection,\n      selectedValues,\n      searchText,\n      table,\n    } = this.state;\n    const { dh, formatter, showSearch } = this.props;\n    const columnName = this.getColumnName();\n    const displayedValuesText = this.getDisplayedValueText();\n    const placeholderText = columnName ? `Find ${columnName}...` : '';\n\n    return (\n      <div className=\"advanced-filter-creator-select-value\">\n        <div className={showSearch ? 'form-group' : ''}>\n          <label htmlFor=\"advanced-filter-creator-select-value-input\">\n            Select Values\n          </label>\n          {showSearch && (\n            <input\n              type=\"text\"\n              className={classNames('form-control', {\n                'is-invalid': error != null,\n              })}\n              id=\"advanced-filter-creator-select-value-input\"\n              placeholder={placeholderText}\n              value={searchText}\n              onChange={this.handleSearchChange}\n            />\n          )}\n        </div>\n        <AdvancedFilterCreatorSelectValueList\n          dh={dh}\n          table={table}\n          filters={filters}\n          invertSelection={invertSelection}\n          selectedValues={selectedValues}\n          formatter={formatter}\n          onChange={this.handleListChange}\n        />\n        <div className=\"advanced-filter-creator-select-meta-row\">\n          <div>\n            <Button kind=\"ghost\" onClick={this.handleSelectAllClick}>\n              Select All\n            </Button>\n            <Button kind=\"ghost\" onClick={this.handleClearAllClick}>\n              Clear\n            </Button>\n          </div>\n          <CSSTransition\n            in={displayedValuesText != null}\n            timeout={250}\n            classNames=\"fade\"\n            mountOnEnter\n            unmountOnExit\n          >\n            <div className=\"row-count-info\">{displayedValuesText}</div>\n          </CSSTransition>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreatorSelectValue;\n"],"mappings":"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"}
+{"version":3,"file":"AdvancedFilterCreatorSelectValue.js","names":["React","PureComponent","CSSTransition","classNames","TableUtils","Button","AdvancedFilterCreatorSelectValueList","AdvancedFilterCreatorSelectValue","constructor","props","handleSelectAllClick","bind","handleClearAllClick","handleListChange","handleSearchChange","handleUpdateFilterTimeout","dh","invertSelection","selectedValues","tableUtils","state","filters","searchText","componentDidMount","initSearchTable","componentDidUpdate","prevProps","prevState","table","setState","searchTable","close","startUpdateFilterTimer","componentWillUnmount","searchTablePromise","undefined","stopUpdateFilterTimer","getColumnName","columns","name","getDisplayedValuesCount","totalSize","length","getDisplayedValueText","count","formatter","formattedCount","getFormattedString","formattedTableSize","prefix","copy","then","onChange","event","target","value","resetSelection","updateFilterTimer","updateTableFilter","setTimeout","searchDebounceTime","clearTimeout","timeZone","column","error","filter","isCharType","type","makeQuickFilter","isTextType","push","render","showSearch","columnName","displayedValuesText","placeholderText"],"sources":["../src/AdvancedFilterCreatorSelectValue.tsx"],"sourcesContent":["/* eslint react/no-did-update-set-state: \"off\" */\nimport React, { PureComponent } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { Formatter, TableUtils } from '@deephaven/jsapi-utils';\nimport type {\n  dh as DhType,\n  FilterCondition,\n  Table,\n} from '@deephaven/jsapi-types';\nimport { Button } from '@deephaven/components';\nimport AdvancedFilterCreatorSelectValueList from './AdvancedFilterCreatorSelectValueList';\nimport './AdvancedFilterCreatorSelectValue.scss';\nimport { ColumnName } from './CommonTypes';\n\ninterface AdvancedFilterCreatorSelectValueProps<T> {\n  dh: DhType;\n  invertSelection: boolean;\n  selectedValues: T[];\n  table?: Table;\n  formatter: Formatter;\n  onChange: (selectedValues: T[], invertSelection: boolean) => void;\n  showSearch: boolean;\n  timeZone: string;\n}\n\ninterface AdvancedFilterCreatorSelectValueState<T> {\n  error?: string;\n  filters: FilterCondition[];\n  invertSelection: boolean;\n  selectedValues: T[];\n  searchText: string;\n  table?: Table;\n}\n\nclass AdvancedFilterCreatorSelectValue<T = unknown> extends PureComponent<\n  AdvancedFilterCreatorSelectValueProps<T>,\n  AdvancedFilterCreatorSelectValueState<T>\n> {\n  static searchDebounceTime = 250;\n\n  static defaultProps = {\n    invertSelection: true,\n    selectedValues: [],\n    onChange: (): void => undefined,\n    showSearch: true,\n  };\n\n  constructor(props: AdvancedFilterCreatorSelectValueProps<T>) {\n    super(props);\n\n    this.handleSelectAllClick = this.handleSelectAllClick.bind(this);\n    this.handleClearAllClick = this.handleClearAllClick.bind(this);\n    this.handleListChange = this.handleListChange.bind(this);\n    this.handleSearchChange = this.handleSearchChange.bind(this);\n    this.handleUpdateFilterTimeout = this.handleUpdateFilterTimeout.bind(this);\n\n    const { dh, invertSelection, selectedValues } = props;\n\n    this.tableUtils = new TableUtils(dh);\n\n    this.state = {\n      filters: [],\n      invertSelection,\n      selectedValues,\n      searchText: '',\n    };\n  }\n\n  componentDidMount(): void {\n    this.initSearchTable();\n  }\n\n  componentDidUpdate(\n    prevProps: AdvancedFilterCreatorSelectValueProps<T>,\n    prevState: AdvancedFilterCreatorSelectValueState<T>\n  ): void {\n    const { invertSelection, selectedValues, table } = this.props;\n    if (prevProps.table !== table) {\n      this.initSearchTable();\n    }\n\n    if (prevProps.invertSelection !== invertSelection) {\n      this.setState({ invertSelection });\n    }\n\n    if (prevProps.selectedValues !== selectedValues) {\n      this.setState({ selectedValues });\n    }\n\n    const { table: searchTable, searchText } = this.state;\n\n    if (searchTable !== prevState.table) {\n      if (prevState.table != null) {\n        prevState.table.close();\n      }\n      if (searchTable != null) {\n        this.startUpdateFilterTimer();\n      }\n    }\n\n    if (searchText !== prevState.searchText) {\n      this.startUpdateFilterTimer();\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { table } = this.state;\n    if (table != null) {\n      table.close();\n    }\n    this.searchTablePromise = undefined;\n\n    this.stopUpdateFilterTimer();\n  }\n\n  searchTablePromise?: Promise<Table>;\n\n  tableUtils: TableUtils;\n\n  updateFilterTimer?: ReturnType<typeof setTimeout>;\n\n  getColumnName(): ColumnName {\n    const { table } = this.props;\n    if (table != null) {\n      return table.columns[0].name;\n    }\n    return '';\n  }\n\n  getDisplayedValuesCount(): number | null {\n    const { invertSelection, selectedValues, table } = this.state;\n    if (table == null) {\n      return null;\n    }\n\n    if (invertSelection) {\n      return table.totalSize - selectedValues.length;\n    }\n    return selectedValues.length;\n  }\n\n  getDisplayedValueText(): string | null {\n    const count = this.getDisplayedValuesCount();\n    const { table } = this.state;\n\n    const { formatter } = this.props;\n\n    if (count != null && table != null) {\n      const formattedCount = formatter.getFormattedString(count, 'long');\n      const formattedTableSize = formatter.getFormattedString(\n        table.totalSize,\n        'long'\n      );\n      let prefix = '';\n      if (count < 1000000) {\n        prefix = 'Displaying ';\n      }\n      return `${prefix}${formattedCount} of ${formattedTableSize}`;\n    }\n    return null;\n  }\n\n  initSearchTable(): void {\n    const { table } = this.props;\n    if (table == null) {\n      return;\n    }\n\n    const searchTablePromise = table.copy();\n    this.searchTablePromise = searchTablePromise;\n    this.searchTablePromise.then(searchTable => {\n      if (this.searchTablePromise === searchTablePromise) {\n        this.setState({ table: searchTable });\n        this.searchTablePromise = undefined;\n      } else {\n        searchTable.close();\n      }\n    });\n  }\n\n  handleListChange(selectedValues: T[], invertSelection: boolean): void {\n    this.setState({ selectedValues, invertSelection });\n\n    const { onChange } = this.props;\n    onChange(selectedValues, invertSelection);\n  }\n\n  handleSearchChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const searchText = event.target.value;\n    this.setState({ searchText });\n  }\n\n  handleSelectAllClick(): void {\n    this.resetSelection(true);\n  }\n\n  handleClearAllClick(): void {\n    this.resetSelection(false);\n  }\n\n  handleUpdateFilterTimeout(): void {\n    this.updateFilterTimer = undefined;\n    this.updateTableFilter();\n  }\n\n  resetSelection(invertSelection: boolean): void {\n    const selectedValues: T[] = [];\n\n    this.setState({ invertSelection, selectedValues });\n\n    const { onChange } = this.props;\n    onChange(selectedValues, invertSelection);\n  }\n\n  startUpdateFilterTimer(): void {\n    this.stopUpdateFilterTimer();\n\n    this.updateFilterTimer = setTimeout(\n      this.handleUpdateFilterTimeout,\n      AdvancedFilterCreatorSelectValue.searchDebounceTime\n    );\n  }\n\n  stopUpdateFilterTimer(): void {\n    if (this.updateFilterTimer != null) {\n      clearTimeout(this.updateFilterTimer);\n      this.updateFilterTimer = undefined;\n    }\n  }\n\n  updateTableFilter(): void {\n    const { table, searchText } = this.state;\n    const { timeZone } = this.props;\n    const { tableUtils } = this;\n    const column = table?.columns[0];\n    const filters = [];\n    if (column == null) {\n      return;\n    }\n    let error;\n    if (searchText.length > 0) {\n      let filter = null;\n      if (TableUtils.isCharType(column.type)) {\n        // Just exact match for char\n        filter = tableUtils.makeQuickFilter(column, searchText);\n      } else if (TableUtils.isTextType(column.type)) {\n        // case insensitive & contains search text\n        filter = tableUtils.makeQuickFilter(column, `~${searchText}`, timeZone);\n      } else {\n        // greater than or equal search for everything else\n        // we may want to be smarter with some other types (like dates)\n        filter = tableUtils.makeQuickFilter(\n          column,\n          `>=${searchText}`,\n          timeZone\n        );\n      }\n\n      if (filter != null) {\n        filters.push(filter);\n      } else {\n        error = 'Invalid search text';\n      }\n    }\n\n    this.setState({ filters, error });\n  }\n\n  render(): React.ReactElement {\n    const {\n      error,\n      filters,\n      invertSelection,\n      selectedValues,\n      searchText,\n      table,\n    } = this.state;\n    const { dh, formatter, showSearch } = this.props;\n    const columnName = this.getColumnName();\n    const displayedValuesText = this.getDisplayedValueText();\n    const placeholderText = columnName ? `Find ${columnName}...` : '';\n\n    return (\n      <div className=\"advanced-filter-creator-select-value\">\n        <div className={showSearch ? 'form-group' : ''}>\n          <label htmlFor=\"advanced-filter-creator-select-value-input\">\n            Select Values\n          </label>\n          {showSearch && (\n            <input\n              type=\"text\"\n              className={classNames('form-control', {\n                'is-invalid': error != null,\n              })}\n              id=\"advanced-filter-creator-select-value-input\"\n              placeholder={placeholderText}\n              value={searchText}\n              onChange={this.handleSearchChange}\n            />\n          )}\n        </div>\n        <AdvancedFilterCreatorSelectValueList\n          dh={dh}\n          table={table}\n          filters={filters}\n          invertSelection={invertSelection}\n          selectedValues={selectedValues}\n          formatter={formatter}\n          onChange={this.handleListChange}\n        />\n        <div className=\"advanced-filter-creator-select-meta-row\">\n          <div>\n            <Button kind=\"ghost\" onClick={this.handleSelectAllClick}>\n              Select All\n            </Button>\n            <Button kind=\"ghost\" onClick={this.handleClearAllClick}>\n              Clear\n            </Button>\n          </div>\n          <CSSTransition\n            in={displayedValuesText != null}\n            timeout={250}\n            classNames=\"fade\"\n            mountOnEnter\n            unmountOnExit\n          >\n            <div className=\"row-count-info\">{displayedValuesText}</div>\n          </CSSTransition>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreatorSelectValue;\n"],"mappings":"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"}

package/dist/AdvancedFilterCreatorSelectValueList.js

@@ -6,6 +6,8 @@ import React, { PureComponent } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { LoadingSpinner, SelectValueList } from '@deephaven/components';
 import Log from '@deephaven/log';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('AdvancedFilterCreatorSelectValueList');
 /**
  * Select values from a long scrollable list.
@@ -148,13 +150,15 @@ class AdvancedFilterCreatorSelectValueList extends PureComponent {
       var value = row.get(column);
       var displayValue = void 0;
       if (value == null) {
-        displayValue = /*#__PURE__*/React.createElement("i", {
-          className: "text-muted"
-        }, "null");
+        displayValue = /*#__PURE__*/_jsx("i", {
+          className: "text-muted",
+          children: "null"
+        });
       } else if (value === '') {
-        displayValue = /*#__PURE__*/React.createElement("i", {
-          className: "text-muted"
-        }, "empty");
+        displayValue = /*#__PURE__*/_jsx("i", {
+          className: "text-muted",
+          children: "empty"
+        });
       } else {
         displayValue = formatter.getFormattedString(value, column.type, column.name);
       }
@@ -239,28 +243,31 @@ class AdvancedFilterCreatorSelectValueList extends PureComponent {
       items,
       itemCount
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "select-value-list-wrapper"
-    }, /*#__PURE__*/React.createElement(SelectValueList, {
-      itemCount: itemCount,
-      items: items,
-      offset: offset,
-      onSelect: this.handleSelect,
-      onViewportChange: this.handleViewportChange,
-      ref: list => {
-        this.list = list;
-      }
-    }), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: isLoading,
-      timeout: 250,
-      classNames: "fade",
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "loading-list"
-    }, /*#__PURE__*/React.createElement(LoadingSpinner, {
-      className: "loading-spinner-large"
-    }))));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "select-value-list-wrapper",
+      children: [/*#__PURE__*/_jsx(SelectValueList, {
+        itemCount: itemCount,
+        items: items,
+        offset: offset,
+        onSelect: this.handleSelect,
+        onViewportChange: this.handleViewportChange,
+        ref: list => {
+          this.list = list;
+        }
+      }), /*#__PURE__*/_jsx(CSSTransition, {
+        in: isLoading,
+        timeout: 250,
+        classNames: "fade",
+        mountOnEnter: true,
+        unmountOnExit: true,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "loading-list",
+          children: /*#__PURE__*/_jsx(LoadingSpinner, {
+            className: "loading-spinner-large"
+          })
+        })
+      })]
+    });
   }
 }
 _defineProperty(AdvancedFilterCreatorSelectValueList, "defaultProps", {

package/dist/AdvancedFilterCreatorSelectValueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilterCreatorSelectValueList.js","names":["React","PureComponent","CSSTransition","LoadingSpinner","SelectValueList","Log","log","module","AdvancedFilterCreatorSelectValueList","indexOf","value","values","i","length","v","valueOf","constructor","props","handleSelect","bind","handleViewportChange","handleSelectionUpdate","handleTableUpdate","selectedValues","dh","list","state","itemCount","items","offset","isLoading","componentDidMount","table","startListening","componentDidUpdate","prevProps","filters","invertSelection","stopListening","resetViewport","setState","applyFilter","componentWillUnmount","itemIndex","selectedIndex","splice","push","isSelected","visibleItemIndex","onChange","top","bottom","updateViewport","updateItemSelection","event","formatter","data","detail","column","columns","r","rows","row","get","displayValue","getFormattedString","type","name","isValueSelected","debug2","size","addEventListener","Table","EVENT_UPDATED","removeEventListener","topRow","bottomRow","item","viewportSize","Math","max","setViewport","render","undefined"],"sources":["../src/AdvancedFilterCreatorSelectValueList.tsx"],"sourcesContent":["/* eslint react/no-did-update-set-state: \"off\" */\nimport React, { PureComponent, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport type {\n  dh as DhType,\n  FilterCondition,\n  Table,\n} from '@deephaven/jsapi-types';\nimport { Formatter } from '@deephaven/jsapi-utils';\nimport {\n  LoadingSpinner,\n  SelectValueList,\n  SelectItem,\n} from '@deephaven/components';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('AdvancedFilterCreatorSelectValueList');\n\ninterface AdvancedFilterCreatorSelectValueListProps<T> {\n  dh: DhType;\n  selectedValues: T[];\n  table?: Table;\n  filters: FilterCondition[];\n  invertSelection: boolean;\n  onChange: (selectedValues: T[], invertSelection: boolean) => void;\n  formatter: Formatter;\n}\n\ninterface AdvancedFilterCreatorSelectValueListState<T> {\n  itemCount: number;\n  items: SelectItem<T>[];\n  offset: number;\n  selectedValues: T[];\n  isLoading: boolean;\n}\n/**\n * Select values from a long scrollable list.\n * Swaps items in and out for infinite scrolling\n */\nclass AdvancedFilterCreatorSelectValueList<T = unknown> extends PureComponent<\n  AdvancedFilterCreatorSelectValueListProps<T>,\n  AdvancedFilterCreatorSelectValueListState<T>\n> {\n  static defaultProps = {\n    invertSelection: true,\n    selectedValues: [],\n    onChange: (): void => undefined,\n  };\n\n  /**\n   * Get the index of a value in an array. Has some special handling for some types, like DateTimes and Longs.\n   * @param value The value to search for\n   * @param values The array of values to search within\n   */\n  static indexOf(value: unknown, values: unknown[]): number {\n    for (let i = 0; i < values.length; i += 1) {\n      const v = values[i];\n      if (\n        v === value ||\n        (v != null &&\n          v.valueOf != null &&\n          value != null &&\n          value.valueOf != null &&\n          v.valueOf() === value.valueOf())\n      ) {\n        return i;\n      }\n    }\n\n    return -1;\n  }\n\n  constructor(props: AdvancedFilterCreatorSelectValueListProps<T>) {\n    super(props);\n\n    this.handleSelect = this.handleSelect.bind(this);\n    this.handleViewportChange = this.handleViewportChange.bind(this);\n    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this);\n    this.handleTableUpdate = this.handleTableUpdate.bind(this);\n\n    const { selectedValues, dh } = this.props;\n\n    this.dh = dh;\n    this.list = null;\n\n    this.state = {\n      itemCount: 0,\n      items: [],\n      offset: 0,\n      selectedValues,\n      isLoading: true,\n    };\n  }\n\n  componentDidMount(): void {\n    const { table } = this.props;\n    if (table) this.startListening(table);\n  }\n\n  componentDidUpdate(\n    prevProps: AdvancedFilterCreatorSelectValueListProps<T>\n  ): void {\n    const { filters, invertSelection, selectedValues, table } = this.props;\n    if (prevProps.table !== table) {\n      if (prevProps.table) this.stopListening(prevProps.table);\n      if (table) this.startListening(table);\n      this.resetViewport();\n    }\n\n    if (prevProps.invertSelection !== invertSelection) {\n      this.setState({ selectedValues: [] }, this.handleSelectionUpdate);\n    }\n\n    if (prevProps.selectedValues !== selectedValues) {\n      this.setState({ selectedValues }, this.handleSelectionUpdate);\n    }\n\n    if (prevProps.filters !== filters) {\n      table?.applyFilter(filters);\n      this.resetViewport();\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { table } = this.props;\n    if (table) this.stopListening(table);\n  }\n\n  dh: DhType;\n\n  list: SelectValueList<T> | null;\n\n  handleSelect(itemIndex: number, value: T): void {\n    const { invertSelection } = this.props;\n    let { selectedValues } = this.state;\n    selectedValues = [...selectedValues];\n    const selectedIndex = AdvancedFilterCreatorSelectValueList.indexOf(\n      value,\n      selectedValues\n    );\n    if (selectedIndex >= 0) {\n      selectedValues.splice(selectedIndex, 1);\n    } else {\n      selectedValues.push(value);\n    }\n\n    let isSelected = selectedIndex < 0;\n    if (invertSelection) {\n      isSelected = !isSelected;\n    }\n\n    const { offset } = this.state;\n    let { items } = this.state;\n    items = [...items];\n    const visibleItemIndex = itemIndex - offset;\n    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {\n      items[visibleItemIndex].isSelected = isSelected;\n    }\n\n    this.setState({ items, selectedValues });\n\n    const { onChange } = this.props;\n    onChange(selectedValues, invertSelection);\n  }\n\n  handleViewportChange(top: number, bottom: number): void {\n    this.updateViewport(top, bottom);\n  }\n\n  handleSelectionUpdate(): void {\n    this.updateItemSelection();\n  }\n\n  handleTableUpdate(event: CustomEvent): void {\n    const { table, formatter } = this.props;\n    if (!table) return;\n\n    const data = event.detail;\n    const { offset } = data;\n    const items = [];\n    const column = table.columns[0];\n    for (let r = 0; r < data.rows.length; r += 1) {\n      const row = data.rows[r];\n      const value = row.get(column);\n      let displayValue: string | JSX.Element;\n      if (value == null) {\n        displayValue = <i className=\"text-muted\">null</i>;\n      } else if (value === '') {\n        displayValue = <i className=\"text-muted\">empty</i>;\n      } else {\n        displayValue = formatter.getFormattedString(\n          value,\n          column.type,\n          column.name\n        );\n      }\n      const isSelected = this.isValueSelected(value);\n      items.push({\n        displayValue,\n        value,\n        isSelected,\n      });\n    }\n\n    log.debug2('Received table update:', offset, items.length);\n\n    const itemCount = table.size;\n    this.setState({ itemCount, items, offset, isLoading: false });\n  }\n\n  isValueSelected(value: T): boolean {\n    const { invertSelection } = this.props;\n    const { selectedValues } = this.state;\n\n    // Need to check if any of the valueOf matches, timestamp value that is equal\n    const selectedIndex = AdvancedFilterCreatorSelectValueList.indexOf(\n      value,\n      selectedValues\n    );\n\n    return invertSelection ? selectedIndex < 0 : selectedIndex >= 0;\n  }\n\n  startListening(table: Table): void {\n    table.addEventListener(this.dh.Table.EVENT_UPDATED, this.handleTableUpdate);\n  }\n\n  stopListening(table: Table): void {\n    table.removeEventListener(\n      this.dh.Table.EVENT_UPDATED,\n      this.handleTableUpdate\n    );\n  }\n\n  resetViewport(): void {\n    if (this.list && this.list.topRow != null && this.list.bottomRow != null) {\n      this.updateViewport(this.list.topRow, this.list.bottomRow, true);\n    }\n  }\n\n  updateItemSelection(): void {\n    let { items } = this.state;\n\n    items = [...items];\n\n    for (let i = 0; i < items.length; i += 1) {\n      const item = items[i];\n      const { value } = item;\n      item.isSelected = this.isValueSelected(value);\n    }\n\n    this.setState({ items });\n  }\n\n  updateViewport(top: number, bottom: number, isLoading = false): void {\n    const { table } = this.props;\n    if (table == null) {\n      return;\n    }\n\n    if (isLoading) {\n      this.setState({ isLoading: true });\n    }\n\n    const viewportSize = bottom - top + 1;\n    const topRow = Math.max(0, top - viewportSize * 3);\n    const bottomRow = Math.max(topRow, bottom + viewportSize * 3);\n\n    log.debug2('Setting viewport', topRow, ',', bottomRow);\n    table.setViewport(topRow, bottomRow);\n  }\n\n  render(): ReactElement {\n    const { offset, isLoading, items, itemCount } = this.state;\n\n    return (\n      <div className=\"select-value-list-wrapper\">\n        <SelectValueList\n          itemCount={itemCount}\n          items={items}\n          offset={offset}\n          onSelect={this.handleSelect}\n          onViewportChange={this.handleViewportChange}\n          ref={list => {\n            this.list = list;\n          }}\n        />\n        <CSSTransition\n          in={isLoading}\n          timeout={250}\n          classNames=\"fade\"\n          mountOnEnter\n          unmountOnExit\n        >\n          <div className=\"loading-list\">\n            <LoadingSpinner className=\"loading-spinner-large\" />\n          </div>\n        </CSSTransition>\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreatorSelectValueList;\n"],"mappings":";;;AAAA;AACA,OAAOA,KAAK,IAAIC,aAAa,QAAsB,OAAO;AAC1D,SAASC,aAAa,QAAQ,wBAAwB;AAOtD,SACEC,cAAc,EACdC,eAAe,QAEV,uBAAuB;AAC9B,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAM,CAAC,sCAAsC,CAAC;AAmB9D;AACA;AACA;AACA;AACA,MAAMC,oCAAoC,SAAsBP,aAAa,CAG3E;EAOA;AACF;AACA;AACA;AACA;EACE,OAAOQ,OAAO,CAACC,KAAc,EAAEC,MAAiB,EAAU;IACxD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MACzC,IAAME,CAAC,GAAGH,MAAM,CAACC,CAAC,CAAC;MACnB,IACEE,CAAC,KAAKJ,KAAK,IACVI,CAAC,IAAI,IAAI,IACRA,CAAC,CAACC,OAAO,IAAI,IAAI,IACjBL,KAAK,IAAI,IAAI,IACbA,KAAK,CAACK,OAAO,IAAI,IAAI,IACrBD,CAAC,CAACC,OAAO,EAAE,KAAKL,KAAK,CAACK,OAAO,EAAG,EAClC;QACA,OAAOH,CAAC;MACV;IACF;IAEA,OAAO,CAAC,CAAC;EACX;EAEAI,WAAW,CAACC,KAAmD,EAAE;IAC/D,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAEb,IAAI,CAACC,YAAY,GAAG,IAAI,CAACA,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACC,oBAAoB,GAAG,IAAI,CAACA,oBAAoB,CAACD,IAAI,CAAC,IAAI,CAAC;IAChE,IAAI,CAACE,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAACF,IAAI,CAAC,IAAI,CAAC;IAClE,IAAI,CAACG,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACH,IAAI,CAAC,IAAI,CAAC;IAE1D,IAAM;MAAEI,cAAc;MAAEC;IAAG,CAAC,GAAG,IAAI,CAACP,KAAK;IAEzC,IAAI,CAACO,EAAE,GAAGA,EAAE;IACZ,IAAI,CAACC,IAAI,GAAG,IAAI;IAEhB,IAAI,CAACC,KAAK,GAAG;MACXC,SAAS,EAAE,CAAC;MACZC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTN,cAAc;MACdO,SAAS,EAAE;IACb,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB,IAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IAC5B,IAAIe,KAAK,EAAE,IAAI,CAACC,cAAc,CAACD,KAAK,CAAC;EACvC;EAEAE,kBAAkB,CAChBC,SAAuD,EACjD;IACN,IAAM;MAAEC,OAAO;MAAEC,eAAe;MAAEd,cAAc;MAAES;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IACtE,IAAIkB,SAAS,CAACH,KAAK,KAAKA,KAAK,EAAE;MAC7B,IAAIG,SAAS,CAACH,KAAK,EAAE,IAAI,CAACM,aAAa,CAACH,SAAS,CAACH,KAAK,CAAC;MACxD,IAAIA,KAAK,EAAE,IAAI,CAACC,cAAc,CAACD,KAAK,CAAC;MACrC,IAAI,CAACO,aAAa,EAAE;IACtB;IAEA,IAAIJ,SAAS,CAACE,eAAe,KAAKA,eAAe,EAAE;MACjD,IAAI,CAACG,QAAQ,CAAC;QAAEjB,cAAc,EAAE;MAAG,CAAC,EAAE,IAAI,CAACF,qBAAqB,CAAC;IACnE;IAEA,IAAIc,SAAS,CAACZ,cAAc,KAAKA,cAAc,EAAE;MAC/C,IAAI,CAACiB,QAAQ,CAAC;QAAEjB;MAAe,CAAC,EAAE,IAAI,CAACF,qBAAqB,CAAC;IAC/D;IAEA,IAAIc,SAAS,CAACC,OAAO,KAAKA,OAAO,EAAE;MACjCJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,WAAW,CAACL,OAAO,CAAC;MAC3B,IAAI,CAACG,aAAa,EAAE;IACtB;EACF;EAEAG,oBAAoB,GAAS;IAC3B,IAAM;MAAEV;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IAC5B,IAAIe,KAAK,EAAE,IAAI,CAACM,aAAa,CAACN,KAAK,CAAC;EACtC;EAMAd,YAAY,CAACyB,SAAiB,EAAEjC,KAAQ,EAAQ;IAC9C,IAAM;MAAE2B;IAAgB,CAAC,GAAG,IAAI,CAACpB,KAAK;IACtC,IAAI;MAAEM;IAAe,CAAC,GAAG,IAAI,CAACG,KAAK;IACnCH,cAAc,GAAG,CAAC,GAAGA,cAAc,CAAC;IACpC,IAAMqB,aAAa,GAAGpC,oCAAoC,CAACC,OAAO,CAChEC,KAAK,EACLa,cAAc,CACf;IACD,IAAIqB,aAAa,IAAI,CAAC,EAAE;MACtBrB,cAAc,CAACsB,MAAM,CAACD,aAAa,EAAE,CAAC,CAAC;IACzC,CAAC,MAAM;MACLrB,cAAc,CAACuB,IAAI,CAACpC,KAAK,CAAC;IAC5B;IAEA,IAAIqC,UAAU,GAAGH,aAAa,GAAG,CAAC;IAClC,IAAIP,eAAe,EAAE;MACnBU,UAAU,GAAG,CAACA,UAAU;IAC1B;IAEA,IAAM;MAAElB;IAAO,CAAC,GAAG,IAAI,CAACH,KAAK;IAC7B,IAAI;MAAEE;IAAM,CAAC,GAAG,IAAI,CAACF,KAAK;IAC1BE,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAC;IAClB,IAAMoB,gBAAgB,GAAGL,SAAS,GAAGd,MAAM;IAC3C,IAAImB,gBAAgB,IAAI,CAAC,IAAIA,gBAAgB,GAAGpB,KAAK,CAACf,MAAM,EAAE;MAC5De,KAAK,CAACoB,gBAAgB,CAAC,CAACD,UAAU,GAAGA,UAAU;IACjD;IAEA,IAAI,CAACP,QAAQ,CAAC;MAAEZ,KAAK;MAAEL;IAAe,CAAC,CAAC;IAExC,IAAM;MAAE0B;IAAS,CAAC,GAAG,IAAI,CAAChC,KAAK;IAC/BgC,QAAQ,CAAC1B,cAAc,EAAEc,eAAe,CAAC;EAC3C;EAEAjB,oBAAoB,CAAC8B,GAAW,EAAEC,MAAc,EAAQ;IACtD,IAAI,CAACC,cAAc,CAACF,GAAG,EAAEC,MAAM,CAAC;EAClC;EAEA9B,qBAAqB,GAAS;IAC5B,IAAI,CAACgC,mBAAmB,EAAE;EAC5B;EAEA/B,iBAAiB,CAACgC,KAAkB,EAAQ;IAC1C,IAAM;MAAEtB,KAAK;MAAEuB;IAAU,CAAC,GAAG,IAAI,CAACtC,KAAK;IACvC,IAAI,CAACe,KAAK,EAAE;IAEZ,IAAMwB,IAAI,GAAGF,KAAK,CAACG,MAAM;IACzB,IAAM;MAAE5B;IAAO,CAAC,GAAG2B,IAAI;IACvB,IAAM5B,KAAK,GAAG,EAAE;IAChB,IAAM8B,MAAM,GAAG1B,KAAK,CAAC2B,OAAO,CAAC,CAAC,CAAC;IAC/B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,IAAI,CAACK,IAAI,CAAChD,MAAM,EAAE+C,CAAC,IAAI,CAAC,EAAE;MAC5C,IAAME,GAAG,GAAGN,IAAI,CAACK,IAAI,CAACD,CAAC,CAAC;MACxB,IAAMlD,KAAK,GAAGoD,GAAG,CAACC,GAAG,CAACL,MAAM,CAAC;MAC7B,IAAIM,YAAkC;MACtC,IAAItD,KAAK,IAAI,IAAI,EAAE;QACjBsD,YAAY,gBAAG;UAAG,SAAS,EAAC;QAAY,GAAC,MAAI,CAAI;MACnD,CAAC,MAAM,IAAItD,KAAK,KAAK,EAAE,EAAE;QACvBsD,YAAY,gBAAG;UAAG,SAAS,EAAC;QAAY,GAAC,OAAK,CAAI;MACpD,CAAC,MAAM;QACLA,YAAY,GAAGT,SAAS,CAACU,kBAAkB,CACzCvD,KAAK,EACLgD,MAAM,CAACQ,IAAI,EACXR,MAAM,CAACS,IAAI,CACZ;MACH;MACA,IAAMpB,UAAU,GAAG,IAAI,CAACqB,eAAe,CAAC1D,KAAK,CAAC;MAC9CkB,KAAK,CAACkB,IAAI,CAAC;QACTkB,YAAY;QACZtD,KAAK;QACLqC;MACF,CAAC,CAAC;IACJ;IAEAzC,GAAG,CAAC+D,MAAM,CAAC,wBAAwB,EAAExC,MAAM,EAAED,KAAK,CAACf,MAAM,CAAC;IAE1D,IAAMc,SAAS,GAAGK,KAAK,CAACsC,IAAI;IAC5B,IAAI,CAAC9B,QAAQ,CAAC;MAAEb,SAAS;MAAEC,KAAK;MAAEC,MAAM;MAAEC,SAAS,EAAE;IAAM,CAAC,CAAC;EAC/D;EAEAsC,eAAe,CAAC1D,KAAQ,EAAW;IACjC,IAAM;MAAE2B;IAAgB,CAAC,GAAG,IAAI,CAACpB,KAAK;IACtC,IAAM;MAAEM;IAAe,CAAC,GAAG,IAAI,CAACG,KAAK;;IAErC;IACA,IAAMkB,aAAa,GAAGpC,oCAAoC,CAACC,OAAO,CAChEC,KAAK,EACLa,cAAc,CACf;IAED,OAAOc,eAAe,GAAGO,aAAa,GAAG,CAAC,GAAGA,aAAa,IAAI,CAAC;EACjE;EAEAX,cAAc,CAACD,KAAY,EAAQ;IACjCA,KAAK,CAACuC,gBAAgB,CAAC,IAAI,CAAC/C,EAAE,CAACgD,KAAK,CAACC,aAAa,EAAE,IAAI,CAACnD,iBAAiB,CAAC;EAC7E;EAEAgB,aAAa,CAACN,KAAY,EAAQ;IAChCA,KAAK,CAAC0C,mBAAmB,CACvB,IAAI,CAAClD,EAAE,CAACgD,KAAK,CAACC,aAAa,EAC3B,IAAI,CAACnD,iBAAiB,CACvB;EACH;EAEAiB,aAAa,GAAS;IACpB,IAAI,IAAI,CAACd,IAAI,IAAI,IAAI,CAACA,IAAI,CAACkD,MAAM,IAAI,IAAI,IAAI,IAAI,CAAClD,IAAI,CAACmD,SAAS,IAAI,IAAI,EAAE;MACxE,IAAI,CAACxB,cAAc,CAAC,IAAI,CAAC3B,IAAI,CAACkD,MAAM,EAAE,IAAI,CAAClD,IAAI,CAACmD,SAAS,EAAE,IAAI,CAAC;IAClE;EACF;EAEAvB,mBAAmB,GAAS;IAC1B,IAAI;MAAEzB;IAAM,CAAC,GAAG,IAAI,CAACF,KAAK;IAE1BE,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAC;IAElB,KAAK,IAAIhB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGgB,KAAK,CAACf,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MACxC,IAAMiE,IAAI,GAAGjD,KAAK,CAAChB,CAAC,CAAC;MACrB,IAAM;QAAEF;MAAM,CAAC,GAAGmE,IAAI;MACtBA,IAAI,CAAC9B,UAAU,GAAG,IAAI,CAACqB,eAAe,CAAC1D,KAAK,CAAC;IAC/C;IAEA,IAAI,CAAC8B,QAAQ,CAAC;MAAEZ;IAAM,CAAC,CAAC;EAC1B;EAEAwB,cAAc,CAACF,GAAW,EAAEC,MAAc,EAA2B;IAAA,IAAzBrB,SAAS,uEAAG,KAAK;IAC3D,IAAM;MAAEE;IAAM,CAAC,GAAG,IAAI,CAACf,KAAK;IAC5B,IAAIe,KAAK,IAAI,IAAI,EAAE;MACjB;IACF;IAEA,IAAIF,SAAS,EAAE;MACb,IAAI,CAACU,QAAQ,CAAC;QAAEV,SAAS,EAAE;MAAK,CAAC,CAAC;IACpC;IAEA,IAAMgD,YAAY,GAAG3B,MAAM,GAAGD,GAAG,GAAG,CAAC;IACrC,IAAMyB,MAAM,GAAGI,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE9B,GAAG,GAAG4B,YAAY,GAAG,CAAC,CAAC;IAClD,IAAMF,SAAS,GAAGG,IAAI,CAACC,GAAG,CAACL,MAAM,EAAExB,MAAM,GAAG2B,YAAY,GAAG,CAAC,CAAC;IAE7DxE,GAAG,CAAC+D,MAAM,CAAC,kBAAkB,EAAEM,MAAM,EAAE,GAAG,EAAEC,SAAS,CAAC;IACtD5C,KAAK,CAACiD,WAAW,CAACN,MAAM,EAAEC,SAAS,CAAC;EACtC;EAEAM,MAAM,GAAiB;IACrB,IAAM;MAAErD,MAAM;MAAEC,SAAS;MAAEF,KAAK;MAAED;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAE1D,oBACE;MAAK,SAAS,EAAC;IAA2B,gBACxC,oBAAC,eAAe;MACd,SAAS,EAAEC,SAAU;MACrB,KAAK,EAAEC,KAAM;MACb,MAAM,EAAEC,MAAO;MACf,QAAQ,EAAE,IAAI,CAACX,YAAa;MAC5B,gBAAgB,EAAE,IAAI,CAACE,oBAAqB;MAC5C,GAAG,EAAEK,IAAI,IAAI;QACX,IAAI,CAACA,IAAI,GAAGA,IAAI;MAClB;IAAE,EACF,eACF,oBAAC,aAAa;MACZ,EAAE,EAAEK,SAAU;MACd,OAAO,EAAE,GAAI;MACb,UAAU,EAAC,MAAM;MACjB,YAAY;MACZ,aAAa;IAAA,gBAEb;MAAK,SAAS,EAAC;IAAc,gBAC3B,oBAAC,cAAc;MAAC,SAAS,EAAC;IAAuB,EAAG,CAChD,CACQ,CACZ;EAEV;AACF;AAAC,gBAtQKtB,oCAAoC,kBAIlB;EACpB6B,eAAe,EAAE,IAAI;EACrBd,cAAc,EAAE,EAAE;EAClB0B,QAAQ,EAAE,MAAYkC;AACxB,CAAC;AAgQH,eAAe3E,oCAAoC"}
+{"version":3,"file":"AdvancedFilterCreatorSelectValueList.js","names":["React","PureComponent","CSSTransition","LoadingSpinner","SelectValueList","Log","log","module","AdvancedFilterCreatorSelectValueList","indexOf","value","values","i","length","v","valueOf","constructor","props","handleSelect","bind","handleViewportChange","handleSelectionUpdate","handleTableUpdate","selectedValues","dh","list","state","itemCount","items","offset","isLoading","componentDidMount","table","startListening","componentDidUpdate","prevProps","filters","invertSelection","stopListening","resetViewport","setState","applyFilter","componentWillUnmount","itemIndex","selectedIndex","splice","push","isSelected","visibleItemIndex","onChange","top","bottom","updateViewport","updateItemSelection","event","formatter","data","detail","column","columns","r","rows","row","get","displayValue","getFormattedString","type","name","isValueSelected","debug2","size","addEventListener","Table","EVENT_UPDATED","removeEventListener","topRow","bottomRow","item","viewportSize","Math","max","setViewport","render","undefined"],"sources":["../src/AdvancedFilterCreatorSelectValueList.tsx"],"sourcesContent":["/* eslint react/no-did-update-set-state: \"off\" */\nimport React, { PureComponent, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport type {\n  dh as DhType,\n  FilterCondition,\n  Table,\n} from '@deephaven/jsapi-types';\nimport { Formatter } from '@deephaven/jsapi-utils';\nimport {\n  LoadingSpinner,\n  SelectValueList,\n  SelectItem,\n} from '@deephaven/components';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('AdvancedFilterCreatorSelectValueList');\n\ninterface AdvancedFilterCreatorSelectValueListProps<T> {\n  dh: DhType;\n  selectedValues: T[];\n  table?: Table;\n  filters: FilterCondition[];\n  invertSelection: boolean;\n  onChange: (selectedValues: T[], invertSelection: boolean) => void;\n  formatter: Formatter;\n}\n\ninterface AdvancedFilterCreatorSelectValueListState<T> {\n  itemCount: number;\n  items: SelectItem<T>[];\n  offset: number;\n  selectedValues: T[];\n  isLoading: boolean;\n}\n/**\n * Select values from a long scrollable list.\n * Swaps items in and out for infinite scrolling\n */\nclass AdvancedFilterCreatorSelectValueList<T = unknown> extends PureComponent<\n  AdvancedFilterCreatorSelectValueListProps<T>,\n  AdvancedFilterCreatorSelectValueListState<T>\n> {\n  static defaultProps = {\n    invertSelection: true,\n    selectedValues: [],\n    onChange: (): void => undefined,\n  };\n\n  /**\n   * Get the index of a value in an array. Has some special handling for some types, like DateTimes and Longs.\n   * @param value The value to search for\n   * @param values The array of values to search within\n   */\n  static indexOf(value: unknown, values: unknown[]): number {\n    for (let i = 0; i < values.length; i += 1) {\n      const v = values[i];\n      if (\n        v === value ||\n        (v != null &&\n          v.valueOf != null &&\n          value != null &&\n          value.valueOf != null &&\n          v.valueOf() === value.valueOf())\n      ) {\n        return i;\n      }\n    }\n\n    return -1;\n  }\n\n  constructor(props: AdvancedFilterCreatorSelectValueListProps<T>) {\n    super(props);\n\n    this.handleSelect = this.handleSelect.bind(this);\n    this.handleViewportChange = this.handleViewportChange.bind(this);\n    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this);\n    this.handleTableUpdate = this.handleTableUpdate.bind(this);\n\n    const { selectedValues, dh } = this.props;\n\n    this.dh = dh;\n    this.list = null;\n\n    this.state = {\n      itemCount: 0,\n      items: [],\n      offset: 0,\n      selectedValues,\n      isLoading: true,\n    };\n  }\n\n  componentDidMount(): void {\n    const { table } = this.props;\n    if (table) this.startListening(table);\n  }\n\n  componentDidUpdate(\n    prevProps: AdvancedFilterCreatorSelectValueListProps<T>\n  ): void {\n    const { filters, invertSelection, selectedValues, table } = this.props;\n    if (prevProps.table !== table) {\n      if (prevProps.table) this.stopListening(prevProps.table);\n      if (table) this.startListening(table);\n      this.resetViewport();\n    }\n\n    if (prevProps.invertSelection !== invertSelection) {\n      this.setState({ selectedValues: [] }, this.handleSelectionUpdate);\n    }\n\n    if (prevProps.selectedValues !== selectedValues) {\n      this.setState({ selectedValues }, this.handleSelectionUpdate);\n    }\n\n    if (prevProps.filters !== filters) {\n      table?.applyFilter(filters);\n      this.resetViewport();\n    }\n  }\n\n  componentWillUnmount(): void {\n    const { table } = this.props;\n    if (table) this.stopListening(table);\n  }\n\n  dh: DhType;\n\n  list: SelectValueList<T> | null;\n\n  handleSelect(itemIndex: number, value: T): void {\n    const { invertSelection } = this.props;\n    let { selectedValues } = this.state;\n    selectedValues = [...selectedValues];\n    const selectedIndex = AdvancedFilterCreatorSelectValueList.indexOf(\n      value,\n      selectedValues\n    );\n    if (selectedIndex >= 0) {\n      selectedValues.splice(selectedIndex, 1);\n    } else {\n      selectedValues.push(value);\n    }\n\n    let isSelected = selectedIndex < 0;\n    if (invertSelection) {\n      isSelected = !isSelected;\n    }\n\n    const { offset } = this.state;\n    let { items } = this.state;\n    items = [...items];\n    const visibleItemIndex = itemIndex - offset;\n    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {\n      items[visibleItemIndex].isSelected = isSelected;\n    }\n\n    this.setState({ items, selectedValues });\n\n    const { onChange } = this.props;\n    onChange(selectedValues, invertSelection);\n  }\n\n  handleViewportChange(top: number, bottom: number): void {\n    this.updateViewport(top, bottom);\n  }\n\n  handleSelectionUpdate(): void {\n    this.updateItemSelection();\n  }\n\n  handleTableUpdate(event: CustomEvent): void {\n    const { table, formatter } = this.props;\n    if (!table) return;\n\n    const data = event.detail;\n    const { offset } = data;\n    const items = [];\n    const column = table.columns[0];\n    for (let r = 0; r < data.rows.length; r += 1) {\n      const row = data.rows[r];\n      const value = row.get(column);\n      let displayValue: string | JSX.Element;\n      if (value == null) {\n        displayValue = <i className=\"text-muted\">null</i>;\n      } else if (value === '') {\n        displayValue = <i className=\"text-muted\">empty</i>;\n      } else {\n        displayValue = formatter.getFormattedString(\n          value,\n          column.type,\n          column.name\n        );\n      }\n      const isSelected = this.isValueSelected(value);\n      items.push({\n        displayValue,\n        value,\n        isSelected,\n      });\n    }\n\n    log.debug2('Received table update:', offset, items.length);\n\n    const itemCount = table.size;\n    this.setState({ itemCount, items, offset, isLoading: false });\n  }\n\n  isValueSelected(value: T): boolean {\n    const { invertSelection } = this.props;\n    const { selectedValues } = this.state;\n\n    // Need to check if any of the valueOf matches, timestamp value that is equal\n    const selectedIndex = AdvancedFilterCreatorSelectValueList.indexOf(\n      value,\n      selectedValues\n    );\n\n    return invertSelection ? selectedIndex < 0 : selectedIndex >= 0;\n  }\n\n  startListening(table: Table): void {\n    table.addEventListener(this.dh.Table.EVENT_UPDATED, this.handleTableUpdate);\n  }\n\n  stopListening(table: Table): void {\n    table.removeEventListener(\n      this.dh.Table.EVENT_UPDATED,\n      this.handleTableUpdate\n    );\n  }\n\n  resetViewport(): void {\n    if (this.list && this.list.topRow != null && this.list.bottomRow != null) {\n      this.updateViewport(this.list.topRow, this.list.bottomRow, true);\n    }\n  }\n\n  updateItemSelection(): void {\n    let { items } = this.state;\n\n    items = [...items];\n\n    for (let i = 0; i < items.length; i += 1) {\n      const item = items[i];\n      const { value } = item;\n      item.isSelected = this.isValueSelected(value);\n    }\n\n    this.setState({ items });\n  }\n\n  updateViewport(top: number, bottom: number, isLoading = false): void {\n    const { table } = this.props;\n    if (table == null) {\n      return;\n    }\n\n    if (isLoading) {\n      this.setState({ isLoading: true });\n    }\n\n    const viewportSize = bottom - top + 1;\n    const topRow = Math.max(0, top - viewportSize * 3);\n    const bottomRow = Math.max(topRow, bottom + viewportSize * 3);\n\n    log.debug2('Setting viewport', topRow, ',', bottomRow);\n    table.setViewport(topRow, bottomRow);\n  }\n\n  render(): ReactElement {\n    const { offset, isLoading, items, itemCount } = this.state;\n\n    return (\n      <div className=\"select-value-list-wrapper\">\n        <SelectValueList\n          itemCount={itemCount}\n          items={items}\n          offset={offset}\n          onSelect={this.handleSelect}\n          onViewportChange={this.handleViewportChange}\n          ref={list => {\n            this.list = list;\n          }}\n        />\n        <CSSTransition\n          in={isLoading}\n          timeout={250}\n          classNames=\"fade\"\n          mountOnEnter\n          unmountOnExit\n        >\n          <div className=\"loading-list\">\n            <LoadingSpinner className=\"loading-spinner-large\" />\n          </div>\n        </CSSTransition>\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreatorSelectValueList;\n"],"mappings":"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"}

package/dist/ColumnStatistics.js

@@ -10,6 +10,9 @@ import Log from '@deephaven/log';
 import { PromiseUtils } from '@deephaven/utils';
 import { isExpandableGridModel } from '@deephaven/grid';
 import "./ColumnStatistics.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var log = Log.module('ColumnStatistics');
 var STATS_LABEL_OVERRIDES = {
   SIZE: 'Number of Rows'
@@ -135,66 +138,83 @@ class ColumnStatistics extends Component {
           type
         } = statistics[i];
         var formattedValue = !type ? model.displayString(value, column.type, column.name) : model.displayString(value, type);
-        var statisticElement = /*#__PURE__*/React.createElement(React.Fragment, {
-          key: operation
-        }, /*#__PURE__*/React.createElement("div", {
-          className: classNames('column-statistic-operation', className)
-        }, operation), /*#__PURE__*/React.createElement("div", {
-          className: "column-statistic-value"
-        }, formattedValue));
+        var statisticElement = /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx("div", {
+            className: classNames('column-statistic-operation', className),
+            children: operation
+          }), /*#__PURE__*/_jsx("div", {
+            className: "column-statistic-value",
+            children: formattedValue
+          })]
+        }, operation);
         statisticElements.push(statisticElement);
       }
     }
     var rowCountLabel = isExpandableGridModel(model) && model.hasExpandableRows ? 'Expanded Rows' : 'Number of Rows';
     var formattedRowCount = model.displayString(numRows, 'long');
     var columnIndex = model.getColumnIndexByName(column.name);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-title"
-    }, column.name, /*#__PURE__*/React.createElement("span", {
-      className: "column-statistics-type"
-    }, "\xA0(", columnType, ")"), /*#__PURE__*/React.createElement(CopyButton, {
-      className: "column-statistics-copy",
-      tooltip: "Copy column name",
-      copy: column.name
-    })), description != null && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-description"
-    }, description), columnIndex != null && !model.isColumnSortable(columnIndex) && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-status"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhSortSlash,
-      className: "mr-1"
-    }), "Not sortable"), columnIndex != null && !model.isColumnMovable(columnIndex) && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-status"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: model.isColumnFrozen(columnIndex) ? dhFreeze : vsLock,
-      className: "mr-1"
-    }), model.isColumnFrozen(columnIndex) ? 'Frozen' : 'Not movable'), /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-grid"
-    }, statistics == null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "column-statistic-operation"
-    }, rowCountLabel), /*#__PURE__*/React.createElement("div", {
-      className: "column-statistic-value"
-    }, formattedRowCount)), statisticElements), showGenerateStatistics && /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "px-0",
-      onClick: this.handleGenerateStatistics
-    }, "Generate Stats"), error != null && /*#__PURE__*/React.createElement("div", {
-      className: "error-message"
-    }, "".concat(error)), statistics && !loading && /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "px-0",
-      onClick: this.handleGenerateStatistics,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhRefresh,
-        className: "mr-1"
-      })
-    }, "Refresh"), loading && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-loading"
-    }, /*#__PURE__*/React.createElement(LoadingSpinner, {
-      className: "mr-2"
-    }), "Calculating Stats..."));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "column-statistics",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "column-statistics-title",
+        children: [column.name, /*#__PURE__*/_jsxs("span", {
+          className: "column-statistics-type",
+          children: ["\xA0(", columnType, ")"]
+        }), /*#__PURE__*/_jsx(CopyButton, {
+          className: "column-statistics-copy",
+          tooltip: "Copy column name",
+          copy: column.name
+        })]
+      }), description != null && /*#__PURE__*/_jsx("div", {
+        className: "column-statistics-description",
+        children: description
+      }), columnIndex != null && !model.isColumnSortable(columnIndex) && /*#__PURE__*/_jsxs("div", {
+        className: "column-statistics-status",
+        children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: dhSortSlash,
+          className: "mr-1"
+        }), "Not sortable"]
+      }), columnIndex != null && !model.isColumnMovable(columnIndex) && /*#__PURE__*/_jsxs("div", {
+        className: "column-statistics-status",
+        children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: model.isColumnFrozen(columnIndex) ? dhFreeze : vsLock,
+          className: "mr-1"
+        }), model.isColumnFrozen(columnIndex) ? 'Frozen' : 'Not movable']
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "column-statistics-grid",
+        children: [statistics == null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "column-statistic-operation",
+            children: rowCountLabel
+          }), /*#__PURE__*/_jsx("div", {
+            className: "column-statistic-value",
+            children: formattedRowCount
+          })]
+        }), statisticElements]
+      }), showGenerateStatistics && /*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        className: "px-0",
+        onClick: this.handleGenerateStatistics,
+        children: "Generate Stats"
+      }), error != null && /*#__PURE__*/_jsx("div", {
+        className: "error-message",
+        children: "".concat(error)
+      }), statistics && !loading && /*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        className: "px-0",
+        onClick: this.handleGenerateStatistics,
+        icon: /*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: dhRefresh,
+          className: "mr-1"
+        }),
+        children: "Refresh"
+      }), loading && /*#__PURE__*/_jsxs("div", {
+        className: "column-statistics-loading",
+        children: [/*#__PURE__*/_jsx(LoadingSpinner, {
+          className: "mr-2"
+        }), "Calculating Stats..."]
+      })]
+    });
   }
 }
 _defineProperty(ColumnStatistics, "AUTO_GENERATE_LIMIT", 100000);

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","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 = model.rowCount - model.pendingRowCount;\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: model.rowCount - model.pendingRowCount,\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=\"mr-2\" />\n            Calculating Stats...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ColumnStatistics;\n"],"mappings":"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"}
+{"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","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 = model.rowCount - model.pendingRowCount;\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: model.rowCount - model.pendingRowCount,\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=\"mr-2\" />\n            Calculating Stats...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ColumnStatistics;\n"],"mappings":"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"}