@deephaven/iris-grid 0.28.1-beta.0 → 0.29.0

package/dist/IrisGrid.js

@@ -13,12 +13,12 @@ import PropTypes from 'prop-types';
 import deepEqual from 'deep-equal';
 import Log from '@deephaven/log';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { ContextActions, Stack, Menu, Page, Popper, ThemeExport, Tooltip, Button } from '@deephaven/components';
+import { ContextActions, Stack, Menu, Page, Popper, ThemeExport, Tooltip, Button, ContextActionUtils } from '@deephaven/components';
 import { Grid, GridRange, GridUtils, isEditableGridModel, isExpandableGridModel, getOrThrow } from '@deephaven/grid';
 import { dhEye, dhFilterFilled, dhGraphLineUp, dhTriangleDownSquare, vsClose, vsCloudDownload, vsEdit, vsFilter, vsMenu, vsReply, vsRuby, vsSearch, vsSplitHorizontal, vsSymbolOperator, vsTools } from '@deephaven/icons';
 import dh from '@deephaven/jsapi-shim';
 import { DateUtils, Formatter, FormatterUtils, TableUtils } from '@deephaven/jsapi-utils';
-import { assertNotNull, copyToClipboard, Pending, PromiseUtils, ValidationError } from '@deephaven/utils';
+import { assertNotNull, copyToClipboard, EMPTY_ARRAY, EMPTY_MAP, Pending, PromiseUtils, ValidationError } from '@deephaven/utils';
 import { Type as FilterType } from '@deephaven/filters';
 import throttle from 'lodash.throttle';
 import debounce from 'lodash.debounce';
@@ -28,7 +28,7 @@ import PendingDataBottomBar from "./PendingDataBottomBar.js";
 import IrisGridCopyHandler from "./IrisGridCopyHandler.js";
 import FilterInputField from "./FilterInputField.js";
 import { ClearFilterKeyHandler, CopyKeyHandler, ReverseKeyHandler } from "./key-handlers/index.js";
-import { IrisGridCellOverflowMouseHandler, IrisGridColumnSelectMouseHandler, IrisGridColumnTooltipMouseHandler, IrisGridContextMenuHandler, IrisGridDataSelectMouseHandler, IrisGridFilterMouseHandler, IrisGridSortMouseHandler, PendingMouseHandler } from "./mousehandlers/index.js";
+import { IrisGridCellOverflowMouseHandler, IrisGridColumnSelectMouseHandler, IrisGridColumnTooltipMouseHandler, IrisGridContextMenuHandler, IrisGridDataSelectMouseHandler, IrisGridFilterMouseHandler, IrisGridRowTreeMouseHandler, IrisGridSortMouseHandler, PendingMouseHandler } from "./mousehandlers/index.js";
 import ToastBottomBar from "./ToastBottomBar.js";
 import IrisGridMetricCalculator from "./IrisGridMetricCalculator.js";
 import IrisGridModelUpdater from "./IrisGridModelUpdater.js";
@@ -56,7 +56,7 @@ var SET_FILTER_DEBOUNCE = 250;
 var SEEK_ROW_DEBOUNCE = 250;
 var SET_CONDITIONAL_FORMAT_DEBOUNCE = 250;
 var DEFAULT_AGGREGATION_SETTINGS = Object.freeze({
-  aggregations: [],
+  aggregations: EMPTY_ARRAY,
   showOnTop: false
 });
 var UNFORMATTED_DATE_PATTERN = "yyyy-MM-dd'T'HH:mm:ss.SSSSSSSSS z";
@@ -216,7 +216,7 @@ export class IrisGrid extends Component {
         isOn: showGotoRow,
         onChange: toggleGotoRowAction.action
       });
-      return optionItems;
+      return Object.freeze(optionItems);
     }, {
       max: 1
     }));
@@ -246,7 +246,7 @@ export class IrisGrid extends Component {
         AggregationUtils.getOperationColumnNames(columns, operation, selected, invert).forEach(name => {
           var _operationMap$name;
           var newOperations = [...((_operationMap$name = operationMap[name]) !== null && _operationMap$name !== void 0 ? _operationMap$name : []), operation];
-          operationMap[name] = newOperations;
+          operationMap[name] = Object.freeze(newOperations);
         });
       });
       return operationMap;
