@deephaven/iris-grid 0.13.3-beta.0 → 0.14.0

package/dist/AdvancedFilterCreator.d.ts

@@ -1,34 +1,72 @@
-export default AdvancedFilterCreator;
-declare class AdvancedFilterCreator extends React.PureComponent<any, any, any> {
+import React, { PureComponent } from 'react';
+import { OperatorValue as FilterOperatorValue, TypeValue as FilterTypeValue } from '@deephaven/filters';
+import { Formatter, SortDirection } from '@deephaven/jsapi-utils';
+import { CancelablePromise } from '@deephaven/utils';
+import { Column, FilterCondition, Table } from '@deephaven/jsapi-shim';
+import './AdvancedFilterCreator.scss';
+import IrisGridModel from './IrisGridModel';
+import { AdvancedFilterOptions } from './CommonTypes';
+declare type FilterChangeHandler = (selectedType: FilterTypeValue, value: string) => void;
+interface AdvancedFilterCreatorProps {
+    model: IrisGridModel;
+    column: Column;
+    onFilterChange: (column: Column, filter: FilterCondition, options: AdvancedFilterOptions) => void;
+    onSortChange: (column: Column, direction: SortDirection, addToExisting?: boolean) => void;
+    onDone: () => void;
+    options: AdvancedFilterOptions;
+    sortDirection: SortDirection;
+    formatter: Formatter;
+}
+interface AdvancedFilterItem {
+    selectedType?: FilterTypeValue;
+    value?: string;
+    key: string;
+}
+interface AdvancedFilterCreatorState {
+    filterItems: AdvancedFilterItem[];
+    filterOperators: FilterOperatorValue[];
+    invertSelection: boolean;
+    selectedValues: unknown[];
+    valuesTableError: null;
+    valuesTable?: Table;
+}
+declare class AdvancedFilterCreator extends PureComponent<AdvancedFilterCreatorProps, AdvancedFilterCreatorState> {
     static debounceFilterUpdate: number;
-    constructor(props: any);
+    static defaultProps: {
+        options: {
+            filterItems: null;
+            filterOperators: null;
+            invertSelection: boolean;
+            selectedValues: never[];
+        };
+        sortDirection: null;
+    };
+    static makeFilterItem(): AdvancedFilterItem;
+    constructor(props: AdvancedFilterCreatorProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    focusTrapContainer: React.RefObject<HTMLFormElement>;
+    debounceTimeout?: ReturnType<typeof setTimeout>;
+    filterKey: number;
+    valuesTablePromise?: CancelablePromise<Table>;
+    getFilterChangeHandler(index: number): FilterChangeHandler;
+    getFilterDeleteHandler(index: number): () => void;
+    getFilterTypes: (columnType: string) => FilterTypeValue[];
+    initValuesTable(): void;
+    handleFocusTrapEnd(): void;
+    handleFocusTrapStart(): void;
     handleAddAnd(): void;
     handleAddOr(): void;
-    handleChangeFilterOperator(event: any): void;
-    handleDone(event: any): void;
-    handleFilterChange(filterIndex: any, selectedType: any, value: any): void;
-    handleFilterDelete(filterIndex: any): void;
-    handleSelectValueChange(selectedValues: any, invertSelection: any): void;
+    handleChangeFilterOperator(event: React.MouseEvent<HTMLButtonElement>): void;
+    handleFilterChange(filterIndex: number, selectedType: FilterTypeValue, value: string): void;
+    handleFilterDelete(filterIndex: number): void;
+    handleSelectValueChange(selectedValues: unknown[], invertSelection: boolean): void;
     handleReset(): void;
-    handleSortDown(event: any): void;
-    handleSortUp(event: any): void;
-    handleSubmit(event: any): void;
-    handleFocusTrapStart(): void;
-    handleFocusTrapEnd(): void;
+    handleSortDown(event: React.MouseEvent<HTMLButtonElement>): void;
+    handleSortUp(event: React.MouseEvent<HTMLButtonElement>): void;
+    handleSubmit(event: React.FormEvent<HTMLFormElement>): void;
+    handleDone(event: React.MouseEvent<HTMLButtonElement>): void;
     handleUpdateTimeout(): void;
-    focusTrapContainer: React.RefObject<any>;
-    debounceTimeout: NodeJS.Timeout | null;
-    filterKey: number;
-    valuesTablePromise: import("@deephaven/utils").CancelablePromise<import("@deephaven/jsapi-shim").Table> | null;
-    getFilterChangeHandler(index: any): (selectedType?: any, value?: any) => void;
-    getFilterDeleteHandler(index: any): () => void;
-    getFilterTypes: (this: any, columnType: any) => import("@deephaven/filters").Type[];
-    initValuesTable(): void;
-    makeFilterItem(updateKey?: boolean): {
-        selectedType: string;
-        value: string;
-        key: number;
-    };
     /**
      * Convenience function to check if the previous filter has been inputted, and
      * we should show the add filter buttons (+ AND OR)
@@ -37,46 +75,14 @@ declare class AdvancedFilterCreator extends React.PureComponent<any, any, any> {
     shouldShowAddFilter(): boolean;
     /**
      * Sorts the table in the specified direction. If already sorted in that direction, remove it.
-     * @param {String} direction The sort direction, ASC or DESC
-     * @param {boolean} addToExisting Add to the existing sort, or replace the existing table sort
+     * @param direction The sort direction, ASC or DESC
+     * @param addToExisting Add to the existing sort, or replace the existing table sort
      */
-    sortTable(direction: string, addToExisting?: boolean): void;
+    sortTable(direction: SortDirection, addToExisting?: boolean): void;
     startUpdateTimer(): void;
     stopUpdateTimer(): void;
     sendUpdate(): void;
+    render(): JSX.Element;
 }
-declare namespace AdvancedFilterCreator {
-    namespace propTypes {
-        const model: PropTypes.Validator<any>;
-        const column: PropTypes.Validator<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }>>;
-        const onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
-        const onSortChange: PropTypes.Validator<(...args: any[]) => any>;
-        const onDone: PropTypes.Validator<(...args: any[]) => any>;
-        const options: PropTypes.Requireable<PropTypes.InferProps<{
-            filterItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-            filterOperators: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-            invertSelection: PropTypes.Requireable<boolean>;
-            selectedValues: PropTypes.Requireable<any[]>;
-        }>>;
-        const sortDirection: PropTypes.Requireable<string>;
-        const formatter: PropTypes.Validator<Formatter>;
-    }
-    namespace defaultProps {
-        export namespace options_1 {
-            const filterItems: null;
-            const filterOperators: null;
-            const invertSelection: boolean;
-            const selectedValues: never[];
-        }
-        export { options_1 as options };
-        const sortDirection_1: null;
-        export { sortDirection_1 as sortDirection };
-    }
-}
-import React from "react";
-import PropTypes from "prop-types";
-import { Formatter } from "packages/jsapi-utils/src/Formatter";
+export default AdvancedFilterCreator;
 //# sourceMappingURL=AdvancedFilterCreator.d.ts.map

package/dist/AdvancedFilterCreator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilterCreator.d.ts","sourceRoot":"","sources":["../src/AdvancedFilterCreator.jsx"],"names":[],"mappings":";AAqBA;IACE,oCAAkC;IAElC,wBA2DC;IAmED,qBAKC;IAED,oBAKC;IAED,6CAWC;IA0ED,6BASC;IAjFD,0EASC;IAED,2CAsBC;IAED,yEAIC;IAED,oBAWC;IAED,iCAGC;IAED,+BAGC;IAED,+BAMC;IAxGD,6BAKC;IAZD,2BAKC;IAuHD,4BAGC;IA3NC,yCAA2C;IAC3C,uCAA2B;IAC3B,kBAAkB;IAClB,+GAA8B;IAoDhC,8EAEC;IAED,+CAEC;IAED,oFAA8E;IAE9E,wBAyBC;IAmID;;;;MAMC;IAED;;;;OAIG;IACH,+BAeC;IAED;;;;OAIG;IACH,6CAFW,OAAO,QAKjB;IAED,yBAOC;IAED,wBAKC;IAED,mBAwBC;CAyLF"}
+{"version":3,"file":"AdvancedFilterCreator.d.ts","sourceRoot":"","sources":["../src/AdvancedFilterCreator.tsx"],"names":[],"mappings":"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"}

package/dist/AdvancedFilterCreator.js

@@ -4,25 +4,38 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 // disabled for tab-index on focus traps, which are intentionally non-interactive
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import memoize from 'memoize-one';
-import { Operator as FilterOperator } from '@deephaven/filters';
+import { Operator as FilterOperator, assertOperatorValue as assertFilterOperatorValue } from '@deephaven/filters';
 import { dhSortAmountDown, dhNewCircleLargeFilled } from '@deephaven/icons';
-import { Formatter, TableUtils } from '@deephaven/jsapi-utils';
+import { TableUtils } from '@deephaven/jsapi-utils';
 import { ContextActionUtils, Tooltip } from '@deephaven/components';
 import Log from '@deephaven/log';
-import { PromiseUtils } from '@deephaven/utils';
+import { PromiseUtils, assertNotNull } from '@deephaven/utils';
+import shortid from 'shortid';
 import AdvancedFilterCreatorFilterItem from "./AdvancedFilterCreatorFilterItem.js";
 import AdvancedFilterCreatorSelectValue from "./AdvancedFilterCreatorSelectValue.js";
-import IrisGridModel from "./IrisGridModel.js";
 import "./AdvancedFilterCreator.css";
 var log = Log.module('AdvancedFilterCreator');
 
 class AdvancedFilterCreator extends PureComponent {
+  static makeFilterItem() {
+    return {
+      key: shortid()
+    };
+  }
+
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "focusTrapContainer", void 0);
+
+    _defineProperty(this, "debounceTimeout", void 0);
+
+    _defineProperty(this, "filterKey", void 0);
+
+    _defineProperty(this, "valuesTablePromise", void 0);
+
     _defineProperty(this, "getFilterTypes", memoize(columnType => TableUtils.getFilterTypes(columnType)));
 
     this.handleAddAnd = this.handleAddAnd.bind(this);
@@ -40,21 +53,29 @@ class AdvancedFilterCreator extends PureComponent {
     this.handleFocusTrapEnd = this.handleFocusTrapEnd.bind(this);
     this.handleUpdateTimeout = this.handleUpdateTimeout.bind(this);
     this.focusTrapContainer = /*#__PURE__*/React.createRef();
-    this.debounceTimeout = null;
     this.filterKey = 0;
-    this.valuesTablePromise = null;
     var {
       options
     } = props;
     var {
-      filterItems,
       filterOperators,
       invertSelection,
       selectedValues
     } = options;
+    var filterItems = options.filterItems.map(_ref => {
+      var {
+        selectedType,
+        value
+      } = _ref;
+      return {
+        selectedType,
+        value,
+        key: shortid()
+      };
+    });
 
     if (filterItems == null) {
-      filterItems = [this.makeFilterItem()];
+      filterItems = [AdvancedFilterCreator.makeFilterItem()];
     }
 
     if (filterOperators == null) {
@@ -77,7 +98,7 @@ class AdvancedFilterCreator extends PureComponent {
       invertSelection,
       selectedValues,
       valuesTableError: null,
-      valuesTable: null
+      valuesTable: undefined
     };
   }
 
@@ -135,13 +156,20 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   handleFocusTrapEnd() {
-    var inputs = this.focusTrapContainer.current.querySelectorAll('button,select,input,textarea');
-    inputs[0].focus();
+    var _this$focusTrapContai, _this$focusTrapContai2;
+
+    ((_this$focusTrapContai = this.focusTrapContainer) === null || _this$focusTrapContai === void 0 ? void 0 : (_this$focusTrapContai2 = _this$focusTrapContai.current) === null || _this$focusTrapContai2 === void 0 ? void 0 : _this$focusTrapContai2.querySelector('button,select,input,textarea')).focus();
   }
 
   handleFocusTrapStart() {
-    var inputs = this.focusTrapContainer.current.querySelectorAll('button,select,input,textarea');
-    inputs[inputs.length - 1].focus();
+    var _this$focusTrapContai3, _this$focusTrapContai4;
+
+    var inputs = (_this$focusTrapContai3 = this.focusTrapContainer) === null || _this$focusTrapContai3 === void 0 ? void 0 : (_this$focusTrapContai4 = _this$focusTrapContai3.current) === null || _this$focusTrapContai4 === void 0 ? void 0 : _this$focusTrapContai4.querySelectorAll('button,select,input,textarea');
+
+    if (inputs && inputs.length > 0) {
+      var element = inputs[inputs.length - 1];
+      element.focus();
+    }
   }
 
   handleAddAnd() {
@@ -149,7 +177,7 @@ class AdvancedFilterCreator extends PureComponent {
       filterItems,
       filterOperators
     } = this.state;
-    filterItems = filterItems.concat(this.makeFilterItem());
+    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());
     filterOperators = filterOperators.concat(FilterOperator.and);
     this.setState({
       filterItems,
@@ -162,7 +190,7 @@ class AdvancedFilterCreator extends PureComponent {
       filterItems,
       filterOperators
     } = this.state;
-    filterItems = filterItems.concat(this.makeFilterItem());
+    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());
     filterOperators = filterOperators.concat(FilterOperator.or);
     this.setState({
       filterItems,
@@ -171,14 +199,18 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   handleChangeFilterOperator(event) {
-    var index = parseInt(event.target.dataset.index, 10);
+    var target = event.currentTarget;
     var {
-      operator
-    } = event.target.dataset;
+      operator,
+      index: strIndex
+    } = target.dataset;
+    assertNotNull(strIndex);
+    var index = parseInt(strIndex, 10);
     var {
       filterOperators
     } = this.state;
-    filterOperators = [].concat(filterOperators);
+    filterOperators = [...filterOperators];
+    assertFilterOperatorValue(operator);
     filterOperators[index] = operator;
     this.setState({
       filterOperators
@@ -190,7 +222,7 @@ class AdvancedFilterCreator extends PureComponent {
     var {
       filterItems
     } = this.state;
-    filterItems = [].concat(filterItems);
+    filterItems = [...filterItems];
     var {
       key
     } = filterItems[filterIndex];
@@ -210,8 +242,8 @@ class AdvancedFilterCreator extends PureComponent {
       filterItems,
       filterOperators
     } = this.state;
-    filterItems = [].concat(filterItems);
-    filterOperators = [].concat(filterOperators);
+    filterItems = [...filterItems];
+    filterOperators = [...filterOperators];
 
     if (filterIndex < filterItems.length) {
       filterItems.splice(filterIndex, 1);
@@ -225,7 +257,7 @@ class AdvancedFilterCreator extends PureComponent {
     }
 
     if (filterItems.length === 0) {
-      filterItems.push(this.makeFilterItem());
+      filterItems.push(AdvancedFilterCreator.makeFilterItem());
     }
 
     this.setState({
@@ -246,7 +278,7 @@ class AdvancedFilterCreator extends PureComponent {
   handleReset() {
     log.debug('Resetting Advanced Filter');
     this.setState({
-      filterItems: [this.makeFilterItem()],
+      filterItems: [AdvancedFilterCreator.makeFilterItem()],
       filterOperators: [],
       selectedValues: [],
       invertSelection: true
@@ -283,24 +315,9 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   handleUpdateTimeout() {
-    this.debounceTimeout = null;
+    this.debounceTimeout = undefined;
     this.sendUpdate();
   }
-
-  makeFilterItem() {
-    var updateKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var key = this.filterKey;
-
-    if (updateKey) {
-      this.filterKey += 1;
-    }
-
-    return {
-      selectedType: '',
-      value: '',
-      key
-    };
-  }
   /**
    * Convenience function to check if the previous filter has been inputted, and
    * we should show the add filter buttons (+ AND OR)
@@ -326,8 +343,8 @@ class AdvancedFilterCreator extends PureComponent {
   }
   /**
    * Sorts the table in the specified direction. If already sorted in that direction, remove it.
-   * @param {String} direction The sort direction, ASC or DESC
-   * @param {boolean} addToExisting Add to the existing sort, or replace the existing table sort
+   * @param direction The sort direction, ASC or DESC
+   * @param addToExisting Add to the existing sort, or replace the existing table sort
    */
 
 
@@ -346,9 +363,9 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   stopUpdateTimer() {
-    if (this.debounceTimeout) {
+    if (this.debounceTimeout !== undefined) {
       clearTimeout(this.debounceTimeout);
-      this.debounceTimeout = null;
+      this.debounceTimeout = undefined;
     }
   }
 
@@ -368,7 +385,13 @@ class AdvancedFilterCreator extends PureComponent {
       formatter
     } = model;
     var options = {
-      filterItems,
+      filterItems: filterItems.filter(_ref2 => {
+        var {
+          selectedType,
+          value
+        } = _ref2;
+        return selectedType != null && value != null;
+      }),
       filterOperators,
       invertSelection,
       selectedValues
@@ -406,8 +429,8 @@ class AdvancedFilterCreator extends PureComponent {
         var filterItem = filterItems[i];
         var {
           key,
-          selectedType,
-          value
+          selectedType: _selectedType,
+          value: _value
         } = filterItem;
         var element = /*#__PURE__*/React.createElement(AdvancedFilterCreatorFilterItem, {
           key: key,
@@ -415,8 +438,8 @@ class AdvancedFilterCreator extends PureComponent {
           filterTypes: filterTypes,
           onChange: this.getFilterChangeHandler(i),
           onDelete: this.getFilterDeleteHandler(i),
-          selectedType: selectedType,
-          value: value
+          selectedType: _selectedType,
+          value: _value
         });
         filterItemElements.push(element);
 
@@ -474,7 +497,7 @@ class AdvancedFilterCreator extends PureComponent {
       className: "advanced-filter-creator",
       role: "presentation"
     }, /*#__PURE__*/React.createElement("div", {
-      tabIndex: "0",
+      tabIndex: 0,
       onFocus: this.handleFocusTrapStart
     }), /*#__PURE__*/React.createElement("form", {
       onSubmit: this.handleSubmit,
@@ -506,7 +529,7 @@ class AdvancedFilterCreator extends PureComponent {
       className: "advanced-filter-column-name"
     }, column.name, "\xA0", /*#__PURE__*/React.createElement("span", {
       className: "column-type"
-    }, "(", columnType, ")")), filterItemElements, isValuesTableAvailable && !valuesTableError && /*#__PURE__*/React.createElement(React.Fragment, null, !isBoolean && /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    }, "(", columnType, ")")), filterItemElements, isValuesTableAvailable && !valuesTableError && /*#__PURE__*/React.createElement(React.Fragment, null, !isBoolean && /*#__PURE__*/React.createElement("hr", null), valuesTable && /*#__PURE__*/React.createElement("div", {
       className: "form-group"
     }, /*#__PURE__*/React.createElement(AdvancedFilterCreatorSelectValue, {
       table: valuesTable,
@@ -527,7 +550,7 @@ class AdvancedFilterCreator extends PureComponent {
       className: "btn btn-primary",
       onClick: this.handleDone
     }, "Done"))), /*#__PURE__*/React.createElement("div", {
-      tabIndex: "0",
+      tabIndex: 0,
       onFocus: this.handleFocusTrapEnd
     }));
   }
@@ -536,25 +559,7 @@ class AdvancedFilterCreator extends PureComponent {
 
 _defineProperty(AdvancedFilterCreator, "debounceFilterUpdate", 250);
 
-AdvancedFilterCreator.propTypes = {
-  model: PropTypes.instanceOf(IrisGridModel).isRequired,
-  column: PropTypes.shape({
-    name: PropTypes.string,
-    type: PropTypes.string
-  }).isRequired,
-  onFilterChange: PropTypes.func.isRequired,
-  onSortChange: PropTypes.func.isRequired,
-  onDone: PropTypes.func.isRequired,
-  options: PropTypes.shape({
-    filterItems: PropTypes.arrayOf(PropTypes.shape({})),
-    filterOperators: PropTypes.arrayOf(PropTypes.shape({})),
-    invertSelection: PropTypes.bool,
-    selectedValues: PropTypes.arrayOf(PropTypes.any)
-  }),
-  sortDirection: PropTypes.string,
-  formatter: PropTypes.instanceOf(Formatter).isRequired
-};
-AdvancedFilterCreator.defaultProps = {
+_defineProperty(AdvancedFilterCreator, "defaultProps", {
   options: {
     filterItems: null,
     filterOperators: null,
@@ -562,6 +567,7 @@ AdvancedFilterCreator.defaultProps = {
     selectedValues: []
   },
   sortDirection: null
-};
+});
+
 export default AdvancedFilterCreator;
 //# sourceMappingURL=AdvancedFilterCreator.js.map