@deephaven/iris-grid 0.10.0 → 0.10.1-beta.0

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

@@ -0,0 +1,273 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import Log from '@deephaven/log';
+import TableUtils from "../../TableUtils.js";
+import { StringCondition, DateCondition, getLabelForNumberCondition, getLabelForDateCondition, getLabelForStringCondition, NumberCondition, getDefaultConditionForType, getLabelForBooleanCondition, BooleanCondition, CharCondition, getLabelForCharCondition } from "./ConditionalFormattingUtils.js";
+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__*/React.createElement("option", {
+  key: option,
+  value: option
+}, getLabelForNumberCondition(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__*/React.createElement("option", {
+  key: option,
+  value: option
+}, getLabelForStringCondition(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__*/React.createElement("option", {
+  key: option,
+  value: option
+}, getLabelForDateCondition(option)));
+var booleanConditions = [BooleanCondition.IS_TRUE, BooleanCondition.IS_FALSE, BooleanCondition.IS_NULL, BooleanCondition.IS_NOT_NULL].map(option => /*#__PURE__*/React.createElement("option", {
+  key: option,
+  value: option
+}, getLabelForBooleanCondition(option)));
+var charConditions = [CharCondition.IS_EQUAL, CharCondition.IS_NOT_EQUAL, CharCondition.IS_NULL, CharCondition.IS_NOT_NULL].map(option => /*#__PURE__*/React.createElement("option", {
+  key: option,
+  value: option
+}, getLabelForCharCondition(option)));
+
+function isNumberConditionValid(condition, value, startValue, endValue) {
+  if (condition === NumberCondition.IS_NULL || condition === NumberCondition.IS_NOT_NULL) {
+    return true;
+  }
+
+  if (condition === NumberCondition.IS_BETWEEN && startValue && !Number.isNaN(Number.parseFloat(startValue)) && endValue && !Number.isNaN(Number.parseFloat(endValue))) {
+    return true;
+  }
+
+  if (condition !== NumberCondition.IS_BETWEEN && value && !Number.isNaN(Number.parseFloat(value))) {
+    return true;
+  }
+
+  return false;
+}
+
+function getNumberInputs(selectedCondition, handleValueChange, handleStartValueChange, handleEndValueChange, 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__*/React.createElement("input", {
+        type: "number",
+        className: "form-control",
+        placeholder: "Enter value",
+        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
+        onChange: handleValueChange
+      });
+
+    case NumberCondition.IS_BETWEEN:
+      return /*#__PURE__*/React.createElement("div", {
+        className: "d-flex flex-row"
+      }, /*#__PURE__*/React.createElement("input", {
+        type: "number",
+        className: "form-control d-flex mr-2",
+        placeholder: "Start value",
+        value: startValue !== null && startValue !== void 0 ? startValue : '',
+        onChange: handleStartValueChange
+      }), /*#__PURE__*/React.createElement("input", {
+        type: "number",
+        className: "form-control d-flex",
+        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, conditionValue) {
+  switch (selectedCondition) {
+    case StringCondition.IS_NULL:
+    case StringCondition.IS_NOT_NULL:
+      return null;
+
+    default:
+      return /*#__PURE__*/React.createElement("input", {
+        type: "text",
+        className: "form-control",
+        placeholder: "Enter value",
+        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
+        onChange: handleValueChange
+      });
+  }
+}
+
+function getDateInputs(selectedCondition, handleValueChange, conditionValue) {
+  switch (selectedCondition) {
+    case DateCondition.IS_NULL:
+    case DateCondition.IS_NOT_NULL:
+      return null;
+
+    default:
+      return /*#__PURE__*/React.createElement("input", {
+        type: "text",
+        className: "form-control",
+        placeholder: "Enter value",
+        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
+        onChange: handleValueChange
+      });
+  }
+}
+
+function getBooleanInputs() {
+  return null;
+}
+
+function getCharInputs(selectedCondition, handleValueChange, conditionValue) {
+  switch (selectedCondition) {
+    case CharCondition.IS_NULL:
+    case CharCondition.IS_NOT_NULL:
+      return null;
+
+    default:
+      return /*#__PURE__*/React.createElement("input", {
+        type: "text",
+        className: "form-control",
+        maxLength: 1,
+        placeholder: "Enter value",
+        value: conditionValue !== null && conditionValue !== void 0 ? conditionValue : '',
+        onChange: handleValueChange
+      });
+  }
+}
+
+var ConditionEditor = props => {
+  var {
+    column,
+    config,
+    onChange = DEFAULT_CALLBACK
+  } = props;
+  var selectedColumnType = column.type;
+  var [prevColumnType, setPrevColumnType] = useState(selectedColumnType);
+  var [selectedCondition, setCondition] = useState(config.condition);
+  var [conditionValue, setValue] = useState(config.value);
+  var [startValue, setStartValue] = useState(config.start);
+  var [endValue, setEndValue] = useState(config.end);
+
+  if (selectedColumnType !== prevColumnType) {
+    // Column type changed, reset condition and value fields
+    setCondition(getDefaultConditionForType(selectedColumnType));
+    setValue(undefined);
+    setStartValue(undefined);
+    setEndValue(undefined);
+    setPrevColumnType(selectedColumnType);
+  }
+
+  var conditions = useMemo(() => {
+    if (selectedColumnType === undefined) {
+      return [];
+    }
+
+    if (TableUtils.isNumberType(selectedColumnType)) {
+      return numberConditionOptions;
+    }
+
+    if (TableUtils.isCharType(selectedColumnType)) {
+      return charConditions;
+    }
+
+    if (TableUtils.isTextType(selectedColumnType)) {
+      return stringConditions;
+    }
+
+    if (TableUtils.isDateType(selectedColumnType)) {
+      return dateConditions;
+    }
+
+    if (TableUtils.isBooleanType(selectedColumnType)) {
+      return booleanConditions;
+    }
+  }, [selectedColumnType]);
+  var handleConditionChange = useCallback(e => {
+    var {
+      value
+    } = e.target;
+    log.debug('handleConditionChange', value);
+    setCondition(value);
+  }, []);
+  var handleValueChange = useCallback(e => {
+    var {
+      value
+    } = e.target;
+    log.debug('handleValueChange', value);
+    setValue(value);
+  }, []);
+  var handleStartValueChange = useCallback(e => {
+    var {
+      value
+    } = e.target;
+    log.debug('handleStartValueChange', value);
+    setStartValue(value);
+  }, []);
+  var handleEndValueChange = useCallback(e => {
+    var {
+      value
+    } = e.target;
+    log.debug('handleEndValueChange', value);
+    setEndValue(value);
+  }, []);
+  useEffect(() => {
+    var isValid = true;
+
+    if (selectedCondition === undefined) {
+      log.debug('Unable to create formatting rule. Condition is not selected.');
+      isValid = false;
+    }
+
+    if (TableUtils.isNumberType(column.type) && !isNumberConditionValid(selectedCondition, conditionValue, startValue, endValue)) {
+      log.debug('Unable to create formatting rule. Invalid value', conditionValue);
+      isValid = false;
+    }
+
+    onChange({
+      condition: selectedCondition,
+      value: conditionValue,
+      start: startValue,
+      end: endValue
+    }, isValid);
+  }, [onChange, column.type, selectedCondition, conditionValue, startValue, endValue]);
+  var conditionInputs = useMemo(() => {
+    if (selectedColumnType === undefined) {
+      // Column not selected
+      return null;
+    }
+
+    if (TableUtils.isNumberType(selectedColumnType)) {
+      return getNumberInputs(selectedCondition, handleValueChange, handleStartValueChange, handleEndValueChange, conditionValue, startValue, endValue);
+    }
+
+    if (TableUtils.isCharType(selectedColumnType)) {
+      return getCharInputs(selectedCondition, handleValueChange, conditionValue);
+    }
+
+    if (TableUtils.isTextType(selectedColumnType)) {
+      return getStringInputs(selectedCondition, handleValueChange, conditionValue);
+    }
+
+    if (TableUtils.isDateType(selectedColumnType)) {
+      return getDateInputs(selectedCondition, handleValueChange, conditionValue);
+    }
+
+    if (TableUtils.isBooleanType(selectedColumnType)) {
+      return getBooleanInputs();
+    }
+  }, [selectedColumnType, selectedCondition, conditionValue, startValue, endValue, handleValueChange, handleStartValueChange, handleEndValueChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "condition-editor mb-2"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: selectedCondition,
+    id: "condition-select",
+    className: "custom-select mb-2",
+    onChange: handleConditionChange
+  }, conditions), conditionInputs);
+};
+
+export default ConditionEditor;
+//# sourceMappingURL=ConditionEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/conditional-formatting/ConditionEditor.tsx"],"names":["React","useCallback","useEffect","useMemo","useState","Log","TableUtils","StringCondition","DateCondition","getLabelForNumberCondition","getLabelForDateCondition","getLabelForStringCondition","NumberCondition","getDefaultConditionForType","getLabelForBooleanCondition","BooleanCondition","CharCondition","getLabelForCharCondition","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","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","value","startValue","endValue","Number","isNaN","parseFloat","getNumberInputs","selectedCondition","handleValueChange","handleStartValueChange","handleEndValueChange","conditionValue","getStringInputs","getDateInputs","getBooleanInputs","getCharInputs","ConditionEditor","props","column","config","onChange","selectedColumnType","type","prevColumnType","setPrevColumnType","setCondition","setValue","setStartValue","start","setEndValue","end","conditions","isNumberType","isCharType","isTextType","isDateType","isBooleanType","handleConditionChange","e","target","debug","isValid","conditionInputs"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport TableUtils from '../../TableUtils';\nimport {\n  StringCondition,\n  DateCondition,\n  getLabelForNumberCondition,\n  getLabelForDateCondition,\n  getLabelForStringCondition,\n  NumberCondition,\n  ModelColumn,\n  ConditionConfig,\n  getDefaultConditionForType,\n  getLabelForBooleanCondition,\n  BooleanCondition,\n  CharCondition,\n  getLabelForCharCondition,\n} from './ConditionalFormattingUtils';\n\nconst log = Log.module('ConditionEditor');\n\nexport interface ConditionEditorProps {\n  column: ModelColumn;\n  config: ConditionConfig;\n  onChange?: (config: ConditionConfig, isValid: boolean) => void;\n}\n\nconst DEFAULT_CALLBACK = () => 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) {\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 &&\n    !Number.isNaN(Number.parseFloat(startValue)) &&\n    endValue &&\n    !Number.isNaN(Number.parseFloat(endValue))\n  ) {\n    return true;\n  }\n  if (\n    condition !== NumberCondition.IS_BETWEEN &&\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: unknown) => void,\n  handleStartValueChange: (e: unknown) => void,\n  handleEndValueChange: (e: unknown) => void,\n  conditionValue?: string,\n  startValue?: string,\n  endValue?: string\n) {\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=\"form-control\"\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=\"form-control d-flex mr-2\"\n            placeholder=\"Start value\"\n            value={startValue ?? ''}\n            onChange={handleStartValueChange}\n          />\n          <input\n            type=\"number\"\n            className=\"form-control d-flex\"\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: unknown) => void,\n  conditionValue?: string\n) {\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=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getDateInputs(\n  selectedCondition: DateCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\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=\"form-control\"\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nfunction getBooleanInputs() {\n  return null;\n}\n\nfunction getCharInputs(\n  selectedCondition: CharCondition,\n  handleValueChange: (e: unknown) => void,\n  conditionValue?: string\n) {\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=\"form-control\"\n          maxLength={1}\n          placeholder=\"Enter value\"\n          value={conditionValue ?? ''}\n          onChange={handleValueChange}\n        />\n      );\n  }\n}\n\nconst ConditionEditor = (props: ConditionEditorProps): JSX.Element => {\n  const { column, config, 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\n  if (selectedColumnType !== prevColumnType) {\n    // Column type changed, reset condition and value fields\n    setCondition(getDefaultConditionForType(selectedColumnType));\n    setValue(undefined);\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.isTextType(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(e => {\n    const { value } = e.target;\n    log.debug('handleConditionChange', value);\n    setCondition(value);\n  }, []);\n\n  const handleValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleValueChange', value);\n    setValue(value);\n  }, []);\n\n  const handleStartValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleStartValueChange', value);\n    setStartValue(value);\n  }, []);\n\n  const handleEndValueChange = useCallback(e => {\n    const { value } = e.target;\n    log.debug('handleEndValueChange', value);\n    setEndValue(value);\n  }, []);\n\n  useEffect(() => {\n    let isValid = true;\n\n    if (selectedCondition === undefined) {\n      log.debug('Unable to create formatting rule. Condition is not selected.');\n      isValid = false;\n    }\n\n    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      isValid = false;\n    }\n    onChange(\n      {\n        condition: selectedCondition,\n        value: conditionValue,\n        start: startValue,\n        end: endValue,\n      },\n      isValid\n    );\n  }, [\n    onChange,\n    column.type,\n    selectedCondition,\n    conditionValue,\n    startValue,\n    endValue,\n  ]);\n\n  const conditionInputs = useMemo(() => {\n    if (selectedColumnType === undefined) {\n      // Column not selected\n      return null;\n    }\n    if (TableUtils.isNumberType(selectedColumnType)) {\n      return getNumberInputs(\n        selectedCondition as NumberCondition,\n        handleValueChange,\n        handleStartValueChange,\n        handleEndValueChange,\n        conditionValue,\n        startValue,\n        endValue\n      );\n    }\n    if (TableUtils.isCharType(selectedColumnType)) {\n      return getCharInputs(\n        selectedCondition as CharCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isTextType(selectedColumnType)) {\n      return getStringInputs(\n        selectedCondition as StringCondition,\n        handleValueChange,\n        conditionValue\n      );\n    }\n    if (TableUtils.isDateType(selectedColumnType)) {\n      return getDateInputs(\n        selectedCondition as DateCondition,\n        handleValueChange,\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    handleValueChange,\n    handleStartValueChange,\n    handleEndValueChange,\n  ]);\n\n  return (\n    <div className=\"condition-editor mb-2\">\n      <select\n        value={selectedCondition}\n        id=\"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"],"file":"ConditionEditor.js"}

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

@@ -0,0 +1,21 @@
+.conditional-format-editor {
+  padding: 1rem;
+}
+.conditional-format-editor .formatter-list {
+  display: flex;
+  justify-content: flex-start;
+  padding-top: 0.5rem;
+}
+.conditional-format-editor .formatter-type {
+  margin: 0 1rem 0 0;
+  display: flex;
+}
+.conditional-format-editor .btn-formatter-type {
+  font-size: smaller;
+  width: 100%;
+}
+.conditional-format-editor .color-select {
+  padding: 0 2em 0 0.25em;
+}
+
+/*# sourceMappingURL=ConditionalFormatEditor.css.map */

package/dist/sidebar/conditional-formatting/ConditionalFormatEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.scss","../../../../components/scss/new_variables.scss"],"names":[],"mappings":"AAEA;EACE,SCCS;;ADCT;EACE;EACA;EACA,aCLO;;ADQT;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE","file":"ConditionalFormatEditor.css"}

package/dist/sidebar/conditional-formatting/ConditionalFormatEditor.d.ts

@@ -0,0 +1,15 @@
+import { FormattingRule, ModelColumn } from './ConditionalFormattingUtils';
+import './ConditionalFormatEditor.scss';
+export declare type SaveCallback = (rule: FormattingRule) => void;
+export declare type UpdateCallback = (rule?: FormattingRule) => void;
+export declare type CancelCallback = () => void;
+export interface ConditionalFormatEditorProps {
+    columns: ModelColumn[];
+    rule?: FormattingRule;
+    onCancel?: CancelCallback;
+    onSave?: SaveCallback;
+    onUpdate?: UpdateCallback;
+}
+declare const ConditionalFormatEditor: (props: ConditionalFormatEditorProps) => JSX.Element;
+export default ConditionalFormatEditor;
+//# sourceMappingURL=ConditionalFormatEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalFormatEditor.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,cAAc,EACd,WAAW,EACZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,gCAAgC,CAAC;AAIxC,oBAAY,YAAY,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;AAE1D,oBAAY,cAAc,GAAG,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;AAE7D,oBAAY,cAAc,GAAG,MAAM,IAAI,CAAC;AAExC,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAwBD,QAAA,MAAM,uBAAuB,UACpB,4BAA4B,KAClC,WAoGF,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,115 @@
+import React, { useCallback, useState } from 'react';
+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 RowFormatEditor from "./RowFormatEditor.js";
+import { FormatterType } from "./ConditionalFormattingUtils.js";
+import "./ConditionalFormatEditor.css";
+var log = Log.module('ConditionalFormatEditor');
+
+var DEFAULT_CALLBACK = () => undefined;
+
+function getFormatterTypeIcon(option) {
+  switch (option) {
+    case FormatterType.CONDITIONAL:
+      return /*#__PURE__*/React.createElement(FormatColumnWhereIcon, null);
+
+    case FormatterType.ROWS:
+      return /*#__PURE__*/React.createElement(FormatRowWhereIcon, null);
+  }
+}
+
+function getFormatterTypeLabel(option) {
+  switch (option) {
+    case FormatterType.CONDITIONAL:
+      return 'Conditional';
+
+    case FormatterType.ROWS:
+      return 'Rows';
+  }
+}
+
+var formatterTypes = [FormatterType.CONDITIONAL, FormatterType.ROWS];
+
+var ConditionalFormatEditor = props => {
+  var _defaultRule$type;
+
+  var {
+    columns,
+    onSave = DEFAULT_CALLBACK,
+    onUpdate = DEFAULT_CALLBACK,
+    onCancel = DEFAULT_CALLBACK,
+    rule: defaultRule
+  } = props;
+  var [selectedFormatter, setFormatter] = useState((_defaultRule$type = defaultRule === null || defaultRule === void 0 ? void 0 : defaultRule.type) !== null && _defaultRule$type !== void 0 ? _defaultRule$type : formatterTypes[0]);
+  var [rule, setRule] = useState(defaultRule);
+  var [isValid, setIsValid] = useState(false);
+  var handleCancel = useCallback(() => {
+    onCancel();
+  }, [onCancel]);
+  var handleSave = useCallback(() => {
+    if (rule === undefined) {
+      log.error('Rule is not defined.');
+      return;
+    }
+
+    onSave(rule);
+  }, [onSave, rule]);
+  var handleFormatterChange = useCallback(value => {
+    log.debug('handleFormatterChange', value);
+    setFormatter(value);
+  }, []);
+  var handleRuleChange = useCallback((ruleConfig, isRuleValid) => {
+    log.debug('handleRuleChange', ruleConfig, isRuleValid, selectedFormatter);
+    var updatedRule = {
+      type: selectedFormatter,
+      config: ruleConfig
+    };
+    setRule(updatedRule);
+    setIsValid(isRuleValid);
+    onUpdate(isRuleValid ? updatedRule : undefined);
+  }, [onUpdate, selectedFormatter]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "conditional-format-editor form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mb-2"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "mb-0",
+    htmlFor: "formatter-select"
+  }, "Select Formatter"), /*#__PURE__*/React.createElement("div", {
+    className: "formatter-list"
+  }, formatterTypes.map((type, index) => /*#__PURE__*/React.createElement("div", {
+    key: type,
+    className: "formatter-type"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: classNames('btn', 'btn-icon', 'btn-formatter-type', {
+      active: type === selectedFormatter
+    }),
+    "data-index": index,
+    onClick: () => handleFormatterChange(type)
+  }, getFormatterTypeIcon(type), getFormatterTypeLabel(type)))))), selectedFormatter === FormatterType.CONDITIONAL && /*#__PURE__*/React.createElement(ColumnFormatEditor, {
+    columns: columns,
+    config: rule === null || rule === void 0 ? void 0 : rule.config,
+    onChange: handleRuleChange
+  }), selectedFormatter === FormatterType.ROWS && /*#__PURE__*/React.createElement(RowFormatEditor, {
+    columns: columns,
+    config: rule === null || rule === void 0 ? void 0 : rule.config,
+    onChange: handleRuleChange
+  }), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    className: "d-flex justify-content-end my-3"
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "secondary",
+    onClick: handleCancel,
+    className: "mr-2"
+  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    kind: "primary",
+    onClick: handleSave,
+    disabled: rule === undefined || !isValid
+  }, "Done")));
+};
+
+export default ConditionalFormatEditor;
+//# sourceMappingURL=ConditionalFormatEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.tsx"],"names":["React","useCallback","useState","classNames","Button","Log","FormatColumnWhereIcon","FormatRowWhereIcon","ColumnFormatEditor","RowFormatEditor","FormatterType","log","module","DEFAULT_CALLBACK","undefined","getFormatterTypeIcon","option","CONDITIONAL","ROWS","getFormatterTypeLabel","formatterTypes","ConditionalFormatEditor","props","columns","onSave","onUpdate","onCancel","rule","defaultRule","selectedFormatter","setFormatter","type","setRule","isValid","setIsValid","handleCancel","handleSave","error","handleFormatterChange","value","debug","handleRuleChange","ruleConfig","isRuleValid","updatedRule","config","map","index","active"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { FormatColumnWhereIcon, FormatRowWhereIcon } from '../icons';\nimport ColumnFormatEditor from './ColumnFormatEditor';\nimport RowFormatEditor from './RowFormatEditor';\nimport {\n  BaseFormatConfig,\n  FormatterType,\n  FormattingRule,\n  ModelColumn,\n} from './ConditionalFormattingUtils';\nimport './ConditionalFormatEditor.scss';\n\nconst log = Log.module('ConditionalFormatEditor');\n\nexport type SaveCallback = (rule: FormattingRule) => void;\n\nexport type UpdateCallback = (rule?: FormattingRule) => void;\n\nexport type CancelCallback = () => void;\n\nexport interface ConditionalFormatEditorProps {\n  columns: ModelColumn[];\n  rule?: FormattingRule;\n  onCancel?: CancelCallback;\n  onSave?: SaveCallback;\n  onUpdate?: UpdateCallback;\n}\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nfunction getFormatterTypeIcon(option: FormatterType): JSX.Element | undefined {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return <FormatColumnWhereIcon />;\n    case FormatterType.ROWS:\n      return <FormatRowWhereIcon />;\n  }\n}\n\nfunction getFormatterTypeLabel(option: FormatterType): string {\n  switch (option) {\n    case FormatterType.CONDITIONAL:\n      return 'Conditional';\n    case FormatterType.ROWS:\n      return 'Rows';\n  }\n}\n\nconst formatterTypes = [FormatterType.CONDITIONAL, FormatterType.ROWS];\n\nconst ConditionalFormatEditor = (\n  props: ConditionalFormatEditorProps\n): JSX.Element => {\n  const {\n    columns,\n    onSave = DEFAULT_CALLBACK,\n    onUpdate = DEFAULT_CALLBACK,\n    onCancel = DEFAULT_CALLBACK,\n    rule: defaultRule,\n  } = props;\n\n  const [selectedFormatter, setFormatter] = useState(\n    defaultRule?.type ?? formatterTypes[0]\n  );\n  const [rule, setRule] = useState(defaultRule);\n  const [isValid, setIsValid] = useState(false);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleSave = useCallback(() => {\n    if (rule === undefined) {\n      log.error('Rule is not defined.');\n      return;\n    }\n    onSave(rule);\n  }, [onSave, rule]);\n\n  const handleFormatterChange = useCallback(value => {\n    log.debug('handleFormatterChange', value);\n    setFormatter(value);\n  }, []);\n\n  const handleRuleChange = useCallback(\n    (ruleConfig, isRuleValid) => {\n      log.debug('handleRuleChange', ruleConfig, isRuleValid, selectedFormatter);\n      const updatedRule = {\n        type: selectedFormatter,\n        config: ruleConfig as BaseFormatConfig,\n      };\n      setRule(updatedRule);\n      setIsValid(isRuleValid);\n      onUpdate(isRuleValid ? updatedRule : undefined);\n    },\n    [onUpdate, selectedFormatter]\n  );\n\n  return (\n    <div className=\"conditional-format-editor form\">\n      <div className=\"mb-2\">\n        <label className=\"mb-0\" htmlFor=\"formatter-select\">\n          Select Formatter\n        </label>\n\n        <div className=\"formatter-list\">\n          {formatterTypes.map((type, index) => (\n            <div key={type} className=\"formatter-type\">\n              <button\n                type=\"button\"\n                className={classNames('btn', 'btn-icon', 'btn-formatter-type', {\n                  active: type === selectedFormatter,\n                })}\n                data-index={index}\n                onClick={() => handleFormatterChange(type)}\n              >\n                {getFormatterTypeIcon(type)}\n                {getFormatterTypeLabel(type)}\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n      {selectedFormatter === FormatterType.CONDITIONAL && (\n        <ColumnFormatEditor\n          columns={columns}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      {selectedFormatter === FormatterType.ROWS && (\n        <RowFormatEditor\n          columns={columns}\n          config={rule?.config}\n          onChange={handleRuleChange}\n        />\n      )}\n      <hr />\n      <div className=\"d-flex justify-content-end my-3\">\n        <Button kind=\"secondary\" onClick={handleCancel} className=\"mr-2\">\n          Cancel\n        </Button>\n        <Button\n          kind=\"primary\"\n          onClick={handleSave}\n          disabled={rule === undefined || !isValid}\n        >\n          Done\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default ConditionalFormatEditor;\n"],"file":"ConditionalFormatEditor.js"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingAPIUtils.d.ts

