@deephaven/iris-grid 0.22.3-deep-bot-test.14 → 0.23.0

package/dist/CrossColumnSearch.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, { PureComponent } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';
@@ -7,25 +6,19 @@ import { dhGearFilled, dhCheckSquare, dhSquareFilled, dhRemoveSquareFilled, dhWa
 import dh from '@deephaven/jsapi-shim';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import "./CrossColumnSearch.css";
-
 class CrossColumnSearch extends PureComponent {
   static createSearchFilter(searchValue, selectedColumns, columns, invertSelection) {
     var filterColumns = invertSelection ? columns.filter(column => !selectedColumns.includes(column.name)).map(column => column.name) : selectedColumns;
-
     if (searchValue && filterColumns.length > 0) {
       var filterValue = dh.FilterValue.ofString(searchValue);
       var searchFilter = filterColumns.length === columns.length ? dh.FilterCondition.search(filterValue) : dh.FilterCondition.search(filterValue, columns.filter(column => filterColumns.includes(column.name)).map(column => column.filter()));
       return searchFilter;
     }
-
     return undefined;
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "searchField", void 0);
-
     this.handleSearchValueChange = this.handleSearchValueChange.bind(this);
     this.toggleColumn = this.toggleColumn.bind(this);
     this.selectAll = this.selectAll.bind(this);
@@ -36,13 +29,10 @@ class CrossColumnSearch extends PureComponent {
       isConfigureColumnsShown: false
     };
   }
-
   focus() {
     var _this$searchField$cur;
-
     (_this$searchField$cur = this.searchField.current) === null || _this$searchField$cur === void 0 ? void 0 : _this$searchField$cur.focus();
   }
-
   handleSearchValueChange(event) {
     var {
       onChange,
@@ -51,7 +41,6 @@ class CrossColumnSearch extends PureComponent {
     } = this.props;
     onChange(event.target.value, selectedColumns, invertSelection);
   }
-
   sendColumnChange(selectedColumns, invertSelection) {
     var {
       onChange,
@@ -59,7 +48,6 @@ class CrossColumnSearch extends PureComponent {
     } = this.props;
     onChange(value, selectedColumns, invertSelection);
   }
-
   setInvertSelection(invertSelection) {
     var {
       onChange,
@@ -67,13 +55,11 @@ class CrossColumnSearch extends PureComponent {
     } = this.props;
     onChange(value, [], invertSelection);
   }
-
   toggleColumn(name) {
     var {
       selectedColumns,
       invertSelection
     } = this.props;
-
     if (selectedColumns.includes(name)) {
       this.sendColumnChange(selectedColumns.filter(c => c !== name), invertSelection);
     } else {
@@ -82,22 +68,18 @@ class CrossColumnSearch extends PureComponent {
       this.sendColumnChange(update, invertSelection);
     }
   }
-
   selectAll() {
     this.setInvertSelection(true);
   }
-
   clear() {
     this.setInvertSelection(false);
   }
-
   selectNumbers() {
     var {
       columns
     } = this.props;
     this.sendColumnChange(columns.filter(c => TableUtils.isNumberType(c.type)).map(column => column.name), false);
   }
-
   render() {
     var {
       value,
@@ -109,10 +91,10 @@ class CrossColumnSearch extends PureComponent {
       isConfigureColumnsShown
     } = this.state;
     var hasAllColumnsSelected = selectedColumns.length === 0 && invertSelection === true || selectedColumns.length === columns.length && invertSelection === false;
-    var hasNoColumnsSelected = selectedColumns.length === 0 && invertSelection === false || selectedColumns.length === columns.length && invertSelection === true; // set icon layers
+    var hasNoColumnsSelected = selectedColumns.length === 0 && invertSelection === false || selectedColumns.length === columns.length && invertSelection === true;
 
+    // set icon layers
     var icon;
-
     if (hasAllColumnsSelected) {
       // icon if all columns selected for search
       icon = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -147,7 +129,6 @@ class CrossColumnSearch extends PureComponent {
         transform: "shrink-4 down-5 right-7"
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "cross-column-container"
     }, /*#__PURE__*/React.createElement(SearchInput, {
@@ -212,8 +193,6 @@ class CrossColumnSearch extends PureComponent {
       icon: dhWarningCircleFilled
     }), " Select at least one column to search.")))));
   }
-
 }
-
 export default CrossColumnSearch;
 //# sourceMappingURL=CrossColumnSearch.js.map

package/dist/CrossColumnSearch.js.map

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

package/dist/FilterInputField.js

@@ -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, { PureComponent } from 'react';
 import classNames from 'classnames';
 import debounce from 'lodash.debounce';
@@ -7,7 +6,6 @@ import { vsFilter, dhFilterFilled } from '@deephaven/icons';
 import "./FilterInputField.css";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button } from '@deephaven/components';
-
 /**
  * An input field showing a input field and button.
  * Debounces changes.
@@ -15,13 +13,9 @@ import { Button } from '@deephaven/components';
 class FilterInputField extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "inputField", void 0);
-
     _defineProperty(this, "initialValue", void 0);
-
     _defineProperty(this, "debouncedSendUpdate", void 0);
-
     var {
       debounceMs
     } = props;
@@ -43,28 +37,22 @@ class FilterInputField extends PureComponent {
       value
     };
   }
-
   componentDidMount() {
     var _this$inputField;
-
     (_this$inputField = this.inputField) === null || _this$inputField === void 0 ? void 0 : _this$inputField.focus();
   }
-
   componentDidUpdate(prevProps) {
     var {
       debounceMs
     } = this.props;
-
     if (prevProps.debounceMs !== debounceMs) {
       this.debouncedSendUpdate.flush();
       this.debouncedSendUpdate = debounce(this.sendUpdate.bind(this), debounceMs);
     }
   }
-
   componentWillUnmount() {
     this.debouncedSendUpdate.cancel();
   }
-
   // clear filters needs to be able to reset the value externally
   // and due to the way this component handles its own debouncing
   // this was easier than moving state up.
@@ -74,13 +62,10 @@ class FilterInputField extends PureComponent {
       value
     });
   }
-
   focus() {
     var _this$inputField2;
-
     (_this$inputField2 = this.inputField) === null || _this$inputField2 === void 0 ? void 0 : _this$inputField2.focus();
   }
-
   handleChange(event) {
     var {
       value
@@ -91,7 +76,6 @@ class FilterInputField extends PureComponent {
     });
     this.debouncedSendUpdate(value);
   }
-
   handleCancel() {
     this.debouncedSendUpdate.cancel();
     var {
@@ -100,17 +84,14 @@ class FilterInputField extends PureComponent {
     var {
       isChanged
     } = this.state;
-
     if (isChanged) {
       this.sendUpdate(initialValue);
     }
-
     var {
       onDone
     } = this.props;
     onDone();
   }
-
   handleCommit() {
     var setGridFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     var defocusInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -120,18 +101,15 @@ class FilterInputField extends PureComponent {
     } = this.props;
     onDone(setGridFocus, defocusInput);
   }
-
   handleFocus() {
     var _this$inputField3;
-
     (_this$inputField3 = this.inputField) === null || _this$inputField3 === void 0 ? void 0 : _this$inputField3.select();
   }
-
   handleBlur(event) {
     var {
       relatedTarget
-    } = event; // handleCommit results in a call that steals focus
-
+    } = event;
+    // handleCommit results in a call that steals focus
     if (relatedTarget != null && relatedTarget.classList.contains('context-menu-container')) {
       // input blurred by calling context-menu
       // don't set grid focus, but do null column focus
@@ -145,7 +123,6 @@ class FilterInputField extends PureComponent {
       this.handleCommit(true, true);
     }
   }
-
   handleTab() {
     var backward = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.debouncedSendUpdate.flush();
@@ -154,7 +131,6 @@ class FilterInputField extends PureComponent {
     } = this.props;
     onTab(backward);
   }
-
   handleKeyDown(event) {
     switch (event.key) {
       case 'Escape':
@@ -162,38 +138,32 @@ class FilterInputField extends PureComponent {
         event.preventDefault();
         this.handleCancel();
         break;
-
       case 'Enter':
         event.stopPropagation();
         event.preventDefault();
         this.handleCommit();
         break;
-
       case 'Tab':
         event.stopPropagation();
         event.preventDefault();
         this.handleTab(event.shiftKey);
         break;
-
       default:
         break;
     }
   }
-
   handleContextMenu(event) {
     var {
       onContextMenu
     } = this.props;
     onContextMenu(event);
   }
-
   sendUpdate(value) {
     var {
       onChange
     } = this.props;
     onChange(value);
   }
-
   render() {
     var {
       className,
@@ -208,7 +178,6 @@ class FilterInputField extends PureComponent {
       style: style,
       className: "iris-grid-input-autosized-wrapper",
       "data-value": value // used by css based autosizer
-
     }, /*#__PURE__*/React.createElement("input", {
       ref: inputField => {
         this.inputField = inputField;
@@ -244,9 +213,7 @@ class FilterInputField extends PureComponent {
       className: "filter-light"
     })))));
   }