@@ -320,7 +320,7 @@ export class IrisGrid extends Component {
         }
       }
       var columnSet = new Set([...alwaysFetchColumns, ...floatingColumns]);
-      return [...columnSet];
+      return Object.freeze([...columnSet]);
     }));
     _defineProperty(this, "updateSearchFilter", debounce((searchValue, selectedSearchColumns, columns, invertSearchColumns) => {
       var searchFilter = CrossColumnSearch.createSearchFilter(searchValue, selectedSearchColumns, columns, invertSearchColumns);
@@ -369,6 +369,33 @@ export class IrisGrid extends Component {
         ref: this.handleTooltipRef
       }, "View full contents"));
     }));
+    _defineProperty(this, "getExpandCellTooltip", memoize(expandCellTooltipProps => {
+      if (expandCellTooltipProps == null) {
+        return null;
+      }
+      var {
+        expandTooltipDisplayValue
+      } = this.state;
+      var wrapperStyle = _objectSpread(_objectSpread({
+        position: 'absolute'
+      }, expandCellTooltipProps), {}, {
+        pointerEvents: 'none'
+      });
+      var popperOptions = {
+        placement: 'bottom-start'
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        style: wrapperStyle
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        key: Date.now(),
+        options: popperOptions,
+        ref: this.handleTooltipRef
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          textAlign: 'left'
+        }
+      }, "Click to ", expandTooltipDisplayValue, " row", /*#__PURE__*/React.createElement("br", null), ContextActionUtils.isMacPlatform() ? '⌘' : 'Ctrl+', "Click to expand row and all children")));
+    }));
     _defineProperty(this, "handleGotoValueChanged", input => {
       this.setState({
         gotoValue: input
@@ -447,7 +474,7 @@ export class IrisGrid extends Component {
     this.gridWrapper = null;
     this.lastLoadedConfig = null;
     this.pending = new Pending();
-    this.globalColumnFormats = [];
+    this.globalColumnFormats = EMPTY_ARRAY;
     this.decimalFormatOptions = {};
     this.integerFormatOptions = {};
     this.truncateNumbersWithPound = false;
@@ -523,7 +550,7 @@ export class IrisGrid extends Component {
     if (canCopy) {
       keyHandlers.push(new CopyKeyHandler(this));
     }
-    var mouseHandlers = [new IrisGridCellOverflowMouseHandler(this), new IrisGridColumnSelectMouseHandler(this), new IrisGridColumnTooltipMouseHandler(this), new IrisGridSortMouseHandler(this), new IrisGridFilterMouseHandler(this), new IrisGridContextMenuHandler(this), new IrisGridDataSelectMouseHandler(this), new PendingMouseHandler(this)];
+    var mouseHandlers = [new IrisGridCellOverflowMouseHandler(this), new IrisGridRowTreeMouseHandler(this), new IrisGridColumnSelectMouseHandler(this), new IrisGridColumnTooltipMouseHandler(this), new IrisGridSortMouseHandler(this), new IrisGridFilterMouseHandler(this), new IrisGridContextMenuHandler(this), new IrisGridDataSelectMouseHandler(this), new PendingMouseHandler(this)];
     var _movedColumns = movedColumnsProp.length > 0 ? movedColumnsProp : _model.initialMovedColumns;
     var movedRows = movedRowsProp.length > 0 ? movedRowsProp : _model.initialMovedRows;
     var _metricCalculator = new IrisGridMetricCalculator({
@@ -600,6 +627,8 @@ export class IrisGrid extends Component {
       showOverflowModal: false,
       overflowText: '',
       overflowButtonTooltipProps: null,
+      expandCellTooltipProps: null,
+      expandTooltipDisplayValue: 'expand',
       isGotoShown: false,
       gotoRow: '',
       gotoRowError: '',
@@ -1530,7 +1559,7 @@ export class IrisGrid extends Component {
     var {
       partitionColumn
     } = this.state;
-    if (!partitionColumn) {
+    if (partitionColumn == null) {
       return;
     }
     onPartitionAppend(partitionColumn, value);
@@ -1539,7 +1568,7 @@ export class IrisGrid extends Component {
     var {
       partitionColumn
     } = this.state;
-    if (!partitionColumn) {
+    if (partitionColumn == null) {
       return;
     }
     this.updatePartition(partition, partitionColumn);
@@ -2886,6 +2915,7 @@ export class IrisGrid extends Component {
       showOverflowModal,
       overflowText,
       overflowButtonTooltipProps,
+      expandCellTooltipProps,
       isGotoShown,
       gotoRow,
       gotoRowError,
@@ -3354,7 +3384,7 @@ export class IrisGrid extends Component {
         transform: "up-1"
       }),
       tooltip: "Table Options"
-    })), focusField, loadingElement, filterBar, columnTooltip, advancedFilterMenus, overflowButtonTooltipProps && this.getOverflowButtonTooltip(overflowButtonTooltipProps)), /*#__PURE__*/React.createElement(GotoRow, {
+    })), focusField, loadingElement, filterBar, columnTooltip, advancedFilterMenus, overflowButtonTooltipProps && this.getOverflowButtonTooltip(overflowButtonTooltipProps), expandCellTooltipProps && this.getExpandCellTooltip(expandCellTooltipProps)), /*#__PURE__*/React.createElement(GotoRow, {
       model: model,
       isShown: isGotoShown,
       gotoRow: gotoRow,
@@ -3439,17 +3469,17 @@ _defineProperty(IrisGrid, "maxDebounce", 500);
 _defineProperty(IrisGrid, "loadingSpinnerDelay", 800);
 _defineProperty(IrisGrid, "defaultProps", {
   children: null,
-  advancedFilters: new Map(),
-  advancedSettings: new Map(),
-  alwaysFetchColumns: [],
-  conditionalFormats: [],
-  customColumnFormatMap: new Map(),
+  advancedFilters: EMPTY_MAP,
+  advancedSettings: EMPTY_MAP,
+  alwaysFetchColumns: EMPTY_ARRAY,
+  conditionalFormats: EMPTY_ARRAY,
+  customColumnFormatMap: EMPTY_MAP,
   isFilterBarShown: false,
   applyInputFiltersOnInit: false,
-  movedColumns: [],
-  movedRows: [],
-  inputFilters: [],
-  customFilters: [],
+  movedColumns: EMPTY_ARRAY,
+  movedRows: EMPTY_ARRAY,
+  inputFilters: EMPTY_ARRAY,
+  customFilters: EMPTY_ARRAY,
   onCreateChart: undefined,
   onColumnSelected: () => undefined,
   onDataSelected: () => undefined,
@@ -3459,15 +3489,15 @@ _defineProperty(IrisGrid, "defaultProps", {
   onAdvancedSettingsChange: () => undefined,
   partition: null,
   partitionColumn: null,
-  quickFilters: new Map(),
-  selectDistinctColumns: [],
-  sorts: [],
+  quickFilters: EMPTY_MAP,
+  selectDistinctColumns: EMPTY_ARRAY,
+  sorts: EMPTY_ARRAY,
   reverseType: TableUtils.REVERSE_TYPE.NONE,
-  customColumns: [],
+  customColumns: EMPTY_ARRAY,
   aggregationSettings: DEFAULT_AGGREGATION_SETTINGS,
   rollupConfig: undefined,
-  userColumnWidths: new Map(),
-  userRowHeights: new Map(),
+  userColumnWidths: EMPTY_MAP,
+  userRowHeights: EMPTY_MAP,
   onSelectionChanged: () => undefined,
   isSelectingColumn: false,
   isSelectingPartition: false,
@@ -3483,7 +3513,7 @@ _defineProperty(IrisGrid, "defaultProps", {
   selectedSearchColumns: null,
   invertSearchColumns: true,
   onContextMenu: () => undefined,
-  pendingDataMap: new Map(),
+  pendingDataMap: EMPTY_MAP,
   getDownloadWorker: undefined,
   settings: {
     timeZone: 'America/New_York',
@@ -3491,7 +3521,7 @@ _defineProperty(IrisGrid, "defaultProps", {
     showTimeZone: false,
     showTSeparator: true,
     truncateNumbersWithPound: false,
-    formatter: [],
+    formatter: EMPTY_ARRAY,
     decimalFormatOptions: PropTypes.shape({
       defaultFormatString: PropTypes.string
     }),