@@ -0,0 +1,6 @@
+import { Column, CustomColumn } from '@deephaven/jsapi-shim';
+import { BaseFormatConfig } from './ConditionalFormattingUtils';
+export declare function makeTernaryFormatRule(config: BaseFormatConfig, prevRule: string): string | undefined;
+export declare function makeRowFormatColumn(rule: string): CustomColumn;
+export declare function makeColumnFormatColumn(col: Column, rule: string): CustomColumn;
+//# sourceMappingURL=ConditionalFormattingAPIUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalFormattingAPIUtils.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingAPIUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAGjB,MAAM,8BAA8B,CAAC;AAMtC,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAOpB;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAE9D;AAED,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GACX,YAAY,CAEd"}

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

@@ -0,0 +1,21 @@
+import { getConditionDBString, getStyleDBString } from "./ConditionalFormattingUtils.js"; // Conditional formatting API utils in a separate file
+// to make ConditionalFormattingUtils.ts easier to test.
+// https://github.com/facebook/jest/issues/936#issuecomment-545080082
+
+export function makeTernaryFormatRule(config, prevRule) {
+  var styleDBString = getStyleDBString(config);
+
+  if (styleDBString === undefined) {
+    return undefined;
+  }
+
+  var conditionDBString = getConditionDBString(config);
+  return "".concat(conditionDBString, " ? ").concat(styleDBString, " : ").concat(prevRule);
+}
+export function makeRowFormatColumn(rule) {
+  return dh.Column.formatRowColor(rule);
+}
+export function makeColumnFormatColumn(col, rule) {
+  return col.formatColor(rule);
+}
+//# sourceMappingURL=ConditionalFormattingAPIUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingAPIUtils.ts"],"names":["getConditionDBString","getStyleDBString","makeTernaryFormatRule","config","prevRule","styleDBString","undefined","conditionDBString","makeRowFormatColumn","rule","dh","Column","formatRowColor","makeColumnFormatColumn","col","formatColor"],"mappings":"SAGEA,oB,EACAC,gB,2CAGF;AACA;AACA;;AAEA,OAAO,SAASC,qBAAT,CACLC,MADK,EAELC,QAFK,EAGe;AACpB,MAAMC,aAAa,GAAGJ,gBAAgB,CAACE,MAAD,CAAtC;;AACA,MAAIE,aAAa,KAAKC,SAAtB,EAAiC;AAC/B,WAAOA,SAAP;AACD;;AACD,MAAMC,iBAAiB,GAAGP,oBAAoB,CAACG,MAAD,CAA9C;AACA,mBAAUI,iBAAV,gBAAiCF,aAAjC,gBAAoDD,QAApD;AACD;AAED,OAAO,SAASI,mBAAT,CAA6BC,IAA7B,EAAyD;AAC9D,SAAOC,EAAE,CAACC,MAAH,CAAUC,cAAV,CAAyBH,IAAzB,CAAP;AACD;AAED,OAAO,SAASI,sBAAT,CACLC,GADK,EAELL,IAFK,EAGS;AACd,SAAOK,GAAG,CAACC,WAAJ,CAAgBN,IAAhB,CAAP;AACD","sourcesContent":["import { Column, CustomColumn } from '@deephaven/jsapi-shim';\nimport {\n  BaseFormatConfig,\n  getConditionDBString,\n  getStyleDBString,\n} from './ConditionalFormattingUtils';\n\n// Conditional formatting API utils in a separate file\n// to make ConditionalFormattingUtils.ts easier to test.\n// https://github.com/facebook/jest/issues/936#issuecomment-545080082\n\nexport function makeTernaryFormatRule(\n  config: BaseFormatConfig,\n  prevRule: string\n): string | undefined {\n  const styleDBString = getStyleDBString(config);\n  if (styleDBString === undefined) {\n    return undefined;\n  }\n  const conditionDBString = getConditionDBString(config);\n  return `${conditionDBString} ? ${styleDBString} : ${prevRule}`;\n}\n\nexport function makeRowFormatColumn(rule: string): CustomColumn {\n  return dh.Column.formatRowColor(rule);\n}\n\nexport function makeColumnFormatColumn(\n  col: Column,\n  rule: string\n): CustomColumn {\n  return col.formatColor(rule);\n}\n"],"file":"ConditionalFormattingAPIUtils.js"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingMenu.css

