@deephaven/iris-grid 0.13.3-beta.2 → 0.13.5

package/dist/AdvancedFilterCreator.d.ts

@@ -1,72 +1,34 @@
-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> {
+export default AdvancedFilterCreator;
+declare class AdvancedFilterCreator extends React.PureComponent<any, any, any> {
     static debounceFilterUpdate: number;
-    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;
+    constructor(props: any);
     handleAddAnd(): void;
     handleAddOr(): 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;
+    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;
     handleReset(): 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;
+    handleSortDown(event: any): void;
+    handleSortUp(event: any): void;
+    handleSubmit(event: any): void;
+    handleFocusTrapStart(): void;
+    handleFocusTrapEnd(): 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)
@@ -75,14 +37,46 @@ declare class AdvancedFilterCreator extends PureComponent<AdvancedFilterCreatorP
     shouldShowAddFilter(): boolean;
     /**
      * Sorts the table in the specified direction. If already sorted in that direction, remove it.
-     * @param direction The sort direction, ASC or DESC
-     * @param addToExisting Add to the existing sort, or replace the existing table sort
+     * @param {String} direction The sort direction, ASC or DESC
+     * @param {boolean} addToExisting Add to the existing sort, or replace the existing table sort
      */
-    sortTable(direction: SortDirection, addToExisting?: boolean): void;
+    sortTable(direction: string, addToExisting?: boolean): void;
     startUpdateTimer(): void;
     stopUpdateTimer(): void;
     sendUpdate(): void;
-    render(): JSX.Element;
 }
-export default AdvancedFilterCreator;
+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";
 //# sourceMappingURL=AdvancedFilterCreator.d.ts.map

package/dist/AdvancedFilterCreator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilterCreator.d.ts","sourceRoot":"","sources":["../src/AdvancedFilterCreator.tsx"],"names":[],"mappings":"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"}
+{"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"}

package/dist/AdvancedFilterCreator.js

@@ -4,38 +4,25 @@ 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, assertOperatorValue as assertFilterOperatorValue } from '@deephaven/filters';
+import { Operator as FilterOperator } from '@deephaven/filters';
 import { dhSortAmountDown, dhNewCircleLargeFilled } from '@deephaven/icons';
-import { TableUtils } from '@deephaven/jsapi-utils';
+import { Formatter, TableUtils } from '@deephaven/jsapi-utils';
 import { ContextActionUtils, Tooltip } from '@deephaven/components';
 import Log from '@deephaven/log';
-import { PromiseUtils, assertNotNull } from '@deephaven/utils';
-import shortid from 'shortid';
+import { PromiseUtils } from '@deephaven/utils';
 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);
@@ -53,29 +40,21 @@ 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 = [AdvancedFilterCreator.makeFilterItem()];
+      filterItems = [this.makeFilterItem()];
     }
 
     if (filterOperators == null) {
@@ -98,7 +77,7 @@ class AdvancedFilterCreator extends PureComponent {
       invertSelection,
       selectedValues,
       valuesTableError: null,
-      valuesTable: undefined
+      valuesTable: null
     };
   }
 
