@deephaven/iris-grid 1.27.3 → 1.27.4

package/dist/IrisGrid.js

@@ -72,18 +72,6 @@ var DEFAULT_AGGREGATION_SETTINGS = Object.freeze({
   showOnTop: false
 });
 var UNFORMATTED_DATE_PATTERN = "yyyy-MM-dd'T'HH:mm:ss.SSSSSSSSS z";
-function isEmptyConfig(_ref) {
-  var advancedFilters = _ref.advancedFilters,
-    aggregationSettings = _ref.aggregationSettings,
-    customColumns = _ref.customColumns,
-    quickFilters = _ref.quickFilters,
-    reverse = _ref.reverse,
-    rollupConfig = _ref.rollupConfig,
-    searchFilter = _ref.searchFilter,
-    selectDistinctColumns = _ref.selectDistinctColumns,
-    sorts = _ref.sorts;
-  return advancedFilters.size === 0 && aggregationSettings.aggregations.length === 0 && customColumns.length === 0 && quickFilters.size === 0 && !reverse && rollupConfig == null && searchFilter == null && selectDistinctColumns.length === 0 && sorts.length === 0;
-}
 
 /**
  * The subset of `IrisGridProps` that overrides how the grid presents its
@@ -308,8 +296,8 @@ class IrisGrid extends Component {
       })).sort((a, b) => {
         var _a$item$order, _b$item$order;
         return ((_a$item$order = a.item.order) !== null && _a$item$order !== void 0 ? _a$item$order : Infinity) - ((_b$item$order = b.item.order) !== null && _b$item$order !== void 0 ? _b$item$order : Infinity) || a.index - b.index;
-      }).map(_ref2 => {
-        var item = _ref2.item;
+      }).map(_ref => {
+        var item = _ref.item;
         return item;
       });
       return Object.freeze(sortedItems);
@@ -332,10 +320,10 @@ class IrisGrid extends Component {
     }));
     _defineProperty(this, "getAggregationMap", memoize((columns, aggregations) => {
       var aggregationMap = {};
-      aggregations.forEach(_ref3 => {
-        var operation = _ref3.operation,
-          selected = _ref3.selected,
-          invert = _ref3.invert;
+      aggregations.forEach(_ref2 => {
+        var operation = _ref2.operation,
+          selected = _ref2.selected,
+          invert = _ref2.invert;
         aggregationMap[operation] = AggregationUtils.getOperationColumnNames(columns, operation, selected, invert);
       });
       return aggregationMap;
@@ -470,10 +458,11 @@ class IrisGrid extends Component {
       leading: false,
       trailing: true
     }));
-    // Apply live changes
+    // Apply live changes; clear any previous preview error on each new update
     _defineProperty(this, "handleConditionalFormatEditorUpdate", debounce(conditionalFormatPreview => {
       this.setState({
-        conditionalFormatPreview
+        conditionalFormatPreview,
+        conditionalFormatError: null
       });
     }, SET_CONDITIONAL_FORMAT_DEBOUNCE));
     _defineProperty(this, "handleDownloadProgressUpdate", throttle((tableDownloadProgress, tableDownloadEstimatedTime) => {
@@ -799,6 +788,7 @@ class IrisGrid extends Component {
       conditionalFormats,
       conditionalFormatEditIndex: null,
       conditionalFormatPreview: undefined,
+      conditionalFormatError: null,
       // Column user is hovering over for selection
       hoverSelectColumn: null,
       isTableDownloading: false,
@@ -859,6 +849,7 @@ class IrisGrid extends Component {
       settings = _this$props.settings,
       model = _this$props.model,
       customFilters = _this$props.customFilters,
+      quickFilters = _this$props.quickFilters,
       sorts = _this$props.sorts,
       getMetricCalculator = _this$props.getMetricCalculator;
     if (model !== prevProps.model) {
@@ -906,6 +897,9 @@ class IrisGrid extends Component {
     if (sorts !== prevProps.sorts) {
       this.updateSorts(sorts);
     }
+    if (quickFilters !== prevProps.quickFilters) {
+      this.updateQuickFilters(quickFilters);
+    }
     var loadingScrimStartTime = this.loadingScrimStartTime,
       loadingScrimFinishTime = this.loadingScrimFinishTime;
     if (loadingScrimStartTime != null && loadingScrimFinishTime != null) {
@@ -1041,7 +1035,7 @@ class IrisGrid extends Component {
     return rowIndex != null ? modelRows.get(rowIndex) : null;
   }
   getTheme() {
-    var _ref4;
+    var _ref3;
     var _this$props3 = this.props,
       model = _this$props3.model,
       theme = _this$props3.theme,
@@ -1049,7 +1043,7 @@ class IrisGrid extends Component {
     var _this$context = this.context,
       contextTheme = _this$context.theme,
       contextDensity = _this$context.density;
-    return this.getCachedTheme(contextTheme, theme, (_ref4 = isEditableGridModel(model) && model.isEditable) !== null && _ref4 !== void 0 ? _ref4 : false, model.floatingTopRowCount + model.floatingBottomRowCount, density !== null && density !== void 0 ? density : contextDensity);
+    return this.getCachedTheme(contextTheme, theme, (_ref3 = isEditableGridModel(model) && model.isEditable) !== null && _ref3 !== void 0 ? _ref3 : false, model.floatingTopRowCount + model.floatingBottomRowCount, density !== null && density !== void 0 ? density : contextDensity);
   }
   getVisibleColumn(modelIndex) {
     var movedColumns = this.state.movedColumns;
@@ -1080,13 +1074,13 @@ class IrisGrid extends Component {
     var newAdvancedFilters = replaceExisting ? new Map() : new Map(advancedFilters);
     var newQuickFilters = replaceExisting ? new Map() : new Map(quickFilters);
     var isChanged = replaceExisting && advancedFilters.size > 0;
-    inputFilters.forEach(_ref5 => {
-      var name = _ref5.name,
-        type = _ref5.type,
-        value = _ref5.value;
-      var modelIndex = model.columns.findIndex(_ref6 => {
-        var columnName = _ref6.name,
-          columnType = _ref6.type;
+    inputFilters.forEach(_ref4 => {
+      var name = _ref4.name,
+        type = _ref4.type,
+        value = _ref4.value;
+      var modelIndex = model.columns.findIndex(_ref5 => {
+        var columnName = _ref5.name,
+          columnType = _ref5.type;
         return columnName === name && columnType === type;
       });
       if (modelIndex >= 0) {
@@ -1143,8 +1137,8 @@ class IrisGrid extends Component {
     this.startLoading('Filtering...', {
       resetRanges: true
     });
-    this.setState(_ref7 => {
-      var advancedFilters = _ref7.advancedFilters;
+    this.setState(_ref6 => {
+      var advancedFilters = _ref6.advancedFilters;
       var newAdvancedFilters = new Map(advancedFilters);
       if (filter == null) {
         newAdvancedFilters.delete(modelIndex);
@@ -1171,8 +1165,8 @@ class IrisGrid extends Component {
     this.startLoading('Filtering...', {
       resetRanges: true
     });
-    this.setState(_ref8 => {
-      var quickFilters = _ref8.quickFilters;
+    this.setState(_ref7 => {
+      var quickFilters = _ref7.quickFilters;
       var newQuickFilters = new Map(quickFilters);
       newQuickFilters.set(modelIndex, {
         filter,
@@ -1197,9 +1191,9 @@ class IrisGrid extends Component {
       this.clearAllFilters();
     }
     var model = this.props.model;
-    filterMap.forEach((_ref9, columnName) => {
-      var columnType = _ref9.columnType,
-        filterList = _ref9.filterList;
+    filterMap.forEach((_ref8, columnName) => {
+      var columnType = _ref8.columnType,
+        filterList = _ref8.filterList;
       var column = model.columns.find(c => c.name === columnName && c.type === columnType);
       if (column == null) {
         return;
@@ -1220,9 +1214,9 @@ class IrisGrid extends Component {
       resetRanges: true
     });
     var clearRange = Array.isArray(modelRange) ? modelRange : [modelRange, modelRange];
-    this.setState(_ref0 => {
-      var advancedFilters = _ref0.advancedFilters,
-        quickFilters = _ref0.quickFilters;
+    this.setState(_ref9 => {
+      var advancedFilters = _ref9.advancedFilters,
+        quickFilters = _ref9.quickFilters;
       var newAdvancedFilters = advancedFilters ? new Map(advancedFilters) : new Map();
       var newQuickFilters = quickFilters ? new Map(quickFilters) : new Map();
       newAdvancedFilters.forEach((_, column) => {
@@ -1245,8 +1239,8 @@ class IrisGrid extends Component {
     this.startLoading('Clearing Filter...', {
       resetRanges: true
     });
-    this.setState(_ref1 => {
-      var quickFilters = _ref1.quickFilters;
+    this.setState(_ref0 => {
+      var quickFilters = _ref0.quickFilters;
       var newQuickFilters = new Map(quickFilters);
       newQuickFilters.delete(modelColumn);
       return {
@@ -1337,9 +1331,9 @@ class IrisGrid extends Component {
       advancedFilters: newAdvancedFilters
     });
   }
-  setFilters(_ref10) {
-    var quickFilters = _ref10.quickFilters,
-      advancedFilters = _ref10.advancedFilters;
+  setFilters(_ref1) {
+    var quickFilters = _ref1.quickFilters,
+      advancedFilters = _ref1.advancedFilters;
     this.setState({
       quickFilters,
       advancedFilters
@@ -1519,15 +1513,15 @@ class IrisGrid extends Component {
     if (isPartitionedGridModel(model)) {
       var data = this.getRowDataMap(rowIndex);
       var partitionColumnSet = new Set(model.partitionColumns.map(column => column.name));
-      var values = Object.entries(data).filter(_ref11 => {
-        var _ref12 = _slicedToArray(_ref11, 2),
-          key = _ref12[0],
-          _ = _ref12[1];
+      var values = Object.entries(data).filter(_ref10 => {
+        var _ref11 = _slicedToArray(_ref10, 2),
+          key = _ref11[0],
+          _ = _ref11[1];
         return partitionColumnSet.has(key);
-      }).map(_ref13 => {
-        var _ref14 = _slicedToArray(_ref13, 2),
-          key = _ref14[0],
-          columnData = _ref14[1];
+      }).map(_ref12 => {
+        var _ref13 = _slicedToArray(_ref12, 2),
+          key = _ref13[0],
+          columnData = _ref13[1];
         return columnData.value;
       });
       var newPartition = {
@@ -1606,13 +1600,13 @@ class IrisGrid extends Component {
     }
   }
   startLoading(loadingText) {
-    var _ref15 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref15$resetRanges = _ref15.resetRanges,
-      resetRanges = _ref15$resetRanges === void 0 ? false : _ref15$resetRanges,
-      _ref15$loadingCancelS = _ref15.loadingCancelShown,
-      loadingCancelShown = _ref15$loadingCancelS === void 0 ? true : _ref15$loadingCancelS,
-      _ref15$loadingBlocksG = _ref15.loadingBlocksGrid,
-      loadingBlocksGrid = _ref15$loadingBlocksG === void 0 ? true : _ref15$loadingBlocksG;
+    var _ref14 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref14$resetRanges = _ref14.resetRanges,
+      resetRanges = _ref14$resetRanges === void 0 ? false : _ref14$resetRanges,
+      _ref14$loadingCancelS = _ref14.loadingCancelShown,
+      loadingCancelShown = _ref14$loadingCancelS === void 0 ? true : _ref14$loadingCancelS,
+      _ref14$loadingBlocksG = _ref14.loadingBlocksGrid,
+      loadingBlocksGrid = _ref14$loadingBlocksG === void 0 ? true : _ref14$loadingBlocksG;
     this.setState({
       loadingText,
       loadingCancelShown,
@@ -1670,6 +1664,9 @@ class IrisGrid extends Component {
       var _this$lastLoadedConfi = this.lastLoadedConfig,
         advancedFilters = _this$lastLoadedConfi.advancedFilters,
         aggregationSettings = _this$lastLoadedConfi.aggregationSettings,
+        conditionalFormats = _this$lastLoadedConfi.conditionalFormats,
+        conditionalFormatEditIndex = _this$lastLoadedConfi.conditionalFormatEditIndex,
+        conditionalFormatPreview = _this$lastLoadedConfi.conditionalFormatPreview,
         customColumns = _this$lastLoadedConfi.customColumns,
         quickFilters = _this$lastLoadedConfi.quickFilters,
         reverse = _this$lastLoadedConfi.reverse,
@@ -1681,6 +1678,9 @@ class IrisGrid extends Component {
       this.setState({
         advancedFilters,
         aggregationSettings,
+        conditionalFormats,
+        conditionalFormatEditIndex,
+        conditionalFormatPreview,
         customColumns,
         quickFilters,
         reverse,
@@ -1694,6 +1694,9 @@ class IrisGrid extends Component {
       this.setState({
         advancedFilters: new Map(),
         aggregationSettings: DEFAULT_AGGREGATION_SETTINGS,
+        conditionalFormats: [],
+        conditionalFormatEditIndex: null,
+        conditionalFormatPreview: undefined,
         customColumns: [],
         quickFilters: new Map(),
         reverse: false,
@@ -1709,7 +1712,7 @@ class IrisGrid extends Component {
    * @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);
+    return this.lastLoadedConfig != null || !IrisGridUtils.isEmptyConfig(this.state);
   }
   startListening(model) {
     model.addEventListener(IrisGridModel.EVENT.UPDATED, this.handleUpdate);
@@ -1987,8 +1990,26 @@ class IrisGrid extends Component {
     });
     (_this$grid0 = this.grid) === null || _this$grid0 === void 0 || _this$grid0.forceUpdate();
   }
-  sortColumn(modelColumn) {
+  updateQuickFilters(quickFilters) {
     var _this$grid1;
+    var currentQuickFilters = this.state.quickFilters;
+    if (quickFilters == null) {
+      if (currentQuickFilters.size === 0) {
+        return;
+      }
+    } else if (quickFilters === currentQuickFilters) {
+      return;
+    }
+    this.startLoading('Filtering...', {
+      resetRanges: true
+    });
+    this.setState({
+      quickFilters: quickFilters !== null && quickFilters !== void 0 ? quickFilters : EMPTY_MAP
+    });
+    (_this$grid1 = this.grid) === null || _this$grid1 === void 0 || _this$grid1.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;
@@ -1999,15 +2020,15 @@ class IrisGrid extends Component {
     this.setState({
       sorts
     });
-    (_this$grid1 = this.grid) === null || _this$grid1 === void 0 || _this$grid1.forceUpdate();
+    (_this$grid10 = this.grid) === null || _this$grid10 === void 0 || _this$grid10.forceUpdate();
   }
   reverse(reverse) {
-    var _this$grid10;
+    var _this$grid11;
     this.startLoading('Reversing...');
     this.setState({
       reverse
     });
-    (_this$grid10 = this.grid) === null || _this$grid10 === void 0 || _this$grid10.forceUpdate();
+    (_this$grid11 = this.grid) === null || _this$grid11 === void 0 || _this$grid11.forceUpdate();
   }
   isReversible() {
     var model = this.props.model;
@@ -2040,8 +2061,8 @@ class IrisGrid extends Component {
         this.focusFilterBar(columnIndex);
       }
     } else {
-      var _this$grid11;
-      (_this$grid11 = this.grid) === null || _this$grid11 === void 0 || _this$grid11.focus();
+      var _this$grid12;
+      (_this$grid12 = this.grid) === null || _this$grid12 === void 0 || _this$grid12.focus();
     }
   }
   isTableSearchAvailable() {
@@ -2073,13 +2094,13 @@ class IrisGrid extends Component {
         var _this$crossColumnRef2;
         (_this$crossColumnRef2 = this.crossColumnRef) === null || _this$crossColumnRef2 === void 0 || _this$crossColumnRef2.current.focus();
       } else {
-        var _this$grid12;
-        (_this$grid12 = this.grid) === null || _this$grid12 === void 0 || _this$grid12.focus();
+        var _this$grid13;
+        (_this$grid13 = this.grid) === null || _this$grid13 === void 0 || _this$grid13.focus();
       }
     });
   }
   toggleGotoRow() {
-    var _this$grid13, _this$grid14;
+    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] : '';
@@ -2099,8 +2120,8 @@ class IrisGrid extends Component {
       (_this$gotoRowRef$curr = this.gotoRowRef.current) === null || _this$gotoRowRef$curr === void 0 || _this$gotoRowRef$curr.focus();
       return;
     }
-    var cursorRow = (_this$grid13 = this.grid) === null || _this$grid13 === void 0 ? void 0 : _this$grid13.state.cursorRow;
-    var cursorColumn = (_this$grid14 = this.grid) === null || _this$grid14 === void 0 ? void 0 : _this$grid14.state.cursorColumn;
+    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({
@@ -2245,7 +2266,7 @@ class IrisGrid extends Component {
     this.setAdvancedFilter(index, filter, options);
   }
   handleAdvancedFilterSortChange(column, direction) {
-    var _this$grid15;
+    var _this$grid16;
     var addToExisting = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var model = this.props.model;
     var columnIndex = model.getColumnIndexByName(column.name);
@@ -2266,15 +2287,15 @@ class IrisGrid extends Component {
     this.setState({
       sorts
     });
-    (_this$grid15 = this.grid) === null || _this$grid15 === void 0 || _this$grid15.forceUpdate();
+    (_this$grid16 = this.grid) === null || _this$grid16 === void 0 || _this$grid16.forceUpdate();
   }
   handleAdvancedFilterDone() {
-    var _this$grid16;
-    (_this$grid16 = this.grid) === null || _this$grid16 === void 0 || _this$grid16.focus();
+    var _this$grid17;
+    (_this$grid17 = this.grid) === null || _this$grid17 === void 0 || _this$grid17.focus();
   }
   handleAdvancedFilterToggleMaximize(column) {
-    this.setState(_ref16 => {
-      var maximizedAdvancedFilter = _ref16.maximizedAdvancedFilter;
+    this.setState(_ref15 => {
+      var maximizedAdvancedFilter = _ref15.maximizedAdvancedFilter;
       return {
         maximizedAdvancedFilter: maximizedAdvancedFilter === column ? null : column
       };
@@ -2345,9 +2366,9 @@ class IrisGrid extends Component {
     this.startLoading('Filtering...', {
       resetRanges: true
     });
-    this.setState(_ref17 => {
-      var focusedFilterBarColumn = _ref17.focusedFilterBarColumn,
-        quickFilters = _ref17.quickFilters;
+    this.setState(_ref16 => {
+      var focusedFilterBarColumn = _ref16.focusedFilterBarColumn,
+        quickFilters = _ref16.quickFilters;
       var newQuickFilters = new Map(quickFilters);
       if (focusedFilterBarColumn != null) {
         var modelIndex = this.getModelColumn(focusedFilterBarColumn);
@@ -2363,8 +2384,8 @@ class IrisGrid extends Component {
     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$grid17;
-      (_this$grid17 = this.grid) === null || _this$grid17 === void 0 || _this$grid17.focus();
+      var _this$grid18;
+      (_this$grid18 = this.grid) === null || _this$grid18 === void 0 || _this$grid18.focus();
     }
     if (defocusInput) {
       this.setState({
@@ -2401,9 +2422,9 @@ class IrisGrid extends Component {
   handleColumnAlignmentChange(modelIndex, alignment) {
     var model = this.props.model;
     var column = model.columns[modelIndex];
-    this.setState(_ref18 => {
-      var _ref18$columnAlignmen = _ref18.columnAlignmentMap,
-        columnAlignmentMap = _ref18$columnAlignmen === void 0 ? EMPTY_MAP : _ref18$columnAlignmen;
+    this.setState(_ref17 => {
+      var _ref17$columnAlignmen = _ref17.columnAlignmentMap,
+        columnAlignmentMap = _ref17$columnAlignmen === void 0 ? EMPTY_MAP : _ref17$columnAlignmen;
       var newColumnAlignmentMap = new Map(columnAlignmentMap);
       if (alignment != null) {
         newColumnAlignmentMap.set(column.name, alignment);
@@ -2428,8 +2449,8 @@ class IrisGrid extends Component {
     });
   }
   handleMenuBack() {
-    this.setState(_ref19 => {
-      var openOptions = _ref19.openOptions;
+    this.setState(_ref18 => {
+      var openOptions = _ref18.openOptions;
       var newOptions = [...openOptions];
       newOptions.pop();
       return {
@@ -2438,19 +2459,21 @@ class IrisGrid extends Component {
     });
   }
   handleMenuSelect(option) {
-    this.setState(_ref20 => {
-      var openOptions = _ref20.openOptions;
+    this.setState(_ref19 => {
+      var openOptions = _ref19.openOptions;
       return {
         openOptions: [...openOptions, option]
       };
     });
   }
   handleRequestFailed(event) {
-    var _ref21 = event,
-      error = _ref21.detail;
+    var _ref20 = event,
+      error = _ref20.detail;
     log.error('request failed:', error);
     this.stopLoading();
-    var partitionConfig = this.state.partitionConfig;
+    var _this$state11 = this.state,
+      partitionConfig = _this$state11.partitionConfig,
+      conditionalFormatEditIndex = _this$state11.conditionalFormatEditIndex;
     if (isMissingPartitionError(error) && partitionConfig != null) {
       // We'll try loading the initial partition again
       this.startLoading('Reloading partition...', {
@@ -2461,6 +2484,14 @@ class IrisGrid extends Component {
       }, () => {
         this.initState();
       });
+    } else if (conditionalFormatEditIndex !== null) {
+      var _errorMessage;
+      // Preview format failed — surface error in the editor instead of rolling back
+      var errorMessage = (_errorMessage = error === null || error === void 0 ? void 0 : error.errorMessage) !== null && _errorMessage !== void 0 ? _errorMessage : String(error);
+      this.setState({
+        conditionalFormatError: errorMessage,
+        conditionalFormatPreview: undefined
+      });
     } else if (this.canRollback()) {
       this.startLoading('Rolling back changes...', {
         resetRanges: true
@@ -2481,11 +2512,11 @@ class IrisGrid extends Component {
    * pending operations into a single scrim).
    */
   handlePending(event) {
-    var _ref22 = event,
-      detail = _ref22.detail;
-    var _ref23 = detail !== null && detail !== void 0 ? detail : {},
-      text = _ref23.text,
-      options = _ref23.options;
+    var _ref21 = event,
+      detail = _ref21.detail;
+    var _ref22 = detail !== null && detail !== void 0 ? detail : {},
+      text = _ref22.text,
+      options = _ref22.options;
     if (this.loadingScrimStartTime == null) {
       this.startLoading(text !== null && text !== void 0 ? text : 'Loading...', _objectSpread({
         loadingCancelShown: false
@@ -2512,21 +2543,27 @@ class IrisGrid extends Component {
     this.stopLoading();
   }
   handleUpdate() {
-    var _this$grid18;
+    var _this$grid19;
     log.debug2('Received model update');
-    var _this$state11 = this.state,
-      advancedFilters = _this$state11.advancedFilters,
-      aggregationSettings = _this$state11.aggregationSettings,
-      customColumns = _this$state11.customColumns,
-      quickFilters = _this$state11.quickFilters,
-      reverse = _this$state11.reverse,
-      rollupConfig = _this$state11.rollupConfig,
-      searchFilter = _this$state11.searchFilter,
-      selectDistinctColumns = _this$state11.selectDistinctColumns,
-      sorts = _this$state11.sorts;
+    var _this$state12 = this.state,
+      advancedFilters = _this$state12.advancedFilters,
+      aggregationSettings = _this$state12.aggregationSettings,
+      conditionalFormats = _this$state12.conditionalFormats,
+      conditionalFormatEditIndex = _this$state12.conditionalFormatEditIndex,
+      conditionalFormatPreview = _this$state12.conditionalFormatPreview,
+      customColumns = _this$state12.customColumns,
+      quickFilters = _this$state12.quickFilters,
+      reverse = _this$state12.reverse,
+      rollupConfig = _this$state12.rollupConfig,
+      searchFilter = _this$state12.searchFilter,
+      selectDistinctColumns = _this$state12.selectDistinctColumns,
+      sorts = _this$state12.sorts;
     var config = {
       advancedFilters,
       aggregationSettings,
+      conditionalFormats,
+      conditionalFormatEditIndex,
+      conditionalFormatPreview,
       customColumns,
       quickFilters,
       reverse,
@@ -2535,12 +2572,12 @@ class IrisGrid extends Component {
       selectDistinctColumns,
       sorts
     };
-    if (!isEmptyConfig(config)) {
+    if (!IrisGridUtils.isEmptyConfig(config)) {
       this.lastLoadedConfig = config;
     } else {
       this.lastLoadedConfig = null;
     }
-    (_this$grid18 = this.grid) === null || _this$grid18 === void 0 || _this$grid18.forceUpdate();
+    (_this$grid19 = this.grid) === null || _this$grid19 === void 0 || _this$grid19.forceUpdate();
     this.stopLoading();
   }
   handleTableChanged() {
@@ -2568,11 +2605,11 @@ class IrisGrid extends Component {
     });
   }
   handleViewChanged(metrics) {
-    var _this$grid$state, _this$grid19;
+    var _this$grid$state, _this$grid20;
     var model = this.props.model;
-    var _ref24 = (_this$grid$state = (_this$grid19 = this.grid) === null || _this$grid19 === void 0 ? void 0 : _this$grid19.state) !== null && _this$grid$state !== void 0 ? _this$grid$state : {},
-      _ref24$selectionEndRo = _ref24.selectionEndRow,
-      selectionEndRow = _ref24$selectionEndRo === void 0 ? 0 : _ref24$selectionEndRo;
+    var _ref23 = (_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 : {},
+      _ref23$selectionEndRo = _ref23.selectionEndRow,
+      selectionEndRow = _ref23$selectionEndRo === void 0 ? 0 : _ref23$selectionEndRo;
     var pendingRowCount = 0;
     if (isEditableGridModel(model) && model.isEditable) {
       assertNotNull(metrics);
@@ -2637,8 +2674,8 @@ class IrisGrid extends Component {
       // Parsing them again causes a loop with undo/redo that makes it unusable
       columnHeaderGroups: columnHeaderGroups.every(group => isColumnHeaderGroup(group) && group.isValid()) ? columnHeaderGroups : IrisGridUtils.parseColumnHeaderGroups(model, columnHeaderGroups).groups
     }, () => {
-      var _this$grid20;
-      return (_this$grid20 = this.grid) === null || _this$grid20 === void 0 ? void 0 : _this$grid20.forceUpdate();
+      var _this$grid21;
+      return (_this$grid21 = this.grid) === null || _this$grid21 === void 0 ? void 0 : _this$grid21.forceUpdate();
     });
   }
   handleTooltipRef(tooltip) {
@@ -2656,9 +2693,9 @@ class IrisGrid extends Component {
   }
   handleConditionalFormatCreate() {
     log.debug('Create new conditional format');
-    var _this$state12 = this.state,
-      openOptions = _this$state12.openOptions,
-      conditionalFormats = _this$state12.conditionalFormats;
+    var _this$state13 = this.state,
+      openOptions = _this$state13.openOptions,
+      conditionalFormats = _this$state13.conditionalFormats;
     this.setState({
       openOptions: [...openOptions, {
         type: OptionType.CONDITIONAL_FORMATTING_EDIT,
@@ -2671,9 +2708,9 @@ class IrisGrid extends Component {
   }
   handleConditionalFormatEdit(index) {
     log.debug('Edit conditional format', index);
-    var _this$state13 = this.state,
-      openOptions = _this$state13.openOptions,
-      conditionalFormats = _this$state13.conditionalFormats;
+    var _this$state14 = this.state,
+      openOptions = _this$state14.openOptions,
+      conditionalFormats = _this$state14.conditionalFormats;
     this.setState({
       openOptions: [...openOptions, {
         type: OptionType.CONDITIONAL_FORMATTING_EDIT,
@@ -2705,18 +2742,19 @@ class IrisGrid extends Component {
     // Not resetting conditionalFormatPreview here
     // to prevent editor fields change during the menu transition
     this.setState({
-      conditionalFormatEditIndex: null
+      conditionalFormatEditIndex: null,
+      conditionalFormatError: null
     });
   }
   handleUpdateCustomColumns(customColumns) {
     log.info("handleUpdateCustomColumns:", customColumns);
     var model = this.props.model;
-    var _this$state14 = this.state,
-      movedColumns = _this$state14.movedColumns,
-      sorts = _this$state14.sorts,
-      quickFilters = _this$state14.quickFilters,
-      advancedFilters = _this$state14.advancedFilters,
-      selectDistinctColumns = _this$state14.selectDistinctColumns;
+    var _this$state15 = this.state,
+      movedColumns = _this$state15.movedColumns,
+      sorts = _this$state15.sorts,
+      quickFilters = _this$state15.quickFilters,
+      advancedFilters = _this$state15.advancedFilters,
+      selectDistinctColumns = _this$state15.selectDistinctColumns;
     var columns = model.columns;
     var oldCustomColumns = model.customColumns.map(customColumn => "".concat(customColumn));
     var removedColumnNames = IrisGridUtils.getRemovedCustomColumnNames(oldCustomColumns, customColumns);
@@ -2824,7 +2862,7 @@ class IrisGrid extends Component {
     return this.discardPending();
   }
   handlePendingDataUpdated() {
-    var _this$grid21;
+    var _this$grid22;
     log.debug('pending data updated');
     var model = this.props.model;
     var pendingDataMap = model.pendingDataMap,
@@ -2834,13 +2872,13 @@ class IrisGrid extends Component {
       pendingDataErrors,
       pendingSaveError: null
     });
-    (_this$grid21 = this.grid) === null || _this$grid21 === void 0 || _this$grid21.forceUpdate();
+    (_this$grid22 = this.grid) === null || _this$grid22 === void 0 || _this$grid22.forceUpdate();
   }
   handleResizeColumn(modelIndex) {
-    var _this$grid22;
-    var _this$state15 = this.state,
-      metrics = _this$state15.metrics,
-      metricCalculator = _this$state15.metricCalculator;
+    var _this$grid23;
+    var _this$state16 = this.state,
+      metrics = _this$state16.metrics,
+      metricCalculator = _this$state16.metricCalculator;
     if (!metrics) throw new Error('Metrics not set');
     var contentWidth = getOrThrow(metrics.contentColumnWidths, modelIndex);
     var userWidths = metricCalculator.getUserColumnWidths();
@@ -2850,23 +2888,23 @@ class IrisGrid extends Component {
     } else {
       metricCalculator.setColumnWidth(modelIndex, contentWidth);
     }
-    (_this$grid22 = this.grid) === null || _this$grid22 === void 0 || _this$grid22.forceUpdate();
+    (_this$grid23 = this.grid) === null || _this$grid23 === void 0 || _this$grid23.forceUpdate();
   }
   handleResizeAllColumns() {
-    var _this$grid23;
-    var _this$state16 = this.state,
-      metrics = _this$state16.metrics,
-      metricCalculator = _this$state16.metricCalculator;
+    var _this$grid24;
+    var _this$state17 = this.state,
+      metrics = _this$state17.metrics,
+      metricCalculator = _this$state17.metricCalculator;
     if (!metrics) throw new Error('Metrics not set');
     var allColumns = [...metrics.allColumnWidths.entries()];
-    var visibleColumns = allColumns.filter(_ref25 => {
-      var _ref26 = _slicedToArray(_ref25, 2),
-        _ = _ref26[0],
-        width = _ref26[1];
+    var visibleColumns = allColumns.filter(_ref24 => {
+      var _ref25 = _slicedToArray(_ref24, 2),
+        _ = _ref25[0],
+        width = _ref25[1];
       return width !== 0;
-    }).map(_ref27 => {
-      var _ref28 = _slicedToArray(_ref27, 1),
-        modelIndex = _ref28[0];
+    }).map(_ref26 => {
+      var _ref27 = _slicedToArray(_ref26, 1),
+        modelIndex = _ref27[0];
       return modelIndex;
     });
     var contentWidths = metrics.contentColumnWidths;
@@ -2888,7 +2926,7 @@ class IrisGrid extends Component {
         metricCalculator.setColumnWidth(_modelIndex, _contentWidth);
       }
     }
-    (_this$grid23 = this.grid) === null || _this$grid23 === void 0 || _this$grid23.forceUpdate();
+    (_this$grid24 = this.grid) === null || _this$grid24 === void 0 || _this$grid24.forceUpdate();
   }
 
   /**
@@ -2929,8 +2967,8 @@ class IrisGrid extends Component {
     if (shouldStartLoading) {
       this.startLoading("Aggregating ".concat(aggregation.operation, "..."));
     }
-    this.setState(_ref29 => {
-      var aggregationSettings = _ref29.aggregationSettings;
+    this.setState(_ref28 => {
+      var aggregationSettings = _ref28.aggregationSettings;
       return {
         selectedAggregation: aggregation,
         aggregationSettings: _objectSpread(_objectSpread({}, aggregationSettings), {}, {
@@ -3034,8 +3072,8 @@ class IrisGrid extends Component {
    */
   removeEmptyAggregations() {
     log.debug('removeEmptyAggregations');
-    this.setState(_ref30 => {
-      var aggregationSettings = _ref30.aggregationSettings;
+    this.setState(_ref29 => {
+      var aggregationSettings = _ref29.aggregationSettings;
       var aggregations = aggregationSettings.aggregations;
       var newAggregations = aggregations.filter(a => a.selected.length > 0 || a.invert);
       if (newAggregations.length !== aggregations.length) {
@@ -3210,11 +3248,11 @@ class IrisGrid extends Component {
     onStateChange(irisGridState, gridState);
   }
   handleOverflowClose() {
-    var _this$grid24;
+    var _this$grid25;
     this.setState({
       showOverflowModal: false
     });
-    (_this$grid24 = this.grid) === null || _this$grid24 === void 0 || _this$grid24.focus(); // Focus on the grid after closing the overflow modal
+    (_this$grid25 = this.grid) === null || _this$grid25 === void 0 || _this$grid25.focus(); // Focus on the grid after closing the overflow modal
   }
   handleOpenNoPastePermissionModal(errorMessage) {
     this.setState({
@@ -3229,9 +3267,9 @@ class IrisGrid extends Component {
   }
   getColumnBoundingRect() {
     var _this$gridWrapper2;
-    var _this$state17 = this.state,
-      metrics = _this$state17.metrics,
-      shownColumnTooltip = _this$state17.shownColumnTooltip;
+    var _this$state18 = this.state,
+      metrics = _this$state18.metrics,
+      shownColumnTooltip = _this$state18.shownColumnTooltip;
     assertNotNull(metrics);
     assertNotNull(shownColumnTooltip);
     var gridRect = (_this$gridWrapper2 = this.gridWrapper) === null || _this$gridWrapper2 === void 0 ? void 0 : _this$gridWrapper2.getBoundingClientRect();
@@ -3284,22 +3322,22 @@ class IrisGrid extends Component {
         gotoRowError: 'Invalid row index'
       });
     } else if (rowInt === 0) {
-      var _this$grid25;
+      var _this$grid26;
       this.setState({
         gotoRowError: '',
         gotoValueError: ''
       });
-      (_this$grid25 = this.grid) === null || _this$grid25 === void 0 || _this$grid25.setFocusRow(0);
+      (_this$grid26 = this.grid) === null || _this$grid26 === void 0 || _this$grid26.setFocusRow(0);
     } else if (rowInt < 0) {
-      var _this$grid26;
+      var _this$grid27;
       this.setState({
         gotoRowError: '',
         gotoValueError: ''
       });
-      (_this$grid26 = this.grid) === null || _this$grid26 === void 0 || _this$grid26.setFocusRow(rowInt + rowCount);
+      (_this$grid27 = this.grid) === null || _this$grid27 === void 0 || _this$grid27.setFocusRow(rowInt + rowCount);
     } else {
-      var _this$grid27;
-      (_this$grid27 = this.grid) === null || _this$grid27 === void 0 || _this$grid27.setFocusRow(rowInt - 1);
+      var _this$grid28;
+      (_this$grid28 = this.grid) === null || _this$grid28 === void 0 || _this$grid28.setFocusRow(rowInt - 1);
       this.setState({
         gotoRowError: '',
         gotoValueError: ''
@@ -3397,12 +3435,12 @@ class IrisGrid extends Component {
     });
   }
   handleGotoValueSelectedColumnNameChanged(columnName) {
-    var _this$grid28;
+    var _this$grid29;
     var model = this.props.model;
-    var cursorRow = (_this$grid28 = this.grid) === null || _this$grid28 === void 0 ? void 0 : _this$grid28.state.cursorRow;
-    var _this$state18 = this.state,
-      prevColumnName = _this$state18.gotoValueSelectedColumnName,
-      gotoValueManuallyChanged = _this$state18.gotoValueManuallyChanged;
+    var cursorRow = (_this$grid29 = this.grid) === null || _this$grid29 === void 0 ? void 0 : _this$grid29.state.cursorRow;
+    var _this$state19 = this.state,
+      prevColumnName = _this$state19.gotoValueSelectedColumnName,
+      gotoValueManuallyChanged = _this$state19.gotoValueManuallyChanged;
     if (cursorRow != null) {
       var index = model.getColumnIndexByName(columnName);
       var column = IrisGridUtils.getColumnByName(model.columns, columnName);
@@ -3455,7 +3493,7 @@ class IrisGrid extends Component {
    * @returns The filter input field element or null if not applicable
    */
   getFilterBarInput(metrics, metricCalculator, focusedFilterBarColumn, quickFilters, advancedFilters) {
-    var _this$grid29;
+    var _this$grid30;
     if (metrics == null || focusedFilterBarColumn == null) {
       return null;
     }
@@ -3510,7 +3548,7 @@ class IrisGrid extends Component {
       onChange: this.handleFilterBarChange,
       onDone: this.handleFilterBarDone,
       onTab: this.handleFilterBarTab,
-      onContextMenu: (_this$grid29 = this.grid) === null || _this$grid29 === void 0 ? void 0 : _this$grid29.handleContextMenu,
+      onContextMenu: (_this$grid30 = this.grid) === null || _this$grid30 === void 0 ? void 0 : _this$grid30.handleContextMenu,
       debounceMs: debounceMs,
       value: value
     }, focusedFilterBarColumn);
@@ -3519,7 +3557,7 @@ class IrisGrid extends Component {
     var _rollupConfig$columns7,
       _rollupConfig$columns8,
       _this7 = this,
-      _this$grid30,
+      _this$grid31,
       _openOptions;
     var _this$props8 = this.props,
       children = _this$props8.children,
@@ -3538,75 +3576,76 @@ class IrisGrid extends Component {
       onCreateChart = _this$props8.onCreateChart,
       transformTableOptions = _this$props8.transformTableOptions;
     var cellInputRendererRegistry = this.context.cellInputRendererRegistry;
-    var _this$state19 = this.state,
-      metricCalculator = _this$state19.metricCalculator,
-      metrics = _this$state19.metrics,
-      isFilterBarShown = _this$state19.isFilterBarShown,
-      isSelectingPartition = _this$state19.isSelectingPartition,
-      isMenuShown = _this$state19.isMenuShown,
-      isReady = _this$state19.isReady,
-      copyOperation = _this$state19.copyOperation,
-      focusedFilterBarColumn = _this$state19.focusedFilterBarColumn,
-      loadingText = _this$state19.loadingText,
-      loadingScrimProgress = _this$state19.loadingScrimProgress,
-      loadingSpinnerShown = _this$state19.loadingSpinnerShown,
-      loadingCancelShown = _this$state19.loadingCancelShown,
-      loadingBlocksGrid = _this$state19.loadingBlocksGrid,
-      shownColumnTooltip = _this$state19.shownColumnTooltip,
-      hoverAdvancedFilter = _this$state19.hoverAdvancedFilter,
-      shownAdvancedFilter = _this$state19.shownAdvancedFilter,
-      maximizedAdvancedFilter = _this$state19.maximizedAdvancedFilter,
-      hoverSelectColumn = _this$state19.hoverSelectColumn,
-      quickFilters = _this$state19.quickFilters,
-      advancedFilters = _this$state19.advancedFilters,
-      searchFilter = _this$state19.searchFilter,
-      selectDistinctColumns = _this$state19.selectDistinctColumns,
-      movedColumns = _this$state19.movedColumns,
-      movedRows = _this$state19.movedRows,
-      formatter = _this$state19.formatter,
-      conditionalFormats = _this$state19.conditionalFormats,
-      conditionalFormatPreview = _this$state19.conditionalFormatPreview,
-      conditionalFormatEditIndex = _this$state19.conditionalFormatEditIndex,
-      columnAlignmentMap = _this$state19.columnAlignmentMap,
-      sorts = _this$state19.sorts,
-      reverse = _this$state19.reverse,
-      customColumns = _this$state19.customColumns,
-      selectedRanges = _this$state19.selectedRanges,
-      isTableDownloading = _this$state19.isTableDownloading,
-      tableDownloadStatus = _this$state19.tableDownloadStatus,
-      tableDownloadProgress = _this$state19.tableDownloadProgress,
-      tableDownloadEstimatedTime = _this$state19.tableDownloadEstimatedTime,
-      showSearchBar = _this$state19.showSearchBar,
-      searchValue = _this$state19.searchValue,
-      selectedSearchColumns = _this$state19.selectedSearchColumns,
-      invertSearchColumns = _this$state19.invertSearchColumns,
-      aggregationSettings = _this$state19.aggregationSettings,
-      selectedAggregation = _this$state19.selectedAggregation,
-      rollupConfig = _this$state19.rollupConfig,
-      openOptions = _this$state19.openOptions,
-      pendingSavePromise = _this$state19.pendingSavePromise,
-      pendingSaveError = _this$state19.pendingSaveError,
-      pendingRowCount = _this$state19.pendingRowCount,
-      pendingDataErrors = _this$state19.pendingDataErrors,
-      pendingDataMap = _this$state19.pendingDataMap,
-      toastMessage = _this$state19.toastMessage,
-      frozenColumns = _this$state19.frozenColumns,
-      columnHeaderGroups = _this$state19.columnHeaderGroups,
-      showOverflowModal = _this$state19.showOverflowModal,
-      showNoPastePermissionModal = _this$state19.showNoPastePermissionModal,
-      noPastePermissionError = _this$state19.noPastePermissionError,
-      overflowText = _this$state19.overflowText,
-      overflowButtonTooltipProps = _this$state19.overflowButtonTooltipProps,
-      expandCellTooltipProps = _this$state19.expandCellTooltipProps,
-      hoverTooltipProps = _this$state19.hoverTooltipProps,
-      isGotoShown = _this$state19.isGotoShown,
-      gotoRow = _this$state19.gotoRow,
-      gotoRowError = _this$state19.gotoRowError,
-      gotoValueError = _this$state19.gotoValueError,
-      gotoValueSelectedColumnName = _this$state19.gotoValueSelectedColumnName,
-      gotoValue = _this$state19.gotoValue,
-      gotoValueSelectedFilter = _this$state19.gotoValueSelectedFilter,
-      partitionConfig = _this$state19.partitionConfig;
+    var _this$state20 = this.state,
+      metricCalculator = _this$state20.metricCalculator,
+      metrics = _this$state20.metrics,
+      isFilterBarShown = _this$state20.isFilterBarShown,
+      isSelectingPartition = _this$state20.isSelectingPartition,
+      isMenuShown = _this$state20.isMenuShown,
+      isReady = _this$state20.isReady,
+      copyOperation = _this$state20.copyOperation,
+      focusedFilterBarColumn = _this$state20.focusedFilterBarColumn,
+      loadingText = _this$state20.loadingText,
+      loadingScrimProgress = _this$state20.loadingScrimProgress,
+      loadingSpinnerShown = _this$state20.loadingSpinnerShown,
+      loadingCancelShown = _this$state20.loadingCancelShown,
+      loadingBlocksGrid = _this$state20.loadingBlocksGrid,
+      shownColumnTooltip = _this$state20.shownColumnTooltip,
+      hoverAdvancedFilter = _this$state20.hoverAdvancedFilter,
+      shownAdvancedFilter = _this$state20.shownAdvancedFilter,
+      maximizedAdvancedFilter = _this$state20.maximizedAdvancedFilter,
+      hoverSelectColumn = _this$state20.hoverSelectColumn,
+      quickFilters = _this$state20.quickFilters,
+      advancedFilters = _this$state20.advancedFilters,
+      searchFilter = _this$state20.searchFilter,
+      selectDistinctColumns = _this$state20.selectDistinctColumns,
+      movedColumns = _this$state20.movedColumns,
+      movedRows = _this$state20.movedRows,
+      formatter = _this$state20.formatter,
+      conditionalFormats = _this$state20.conditionalFormats,
+      conditionalFormatPreview = _this$state20.conditionalFormatPreview,
+      conditionalFormatEditIndex = _this$state20.conditionalFormatEditIndex,
+      conditionalFormatError = _this$state20.conditionalFormatError,
+      columnAlignmentMap = _this$state20.columnAlignmentMap,
+      sorts = _this$state20.sorts,
+      reverse = _this$state20.reverse,
+      customColumns = _this$state20.customColumns,
+      selectedRanges = _this$state20.selectedRanges,
+      isTableDownloading = _this$state20.isTableDownloading,
+      tableDownloadStatus = _this$state20.tableDownloadStatus,
+      tableDownloadProgress = _this$state20.tableDownloadProgress,
+      tableDownloadEstimatedTime = _this$state20.tableDownloadEstimatedTime,
+      showSearchBar = _this$state20.showSearchBar,
+      searchValue = _this$state20.searchValue,
+      selectedSearchColumns = _this$state20.selectedSearchColumns,
+      invertSearchColumns = _this$state20.invertSearchColumns,
+      aggregationSettings = _this$state20.aggregationSettings,
+      selectedAggregation = _this$state20.selectedAggregation,
+      rollupConfig = _this$state20.rollupConfig,
+      openOptions = _this$state20.openOptions,
+      pendingSavePromise = _this$state20.pendingSavePromise,
+      pendingSaveError = _this$state20.pendingSaveError,
+      pendingRowCount = _this$state20.pendingRowCount,
+      pendingDataErrors = _this$state20.pendingDataErrors,
+      pendingDataMap = _this$state20.pendingDataMap,
+      toastMessage = _this$state20.toastMessage,
+      frozenColumns = _this$state20.frozenColumns,
+      columnHeaderGroups = _this$state20.columnHeaderGroups,
+      showOverflowModal = _this$state20.showOverflowModal,
+      showNoPastePermissionModal = _this$state20.showNoPastePermissionModal,
+      noPastePermissionError = _this$state20.noPastePermissionError,
+      overflowText = _this$state20.overflowText,
+      overflowButtonTooltipProps = _this$state20.overflowButtonTooltipProps,
+      expandCellTooltipProps = _this$state20.expandCellTooltipProps,
+      hoverTooltipProps = _this$state20.hoverTooltipProps,
+      isGotoShown = _this$state20.isGotoShown,
+      gotoRow = _this$state20.gotoRow,
+      gotoRowError = _this$state20.gotoRowError,
+      gotoValueError = _this$state20.gotoValueError,
+      gotoValueSelectedColumnName = _this$state20.gotoValueSelectedColumnName,
+      gotoValue = _this$state20.gotoValue,
+      gotoValueSelectedFilter = _this$state20.gotoValueSelectedFilter,
+      partitionConfig = _this$state20.partitionConfig;
     if (!isReady) {
       return null;
     }
@@ -3773,8 +3812,8 @@ class IrisGrid extends Component {
               return 1; // continue
             }
             var advancedFilter = advancedFilters.get(modelColumn);
-            var _ref31 = advancedFilter || {},
-              advancedFilterOptions = _ref31.options;
+            var _ref30 = advancedFilter || {},
+              advancedFilterOptions = _ref30.options;
             var sort = TableUtils.getSortForColumn(model.sort, column.name);
             var sortDirection = sort ? sort.direction : null;
             if (!isSortDirection(sortDirection)) {
@@ -3844,6 +3883,7 @@ class IrisGrid extends Component {
             dh: model.dh,
             columns: model.columns,
             rule: conditionalFormatPreview,
+            errorMessage: conditionalFormatError !== null && conditionalFormatError !== void 0 ? conditionalFormatError : undefined,
             onUpdate: this.handleConditionalFormatEditorUpdate,
             onSave: this.handleConditionalFormatEditorSave,
             onCancel: this.handleConditionalFormatEditorCancel
@@ -4014,7 +4054,7 @@ class IrisGrid extends Component {
             movedColumns: movedColumns,
             customColumns: customColumns,
             hiddenColumns: hiddenColumns,
-            alwaysFetchColumns: this.getAlwaysFetchColumns(alwaysFetchColumns, model.columns, movedColumns, model.floatingLeftColumnCount, model.floatingRightColumnCount, (_this$grid30 = this.grid) === null || _this$grid30 === void 0 || (_this$grid30 = _this$grid30.state.draggingColumn) === null || _this$grid30 === void 0 ? void 0 : _this$grid30.range),
+            alwaysFetchColumns: this.getAlwaysFetchColumns(alwaysFetchColumns, model.columns, movedColumns, model.floatingLeftColumnCount, model.floatingRightColumnCount, (_this$grid31 = this.grid) === null || _this$grid31 === void 0 || (_this$grid31 = _this$grid31.state.draggingColumn) === null || _this$grid31 === void 0 ? void 0 : _this$grid31.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),