@deephaven/iris-grid 0.6.3-beta.0 → 0.7.1-alpha.0

package/dist/IrisGrid.d.ts

@@ -2,6 +2,7 @@ export class IrisGrid extends React.Component<any, any, any> {
     static minDebounce: number;
     static maxDebounce: number;
     static loadingSpinnerDelay: number;
+    static makeQuickFilter(column: any, text: any, timeZone: any): any;
     constructor(props: any);
     handleAdvancedFilterChange(column: any, filter: any, options: any): void;
     handleAdvancedFilterSortChange(column: any, direction: any, addToExisting?: boolean): void;

package/dist/IrisGrid.d.ts.map

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

package/dist/IrisGrid.js

@@ -2,7 +2,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -23,6 +23,7 @@ import dh, { PropTypes as APIPropTypes } from '@deephaven/jsapi-shim';
 import { Pending, PromiseUtils, ValidationError } from '@deephaven/utils';
 import throttle from 'lodash.throttle';
 import debounce from 'lodash.debounce';
+import clamp from 'lodash.clamp';
 import PendingDataBottomBar from "./PendingDataBottomBar.js";
 import IrisGridCopyHandler from "./IrisGridCopyHandler.js";
 import FilterInputField from "./FilterInputField.js";
@@ -66,6 +67,16 @@ function isEmptyConfig(_ref) {
 }
 
 export class IrisGrid extends Component {
+  static makeQuickFilter(column, text, timeZone) {
+    try {
+      return TableUtils.makeQuickFilter(column, text, timeZone);
+    } catch (err) {
+      log.error('Error creating quick filter', err);
+    }
+
+    return null;
+  }
+
   constructor(props) {
     super(props);
 
@@ -171,7 +182,7 @@ export class IrisGrid extends Component {
 
     _defineProperty(this, "getCachedHiddenColumns", memoize(hiddenColumns => hiddenColumns, {
       max: 1,
-      normalizer: (_ref2) => {
+      normalizer: _ref2 => {
         var [hiddenColumns] = _ref2;
         return hiddenColumns.join();
       }
@@ -179,7 +190,7 @@ export class IrisGrid extends Component {
 
     _defineProperty(this, "getAggregationMap", memoize((columns, aggregations) => {
       var aggregationMap = {};
-      aggregations.forEach((_ref3) => {
+      aggregations.forEach(_ref3 => {
         var {
           operation,
           selected,
@@ -192,7 +203,7 @@ export class IrisGrid extends Component {
 
     _defineProperty(this, "getOperationMap", memoize((columns, aggregations) => {
       var operationMap = {};
-      aggregations.filter(a => !AggregationUtils.isRollupOperation(a.operation)).forEach((_ref4) => {
+      aggregations.filter(a => !AggregationUtils.isRollupOperation(a.operation)).forEach(_ref4 => {
         var {
           operation,
           selected,
@@ -656,13 +667,13 @@ export class IrisGrid extends Component {
     var newAdvancedFilters = replaceExisting ? new Map() : new Map(advancedFilters);
     var newQuickFilters = replaceExisting ? new Map() : new Map(quickFilters);
     var isChanged = replaceExisting && advancedFilters.size > 0;
-    inputFilters.forEach((_ref5) => {
+    inputFilters.forEach(_ref5 => {
       var {
         name,
         type,
         value
       } = _ref5;
-      var modelIndex = model.columns.findIndex((_ref6) => {
+      var modelIndex = model.columns.findIndex(_ref6 => {
         var {
           name: columnName,
           type: columnType
@@ -717,17 +728,9 @@ export class IrisGrid extends Component {
         }
       }
 
-      var filter = null;
-
-      try {
-        filter = TableUtils.makeQuickFilter(column, value, formatter.timeZone);
-      } catch (err) {
-        log.error('Error creating quick filter', err);
-      }
-
       quickFilters.set(modelIndex, {
-        filter,
-        text: value
+        text: value,
+        filter: IrisGrid.makeQuickFilter(column, value, formatter.timeZone)
       });
       return true;
     }
@@ -743,7 +746,7 @@ export class IrisGrid extends Component {
 
     log.debug('Setting advanced filter', modelIndex, filter);
     this.startLoading('Filtering...', true);
-    this.setState((_ref7) => {
+    this.setState(_ref7 => {
       var {
         advancedFilters
       } = _ref7;
@@ -774,7 +777,7 @@ export class IrisGrid extends Component {
   setQuickFilter(modelIndex, filter, text) {
     log.debug('Setting quick filter', modelIndex, filter, text);
     this.startLoading('Filtering...', true);
-    this.setState((_ref8) => {
+    this.setState(_ref8 => {
       var {
         quickFilters
       } = _ref8;
@@ -835,7 +838,7 @@ export class IrisGrid extends Component {
 
   removeColumnFilter(modelColumn) {
     this.startLoading('Filtering...', true);
-    this.setState((_ref10) => {
+    this.setState(_ref10 => {
       var {
         advancedFilters,
         quickFilters
@@ -923,10 +926,9 @@ export class IrisGrid extends Component {
         text
       } = value;
       var column = columns[key];
-      var filter = TableUtils.makeQuickFilter(column, text, formatter.timeZone);
       newQuickFilters.set(key, {
         text,
-        filter
+        filter: IrisGrid.makeQuickFilter(column, text, formatter.timeZone)
       });
     });
     this.startLoading('Rebuilding filters...', true);
@@ -1722,7 +1724,7 @@ export class IrisGrid extends Component {
 
   handleFilterBarChange(value) {
     this.startLoading('Filtering...', true);
-    this.setState((_ref12) => {
+    this.setState(_ref12 => {
       var {
         focusedFilterBarColumn,
         quickFilters
@@ -1800,7 +1802,7 @@ export class IrisGrid extends Component {
   }
 
   handleMenuBack() {
-    this.setState((_ref13) => {
+    this.setState(_ref13 => {
       var {
         openOptions
       } = _ref13;
@@ -1813,7 +1815,7 @@ export class IrisGrid extends Component {
   }
 
   handleMenuSelect(option) {
-    this.setState((_ref14) => {
+    this.setState(_ref14 => {
       var {
         openOptions
       } = _ref14;
@@ -2063,7 +2065,7 @@ export class IrisGrid extends Component {
   handleAggregationChange(aggregation) {
     log.debug('handleAggregationChange', aggregation);
     this.startLoading("Aggregating ".concat(aggregation.operation, "..."));
-    this.setState((_ref15) => {
+    this.setState(_ref15 => {
       var {
         aggregationSettings
       } = _ref15;
@@ -2450,25 +2452,72 @@ export class IrisGrid extends Component {
 
     var columnTooltip = null;
 
-    if (shownColumnTooltip != null && metrics) {
+    if (shownColumnTooltip != null && metrics && this.gridWrapper) {
       var {
         columnHeaderHeight,
         visibleColumnXs: _visibleColumnXs,
-        visibleColumnWidths: _visibleColumnWidths
+        visibleColumnWidths: _visibleColumnWidths,
+        width
       } = metrics;
 
       var _columnX = _visibleColumnXs.get(shownColumnTooltip);
 
       var _columnWidth = _visibleColumnWidths.get(shownColumnTooltip);
+      /**
+       * Create a wrapper dom element, the size of the column header.
+       * The wrapper acts as tooltip parent, the  tooltip component
+       * will trigger hide on mouseleave of wrapper or tooltip.
+       * The wrapper should be bound to within the grid dimensions,
+       * so popper only remains triggered while mouse is inside the panel.
+       */
+
+
+      var boundedLeft = Math.max(0, _columnX);
+      var boundedWidth = _columnWidth;
+
+      if (_columnX + _columnWidth > width) {
+        // column is extending past right edge
+        boundedWidth = width - _columnX;
+      } else if (_columnX < 0) {
+        // column is extending past left edge
+        boundedWidth = _columnWidth - Math.abs(_columnX);
+      }
 
       var wrapperStyle = {
         position: 'absolute',
         top: 0,
-        left: _columnX,
-        width: _columnWidth,
+        left: boundedLeft,
+        width: boundedWidth,
         height: columnHeaderHeight,
         pointerEvents: 'none'
       };
+      /**
+       * Because the popper parent wrapper center is no longer the same as
+       * the column label center, we create a popper virtual ref, to handle
+       * positioning and keep the popper centered on the label. Creates a
+       * 1px x headerHeight virtual object, placed centered on the column
+       * label, clamped to 0 + margin to width - margin. We add a margin,
+       * otherwise the arrow wants to escape the boundary.
+       */
+
+      var gridRect = this.gridWrapper.getBoundingClientRect();
+      var popperMargin = 20;
+      var virtualReference = {
+        clientWidth: 1,
+        clientHeight: columnHeaderHeight,
+
+        getBoundingClientRect() {
+          return {
+            top: gridRect.top,
+            left: gridRect.left + clamp(_columnX + _columnWidth / 2, popperMargin, width - popperMargin),
+            bottom: gridRect.top + columnHeaderHeight,
+            right: gridRect.left + clamp(_columnX + _columnWidth / 2, popperMargin, width - popperMargin) + 1,
+            width: 1,
+            height: columnHeaderHeight
+          };
+        }
+
+      };
       var popperOptions = {
         placement: 'bottom',
         modifiers: {
@@ -2490,7 +2539,8 @@ export class IrisGrid extends Component {
           timeout: 400,
           interactive: true,
           options: popperOptions,
-          ref: this.handleTooltipRef
+          ref: this.handleTooltipRef,
+          referenceObject: virtualReference
         }, /*#__PURE__*/React.createElement(ColumnStatistics, {
           model: model,
           column: column,