-
 }
-
 _defineProperty(FilterInputField, "defaultProps", {
   style: {},
   className: '',
@@ -259,6 +226,5 @@ _defineProperty(FilterInputField, "defaultProps", {
   onContextMenu: () => undefined,
   debounceMs: 150
 });
-
 export default FilterInputField;
 //# sourceMappingURL=FilterInputField.js.map

package/dist/FilterInputField.js.map

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

package/dist/GotoRow.d.ts

@@ -16,6 +16,6 @@ interface GotoRowProps {
     onExiting: () => void;
     onExited: () => void;
 }
-declare const GotoRow: ({ gotoRow, gotoRowError, onSubmit, isShown, onEntering, onEntered, onExiting, onExited, model, onGotoRowNumberChanged, onClose, }: GotoRowProps) => ReactElement;
+declare function GotoRow({ gotoRow, gotoRowError, onSubmit, isShown, onEntering, onEntered, onExiting, onExited, model, onGotoRowNumberChanged, onClose, }: GotoRowProps): ReactElement;
 export default GotoRow;
 //# sourceMappingURL=GotoRow.d.ts.map

package/dist/GotoRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GotoRow.d.ts","sourceRoot":"","sources":["../src/GotoRow.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,WAAW,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAG5E,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAGtD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,GACnB,KAAK,IAAI,kBAAkB,CAE7B;AAID,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,sBAAsB,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,sIAYV,YAAY,KAAG,YAiEjB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"GotoRow.d.ts","sourceRoot":"","sources":["../src/GotoRow.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,WAAW,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAG5E,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAGtD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,GACnB,KAAK,IAAI,kBAAkB,CAE7B;AAID,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,sBAAsB,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,OAAO,GACR,EAAE,YAAY,GAAG,YAAY,CAiE7B;AAED,eAAe,OAAO,CAAC"}

package/dist/GotoRow.js

@@ -9,8 +9,7 @@ export function isIrisGridProxyModel(model) {
   return model.model !== undefined;
 }
 var DEFAULT_FORMAT_STRING = '###,##0';
-
-var GotoRow = _ref => {
+function GotoRow(_ref) {
   var {
     gotoRow,
     gotoRowError,
@@ -33,7 +32,6 @@ var GotoRow = _ref => {
     // when row changes without focus (i.e. via context menu), re-select input
     if (document.activeElement !== inputRef.current) {
       var _inputRef$current;
-
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.select();
     }
   }, [gotoRow]);
@@ -43,9 +41,7 @@ var GotoRow = _ref => {
     onEntering: onEntering,
     onEntered: () => {
       var _inputRef$current2;
-
       _onEntered();
-
       (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
     },
     onExiting: onExiting,
@@ -89,7 +85,6 @@ var GotoRow = _ref => {
       marginRight: '0'
     }
   })))));