@@ -0,0 +1,56 @@
+.conditional-formatting-rules {
+  padding: 0.25rem;
+}
+
+.conditional-formatting-list-item {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 2px;
+  padding: 0 0.25rem;
+}
+.conditional-formatting-list-item:first-child {
+  padding-top: 0.25rem;
+}
+.conditional-formatting-list-item .formatting-item {
+  border-radius: 4px;
+  display: flex;
+  padding: 0.25rem;
+  flex-grow: 1;
+  align-items: center;
+  user-select: none;
+  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
+  border: 1px solid transparent;
+  line-height: 1.5;
+  cursor: pointer;
+}
+.conditional-formatting-list-item .formatting-item .btn-drag-handle {
+  cursor: grab;
+}
+.conditional-formatting-list-item .formatting-item .rule-icon {
+  padding-right: 0.5rem;
+}
+.conditional-formatting-list-item .formatting-item .rule-icon-bg {
+  min-width: 2rem;
+  height: 2rem;
+  display: flex;
+  font-size: x-small;
+  justify-content: center;
+  align-items: center;
+}
+.conditional-formatting-list-item .formatting-item .rule-title {
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  padding-right: 2px;
+  display: flex;
+  flex-grow: 1;
+}
+.conditional-formatting-list-item .formatting-item:focus {
+  outline: 0;
+  border: 1px solid rgba(72, 120, 234, 0.85);
+  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
+}
+.conditional-formatting-list-item .formatting-item:hover {
+  background: #5b5a5c;
+}
+
+/*# sourceMappingURL=ConditionalFormattingMenu.css.map */