@@ -156,20 +135,13 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   handleFocusTrapEnd() {
-    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();
+    var inputs = this.focusTrapContainer.current.querySelectorAll('button,select,input,textarea');
+    inputs[0].focus();
   }
 
   handleFocusTrapStart() {
-    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();
-    }
+    var inputs = this.focusTrapContainer.current.querySelectorAll('button,select,input,textarea');
+    inputs[inputs.length - 1].focus();
   }
 
   handleAddAnd() {
@@ -177,7 +149,7 @@ class AdvancedFilterCreator extends PureComponent {
       filterItems,
       filterOperators
     } = this.state;
-    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());
+    filterItems = filterItems.concat(this.makeFilterItem());
     filterOperators = filterOperators.concat(FilterOperator.and);
     this.setState({
       filterItems,
@@ -190,7 +162,7 @@ class AdvancedFilterCreator extends PureComponent {
       filterItems,
       filterOperators
     } = this.state;
-    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());
+    filterItems = filterItems.concat(this.makeFilterItem());
     filterOperators = filterOperators.concat(FilterOperator.or);
     this.setState({
       filterItems,
@@ -199,18 +171,14 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   handleChangeFilterOperator(event) {
-    var target = event.currentTarget;
+    var index = parseInt(event.target.dataset.index, 10);
     var {
-      operator,
-      index: strIndex
-    } = target.dataset;
-    assertNotNull(strIndex);
-    var index = parseInt(strIndex, 10);
+      operator
+    } = event.target.dataset;
     var {
       filterOperators
     } = this.state;
-    filterOperators = [...filterOperators];
-    assertFilterOperatorValue(operator);
+    filterOperators = [].concat(filterOperators);
     filterOperators[index] = operator;
     this.setState({
       filterOperators
@@ -222,7 +190,7 @@ class AdvancedFilterCreator extends PureComponent {
     var {
       filterItems
     } = this.state;
-    filterItems = [...filterItems];
+    filterItems = [].concat(filterItems);
     var {
       key
     } = filterItems[filterIndex];
@@ -242,8 +210,8 @@ class AdvancedFilterCreator extends PureComponent {
       filterItems,
       filterOperators
     } = this.state;
-    filterItems = [...filterItems];
-    filterOperators = [...filterOperators];
+    filterItems = [].concat(filterItems);
+    filterOperators = [].concat(filterOperators);
 
     if (filterIndex < filterItems.length) {
       filterItems.splice(filterIndex, 1);
@@ -257,7 +225,7 @@ class AdvancedFilterCreator extends PureComponent {
     }
 
     if (filterItems.length === 0) {
-      filterItems.push(AdvancedFilterCreator.makeFilterItem());
+      filterItems.push(this.makeFilterItem());
     }
 
     this.setState({
@@ -278,7 +246,7 @@ class AdvancedFilterCreator extends PureComponent {
   handleReset() {
     log.debug('Resetting Advanced Filter');
     this.setState({
-      filterItems: [AdvancedFilterCreator.makeFilterItem()],
+      filterItems: [this.makeFilterItem()],
       filterOperators: [],
       selectedValues: [],
       invertSelection: true
@@ -315,9 +283,24 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   handleUpdateTimeout() {
-    this.debounceTimeout = undefined;
+    this.debounceTimeout = null;
     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)
@@ -343,8 +326,8 @@ class AdvancedFilterCreator extends PureComponent {
   }
   /**
    * Sorts the table in the specified direction. If already sorted in that direction, remove it.
-   * @param direction The sort direction, ASC or DESC
-   * @param addToExisting Add to the existing sort, or replace the existing table sort
+   * @param {String} direction The sort direction, ASC or DESC
+   * @param {boolean} addToExisting Add to the existing sort, or replace the existing table sort
    */
 
 
@@ -363,9 +346,9 @@ class AdvancedFilterCreator extends PureComponent {
   }
 
   stopUpdateTimer() {
-    if (this.debounceTimeout !== undefined) {
+    if (this.debounceTimeout) {
       clearTimeout(this.debounceTimeout);
-      this.debounceTimeout = undefined;
+      this.debounceTimeout = null;
     }
   }
 
@@ -385,13 +368,7 @@ class AdvancedFilterCreator extends PureComponent {
       formatter
     } = model;
     var options = {
-      filterItems: filterItems.filter(_ref2 => {
-        var {
-          selectedType,
-          value
-        } = _ref2;
-        return selectedType != null && value != null;
-      }),
+      filterItems,
       filterOperators,
       invertSelection,
       selectedValues
@@ -429,8 +406,8 @@ class AdvancedFilterCreator extends PureComponent {
         var filterItem = filterItems[i];
         var {
           key,
-          selectedType: _selectedType,
-          value: _value
+          selectedType,
+          value
         } = filterItem;
         var element = /*#__PURE__*/React.createElement(AdvancedFilterCreatorFilterItem, {
           key: key,
@@ -438,8 +415,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);
 
@@ -497,7 +474,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,
@@ -529,7 +506,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), valuesTable && /*#__PURE__*/React.createElement("div", {
+    }, "(", columnType, ")")), filterItemElements, isValuesTableAvailable && !valuesTableError && /*#__PURE__*/React.createElement(React.Fragment, null, !isBoolean && /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
       className: "form-group"
     }, /*#__PURE__*/React.createElement(AdvancedFilterCreatorSelectValue, {
       table: valuesTable,
@@ -550,7 +527,7 @@ class AdvancedFilterCreator extends PureComponent {
       className: "btn btn-primary",
       onClick: this.handleDone
     }, "Done"))), /*#__PURE__*/React.createElement("div", {
-      tabIndex: 0,
+      tabIndex: "0",
       onFocus: this.handleFocusTrapEnd
     }));
   }
@@ -559,7 +536,25 @@ class AdvancedFilterCreator extends PureComponent {
 
 _defineProperty(AdvancedFilterCreator, "debounceFilterUpdate", 250);
 
-_defineProperty(AdvancedFilterCreator, "defaultProps", {
+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 = {
   options: {
     filterItems: null,
     filterOperators: null,
@@ -567,7 +562,6 @@ _defineProperty(AdvancedFilterCreator, "defaultProps", {
     selectedValues: []
   },
   sortDirection: null
-});
-
+};
 export default AdvancedFilterCreator;
 //# sourceMappingURL=AdvancedFilterCreator.js.map