-};
-
+}
 export default GotoRow;
 //# sourceMappingURL=GotoRow.js.map

package/dist/GotoRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"GotoRow.js","names":["FontAwesomeIcon","vsClose","React","useEffect","useRef","Button","classNames","IrisGridBottomBar","isIrisGridProxyModel","model","undefined","DEFAULT_FORMAT_STRING","GotoRow","gotoRow","gotoRowError","onSubmit","isShown","onEntering","onEntered","onExiting","onExited","onGotoRowNumberChanged","onClose","inputRef","res","rowCount","document","activeElement","current","select","e","key","stopPropagation","preventDefault","event","dh","i18n","NumberFormat","format","marginRight"],"sources":["../src/GotoRow.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose } from '@deephaven/icons';\nimport React, { ChangeEvent, ReactElement, useEffect, useRef } from 'react';\nimport { Button } from '@deephaven/components';\nimport classNames from 'classnames';\nimport './GotoRow.scss';\nimport IrisGridModel from './IrisGridModel';\nimport IrisGridProxyModel from './IrisGridProxyModel';\nimport IrisGridBottomBar from './IrisGridBottomBar';\n\nexport function isIrisGridProxyModel(\n  model: IrisGridModel\n): model is IrisGridProxyModel {\n  return (model as IrisGridProxyModel).model !== undefined;\n}\n\nconst DEFAULT_FORMAT_STRING = '###,##0';\n\ninterface GotoRowProps {\n  gotoRow: string;\n  gotoRowError: string;\n  onSubmit: () => void;\n  model: IrisGridModel;\n  onGotoRowNumberChanged: (event: ChangeEvent<HTMLInputElement>) => void;\n  onClose: () => void;\n  isShown: boolean;\n  onEntering: () => void;\n  onEntered: () => void;\n  onExiting: () => void;\n  onExited: () => void;\n}\n\nconst GotoRow = ({\n  gotoRow,\n  gotoRowError,\n  onSubmit,\n  isShown,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n  model,\n  onGotoRowNumberChanged,\n  onClose,\n}: GotoRowProps): ReactElement => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const res = 'Row number';\n\n  const { rowCount } = model;\n\n  useEffect(() => {\n    // when row changes without focus (i.e. via context menu), re-select input\n    if (document.activeElement !== inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [gotoRow]);\n\n  return (\n    <IrisGridBottomBar\n      isShown={isShown}\n      className={classNames('goto-row')}\n      onEntering={onEntering}\n      onEntered={() => {\n        onEntered();\n        inputRef.current?.select();\n      }}\n      onExiting={onExiting}\n      onExited={onExited}\n    >\n      <>\n        <div className=\"goto-row-wrapper\">\n          <div className=\"goto-row-text\">Go to row</div>\n          <div className=\"goto-row-input\">\n            <input\n              ref={inputRef}\n              type=\"number\"\n              onKeyDown={e => {\n                if (e.key === 'Enter') {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onSubmit();\n                }\n              }}\n              className={classNames('form-control', {\n                'is-invalid': gotoRowError !== '',\n              })}\n              placeholder={res}\n              onChange={event => {\n                onGotoRowNumberChanged(event);\n              }}\n              value={gotoRow}\n            />\n          </div>\n          <div className=\"goto-row-text\">\n            of {dh.i18n.NumberFormat.format(DEFAULT_FORMAT_STRING, rowCount)}\n          </div>\n          {gotoRowError && (\n            <div className=\"goto-row-error text-danger\">{gotoRowError}</div>\n          )}\n        </div>\n        <div className=\"goto-row-close\">\n          <Button kind=\"ghost\" onClick={onClose}>\n            <FontAwesomeIcon icon={vsClose} style={{ marginRight: '0' }} />\n          </Button>\n        </div>\n      </>\n    </IrisGridBottomBar>\n  );\n};\n\nexport default GotoRow;\n"],"mappings":"AAAA,SAASA,eAAT,QAAgC,gCAAhC;AACA,SAASC,OAAT,QAAwB,kBAAxB;AACA,OAAOC,KAAP,IAA2CC,SAA3C,EAAsDC,MAAtD,QAAoE,OAApE;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;OAIOC,iB;AAEP,OAAO,SAASC,oBAAT,CACLC,KADK,EAEwB;EAC7B,OAAQA,KAAD,CAA8BA,KAA9B,KAAwCC,SAA/C;AACD;AAED,IAAMC,qBAAqB,GAAG,SAA9B;;AAgBA,IAAMC,OAAO,GAAG,QAYkB;EAAA,IAZjB;IACfC,OADe;IAEfC,YAFe;IAGfC,QAHe;IAIfC,OAJe;IAKfC,UALe;IAMfC,SAAS,EAATA,UANe;IAOfC,SAPe;IAQfC,QARe;IASfX,KATe;IAUfY,sBAVe;IAWfC;EAXe,CAYiB;EAChC,IAAMC,QAAQ,GAAGnB,MAAM,CAAmB,IAAnB,CAAvB;EAEA,IAAMoB,GAAG,GAAG,YAAZ;EAEA,IAAM;IAAEC;EAAF,IAAehB,KAArB;EAEAN,SAAS,CAAC,MAAM;IACd;IACA,IAAIuB,QAAQ,CAACC,aAAT,KAA2BJ,QAAQ,CAACK,OAAxC,EAAiD;MAAA;;MAC/C,qBAAAL,QAAQ,CAACK,OAAT,wEAAkBC,MAAlB;IACD;EACF,CALQ,EAKN,CAAChB,OAAD,CALM,CAAT;EAOA,oBACE,oBAAC,iBAAD;IACE,OAAO,EAAEG,OADX;IAEE,SAAS,EAAEV,UAAU,CAAC,UAAD,CAFvB;IAGE,UAAU,EAAEW,UAHd;IAIE,SAAS,EAAE,MAAM;MAAA;;MACfC,UAAS;;MACT,sBAAAK,QAAQ,CAACK,OAAT,0EAAkBC,MAAlB;IACD,CAPH;IAQE,SAAS,EAAEV,SARb;IASE,QAAQ,EAAEC;EATZ,gBAWE,uDACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,eADF,eAEE;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,GAAG,EAAEG,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAEO,CAAC,IAAI;MACd,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;QACrBD,CAAC,CAACE,eAAF;QACAF,CAAC,CAACG,cAAF;QACAlB,QAAQ;MACT;IACF,CATH;IAUE,SAAS,EAAET,UAAU,CAAC,cAAD,EAAiB;MACpC,cAAcQ,YAAY,KAAK;IADK,CAAjB,CAVvB;IAaE,WAAW,EAAEU,GAbf;IAcE,QAAQ,EAAEU,KAAK,IAAI;MACjBb,sBAAsB,CAACa,KAAD,CAAtB;IACD,CAhBH;IAiBE,KAAK,EAAErB;EAjBT,EADF,CAFF,eAuBE;IAAK,SAAS,EAAC;EAAf,UACMsB,EAAE,CAACC,IAAH,CAAQC,YAAR,CAAqBC,MAArB,CAA4B3B,qBAA5B,EAAmDc,QAAnD,CADN,CAvBF,EA0BGX,YAAY,iBACX;IAAK,SAAS,EAAC;EAAf,GAA6CA,YAA7C,CA3BJ,CADF,eA+BE;IAAK,SAAS,EAAC;EAAf,gBACE,oBAAC,MAAD;IAAQ,IAAI,EAAC,OAAb;IAAqB,OAAO,EAAEQ;EAA9B,gBACE,oBAAC,eAAD;IAAiB,IAAI,EAAErB,OAAvB;IAAgC,KAAK,EAAE;MAAEsC,WAAW,EAAE;IAAf;EAAvC,EADF,CADF,CA/BF,CAXF,CADF;AAmDD,CA7ED;;AA+EA,eAAe3B,OAAf"}
+{"version":3,"file":"GotoRow.js","names":["FontAwesomeIcon","vsClose","React","useEffect","useRef","Button","classNames","IrisGridBottomBar","isIrisGridProxyModel","model","undefined","DEFAULT_FORMAT_STRING","GotoRow","gotoRow","gotoRowError","onSubmit","isShown","onEntering","onEntered","onExiting","onExited","onGotoRowNumberChanged","onClose","inputRef","res","rowCount","document","activeElement","current","select","e","key","stopPropagation","preventDefault","event","dh","i18n","NumberFormat","format","marginRight"],"sources":["../src/GotoRow.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose } from '@deephaven/icons';\nimport React, { ChangeEvent, ReactElement, useEffect, useRef } from 'react';\nimport { Button } from '@deephaven/components';\nimport classNames from 'classnames';\nimport './GotoRow.scss';\nimport IrisGridModel from './IrisGridModel';\nimport IrisGridProxyModel from './IrisGridProxyModel';\nimport IrisGridBottomBar from './IrisGridBottomBar';\n\nexport function isIrisGridProxyModel(\n  model: IrisGridModel\n): model is IrisGridProxyModel {\n  return (model as IrisGridProxyModel).model !== undefined;\n}\n\nconst DEFAULT_FORMAT_STRING = '###,##0';\n\ninterface GotoRowProps {\n  gotoRow: string;\n  gotoRowError: string;\n  onSubmit: () => void;\n  model: IrisGridModel;\n  onGotoRowNumberChanged: (event: ChangeEvent<HTMLInputElement>) => void;\n  onClose: () => void;\n  isShown: boolean;\n  onEntering: () => void;\n  onEntered: () => void;\n  onExiting: () => void;\n  onExited: () => void;\n}\n\nfunction GotoRow({\n  gotoRow,\n  gotoRowError,\n  onSubmit,\n  isShown,\n  onEntering,\n  onEntered,\n  onExiting,\n  onExited,\n  model,\n  onGotoRowNumberChanged,\n  onClose,\n}: GotoRowProps): ReactElement {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const res = 'Row number';\n\n  const { rowCount } = model;\n\n  useEffect(() => {\n    // when row changes without focus (i.e. via context menu), re-select input\n    if (document.activeElement !== inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [gotoRow]);\n\n  return (\n    <IrisGridBottomBar\n      isShown={isShown}\n      className={classNames('goto-row')}\n      onEntering={onEntering}\n      onEntered={() => {\n        onEntered();\n        inputRef.current?.select();\n      }}\n      onExiting={onExiting}\n      onExited={onExited}\n    >\n      <>\n        <div className=\"goto-row-wrapper\">\n          <div className=\"goto-row-text\">Go to row</div>\n          <div className=\"goto-row-input\">\n            <input\n              ref={inputRef}\n              type=\"number\"\n              onKeyDown={e => {\n                if (e.key === 'Enter') {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onSubmit();\n                }\n              }}\n              className={classNames('form-control', {\n                'is-invalid': gotoRowError !== '',\n              })}\n              placeholder={res}\n              onChange={event => {\n                onGotoRowNumberChanged(event);\n              }}\n              value={gotoRow}\n            />\n          </div>\n          <div className=\"goto-row-text\">\n            of {dh.i18n.NumberFormat.format(DEFAULT_FORMAT_STRING, rowCount)}\n          </div>\n          {gotoRowError && (\n            <div className=\"goto-row-error text-danger\">{gotoRowError}</div>\n          )}\n        </div>\n        <div className=\"goto-row-close\">\n          <Button kind=\"ghost\" onClick={onClose}>\n            <FontAwesomeIcon icon={vsClose} style={{ marginRight: '0' }} />\n          </Button>\n        </div>\n      </>\n    </IrisGridBottomBar>\n  );\n}\n\nexport default GotoRow;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,gCAAgC;AAChE,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,OAAOC,KAAK,IAA+BC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC3E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AAAC;AAAA,OAI7BC,iBAAiB;AAExB,OAAO,SAASC,oBAAoB,CAClCC,KAAoB,EACS;EAC7B,OAAQA,KAAK,CAAwBA,KAAK,KAAKC,SAAS;AAC1D;AAEA,IAAMC,qBAAqB,GAAG,SAAS;AAgBvC,SAASC,OAAO,OAYe;EAAA,IAZd;IACfC,OAAO;IACPC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,SAAS,EAATA,UAAS;IACTC,SAAS;IACTC,QAAQ;IACRX,KAAK;IACLY,sBAAsB;IACtBC;EACY,CAAC;EACb,IAAMC,QAAQ,GAAGnB,MAAM,CAAmB,IAAI,CAAC;EAE/C,IAAMoB,GAAG,GAAG,YAAY;EAExB,IAAM;IAAEC;EAAS,CAAC,GAAGhB,KAAK;EAE1BN,SAAS,CAAC,MAAM;IACd;IACA,IAAIuB,QAAQ,CAACC,aAAa,KAAKJ,QAAQ,CAACK,OAAO,EAAE;MAAA;MAC/C,qBAAAL,QAAQ,CAACK,OAAO,sDAAhB,kBAAkBC,MAAM,EAAE;IAC5B;EACF,CAAC,EAAE,CAAChB,OAAO,CAAC,CAAC;EAEb,oBACE,oBAAC,iBAAiB;IAChB,OAAO,EAAEG,OAAQ;IACjB,SAAS,EAAEV,UAAU,CAAC,UAAU,CAAE;IAClC,UAAU,EAAEW,UAAW;IACvB,SAAS,EAAE,MAAM;MAAA;MACfC,UAAS,EAAE;MACX,sBAAAK,QAAQ,CAACK,OAAO,uDAAhB,mBAAkBC,MAAM,EAAE;IAC5B,CAAE;IACF,SAAS,EAAEV,SAAU;IACrB,QAAQ,EAAEC;EAAS,gBAEnB,uDACE;IAAK,SAAS,EAAC;EAAkB,gBAC/B;IAAK,SAAS,EAAC;EAAe,eAAgB,eAC9C;IAAK,SAAS,EAAC;EAAgB,gBAC7B;IACE,GAAG,EAAEG,QAAS;IACd,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEO,CAAC,IAAI;MACd,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;QACrBD,CAAC,CAACE,eAAe,EAAE;QACnBF,CAAC,CAACG,cAAc,EAAE;QAClBlB,QAAQ,EAAE;MACZ;IACF,CAAE;IACF,SAAS,EAAET,UAAU,CAAC,cAAc,EAAE;MACpC,YAAY,EAAEQ,YAAY,KAAK;IACjC,CAAC,CAAE;IACH,WAAW,EAAEU,GAAI;IACjB,QAAQ,EAAEU,KAAK,IAAI;MACjBb,sBAAsB,CAACa,KAAK,CAAC;IAC/B,CAAE;IACF,KAAK,EAAErB;EAAQ,EACf,CACE,eACN;IAAK,SAAS,EAAC;EAAe,UACxBsB,EAAE,CAACC,IAAI,CAACC,YAAY,CAACC,MAAM,CAAC3B,qBAAqB,EAAEc,QAAQ,CAAC,CAC5D,EACLX,YAAY,iBACX;IAAK,SAAS,EAAC;EAA4B,GAAEA,YAAY,CAC1D,CACG,eACN;IAAK,SAAS,EAAC;EAAgB,gBAC7B,oBAAC,MAAM;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAEQ;EAAQ,gBACpC,oBAAC,eAAe;IAAC,IAAI,EAAErB,OAAQ;IAAC,KAAK,EAAE;MAAEsC,WAAW,EAAE;IAAI;EAAE,EAAG,CACxD,CACL,CACL,CACe;AAExB;AAEA,eAAe3B,OAAO"}