@deephaven/iris-grid 0.42.1-beta.4 → 0.43.0

package/dist/IrisGrid.js

@@ -1,3651 +0,0 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React, { Component } from 'react';
-import memoize from 'memoizee';
-import classNames from 'classnames';
-import { CSSTransition } from 'react-transition-group';
-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, ContextActionUtils } from '@deephaven/components';
-import { Grid, GridRange, GridUtils, isEditableGridModel, isExpandableGridModel } from '@deephaven/grid';
-import { dhEye, dhFilterFilled, dhGraphLineUp, dhTriangleDownSquare, vsClose, vsCloudDownload, vsEdit, vsFilter, vsMenu, vsReply, vsRuby, vsSearch, vsSplitHorizontal, vsSymbolOperator, vsTools } from '@deephaven/icons';
-import { DateUtils, Formatter, FormatterUtils, TableUtils } from '@deephaven/jsapi-utils';
-import { assertNotNull, copyToClipboard, EMPTY_ARRAY, EMPTY_MAP, Pending, PromiseUtils, ValidationError, getOrThrow } from '@deephaven/utils';
-import { Type as FilterType } from '@deephaven/filters';
-import throttle from 'lodash.throttle';
-import debounce from 'lodash.debounce';
-import clamp from 'lodash.clamp';
-import { getFormatColumns } from "./sidebar/conditional-formatting/ConditionalFormattingUtils.js";
-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, IrisGridRowTreeMouseHandler, IrisGridSortMouseHandler, IrisGridTokenMouseHandler, PendingMouseHandler } from "./mousehandlers/index.js";
-import ToastBottomBar from "./ToastBottomBar.js";
-import IrisGridMetricCalculator from "./IrisGridMetricCalculator.js";
-import IrisGridModelUpdater from "./IrisGridModelUpdater.js";
-import IrisGridRenderer from "./IrisGridRenderer.js";
-import IrisGridTheme from "./IrisGridTheme.js";
-import ColumnStatistics from "./ColumnStatistics.js";
-import "./IrisGrid.css";
-import AdvancedFilterCreator from "./AdvancedFilterCreator.js";
-import { Aggregations, AggregationEdit, AggregationUtils, ChartBuilder, CustomColumnBuilder, OptionType, RollupRows, TableCsvExporter, TableSaver, VisibilityOrderingBuilder } from "./sidebar/index.js";
-import IrisGridUtils from "./IrisGridUtils.js";
-import CrossColumnSearch from "./CrossColumnSearch.js";
-import IrisGridModel from "./IrisGridModel.js";
-import IrisGridPartitionSelector from "./IrisGridPartitionSelector.js";
-import SelectDistinctBuilder from "./sidebar/SelectDistinctBuilder.js";
-import AdvancedSettingsType from "./sidebar/AdvancedSettingsType.js";
-import AdvancedSettingsMenu from "./sidebar/AdvancedSettingsMenu.js";
-import SHORTCUTS from "./IrisGridShortcuts.js";
-import ConditionalFormattingMenu from "./sidebar/conditional-formatting/ConditionalFormattingMenu.js";
-import ConditionalFormatEditor from "./sidebar/conditional-formatting/ConditionalFormatEditor.js";
-import IrisGridCellOverflowModal from "./IrisGridCellOverflowModal.js";
-import GotoRow from "./GotoRow.js";
-var log = Log.module('IrisGrid');
-var UPDATE_DOWNLOAD_THROTTLE = 500;
-var SET_FILTER_DEBOUNCE = 250;
-var SEEK_ROW_DEBOUNCE = 250;
-var SET_CONDITIONAL_FORMAT_DEBOUNCE = 250;
-var DEFAULT_AGGREGATION_SETTINGS = Object.freeze({
-  aggregations: EMPTY_ARRAY,
-  showOnTop: false
-});
-var UNFORMATTED_DATE_PATTERN = "yyyy-MM-dd'T'HH:mm:ss.SSSSSSSSS z";
-function isEmptyConfig(_ref) {
-  var {
-    advancedFilters,
-    aggregationSettings,
-    customColumns,
-    quickFilters,
-    reverseType,
-    rollupConfig,
-    searchFilter,
-    selectDistinctColumns,
-    sorts
-  } = _ref;
-  return advancedFilters.size === 0 && aggregationSettings.aggregations.length === 0 && customColumns.length === 0 && quickFilters.size === 0 && reverseType === TableUtils.REVERSE_TYPE.NONE && rollupConfig == null && searchFilter == null && selectDistinctColumns.length === 0 && sorts.length === 0;
-}
-export class IrisGrid extends Component {
-  constructor(props) {
-    var _model$layoutHints, _model$layoutHints$hi, _model$columns$0$name, _model$columns$;
-    super(props);
-    _defineProperty(this, "grid", void 0);
-    _defineProperty(this, "gridWrapper", void 0);
-    _defineProperty(this, "lastFocusedFilterBarColumn", void 0);
-    _defineProperty(this, "lastLoadedConfig", void 0);
-    _defineProperty(this, "tooltip", void 0);
-    _defineProperty(this, "pending", void 0);
-    _defineProperty(this, "globalColumnFormats", void 0);
-    _defineProperty(this, "dateTimeFormatterOptions", void 0);
-    _defineProperty(this, "decimalFormatOptions", void 0);
-    _defineProperty(this, "integerFormatOptions", void 0);
-    _defineProperty(this, "truncateNumbersWithPound", void 0);
-    _defineProperty(this, "loadingScrimStartTime", void 0);
-    _defineProperty(this, "loadingScrimFinishTime", void 0);
-    _defineProperty(this, "animationFrame", void 0);
-    _defineProperty(this, "loadingTimer", void 0);
-    _defineProperty(this, "renderer", void 0);
-    _defineProperty(this, "tableSaver", void 0);
-    _defineProperty(this, "crossColumnRef", void 0);
-    _defineProperty(this, "isAnimating", void 0);
-    _defineProperty(this, "filterInputRef", void 0);
-    _defineProperty(this, "toggleFilterBarAction", void 0);
-    _defineProperty(this, "toggleSearchBarAction", void 0);
-    _defineProperty(this, "toggleGotoRowAction", void 0);
-    _defineProperty(this, "discardAction", void 0);
-    _defineProperty(this, "commitAction", void 0);
-    _defineProperty(this, "contextActions", void 0);
-    _defineProperty(this, "tableUtils", void 0);
-    _defineProperty(this, "getAdvancedMenuOpenedHandler", memoize(column => this.handleAdvancedMenuOpened.bind(this, column), {
-      max: 100
-    }));
-    _defineProperty(this, "getCachedAdvancedFilterMenuActions", memoize((model, column, advancedFilterOptions, sortDirection, formatter) => /*#__PURE__*/React.createElement(AdvancedFilterCreator, {
-      model: model,
-      column: column,
-      onFilterChange: this.handleAdvancedFilterChange,
-      onSortChange: this.handleAdvancedFilterSortChange,
-      onDone: this.handleAdvancedFilterDone,
-      options: advancedFilterOptions,
-      sortDirection: sortDirection,
-      formatter: formatter,
-      tableUtils: this.tableUtils
-    }), {
-      max: 50
-    }));
-    _defineProperty(this, "getCachedOptionItems", memoize((isChartBuilderAvailable, isCustomColumnsAvailable, isFormatColumnsAvailable, isRollupAvailable, isTotalsAvailable, isSelectDistinctAvailable, isExportAvailable, toggleFilterBarAction, toggleSearchBarAction, toggleGotoRowAction, isFilterBarShown, showSearchBar, canDownloadCsv, canToggleSearch, showGotoRow, hasAdvancedSettings) => {
-      var optionItems = [];
-      if (isChartBuilderAvailable) {
-        optionItems.push({
-          type: OptionType.CHART_BUILDER,
-          title: 'Chart Builder',
-          icon: dhGraphLineUp
-        });
-      }
-      optionItems.push({
-        type: OptionType.VISIBILITY_ORDERING_BUILDER,
-        title: 'Organize Columns',
-        icon: dhEye
-      });
-      if (isFormatColumnsAvailable) {
-        optionItems.push({
-          type: OptionType.CONDITIONAL_FORMATTING,
-          title: 'Conditional Formatting',
-          icon: vsEdit
-        });
-      }
-      if (isCustomColumnsAvailable) {
-        optionItems.push({
-          type: OptionType.CUSTOM_COLUMN_BUILDER,
-          title: 'Custom Columns',
-          icon: vsSplitHorizontal
-        });
-      }
-      if (isRollupAvailable) {
-        optionItems.push({
-          type: OptionType.ROLLUP_ROWS,
-          title: 'Rollup Rows',
-          icon: dhTriangleDownSquare
-        });
-      }
-      if (isTotalsAvailable) {
-        optionItems.push({
-          type: OptionType.AGGREGATIONS,
-          title: 'Aggregate Columns',
-          icon: vsSymbolOperator
-        });
-      }
-      if (isSelectDistinctAvailable) {
-        optionItems.push({
-          type: OptionType.SELECT_DISTINCT,
-          title: 'Select Distinct Values',
-          icon: vsRuby
-        });
-      }
-      if (isExportAvailable && canDownloadCsv) {
-        optionItems.push({
-          type: OptionType.TABLE_EXPORTER,
-          title: 'Download CSV',
-          icon: vsCloudDownload
-        });
-      }
-      if (hasAdvancedSettings) {
-        optionItems.push({
-          type: OptionType.ADVANCED_SETTINGS,
-          title: 'Advanced Settings',
-          icon: vsTools
-        });
-      }
-      optionItems.push({
-        type: OptionType.QUICK_FILTERS,
-        title: 'Quick Filters',
-        subtitle: toggleFilterBarAction.shortcut.getDisplayText(),
-        icon: vsFilter,
-        isOn: isFilterBarShown,
-        onChange: toggleFilterBarAction.action
-      });
-      if (canToggleSearch) {
-        optionItems.push({
-          type: OptionType.SEARCH_BAR,
-          title: 'Search Bar',
-          subtitle: toggleSearchBarAction.shortcut.getDisplayText(),
-          icon: vsSearch,
-          isOn: showSearchBar,
-          onChange: toggleSearchBarAction.action
-        });
-      }
-      optionItems.push({
-        type: OptionType.GOTO,
-        title: 'Go to',
-        subtitle: toggleGotoRowAction.shortcut.getDisplayText(),
-        icon: vsReply,
-        isOn: showGotoRow,
-        onChange: toggleGotoRowAction.action
-      });
-      return Object.freeze(optionItems);
-    }, {
-      max: 1
-    }));
-    _defineProperty(this, "getCachedHiddenColumns", memoize((metricCalculator, userColumnWidths) => IrisGridUtils.getHiddenColumns(new Map([...metricCalculator.initialColumnWidths, ...userColumnWidths])), {
-      max: 1
-    }));
-    _defineProperty(this, "getAggregationMap", memoize((columns, aggregations) => {
-      var aggregationMap = {};
-      aggregations.forEach(_ref2 => {
-        var {
-          operation,
-          selected,
-          invert
-        } = _ref2;
-        aggregationMap[operation] = AggregationUtils.getOperationColumnNames(columns, operation, selected, invert);
-      });
-      return aggregationMap;
-    }));
-    _defineProperty(this, "getOperationMap", memoize((columns, aggregations) => {
-      var operationMap = {};
-      aggregations.filter(a => !AggregationUtils.isRollupOperation(a.operation)).forEach(_ref3 => {
-        var {
-          operation,
-          selected,
-          invert
-        } = _ref3;
-        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] = Object.freeze(newOperations);
-        });
-      });
-      return operationMap;
-    }));
-    _defineProperty(this, "getOperationOrder", memoize(aggregations => aggregations.map(a => a.operation).filter(o => !AggregationUtils.isRollupOperation(o))));
-    _defineProperty(this, "getCachedFormatColumns", memoize((dh, columns, rules) => getFormatColumns(dh, columns, rules)));
-    _defineProperty(this, "getCachedPreviewFormatColumns", memoize((dh, columns, rulesParam, preview, editIndex) => {
-      log.debug('getCachedPreviewFormatColumns', rulesParam, preview, editIndex);
-      if (preview !== undefined && editIndex !== undefined) {
-        var rules = [...rulesParam];
-        rules[editIndex] = preview;
-        return this.getCachedFormatColumns(dh, columns, rules);
-      }
-      return this.getCachedFormatColumns(dh, columns, rulesParam);
-    }));
-    _defineProperty(this, "getModelRollupConfig", memoize((originalColumns, config, aggregationSettings) => IrisGridUtils.getModelRollupConfig(originalColumns, config, aggregationSettings)));
-    _defineProperty(this, "getModelTotalsConfig", memoize((columns, config, aggregationSettings) => {
-      var _config$columns$lengt, _config$columns, _aggregations$length;
-      var {
-        aggregations,
-        showOnTop
-      } = aggregationSettings;
-      // If we've got rollups, then aggregations are applied as part of that...
-      if (((_config$columns$lengt = config === null || config === void 0 ? void 0 : (_config$columns = config.columns) === null || _config$columns === void 0 ? void 0 : _config$columns.length) !== null && _config$columns$lengt !== void 0 ? _config$columns$lengt : 0) > 0 || ((_aggregations$length = aggregations === null || aggregations === void 0 ? void 0 : aggregations.length) !== null && _aggregations$length !== void 0 ? _aggregations$length : 0) === 0) {
-        return null;
-      }
-      var operationMap = this.getOperationMap(columns, aggregations);
-      var operationOrder = this.getOperationOrder(aggregations);
-      return {
-        operationMap,
-        operationOrder,
-        showOnTop
-      };
-    }));
-    _defineProperty(this, "getCachedStateOverride", memoize((hoverSelectColumn, isFilterBarShown, isSelectingColumn, loadingScrimProgress, quickFilters, advancedFilters, sorts, reverseType, rollupConfig, isMenuShown) => ({
-      hoverSelectColumn,
-      isFilterBarShown,
-      isSelectingColumn,
-      loadingScrimProgress,
-      quickFilters,
-      advancedFilters,
-      sorts,
-      reverseType,
-      rollupConfig,
-      isMenuShown
-    }), {
-      max: 1
-    }));
-    _defineProperty(this, "getCachedFilter", memoize((customFilters, quickFilters, advancedFilters, partitionFilters, searchFilter) => [...(customFilters !== null && customFilters !== void 0 ? customFilters : []), ...(partitionFilters !== null && partitionFilters !== void 0 ? partitionFilters : []), ...IrisGridUtils.getFiltersFromFilterMap(quickFilters), ...IrisGridUtils.getFiltersFromFilterMap(advancedFilters), ...(searchFilter !== undefined ? [searchFilter] : [])], {
-      max: 1
-    }));
-    _defineProperty(this, "getCachedTheme", memoize((theme, isEditable, floatingRowCount) => _objectSpread(_objectSpread(_objectSpread({}, IrisGridTheme), theme), {}, {
-      autoSelectRow: !isEditable,
-      // We only show the row footers when we have floating rows for aggregations
-      rowFooterWidth: floatingRowCount > 0 ? theme.rowFooterWidth : 0
-    }), {
-      max: 1
-    }));
-    _defineProperty(this, "getAlwaysFetchColumns", memoize((alwaysFetchColumns, columns, movedColumns, floatingLeftColumnCount, floatingRightColumnCount, draggingRange) => {
-      var floatingColumns = [];
-      for (var i = 0; i < floatingLeftColumnCount; i += 1) {
-        floatingColumns.push(columns[GridUtils.getModelIndex(i, movedColumns)].name);
-      }
-      for (var _i = 0; _i < floatingRightColumnCount; _i += 1) {
-        floatingColumns.push(columns[GridUtils.getModelIndex(columns.length - 1 - _i, movedColumns)].name);
-      }
-      if (draggingRange) {
-        for (var _i2 = draggingRange[0]; _i2 <= draggingRange[1]; _i2 += 1) {
-          floatingColumns.push(columns[GridUtils.getModelIndex(_i2, movedColumns)].name);
-        }
-      }
-      var columnSet = new Set([...alwaysFetchColumns, ...floatingColumns]);
-      return Object.freeze([...columnSet]);
-    }));
-    _defineProperty(this, "updateSearchFilter", debounce((searchValue, selectedSearchColumns, columns, invertSearchColumns) => {
-      var {
-        model
-      } = this.props;
-      var searchFilter = CrossColumnSearch.createSearchFilter(model.dh, searchValue, selectedSearchColumns, columns, invertSearchColumns);
-      this.setState({
-        searchFilter
-      });
-    }, SET_FILTER_DEBOUNCE));
-    _defineProperty(this, "handleConditionalFormatEditorUpdate", debounce(conditionalFormatPreview => {
-      this.setState({
-        conditionalFormatPreview
-      });
-    }, SET_CONDITIONAL_FORMAT_DEBOUNCE));
-    _defineProperty(this, "handleDownloadProgressUpdate", throttle((tableDownloadProgress, tableDownloadEstimatedTime) => {
-      var {
-        tableDownloadStatus
-      } = this.state;
-      if (tableDownloadStatus === TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING) {
-        this.setState({
-          tableDownloadProgress,
-          tableDownloadEstimatedTime
-        });
-      }
-    }, UPDATE_DOWNLOAD_THROTTLE));
-    _defineProperty(this, "getOverflowButtonTooltip", memoize(overflowButtonTooltipProps => {
-      if (overflowButtonTooltipProps == null) {
-        return null;
-      }
-      var wrapperStyle = _objectSpread(_objectSpread({
-        position: 'absolute'
-      }, overflowButtonTooltipProps), {}, {
-        pointerEvents: 'none'
-      });
-      var popperOptions = {
-        placement: 'left',
-        modifiers: {
-          flip: {
-            behavior: ['left', 'right']
-          }
-        }
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        style: wrapperStyle
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        key: Date.now(),
-        options: popperOptions,
-        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, "getLinkHoverTooltip", memoize(linkHoverTooltipProps => {
-      if (linkHoverTooltipProps == null) {
-        return null;
-      }
-      var {
-        linkHoverDisplayValue
-      } = this.state;
-      var wrapperStyle = _objectSpread(_objectSpread({
-        position: 'absolute'
-      }, linkHoverTooltipProps), {}, {
-        pointerEvents: 'none'
-      });
-      var popperOptions = {
-        placement: 'bottom'
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        style: wrapperStyle
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        options: popperOptions,
-        ref: this.handleTooltipRef
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "link-hover-tooltip"
-      }, linkHoverDisplayValue, " - Click once to follow.", /*#__PURE__*/React.createElement("br", null), "Click and hold to select this cell.")));
-    }));
-    _defineProperty(this, "handleGotoValueChanged", input => {
-      this.setState({
-        gotoValue: input
-      });
-      this.debouncedSeekRow(input);
-    });
-    _defineProperty(this, "debouncedSeekRow", debounce(input => {
-      this.seekRow(input);
-    }, SEEK_ROW_DEBOUNCE));
-    this.handleAdvancedFilterChange = this.handleAdvancedFilterChange.bind(this);
-    this.handleAdvancedFilterSortChange = this.handleAdvancedFilterSortChange.bind(this);
-    this.handleAdvancedFilterDone = this.handleAdvancedFilterDone.bind(this);
-    this.handleAdvancedMenuOpened = this.handleAdvancedMenuOpened.bind(this);
-    this.handleGotoRowOpened = this.handleGotoRowOpened.bind(this);
-    this.handleGotoRowClosed = this.handleGotoRowClosed.bind(this);
-    this.handleAdvancedMenuClosed = this.handleAdvancedMenuClosed.bind(this);
-    this.handleAggregationChange = this.handleAggregationChange.bind(this);
-    this.handleAggregationsChange = this.handleAggregationsChange.bind(this);
-    this.handleAggregationEdit = this.handleAggregationEdit.bind(this);
-    this.handleAnimationLoop = this.handleAnimationLoop.bind(this);
-    this.handleAnimationStart = this.handleAnimationStart.bind(this);
-    this.handleAnimationEnd = this.handleAnimationEnd.bind(this);
-    this.handleChartChange = this.handleChartChange.bind(this);
-    this.handleChartCreate = this.handleChartCreate.bind(this);
-    this.handleGridError = this.handleGridError.bind(this);
-    this.handleFilterBarChange = this.handleFilterBarChange.bind(this);
-    this.handleFilterBarDone = this.handleFilterBarDone.bind(this);
-    this.handleFilterBarTab = this.handleFilterBarTab.bind(this);
-    this.handleCancel = this.handleCancel.bind(this);
-    this.handleMenu = this.handleMenu.bind(this);
-    this.handleMenuClose = this.handleMenuClose.bind(this);
-    this.handleMenuSelect = this.handleMenuSelect.bind(this);
-    this.handleMenuBack = this.handleMenuBack.bind(this);
-    this.handleRequestFailed = this.handleRequestFailed.bind(this);
-    this.handleSelectionChanged = this.handleSelectionChanged.bind(this);
-    this.handleMovedColumnsChanged = this.handleMovedColumnsChanged.bind(this);
-    this.handleHeaderGroupsChanged = this.handleHeaderGroupsChanged.bind(this);
-    this.handleUpdate = this.handleUpdate.bind(this);
-    this.handleTooltipRef = this.handleTooltipRef.bind(this);
-    this.handleViewChanged = this.handleViewChanged.bind(this);
-    this.handleFormatSelection = this.handleFormatSelection.bind(this);
-    this.handleConditionalFormatCreate = this.handleConditionalFormatCreate.bind(this);
-    this.handleConditionalFormatEdit = this.handleConditionalFormatEdit.bind(this);
-    this.handleConditionalFormatsChange = this.handleConditionalFormatsChange.bind(this);
-    this.handleConditionalFormatEditorSave = this.handleConditionalFormatEditorSave.bind(this);
-    this.handleConditionalFormatEditorCancel = this.handleConditionalFormatEditorCancel.bind(this);
-    this.handleUpdateCustomColumns = this.handleUpdateCustomColumns.bind(this);
-    this.handleCustomColumnsChanged = this.handleCustomColumnsChanged.bind(this);
-    this.handleSelectDistinctChanged = this.handleSelectDistinctChanged.bind(this);
-    this.handlePendingDataUpdated = this.handlePendingDataUpdated.bind(this);
-    this.handlePendingCommitClicked = this.handlePendingCommitClicked.bind(this);
-    this.handlePendingDiscardClicked = this.handlePendingDiscardClicked.bind(this);
-    this.handleGotoRowSelectedRowNumberSubmit = this.handleGotoRowSelectedRowNumberSubmit.bind(this);
-    this.focusRowInGrid = this.focusRowInGrid.bind(this);
-    this.handleDownloadTable = this.handleDownloadTable.bind(this);
-    this.handleDownloadTableStart = this.handleDownloadTableStart.bind(this);
-    this.handleCancelDownloadTable = this.handleCancelDownloadTable.bind(this);
-    this.handleDownloadCanceled = this.handleDownloadCanceled.bind(this);
-    this.handleDownloadCompleted = this.handleDownloadCompleted.bind(this);
-    this.handlePartitionAppend = this.handlePartitionAppend.bind(this);
-    this.handlePartitionChange = this.handlePartitionChange.bind(this);
-    this.handlePartitionFetchAll = this.handlePartitionFetchAll.bind(this);
-    this.handlePartitionDone = this.handlePartitionDone.bind(this);
-    this.handleColumnVisibilityChanged = this.handleColumnVisibilityChanged.bind(this);
-    this.handleColumnVisibilityReset = this.handleColumnVisibilityReset.bind(this);
-    this.handleCrossColumnSearch = this.handleCrossColumnSearch.bind(this);
-    this.handleRollupChange = this.handleRollupChange.bind(this);
-    this.handleOverflowClose = this.handleOverflowClose.bind(this);
-    this.getColumnBoundingRect = this.getColumnBoundingRect.bind(this);
-    this.handleGotoRowSelectedRowNumberChanged = this.handleGotoRowSelectedRowNumberChanged.bind(this);
-    this.handleGotoValueSelectedColumnNameChanged = this.handleGotoValueSelectedColumnNameChanged.bind(this);
-    this.handleGotoValueSelectedFilterChanged = this.handleGotoValueSelectedFilterChanged.bind(this);
-    this.handleGotoValueChanged = this.handleGotoValueChanged.bind(this);
-    this.handleGotoValueSubmitted = this.handleGotoValueSubmitted.bind(this);
-    this.grid = null;
-    this.gridWrapper = null;
-    this.lastLoadedConfig = null;
-    this.pending = new Pending();
-    this.globalColumnFormats = EMPTY_ARRAY;
-    this.decimalFormatOptions = {};
-    this.integerFormatOptions = {};
-    this.truncateNumbersWithPound = false;
-
-    // When the loading scrim started/when it should extend to the end of the screen.
-    this.renderer = new IrisGridRenderer();
-    this.tableSaver = null;
-    this.crossColumnRef = /*#__PURE__*/React.createRef();
-    this.isAnimating = false;
-    this.filterInputRef = /*#__PURE__*/React.createRef();
-    this.toggleFilterBarAction = {
-      action: () => this.toggleFilterBar(),
-      shortcut: SHORTCUTS.TABLE.TOGGLE_QUICK_FILTER
-    };
-    this.toggleSearchBarAction = {
-      action: () => this.toggleSearchBar(),
-      shortcut: SHORTCUTS.TABLE.TOGGLE_SEARCH
-    };
-    this.toggleGotoRowAction = {
-      action: () => this.toggleGotoRow(),
-      shortcut: SHORTCUTS.TABLE.GOTO_ROW
-    };
-    this.discardAction = {
-      action: () => {
-        var {
-          model
-        } = this.props;
-        if (isEditableGridModel(model) && model.isEditable && model.pendingDataMap.size > 0) {
-          this.discardPending().catch(log.error);
-        }
-      },
-      shortcut: SHORTCUTS.INPUT_TABLE.DISCARD
-    };
-    this.commitAction = {
-      action: () => {
-        var {
-          model
-        } = this.props;
-        if (isEditableGridModel(model) && model.isEditable && model.pendingDataMap.size > 0 && model.pendingDataErrors.size === 0) {
-          this.commitPending().catch(log.error);
-        }
-      },
-      shortcut: SHORTCUTS.INPUT_TABLE.COMMIT
-    };
-    this.contextActions = [this.toggleFilterBarAction, this.toggleSearchBarAction, this.toggleGotoRowAction, this.discardAction, this.commitAction];
-    var {
-      aggregationSettings: _aggregationSettings,
-      conditionalFormats,
-      customColumnFormatMap,
-      isFilterBarShown: _isFilterBarShown,
-      isSelectingPartition,
-      model: _model,
-      movedColumns: movedColumnsProp,
-      movedRows: movedRowsProp,
-      partition,
-      partitionColumn,
-      rollupConfig: _rollupConfig,
-      userColumnWidths: _userColumnWidths,
-      userRowHeights,
-      showSearchBar: _showSearchBar,
-      searchValue: _searchValue,
-      selectedSearchColumns: _selectedSearchColumns,
-      invertSearchColumns: _invertSearchColumns,
-      advancedFilters: _advancedFilters,
-      quickFilters: _quickFilters,
-      selectDistinctColumns,
-      pendingDataMap,
-      canCopy,
-      frozenColumns,
-      columnHeaderGroups
-    } = props;
-    var keyHandlers = [new ReverseKeyHandler(this), new ClearFilterKeyHandler(this)];
-    if (canCopy) {
-      keyHandlers.push(new CopyKeyHandler(this));
-    }
-    var {
-      dh: _dh
-    } = _model;
-    var mouseHandlers = [new IrisGridCellOverflowMouseHandler(this), new IrisGridRowTreeMouseHandler(this), new IrisGridTokenMouseHandler(this), new IrisGridColumnSelectMouseHandler(this), new IrisGridColumnTooltipMouseHandler(this), new IrisGridSortMouseHandler(this), new IrisGridFilterMouseHandler(this), new IrisGridContextMenuHandler(this, _dh), 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({
-      userColumnWidths: new Map(_userColumnWidths),
-      userRowHeights: new Map(userRowHeights),
-      movedColumns: _movedColumns,
-      initialColumnWidths: new Map(_model === null || _model === void 0 ? void 0 : (_model$layoutHints = _model.layoutHints) === null || _model$layoutHints === void 0 ? void 0 : (_model$layoutHints$hi = _model$layoutHints.hiddenColumns) === null || _model$layoutHints$hi === void 0 ? void 0 : _model$layoutHints$hi.map(name => [_model.getColumnIndexByName(name), 0]))
-    });
-    var searchColumns = _selectedSearchColumns !== null && _selectedSearchColumns !== void 0 ? _selectedSearchColumns : [];
-    var _searchFilter = CrossColumnSearch.createSearchFilter(_dh, _searchValue, searchColumns, _model.columns, _invertSearchColumns);
-    this.tableUtils = new TableUtils(_dh);
-    this.state = {
-      isFilterBarShown: _isFilterBarShown,
-      isSelectingPartition,
-      focusedFilterBarColumn: null,
-      metricCalculator: _metricCalculator,
-      metrics: undefined,
-      keyHandlers,
-      mouseHandlers,
-      partition,
-      partitionColumn,
-      partitionTable: null,
-      partitionFilters: [],
-      // setAdvancedFilter and setQuickFilter mutate the arguments
-      // so we want to always use map copies from the state instead of props
-      quickFilters: _quickFilters ? new Map(_quickFilters) : new Map(),
-      advancedFilters: new Map(_advancedFilters),
-      shownAdvancedFilter: null,
-      hoverAdvancedFilter: null,
-      sorts: [],
-      reverseType: TableUtils.REVERSE_TYPE.NONE,
-      customColumns: [],
-      selectDistinctColumns,
-      // selected range in table
-      selectedRanges: [],
-      // Current ongoing copy operation
-      copyOperation: null,
-      // The filter that is currently being applied. Reset after update is received
-      loadingText: null,
-      loadingScrimProgress: null,
-      loadingSpinnerShown: false,
-      movedColumns: _movedColumns,
-      movedRows,
-      shownColumnTooltip: null,
-      formatter: new Formatter(_dh),
-      isMenuShown: false,
-      customColumnFormatMap: new Map(customColumnFormatMap),
-      conditionalFormats,
-      conditionalFormatEditIndex: null,
-      conditionalFormatPreview: undefined,
-      // Column user is hovering over for selection
-      hoverSelectColumn: null,
-      isTableDownloading: false,
-      isReady: false,
-      tableDownloadStatus: '',
-      tableDownloadProgress: 0,
-      tableDownloadEstimatedTime: 0,
-      showSearchBar: _showSearchBar,
-      searchFilter: _searchFilter,
-      searchValue: _searchValue,
-      selectedSearchColumns: searchColumns,
-      invertSearchColumns: _invertSearchColumns,
-      rollupConfig: _rollupConfig,
-      rollupSelectedColumns: [],
-      aggregationSettings: _aggregationSettings,
-      selectedAggregation: null,
-      openOptions: [],
-      pendingRowCount: 0,
-      pendingDataMap: pendingDataMap !== null && pendingDataMap !== void 0 ? pendingDataMap : new Map(),
-      pendingDataErrors: new Map(),
-      pendingSavePromise: null,
-      pendingSaveError: null,
-      toastMessage: null,
-      frozenColumns,
-      showOverflowModal: false,
-      overflowText: '',
-      overflowButtonTooltipProps: null,
-      expandCellTooltipProps: null,
-      expandTooltipDisplayValue: 'expand',
-      linkHoverTooltipProps: null,
-      linkHoverDisplayValue: '',
-      isGotoShown: false,
-      gotoRow: '',
-      gotoRowError: '',
-      gotoValueError: '',
-      gotoValueSelectedColumnName: (_model$columns$0$name = (_model$columns$ = _model.columns[0]) === null || _model$columns$ === void 0 ? void 0 : _model$columns$.name) !== null && _model$columns$0$name !== void 0 ? _model$columns$0$name : '',
-      gotoValueSelectedFilter: FilterType.eqIgnoreCase,
-      gotoValue: '',
-      columnHeaderGroups: columnHeaderGroups !== null && columnHeaderGroups !== void 0 ? columnHeaderGroups : _model.initialColumnHeaderGroups
-    };
-  }
-  componentDidMount() {
-    var {
-      partitionColumn,
-      model
-    } = this.props;
-    var column = partitionColumn !== null && partitionColumn !== void 0 ? partitionColumn : model.columns.find(c => c.isPartitionColumn);
-    if (model.isFilterRequired && model.isValuesTableAvailable && column != null) {
-      this.loadPartitionsTable(column);
-    } else {
-      this.initState();
-    }
-    this.startListening(model);
-  }
-  componentDidUpdate(prevProps) {
-    var {
-      inputFilters,
-      isSelectingColumn,
-      settings,
-      model,
-      customFilters,
-      sorts
-    } = this.props;
-    if (model !== prevProps.model) {
-      this.stopListening(prevProps.model);
-      this.startListening(model);
-    }
-    var changedInputFilters = inputFilters !== prevProps.inputFilters ? inputFilters.filter(inputFilter => !prevProps.inputFilters.includes(inputFilter)) : [];
-    if (changedInputFilters.length > 0) {
-      var _advancedSettings$get;
-      var {
-        advancedSettings
-      } = this.props;
-      var replaceExistingFilters = (_advancedSettings$get = advancedSettings.get(AdvancedSettingsType.FILTER_CONTROL_CHANGE_CLEARS_ALL_FILTERS)) !== null && _advancedSettings$get !== void 0 ? _advancedSettings$get : false;
-      if (replaceExistingFilters) {
-        this.clearGridInputField();
-        this.clearCrossColumSearch();
-      }
-      this.startLoading('Filtering...', true);
-      this.applyInputFilters(changedInputFilters, replaceExistingFilters);
-    }
-    if (isSelectingColumn !== prevProps.isSelectingColumn) {
-      this.resetColumnSelection();
-    }
-    if (settings !== prevProps.settings) {
-      this.updateFormatterSettings(settings);
-    }
-    if (customFilters !== prevProps.customFilters) {
-      this.startLoading('Filtering...', true);
-    }
-    if (sorts !== prevProps.sorts) {
-      this.updateSorts(sorts);
-    }
-    var {
-      loadingScrimStartTime,
-      loadingScrimFinishTime
-    } = this;
-    if (loadingScrimStartTime != null && loadingScrimFinishTime != null) {
-      window.requestAnimationFrame(() => {
-        var now = Date.now();
-        var currentTime = now - loadingScrimStartTime;
-        var totalTime = loadingScrimFinishTime - loadingScrimStartTime;
-        var loadingScrimProgress = Math.min(currentTime / totalTime, 1);
-        if (loadingScrimFinishTime < now) {
-          this.loadingScrimStartTime = undefined;
-          this.loadingScrimFinishTime = undefined;
-        }
-        this.setState(state => {
-          if (state.loadingScrimProgress == null) {
-            log.debug2('Ignoring scrim update because loading cancelled.');
-            return null;
-          }
-          return {
-            loadingScrimProgress
-          };
-        });
-      });
-    }
-    this.sendStateChange();
-  }
-  componentWillUnmount() {
-    var {
-      model
-    } = this.props;
-    this.stopListening(model);
-    this.pending.cancel();
-    this.updateSearchFilter.cancel();
-    if (this.loadingTimer) {
-      clearTimeout(this.loadingTimer);
-    }
-    this.handleDownloadProgressUpdate.cancel();
-    if (this.animationFrame !== undefined) {
-      cancelAnimationFrame(this.animationFrame);
-    }
-  }
-  getValueForCell(columnIndex, rowIndex) {
-    var rawValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var {
-      model
-    } = this.props;
-    var {
-      dh
-    } = model;
-    var modelColumn = this.getModelColumn(columnIndex);
-    var modelRow = this.getModelRow(rowIndex);
-    if (rawValue && modelColumn != null && modelRow != null) {
-      var _value = model.valueForCell(modelColumn, modelRow);
-      if (TableUtils.isDateType(model.columns[modelColumn].type)) {
-        // The returned value is just a long value, we should return the value formatted as a full date string
-        var {
-          formatter
-        } = model;
-        return dh.i18n.DateTimeFormat.format(UNFORMATTED_DATE_PATTERN, _value, dh.i18n.TimeZone.getTimeZone(formatter.timeZone));
-      }
-      return _value;
-    }
-    if (rawValue) {
-      return null;
-    }
-    if (modelColumn != null && modelRow != null) {
-      return model.textForCell(modelColumn, modelRow);
-    }
-    return '';
-  }
-  getModelColumn(columnIndex) {
-    var {
-      metrics
-    } = this.state;
-    assertNotNull(metrics);
-    var {
-      modelColumns
-    } = metrics;
-    if (modelColumns == null) {
-      return null;
-    }
-    return columnIndex != null ? modelColumns.get(columnIndex) : null;
-  }
-  getModelRow(rowIndex) {
-    var {
-      metrics
-    } = this.state;
-    assertNotNull(metrics);
-    var {
-      modelRows
-    } = metrics;
-    if (modelRows == null) {
-      return null;
-    }
-    return rowIndex != null ? modelRows.get(rowIndex) : null;
-  }
-  getTheme() {
-    var _ref4;
-    var {
-      model,
-      theme
-    } = this.props;
-    return this.getCachedTheme(theme, (_ref4 = isEditableGridModel(model) && model.isEditable) !== null && _ref4 !== void 0 ? _ref4 : false, model.floatingTopRowCount + model.floatingBottomRowCount);
-  }
-  getVisibleColumn(modelIndex) {
-    var {
-      movedColumns
-    } = this.state;
-    return GridUtils.getVisibleIndex(modelIndex, movedColumns);
-  }
-  makeQuickFilter(column, text, timeZone) {
-    try {
-      return this.tableUtils.makeQuickFilter(column, text, timeZone);
-    } catch (err) {
-      log.error('Error creating quick filter', err);
-    }
-    return null;
-  }
-
-  /**
-   * Applies the provided input filters as quick filters,
-   * and clears any existing quickFilters or advancedFilters on that column
-   * @param inputFilters Array of input filters to apply
-   * @param replaceExisting If true, new filters will replace the existing ones, instead of merging
-   */
-  applyInputFilters(inputFilters) {
-    var replaceExisting = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var {
-      model
-    } = this.props;
-    var {
-      advancedFilters,
-      quickFilters
-    } = this.state;
-    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 => {
-      var {
-        name,
-        type,
-        value
-      } = _ref5;
-      var modelIndex = model.columns.findIndex(_ref6 => {
-        var {
-          name: columnName,
-          type: columnType
-        } = _ref6;
-        return columnName === name && columnType === type;
-      });
-      if (modelIndex >= 0) {
-        isChanged = newAdvancedFilters.delete(modelIndex) || isChanged;
-        isChanged = this.applyQuickFilter(modelIndex, value, newQuickFilters) || isChanged;
-      } else {
-        log.error('Unable to find column for inputFilter', name, type, value);
-      }
-    });
-    if (isChanged) {
-      this.setState({
-        quickFilters: newQuickFilters,
-        advancedFilters: newAdvancedFilters
-      });
-    }
-  }
-
-  /**
-   * Applies a quick filter
-   * @param modelIndex The index in the model of the column to set
-   * @param value The string value to set to the quick filter
-   * @param quickFilters The quick filters map
-   * @returns True if the filters have changed because this quick filter was applied
-   */
-  applyQuickFilter(modelIndex, value, quickFilters) {
-    var {
-      model
-    } = this.props;
-    var {
-      formatter
-    } = model;
-    var column = model.columns[modelIndex];
-    if (value != null && "".concat(value).trim().length > 0) {
-      var quickFilter = quickFilters.get(modelIndex);
-      if (quickFilter != null) {
-        var {
-          text
-        } = quickFilter;
-        if (text === value) {
-          log.debug2('Ignoring change to existing filter');
-          return false;
-        }
-      }
-      quickFilters.set(modelIndex, {
-        text: value,
-        filter: this.makeQuickFilter(column, value, formatter.timeZone)
-      });
-      return true;
-    }
-    return quickFilters.delete(modelIndex);
-  }
-  setAdvancedFilterMap(advancedFilters) {
-    this.setState({
-      advancedFilters
-    });
-  }
-  setAdvancedFilter(modelIndex, filter, options) {
-    log.debug('Setting advanced filter', modelIndex, filter);
-    this.startLoading('Filtering...', true);
-    this.setState(_ref7 => {
-      var {
-        advancedFilters
-      } = _ref7;
-      var newAdvancedFilters = new Map(advancedFilters);
-      if (filter == null) {
-        newAdvancedFilters.delete(modelIndex);
-      } else {
-        newAdvancedFilters.set(modelIndex, {
-          filter,
-          options
-        });
-      }
-      return {
-        advancedFilters: newAdvancedFilters
-      };
-    });
-  }
-
-  /**
-   * Sets a quick filter against the provided column
-   * @param modelIndex The index in the model for the column this filter is applied to
-   * @param filter A filter to apply to the column, or null if there was an error
-   * @param text The original text the filter was created with
-   */
-  setQuickFilter(modelIndex, filter, text) {
-    log.debug('Setting quick filter', modelIndex, filter, text);
-    this.startLoading('Filtering...', true);
-    this.setState(_ref8 => {
-      var {
-        quickFilters
-      } = _ref8;
-      var newQuickFilters = new Map(quickFilters);
-      newQuickFilters.set(modelIndex, {
-        filter,
-        text
-      });
-      return {
-        quickFilters: newQuickFilters
-      };
-    });
-  }
-
-  /**
-   * Set grid filters based on the filter map
-   * @param filterMap Filter map
-   */
-  setFilterMap(filterMap) {
-    var _advancedSettings$get2;
-    log.debug('setFilterMap', filterMap);
-    var {
-      advancedSettings
-    } = this.props;
-    var clearFiltersOnLinkerFilterUpdate = (_advancedSettings$get2 = advancedSettings.get(AdvancedSettingsType.LINK_CHANGE_CLEARS_ALL_FILTERS)) !== null && _advancedSettings$get2 !== void 0 ? _advancedSettings$get2 : false;
-    if (clearFiltersOnLinkerFilterUpdate) {
-      this.clearAllFilters();
-    }
-    var {
-      model
-    } = this.props;
-    filterMap.forEach((_ref9, columnName) => {
-      var {
-        columnType,
-        filterList
-      } = _ref9;
-      var column = model.columns.find(c => c.name === columnName && c.type === columnType);
-      if (column == null) {
-        return;
-      }
-      var columnIndex = model.getColumnIndexByName(column.name);
-      assertNotNull(columnIndex);
-      var combinedText = IrisGridUtils.combineFiltersFromList(columnType, filterList);
-      if (combinedText.length === 0) {
-        this.removeQuickFilter(columnIndex);
-      } else {
-        var {
-          formatter
-        } = model;
-        this.setQuickFilter(columnIndex, this.makeQuickFilter(column, combinedText, formatter.timeZone), "".concat(combinedText));
-      }
-    });
-  }
-  removeColumnFilter(modelColumn) {
-    this.startLoading('Filtering...', true);
-    this.setState(_ref10 => {
-      var {
-        advancedFilters,
-        quickFilters
-      } = _ref10;
-      var newAdvancedFilters = advancedFilters ? new Map(advancedFilters) : new Map();
-      var newQuickFilters = quickFilters ? new Map(quickFilters) : new Map();
-      newQuickFilters.delete(modelColumn);
-      newAdvancedFilters.delete(modelColumn);
-      return {
-        quickFilters: newQuickFilters,
-        advancedFilters: newAdvancedFilters
-      };
-    });
-  }
-  removeQuickFilter(modelColumn) {
-    this.startLoading('Clearing Filter...', true);
-    this.setState(_ref11 => {
-      var {
-        quickFilters
-      } = _ref11;
-      var newQuickFilters = new Map(quickFilters);
-      newQuickFilters.delete(modelColumn);
-      return {
-        quickFilters: newQuickFilters
-      };
-    });
-  }
-  clearAllFilters() {
-    log.debug('Clearing all filters');
-    var {
-      advancedFilters,
-      quickFilters,
-      searchFilter
-    } = this.state;
-    if (quickFilters.size === 0 && advancedFilters.size === 0 && searchFilter === null) {
-      return;
-    }
-
-    // if there is an active quick filter input field, reset it as well
-    this.clearGridInputField();
-    this.startLoading('Clearing Filters...', true);
-    this.setState({
-      quickFilters: new Map(),
-      advancedFilters: new Map(),
-      searchValue: '',
-      searchFilter: undefined
-    });
-  }
-  clearCrossColumSearch() {
-    log.debug('Clearing cross-column search');
-    this.setState({
-      searchValue: '',
-      searchFilter: undefined
-    });
-  }
-  clearGridInputField() {
-    if (this.filterInputRef.current != null) {
-      this.filterInputRef.current.setValue('');
-    }
-  }
-
-  /**
-   * Rebuilds all the current filters. Necessary if something like the time zone has changed.
-   */
-  rebuildFilters() {
-    log.debug('Rebuilding filters');
-    var {
-      model
-    } = this.props;
-    var {
-      advancedFilters,
-      quickFilters
-    } = this.state;
-    var {
-      columns,
-      formatter
-    } = model;
-    var newAdvancedFilters = new Map();
-    var newQuickFilters = new Map();
-    advancedFilters.forEach((value, key) => {
-      var {
-        options
-      } = value;
-      var column = columns[key];
-      var filter = this.tableUtils.makeAdvancedFilter(column, options, formatter.timeZone);
-      newAdvancedFilters.set(key, {
-        options,
-        filter
-      });
-    });
-    quickFilters.forEach((value, key) => {
-      var {
-        text
-      } = value;
-      var column = columns[key];
-      newQuickFilters.set(key, {
-        text,
-        filter: this.makeQuickFilter(column, text, formatter.timeZone)
-      });
-    });
-    this.startLoading('Rebuilding filters...', true);
-    this.setState({
-      quickFilters: newQuickFilters,
-      advancedFilters: newAdvancedFilters
-    });
-  }
-  setFilters(_ref12) {
-    var {
-      quickFilters,
-      advancedFilters
-    } = _ref12;
-    this.setState({
-      quickFilters,
-      advancedFilters
-    });
-  }
-  updateFormatterSettings(settings) {
-    var _settings$defaultDeci, _settings$defaultInte, _settings$truncateNum;
-    var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var globalColumnFormats = FormatterUtils.getColumnFormats(settings);
-    var dateTimeFormatterOptions = FormatterUtils.getDateTimeFormatterOptions(settings);
-    var defaultDecimalFormatOptions = (_settings$defaultDeci = settings === null || settings === void 0 ? void 0 : settings.defaultDecimalFormatOptions) !== null && _settings$defaultDeci !== void 0 ? _settings$defaultDeci : {};
-    var defaultIntegerFormatOptions = (_settings$defaultInte = settings === null || settings === void 0 ? void 0 : settings.defaultIntegerFormatOptions) !== null && _settings$defaultInte !== void 0 ? _settings$defaultInte : {};
-    var truncateNumbersWithPound = (_settings$truncateNum = settings === null || settings === void 0 ? void 0 : settings.truncateNumbersWithPound) !== null && _settings$truncateNum !== void 0 ? _settings$truncateNum : false;
-    var isColumnFormatChanged = !deepEqual(this.globalColumnFormats, globalColumnFormats);
-    var isDateFormattingChanged = !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions);
-    var isDecimalFormattingChanged = !deepEqual(this.decimalFormatOptions, settings === null || settings === void 0 ? void 0 : settings.defaultDecimalFormatOptions);
-    var isIntegerFormattingChanged = !deepEqual(this.integerFormatOptions, defaultIntegerFormatOptions);
-    var isTruncateNumbersChanged = this.truncateNumbersWithPound !== truncateNumbersWithPound;
-    if (isColumnFormatChanged || isDateFormattingChanged || isDecimalFormattingChanged || isIntegerFormattingChanged || isTruncateNumbersChanged) {
-      this.globalColumnFormats = globalColumnFormats;
-      this.dateTimeFormatterOptions = dateTimeFormatterOptions;
-      this.decimalFormatOptions = defaultDecimalFormatOptions;
-      this.integerFormatOptions = defaultIntegerFormatOptions;
-      this.truncateNumbersWithPound = truncateNumbersWithPound;
-      this.updateFormatter({}, forceUpdate);
-      if (isDateFormattingChanged && forceUpdate) {
-        this.rebuildFilters();
-      }
-    }
-  }
-  updateFormatter(updatedFormats) {
-    var _this$globalColumnFor;
-    var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var {
-      customColumnFormatMap
-    } = this.state;
-    var {
-      model
-    } = this.props;
-    var update = _objectSpread({
-      customColumnFormatMap
-    }, updatedFormats);
-    var mergedColumnFormats = [...((_this$globalColumnFor = this.globalColumnFormats) !== null && _this$globalColumnFor !== void 0 ? _this$globalColumnFor : []), ...update.customColumnFormatMap.values()];
-    var formatter = new Formatter(model.dh, mergedColumnFormats, this.dateTimeFormatterOptions, this.decimalFormatOptions, this.integerFormatOptions, this.truncateNumbersWithPound);
-    log.debug('updateFormatter', this.globalColumnFormats, mergedColumnFormats);
-    this.setState(_objectSpread(_objectSpread({}, update), {}, {
-      formatter
-    }), () => {
-      if (forceUpdate && this.grid) {
-        this.grid.forceUpdate();
-      }
-    });
-  }
-  initFormatter() {
-    var {
-      settings
-    } = this.props;
-    this.updateFormatterSettings(settings);
-  }
-  initState() {
-    var {
-      applyInputFiltersOnInit,
-      inputFilters,
-      sorts,
-      model,
-      reverseType,
-      customColumns,
-      searchValue,
-      selectedSearchColumns,
-      invertSearchColumns
-    } = this.props;
-    var searchColumns = selectedSearchColumns !== null && selectedSearchColumns !== void 0 ? selectedSearchColumns : [];
-    var searchFilter = CrossColumnSearch.createSearchFilter(model.dh, searchValue, searchColumns, model.columns, invertSearchColumns);
-    if (applyInputFiltersOnInit) {
-      // There may be more than one input filter on the same column with value === '' applied last
-      // We don't want to skip it here, so only excluding the ones that were never applied (null)
-      var inputFiltersWithValues = inputFilters.filter(inputFilter => inputFilter.value != null);
-      this.applyInputFilters(inputFiltersWithValues);
-    }
-    this.setState({
-      sorts,
-      reverseType,
-      customColumns,
-      isReady: true,
-      searchFilter
-    });
-    this.initFormatter();
-  }
-  loadPartitionsTable(partitionColumn) {
-    var _this = this;
-    return _asyncToGenerator(function* () {
-      var {
-        model
-      } = _this.props;
-      _this.setState({
-        isSelectingPartition: true
-      });
-      try {
-        var partitionTable = yield _this.pending.add(model.valuesTable(partitionColumn), resolved => resolved.close());
-        var _column = partitionTable.columns[0];
-        var sort = _column.sort().desc();
-        partitionTable.applySort([sort]);
-        partitionTable.setViewport(0, 0, [_column]);
-        var data = yield _this.pending.add(partitionTable.getViewportData());
-        if (data.rows.length > 0) {
-          var row = data.rows[0];
-          var _value2 = row.get(_column);
-          _this.updatePartition(_value2, partitionColumn);
-          _this.setState({
-            isSelectingPartition: true
-          });
-        } else {
-          log.info('Table does not have any data, just fetching all');
-          _this.setState({
-            isSelectingPartition: false
-          });
-          _this.handlePartitionFetchAll();
-        }
-        _this.setState({
-          partitionTable,
-          partitionColumn
-        }, () => {
-          _this.initState();
-        });
-      } catch (error) {
-        _this.handleTableLoadError(error);
-      }
-    })();
-  }
-  updatePartition(partition, partitionColumn) {
-    var {
-      model
-    } = this.props;
-    var partitionFilter = partitionColumn.filter().eq(model.dh.FilterValue.ofString(partition));
-    var partitionFilters = [partitionFilter];
-    this.setState({
-      partition,
-      partitionFilters
-    });
-  }
-  copyCell(columnIndex, rowIndex) {
-    var rawValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var {
-      canCopy
-    } = this.props;
-    if (canCopy) {
-      var _value3 = String(this.getValueForCell(columnIndex, rowIndex, rawValue));
-      copyToClipboard(_value3).catch(e => log.error('Unable to copy cell', e));
-    } else {
-      log.error('Attempted to copyCell for user without copy permission.');
-    }
-  }
-
-  /**
-   * Copy the provided ranges to the clipboard
-   * @paramranges The ranges to copy
-   * @param includeHeaders Include the headers or not
-   * @param formatValues Whether to format values or not
-   * @param error Error message if one occurred
-   */
-  copyRanges(ranges) {
-    var includeHeaders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var formatValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var error = arguments.length > 3 ? arguments[3] : undefined;
-    var {
-      model,
-      canCopy
-    } = this.props;
-    var {
-      metricCalculator,
-      movedColumns
-    } = this.state;
-    var userColumnWidths = metricCalculator.getUserColumnWidths();
-    if (canCopy) {
-      var copyOperation = {
-        ranges: GridRange.boundedRanges(ranges, model.columnCount, model.rowCount),
-        includeHeaders,
-        formatValues,
-        movedColumns,
-        userColumnWidths,
-        error
-      };
-      this.setState({
-        copyOperation
-      });
-    } else {
-      log.error('Attempted copyRanges for user without copy permission.');
-    }
-  }
-  startLoading(loadingText) {
-    var resetRanges = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    this.setState({
-      loadingText
-    });
-    var theme = this.getTheme();
-    if (resetRanges && this.grid) {
-      this.grid.clearSelectedRanges();
-      this.grid.setViewState({
-        top: 0
-      }, true);
-    }
-    if (this.loadingScrimStartTime == null) {
-      var _this$gridWrapper$get, _this$gridWrapper;
-      var {
-        minScrimTransitionTime,
-        maxScrimTransitionTime
-      } = theme;
-      assertNotNull(minScrimTransitionTime);
-      assertNotNull(maxScrimTransitionTime);
-      var height = (_this$gridWrapper$get = (_this$gridWrapper = this.gridWrapper) === null || _this$gridWrapper === void 0 ? void 0 : _this$gridWrapper.getBoundingClientRect().height) !== null && _this$gridWrapper$get !== void 0 ? _this$gridWrapper$get : 0;
-      var scrimTransitionTime = Math.max(minScrimTransitionTime, Math.min(height / 2, maxScrimTransitionTime));
-      this.loadingScrimStartTime = Date.now();
-      this.loadingScrimFinishTime = this.loadingScrimStartTime + scrimTransitionTime;
-      this.setState({
-        loadingScrimProgress: 0
-      });
-      this.loadingTimer = setTimeout(() => {
-        this.setState({
-          loadingSpinnerShown: true
-        });
-      }, IrisGrid.loadingSpinnerDelay);
-    }
-  }
-  stopLoading() {
-    this.loadingScrimStartTime = undefined;
-    this.loadingScrimFinishTime = undefined;
-    this.setState({
-      loadingText: null,
-      loadingScrimProgress: null,
-      loadingSpinnerShown: false
-    });
-    if (this.loadingTimer != null) {
-      clearTimeout(this.loadingTimer);
-      this.loadingTimer = undefined;
-    }
-  }
-
-  /**
-   * Rolls back the table state to the last known safe state, or if that's not available then clears all sorts/filters/custom columns.
-   */
-  rollback() {
-    if (this.lastLoadedConfig) {
-      log.debug('loading last loading config', this.lastLoadedConfig);
-      var {
-        advancedFilters,
-        aggregationSettings,
-        customColumns,
-        quickFilters,
-        reverseType,
-        rollupConfig,
-        searchFilter,
-        selectDistinctColumns,
-        sorts
-      } = this.lastLoadedConfig;
-      this.lastLoadedConfig = null;
-      this.setState({
-        advancedFilters,
-        aggregationSettings,
-        customColumns,
-        quickFilters,
-        reverseType,
-        rollupConfig,
-        searchFilter,
-        selectDistinctColumns,
-        sorts
-      });
-    } else {
-      log.debug('remove all sorts, filters, and custom columns');
-      this.setState({
-        advancedFilters: new Map(),
-        aggregationSettings: DEFAULT_AGGREGATION_SETTINGS,
-        customColumns: [],
-        quickFilters: new Map(),
-        reverseType: TableUtils.REVERSE_TYPE.NONE,
-        rollupConfig: undefined,
-        selectDistinctColumns: [],
-        sorts: []
-      });
-    }
-  }
-
-  /**
-   * Check if we can rollback the current state to a safe state.
-   * @returns true if there's a previously known safe state or if some of the current state isn't empty.
-   */
-  canRollback() {
-    return this.lastLoadedConfig != null || !isEmptyConfig(this.state);
-  }
-  startListening(model) {
-    model.addEventListener(IrisGridModel.EVENT.UPDATED, this.handleUpdate);
-    model.addEventListener(IrisGridModel.EVENT.REQUEST_FAILED, this.handleRequestFailed);
-    model.addEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleCustomColumnsChanged);
-    model.addEventListener(IrisGridModel.EVENT.PENDING_DATA_UPDATED, this.handlePendingDataUpdated);
-  }
-  stopListening(model) {
-    model.removeEventListener(IrisGridModel.EVENT.UPDATED, this.handleUpdate);
-    model.removeEventListener(IrisGridModel.EVENT.REQUEST_FAILED, this.handleRequestFailed);
-    model.removeEventListener(IrisGridModel.EVENT.COLUMNS_CHANGED, this.handleCustomColumnsChanged);
-    model.removeEventListener(IrisGridModel.EVENT.PENDING_DATA_UPDATED, this.handlePendingDataUpdated);
-  }
-  focus() {
-    var _this$grid;
-    (_this$grid = this.grid) === null || _this$grid === void 0 ? void 0 : _this$grid.focus();
-  }
-  focusFilterBar(column) {
-    var {
-      movedColumns
-    } = this.state;
-    var {
-      model
-    } = this.props;
-    var {
-      columnCount
-    } = model;
-    var modelColumn = GridUtils.getModelIndex(column, movedColumns);
-    if (column == null || column < 0 || columnCount <= column || !model.isFilterable(modelColumn)) {
-      this.setState({
-        focusedFilterBarColumn: null
-      });
-      return;
-    }
-    var {
-      metricCalculator,
-      metrics
-    } = this.state;
-    assertNotNull(metrics);
-    var {
-      left,
-      rightVisible,
-      lastLeft
-    } = metrics;
-    if (column < left) {
-      var _this$grid2;
-      (_this$grid2 = this.grid) === null || _this$grid2 === void 0 ? void 0 : _this$grid2.setViewState({
-        left: column
-      }, true);
-    } else if (rightVisible < column) {
-      var _this$grid3, _this$grid4;
-      var metricState = (_this$grid3 = this.grid) === null || _this$grid3 === void 0 ? void 0 : _this$grid3.getMetricState();
-      assertNotNull(metricState);
-      var newLeft = metricCalculator.getLastLeft(metricState, column, metricCalculator.getVisibleWidth(metricState));
-      (_this$grid4 = this.grid) === null || _this$grid4 === void 0 ? void 0 : _this$grid4.setViewState({
-        left: Math.min(newLeft, lastLeft),
-        leftOffset: 0
-      }, true);
-    }
-    this.lastFocusedFilterBarColumn = column;
-    this.setState({
-      focusedFilterBarColumn: column,
-      isFilterBarShown: true
-    });
-  }
-  hideColumnByVisibleIndex(columnVisibleIndex) {
-    var _this$grid5;
-    var {
-      metricCalculator,
-      movedColumns
-    } = this.state;
-    metricCalculator.setColumnWidth(GridUtils.getModelIndex(columnVisibleIndex, movedColumns), 0);
-    (_this$grid5 = this.grid) === null || _this$grid5 === void 0 ? void 0 : _this$grid5.forceUpdate();
-  }
-  freezeColumnByColumnName(columnName) {
-    var {
-      frozenColumns,
-      movedColumns
-    } = this.state;
-    var {
-      model
-    } = this.props;
-    log.debug2('freezing column', columnName);
-    var allFrozenColumns = frozenColumns == null ? new Set(model.frozenColumns) : new Set(frozenColumns);
-    allFrozenColumns.add(columnName);
-    var modelIndex = model.getColumnIndexByName(columnName);
-    assertNotNull(modelIndex);
-    var visibleIndex = GridUtils.getVisibleIndex(modelIndex, movedColumns);
-    var newMovedColumns = GridUtils.moveItem(visibleIndex, allFrozenColumns.size - 1, movedColumns);
-    this.setState({
-      frozenColumns: [...allFrozenColumns],
-      movedColumns: newMovedColumns
-    });
-  }
-  unFreezeColumnByColumnName(columnName) {
-    var {
-      frozenColumns,
-      movedColumns
-    } = this.state;
-    var {
-      model
-    } = this.props;
-    log.debug2('unfreezing column', columnName);
-    var allFrozenColumns = frozenColumns == null ? new Set(model.frozenColumns) : new Set(frozenColumns);
-    allFrozenColumns.delete(columnName);
-    var modelIndex = model.getColumnIndexByName(columnName);
-    assertNotNull(modelIndex);
-    var visibleIndex = GridUtils.getVisibleIndex(modelIndex, movedColumns);
-
-    // Move to after remaining frozen columns and front columns
-    var newMovedColumns = GridUtils.moveItem(visibleIndex, allFrozenColumns.size + model.frontColumns.length, movedColumns);
-    this.setState({
-      frozenColumns: [...allFrozenColumns],
-      movedColumns: newMovedColumns
-    });
-  }
-  handleColumnVisibilityChanged(modelIndexes, isVisible) {
-    var _this$grid6;
-    var {
-      metricCalculator,
-      metrics
-    } = this.state;
-    assertNotNull(metrics);
-    if (isVisible) {
-      modelIndexes.forEach(modelIndex => {
-        var defaultWidth = metricCalculator.initialColumnWidths.get(modelIndex);
-        var calculatedWidth = getOrThrow(metrics.calculatedColumnWidths, modelIndex);
-        if (defaultWidth !== calculatedWidth) {
-          metricCalculator.setColumnWidth(modelIndex, calculatedWidth);
-        } else {
-          metricCalculator.resetColumnWidth(modelIndex);
-        }
-      });
-    } else {
-      modelIndexes.forEach(modelIndex => {
-        metricCalculator.setColumnWidth(modelIndex, 0);
-      });
-    }
-    (_this$grid6 = this.grid) === null || _this$grid6 === void 0 ? void 0 : _this$grid6.forceUpdate();
-  }
-  handleColumnVisibilityReset() {
-    var _model$layoutHints$fr, _model$layoutHints2;
-    var {
-      metricCalculator,
-      metrics
-    } = this.state;
-    var {
-      model
-    } = this.props;
-    assertNotNull(metrics);
-    for (var i = 0; i < metrics.columnCount; i += 1) {
-      metricCalculator.resetColumnWidth(i);
-    }
-    this.handleMovedColumnsChanged(model.initialMovedColumns);
-    this.handleHeaderGroupsChanged(model.initialColumnHeaderGroups);
-    this.setState({
-      frozenColumns: (_model$layoutHints$fr = (_model$layoutHints2 = model.layoutHints) === null || _model$layoutHints2 === void 0 ? void 0 : _model$layoutHints2.frozenColumns) !== null && _model$layoutHints$fr !== void 0 ? _model$layoutHints$fr : []
-    });
-  }
-  handleCrossColumnSearch(searchValue, selectedSearchColumns, invertSearchColumns) {
-    var {
-      model
-    } = this.props;
-    this.startLoading('Searching...');
-    this.updateSearchFilter(searchValue, selectedSearchColumns, model.columns, invertSearchColumns);
-    this.setState({
-      searchValue,
-      selectedSearchColumns,
-      invertSearchColumns
-    });
-  }
-  handleAnimationLoop() {
-    var _this$grid7;
-    (_this$grid7 = this.grid) === null || _this$grid7 === void 0 ? void 0 : _this$grid7.updateCanvas();
-    if (this.isAnimating) {
-      this.animationFrame = requestAnimationFrame(this.handleAnimationLoop);
-    }
-  }
-  handleAnimationStart() {
-    log.debug2('handleAnimationStart');
-    this.isAnimating = true;
-    this.animationFrame = requestAnimationFrame(this.handleAnimationLoop);
-  }
-  handleAnimationEnd() {
-    log.debug2('handleAnimationEnd');
-    this.isAnimating = false;
-  }
-  handlePartitionAppend(value) {
-    var {
-      onPartitionAppend
-    } = this.props;
-    var {
-      partitionColumn
-    } = this.state;
-    if (partitionColumn == null) {
-      return;
-    }
-    onPartitionAppend(partitionColumn, value);
-  }
-  handlePartitionChange(partition) {
-    var {
-      partitionColumn
-    } = this.state;
-    if (partitionColumn == null) {
-      return;
-    }
-    this.updatePartition(partition, partitionColumn);
-  }
-  handlePartitionFetchAll() {
-    this.setState({
-      partitionFilters: [],
-      isSelectingPartition: false
-    });
-  }
-  handlePartitionDone() {
-    this.setState({
-      isSelectingPartition: false
-    });
-  }
-  handleTableLoadError(error) {
-    if (PromiseUtils.isCanceled(error)) {
-      return;
-    }
-    log.error(error);
-    var {
-      onError
-    } = this.props;
-    onError(error);
-  }
-  showAllColumns() {
-    var _this$grid8;
-    var {
-      metricCalculator
-    } = this.state;
-    var userColumnWidths = metricCalculator.getUserColumnWidths();
-    var entries = [...userColumnWidths.entries()];
-    for (var i = 0; i < entries.length; i += 1) {
-      var [modelIndex, columnWidth] = entries[i];
-      if (columnWidth === 0) {
-        metricCalculator.resetColumnWidth(modelIndex);
-      }
-    }
-    (_this$grid8 = this.grid) === null || _this$grid8 === void 0 ? void 0 : _this$grid8.forceUpdate();
-  }
-  toggleSort(columnIndex, addToExisting) {
-    log.info('Toggling sort for column', columnIndex);
-    var {
-      model
-    } = this.props;
-    var modelColumn = this.getModelColumn(columnIndex);
-    assertNotNull(modelColumn);
-    if (model.isColumnSortable(columnIndex)) {
-      var {
-        sorts: currentSorts
-      } = this.state;
-      var sorts = TableUtils.toggleSortForColumn(currentSorts, model.columns, modelColumn, addToExisting);
-      this.updateSorts(sorts);
-    } else {
-      log.debug('Column type was not sortable', model.columns[columnIndex]);
-    }
-  }
-  updateSorts(sorts) {
-    var _this$grid9;
-    this.startLoading('Sorting...');
-    this.setState({
-      sorts
-    });
-    (_this$grid9 = this.grid) === null || _this$grid9 === void 0 ? void 0 : _this$grid9.forceUpdate();
-  }
-  sortColumn(modelColumn) {
-    var _this$grid10;
-    var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TableUtils.sortDirection.none;
-    var isAbs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var addToExisting = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    assertNotNull(modelColumn);
-    var {
-      model
-    } = this.props;
-    var sorts = TableUtils.sortColumn(model.sort, model.columns, modelColumn, direction, isAbs, addToExisting);
-    this.startLoading('Sorting...');
-    this.setState({
-      sorts
-    });
-    (_this$grid10 = this.grid) === null || _this$grid10 === void 0 ? void 0 : _this$grid10.forceUpdate();
-  }
-  reverse(reverseType) {
-    var _this$grid11;
-    this.startLoading('Reversing...');
-    this.setState({
-      reverseType
-    });
-    (_this$grid11 = this.grid) === null || _this$grid11 === void 0 ? void 0 : _this$grid11.forceUpdate();
-  }
-  isReversible() {
-    var {
-      model
-    } = this.props;
-    return model.isReversible;
-  }
-  toggleFilterBar() {
-    var focusIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.lastFocusedFilterBarColumn;
-    var {
-      isFilterBarShown
-    } = this.state;
-    isFilterBarShown = !isFilterBarShown;
-    this.setState({
-      isFilterBarShown
-    });
-    if (isFilterBarShown) {
-      if (focusIndex != null) {
-        this.focusFilterBar(focusIndex);
-      } else {
-        var columnIndex = 0;
-        var {
-          model: _model2
-        } = this.props;
-        var {
-          columnCount
-        } = _model2;
-        for (var i = 0; i < columnCount; i += 1) {
-          var modelColumn = this.getModelColumn(i);
-          if (modelColumn != null) {
-            var _column2 = _model2.columns[modelColumn];
-            if (_column2 != null && TableUtils.isTextType(_column2.type)) {
-              columnIndex = i;
-              break;
-            }
-          }
-        }
-        this.focusFilterBar(columnIndex);
-      }
-    } else {
-      var _this$grid12;
-      (_this$grid12 = this.grid) === null || _this$grid12 === void 0 ? void 0 : _this$grid12.focus();
-    }
-  }
-  isTableSearchAvailable() {
-    var _model$layoutHints3, _dh$SearchDisplayMode, _dh$SearchDisplayMode2;
-    var {
-      model,
-      canToggleSearch
-    } = this.props;
-    var {
-      dh
-    } = model;
-    var searchDisplayMode = model === null || model === void 0 ? void 0 : (_model$layoutHints3 = model.layoutHints) === null || _model$layoutHints3 === void 0 ? void 0 : _model$layoutHints3.searchDisplayMode;
-    if (searchDisplayMode === ((_dh$SearchDisplayMode = dh.SearchDisplayMode) === null || _dh$SearchDisplayMode === void 0 ? void 0 : _dh$SearchDisplayMode.SEARCH_DISPLAY_HIDE)) {
-      return false;
-    }
-    if (searchDisplayMode === ((_dh$SearchDisplayMode2 = dh.SearchDisplayMode) === null || _dh$SearchDisplayMode2 === void 0 ? void 0 : _dh$SearchDisplayMode2.SEARCH_DISPLAY_SHOW)) {
-      return true;
-    }
-    return canToggleSearch;
-  }
-  toggleSearchBar() {
-    var {
-      showSearchBar
-    } = this.state;
-    if (!this.isTableSearchAvailable()) {
-      return;
-    }
-    var update = !showSearchBar;
-    this.setState({
-      showSearchBar: update
-    }, () => {
-      var _this$crossColumnRef;
-      if (update && (_this$crossColumnRef = this.crossColumnRef) !== null && _this$crossColumnRef !== void 0 && _this$crossColumnRef.current) {
-        var _this$crossColumnRef2;
-        (_this$crossColumnRef2 = this.crossColumnRef) === null || _this$crossColumnRef2 === void 0 ? void 0 : _this$crossColumnRef2.current.focus();
-      } else {
-        var _this$grid13;
-        (_this$grid13 = this.grid) === null || _this$grid13 === void 0 ? void 0 : _this$grid13.focus();
-      }
-    });
-  }
-  toggleGotoRow() {
-    var _this$grid14, _this$grid15;
-    var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var columnName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    var {
-      isGotoShown
-    } = this.state;
-    if (row || value) {
-      // if invoked with a row, keep open instead of toggle
-      this.setState({
-        isGotoShown: true,
-        gotoRow: row,
-        gotoValue: value,
-        gotoValueSelectedColumnName: columnName,
-        gotoRowError: '',
-        gotoValueError: ''
-      });
-      this.focusRowInGrid(row);
-      return;
-    }
-    var cursorRow = (_this$grid14 = this.grid) === null || _this$grid14 === void 0 ? void 0 : _this$grid14.state.cursorRow;
-    var cursorColumn = (_this$grid15 = this.grid) === null || _this$grid15 === void 0 ? void 0 : _this$grid15.state.cursorColumn;
-    if (cursorRow == null || cursorColumn == null) {
-      // if a cell is not selected / grid is not rendered
-      this.setState({
-        isGotoShown: !isGotoShown,
-        gotoRow: '',
-        gotoValue: '',
-        gotoRowError: '',
-        gotoValueError: ''
-      });
-      return;
-    }
-    // if a row is selected
-    var {
-      model
-    } = this.props;
-    var {
-      name,
-      type
-    } = model.columns[cursorColumn];
-    var cellValue = model.valueForCell(cursorColumn, cursorRow);
-    var text = IrisGridUtils.convertValueToText(cellValue, type);
-    this.setState({
-      isGotoShown: !isGotoShown,
-      gotoRow: "".concat(cursorRow),
-      gotoValue: text,
-      gotoValueSelectedColumnName: name,
-      gotoRowError: '',
-      gotoValueError: ''
-    });
-  }
-  commitPending() {
-    var _this2 = this;
-    return _asyncToGenerator(function* () {
-      var _document, _document$activeEleme;
-      var {
-        model
-      } = _this2.props;
-      if (!isEditableGridModel(model) || !model.isEditable) {
-        throw new Error('Cannot save, table is not editable');
-      }
-      var {
-        pendingSavePromise
-      } = _this2.state;
-      if (pendingSavePromise != null) {
-        throw new Error('Save already in progress');
-      }
-      var containsGridCellInputField = (_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.classList.contains('grid-cell-input-field');
-      if (containsGridCellInputField != null && containsGridCellInputField) {
-        var _this2$grid;
-        if (document.activeElement != null && document.activeElement.classList.contains('error')) {
-          throw new ValidationError('Current input is invalid');
-        }
-
-        // Focus the grid again to commit any pending input changes
-        (_this2$grid = _this2.grid) === null || _this2$grid === void 0 ? void 0 : _this2$grid.focus();
-      }
-      var newPendingSavePromise = _this2.pending.add(model.commitPending()).then(() => {
-        _this2.setState({
-          pendingSaveError: null,
-          pendingSavePromise: null
-        });
-      }).catch(err => {
-        if (!PromiseUtils.isCanceled(err)) {
-          _this2.setState({
-            pendingSaveError: err,
-            pendingSavePromise: null
-          });
-        }
-      });
-      _this2.setState({
-        pendingSavePromise: newPendingSavePromise
-      });
-      return newPendingSavePromise;
-    })();
-  }
-  discardPending() {
-    var _this3 = this;
-    return _asyncToGenerator(function* () {
-      var {
-        pendingSavePromise
-      } = _this3.state;
-      if (pendingSavePromise != null) {
-        throw new Error('Cannot cancel a save in progress');
-      }
-      _this3.setState({
-        pendingSavePromise: null,
-        pendingSaveError: null,
-        pendingDataMap: new Map(),
-        pendingDataErrors: new Map()
-      });
-    })();
-  }
-
-  /**
-   * Select the passed in column and notify listener
-   * @param column The column in this table to link
-   */
-  selectColumn(column) {
-    var {
-      onColumnSelected
-    } = this.props;
-    onColumnSelected(column);
-  }
-
-  /**
-   * Select all the data for a given row and notify listener
-   */
-  selectData(columnIndex, rowIndex) {
-    var _this4 = this;
-    var {
-      model
-    } = this.props;
-    var {
-      columns,
-      groupedColumns
-    } = model;
-    var dataMap = {};
-    var _loop = function _loop() {
-      var column = columns[i];
-      var {
-        name,
-        type
-      } = column;
-      var value = model.valueForCell(i, rowIndex);
-      var text = model.textForCell(i, rowIndex);
-      var visibleIndex = _this4.getVisibleColumn(i);
-      var isExpandable = isExpandableGridModel(model) && model.isRowExpandable(rowIndex);
-      var isGrouped = groupedColumns.find(c => c.name === name) != null;
-      dataMap[name] = {
-        value,
-        text,
-        type,
-        isGrouped,
-        isExpandable,
-        visibleIndex
-      };
-    };
-    for (var i = 0; i < columns.length; i += 1) {
-      _loop();
-    }
-    var {
-      onDataSelected
-    } = this.props;
-    onDataSelected(rowIndex, dataMap);
-  }
-  handleAdvancedFilterChange(column, filter, options) {
-    var {
-      model
-    } = this.props;
-    var index = model.getColumnIndexByName(column.name);
-    assertNotNull(index);
-    this.setAdvancedFilter(index, filter, options);
-  }
-  handleAdvancedFilterSortChange(column, direction) {
-    var _this$grid16;
-    var addToExisting = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var {
-      model
-    } = this.props;
-    var columnIndex = model.getColumnIndexByName(column.name);
-    assertNotNull(columnIndex);
-    var columnName = model.columns[columnIndex].name;
-    var oldSort = TableUtils.getSortForColumn(model.sort, columnName);
-    var newSort = null;
-    if (oldSort == null || oldSort.direction !== direction) {
-      if (direction === TableUtils.sortDirection.descending) {
-        newSort = column.sort().desc();
-      } else {
-        newSort = column.sort().asc();
-      }
-    }
-    var sorts = TableUtils.setSortForColumn(model.sort, columnName, newSort, addToExisting);
-    log.info('Setting table sorts', sorts);
-    this.startLoading('Sorting...');
-    this.setState({
-      sorts
-    });
-    (_this$grid16 = this.grid) === null || _this$grid16 === void 0 ? void 0 : _this$grid16.forceUpdate();
-  }
-  handleAdvancedFilterDone() {
-    var _this$grid17;
-    (_this$grid17 = this.grid) === null || _this$grid17 === void 0 ? void 0 : _this$grid17.focus();
-  }
-  handleAdvancedMenuOpened(column) {
-    this.setState({
-      shownAdvancedFilter: column
-    });
-  }
-  handleGotoRowOpened() {
-    this.setState({
-      isGotoShown: true
-    });
-  }
-  handleGotoRowClosed() {
-    this.setState({
-      isGotoShown: false
-    });
-  }
-  handleAdvancedMenuClosed(columnIndex) {
-    var _this$filterInputRef;
-    var {
-      focusedFilterBarColumn,
-      isFilterBarShown
-    } = this.state;
-    if (isFilterBarShown && focusedFilterBarColumn === columnIndex && ((_this$filterInputRef = this.filterInputRef) === null || _this$filterInputRef === void 0 ? void 0 : _this$filterInputRef.current) !== null) {
-      var _this$filterInputRef2;
-      (_this$filterInputRef2 = this.filterInputRef) === null || _this$filterInputRef2 === void 0 ? void 0 : _this$filterInputRef2.current.focus();
-      this.setState({
-        shownAdvancedFilter: null
-      });
-    } else {
-      this.setState({
-        focusedFilterBarColumn: null,
-        shownAdvancedFilter: null
-      });
-    }
-  }
-  handleCancel() {
-    this.rollback();
-  }
-
-  // eslint-disable-next-line class-methods-use-this
-  handleChartChange() {
-    // TODO: IDS-4242 Update Chart Preview
-  }
-  handleChartCreate(settings) {
-    var {
-      model,
-      onCreateChart
-    } = this.props;
-    onCreateChart(settings, model);
-  }
-  handleGridError(error) {
-    log.warn('Grid Error', error);
-    this.setState({
-      toastMessage: /*#__PURE__*/React.createElement("div", {
-        className: "error-message"
-      }, "".concat(error))
-    });
-  }
-  handleFilterBarChange(value) {
-    this.startLoading('Filtering...', true);
-    this.setState(_ref13 => {
-      var {
-        focusedFilterBarColumn,
-        quickFilters
-      } = _ref13;
-      var newQuickFilters = new Map(quickFilters);
-      if (focusedFilterBarColumn != null) {
-        var modelIndex = this.getModelColumn(focusedFilterBarColumn);
-        assertNotNull(modelIndex);
-        this.applyQuickFilter(modelIndex, value, newQuickFilters);
-      }
-      return {
-        quickFilters: newQuickFilters
-      };
-    });
-  }
-  handleFilterBarDone() {
-    var setGridFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var defocusInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (setGridFocus) {
-      var _this$grid18;
-      (_this$grid18 = this.grid) === null || _this$grid18 === void 0 ? void 0 : _this$grid18.focus();
-    }
-    if (defocusInput) {
-      this.setState({
-        focusedFilterBarColumn: null
-      });
-    }
-  }
-  handleFilterBarTab(backward) {
-    var {
-      focusedFilterBarColumn
-    } = this.state;
-    assertNotNull(focusedFilterBarColumn);
-    if (backward) {
-      this.focusFilterBar(focusedFilterBarColumn - 1);
-    } else {
-      this.focusFilterBar(focusedFilterBarColumn + 1);
-    }
-  }
-  handleFormatSelection(modelIndex, selectedFormat) {
-    var {
-      model
-    } = this.props;
-    var column = model.columns[modelIndex];
-    var {
-      customColumnFormatMap: prevCustomColumnFormatMap
-    } = this.state;
-    var customColumnFormatMap = new Map(prevCustomColumnFormatMap);
-    if (selectedFormat != null) {
-      var normalizedType = TableUtils.getNormalizedType(column.type);
-      assertNotNull(normalizedType);
-      var columnFormattingRule = Formatter.makeColumnFormattingRule(normalizedType, column.name, selectedFormat);
-      customColumnFormatMap.set(column.name, columnFormattingRule);
-    } else {
-      customColumnFormatMap.delete(column.name);
-    }
-    this.updateFormatter({
-      customColumnFormatMap
-    });
-  }
-  handleMenu(e) {
-    e.stopPropagation();
-    this.setState({
-      isMenuShown: true
-    });
-  }
-  handleMenuClose() {
-    this.setState({
-      isMenuShown: false,
-      openOptions: []
-    });
-  }
-  handleMenuBack() {
-    this.setState(_ref14 => {
-      var {
-        openOptions
-      } = _ref14;
-      var newOptions = [...openOptions];
-      newOptions.pop();
-      return {
-        openOptions: newOptions
-      };
-    });
-  }
-  handleMenuSelect(option) {
-    this.setState(_ref15 => {
-      var {
-        openOptions
-      } = _ref15;
-      return {
-        openOptions: [...openOptions, option]
-      };
-    });
-  }
-  handleRequestFailed(event) {
-    var customEvent = event;
-    log.error('request failed:', customEvent.detail);
-    this.stopLoading();
-    if (this.canRollback()) {
-      this.startLoading('Rolling back changes...', true);
-      this.rollback();
-    } else {
-      log.error('Table failed and unable to rollback');
-      var {
-        onError
-      } = this.props;
-      onError(new Error("Error displaying table: ".concat(customEvent.detail)));
-    }
-  }
-  handleUpdate() {
-    var _this$grid19;
-    this.stopLoading();
-    log.debug2('Received model update');
-    var {
-      advancedFilters,
-      aggregationSettings,
-      customColumns,
-      quickFilters,
-      reverseType,
-      rollupConfig,
-      searchFilter,
-      selectDistinctColumns,
-      sorts
-    } = this.state;
-    var config = {
-      advancedFilters,
-      aggregationSettings,
-      customColumns,
-      quickFilters,
-      reverseType,
-      rollupConfig,
-      searchFilter,
-      selectDistinctColumns,
-      sorts
-    };
-    if (!isEmptyConfig(config)) {
-      this.lastLoadedConfig = config;
-    } else {
-      this.lastLoadedConfig = null;
-    }
-    (_this$grid19 = this.grid) === null || _this$grid19 === void 0 ? void 0 : _this$grid19.forceUpdate();
-  }
-  handleViewChanged(metrics) {
-    var _this$grid$state, _this$grid20;
-    var {
-      model
-    } = this.props;
-    var {
-      selectionEndRow = 0
-    } = (_this$grid$state = (_this$grid20 = this.grid) === null || _this$grid20 === void 0 ? void 0 : _this$grid20.state) !== null && _this$grid$state !== void 0 ? _this$grid$state : {};
-    var pendingRowCount = 0;
-    if (isEditableGridModel(model) && model.isEditable) {
-      assertNotNull(metrics);
-      var {
-        bottomViewport
-      } = metrics;
-
-      // We have an editable table that we can add new rows to
-      // Display empty rows beneath the table rows that user can fill in
-      var bottomNonFloating = model.rowCount - model.floatingBottomRowCount;
-      if (selectionEndRow === bottomNonFloating - 1) {
-        // Selection is in the last row, add another blank row
-        pendingRowCount = model.pendingRowCount + 1;
-      } else if (selectionEndRow === bottomNonFloating - 2) {
-        // We may have just added a row based on selection moving, so just leave it as is
-        pendingRowCount = model.pendingRowCount;
-      } else {
-        // Otherwise fill up the viewport with empty cells
-        pendingRowCount = Math.max(0, bottomViewport - (model.rowCount - model.pendingRowCount) - model.floatingTopRowCount - model.floatingBottomRowCount - 1);
-      }
-    }
-    this.setState({
-      metrics,
-      pendingRowCount
-    });
-  }
-  handleSelectionChanged(selectedRanges) {
-    assertNotNull(selectedRanges);
-    var {
-      onSelectionChanged
-    } = this.props;
-    var {
-      copyOperation
-    } = this.state;
-    this.setState({
-      selectedRanges
-    });
-    if (copyOperation != null) {
-      this.setState({
-        copyOperation: null
-      });
-    }
-    onSelectionChanged(selectedRanges);
-  }
-  handleMovedColumnsChanged(movedColumns, onChangeApplied) {
-    this.setState({
-      movedColumns
-    }, onChangeApplied);
-  }
-  handleHeaderGroupsChanged(columnHeaderGroups) {
-    var {
-      model
-    } = this.props;
-    this.setState({
-      columnHeaderGroups: IrisGridUtils.parseColumnHeaderGroups(model, columnHeaderGroups).groups
-    }, () => {
-      var _this$grid21;
-      return (_this$grid21 = this.grid) === null || _this$grid21 === void 0 ? void 0 : _this$grid21.forceUpdate();
-    });
-  }
-  handleTooltipRef(tooltip) {
-    // Need to start the timer right away, since we're creating the tooltip when we want the timer to start
-    if (tooltip != null) {
-      tooltip.startTimer();
-    }
-    this.tooltip = tooltip;
-  }
-  handleConditionalFormatsChange(conditionalFormats) {
-    log.debug('Updated conditional formats', conditionalFormats);
-    this.setState({
-      conditionalFormats
-    });
-  }
-  handleConditionalFormatCreate() {
-    log.debug('Create new conditional format');
-    var {
-      openOptions,
-      conditionalFormats
-    } = this.state;
-    this.setState({
-      openOptions: [...openOptions, {
-        type: OptionType.CONDITIONAL_FORMATTING_EDIT,
-        title: "Create Formatting Rule"
-      }],
-      conditionalFormatEditIndex: conditionalFormats.length,
-      // Start with a blank rule
-      conditionalFormatPreview: undefined
-    });
-  }
-  handleConditionalFormatEdit(index) {
-    log.debug('Edit conditional format', index);
-    var {
-      openOptions,
-      conditionalFormats
-    } = this.state;
-    this.setState({
-      openOptions: [...openOptions, {
-        type: OptionType.CONDITIONAL_FORMATTING_EDIT,
-        title: "Edit Formatting Rule"
-      }],
-      conditionalFormatEditIndex: index,
-      // Clone rule to preview temporary changes
-      conditionalFormatPreview: _objectSpread({}, conditionalFormats[index])
-    });
-  }
-
-  // Apply live changes
-
-  handleConditionalFormatEditorSave(config) {
-    log.debug('Save conditional format changes', config);
-    this.setState(state => {
-      if (state.conditionalFormatEditIndex === null) {
-        log.debug('Invalid format index');
-        return null;
-      }
-      var conditionalFormats = [...state.conditionalFormats];
-      conditionalFormats[state.conditionalFormatEditIndex] = config;
-      return {
-        conditionalFormats
-      };
-    }, () => {
-      this.handleMenuBack();
-    });
-  }
-  handleConditionalFormatEditorCancel() {
-    this.handleMenuBack();
-    // Not resetting conditionalFormatPreview here
-    // to prevent editor fields change during the menu transition
-    this.setState({
-      conditionalFormatEditIndex: null
-    });
-  }
-  handleUpdateCustomColumns(customColumns) {
-    log.info("handleUpdateCustomColumns:", customColumns);
-    var {
-      model
-    } = this.props;
-    var {
-      movedColumns,
-      sorts,
-      quickFilters,
-      advancedFilters,
-      selectDistinctColumns
-    } = this.state;
-    var {
-      columns
-    } = model;
-    var oldCustomColumns = model.customColumns.map(customColumn => "".concat(customColumn));
-    var removedColumnNames = IrisGridUtils.getRemovedCustomColumnNames(oldCustomColumns, customColumns);
-    if (removedColumnNames.length > 0) {
-      var newSorts = IrisGridUtils.removeSortsInColumns(sorts, removedColumnNames);
-      var newQuickFilters = IrisGridUtils.removeFiltersInColumns(columns, quickFilters, removedColumnNames);
-      var newAdvancedFilters = IrisGridUtils.removeFiltersInColumns(columns, advancedFilters, removedColumnNames);
-      var newMovedColumns = IrisGridUtils.removeColumnFromMovedColumns(columns, movedColumns, removedColumnNames);
-      var newSelectDistinctColumns = IrisGridUtils.removeColumnsFromSelectDistinctColumns(selectDistinctColumns, removedColumnNames);
-      if (newSorts.length !== sorts.length) {
-        log.debug('removing sorts from removed custom columns...');
-        this.setState({
-          sorts: newSorts
-        });
-      }
-      if (newQuickFilters.size !== quickFilters.size || newAdvancedFilters.size !== advancedFilters.size) {
-        log.debug("removing filters from removed custom columns...");
-        this.setState({
-          quickFilters: newQuickFilters,
-          advancedFilters: newAdvancedFilters
-        });
-      }
-      if (!deepEqual(movedColumns, newMovedColumns)) {
-        log.debug("change moved columns for removed custom columns", newMovedColumns);
-        this.setState({
-          movedColumns: newMovedColumns
-        });
-      }
-      if (!deepEqual(selectDistinctColumns, newSelectDistinctColumns)) {
-        log.debug("change selectDistinct columns for removed custom columns", newMovedColumns);
-        this.setState({
-          selectDistinctColumns: newSelectDistinctColumns
-        });
-      }
-    }
-    this.setState({
-      customColumns
-    });
-    if (customColumns.length > 0) {
-      // If there are no custom columns, the change handler never fires
-      // This causes the loader to stay until canceled by the user
-      this.startLoading('Applying custom columns...');
-    }
-  }
-  handleCustomColumnsChanged() {
-    log.debug('custom columns changed');
-    var {
-      isReady
-    } = this.state;
-    if (isReady) {
-      var _this$grid22;
-      this.stopLoading();
-      (_this$grid22 = this.grid) === null || _this$grid22 === void 0 ? void 0 : _this$grid22.forceUpdate();
-    } else {
-      this.initState();
-    }
-  }
-  handlePendingCommitClicked() {
-    return this.commitPending();
-  }
-  handlePendingDiscardClicked() {
-    return this.discardPending();
-  }
-  handlePendingDataUpdated() {
-    var _this$grid23;
-    log.debug('pending data updated');
-    var {
-      model
-    } = this.props;
-    var {
-      pendingDataMap,
-      pendingDataErrors
-    } = model;
-    this.setState({
-      pendingDataMap,
-      pendingDataErrors,
-      pendingSaveError: null
-    });
-    (_this$grid23 = this.grid) === null || _this$grid23 === void 0 ? void 0 : _this$grid23.forceUpdate();
-  }
-
-  /**
-   * User added, removed, or changed the order of aggregations, or position
-   * @param aggregationSettings The new aggregation settings
-   */
-  handleAggregationsChange(aggregationSettings) {
-    log.debug('handleAggregationsChange', aggregationSettings);
-    this.startLoading("Aggregating ".concat(aggregationSettings.aggregations.map(a => a.operation).join(', '), "..."));
-    this.setState({
-      aggregationSettings
-    });
-  }
-
-  /**
-   * A specific aggregation has been modified
-   * @param aggregation The new aggregation
-   */
-  handleAggregationChange(aggregation) {
-    log.debug('handleAggregationChange', aggregation);
-    this.startLoading("Aggregating ".concat(aggregation.operation, "..."));
-    this.setState(_ref16 => {
-      var {
-        aggregationSettings
-      } = _ref16;
-      return {
-        selectedAggregation: aggregation,
-        aggregationSettings: _objectSpread(_objectSpread({}, aggregationSettings), {}, {
-          aggregations: aggregationSettings.aggregations.map(a => a.operation === aggregation.operation ? aggregation : a)
-        })
-      };
-    });
-  }
-
-  /**
-   * An aggregations has been selected for editing
-   * @param aggregation The aggregation to edit
-   */
-  handleAggregationEdit(aggregation) {
-    log.debug('handleAggregationEdit', aggregation);
-    var {
-      openOptions
-    } = this.state;
-    this.setState({
-      openOptions: [...openOptions, {
-        type: OptionType.AGGREGATION_EDIT,
-        title: "Edit Columns to ".concat(aggregation.operation)
-      }],
-      selectedAggregation: aggregation
-    });
-  }
-  handleRollupChange(rollupConfig) {
-    var _rollupConfig$columns, _rollupConfig$columns2;
-    log.info('Rollup change', rollupConfig);
-    this.resetGridViewState();
-    this.showAllColumns();
-    this.clearAllFilters();
-    this.startLoading("Grouping by columns ".concat((_rollupConfig$columns = rollupConfig === null || rollupConfig === void 0 ? void 0 : (_rollupConfig$columns2 = rollupConfig.columns) === null || _rollupConfig$columns2 === void 0 ? void 0 : _rollupConfig$columns2.join(', ')) !== null && _rollupConfig$columns !== void 0 ? _rollupConfig$columns : '', "..."));
-
-    // Have to clear select distinct since rollup uses the original columns, not the current ones.
-    // IrisGridProxyModel has a check to prevent model update
-    // when selectDistinctModel is cleared and the rollupConfig is set on the model.
-    this.setState({
-      rollupConfig,
-      movedColumns: [],
-      frozenColumns: [],
-      sorts: [],
-      reverseType: TableUtils.REVERSE_TYPE.NONE,
-      selectDistinctColumns: []
-    });
-  }
-  handleSelectDistinctChanged(columnNames) {
-    log.debug('SelectDistinct change', columnNames);
-    this.resetGridViewState();
-    this.showAllColumns();
-    this.clearAllFilters();
-    this.startLoading("Selecting distinct values in ".concat(columnNames.length > 0 ? columnNames.join(', ') : '', "..."));
-    this.setState({
-      selectDistinctColumns: columnNames,
-      movedColumns: [],
-      sorts: [],
-      reverseType: TableUtils.REVERSE_TYPE.NONE
-    });
-  }
-  handleDownloadTableStart() {
-    var {
-      canDownloadCsv
-    } = this.props;
-    if (canDownloadCsv) {
-      this.setState({
-        isTableDownloading: true,
-        tableDownloadProgress: 0,
-        tableDownloadEstimatedTime: null,
-        tableDownloadStatus: TableCsvExporter.DOWNLOAD_STATUS.INITIATING
-      });
-    } else {
-      log.error('Attempted to handleDownloadTableStart for user without download CSV permission.');
-    }
-  }
-  handleDownloadTable(fileName, frozenTable, tableSubscription, snapshotRanges, modelRanges, includeColumnHeaders, useUnformattedValues) {
-    var {
-      canDownloadCsv
-    } = this.props;
-    if (canDownloadCsv) {
-      log.info('start table downloading', fileName, frozenTable, tableSubscription, snapshotRanges, modelRanges, includeColumnHeaders, useUnformattedValues);
-      this.setState(() => {
-        if (this.tableSaver) {
-          this.tableSaver.startDownload(fileName, frozenTable, tableSubscription, snapshotRanges, modelRanges, includeColumnHeaders, useUnformattedValues);
-        }
-        return {
-          tableDownloadStatus: TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING
-        };
-      });
-    } else {
-      log.error('Attempted to handleDownloadTable for user without download CSV permission.');
-    }
-  }
-  seekRow(inputString) {
-    var _arguments = arguments,
-      _this5 = this;
-    return _asyncToGenerator(function* () {
-      var _this5$grid;
-      var isBackwards = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : false;
-      var {
-        gotoValueSelectedColumnName: selectedColumnName,
-        gotoValueSelectedFilter
-      } = _this5.state;
-      var {
-        model
-      } = _this5.props;
-      var {
-        dh
-      } = model;
-      if (!model.isSeekRowAvailable) {
-        return;
-      }
-      if (inputString === '') {
-        return;
-      }
-      var selectedColumn = IrisGridUtils.getColumnByName(model.columns, selectedColumnName);
-      if (selectedColumn === undefined) {
-        return;
-      }
-      var searchFromRow = (_this5$grid = _this5.grid) === null || _this5$grid === void 0 ? void 0 : _this5$grid.state.cursorRow;
-      if (searchFromRow == null) {
-        searchFromRow = 0;
-      }
-      var isContains = gotoValueSelectedFilter === FilterType.contains || gotoValueSelectedFilter === FilterType.containsIgnoreCase;
-      var isIgnoreCase = gotoValueSelectedFilter === FilterType.eqIgnoreCase || gotoValueSelectedFilter === FilterType.containsIgnoreCase;
-      try {
-        var _this5$grid2;
-        var {
-          formatter
-        } = model;
-        var columnDataType = TableUtils.getNormalizedType(selectedColumn.type);
-        var rowIndex;
-        switch (columnDataType) {
-          case TableUtils.dataType.CHAR:
-          case TableUtils.dataType.STRING:
-            {
-              rowIndex = yield model.seekRow(searchFromRow, selectedColumn, dh.ValueType.STRING, inputString, isIgnoreCase, isContains, isBackwards !== null && isBackwards !== void 0 ? isBackwards : false);
-              break;
-            }
-          case TableUtils.dataType.DATETIME:
-            {
-              var [startDate] = DateUtils.parseDateRange(dh, inputString, formatter.timeZone);
-              rowIndex = yield model.seekRow(searchFromRow, selectedColumn, dh.ValueType.DATETIME, startDate, undefined, undefined, isBackwards !== null && isBackwards !== void 0 ? isBackwards : false);
-              break;
-            }
-          case TableUtils.dataType.DECIMAL:
-          case TableUtils.dataType.INT:
-            {
-              if (!TableUtils.isBigDecimalType(selectedColumn.type) && !TableUtils.isBigIntegerType(selectedColumn.type)) {
-                var inputValue = parseInt(inputString, 10);
-                if (inputString === '-Infinity') {
-                  inputValue = Number.NEGATIVE_INFINITY;
-                } else if (inputString === 'Infinity') {
-                  inputValue = Number.POSITIVE_INFINITY;
-                }
-                rowIndex = yield model.seekRow(searchFromRow, selectedColumn, dh.ValueType.NUMBER, inputValue, undefined, undefined, isBackwards !== null && isBackwards !== void 0 ? isBackwards : false);
-              } else {
-                rowIndex = yield model.seekRow(searchFromRow, selectedColumn, dh.ValueType.STRING, inputString, undefined, undefined, isBackwards !== null && isBackwards !== void 0 ? isBackwards : false);
-              }
-              break;
-            }
-          default:
-            {
-              rowIndex = yield model.seekRow(searchFromRow, selectedColumn, dh.ValueType.STRING, _this5.tableUtils.makeValue(selectedColumn.type, inputString, formatter.timeZone), undefined, undefined, isBackwards !== null && isBackwards !== void 0 ? isBackwards : false);
-            }
-        }
-        (_this5$grid2 = _this5.grid) === null || _this5$grid2 === void 0 ? void 0 : _this5$grid2.setFocusRow(rowIndex);
-        _this5.setState({
-          gotoValueError: ''
-        });
-      } catch (e) {
-        _this5.setState({
-          gotoValueError: 'invalid input'
-        });
-      }
-    })();
-  }
-  handleCancelDownloadTable() {
-    var _this$tableSaver;
-    (_this$tableSaver = this.tableSaver) === null || _this$tableSaver === void 0 ? void 0 : _this$tableSaver.cancelDownload();
-    this.setState({
-      isTableDownloading: false
-    });
-  }
-  handleDownloadCompleted() {
-    this.setState({
-      isTableDownloading: false,
-      tableDownloadProgress: 100,
-      tableDownloadStatus: TableCsvExporter.DOWNLOAD_STATUS.FINISHED
-    });
-  }
-  handleDownloadCanceled() {
-    this.setState({
-      isTableDownloading: false,
-      tableDownloadProgress: 0,
-      tableDownloadStatus: TableCsvExporter.DOWNLOAD_STATUS.CANCELED
-    });
-  }
-
-  /**
-   * Delete the specified ranges from the table.
-   * @param ranges The ranges to delete
-   */
-  deleteRanges(ranges) {
-    var {
-      model
-    } = this.props;
-    this.pending.add(model.delete(ranges)).catch(e => {
-      if (!PromiseUtils.isCanceled(e)) {
-        log.error('Unable to delete ranges', ranges, e);
-      }
-    });
-  }
-  resetColumnSelection() {
-    if (this.grid == null) {
-      return;
-    }
-    var {
-      isSelectingColumn
-    } = this.props;
-    if (isSelectingColumn) {
-      var {
-        columnAllowedCursor
-      } = this.props;
-      this.grid.setState({
-        cursor: columnAllowedCursor
-      });
-    } else {
-      this.grid.setState({
-        cursor: null
-      });
-      this.setState({
-        hoverSelectColumn: null
-      });
-    }
-  }
-  resetGridViewState() {
-    var forceUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    if (!this.grid) {
-      return;
-    }
-    this.grid.clearSelectedRanges();
-    this.grid.setViewState({
-      left: 0,
-      top: 0,
-      topOffset: 0,
-      leftOffset: 0
-    }, forceUpdate);
-  }
-  sendStateChange() {
-    if (!this.grid) {
-      return;
-    }
-    var {
-      state: irisGridState
-    } = this;
-    var {
-      state: gridState
-    } = this.grid;
-    var {
-      onStateChange
-    } = this.props;
-    onStateChange(irisGridState, gridState);
-  }
-  handleOverflowClose() {
-    this.setState({
-      showOverflowModal: false
-    });
-  }
-  getColumnBoundingRect() {
-    var _this$gridWrapper2;
-    var {
-      metrics,
-      shownColumnTooltip
-    } = this.state;
-    assertNotNull(metrics);
-    assertNotNull(shownColumnTooltip);
-    var gridRect = (_this$gridWrapper2 = this.gridWrapper) === null || _this$gridWrapper2 === void 0 ? void 0 : _this$gridWrapper2.getBoundingClientRect();
-    var popperMargin = 20;
-    assertNotNull(gridRect);
-    var {
-      columnHeaderHeight,
-      allColumnXs,
-      allColumnWidths,
-      width,
-      columnHeaderMaxDepth
-    } = metrics;
-    var columnX = allColumnXs.get(shownColumnTooltip);
-    var columnWidth = allColumnWidths.get(shownColumnTooltip);
-    assertNotNull(columnX);
-    assertNotNull(columnWidth);
-    var left = gridRect.left + clamp(columnX + columnWidth / 2, popperMargin, width - popperMargin);
-    return {
-      top: gridRect.top + (columnHeaderMaxDepth - 1) * columnHeaderHeight,
-      left: gridRect.left + clamp(columnX + columnWidth / 2, popperMargin, width - popperMargin),
-      bottom: gridRect.top + columnHeaderMaxDepth * columnHeaderHeight,
-      right: gridRect.left + clamp(columnX + columnWidth / 2, popperMargin, width - popperMargin) + 1,
-      width: 1,
-      height: columnHeaderHeight,
-      x: left,
-      y: gridRect.top,
-      toJSON: () => {
-        throw new Error('not implemented');
-      }
-    };
-  }
-  handleGotoRowSelectedRowNumberSubmit() {
-    var {
-      gotoRow: rowNumber
-    } = this.state;
-    this.focusRowInGrid(rowNumber);
-  }
-  focusRowInGrid(rowNumber) {
-    var {
-      model
-    } = this.props;
-    var {
-      rowCount
-    } = model;
-    this.setState({
-      gotoRow: rowNumber
-    });
-    if (rowNumber === '') {
-      this.setState({
-        gotoRowError: '',
-        gotoValueError: ''
-      });
-      return;
-    }
-    var rowInt = parseInt(rowNumber, 10);
-    if (rowInt > rowCount || rowInt < -rowCount) {
-      this.setState({
-        gotoRowError: 'Invalid row index'
-      });
-    } else if (rowInt === 0) {
-      var _this$grid24;
-      this.setState({
-        gotoRowError: '',
-        gotoValueError: ''
-      });
-      (_this$grid24 = this.grid) === null || _this$grid24 === void 0 ? void 0 : _this$grid24.setFocusRow(0);
-    } else if (rowInt < 0) {
-      var _this$grid25;
-      this.setState({
-        gotoRowError: '',
-        gotoValueError: ''
-      });
-      (_this$grid25 = this.grid) === null || _this$grid25 === void 0 ? void 0 : _this$grid25.setFocusRow(rowInt + rowCount);
-    } else {
-      var _this$grid26;
-      (_this$grid26 = this.grid) === null || _this$grid26 === void 0 ? void 0 : _this$grid26.setFocusRow(rowInt - 1);
-      this.setState({
-        gotoRowError: '',
-        gotoValueError: ''
-      });
-    }
-  }
-  handleGotoRowSelectedRowNumberChanged(event) {
-    var rowNumber = event.target.value;
-    this.focusRowInGrid(rowNumber);
-  }
-  getColumnTooltip(visibleIndex, metrics, model) {
-    var {
-      columnHeaderHeight,
-      columnHeaderMaxDepth,
-      allColumnXs,
-      allColumnWidths,
-      width
-    } = metrics;
-    var columnX = allColumnXs.get(visibleIndex);
-    var columnWidth = allColumnWidths.get(visibleIndex);
-    if (columnX == null || columnWidth == null) {
-      return null;
-    }
-
-    /**
-     * 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: (columnHeaderMaxDepth - 1) * columnHeaderHeight,
-      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 virtualReference = {
-      clientWidth: 1,
-      clientHeight: columnHeaderHeight,
-      getBoundingClientRect: this.getColumnBoundingRect
-    };
-    var popperOptions = {
-      placement: 'bottom',
-      modifiers: {
-        flip: {
-          behavior: ['bottom', 'top']
-        }
-      }
-    };
-    var modelColumn = this.getModelColumn(visibleIndex);
-    if (modelColumn == null) return null;
-    var column = model.columns[modelColumn];
-    if (column == null) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      style: wrapperStyle
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      key: column.name,
-      timeout: 400,
-      interactive: true,
-      options: popperOptions,
-      ref: this.handleTooltipRef,
-      referenceObject: virtualReference,
-      onExited: () => {
-        this.setState({
-          shownColumnTooltip: null
-        });
-      }
-    }, /*#__PURE__*/React.createElement(ColumnStatistics, {
-      model: model,
-      column: column,
-      onStatistics: () => {
-        var _this$tooltip;
-        (_this$tooltip = this.tooltip) === null || _this$tooltip === void 0 ? void 0 : _this$tooltip.update();
-      }
-    })));
-  }
-  handleGotoValueSelectedColumnNameChanged(columnName) {
-    var _this$grid27;
-    var {
-      model
-    } = this.props;
-    var cursorRow = (_this$grid27 = this.grid) === null || _this$grid27 === void 0 ? void 0 : _this$grid27.state.cursorRow;
-    if (cursorRow != null) {
-      var _index = model.getColumnIndexByName(columnName);
-      var _column3 = IrisGridUtils.getColumnByName(model.columns, columnName);
-      if (_index == null || _column3 == null) {
-        return;
-      }
-      var _value4 = model.valueForCell(_index, cursorRow);
-      var text = IrisGridUtils.convertValueToText(_value4, _column3.type);
-      this.setState({
-        gotoValueSelectedColumnName: columnName,
-        gotoValue: text,
-        gotoValueError: ''
-      });
-    }
-    this.setState({
-      gotoValueSelectedColumnName: columnName,
-      gotoValueError: ''
-    });
-  }
-  handleGotoValueSelectedFilterChanged(value) {
-    this.setState({
-      gotoValueSelectedFilter: value,
-      gotoValueError: ''
-    });
-  }
-  handleGotoValueSubmitted(isBackwards) {
-    var {
-      gotoValue
-    } = this.state;
-    this.seekRow(gotoValue, isBackwards);
-  }
-  render() {
-    var _rollupConfig$columns3,
-      _rollupConfig$columns4,
-      _this6 = this,
-      _this$grid29,
-      _this$grid29$state$dr,
-      _openOptions;
-    var {
-      children,
-      customFilters,
-      getDownloadWorker,
-      isSelectingColumn,
-      isStuckToBottom,
-      isStuckToRight,
-      model,
-      name,
-      onlyFetchVisibleColumns,
-      alwaysFetchColumns,
-      advancedSettings,
-      onAdvancedSettingsChange,
-      canDownloadCsv,
-      onCreateChart
-    } = this.props;
-    var {
-      metricCalculator,
-      metrics,
-      isFilterBarShown,
-      isSelectingPartition,
-      isMenuShown,
-      isReady,
-      copyOperation,
-      focusedFilterBarColumn,
-      loadingText,
-      loadingScrimProgress,
-      loadingSpinnerShown,
-      keyHandlers,
-      mouseHandlers,
-      shownColumnTooltip,
-      hoverAdvancedFilter,
-      shownAdvancedFilter,
-      hoverSelectColumn,
-      quickFilters,
-      advancedFilters,
-      partition,
-      partitionFilters,
-      partitionTable,
-      partitionColumn,
-      searchFilter,
-      selectDistinctColumns,
-      movedColumns,
-      movedRows,
-      formatter,
-      conditionalFormats,
-      conditionalFormatPreview,
-      conditionalFormatEditIndex,
-      sorts,
-      reverseType,
-      customColumns,
-      selectedRanges,
-      isTableDownloading,
-      tableDownloadStatus,
-      tableDownloadProgress,
-      tableDownloadEstimatedTime,
-      showSearchBar,
-      searchValue,
-      selectedSearchColumns,
-      invertSearchColumns,
-      aggregationSettings,
-      selectedAggregation,
-      rollupConfig,
-      openOptions,
-      pendingSavePromise,
-      pendingSaveError,
-      pendingRowCount,
-      pendingDataErrors,
-      pendingDataMap,
-      toastMessage,
-      frozenColumns,
-      columnHeaderGroups,
-      showOverflowModal,
-      overflowText,
-      overflowButtonTooltipProps,
-      expandCellTooltipProps,
-      linkHoverTooltipProps,
-      isGotoShown,
-      gotoRow,
-      gotoRowError,
-      gotoValueError,
-      gotoValueSelectedColumnName,
-      gotoValue,
-      gotoValueSelectedFilter
-    } = this.state;
-    if (!isReady) {
-      return null;
-    }
-    var theme = this.getTheme();
-    var filter = this.getCachedFilter(customFilters, quickFilters, advancedFilters, partitionFilters, searchFilter);
-    var userColumnWidths = metricCalculator.getUserColumnWidths();
-    var stateOverride = this.getCachedStateOverride(hoverSelectColumn, isFilterBarShown, isSelectingColumn, loadingScrimProgress, quickFilters, advancedFilters, sorts, reverseType, rollupConfig, isMenuShown);
-    var top = metrics ? metrics.top : 0;
-    var bottom = metrics ? metrics.bottomViewport : 0;
-    var left = null;
-    var right = null;
-    if (onlyFetchVisibleColumns) {
-      left = metrics ? metrics.left : 0;
-      right = metrics ? metrics.right : 0;
-    }
-    var isVisible = metrics != null && metrics.width > 0 && metrics.height > 0;
-    var isRollup = ((_rollupConfig$columns3 = rollupConfig === null || rollupConfig === void 0 ? void 0 : (_rollupConfig$columns4 = rollupConfig.columns) === null || _rollupConfig$columns4 === void 0 ? void 0 : _rollupConfig$columns4.length) !== null && _rollupConfig$columns3 !== void 0 ? _rollupConfig$columns3 : 0) > 0;
-    var focusField = null;
-    var debounceMs = metrics ? Math.min(Math.max(IrisGrid.minDebounce, Math.round(metrics.rowCount / 200)), IrisGrid.maxDebounce) : IrisGrid.maxDebounce;
-    if (isFilterBarShown && focusedFilterBarColumn != null && metrics != null) {
-      var {
-        gridX,
-        gridY,
-        allColumnXs,
-        allColumnWidths,
-        width
-      } = metrics;
-      var columnX = allColumnXs.get(focusedFilterBarColumn);
-      var columnWidth = allColumnWidths.get(focusedFilterBarColumn);
-      if (columnX != null && columnWidth != null) {
-        var _theme$filterBarHeigh, _theme$filterBarHeigh2, _this$grid28;
-        var x = gridX + columnX;
-        var y = gridY - ((_theme$filterBarHeigh = theme.filterBarHeight) !== null && _theme$filterBarHeigh !== void 0 ? _theme$filterBarHeigh : 0);
-        var fieldWidth = columnWidth + 1; // cover right border
-        var fieldHeight = ((_theme$filterBarHeigh2 = theme.filterBarHeight) !== null && _theme$filterBarHeigh2 !== void 0 ? _theme$filterBarHeigh2 : 0) - 1; // remove bottom border
-        var style = {
-          top: y,
-          left: x,
-          minWidth: Math.min(fieldWidth, width - x),
-          // Don't cause overflow
-          height: fieldHeight
-        };
-        var _value5 = '';
-        var isValid = true;
-        var modelColumn = this.getModelColumn(focusedFilterBarColumn);
-        assertNotNull(modelColumn);
-        var quickFilter = quickFilters.get(modelColumn);
-        var advancedFilter = advancedFilters.get(modelColumn);
-        if (quickFilter != null) {
-          _value5 = quickFilter.text;
-          isValid = quickFilter.filter != null;
-        }
-        var isBarFiltered = quickFilters.size !== 0 || advancedFilters.size !== 0;
-        focusField = /*#__PURE__*/React.createElement(FilterInputField, {
-          ref: this.filterInputRef,
-          style: style,
-          className: classNames({
-            error: !isValid,
-            active: _value5 !== '' || advancedFilter != null,
-            'iris-grid-has-filter': isBarFiltered
-          }),
-          isAdvancedFilterSet: advancedFilter != null,
-          onAdvancedFiltersTriggered: () => {
-            this.setState({
-              shownAdvancedFilter: focusedFilterBarColumn
-            });
-          },
-          key: focusedFilterBarColumn,
-          onChange: this.handleFilterBarChange,
-          onDone: this.handleFilterBarDone,
-          onTab: this.handleFilterBarTab,
-          onContextMenu: (_this$grid28 = this.grid) === null || _this$grid28 === void 0 ? void 0 : _this$grid28.handleContextMenu,
-          debounceMs: debounceMs,
-          value: _value5
-        });
-      }
-    }
-    var loadingElement = null;
-    if (loadingText != null) {
-      var loadingStatus = /*#__PURE__*/React.createElement("div", {
-        className: "iris-grid-loading-status"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classNames('iris-grid-loading-status-bar', {
-          show: loadingSpinnerShown
-        })
-      }, loadingText), /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        onClick: this.handleCancel,
-        className: classNames('iris-grid-btn-cancel', {
-          show: loadingSpinnerShown
-        })
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsClose,
-        transform: "down-1"
-      }), "Cancel"));
-      var _gridY = metrics ? metrics.gridY : 0;
-      loadingElement = /*#__PURE__*/React.createElement("div", {
-        className: "iris-grid-loading",
-        style: {
-          top: _gridY
-        }
-      }, loadingStatus);
-    }
-    var columnTooltip = null;
-    if (shownColumnTooltip != null && metrics) {
-      var _this$tooltip2;
-      columnTooltip = this.getColumnTooltip(shownColumnTooltip, metrics, model);
-      // #510 We may need to update the position of the tooltip if it's already opened and columns are resized
-      (_this$tooltip2 = this.tooltip) === null || _this$tooltip2 === void 0 ? void 0 : _this$tooltip2.update();
-    }
-    var filterBar = [];
-    if (metrics && isFilterBarShown) {
-      var {
-        gridX: _gridX,
-        gridY: _gridY2,
-        visibleColumns,
-        allColumnXs: _allColumnXs,
-        allColumnWidths: _allColumnWidths
-      } = metrics;
-      var {
-        filterBarHeight
-      } = theme;
-      var _loop2 = function _loop2() {
-        var columnIndex = visibleColumns[i];
-        var columnX = _allColumnXs.get(columnIndex);
-        var columnWidth = _allColumnWidths.get(columnIndex);
-        var modelColumn = _this6.getModelColumn(columnIndex);
-        if (modelColumn != null) {
-          var isFilterable = model.isFilterable(modelColumn);
-          if (isFilterable && columnX != null && columnWidth != null && columnWidth > 0) {
-            var _x = _gridX + columnX + columnWidth - 24;
-            var _y = _gridY2 - (filterBarHeight !== null && filterBarHeight !== void 0 ? filterBarHeight : 0) + 2; // 2 acts as top margin for the button
-            var _style = {
-              position: 'absolute',
-              top: _y,
-              left: _x
-            };
-            var _advancedFilter = advancedFilters.get(modelColumn);
-            var isFilterSet = _advancedFilter != null;
-            var isFilterVisible = columnIndex === hoverAdvancedFilter || columnIndex === focusedFilterBarColumn || isFilterSet;
-            var element = /*#__PURE__*/React.createElement("div", {
-              className: classNames('advanced-filter-button-container', {
-                hidden: !isFilterVisible
-              }),
-              key: columnIndex,
-              style: _style
-            }, isFilterVisible && /*#__PURE__*/React.createElement(Button, {
-              kind: "ghost",
-              className: classNames('btn-link-icon advanced-filter-button', {
-                'filter-set': isFilterSet
-              }),
-              onClick: () => {
-                _this6.setState({
-                  shownAdvancedFilter: columnIndex
-                });
-              },
-              onContextMenu: event => {
-                var _this6$grid;
-                (_this6$grid = _this6.grid) === null || _this6$grid === void 0 ? void 0 : _this6$grid.handleContextMenu(event);
-              },
-              onMouseEnter: () => {
-                _this6.setState({
-                  hoverAdvancedFilter: columnIndex
-                });
-              },
-              onMouseLeave: () => {
-                _this6.setState({
-                  hoverAdvancedFilter: null
-                });
-              }
-            }, /*#__PURE__*/React.createElement("div", {
-              className: "fa-layers"
-            }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-              icon: dhFilterFilled,
-              className: "filter-solid"
-            }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-              icon: vsFilter,
-              className: "filter-light"
-            }))));
-            filterBar.push(element);
-          }
-        }
-      };
-      for (var i = 0; i < visibleColumns.length; i += 1) {
-        _loop2();
-      }
-    }
-    var advancedFilterMenus = [];
-    if (metrics) {
-      var {
-        gridX: _gridX2,
-        visibleColumns: _visibleColumns,
-        allColumnXs: _allColumnXs2,
-        allColumnWidths: _allColumnWidths2,
-        columnHeaderHeight
-      } = metrics;
-      var _loop3 = function _loop3() {
-        var columnIndex = _visibleColumns[_i3];
-        var columnX = _allColumnXs2.get(columnIndex);
-        var columnWidth = _allColumnWidths2.get(columnIndex);
-        if (columnX != null && columnWidth != null && columnWidth > 0) {
-          var xColumnHeader = _gridX2 + columnX;
-          var xFilterBar = _gridX2 + columnX + columnWidth - 20;
-          var _style2 = isFilterBarShown ? {
-            position: 'absolute',
-            top: columnHeaderHeight,
-            left: xFilterBar,
-            width: 20,
-            height: theme.filterBarHeight
-          } : {
-            position: 'absolute',
-            top: 0,
-            left: xColumnHeader,
-            width: columnWidth,
-            height: columnHeaderHeight
-          };
-          var _modelColumn = _this6.getModelColumn(columnIndex);
-          if (_modelColumn != null) {
-            var _column4 = model.columns[_modelColumn];
-            if (_column4 == null) {
-              // Grid metrics is likely out of sync with model
-              log.warn("Column does not exist at index ".concat(_modelColumn, " for column array of length ").concat(model.columns.length));
-              // eslint-disable-next-line no-continue
-              return "continue";
-            }
-            var _advancedFilter2 = advancedFilters.get(_modelColumn);
-            var {
-              options: advancedFilterOptions
-            } = _advancedFilter2 || {};
-            var sort = TableUtils.getSortForColumn(model.sort, _column4.name);
-            var sortDirection = sort ? sort.direction : null;
-            var element = /*#__PURE__*/React.createElement("div", {
-              key: columnIndex,
-              className: "advanced-filter-menu-container",
-              style: _style2
-            }, /*#__PURE__*/React.createElement(Popper, {
-              className: "advanced-filter-menu-popper",
-              onEntered: _this6.getAdvancedMenuOpenedHandler(columnIndex),
-              onExited: () => {
-                _this6.handleAdvancedMenuClosed(columnIndex);
-              },
-              isShown: shownAdvancedFilter === columnIndex,
-              interactive: true,
-              closeOnBlur: true,
-              options: {
-                positionFixed: true
-              }
-            }, _this6.getCachedAdvancedFilterMenuActions(model, _column4, advancedFilterOptions, sortDirection, formatter)));
-            advancedFilterMenus.push(element);
-          }
-        }
-      };
-      for (var _i3 = 0; _i3 < _visibleColumns.length; _i3 += 1) {
-        var _ret = _loop3();
-        if (_ret === "continue") continue;
-      }
-    }
-    var optionItems = this.getCachedOptionItems(onCreateChart !== undefined && model.isChartBuilderAvailable, model.isCustomColumnsAvailable, model.isFormatColumnsAvailable, model.isRollupAvailable, model.isTotalsAvailable || isRollup, model.isSelectDistinctAvailable, model.isExportAvailable, this.toggleFilterBarAction, this.toggleSearchBarAction, this.toggleGotoRowAction, isFilterBarShown, showSearchBar, canDownloadCsv, this.isTableSearchAvailable(), isGotoShown, advancedSettings.size > 0);
-    var hiddenColumns = this.getCachedHiddenColumns(metricCalculator, userColumnWidths);
-    var openOptionsStack = openOptions.map(option => {
-      switch (option.type) {
-        case OptionType.CHART_BUILDER:
-          return /*#__PURE__*/React.createElement(ChartBuilder, {
-            model: model,
-            onChange: this.handleChartChange,
-            onSubmit: this.handleChartCreate,
-            key: OptionType.CHART_BUILDER
-          });
-        case OptionType.VISIBILITY_ORDERING_BUILDER:
-          return /*#__PURE__*/React.createElement(VisibilityOrderingBuilder, {
-            model: model,
-            movedColumns: movedColumns,
-            hiddenColumns: hiddenColumns,
-            columnHeaderGroups: columnHeaderGroups,
-            onColumnVisibilityChanged: this.handleColumnVisibilityChanged,
-            onReset: this.handleColumnVisibilityReset,
-            onMovedColumnsChanged: this.handleMovedColumnsChanged,
-            onColumnHeaderGroupChanged: this.handleHeaderGroupsChanged,
-            key: OptionType.VISIBILITY_ORDERING_BUILDER
-          });
-        case OptionType.CONDITIONAL_FORMATTING:
-          return /*#__PURE__*/React.createElement(ConditionalFormattingMenu, {
-            rules: conditionalFormats,
-            onChange: this.handleConditionalFormatsChange,
-            onCreate: this.handleConditionalFormatCreate,
-            onSelect: this.handleConditionalFormatEdit
-          });
-        case OptionType.CONDITIONAL_FORMATTING_EDIT:
-          assertNotNull(model.columns);
-          assertNotNull(this.handleConditionalFormatEditorUpdate);
-          return /*#__PURE__*/React.createElement(ConditionalFormatEditor, {
-            dh: model.dh,
-            columns: model.columns,
-            rule: conditionalFormatPreview,
-            onUpdate: this.handleConditionalFormatEditorUpdate,
-            onSave: this.handleConditionalFormatEditorSave,
-            onCancel: this.handleConditionalFormatEditorCancel
-          });
-        case OptionType.CUSTOM_COLUMN_BUILDER:
-          return /*#__PURE__*/React.createElement(CustomColumnBuilder, {
-            model: model,
-            customColumns: customColumns,
-            onSave: this.handleUpdateCustomColumns,
-            onCancel: this.handleMenuBack,
-            key: OptionType.CUSTOM_COLUMN_BUILDER
-          });
-        case OptionType.ROLLUP_ROWS:
-          return /*#__PURE__*/React.createElement(RollupRows, {
-            model: model,
-            onChange: this.handleRollupChange,
-            config: rollupConfig,
-            key: OptionType.ROLLUP_ROWS
-          });
-        case OptionType.AGGREGATIONS:
-          return /*#__PURE__*/React.createElement(Aggregations, {
-            settings: aggregationSettings,
-            isRollup: isRollup,
-            onChange: this.handleAggregationsChange,
-            onEdit: this.handleAggregationEdit
-          });
-        case OptionType.AGGREGATION_EDIT:
-          return selectedAggregation && /*#__PURE__*/React.createElement(AggregationEdit, {
-            aggregation: selectedAggregation,
-            columns: model.originalColumns,
-            onChange: this.handleAggregationChange
-          });
-        case OptionType.TABLE_EXPORTER:
-          return /*#__PURE__*/React.createElement(TableCsvExporter, {
-            model: model,
-            name: name,
-            userColumnWidths: userColumnWidths,
-            movedColumns: movedColumns,
-            isDownloading: isTableDownloading,
-            tableDownloadStatus: tableDownloadStatus,
-            tableDownloadProgress: tableDownloadProgress,
-            tableDownloadEstimatedTime: tableDownloadEstimatedTime !== null && tableDownloadEstimatedTime !== void 0 ? tableDownloadEstimatedTime : undefined,
-            onDownload: this.handleDownloadTable,
-            onDownloadStart: this.handleDownloadTableStart,
-            onCancel: this.handleCancelDownloadTable,
-            selectedRanges: selectedRanges,
-            key: OptionType.TABLE_EXPORTER
-          });
-        case OptionType.SELECT_DISTINCT:
-          return /*#__PURE__*/React.createElement(SelectDistinctBuilder, {
-            model: model,
-            selectDistinctColumns: selectDistinctColumns,
-            onChange: this.handleSelectDistinctChanged
-          });
-        case OptionType.ADVANCED_SETTINGS:
-          return /*#__PURE__*/React.createElement(AdvancedSettingsMenu, {
-            items: advancedSettings,
-            onChange: onAdvancedSettingsChange
-          });
-        default:
-          throw Error("Unexpected option type ".concat(option.type));
-      }
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: "iris-grid",
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "iris-grid-column"
-    }, children != null && /*#__PURE__*/React.createElement("div", {
-      className: "iris-grid-bar"
-    }, children), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: isSelectingPartition,
-      timeout: ThemeExport.transitionSlowMs,
-      classNames: "iris-grid-bar-horizontal",
-      onEnter: this.handleAnimationStart,
-      onEntered: this.handleAnimationEnd,
-      onExit: this.handleAnimationStart,
-      onExited: this.handleAnimationEnd,
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "iris-grid-partition-selector-wrapper iris-grid-bar iris-grid-bar-primary"
-    }, partitionTable && partitionColumn && partition != null && /*#__PURE__*/React.createElement(IrisGridPartitionSelector, {
-      dh: model.dh,
-      table: partitionTable,
-      getFormattedString: (value, type, stringName) => model.displayString(value, type, stringName),
-      columnName: partitionColumn.name,
-      partition: partition,
-      onChange: this.handlePartitionChange,
-      onFetchAll: this.handlePartitionFetchAll,
-      onAppend: this.handlePartitionAppend,
-      onDone: this.handlePartitionDone
-    }))), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: showSearchBar,
-      timeout: ThemeExport.transitionSlowMs,
-      classNames: "iris-grid-bar-horizontal",
-      onEnter: this.handleAnimationStart,
-      onEntered: this.handleAnimationEnd,
-      onExit: this.handleAnimationStart,
-      onExited: this.handleAnimationEnd,
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "iris-grid-bar"
-    }, /*#__PURE__*/React.createElement(CrossColumnSearch, {
-      value: searchValue,
-      selectedColumns: selectedSearchColumns,
-      invertSelection: invertSearchColumns,
-      onChange: this.handleCrossColumnSearch,
-      columns: model.columns,
-      ref: this.crossColumnRef
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "grid-wrapper",
-      ref: gridWrapper => {
-        this.gridWrapper = gridWrapper;
-      }
-    }, /*#__PURE__*/React.createElement(Grid, {
-      ref: grid => {
-        this.grid = grid;
-      },
-      isStickyBottom: !isEditableGridModel(model) || !model.isEditable,
-      isStuckToBottom: isStuckToBottom,
-      isStuckToRight: isStuckToRight,
-      metricCalculator: metricCalculator,
-      model: model,
-      keyHandlers: keyHandlers,
-      mouseHandlers: mouseHandlers,
-      movedColumns: movedColumns,
-      movedRows: movedRows,
-      onError: this.handleGridError,
-      onViewChanged: this.handleViewChanged,
-      onSelectionChanged: this.handleSelectionChanged,
-      onMovedColumnsChanged: this.handleMovedColumnsChanged,
-      renderer: this.renderer,
-      stateOverride: stateOverride,
-      theme: theme
-    }), /*#__PURE__*/React.createElement(IrisGridCellOverflowModal, {
-      isOpen: showOverflowModal,
-      text: overflowText,
-      onClose: this.handleOverflowClose
-    }), isVisible && /*#__PURE__*/React.createElement(IrisGridModelUpdater, {
-      model: model,
-      modelColumns: model.columns,
-      top: top,
-      bottom: bottom,
-      left: left,
-      right: right,
-      filter: filter,
-      formatter: formatter,
-      sorts: sorts,
-      reverseType: reverseType,
-      movedColumns: movedColumns,
-      customColumns: customColumns,
-      hiddenColumns: hiddenColumns,
-      alwaysFetchColumns: this.getAlwaysFetchColumns(alwaysFetchColumns, model.columns, movedColumns, model.floatingLeftColumnCount, model.floatingRightColumnCount, (_this$grid29 = this.grid) === null || _this$grid29 === void 0 ? void 0 : (_this$grid29$state$dr = _this$grid29.state.draggingColumn) === null || _this$grid29$state$dr === void 0 ? void 0 : _this$grid29$state$dr.range),
-      formatColumns: this.getCachedPreviewFormatColumns(model.dh, model.columns, conditionalFormats, conditionalFormatPreview,
-      // Disable the preview format when we press Back on the format edit page
-      ((_openOptions = openOptions[openOptions.length - 1]) === null || _openOptions === void 0 ? void 0 : _openOptions.type) === OptionType.CONDITIONAL_FORMATTING_EDIT ? conditionalFormatEditIndex !== null && conditionalFormatEditIndex !== void 0 ? conditionalFormatEditIndex : undefined : undefined),
-      rollupConfig: this.getModelRollupConfig(model.originalColumns, rollupConfig, aggregationSettings),
-      totalsConfig: this.getModelTotalsConfig(model.columns, rollupConfig, aggregationSettings),
-      selectDistinctColumns: selectDistinctColumns,
-      pendingRowCount: pendingRowCount,
-      pendingDataMap: pendingDataMap,
-      frozenColumns: frozenColumns,
-      columnHeaderGroups: columnHeaderGroups
-    }), !isMenuShown && /*#__PURE__*/React.createElement("div", {
-      className: "grid-settings-button"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      "data-testid": "btn-iris-grid-settings-button-".concat(name),
-      onClick: this.handleMenu,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsMenu,
-        transform: "up-1"
-      }),
-      tooltip: "Table Options"
-    })), focusField, loadingElement, filterBar, columnTooltip, advancedFilterMenus, overflowButtonTooltipProps && this.getOverflowButtonTooltip(overflowButtonTooltipProps), expandCellTooltipProps && this.getExpandCellTooltip(expandCellTooltipProps), linkHoverTooltipProps && this.getLinkHoverTooltip(linkHoverTooltipProps)), /*#__PURE__*/React.createElement(GotoRow, {
-      model: model,
-      isShown: isGotoShown,
-      gotoRow: gotoRow,
-      gotoRowError: gotoRowError,
-      gotoValueError: gotoValueError,
-      onGotoRowSubmit: this.handleGotoRowSelectedRowNumberSubmit,
-      onGotoRowNumberChanged: this.handleGotoRowSelectedRowNumberChanged,
-      onClose: this.handleGotoRowClosed,
-      onEntering: this.handleAnimationStart,
-      onEntered: this.handleAnimationEnd,
-      onExiting: () => {
-        this.handleAnimationStart();
-        this.focus();
-      },
-      onExited: this.handleAnimationEnd,
-      gotoValueSelectedColumnName: gotoValueSelectedColumnName,
-      gotoValue: gotoValue,
-      gotoValueFilter: gotoValueSelectedFilter,
-      onGotoValueSelectedColumnNameChanged: this.handleGotoValueSelectedColumnNameChanged,
-      onGotoValueSelectedFilterChanged: this.handleGotoValueSelectedFilterChanged,
-      onGotoValueChanged: this.handleGotoValueChanged,
-      onGotoValueSubmit: this.handleGotoValueSubmitted
-    }), /*#__PURE__*/React.createElement(PendingDataBottomBar, {
-      error: pendingSaveError,
-      isSaving: pendingSavePromise != null,
-      saveTooltip: "Commit (".concat(this.commitAction.shortcut.getDisplayText(), ")"),
-      discardTooltip: "Discard (".concat(this.discardAction.shortcut.getDisplayText(), ")"),
-      pendingDataErrors: pendingDataErrors,
-      pendingDataMap: pendingDataMap,
-      onEntering: this.handleAnimationStart,
-      onEntered: this.handleAnimationEnd,
-      onExiting: this.handleAnimationStart,
-      onExited: this.handleAnimationEnd,
-      onSave: this.handlePendingCommitClicked,
-      onDiscard: this.handlePendingDiscardClicked
-    }), /*#__PURE__*/React.createElement(ToastBottomBar, null, toastMessage), /*#__PURE__*/React.createElement(IrisGridCopyHandler, {
-      model: model,
-      copyOperation: copyOperation !== null && copyOperation !== void 0 ? copyOperation : undefined,
-      onEntering: this.handleAnimationStart,
-      onEntered: this.handleAnimationEnd,
-      onExiting: this.handleAnimationStart,
-      onExited: this.handleAnimationEnd
-    }), /*#__PURE__*/React.createElement(TableSaver, {
-      dh: model.dh,
-      ref: tableSaver => {
-        this.tableSaver = tableSaver;
-      },
-      getDownloadWorker: getDownloadWorker,
-      onDownloadCompleted: this.handleDownloadCompleted,
-      onDownloadCanceled: this.handleDownloadCanceled,
-      onDownloadProgressUpdate: this.handleDownloadProgressUpdate,
-      isDownloading: tableDownloadStatus === TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING,
-      formatter: formatter
-    })), /*#__PURE__*/React.createElement(CSSTransition, {
-      in: isMenuShown,
-      timeout: ThemeExport.transitionMidMs,
-      classNames: "slide-left",
-      onEntering: this.handleAnimationStart,
-      onEntered: this.handleAnimationEnd,
-      onExiting: this.handleAnimationStart,
-      onExited: this.handleAnimationEnd,
-      mountOnEnter: true,
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "table-sidebar"
-    }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Page, {
-      title: "Table Options",
-      onClose: this.handleMenuClose
-    }, /*#__PURE__*/React.createElement(Menu, {
-      onSelect: i => this.handleMenuSelect(optionItems[i]),
-      items: optionItems
-    })), openOptionsStack.map((option, i) => /*#__PURE__*/React.createElement(Page, {
-      title: openOptions[i].title,
-      onBack: this.handleMenuBack,
-      onClose: this.handleMenuClose,
-      key: openOptions[i].type
-    }, option))))), /*#__PURE__*/React.createElement(ContextActions, {
-      actions: this.contextActions
-    }));
-  }
-}
-_defineProperty(IrisGrid, "minDebounce", 150);
-_defineProperty(IrisGrid, "maxDebounce", 500);
-_defineProperty(IrisGrid, "loadingSpinnerDelay", 800);
-_defineProperty(IrisGrid, "defaultProps", {
-  children: null,
-  advancedFilters: EMPTY_MAP,
-  advancedSettings: EMPTY_MAP,
-  alwaysFetchColumns: EMPTY_ARRAY,
-  conditionalFormats: EMPTY_ARRAY,
-  customColumnFormatMap: EMPTY_MAP,
-  isFilterBarShown: false,
-  applyInputFiltersOnInit: false,
-  movedColumns: EMPTY_ARRAY,
-  movedRows: EMPTY_ARRAY,
-  inputFilters: EMPTY_ARRAY,
-  customFilters: EMPTY_ARRAY,
-  onCreateChart: undefined,
-  onColumnSelected: () => undefined,
-  onDataSelected: () => undefined,
-  onError: () => undefined,
-  onStateChange: () => undefined,
-  onPartitionAppend: () => undefined,
-  onAdvancedSettingsChange: () => undefined,
-  partition: null,
-  partitionColumn: null,
-  quickFilters: EMPTY_MAP,
-  selectDistinctColumns: EMPTY_ARRAY,
-  sorts: EMPTY_ARRAY,
-  reverseType: TableUtils.REVERSE_TYPE.NONE,
-  customColumns: EMPTY_ARRAY,
-  aggregationSettings: DEFAULT_AGGREGATION_SETTINGS,
-  rollupConfig: undefined,
-  userColumnWidths: EMPTY_MAP,
-  userRowHeights: EMPTY_MAP,
-  onSelectionChanged: () => undefined,
-  isSelectingColumn: false,
-  isSelectingPartition: false,
-  isStuckToBottom: false,
-  isStuckToRight: false,
-  columnSelectionValidator: null,
-  columnAllowedCursor: null,
-  columnNotAllowedCursor: null,
-  name: 'table',
-  onlyFetchVisibleColumns: true,
-  showSearchBar: false,
-  searchValue: '',
-  selectedSearchColumns: null,
-  invertSearchColumns: true,
-  onContextMenu: () => undefined,
-  pendingDataMap: EMPTY_MAP,
-  getDownloadWorker: undefined,
-  settings: {
-    timeZone: 'America/New_York',
-    defaultDateTimeFormat: DateUtils.FULL_DATE_FORMAT,
-    showTimeZone: false,
-    showTSeparator: true,
-    truncateNumbersWithPound: false,
-    formatter: EMPTY_ARRAY,
-    decimalFormatOptions: PropTypes.shape({
-      defaultFormatString: PropTypes.string
-    }),
-    integerFormatOptions: PropTypes.shape({
-      defaultFormatString: PropTypes.string
-    })
-  },
-  canCopy: true,
-  canDownloadCsv: true,
-  frozenColumns: null,
-  theme: IrisGridTheme,
-  canToggleSearch: true
-});
-export default IrisGrid;
-//# sourceMappingURL=IrisGrid.js.map