@deephaven/iris-grid 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/PartitionSelectorSearch.js

@@ -1,5 +1,4 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash.debounce';
@@ -10,27 +9,20 @@ import { CanceledPromiseError } from '@deephaven/utils';
 import "./PartitionSelectorSearch.css";
 var log = Log.module('PartitionSelectorSearch');
 var DEBOUNCE_UPDATE_FILTER = 150;
-
 class PartitionSelectorSearch extends Component {
   static handleError(error) {
     if (!(error instanceof CanceledPromiseError)) {
       log.error(error);
     }
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "itemList", void 0);
-
     _defineProperty(this, "searchInput", void 0);
-
     _defineProperty(this, "timer", void 0);
-
     _defineProperty(this, "debounceUpdateFilter", debounce(() => {
       this.updateFilter();
     }, DEBOUNCE_UPDATE_FILTER));
-
     this.handleFilterChange = this.handleFilterChange.bind(this);
     this.handleInputFocus = this.handleInputFocus.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
@@ -50,11 +42,9 @@ class PartitionSelectorSearch extends Component {
       isLoading: true
     };
   }
-
   componentDidMount() {
     this.startListening();
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       isLoading,
@@ -63,32 +53,26 @@ class PartitionSelectorSearch extends Component {
     var {
       onListResized
     } = this.props;
-
     if (itemCount !== prevState.itemCount || isLoading !== prevState.isLoading) {
       onListResized();
     }
   }
-
   componentWillUnmount() {
     this.debounceUpdateFilter.cancel();
     this.stopListening();
   }
-
   handleKeyDown(event) {
     if (this.itemList == null) {
       return false;
     }
-
     var {
       items,
       itemCount
     } = this.state;
-
     switch (event.key) {
       case 'Enter':
         {
           var selectedValue = null;
-
           if (items.length > 0) {
             selectedValue = items[0].value;
           } else {
@@ -97,45 +81,37 @@ class PartitionSelectorSearch extends Component {
             } = this.state;
             selectedValue = text.trim();
           }
-
           if (selectedValue.length > 0) {
             var {
               onSelect
             } = this.props;
             onSelect(selectedValue);
           }
-
           event.stopPropagation();
           event.preventDefault();
           return true;
         }
-
       case 'ArrowDown':
         if (itemCount > 0) {
           this.itemList.focusItem(1);
         }
-
         event.stopPropagation();
         event.preventDefault();
         return true;
-
       default:
         return false;
     }
   }
-
   handleListKeydown(event) {
     switch (event.key) {
       case 'Escape':
         // Do nothing
         break;
-
       default:
         this.focus();
         break;
     }
   }
-
   handleFilterChange() {
     log.debug2('handleFilterChange');
     var {
@@ -147,13 +123,11 @@ class PartitionSelectorSearch extends Component {
       isLoading: true
     });
   }
-
   handleInputFocus() {
     if (this.itemList) {
       this.itemList.focusItem(0);
     }
   }
-
   handleSelect(itemIndex) {
     log.debug2('handleSelect', itemIndex);
     var {
@@ -164,18 +138,15 @@ class PartitionSelectorSearch extends Component {
       items
     } = this.state;
     var offsetIndex = itemIndex - offset;
-
     if (offsetIndex < 0 || items.length <= offsetIndex) {
       log.error('No data for item', itemIndex);
       return;
     }
-
     var {
       value
     } = items[offsetIndex];
     onSelect(value);
   }
-
   handleTableUpdate(event) {
     var data = event.detail;
     var {
@@ -187,19 +158,15 @@ class PartitionSelectorSearch extends Component {
       table
     } = this.props;
     var column = table.columns[0];
-
     for (var r = 0; r < data.rows.length; r += 1) {
       var row = data.rows[r];
-
       var _value = row.get(column);
-
       var displayValue = getFormattedString(_value, column.type, column.name);
       items.push({
         displayValue,
         value: _value
       });
     }
-
     var itemCount = table.size;
     log.debug2('handleTableUpdate', itemCount, offset, items.length);
     this.setState({
@@ -209,7 +176,6 @@ class PartitionSelectorSearch extends Component {
       isLoading: false
     });
   }
-
   handleTextChange(event) {
     log.debug2('handleTextChange');
     var {
@@ -220,7 +186,6 @@ class PartitionSelectorSearch extends Component {
     });
     this.debounceUpdateFilter();
   }
-
   handleViewportChange(topRow, bottomRow) {
     log.debug2('handleViewportChange', topRow, bottomRow);
     var delta = Math.max(1, bottomRow - topRow);
@@ -231,13 +196,11 @@ class PartitionSelectorSearch extends Component {
     } = this.props;
     table.setViewport(top, bottom);
   }
-
   focus() {
     if (this.searchInput) {
       this.searchInput.focus();
     }
   }
-
   startListening() {
     var {
       initialPageSize,
@@ -247,7 +210,6 @@ class PartitionSelectorSearch extends Component {
     table.addEventListener(dh.Table.EVENT_FILTERCHANGED, this.handleFilterChange);
     table.setViewport(0, initialPageSize);
   }
-
   stopListening() {
     var {
       table
@@ -255,7 +217,6 @@ class PartitionSelectorSearch extends Component {
     table.removeEventListener(dh.Table.EVENT_UPDATED, this.handleTableUpdate);
     table.removeEventListener(dh.Table.EVENT_FILTERCHANGED, this.handleFilterChange);
   }
-
   updateFilter() {
     var {
       initialPageSize,
@@ -266,18 +227,15 @@ class PartitionSelectorSearch extends Component {
     } = this.state;
     var filterText = text.trim();
     var filters = [];
-
     if (filterText.length > 0) {
       var column = table.columns[0];
       var filter = column.filter().invoke('matches', dh.FilterValue.ofString("(?s)(?i).*\\Q".concat(filterText, "\\E.*")));
       filters.push(filter);
     }
-
     log.debug2('updateFilter', filters);
     table.applyFilter(filters);
     table.setViewport(0, initialPageSize);
   }
-
   render() {
     var {
       isLoading,
@@ -286,7 +244,8 @@ class PartitionSelectorSearch extends Component {
       offset,
       text
     } = this.state;
-    var listHeight = Math.min(itemCount, PartitionSelectorSearch.MAX_VISIBLE_ITEMS) * ItemList.DEFAULT_ROW_HEIGHT + // Adjust for ListItem vertical padding - .375rem ~ 5.25px
+    var listHeight = Math.min(itemCount, PartitionSelectorSearch.MAX_VISIBLE_ITEMS) * ItemList.DEFAULT_ROW_HEIGHT +
+    // Adjust for ListItem vertical padding - .375rem ~ 5.25px
     11;
     return /*#__PURE__*/React.createElement("div", {
       className: "iris-grid-partition-selector-search"
@@ -325,17 +284,13 @@ class PartitionSelectorSearch extends Component {
       className: "iris-grid-partition-selector-loading"
     }, /*#__PURE__*/React.createElement(LoadingSpinner, null), "\xA0Loading..."));
   }
-
 }
-
 _defineProperty(PartitionSelectorSearch, "MAX_VISIBLE_ITEMS", 12);
-
 _defineProperty(PartitionSelectorSearch, "defaultProps", {
   initialPageSize: 100,
   onSelect: () => undefined,
   onListResized: () => undefined
 });
-
 _defineProperty(PartitionSelectorSearch, "propTypes", {
   getFormattedString: PropTypes.func.isRequired,
   table: PropTypes.shape({
@@ -354,6 +309,5 @@ _defineProperty(PartitionSelectorSearch, "propTypes", {
   onSelect: PropTypes.func,
   onListResized: PropTypes.func
 });
-
 export default PartitionSelectorSearch;
 //# sourceMappingURL=PartitionSelectorSearch.js.map

package/dist/PartitionSelectorSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"PartitionSelectorSearch.js","names":["React","Component","PropTypes","debounce","dh","ItemList","LoadingSpinner","Log","CanceledPromiseError","log","module","DEBOUNCE_UPDATE_FILTER","PartitionSelectorSearch","handleError","error","constructor","props","updateFilter","handleFilterChange","bind","handleInputFocus","handleKeyDown","handleListKeydown","handleSelect","handleTableUpdate","handleTextChange","handleViewportChange","itemList","searchInput","timer","state","offset","itemCount","items","text","isLoading","componentDidMount","startListening","componentDidUpdate","prevProps","prevState","onListResized","componentWillUnmount","debounceUpdateFilter","cancel","stopListening","event","key","selectedValue","length","value","trim","onSelect","stopPropagation","preventDefault","focusItem","focus","debug2","table","size","setState","itemIndex","offsetIndex","data","detail","getFormattedString","column","columns","r","rows","row","get","displayValue","type","name","push","target","topRow","bottomRow","delta","Math","max","top","bottom","setViewport","initialPageSize","addEventListener","Table","EVENT_UPDATED","EVENT_FILTERCHANGED","removeEventListener","filterText","filters","filter","invoke","FilterValue","ofString","applyFilter","render","listHeight","min","MAX_VISIBLE_ITEMS","DEFAULT_ROW_HEIGHT","height","undefined","func","isRequired","shape","arrayOf","string","number"],"sources":["../src/PartitionSelectorSearch.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport dh, { Table } from '@deephaven/jsapi-shim';\nimport { ItemList, LoadingSpinner } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { CanceledPromiseError } from '@deephaven/utils';\nimport './PartitionSelectorSearch.scss';\nimport { ModelIndex } from '@deephaven/grid';\n\nconst log = Log.module('PartitionSelectorSearch');\nconst DEBOUNCE_UPDATE_FILTER = 150;\n\ninterface Item {\n  value: string;\n  displayValue: string;\n}\n\ninterface PartitionSelectorSearchProps<T> {\n  getFormattedString: (value: T, type: string, name: string) => string;\n  table: Table;\n  initialPageSize: number;\n  onSelect: (value: string) => void;\n  onListResized: () => void;\n}\ninterface PartitionSelectorSearchState {\n  offset: number;\n  itemCount: number;\n  items: Item[];\n  text: string;\n  isLoading: boolean;\n}\nclass PartitionSelectorSearch<T> extends Component<\n  PartitionSelectorSearchProps<T>,\n  PartitionSelectorSearchState\n> {\n  static MAX_VISIBLE_ITEMS = 12;\n\n  static defaultProps = {\n    initialPageSize: 100,\n    onSelect: (): void => undefined,\n    onListResized: (): void => undefined,\n  };\n\n  static propTypes = {\n    getFormattedString: PropTypes.func.isRequired,\n    table: PropTypes.shape({\n      addEventListener: PropTypes.func.isRequired,\n      removeEventListener: PropTypes.func.isRequired,\n      columns: PropTypes.arrayOf(\n        PropTypes.shape({\n          name: PropTypes.string.isRequired,\n          type: PropTypes.string.isRequired,\n          filter: PropTypes.func.isRequired,\n        })\n      ),\n      size: PropTypes.number.isRequired,\n      applyFilter: PropTypes.func.isRequired,\n      setViewport: PropTypes.func.isRequired,\n    }).isRequired,\n    initialPageSize: PropTypes.number,\n    onSelect: PropTypes.func,\n    onListResized: PropTypes.func,\n  };\n\n  static handleError(error: unknown): void {\n    if (!(error instanceof CanceledPromiseError)) {\n      log.error(error);\n    }\n  }\n\n  constructor(props: PartitionSelectorSearchProps<T>) {\n    super(props);\n\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n    this.handleInputFocus = this.handleInputFocus.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleListKeydown = this.handleListKeydown.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n    this.handleTableUpdate = this.handleTableUpdate.bind(this);\n    this.handleTextChange = this.handleTextChange.bind(this);\n    this.handleViewportChange = this.handleViewportChange.bind(this);\n\n    this.itemList = null;\n    this.searchInput = null;\n    this.timer = null;\n\n    this.state = {\n      offset: 0,\n      itemCount: 0,\n      items: [],\n      text: '',\n      isLoading: true,\n    };\n  }\n\n  componentDidMount(): void {\n    this.startListening();\n  }\n\n  componentDidUpdate(\n    prevProps: PartitionSelectorSearchProps<T>,\n    prevState: PartitionSelectorSearchState\n  ): void {\n    const { isLoading, itemCount } = this.state;\n    const { onListResized } = this.props;\n    if (\n      itemCount !== prevState.itemCount ||\n      isLoading !== prevState.isLoading\n    ) {\n      onListResized();\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.debounceUpdateFilter.cancel();\n\n    this.stopListening();\n  }\n\n  itemList: ItemList<Item> | null;\n\n  searchInput: HTMLInputElement | null;\n\n  timer: null;\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): boolean {\n    if (this.itemList == null) {\n      return false;\n    }\n\n    const { items, itemCount } = this.state;\n    switch (event.key) {\n      case 'Enter': {\n        let selectedValue = null;\n        if (items.length > 0) {\n          selectedValue = items[0].value;\n        } else {\n          const { text } = this.state;\n          selectedValue = text.trim();\n        }\n\n        if (selectedValue.length > 0) {\n          const { onSelect } = this.props;\n          onSelect(selectedValue);\n        }\n\n        event.stopPropagation();\n        event.preventDefault();\n        return true;\n      }\n      case 'ArrowDown':\n        if (itemCount > 0) {\n          this.itemList.focusItem(1);\n        }\n        event.stopPropagation();\n        event.preventDefault();\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  handleListKeydown(event: React.KeyboardEvent<HTMLDivElement>): void {\n    switch (event.key) {\n      case 'Escape':\n        // Do nothing\n        break;\n      default:\n        this.focus();\n        break;\n    }\n  }\n\n  handleFilterChange(): void {\n    log.debug2('handleFilterChange');\n\n    const { table } = this.props;\n    const itemCount = table.size;\n    this.setState({ itemCount, isLoading: true });\n  }\n\n  handleInputFocus(): void {\n    if (this.itemList) {\n      this.itemList.focusItem(0);\n    }\n  }\n\n  handleSelect(itemIndex: ModelIndex): void {\n    log.debug2('handleSelect', itemIndex);\n\n    const { onSelect } = this.props;\n    const { offset, items } = this.state;\n    const offsetIndex = itemIndex - offset;\n    if (offsetIndex < 0 || items.length <= offsetIndex) {\n      log.error('No data for item', itemIndex);\n      return;\n    }\n\n    const { value } = items[offsetIndex];\n    onSelect(value);\n  }\n\n  handleTableUpdate(event: CustomEvent): void {\n    const data = event.detail;\n    const { offset } = data;\n\n    const items = [] as Item[];\n    const { getFormattedString, table } = this.props;\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      const displayValue = getFormattedString(value, column.type, column.name);\n      items.push({\n        displayValue,\n        value,\n      });\n    }\n\n    const itemCount = table.size;\n    log.debug2('handleTableUpdate', itemCount, offset, items.length);\n    this.setState({ itemCount, items, offset, isLoading: false });\n  }\n\n  handleTextChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    log.debug2('handleTextChange');\n\n    const { value: text } = event.target;\n\n    this.setState({ text });\n\n    this.debounceUpdateFilter();\n  }\n\n  handleViewportChange(topRow: number, bottomRow: number): void {\n    log.debug2('handleViewportChange', topRow, bottomRow);\n\n    const delta = Math.max(1, bottomRow - topRow);\n    const top = Math.max(0, topRow - delta);\n    const bottom = bottomRow + delta;\n\n    const { table } = this.props;\n    table.setViewport(top, bottom);\n  }\n\n  debounceUpdateFilter = debounce((): void => {\n    this.updateFilter();\n  }, DEBOUNCE_UPDATE_FILTER);\n\n  focus(): void {\n    if (this.searchInput) {\n      this.searchInput.focus();\n    }\n  }\n\n  startListening(): void {\n    const { initialPageSize, table } = this.props;\n    table.addEventListener(dh.Table.EVENT_UPDATED, this.handleTableUpdate);\n    table.addEventListener(\n      dh.Table.EVENT_FILTERCHANGED,\n      this.handleFilterChange\n    );\n    table.setViewport(0, initialPageSize);\n  }\n\n  stopListening(): void {\n    const { table } = this.props;\n    table.removeEventListener(dh.Table.EVENT_UPDATED, this.handleTableUpdate);\n    table.removeEventListener(\n      dh.Table.EVENT_FILTERCHANGED,\n      this.handleFilterChange\n    );\n  }\n\n  updateFilter(): void {\n    const { initialPageSize, table } = this.props;\n    const { text } = this.state;\n    const filterText = text.trim();\n    const filters = [];\n    if (filterText.length > 0) {\n      const column = table.columns[0];\n      const filter = column\n        .filter()\n        .invoke(\n          'matches',\n          dh.FilterValue.ofString(`(?s)(?i).*\\\\Q${filterText}\\\\E.*`)\n        );\n      filters.push(filter);\n    }\n\n    log.debug2('updateFilter', filters);\n\n    table.applyFilter(filters);\n    table.setViewport(0, initialPageSize);\n  }\n\n  render(): JSX.Element {\n    const { isLoading, itemCount, items, offset, text } = this.state;\n    const listHeight =\n      Math.min(itemCount, PartitionSelectorSearch.MAX_VISIBLE_ITEMS) *\n        ItemList.DEFAULT_ROW_HEIGHT +\n      // Adjust for ListItem vertical padding - .375rem ~ 5.25px\n      11;\n    return (\n      <div className=\"iris-grid-partition-selector-search\">\n        <div className=\"search-container\">\n          <input\n            type=\"text\"\n            ref={searchInput => {\n              this.searchInput = searchInput;\n            }}\n            value={text}\n            placeholder=\"Available Partitions\"\n            onChange={this.handleTextChange}\n            onFocus={this.handleInputFocus}\n            onKeyDown={this.handleKeyDown}\n            className=\"form-control input-partition\"\n          />\n        </div>\n        {!isLoading && itemCount > 0 && (\n          <div\n            className=\"iris-grid-partition-selector-search-list\"\n            onKeyDown={this.handleListKeydown}\n            role=\"presentation\"\n            style={{ height: listHeight }}\n          >\n            <ItemList\n              ref={itemList => {\n                this.itemList = itemList;\n              }}\n              itemCount={itemCount}\n              items={items}\n              offset={offset}\n              onSelect={this.handleSelect}\n              onViewportChange={this.handleViewportChange}\n            />\n          </div>\n        )}\n        {!isLoading && itemCount === 0 && (\n          <div className=\"iris-grid-partition-selector-search-empty\">\n            No results\n          </div>\n        )}\n        {isLoading && (\n          <div className=\"iris-grid-partition-selector-loading\">\n            <LoadingSpinner />\n            &nbsp;Loading...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default PartitionSelectorSearch;\n"],"mappings":"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"}
+{"version":3,"file":"PartitionSelectorSearch.js","names":["React","Component","PropTypes","debounce","dh","ItemList","LoadingSpinner","Log","CanceledPromiseError","log","module","DEBOUNCE_UPDATE_FILTER","PartitionSelectorSearch","handleError","error","constructor","props","updateFilter","handleFilterChange","bind","handleInputFocus","handleKeyDown","handleListKeydown","handleSelect","handleTableUpdate","handleTextChange","handleViewportChange","itemList","searchInput","timer","state","offset","itemCount","items","text","isLoading","componentDidMount","startListening","componentDidUpdate","prevProps","prevState","onListResized","componentWillUnmount","debounceUpdateFilter","cancel","stopListening","event","key","selectedValue","length","value","trim","onSelect","stopPropagation","preventDefault","focusItem","focus","debug2","table","size","setState","itemIndex","offsetIndex","data","detail","getFormattedString","column","columns","r","rows","row","get","displayValue","type","name","push","target","topRow","bottomRow","delta","Math","max","top","bottom","setViewport","initialPageSize","addEventListener","Table","EVENT_UPDATED","EVENT_FILTERCHANGED","removeEventListener","filterText","filters","filter","invoke","FilterValue","ofString","applyFilter","render","listHeight","min","MAX_VISIBLE_ITEMS","DEFAULT_ROW_HEIGHT","height","undefined","func","isRequired","shape","arrayOf","string","number"],"sources":["../src/PartitionSelectorSearch.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport dh, { Table } from '@deephaven/jsapi-shim';\nimport { ItemList, LoadingSpinner } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { CanceledPromiseError } from '@deephaven/utils';\nimport './PartitionSelectorSearch.scss';\nimport { ModelIndex } from '@deephaven/grid';\n\nconst log = Log.module('PartitionSelectorSearch');\nconst DEBOUNCE_UPDATE_FILTER = 150;\n\ninterface Item {\n  value: string;\n  displayValue: string;\n}\n\ninterface PartitionSelectorSearchProps<T> {\n  getFormattedString: (value: T, type: string, name: string) => string;\n  table: Table;\n  initialPageSize: number;\n  onSelect: (value: string) => void;\n  onListResized: () => void;\n}\ninterface PartitionSelectorSearchState {\n  offset: number;\n  itemCount: number;\n  items: Item[];\n  text: string;\n  isLoading: boolean;\n}\nclass PartitionSelectorSearch<T> extends Component<\n  PartitionSelectorSearchProps<T>,\n  PartitionSelectorSearchState\n> {\n  static MAX_VISIBLE_ITEMS = 12;\n\n  static defaultProps = {\n    initialPageSize: 100,\n    onSelect: (): void => undefined,\n    onListResized: (): void => undefined,\n  };\n\n  static propTypes = {\n    getFormattedString: PropTypes.func.isRequired,\n    table: PropTypes.shape({\n      addEventListener: PropTypes.func.isRequired,\n      removeEventListener: PropTypes.func.isRequired,\n      columns: PropTypes.arrayOf(\n        PropTypes.shape({\n          name: PropTypes.string.isRequired,\n          type: PropTypes.string.isRequired,\n          filter: PropTypes.func.isRequired,\n        })\n      ),\n      size: PropTypes.number.isRequired,\n      applyFilter: PropTypes.func.isRequired,\n      setViewport: PropTypes.func.isRequired,\n    }).isRequired,\n    initialPageSize: PropTypes.number,\n    onSelect: PropTypes.func,\n    onListResized: PropTypes.func,\n  };\n\n  static handleError(error: unknown): void {\n    if (!(error instanceof CanceledPromiseError)) {\n      log.error(error);\n    }\n  }\n\n  constructor(props: PartitionSelectorSearchProps<T>) {\n    super(props);\n\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n    this.handleInputFocus = this.handleInputFocus.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleListKeydown = this.handleListKeydown.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n    this.handleTableUpdate = this.handleTableUpdate.bind(this);\n    this.handleTextChange = this.handleTextChange.bind(this);\n    this.handleViewportChange = this.handleViewportChange.bind(this);\n\n    this.itemList = null;\n    this.searchInput = null;\n    this.timer = null;\n\n    this.state = {\n      offset: 0,\n      itemCount: 0,\n      items: [],\n      text: '',\n      isLoading: true,\n    };\n  }\n\n  componentDidMount(): void {\n    this.startListening();\n  }\n\n  componentDidUpdate(\n    prevProps: PartitionSelectorSearchProps<T>,\n    prevState: PartitionSelectorSearchState\n  ): void {\n    const { isLoading, itemCount } = this.state;\n    const { onListResized } = this.props;\n    if (\n      itemCount !== prevState.itemCount ||\n      isLoading !== prevState.isLoading\n    ) {\n      onListResized();\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.debounceUpdateFilter.cancel();\n\n    this.stopListening();\n  }\n\n  itemList: ItemList<Item> | null;\n\n  searchInput: HTMLInputElement | null;\n\n  timer: null;\n\n  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): boolean {\n    if (this.itemList == null) {\n      return false;\n    }\n\n    const { items, itemCount } = this.state;\n    switch (event.key) {\n      case 'Enter': {\n        let selectedValue = null;\n        if (items.length > 0) {\n          selectedValue = items[0].value;\n        } else {\n          const { text } = this.state;\n          selectedValue = text.trim();\n        }\n\n        if (selectedValue.length > 0) {\n          const { onSelect } = this.props;\n          onSelect(selectedValue);\n        }\n\n        event.stopPropagation();\n        event.preventDefault();\n        return true;\n      }\n      case 'ArrowDown':\n        if (itemCount > 0) {\n          this.itemList.focusItem(1);\n        }\n        event.stopPropagation();\n        event.preventDefault();\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  handleListKeydown(event: React.KeyboardEvent<HTMLDivElement>): void {\n    switch (event.key) {\n      case 'Escape':\n        // Do nothing\n        break;\n      default:\n        this.focus();\n        break;\n    }\n  }\n\n  handleFilterChange(): void {\n    log.debug2('handleFilterChange');\n\n    const { table } = this.props;\n    const itemCount = table.size;\n    this.setState({ itemCount, isLoading: true });\n  }\n\n  handleInputFocus(): void {\n    if (this.itemList) {\n      this.itemList.focusItem(0);\n    }\n  }\n\n  handleSelect(itemIndex: ModelIndex): void {\n    log.debug2('handleSelect', itemIndex);\n\n    const { onSelect } = this.props;\n    const { offset, items } = this.state;\n    const offsetIndex = itemIndex - offset;\n    if (offsetIndex < 0 || items.length <= offsetIndex) {\n      log.error('No data for item', itemIndex);\n      return;\n    }\n\n    const { value } = items[offsetIndex];\n    onSelect(value);\n  }\n\n  handleTableUpdate(event: CustomEvent): void {\n    const data = event.detail;\n    const { offset } = data;\n\n    const items = [] as Item[];\n    const { getFormattedString, table } = this.props;\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      const displayValue = getFormattedString(value, column.type, column.name);\n      items.push({\n        displayValue,\n        value,\n      });\n    }\n\n    const itemCount = table.size;\n    log.debug2('handleTableUpdate', itemCount, offset, items.length);\n    this.setState({ itemCount, items, offset, isLoading: false });\n  }\n\n  handleTextChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    log.debug2('handleTextChange');\n\n    const { value: text } = event.target;\n\n    this.setState({ text });\n\n    this.debounceUpdateFilter();\n  }\n\n  handleViewportChange(topRow: number, bottomRow: number): void {\n    log.debug2('handleViewportChange', topRow, bottomRow);\n\n    const delta = Math.max(1, bottomRow - topRow);\n    const top = Math.max(0, topRow - delta);\n    const bottom = bottomRow + delta;\n\n    const { table } = this.props;\n    table.setViewport(top, bottom);\n  }\n\n  debounceUpdateFilter = debounce((): void => {\n    this.updateFilter();\n  }, DEBOUNCE_UPDATE_FILTER);\n\n  focus(): void {\n    if (this.searchInput) {\n      this.searchInput.focus();\n    }\n  }\n\n  startListening(): void {\n    const { initialPageSize, table } = this.props;\n    table.addEventListener(dh.Table.EVENT_UPDATED, this.handleTableUpdate);\n    table.addEventListener(\n      dh.Table.EVENT_FILTERCHANGED,\n      this.handleFilterChange\n    );\n    table.setViewport(0, initialPageSize);\n  }\n\n  stopListening(): void {\n    const { table } = this.props;\n    table.removeEventListener(dh.Table.EVENT_UPDATED, this.handleTableUpdate);\n    table.removeEventListener(\n      dh.Table.EVENT_FILTERCHANGED,\n      this.handleFilterChange\n    );\n  }\n\n  updateFilter(): void {\n    const { initialPageSize, table } = this.props;\n    const { text } = this.state;\n    const filterText = text.trim();\n    const filters = [];\n    if (filterText.length > 0) {\n      const column = table.columns[0];\n      const filter = column\n        .filter()\n        .invoke(\n          'matches',\n          dh.FilterValue.ofString(`(?s)(?i).*\\\\Q${filterText}\\\\E.*`)\n        );\n      filters.push(filter);\n    }\n\n    log.debug2('updateFilter', filters);\n\n    table.applyFilter(filters);\n    table.setViewport(0, initialPageSize);\n  }\n\n  render(): JSX.Element {\n    const { isLoading, itemCount, items, offset, text } = this.state;\n    const listHeight =\n      Math.min(itemCount, PartitionSelectorSearch.MAX_VISIBLE_ITEMS) *\n        ItemList.DEFAULT_ROW_HEIGHT +\n      // Adjust for ListItem vertical padding - .375rem ~ 5.25px\n      11;\n    return (\n      <div className=\"iris-grid-partition-selector-search\">\n        <div className=\"search-container\">\n          <input\n            type=\"text\"\n            ref={searchInput => {\n              this.searchInput = searchInput;\n            }}\n            value={text}\n            placeholder=\"Available Partitions\"\n            onChange={this.handleTextChange}\n            onFocus={this.handleInputFocus}\n            onKeyDown={this.handleKeyDown}\n            className=\"form-control input-partition\"\n          />\n        </div>\n        {!isLoading && itemCount > 0 && (\n          <div\n            className=\"iris-grid-partition-selector-search-list\"\n            onKeyDown={this.handleListKeydown}\n            role=\"presentation\"\n            style={{ height: listHeight }}\n          >\n            <ItemList\n              ref={itemList => {\n                this.itemList = itemList;\n              }}\n              itemCount={itemCount}\n              items={items}\n              offset={offset}\n              onSelect={this.handleSelect}\n              onViewportChange={this.handleViewportChange}\n            />\n          </div>\n        )}\n        {!isLoading && itemCount === 0 && (\n          <div className=\"iris-grid-partition-selector-search-empty\">\n            No results\n          </div>\n        )}\n        {isLoading && (\n          <div className=\"iris-grid-partition-selector-loading\">\n            <LoadingSpinner />\n            &nbsp;Loading...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default PartitionSelectorSearch;\n"],"mappings":"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"}

package/dist/PendingDataBottomBar.d.ts

@@ -15,6 +15,6 @@ export declare type PendingDataBottomBarProps = {
     onExiting?: () => void;
     onExited?: () => void;
 };
-export declare const PendingDataBottomBar: ({ isSaving, onSave, onDiscard, discardTooltip, saveTooltip, error, pendingDataErrors, pendingDataMap, onEntering, onEntered, onExiting, onExited, }: PendingDataBottomBarProps) => JSX.Element;
+export declare function PendingDataBottomBar({ isSaving, onSave, onDiscard, discardTooltip, saveTooltip, error, pendingDataErrors, pendingDataMap, onEntering, onEntered, onExiting, onExited, }: PendingDataBottomBarProps): JSX.Element;
 export default PendingDataBottomBar;
 //# sourceMappingURL=PendingDataBottomBar.d.ts.map

package/dist/PendingDataBottomBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PendingDataBottomBar.d.ts","sourceRoot":"","sources":["../src/PendingDataBottomBar.tsx"],"names":[],"mappings":";AAMA,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,oBAAY,yBAAyB,GAAG;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,wJAa9B,yBAAyB,KAAG,WA6G9B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PendingDataBottomBar.d.ts","sourceRoot":"","sources":["../src/PendingDataBottomBar.tsx"],"names":[],"mappings":";AAMA,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,oBAAY,yBAAyB,GAAG;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,QAAgB,EAChB,MAAM,EACN,SAAS,EACT,cAAc,EACd,WAAW,EACX,KAAK,EACL,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CA6GzC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/PendingDataBottomBar.js

@@ -7,7 +7,7 @@ import IrisGridBottomBar from "./IrisGridBottomBar.js";
 import "./PendingDataBottomBar.css";
 var HIDE_TIMEOUT = 3000;
 var MAX_NUMBER_ROWS_SHOWN = 5;
-export var PendingDataBottomBar = _ref => {
+export function PendingDataBottomBar(_ref) {
   var {
     isSaving = false,
     onSave,
@@ -30,11 +30,9 @@ export var PendingDataBottomBar = _ref => {
     if (pendingDataErrors.size === 0) {
       return error;
     }
-
     if (pendingDataErrors.size <= MAX_NUMBER_ROWS_SHOWN) {
       return "Key can't be empty (on pending row".concat(pendingDataErrors.size > 1 ? 's' : '', " ").concat(Array.from(pendingDataErrors.keys()).join(', ').trim(), ")");
     }
-
     return "Key can't be empty (on ".concat(pendingDataErrors.size, " rows)");
   }, [error, pendingDataErrors]);
   useEffect(function showSuccessMessage() {
@@ -59,13 +57,11 @@ export var PendingDataBottomBar = _ref => {
   }, []);
   var pendingRowCount = pendingDataMap.size;
   var commitIcon;
-
   if (isSaving) {
     commitIcon = /*#__PURE__*/React.createElement(LoadingSpinner, null);
   } else if (wasSuccessShown) {
     commitIcon = vsPass;
   }
-
   return /*#__PURE__*/React.createElement(IrisGridBottomBar, {
     className: "pending-data-bottom-bar",
     isShown: pendingRowCount > 0 || isSuccessShown || errorMessage != null,
@@ -74,7 +70,6 @@ export var PendingDataBottomBar = _ref => {
     onExiting: onExiting,
     onExited: () => {
       setWasSuccessShown(false);
-
       if (_onExited) {
         _onExited();
       }
@@ -98,6 +93,6 @@ export var PendingDataBottomBar = _ref => {
     disabled: isSaving || wasSuccessShown || errorMessage != null,
     tooltip: saveTooltip
   }, isSaving && "Committing...", !isSaving && wasSuccessShown && "Success", !isSaving && !wasSuccessShown && "Commit")));
-};
+}
 export default PendingDataBottomBar;
 //# sourceMappingURL=PendingDataBottomBar.js.map

package/dist/PendingDataBottomBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingDataBottomBar.js","names":["React","useEffect","useMemo","useRef","useState","FontAwesomeIcon","vsPass","vsWarning","Button","LoadingSpinner","usePrevious","IrisGridBottomBar","HIDE_TIMEOUT","MAX_NUMBER_ROWS_SHOWN","PendingDataBottomBar","isSaving","onSave","onDiscard","discardTooltip","saveTooltip","error","pendingDataErrors","pendingDataMap","onEntering","onEntered","onExiting","onExited","isSuccessShown","setIsSuccessShown","wasSuccessShown","setWasSuccessShown","successTimeout","prevIsSaving","errorMessage","size","Array","from","keys","join","trim","showSuccessMessage","current","setTimeout","hideSuccessMessage","clearTimeout","cleanupTimeout","undefined","pendingRowCount","commitIcon"],"sources":["../src/PendingDataBottomBar.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsPass, vsWarning } from '@deephaven/icons';\nimport { Button, LoadingSpinner } from '@deephaven/components';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport IrisGridBottomBar from './IrisGridBottomBar';\nimport './PendingDataBottomBar.scss';\nimport { PendingDataMap } from './CommonTypes';\n\nconst HIDE_TIMEOUT = 3000;\n\nconst MAX_NUMBER_ROWS_SHOWN = 5;\n\nexport type PendingDataBottomBarProps = {\n  onSave: () => Promise<void>;\n  onDiscard: () => Promise<void>;\n  discardTooltip?: string;\n  saveTooltip?: string;\n  isSaving?: boolean;\n  error?: string | null;\n  pendingDataErrors: Map<number, Error[]>;\n  pendingDataMap: PendingDataMap;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n};\n\nexport const PendingDataBottomBar = ({\n  isSaving = false,\n  onSave,\n  onDiscard,\n  discardTooltip,\n  saveTooltip,\n  error,\n  pendingDataErrors,\n  pendingDataMap,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n}: PendingDataBottomBarProps): JSX.Element => {\n  const [isSuccessShown, setIsSuccessShown] = useState(false);\n  const [wasSuccessShown, setWasSuccessShown] = useState(false);\n  const successTimeout = useRef<ReturnType<typeof setTimeout>>();\n  const prevIsSaving = usePrevious(isSaving);\n  const errorMessage = useMemo(() => {\n    if (pendingDataErrors.size === 0) {\n      return error;\n    }\n    if (pendingDataErrors.size <= MAX_NUMBER_ROWS_SHOWN) {\n      return `Key can't be empty (on pending row${\n        pendingDataErrors.size > 1 ? 's' : ''\n      } ${Array.from(pendingDataErrors.keys()).join(', ').trim()})`;\n    }\n    return `Key can't be empty (on ${pendingDataErrors.size} rows)`;\n  }, [error, pendingDataErrors]);\n\n  useEffect(\n    function showSuccessMessage() {\n      if (\n        prevIsSaving != null &&\n        prevIsSaving &&\n        !isSaving &&\n        errorMessage == null\n      ) {\n        setIsSuccessShown(true);\n        setWasSuccessShown(true);\n        successTimeout.current = setTimeout(() => {\n          setIsSuccessShown(false);\n        }, HIDE_TIMEOUT);\n      }\n    },\n    [errorMessage, isSaving, prevIsSaving]\n  );\n\n  useEffect(\n    function hideSuccessMessage() {\n      if (successTimeout.current && pendingDataMap.size > 0) {\n        // A change just occurred while the success message was still being shown, just hide the success message\n        clearTimeout(successTimeout.current);\n        setIsSuccessShown(false);\n        setWasSuccessShown(false);\n      }\n    },\n    [pendingDataMap]\n  );\n\n  useEffect(function cleanupTimeout() {\n    return () =>\n      successTimeout.current ? clearTimeout(successTimeout.current) : undefined;\n  }, []);\n\n  const pendingRowCount = pendingDataMap.size;\n  let commitIcon;\n  if (isSaving) {\n    commitIcon = <LoadingSpinner />;\n  } else if (wasSuccessShown) {\n    commitIcon = vsPass;\n  }\n\n  return (\n    <IrisGridBottomBar\n      className=\"pending-data-bottom-bar\"\n      isShown={pendingRowCount > 0 || isSuccessShown || errorMessage != null}\n      onEntering={onEntering}\n      onEntered={onEntered}\n      onExiting={onExiting}\n      onExited={() => {\n        setWasSuccessShown(false);\n        if (onExited) {\n          onExited();\n        }\n      }}\n    >\n      {errorMessage != null && errorMessage !== '' && (\n        <div className=\"error-message\">\n          <FontAwesomeIcon icon={vsWarning} />\n          <span>{`${errorMessage}`}</span>\n        </div>\n      )}\n      {(errorMessage == null || errorMessage === '') && (\n        <div className=\"status-message\">\n          {pendingRowCount > 0 && (\n            <span>{`${pendingRowCount} row${\n              pendingRowCount > 1 ? 's' : ''\n            } pending`}</span>\n          )}\n        </div>\n      )}\n      <div className=\"buttons-container\">\n        {!isSaving && !wasSuccessShown && (\n          <Button kind=\"secondary\" onClick={onDiscard} tooltip={discardTooltip}>\n            Discard\n          </Button>\n        )}\n        <Button\n          kind={wasSuccessShown ? 'success' : 'primary'}\n          onClick={onSave}\n          icon={commitIcon}\n          disabled={isSaving || wasSuccessShown || errorMessage != null}\n          tooltip={saveTooltip}\n        >\n          {isSaving && `Committing...`}\n          {!isSaving && wasSuccessShown && `Success`}\n          {!isSaving && !wasSuccessShown && `Commit`}\n        </Button>\n      </div>\n    </IrisGridBottomBar>\n  );\n};\n\nexport default PendingDataBottomBar;\n"],"mappings":"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"}
+{"version":3,"file":"PendingDataBottomBar.js","names":["React","useEffect","useMemo","useRef","useState","FontAwesomeIcon","vsPass","vsWarning","Button","LoadingSpinner","usePrevious","IrisGridBottomBar","HIDE_TIMEOUT","MAX_NUMBER_ROWS_SHOWN","PendingDataBottomBar","isSaving","onSave","onDiscard","discardTooltip","saveTooltip","error","pendingDataErrors","pendingDataMap","onEntering","onEntered","onExiting","onExited","isSuccessShown","setIsSuccessShown","wasSuccessShown","setWasSuccessShown","successTimeout","prevIsSaving","errorMessage","size","Array","from","keys","join","trim","showSuccessMessage","current","setTimeout","hideSuccessMessage","clearTimeout","cleanupTimeout","undefined","pendingRowCount","commitIcon"],"sources":["../src/PendingDataBottomBar.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsPass, vsWarning } from '@deephaven/icons';\nimport { Button, LoadingSpinner } from '@deephaven/components';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport IrisGridBottomBar from './IrisGridBottomBar';\nimport './PendingDataBottomBar.scss';\nimport { PendingDataMap } from './CommonTypes';\n\nconst HIDE_TIMEOUT = 3000;\n\nconst MAX_NUMBER_ROWS_SHOWN = 5;\n\nexport type PendingDataBottomBarProps = {\n  onSave: () => Promise<void>;\n  onDiscard: () => Promise<void>;\n  discardTooltip?: string;\n  saveTooltip?: string;\n  isSaving?: boolean;\n  error?: string | null;\n  pendingDataErrors: Map<number, Error[]>;\n  pendingDataMap: PendingDataMap;\n  onEntering?: () => void;\n  onEntered?: () => void;\n  onExiting?: () => void;\n  onExited?: () => void;\n};\n\nexport function PendingDataBottomBar({\n  isSaving = false,\n  onSave,\n  onDiscard,\n  discardTooltip,\n  saveTooltip,\n  error,\n  pendingDataErrors,\n  pendingDataMap,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n}: PendingDataBottomBarProps): JSX.Element {\n  const [isSuccessShown, setIsSuccessShown] = useState(false);\n  const [wasSuccessShown, setWasSuccessShown] = useState(false);\n  const successTimeout = useRef<ReturnType<typeof setTimeout>>();\n  const prevIsSaving = usePrevious(isSaving);\n  const errorMessage = useMemo(() => {\n    if (pendingDataErrors.size === 0) {\n      return error;\n    }\n    if (pendingDataErrors.size <= MAX_NUMBER_ROWS_SHOWN) {\n      return `Key can't be empty (on pending row${\n        pendingDataErrors.size > 1 ? 's' : ''\n      } ${Array.from(pendingDataErrors.keys()).join(', ').trim()})`;\n    }\n    return `Key can't be empty (on ${pendingDataErrors.size} rows)`;\n  }, [error, pendingDataErrors]);\n\n  useEffect(\n    function showSuccessMessage() {\n      if (\n        prevIsSaving != null &&\n        prevIsSaving &&\n        !isSaving &&\n        errorMessage == null\n      ) {\n        setIsSuccessShown(true);\n        setWasSuccessShown(true);\n        successTimeout.current = setTimeout(() => {\n          setIsSuccessShown(false);\n        }, HIDE_TIMEOUT);\n      }\n    },\n    [errorMessage, isSaving, prevIsSaving]\n  );\n\n  useEffect(\n    function hideSuccessMessage() {\n      if (successTimeout.current && pendingDataMap.size > 0) {\n        // A change just occurred while the success message was still being shown, just hide the success message\n        clearTimeout(successTimeout.current);\n        setIsSuccessShown(false);\n        setWasSuccessShown(false);\n      }\n    },\n    [pendingDataMap]\n  );\n\n  useEffect(function cleanupTimeout() {\n    return () =>\n      successTimeout.current ? clearTimeout(successTimeout.current) : undefined;\n  }, []);\n\n  const pendingRowCount = pendingDataMap.size;\n  let commitIcon;\n  if (isSaving) {\n    commitIcon = <LoadingSpinner />;\n  } else if (wasSuccessShown) {\n    commitIcon = vsPass;\n  }\n\n  return (\n    <IrisGridBottomBar\n      className=\"pending-data-bottom-bar\"\n      isShown={pendingRowCount > 0 || isSuccessShown || errorMessage != null}\n      onEntering={onEntering}\n      onEntered={onEntered}\n      onExiting={onExiting}\n      onExited={() => {\n        setWasSuccessShown(false);\n        if (onExited) {\n          onExited();\n        }\n      }}\n    >\n      {errorMessage != null && errorMessage !== '' && (\n        <div className=\"error-message\">\n          <FontAwesomeIcon icon={vsWarning} />\n          <span>{`${errorMessage}`}</span>\n        </div>\n      )}\n      {(errorMessage == null || errorMessage === '') && (\n        <div className=\"status-message\">\n          {pendingRowCount > 0 && (\n            <span>{`${pendingRowCount} row${\n              pendingRowCount > 1 ? 's' : ''\n            } pending`}</span>\n          )}\n        </div>\n      )}\n      <div className=\"buttons-container\">\n        {!isSaving && !wasSuccessShown && (\n          <Button kind=\"secondary\" onClick={onDiscard} tooltip={discardTooltip}>\n            Discard\n          </Button>\n        )}\n        <Button\n          kind={wasSuccessShown ? 'success' : 'primary'}\n          onClick={onSave}\n          icon={commitIcon}\n          disabled={isSaving || wasSuccessShown || errorMessage != null}\n          tooltip={saveTooltip}\n        >\n          {isSaving && `Committing...`}\n          {!isSaving && wasSuccessShown && `Success`}\n          {!isSaving && !wasSuccessShown && `Commit`}\n        </Button>\n      </div>\n    </IrisGridBottomBar>\n  );\n}\n\nexport default PendingDataBottomBar;\n"],"mappings":"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"}

package/dist/TableViewportUpdater.js

@@ -1,5 +1,4 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { PureComponent } from 'react';
 import memoize from 'memoize-one';
 import throttle from 'lodash.throttle';
@@ -7,6 +6,7 @@ import { GridUtils } from '@deephaven/grid';
 import Log from '@deephaven/log';
 var log = Log.module('TableViewportUpdater');
 var UPDATE_THROTTLE = 150;
+
 /**
  * Updates the viewport for an Iris table, for use in a scroll pane.
  * Automatically throttles the viewport requests and buffers above and below.
@@ -15,46 +15,38 @@ var UPDATE_THROTTLE = 150;
 class TableViewportUpdater extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "subscription", void 0);
-
     _defineProperty(this, "getViewportRowRange", memoize((table, top, bottom) => {
       var viewHeight = bottom - top;
       var viewportTop = Math.max(0, top - viewHeight * TableViewportUpdater.ROW_BUFFER_PAGES);
       var viewportBottom = bottom + viewHeight * TableViewportUpdater.ROW_BUFFER_PAGES;
       return [viewportTop, viewportBottom];
     }));
-
     _defineProperty(this, "getViewportColumns", memoize((table, left, right, movedColumns) => {
       if (left == null || right == null) {
         return null;
       }
-
       var viewWidth = right - left;
       var viewportLeft = Math.max(0, left - viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES);
-      var viewportRight = Math.min(right + viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES, table.columns.length - 1); // Need to get all the columns from the table model now
+      var viewportRight = Math.min(right + viewWidth * TableViewportUpdater.COLUMN_BUFFER_PAGES, table.columns.length - 1);
 
+      // Need to get all the columns from the table model now
       var columns = [];
-
       for (var i = viewportLeft; i <= viewportRight; i += 1) {
         var modelIndex = GridUtils.getModelIndex(i, movedColumns);
         columns.push(table.columns[modelIndex]);
       }
-
       return columns;
     }));
-
     _defineProperty(this, "updateViewport", throttle((top, bottom, left, right, viewColumns) => {
       if (bottom < top) {
         log.error('Invalid viewport', top, bottom);
         return;
       }
-
       if (top === 0 && bottom === 0) {
         log.debug2('Ignoring 0-0 viewport');
         return;
       }
-
       var {
         movedColumns,
         table
@@ -62,7 +54,6 @@ class TableViewportUpdater extends PureComponent {
       var [viewportTop, viewportBottom] = this.getViewportRowRange(table, top, bottom);
       var columns = viewColumns !== null && viewColumns !== void 0 ? viewColumns : this.getViewportColumns(table, left, right, movedColumns);
       log.debug2('Setting Viewport Top:', viewportTop, 'Bottom:', viewportBottom, 'Columns:', columns);
-
       if (this.subscription == null) {
         log.debug2('updateViewport creating new subscription');
         this.subscription = table.setViewport(viewportTop, viewportBottom, columns);
@@ -76,7 +67,6 @@ class TableViewportUpdater extends PureComponent {
       }
     }, UPDATE_THROTTLE));
   }
-
   componentDidMount() {
     var {
       top,
@@ -94,7 +84,6 @@ class TableViewportUpdater extends PureComponent {
     table.applyCustomColumns(customColumns);
     this.updateViewport(top, bottom, left, right, columns);
   }
-
   componentDidUpdate(prevProps) {
     var {
       top,
@@ -111,36 +100,28 @@ class TableViewportUpdater extends PureComponent {
     var isSortChanged = sorts !== prevProps.sorts;
     var isCustomColumnsChanged = customColumns !== prevProps.customColumns;
     var isTableChanged = table !== prevProps.table;
-
     if (isFilterChanged || isSortChanged || isCustomColumnsChanged || isTableChanged) {
       this.closeSubscription();
     }
-
     if (isFilterChanged || isTableChanged) {
       log.debug('update table filter', filters);
       table.applyFilter(filters);
     }
-
     if (isSortChanged || isTableChanged) {
       log.debug('update table sort', sorts);
       table.applySort(sorts);
     }
-
     if (isCustomColumnsChanged || isTableChanged) {
       log.debug('update table custom columns', customColumns);
       table.applyCustomColumns(customColumns);
     }
-
     this.updateViewport(top, bottom, left, right, columns);
   }
-
   componentWillUnmount() {
     this.closeSubscription();
   }
-
   closeSubscription() {
     log.debug2('closeSubscription', this.subscription);
-
     if (this.subscription) {
       this.subscription.close();
       this.subscription = undefined;
@@ -149,20 +130,14 @@ class TableViewportUpdater extends PureComponent {
       } = this.props;
       onSubscription();
     }
-
     this.updateViewport.cancel();
   }
-
   render() {
     return null;
   }
-
 }
-
 _defineProperty(TableViewportUpdater, "ROW_BUFFER_PAGES", 3);
-
 _defineProperty(TableViewportUpdater, "COLUMN_BUFFER_PAGES", 1);
-
 _defineProperty(TableViewportUpdater, "defaultProps", {
   top: 0,
   bottom: 0,
@@ -175,6 +150,5 @@ _defineProperty(TableViewportUpdater, "defaultProps", {
   customColumns: [],
   movedColumns: []
 });
-
 export default TableViewportUpdater;
 //# sourceMappingURL=TableViewportUpdater.js.map