@deephaven/iris-grid 1.26.1 → 1.27.0

package/dist/sidebar/conditional-formatting/ConditionEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,eAAe,EASrB,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,OAAO,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AA2OD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsNjE;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ConditionEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAS3D,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,eAAe,EASrB,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,OAAO,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAgID,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA+WjE;AAED,eAAe,eAAe,CAAC"}

package/dist/sidebar/conditional-formatting/ConditionEditor.js

@@ -8,31 +8,23 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
-import { Select } from '@deephaven/components';
+import { ComboBox, Item, Picker, Section } from '@deephaven/components';
 import { StringCondition, DateCondition, getLabelForNumberCondition, getLabelForDateCondition, getLabelForStringCondition, NumberCondition, getDefaultConditionForType, getLabelForBooleanCondition, BooleanCondition, CharCondition, getLabelForCharCondition, isDateConditionValid, getDefaultValueForType } from "./ConditionalFormattingUtils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('ConditionEditor');
 var DEFAULT_CALLBACK = () => undefined;
-var numberConditionOptions = [NumberCondition.IS_EQUAL, NumberCondition.IS_NOT_EQUAL, NumberCondition.IS_BETWEEN, NumberCondition.GREATER_THAN, NumberCondition.GREATER_THAN_OR_EQUAL, NumberCondition.LESS_THAN, NumberCondition.LESS_THAN_OR_EQUAL, NumberCondition.IS_NULL, NumberCondition.IS_NOT_NULL].map(option => /*#__PURE__*/_jsx("option", {
-  value: option,
-  children: getLabelForNumberCondition(option)
-}, option));
-var stringConditions = [StringCondition.IS_EXACTLY, StringCondition.IS_NOT_EXACTLY, StringCondition.CONTAINS, StringCondition.DOES_NOT_CONTAIN, StringCondition.STARTS_WITH, StringCondition.ENDS_WITH, StringCondition.IS_NULL, StringCondition.IS_NOT_NULL].map(option => /*#__PURE__*/_jsx("option", {
-  value: option,
-  children: getLabelForStringCondition(option)
-}, option));
-var dateConditions = [DateCondition.IS_EXACTLY, DateCondition.IS_NOT_EXACTLY, DateCondition.IS_BEFORE, DateCondition.IS_BEFORE_OR_EQUAL, DateCondition.IS_AFTER, DateCondition.IS_AFTER_OR_EQUAL, DateCondition.IS_NULL, DateCondition.IS_NOT_NULL].map(option => /*#__PURE__*/_jsx("option", {
-  value: option,
-  children: getLabelForDateCondition(option)
-}, option));
-var booleanConditions = [BooleanCondition.IS_TRUE, BooleanCondition.IS_FALSE, BooleanCondition.IS_NULL, BooleanCondition.IS_NOT_NULL].map(option => /*#__PURE__*/_jsx("option", {
-  value: option,
-  children: getLabelForBooleanCondition(option)
-}, option));
-var charConditions = [CharCondition.IS_EQUAL, CharCondition.IS_NOT_EQUAL, CharCondition.IS_NULL, CharCondition.IS_NOT_NULL].map(option => /*#__PURE__*/_jsx("option", {
-  value: option,
-  children: getLabelForCharCondition(option)
-}, option));
+var VALUE_PREFIX = 'value-';
+var COLUMN_PREFIX = 'column-';
+var numberValueConditions = [NumberCondition.IS_EQUAL, NumberCondition.IS_NOT_EQUAL, NumberCondition.IS_BETWEEN, NumberCondition.GREATER_THAN, NumberCondition.GREATER_THAN_OR_EQUAL, NumberCondition.LESS_THAN, NumberCondition.LESS_THAN_OR_EQUAL, NumberCondition.IS_NULL, NumberCondition.IS_NOT_NULL];
+var numberColumnConditions = [NumberCondition.IS_EQUAL, NumberCondition.IS_NOT_EQUAL, NumberCondition.GREATER_THAN, NumberCondition.GREATER_THAN_OR_EQUAL, NumberCondition.LESS_THAN, NumberCondition.LESS_THAN_OR_EQUAL];
+var stringValueConditions = [StringCondition.IS_EXACTLY, StringCondition.IS_NOT_EXACTLY, StringCondition.CONTAINS, StringCondition.DOES_NOT_CONTAIN, StringCondition.STARTS_WITH, StringCondition.ENDS_WITH, StringCondition.IS_NULL, StringCondition.IS_NOT_NULL];
+var stringColumnConditions = [StringCondition.IS_EXACTLY, StringCondition.IS_NOT_EXACTLY, StringCondition.CONTAINS, StringCondition.DOES_NOT_CONTAIN, StringCondition.STARTS_WITH, StringCondition.ENDS_WITH];
+var dateValueConditions = [DateCondition.IS_EXACTLY, DateCondition.IS_NOT_EXACTLY, DateCondition.IS_BEFORE, DateCondition.IS_BEFORE_OR_EQUAL, DateCondition.IS_AFTER, DateCondition.IS_AFTER_OR_EQUAL, DateCondition.IS_NULL, DateCondition.IS_NOT_NULL];
+var dateColumnConditions = [DateCondition.IS_EXACTLY, DateCondition.IS_NOT_EXACTLY, DateCondition.IS_BEFORE, DateCondition.IS_BEFORE_OR_EQUAL, DateCondition.IS_AFTER, DateCondition.IS_AFTER_OR_EQUAL];
+var booleanValueConditions = [BooleanCondition.IS_TRUE, BooleanCondition.IS_FALSE, BooleanCondition.IS_EQUAL, BooleanCondition.IS_NOT_EQUAL, BooleanCondition.IS_NULL, BooleanCondition.IS_NOT_NULL];
+var booleanColumnConditions = [BooleanCondition.IS_EQUAL, BooleanCondition.IS_NOT_EQUAL];
+var charValueConditions = [CharCondition.IS_EQUAL, CharCondition.IS_NOT_EQUAL, CharCondition.IS_NULL, CharCondition.IS_NOT_NULL];
+var charColumnConditions = [CharCondition.IS_EQUAL, CharCondition.IS_NOT_EQUAL];
 function isNumberConditionValid(condition, value, startValue, endValue) {
   if (condition === NumberCondition.IS_NULL || condition === NumberCondition.IS_NOT_NULL) {
     return true;
@@ -45,106 +37,9 @@ function isNumberConditionValid(condition, value, startValue, endValue) {
   }
   return false;
 }
-function getNumberInputs(selectedCondition, handleValueChange, handleStartValueChange, handleEndValueChange, isInvalid, conditionValue, startValue, endValue) {
-  switch (selectedCondition) {
-    case NumberCondition.IS_EQUAL:
-    case NumberCondition.IS_NOT_EQUAL:
-    case NumberCondition.GREATER_THAN:
-    case NumberCondition.GREATER_THAN_OR_EQUAL:
-    case NumberCondition.LESS_THAN:
-    case NumberCondition.LESS_THAN_OR_EQUAL:
-      return /*#__PURE__*/_jsx("input", {
-        type: "number",
-        className: classNames('form-control', {
-          'is-invalid': isInvalid
-        }),
-        placeholder: "Enter value",
-        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
-        onChange: handleValueChange
-      });
-    case NumberCondition.IS_BETWEEN:
-      return /*#__PURE__*/_jsxs("div", {
-        className: "d-flex flex-row",
-        children: [/*#__PURE__*/_jsx("input", {
-          type: "number",
-          className: classNames('form-control', 'd-flex', 'mr-2', {
-            'is-invalid': isInvalid
-          }),
-          placeholder: "Start value",
-          value: startValue !== null && startValue !== void 0 ? startValue : '',
-          onChange: handleStartValueChange
-        }), /*#__PURE__*/_jsx("input", {
-          type: "number",
-          className: classNames('form-control', 'd-flex', {
-            'is-invalid': isInvalid
-          }),
-          placeholder: "End value",
-          value: endValue !== null && endValue !== void 0 ? endValue : '',
-          onChange: handleEndValueChange
-        })]
-      });
-    case NumberCondition.IS_NULL:
-    case NumberCondition.IS_NOT_NULL:
-      return null;
-  }
-}
-function getStringInputs(selectedCondition, handleValueChange, isInvalid, conditionValue) {
-  switch (selectedCondition) {
-    case StringCondition.IS_NULL:
-    case StringCondition.IS_NOT_NULL:
-      return null;
-    default:
-      return /*#__PURE__*/_jsx("input", {
-        type: "text",
-        className: classNames('form-control', {
-          'is-invalid': isInvalid
-        }),
-        placeholder: "Enter value",
-        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
-        onChange: handleValueChange
-      });
-  }
-}
-function getDateInputs(selectedCondition, handleValueChange, isInvalid, conditionValue) {
-  switch (selectedCondition) {
-    case DateCondition.IS_NULL:
-    case DateCondition.IS_NOT_NULL:
-      return null;
-    default:
-      return /*#__PURE__*/_jsx("input", {
-        type: "text",
-        className: classNames('form-control', {
-          'is-invalid': isInvalid
-        }),
-        placeholder: "Enter value",
-        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
-        onChange: handleValueChange
-      });
-  }
-}
-function getBooleanInputs() {
-  return null;
-}
-function getCharInputs(selectedCondition, handleValueChange, isInvalid, conditionValue) {
-  switch (selectedCondition) {
-    case CharCondition.IS_NULL:
-    case CharCondition.IS_NOT_NULL:
-      return null;
-    default:
-      return /*#__PURE__*/_jsx("input", {
-        type: "text",
-        className: classNames('form-control', {
-          'is-invalid': isInvalid
-        }),
-        maxLength: 1,
-        placeholder: "Enter value",
-        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
-        onChange: handleValueChange
-      });
-  }
-}
 function ConditionEditor(props) {
   var column = props.column,
+    columns = props.columns,
     config = props.config,
     dh = props.dh,
     _props$onChange = props.onChange,
@@ -154,11 +49,15 @@ function ConditionEditor(props) {
     _useState2 = _slicedToArray(_useState, 2),
     prevColumnType = _useState2[0],
     setPrevColumnType = _useState2[1];
-  var _useState3 = useState(config.condition),
+
+  // Encode both condition and RHV mode in a single key: 'value-is-equal' or 'column-is-equal'
+  var _useState3 = useState(() => "".concat(typeof config.rightHandValue === 'object' ? COLUMN_PREFIX : VALUE_PREFIX).concat(config.condition)),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedCondition = _useState4[0],
-    setCondition = _useState4[1];
-  var _useState5 = useState(config.value),
+    selectedConditionKey = _useState4[0],
+    setConditionKey = _useState4[1];
+  var selectedCondition = selectedConditionKey.replace(/^(value|column)-/, '');
+  var isColumnMode = selectedConditionKey.startsWith(COLUMN_PREFIX);
+  var _useState5 = useState(config.rightHandValue),
     _useState6 = _slicedToArray(_useState5, 2),
     conditionValue = _useState6[0],
     setValue = _useState6[1];
@@ -176,39 +75,82 @@ function ConditionEditor(props) {
     setIsValid = _useState10[1];
   if (selectedColumnType !== prevColumnType) {
     // Column type changed, reset condition and value fields
-    setCondition(getDefaultConditionForType(selectedColumnType));
+    setConditionKey("".concat(VALUE_PREFIX).concat(getDefaultConditionForType(selectedColumnType)));
     setValue(getDefaultValueForType(selectedColumnType));
     setStartValue(undefined);
     setEndValue(undefined);
     setPrevColumnType(selectedColumnType);
   }
-  var conditions = useMemo(() => {
-    if (selectedColumnType === undefined) {
-      return [];
-    }
+
+  // Build label helper for any condition enum value
+  var getConditionLabel = useCallback(condition => {
     if (TableUtils.isNumberType(selectedColumnType)) {
-      return numberConditionOptions;
+      return getLabelForNumberCondition(condition);
     }
     if (TableUtils.isCharType(selectedColumnType)) {
-      return charConditions;
+      return getLabelForCharCondition(condition);
     }
     if (TableUtils.isStringType(selectedColumnType)) {
-      return stringConditions;
+      return getLabelForStringCondition(condition);
     }
     if (TableUtils.isDateType(selectedColumnType)) {
-      return dateConditions;
-    }
-    if (TableUtils.isBooleanType(selectedColumnType)) {
-      return booleanConditions;
+      return getLabelForDateCondition(condition);
     }
+    return getLabelForBooleanCondition(condition);
   }, [selectedColumnType]);
-  var handleConditionChange = useCallback(value => {
-    log.debug('handleConditionChange', value);
-    setCondition(value);
-  }, []);
-  var handleValueChange = useCallback(e => {
-    var value = e.target.value;
-    log.debug('handleValueChange', value);
+  var _useMemo = useMemo(() => {
+      var valueConditions = [];
+      var columnConditions = [];
+      if (TableUtils.isNumberType(selectedColumnType)) {
+        valueConditions = numberValueConditions;
+        columnConditions = numberColumnConditions;
+      } else if (TableUtils.isCharType(selectedColumnType)) {
+        valueConditions = charValueConditions;
+        columnConditions = charColumnConditions;
+      } else if (TableUtils.isStringType(selectedColumnType)) {
+        valueConditions = stringValueConditions;
+        columnConditions = stringColumnConditions;
+      } else if (TableUtils.isDateType(selectedColumnType)) {
+        valueConditions = dateValueConditions;
+        columnConditions = dateColumnConditions;
+      } else if (TableUtils.isBooleanType(selectedColumnType)) {
+        valueConditions = booleanValueConditions;
+        columnConditions = booleanColumnConditions;
+      }
+      return [valueConditions.map(c => /*#__PURE__*/_jsx(Item, {
+        children: getConditionLabel(c)
+      }, "".concat(VALUE_PREFIX).concat(c))), columnConditions.map(c => /*#__PURE__*/_jsx(Item, {
+        children: getConditionLabel(c)
+      }, "".concat(COLUMN_PREFIX).concat(c)))];
+    }, [selectedColumnType, getConditionLabel]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    pickerValueItems = _useMemo2[0],
+    pickerColumnItems = _useMemo2[1];
+  var handleConditionKeyChange = useCallback(key => {
+    if (key == null) return;
+    var keyStr = String(key);
+    log.debug('handleConditionKeyChange', keyStr);
+    var nextIsColumn = keyStr.startsWith(COLUMN_PREFIX);
+    if (nextIsColumn && typeof conditionValue !== 'object') {
+      // Switching to column mode — default to first compatible column
+      var firstCompatible = columns.find(c => {
+        if (TableUtils.isNumberType(selectedColumnType)) {
+          return TableUtils.isNumberType(c.type);
+        }
+        return TableUtils.getNormalizedType(selectedColumnType) === TableUtils.getNormalizedType(c.type);
+      });
+      setValue(firstCompatible != null ? {
+        name: firstCompatible.name,
+        type: firstCompatible.type
+      } : undefined);
+    } else if (!nextIsColumn && typeof conditionValue === 'object') {
+      // Switching to value mode — clear the column value
+      setValue(getDefaultValueForType(selectedColumnType));
+    }
+    setConditionKey(keyStr);
+  }, [columns, selectedColumnType, conditionValue]);
+  var handleRightHandValueChange = useCallback(value => {
+    log.debug('handleRightHandValueChange', value);
     setValue(value);
   }, []);
   var handleStartValueChange = useCallback(e => {
@@ -226,17 +168,23 @@ function ConditionEditor(props) {
     if (selectedCondition === undefined) {
       log.debug('Unable to create formatting rule. Condition is not selected.');
       isConditionValid = false;
-    } else if (TableUtils.isNumberType(column.type) && !isNumberConditionValid(selectedCondition, conditionValue, startValue, endValue)) {
+    } else if (TableUtils.isNumberType(column.type) && (selectedCondition === NumberCondition.IS_BETWEEN || typeof conditionValue !== 'object') && !isNumberConditionValid(selectedCondition, typeof conditionValue === 'string' ? conditionValue : undefined, startValue, endValue)) {
       log.debug('Unable to create formatting rule. Invalid value', conditionValue);
       isConditionValid = false;
-    } else if (TableUtils.isDateType(column.type) && !isDateConditionValid(dh, selectedCondition, conditionValue)) {
+    } else if (TableUtils.isDateType(column.type) && typeof conditionValue !== 'object' && !isDateConditionValid(dh, selectedCondition, conditionValue)) {
       log.debug('Unable to create formatting rule. Invalid date condition', conditionValue);
       isConditionValid = false;
+    } else if (TableUtils.isCharType(column.type) && typeof conditionValue !== 'object' && selectedCondition !== CharCondition.IS_NULL && selectedCondition !== CharCondition.IS_NOT_NULL && (conditionValue === undefined || conditionValue.length !== 1)) {
+      log.debug('Unable to create formatting rule. Char value must be a single character', conditionValue);
+      isConditionValid = false;
+    } else if (TableUtils.isBooleanType(column.type) && typeof conditionValue !== 'object' && (selectedCondition === BooleanCondition.IS_EQUAL || selectedCondition === BooleanCondition.IS_NOT_EQUAL) && conditionValue !== 'true' && conditionValue !== 'false' && conditionValue !== 'null') {
+      log.debug('Unable to create formatting rule. Boolean comparison requires a column, true, false, or null', conditionValue);
+      isConditionValid = false;
     }
     setIsValid(isConditionValid);
     onChange({
       condition: selectedCondition,
-      value: conditionValue,
+      rightHandValue: conditionValue,
       start: startValue,
       end: endValue
     }, isConditionValid);
@@ -247,34 +195,96 @@ function ConditionEditor(props) {
       return null;
     }
 
-    // Show invalid state only when there's a non-empty value that fails validation
-    var hasInvalidValue = !isValid && conditionValue !== undefined && conditionValue !== '';
-    if (TableUtils.isNumberType(selectedColumnType)) {
-      // For IS_BETWEEN, show invalid on each field only if that field has a value
-      var showInvalid = selectedCondition === NumberCondition.IS_BETWEEN ? !isValid && (startValue !== undefined && startValue !== '' || endValue !== undefined && endValue !== '') : hasInvalidValue;
-      return getNumberInputs(selectedCondition, handleValueChange, handleStartValueChange, handleEndValueChange, showInvalid, conditionValue, startValue, endValue);
-    }
-    if (TableUtils.isCharType(selectedColumnType)) {
-      return getCharInputs(selectedCondition, handleValueChange, hasInvalidValue, conditionValue);
-    }
-    if (TableUtils.isStringType(selectedColumnType)) {
-      return getStringInputs(selectedCondition, handleValueChange, hasInvalidValue, conditionValue);
+    // IS_NULL/IS_NOT_NULL enum values are identical across all types ('is-null' /
+    // 'is-not-null'), so checking one enum covers all.
+    // Boolean IS_TRUE/IS_FALSE also never need a value input.
+    if (selectedCondition === StringCondition.IS_NULL || selectedCondition === StringCondition.IS_NOT_NULL || selectedCondition === BooleanCondition.IS_TRUE || selectedCondition === BooleanCondition.IS_FALSE) {
+      return null;
     }
-    if (TableUtils.isDateType(selectedColumnType)) {
-      return getDateInputs(selectedCondition, handleValueChange, hasInvalidValue, conditionValue);
+
+    // A ModelColumn rightHandValue is always valid (column-vs-column comparison).
+    // For string values, check type-specific validity.
+    var rhvIsColumn = typeof conditionValue === 'object';
+    var hasInvalidValue = !rhvIsColumn && !isValid && conditionValue !== undefined && conditionValue !== '';
+
+    // Only offer columns that are type-compatible with the condition column so
+    // the generated expression is valid (e.g. prevent startsWith(intColumn)).
+    // Numbers are cross-compatible (int vs double). Everything else requires the same
+    // normalized type. (Note: text types are not compatible (string vs char)
+    var compatibleRhvColumns = columns.filter(c => {
+      if (TableUtils.isNumberType(selectedColumnType)) {
+        return TableUtils.isNumberType(c.type);
+      }
+      return TableUtils.getNormalizedType(selectedColumnType) === TableUtils.getNormalizedType(c.type);
+    });
+
+    // IS_BETWEEN uses two separate range inputs
+    if (TableUtils.isNumberType(selectedColumnType) && selectedCondition === NumberCondition.IS_BETWEEN) {
+      var isInvalid = !rhvIsColumn && !isValid && (startValue !== undefined && startValue !== '' || endValue !== undefined && endValue !== '');
+      return /*#__PURE__*/_jsxs("div", {
+        className: "d-flex flex-row",
+        children: [/*#__PURE__*/_jsx("input", {
+          type: "number",
+          className: classNames('form-control', 'd-flex', 'mr-2', {
+            'is-invalid': isInvalid
+          }),
+          placeholder: "Start value",
+          value: startValue !== null && startValue !== void 0 ? startValue : '',
+          onChange: handleStartValueChange
+        }), /*#__PURE__*/_jsx("input", {
+          type: "number",
+          className: classNames('form-control', 'd-flex', {
+            'is-invalid': isInvalid
+          }),
+          placeholder: "End value",
+          value: endValue !== null && endValue !== void 0 ? endValue : '',
+          onChange: handleEndValueChange
+        })]
+      });
     }
-    if (TableUtils.isBooleanType(selectedColumnType)) {
-      return getBooleanInputs();
+    if (isColumnMode) {
+      return /*#__PURE__*/_jsx(ComboBox, {
+        "aria-label": "Select a column",
+        selectedKey: typeof conditionValue === 'object' ? conditionValue.name : null,
+        onChange: key => {
+          if (key == null) return;
+          var col = compatibleRhvColumns.find(c => c.name === String(key));
+          if (col != null) {
+            handleRightHandValueChange({
+              name: col.name,
+              type: col.type
+            });
+          }
+        },
+        children: compatibleRhvColumns.map(c => c.name)
+      });
     }
-  }, [selectedColumnType, selectedCondition, conditionValue, startValue, endValue, isValid, handleValueChange, handleStartValueChange, handleEndValueChange]);
+    return /*#__PURE__*/_jsx("input", {
+      type: TableUtils.isNumberType(selectedColumnType) ? 'number' : 'text',
+      className: classNames('form-control', {
+        'is-invalid': hasInvalidValue
+      }),
+      value: typeof conditionValue === 'string' ? conditionValue : '',
+      placeholder: "Enter a value",
+      onChange: e => handleRightHandValueChange(e.target.value)
+    });
+  }, [columns, selectedColumnType, selectedCondition, conditionValue, startValue, endValue, isValid, handleRightHandValueChange, handleStartValueChange, handleEndValueChange, isColumnMode]);
   return /*#__PURE__*/_jsxs("div", {
     className: "condition-editor mb-2",
-    children: [/*#__PURE__*/_jsx(Select, {
-      value: selectedCondition,
+    children: [/*#__PURE__*/_jsxs(Picker, {
+      selectedKey: selectedConditionKey,
+      "aria-label": "Select condition",
       "data-testid": "condition-select",
-      className: "custom-select mb-2",
-      onChange: handleConditionChange,
-      children: conditions
+      width: "100%",
+      UNSAFE_className: "mb-2",
+      onChange: handleConditionKeyChange,
+      children: [/*#__PURE__*/_jsx(Section, {
+        title: "Value",
+        children: pickerValueItems
+      }), /*#__PURE__*/_jsx(Section, {
+        title: "Column",
+        children: pickerColumnItems
+      })]
     }), conditionInputs]
   });
 }

package/dist/sidebar/conditional-formatting/ConditionEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionEditor.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","TableUtils","Log","Select","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","isDateConditionValid","getDefaultValueForType","jsx","_jsx","jsxs","_jsxs","log","module","DEFAULT_CALLBACK","undefined","numberConditionOptions","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","map","option","value","children","stringConditions","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","dateConditions","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","booleanConditions","IS_TRUE","IS_FALSE","charConditions","isNumberConditionValid","condition","startValue","endValue","Number","isNaN","parseFloat","getNumberInputs","selectedCondition","handleValueChange","handleStartValueChange","handleEndValueChange","isInvalid","conditionValue","type","className","placeholder","onChange","getStringInputs","getDateInputs","getBooleanInputs","getCharInputs","maxLength","ConditionEditor","props","column","config","dh","_props$onChange","selectedColumnType","_useState","_useState2","_slicedToArray","prevColumnType","setPrevColumnType","_useState3","_useState4","setCondition","_useState5","_useState6","setValue","_useState7","start","_useState8","setStartValue","_useState9","end","_useState0","setEndValue","_useState1","_useState10","isValid","setIsValid","conditions","isNumberType","isCharType","isStringType","isDateType","isBooleanType","handleConditionChange","debug","e","target","changeCondition","isConditionValid","conditionInputs","hasInvalidValue","showInvalid"],"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { Select } from '@deephaven/components';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  type ModelColumn,\n  type ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  type Condition,\n  getLabelForCharCondition,\n  isDateConditionValid,\n  getDefaultValueForType,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  dh: typeof DhType;\n  column: ModelColumn;\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst numberConditionOptions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.IS_BETWEEN,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n  NumberCondition.IS_NULL,\n  NumberCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForNumberCondition(option)}\n  </option>\n));\n\nconst stringConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n  StringCondition.IS_NULL,\n  StringCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForStringCondition(option)}\n  </option>\n));\n\nconst dateConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n  DateCondition.IS_NULL,\n  DateCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForDateCondition(option)}\n  </option>\n));\n\nconst booleanConditions = [\n  BooleanCondition.IS_TRUE,\n  BooleanCondition.IS_FALSE,\n  BooleanCondition.IS_NULL,\n  BooleanCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForBooleanCondition(option)}\n  </option>\n));\n\nconst charConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n  CharCondition.IS_NULL,\n  CharCondition.IS_NOT_NULL,\n].map(option => (\n  <option key={option} value={option}>\n    {getLabelForCharCondition(option)}\n  </option>\n));\n\nfunction isNumberConditionValid(\n  condition: NumberCondition,\n  value?: string,\n  startValue?: string,\n  endValue?: string\n): boolean {\n  if (\n    condition === NumberCondition.IS_NULL ||\n    condition === NumberCondition.IS_NOT_NULL\n  ) {\n    return true;\n  }\n  if (\n    condition === NumberCondition.IS_BETWEEN &&\n    startValue != null &&\n    startValue !== '' &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue != null &&\n    endValue !== '' &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\n    value !== undefined &&\n    value !== '' &&\n    !Number.isNaN(Number.parseFloat(value))\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction getNumberInputs(\n  selectedCondition: NumberCondition,\n  handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  handleStartValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  handleEndValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  isInvalid: boolean,\n  conditionValue?: string,\n  startValue?: string,\n  endValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case NumberCondition.IS_EQUAL:\n    case NumberCondition.IS_NOT_EQUAL:\n    case NumberCondition.GREATER_THAN:\n    case NumberCondition.GREATER_THAN_OR_EQUAL:\n    case NumberCondition.LESS_THAN:\n    case NumberCondition.LESS_THAN_OR_EQUAL:\n      return (\n        <input\n          type=\"number\"\n          className={classNames('form-control', { 'is-invalid': isInvalid })}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n    case NumberCondition.IS_BETWEEN:\n      return (\n        <div className=\"d-flex flex-row\">\n          <input\n            type=\"number\"\n            className={classNames('form-control', 'd-flex', 'mr-2', {\n              'is-invalid': isInvalid,\n            })}\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className={classNames('form-control', 'd-flex', {\n              'is-invalid': isInvalid,\n            })}\n            placeholder=\"End value\"\n            value={endValue ?? ''}\n            onChange={handleEndValueChange}\n          />\n        </div>\n      );\n    case NumberCondition.IS_NULL:\n    case NumberCondition.IS_NOT_NULL:\n      return null;\n  }\n}\n\nfunction getStringInputs(\n  selectedCondition: StringCondition,\n  handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  isInvalid: boolean,\n  conditionValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case StringCondition.IS_NULL:\n    case StringCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className={classNames('form-control', { 'is-invalid': isInvalid })}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getDateInputs(\n  selectedCondition: DateCondition,\n  handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  isInvalid: boolean,\n  conditionValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case DateCondition.IS_NULL:\n    case DateCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className={classNames('form-control', { 'is-invalid': isInvalid })}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getBooleanInputs(): null {\n  return null;\n}\n\nfunction getCharInputs(\n  selectedCondition: CharCondition,\n  handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  isInvalid: boolean,\n  conditionValue?: string\n): JSX.Element | null {\n  switch (selectedCondition) {\n    case CharCondition.IS_NULL:\n    case CharCondition.IS_NOT_NULL:\n      return null;\n    default:\n      return (\n        <input\n          type=\"text\"\n          className={classNames('form-control', { 'is-invalid': isInvalid })}\n          maxLength={1}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction ConditionEditor(props: ConditionEditorProps): JSX.Element {\n  const { column, config, dh, onChange = DEFAULT_CALLBACK } = props;\n  const selectedColumnType = column.type;\n  const [prevColumnType, setPrevColumnType] = useState(selectedColumnType);\n  const [selectedCondition, setCondition] = useState(config.condition);\n  const [conditionValue, setValue] = useState(config.value);\n  const [startValue, setStartValue] = useState(config.start);\n  const [endValue, setEndValue] = useState(config.end);\n  const [isValid, setIsValid] = useState(true);\n\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setCondition(getDefaultConditionForType(selectedColumnType));\n    setValue(getDefaultValueForType(selectedColumnType));\n    setStartValue(undefined);\n    setEndValue(undefined);\n    setPrevColumnType(selectedColumnType);\n  }\n\n  const conditions = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      return [];\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return numberConditionOptions;\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return charConditions;\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return stringConditions;\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return dateConditions;\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return booleanConditions;\n    }\n  }, [selectedColumnType]);\n\n  const handleConditionChange = useCallback((value: string) => {\n    log.debug('handleConditionChange', value);\n    setCondition(value as Condition);\n  }, []);\n\n  const handleValueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const { value } = e.target;\n      log.debug('handleValueChange', value);\n      setValue(value);\n    },\n    []\n  );\n\n  const handleStartValueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const { value } = e.target;\n      log.debug('handleStartValueChange', value);\n      setStartValue(value);\n    },\n    []\n  );\n\n  const handleEndValueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const { value } = e.target;\n      log.debug('handleEndValueChange', value);\n      setEndValue(value);\n    },\n    []\n  );\n\n  useEffect(\n    function changeCondition() {\n      let isConditionValid = true;\n\n      if (selectedCondition === undefined) {\n        log.debug(\n          'Unable to create formatting rule. Condition is not selected.'\n        );\n        isConditionValid = false;\n      } else if (\n        TableUtils.isNumberType(column.type) &&\n        !isNumberConditionValid(\n          selectedCondition as NumberCondition,\n          conditionValue,\n          startValue,\n          endValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid value',\n          conditionValue\n        );\n        isConditionValid = false;\n      } else if (\n        TableUtils.isDateType(column.type) &&\n        !isDateConditionValid(\n          dh,\n          selectedCondition as DateCondition,\n          conditionValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid date condition',\n          conditionValue\n        );\n        isConditionValid = false;\n      }\n\n      setIsValid(isConditionValid);\n      onChange(\n        {\n          condition: selectedCondition,\n          value: conditionValue,\n          start: startValue,\n          end: endValue,\n        },\n        isConditionValid\n      );\n    },\n    [\n      onChange,\n      column.type,\n      dh,\n      selectedCondition,\n      conditionValue,\n      startValue,\n      endValue,\n    ]\n  );\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n\n    // Show invalid state only when there's a non-empty value that fails validation\n    const hasInvalidValue =\n      !isValid && conditionValue !== undefined && conditionValue !== '';\n\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      // For IS_BETWEEN, show invalid on each field only if that field has a value\n      const showInvalid =\n        selectedCondition === NumberCondition.IS_BETWEEN\n          ? !isValid &&\n            ((startValue !== undefined && startValue !== '') ||\n              (endValue !== undefined && endValue !== ''))\n          : hasInvalidValue;\n\n      return getNumberInputs(\n        selectedCondition as NumberCondition,\n        handleValueChange,\n        handleStartValueChange,\n        handleEndValueChange,\n        showInvalid,\n        conditionValue,\n        startValue,\n        endValue\n      );\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return getCharInputs(\n        selectedCondition as CharCondition,\n        handleValueChange,\n        hasInvalidValue,\n        conditionValue\n      );\n    }\n    if (TableUtils.isStringType(selectedColumnType)) {\n      return getStringInputs(\n        selectedCondition as StringCondition,\n        handleValueChange,\n        hasInvalidValue,\n        conditionValue\n      );\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return getDateInputs(\n        selectedCondition as DateCondition,\n        handleValueChange,\n        hasInvalidValue,\n        conditionValue\n      );\n    }\n    if (TableUtils.isBooleanType(selectedColumnType)) {\n      return getBooleanInputs();\n    }\n  }, [\n    selectedColumnType,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n    isValid,\n    handleValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <Select\n        value={selectedCondition}\n        data-testid=\"condition-select\"\n        className=\"custom-select mb-2\"\n        onChange={handleConditionChange}\n      >\n        {conditions}\n      </Select>\n      {conditionInputs}\n    </div>\n  );\n}\n\nexport default ConditionEditor;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ConditionEditor.js","names":["React","useCallback","useEffect","useMemo","useState","classNames","TableUtils","Log","ComboBox","Item","Picker","Section","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","isDateConditionValid","getDefaultValueForType","jsx","_jsx","jsxs","_jsxs","log","module","DEFAULT_CALLBACK","undefined","VALUE_PREFIX","COLUMN_PREFIX","numberValueConditions","IS_EQUAL","IS_NOT_EQUAL","IS_BETWEEN","GREATER_THAN","GREATER_THAN_OR_EQUAL","LESS_THAN","LESS_THAN_OR_EQUAL","IS_NULL","IS_NOT_NULL","numberColumnConditions","stringValueConditions","IS_EXACTLY","IS_NOT_EXACTLY","CONTAINS","DOES_NOT_CONTAIN","STARTS_WITH","ENDS_WITH","stringColumnConditions","dateValueConditions","IS_BEFORE","IS_BEFORE_OR_EQUAL","IS_AFTER","IS_AFTER_OR_EQUAL","dateColumnConditions","booleanValueConditions","IS_TRUE","IS_FALSE","booleanColumnConditions","charValueConditions","charColumnConditions","isNumberConditionValid","condition","value","startValue","endValue","Number","isNaN","parseFloat","ConditionEditor","props","column","columns","config","dh","_props$onChange","onChange","selectedColumnType","type","_useState","_useState2","_slicedToArray","prevColumnType","setPrevColumnType","_useState3","concat","rightHandValue","_useState4","selectedConditionKey","setConditionKey","selectedCondition","replace","isColumnMode","startsWith","_useState5","_useState6","conditionValue","setValue","_useState7","start","_useState8","setStartValue","_useState9","end","_useState0","setEndValue","_useState1","_useState10","isValid","setIsValid","getConditionLabel","isNumberType","isCharType","isStringType","isDateType","_useMemo","valueConditions","columnConditions","isBooleanType","map","c","children","_useMemo2","pickerValueItems","pickerColumnItems","handleConditionKeyChange","key","keyStr","String","debug","nextIsColumn","firstCompatible","find","getNormalizedType","name","handleRightHandValueChange","handleStartValueChange","e","target","handleEndValueChange","changeCondition","isConditionValid","length","conditionInputs","rhvIsColumn","hasInvalidValue","compatibleRhvColumns","filter","isInvalid","className","placeholder","selectedKey","col","width","UNSAFE_className","title"],"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport {\n  ComboBox,\n  Item,\n  type ItemKey,\n  Picker,\n  Section,\n} from '@deephaven/components';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  type ModelColumn,\n  type ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  type Condition,\n  getLabelForCharCondition,\n  isDateConditionValid,\n  getDefaultValueForType,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  dh: typeof DhType;\n  column: ModelColumn;\n  columns: ModelColumn[];\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst VALUE_PREFIX = 'value-';\nconst COLUMN_PREFIX = 'column-';\n\nconst numberValueConditions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.IS_BETWEEN,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n  NumberCondition.IS_NULL,\n  NumberCondition.IS_NOT_NULL,\n];\n\nconst numberColumnConditions = [\n  NumberCondition.IS_EQUAL,\n  NumberCondition.IS_NOT_EQUAL,\n  NumberCondition.GREATER_THAN,\n  NumberCondition.GREATER_THAN_OR_EQUAL,\n  NumberCondition.LESS_THAN,\n  NumberCondition.LESS_THAN_OR_EQUAL,\n];\n\nconst stringValueConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n  StringCondition.IS_NULL,\n  StringCondition.IS_NOT_NULL,\n];\n\nconst stringColumnConditions = [\n  StringCondition.IS_EXACTLY,\n  StringCondition.IS_NOT_EXACTLY,\n  StringCondition.CONTAINS,\n  StringCondition.DOES_NOT_CONTAIN,\n  StringCondition.STARTS_WITH,\n  StringCondition.ENDS_WITH,\n];\n\nconst dateValueConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n  DateCondition.IS_NULL,\n  DateCondition.IS_NOT_NULL,\n];\n\nconst dateColumnConditions = [\n  DateCondition.IS_EXACTLY,\n  DateCondition.IS_NOT_EXACTLY,\n  DateCondition.IS_BEFORE,\n  DateCondition.IS_BEFORE_OR_EQUAL,\n  DateCondition.IS_AFTER,\n  DateCondition.IS_AFTER_OR_EQUAL,\n];\n\nconst booleanValueConditions = [\n  BooleanCondition.IS_TRUE,\n  BooleanCondition.IS_FALSE,\n  BooleanCondition.IS_EQUAL,\n  BooleanCondition.IS_NOT_EQUAL,\n  BooleanCondition.IS_NULL,\n  BooleanCondition.IS_NOT_NULL,\n];\n\nconst booleanColumnConditions = [\n  BooleanCondition.IS_EQUAL,\n  BooleanCondition.IS_NOT_EQUAL,\n];\n\nconst charValueConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n  CharCondition.IS_NULL,\n  CharCondition.IS_NOT_NULL,\n];\n\nconst charColumnConditions = [\n  CharCondition.IS_EQUAL,\n  CharCondition.IS_NOT_EQUAL,\n];\n\nfunction isNumberConditionValid(\n  condition: NumberCondition,\n  value?: string,\n  startValue?: string,\n  endValue?: string\n): boolean {\n  if (\n    condition === NumberCondition.IS_NULL ||\n    condition === NumberCondition.IS_NOT_NULL\n  ) {\n    return true;\n  }\n  if (\n    condition === NumberCondition.IS_BETWEEN &&\n    startValue != null &&\n    startValue !== '' &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue != null &&\n    endValue !== '' &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\n    value !== undefined &&\n    value !== '' &&\n    !Number.isNaN(Number.parseFloat(value))\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction ConditionEditor(props: ConditionEditorProps): JSX.Element {\n  const { column, columns, config, dh, onChange = DEFAULT_CALLBACK } = props;\n  const selectedColumnType = column.type;\n  const [prevColumnType, setPrevColumnType] = useState(selectedColumnType);\n\n  // Encode both condition and RHV mode in a single key: 'value-is-equal' or 'column-is-equal'\n  const [selectedConditionKey, setConditionKey] = useState(\n    () =>\n      `${\n        typeof config.rightHandValue === 'object' ? COLUMN_PREFIX : VALUE_PREFIX\n      }${config.condition}`\n  );\n  const selectedCondition = selectedConditionKey.replace(\n    /^(value|column)-/,\n    ''\n  ) as Condition;\n  const isColumnMode = selectedConditionKey.startsWith(COLUMN_PREFIX);\n\n  const [conditionValue, setValue] = useState<string | ModelColumn | undefined>(\n    config.rightHandValue\n  );\n  const [startValue, setStartValue] = useState(config.start);\n  const [endValue, setEndValue] = useState(config.end);\n  const [isValid, setIsValid] = useState(true);\n\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setConditionKey(\n      `${VALUE_PREFIX}${getDefaultConditionForType(selectedColumnType)}`\n    );\n    setValue(getDefaultValueForType(selectedColumnType));\n    setStartValue(undefined);\n    setEndValue(undefined);\n    setPrevColumnType(selectedColumnType);\n  }\n\n  // Build label helper for any condition enum value\n  const getConditionLabel = useCallback(\n    (condition: Condition): string => {\n      if (TableUtils.isNumberType(selectedColumnType)) {\n        return getLabelForNumberCondition(condition as NumberCondition);\n      }\n      if (TableUtils.isCharType(selectedColumnType)) {\n        return getLabelForCharCondition(condition as CharCondition);\n      }\n      if (TableUtils.isStringType(selectedColumnType)) {\n        return getLabelForStringCondition(condition as StringCondition);\n      }\n      if (TableUtils.isDateType(selectedColumnType)) {\n        return getLabelForDateCondition(condition as DateCondition);\n      }\n      return getLabelForBooleanCondition(condition as BooleanCondition);\n    },\n    [selectedColumnType]\n  );\n\n  const [pickerValueItems, pickerColumnItems] = useMemo(() => {\n    let valueConditions: Condition[] = [];\n    let columnConditions: Condition[] = [];\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      valueConditions = numberValueConditions;\n      columnConditions = numberColumnConditions;\n    } else if (TableUtils.isCharType(selectedColumnType)) {\n      valueConditions = charValueConditions;\n      columnConditions = charColumnConditions;\n    } else if (TableUtils.isStringType(selectedColumnType)) {\n      valueConditions = stringValueConditions;\n      columnConditions = stringColumnConditions;\n    } else if (TableUtils.isDateType(selectedColumnType)) {\n      valueConditions = dateValueConditions;\n      columnConditions = dateColumnConditions;\n    } else if (TableUtils.isBooleanType(selectedColumnType)) {\n      valueConditions = booleanValueConditions;\n      columnConditions = booleanColumnConditions;\n    }\n    return [\n      valueConditions.map(c => (\n        <Item key={`${VALUE_PREFIX}${c}`}>{getConditionLabel(c)}</Item>\n      )),\n      columnConditions.map(c => (\n        <Item key={`${COLUMN_PREFIX}${c}`}>{getConditionLabel(c)}</Item>\n      )),\n    ];\n  }, [selectedColumnType, getConditionLabel]);\n\n  const handleConditionKeyChange = useCallback(\n    (key: ItemKey | null) => {\n      if (key == null) return;\n      const keyStr = String(key);\n      log.debug('handleConditionKeyChange', keyStr);\n      const nextIsColumn = keyStr.startsWith(COLUMN_PREFIX);\n      if (nextIsColumn && typeof conditionValue !== 'object') {\n        // Switching to column mode — default to first compatible column\n        const firstCompatible = columns.find(c => {\n          if (TableUtils.isNumberType(selectedColumnType)) {\n            return TableUtils.isNumberType(c.type);\n          }\n          return (\n            TableUtils.getNormalizedType(selectedColumnType) ===\n            TableUtils.getNormalizedType(c.type)\n          );\n        });\n        setValue(\n          firstCompatible != null\n            ? { name: firstCompatible.name, type: firstCompatible.type }\n            : undefined\n        );\n      } else if (!nextIsColumn && typeof conditionValue === 'object') {\n        // Switching to value mode — clear the column value\n        setValue(getDefaultValueForType(selectedColumnType));\n      }\n      setConditionKey(keyStr);\n    },\n    [columns, selectedColumnType, conditionValue]\n  );\n\n  const handleRightHandValueChange = useCallback(\n    (value: string | ModelColumn | undefined) => {\n      log.debug('handleRightHandValueChange', value);\n      setValue(value);\n    },\n    []\n  );\n\n  const handleStartValueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const { value } = e.target;\n      log.debug('handleStartValueChange', value);\n      setStartValue(value);\n    },\n    []\n  );\n\n  const handleEndValueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const { value } = e.target;\n      log.debug('handleEndValueChange', value);\n      setEndValue(value);\n    },\n    []\n  );\n\n  useEffect(\n    function changeCondition() {\n      let isConditionValid = true;\n\n      if (selectedCondition === undefined) {\n        log.debug(\n          'Unable to create formatting rule. Condition is not selected.'\n        );\n        isConditionValid = false;\n      } else if (\n        TableUtils.isNumberType(column.type) &&\n        (selectedCondition === NumberCondition.IS_BETWEEN ||\n          typeof conditionValue !== 'object') &&\n        !isNumberConditionValid(\n          selectedCondition as NumberCondition,\n          typeof conditionValue === 'string' ? conditionValue : undefined,\n          startValue,\n          endValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid value',\n          conditionValue\n        );\n        isConditionValid = false;\n      } else if (\n        TableUtils.isDateType(column.type) &&\n        typeof conditionValue !== 'object' &&\n        !isDateConditionValid(\n          dh,\n          selectedCondition as DateCondition,\n          conditionValue\n        )\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Invalid date condition',\n          conditionValue\n        );\n        isConditionValid = false;\n      } else if (\n        TableUtils.isCharType(column.type) &&\n        typeof conditionValue !== 'object' &&\n        selectedCondition !== CharCondition.IS_NULL &&\n        selectedCondition !== CharCondition.IS_NOT_NULL &&\n        (conditionValue === undefined || conditionValue.length !== 1)\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Char value must be a single character',\n          conditionValue\n        );\n        isConditionValid = false;\n      } else if (\n        TableUtils.isBooleanType(column.type) &&\n        typeof conditionValue !== 'object' &&\n        (selectedCondition === BooleanCondition.IS_EQUAL ||\n          selectedCondition === BooleanCondition.IS_NOT_EQUAL) &&\n        conditionValue !== 'true' &&\n        conditionValue !== 'false' &&\n        conditionValue !== 'null'\n      ) {\n        log.debug(\n          'Unable to create formatting rule. Boolean comparison requires a column, true, false, or null',\n          conditionValue\n        );\n        isConditionValid = false;\n      }\n\n      setIsValid(isConditionValid);\n      onChange(\n        {\n          condition: selectedCondition,\n          rightHandValue: conditionValue,\n          start: startValue,\n          end: endValue,\n        },\n        isConditionValid\n      );\n    },\n    [\n      onChange,\n      column.type,\n      dh,\n      selectedCondition,\n      conditionValue,\n      startValue,\n      endValue,\n    ]\n  );\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n\n    // IS_NULL/IS_NOT_NULL enum values are identical across all types ('is-null' /\n    // 'is-not-null'), so checking one enum covers all.\n    // Boolean IS_TRUE/IS_FALSE also never need a value input.\n    if (\n      selectedCondition === StringCondition.IS_NULL ||\n      selectedCondition === StringCondition.IS_NOT_NULL ||\n      selectedCondition === BooleanCondition.IS_TRUE ||\n      selectedCondition === BooleanCondition.IS_FALSE\n    ) {\n      return null;\n    }\n\n    // A ModelColumn rightHandValue is always valid (column-vs-column comparison).\n    // For string values, check type-specific validity.\n    const rhvIsColumn = typeof conditionValue === 'object';\n    const hasInvalidValue =\n      !rhvIsColumn &&\n      !isValid &&\n      conditionValue !== undefined &&\n      conditionValue !== '';\n\n    // Only offer columns that are type-compatible with the condition column so\n    // the generated expression is valid (e.g. prevent startsWith(intColumn)).\n    // Numbers are cross-compatible (int vs double). Everything else requires the same\n    // normalized type. (Note: text types are not compatible (string vs char)\n    const compatibleRhvColumns = columns.filter(c => {\n      if (TableUtils.isNumberType(selectedColumnType)) {\n        return TableUtils.isNumberType(c.type);\n      }\n      return (\n        TableUtils.getNormalizedType(selectedColumnType) ===\n        TableUtils.getNormalizedType(c.type)\n      );\n    });\n\n    // IS_BETWEEN uses two separate range inputs\n    if (\n      TableUtils.isNumberType(selectedColumnType) &&\n      selectedCondition === NumberCondition.IS_BETWEEN\n    ) {\n      const isInvalid =\n        !rhvIsColumn &&\n        !isValid &&\n        ((startValue !== undefined && startValue !== '') ||\n          (endValue !== undefined && endValue !== ''));\n      return (\n        <div className=\"d-flex flex-row\">\n          <input\n            type=\"number\"\n            className={classNames('form-control', 'd-flex', 'mr-2', {\n              'is-invalid': isInvalid,\n            })}\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className={classNames('form-control', 'd-flex', {\n              'is-invalid': isInvalid,\n            })}\n            placeholder=\"End value\"\n            value={endValue ?? ''}\n            onChange={handleEndValueChange}\n          />\n        </div>\n      );\n    }\n\n    if (isColumnMode) {\n      return (\n        <ComboBox\n          aria-label=\"Select a column\"\n          selectedKey={\n            typeof conditionValue === 'object' ? conditionValue.name : null\n          }\n          onChange={key => {\n            if (key == null) return;\n            const col = compatibleRhvColumns.find(c => c.name === String(key));\n            if (col != null) {\n              handleRightHandValueChange({ name: col.name, type: col.type });\n            }\n          }}\n        >\n          {compatibleRhvColumns.map(c => c.name)}\n        </ComboBox>\n      );\n    }\n\n    return (\n      <input\n        type={TableUtils.isNumberType(selectedColumnType) ? 'number' : 'text'}\n        className={classNames('form-control', {\n          'is-invalid': hasInvalidValue,\n        })}\n        value={typeof conditionValue === 'string' ? conditionValue : ''}\n        placeholder=\"Enter a value\"\n        onChange={e => handleRightHandValueChange(e.target.value)}\n      />\n    );\n  }, [\n    columns,\n    selectedColumnType,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n    isValid,\n    handleRightHandValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n    isColumnMode,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <Picker\n        selectedKey={selectedConditionKey}\n        aria-label=\"Select condition\"\n        data-testid=\"condition-select\"\n        width=\"100%\"\n        UNSAFE_className=\"mb-2\"\n        onChange={handleConditionKeyChange}\n      >\n        <Section title=\"Value\">{pickerValueItems}</Section>\n        <Section title=\"Column\">{pickerColumnItems}</Section>\n      </Picker>\n      {conditionInputs}\n    </div>\n  );\n}\n\nexport default ConditionEditor;\n"],"mappings":"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","ignoreList":[]}

package/dist/sidebar/conditional-formatting/ConditionalFormatEditor.js

@@ -9,7 +9,7 @@ import classNames from 'classnames';
 import { Button } from '@deephaven/components';
 import Log from '@deephaven/log';
 import { FormatColumnWhereIcon, FormatRowWhereIcon } from "../icons/index.js";
-import ColumnFormatEditor from "./ColumnFormatEditor.js";
+import MultiColumnFormatEditor from "./MultiColumnFormatEditor.js";
 import RowFormatEditor from "./RowFormatEditor.js";
 import { FormatterType, isSupportedColumn } from "./ConditionalFormattingUtils.js";
 import "./ConditionalFormatEditor.css";
@@ -104,7 +104,7 @@ function ConditionalFormatEditor(props) {
           })
         }, type))
       })]
-    }), selectedFormatter === FormatterType.CONDITIONAL && /*#__PURE__*/_jsx(ColumnFormatEditor, {
+    }), selectedFormatter === FormatterType.CONDITIONAL && /*#__PURE__*/_jsx(MultiColumnFormatEditor, {
       columns: columns,
       dh: dh,
       config: rule === null || rule === void 0 ? void 0 : rule.config,