package/dist/sidebar/conditional-formatting/ConditionalFormattingMenu.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.scss","../../../../components/scss/new_variables.scss","../../../../components/scss/bootstrap_overrides.scss","../../../../../node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"AAEA;EACE,SCDS;;;ADIX;EACE;EACA;EACA;EACA;;AAEA;EACE,aCXO;;ADcT;EACE,eEwGY;EFvGZ;EACA,SCjBO;EDkBP;EACA;EACA;EACA,YEyGa;EFxGb;EACA,aG+Q0B;EH9Q1B;;AAEA;EACE;;AAGF;EACE,eC9BK;;ADiCP;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,YEsFuB;;AFnFzB;EACE,YEtCK","file":"ConditionalFormattingMenu.css"}

package/dist/sidebar/conditional-formatting/ConditionalFormattingMenu.d.ts

@@ -0,0 +1,15 @@
+import './ConditionalFormattingMenu.scss';
+import { FormattingRule } from './ConditionalFormattingUtils';
+export declare type ChangeCallback = (rules: FormattingRule[]) => void;
+export declare type SelectCallback = (index: number) => void;
+export declare type CreateCallback = () => void;
+export declare type ConditionalFormattingMenuProps = {
+    rules: FormattingRule[];
+    selectedColumn?: string;
+    onChange?: ChangeCallback;
+    onCreate?: CreateCallback;
+    onSelect?: SelectCallback;
+};
+declare const ConditionalFormattingMenu: (props: ConditionalFormattingMenuProps) => JSX.Element;
+export default ConditionalFormattingMenu;
+//# sourceMappingURL=ConditionalFormattingMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalFormattingMenu.d.ts","sourceRoot":"","sources":["../../../src/sidebar/conditional-formatting/ConditionalFormattingMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAEL,cAAc,EAQf,MAAM,8BAA8B,CAAC;AAKtC,oBAAY,cAAc,GAAG,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;AAE/D,oBAAY,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAErD,oBAAY,cAAc,GAAG,MAAM,IAAI,CAAC;AAExC,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAoDF,QAAA,MAAM,yBAAyB,UACtB,8BAA8B,KACpC,WA0JF,CAAC;AAEF,eAAe,yBAAyB,CAAC"}