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

package/dist/AdvancedFilterCreator.js

@@ -1,524 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
-// disabled for tab-index on focus traps, which are intentionally non-interactive
-
-import React, { PureComponent } from 'react';
-import classNames from 'classnames';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import memoize from 'memoize-one';
-import { Operator as FilterOperator, assertOperatorValue as assertFilterOperatorValue } from '@deephaven/filters';
-import { dhSortAmountDown, dhNewCircleLargeFilled } from '@deephaven/icons';
-import { TableUtils } from '@deephaven/jsapi-utils';
-import { Button, ContextActionUtils } from '@deephaven/components';
-import Log from '@deephaven/log';
-import { PromiseUtils } from '@deephaven/utils';
-import shortid from 'shortid';
-import AdvancedFilterCreatorFilterItem from "./AdvancedFilterCreatorFilterItem.js";
-import AdvancedFilterCreatorSelectValue from "./AdvancedFilterCreatorSelectValue.js";
-import "./AdvancedFilterCreator.css";
-var log = Log.module('AdvancedFilterCreator');
-class AdvancedFilterCreator extends PureComponent {
-  static makeFilterItem() {
-    return {
-      key: shortid()
-    };
-  }
-  constructor(props) {
-    var _options$filterItems$, _options$filterItems;
-    super(props);
-    _defineProperty(this, "focusTrapContainer", void 0);
-    _defineProperty(this, "debounceTimeout", void 0);
-    _defineProperty(this, "valuesTablePromise", void 0);
-    _defineProperty(this, "getFilterTypes", memoize(columnType => TableUtils.getFilterTypes(columnType)));
-    this.handleAddAnd = this.handleAddAnd.bind(this);
-    this.handleAddOr = this.handleAddOr.bind(this);
-    this.handleChangeFilterOperator = this.handleChangeFilterOperator.bind(this);
-    this.handleDone = this.handleDone.bind(this);
-    this.handleFilterChange = this.handleFilterChange.bind(this);
-    this.handleFilterDelete = this.handleFilterDelete.bind(this);
-    this.handleSelectValueChange = this.handleSelectValueChange.bind(this);
-    this.handleReset = this.handleReset.bind(this);
-    this.handleSortDown = this.handleSortDown.bind(this);
-    this.handleSortUp = this.handleSortUp.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-    this.handleFocusTrapStart = this.handleFocusTrapStart.bind(this);
-    this.handleFocusTrapEnd = this.handleFocusTrapEnd.bind(this);
-    this.handleUpdateTimeout = this.handleUpdateTimeout.bind(this);
-    this.focusTrapContainer = /*#__PURE__*/React.createRef();
-    var {
-      options
-    } = props;
-    var {
-      filterOperators,
-      invertSelection,
-      selectedValues
-    } = options;
-
-    // can be null or an empty array
-    var filterItems = (_options$filterItems$ = (_options$filterItems = options.filterItems) === null || _options$filterItems === void 0 ? void 0 : _options$filterItems.map(_ref => {
-      var {
-        selectedType,
-        value
-      } = _ref;
-      return {
-        selectedType,
-        value,
-        key: shortid()
-      };
-    })) !== null && _options$filterItems$ !== void 0 ? _options$filterItems$ : [];
-    if (filterItems.length === 0) {
-      filterItems.push(AdvancedFilterCreator.makeFilterItem());
-    }
-    if (filterOperators == null) {
-      filterOperators = [];
-    }
-    if (invertSelection == null) {
-      invertSelection = true;
-    }
-    if (selectedValues == null) {
-      selectedValues = [];
-    }
-    this.state = {
-      // Filter items
-      filterItems,
-      // And/Or between the filter items
-      filterOperators,
-      invertSelection,
-      selectedValues,
-      valuesTableError: null,
-      valuesTable: undefined
-    };
-  }
-  componentDidMount() {
-    this.initValuesTable();
-  }
-  componentWillUnmount() {
-    if (this.debounceTimeout != null) {
-      clearTimeout(this.debounceTimeout);
-      this.sendUpdate();
-    }
-    if (this.valuesTablePromise != null) {
-      this.valuesTablePromise.cancel();
-    }
-  }
-  getFilterChangeHandler(index) {
-    return this.handleFilterChange.bind(this, index);
-  }
-  getFilterDeleteHandler(index) {
-    return this.handleFilterDelete.bind(this, index);
-  }
-  initValuesTable() {
-    var {
-      model,
-      column
-    } = this.props;
-    if (!model.isValuesTableAvailable) {
-      log.debug('No values table for this model, just ignore');
-      return;
-    }
-    this.valuesTablePromise = TableUtils.makeCancelableTablePromise(model.valuesTable(column));
-    this.valuesTablePromise.then(valuesTable => {
-      var sort = valuesTable.columns[0].sort().asc();
-      valuesTable.applySort([sort]);
-      this.setState({
-        valuesTable
-      });
-    }).catch(error => {
-      if (PromiseUtils.isCanceled(error)) {
-        return;
-      }
-      log.error('Unable to open values table', error);
-      this.setState({
-        valuesTableError: error
-      });
-    });
-  }
-  handleFocusTrapEnd() {
-    var _this$focusTrapContai, _this$focusTrapContai2;
-    ((_this$focusTrapContai = this.focusTrapContainer) === null || _this$focusTrapContai === void 0 ? void 0 : (_this$focusTrapContai2 = _this$focusTrapContai.current) === null || _this$focusTrapContai2 === void 0 ? void 0 : _this$focusTrapContai2.querySelector('button,select,input,textarea')).focus();
-  }
-  handleFocusTrapStart() {
-    var _this$focusTrapContai3, _this$focusTrapContai4;
-    var inputs = (_this$focusTrapContai3 = this.focusTrapContainer) === null || _this$focusTrapContai3 === void 0 ? void 0 : (_this$focusTrapContai4 = _this$focusTrapContai3.current) === null || _this$focusTrapContai4 === void 0 ? void 0 : _this$focusTrapContai4.querySelectorAll('button,select,input,textarea');
-    if (inputs && inputs.length > 0) {
-      var element = inputs[inputs.length - 1];
-      element.focus();
-    }
-  }
-  handleAddAnd() {
-    var {
-      filterItems,
-      filterOperators
-    } = this.state;
-    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());
-    filterOperators = filterOperators.concat(FilterOperator.and);
-    this.setState({
-      filterItems,
-      filterOperators
-    });
-  }
-  handleAddOr() {
-    var {
-      filterItems,
-      filterOperators
-    } = this.state;
-    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());
-    filterOperators = filterOperators.concat(FilterOperator.or);
-    this.setState({
-      filterItems,
-      filterOperators
-    });
-  }
-  handleChangeFilterOperator(index, operator) {
-    var {
-      filterOperators
-    } = this.state;
-    filterOperators = [...filterOperators];
-    assertFilterOperatorValue(operator);
-    filterOperators[index] = operator;
-    this.setState({
-      filterOperators
-    });
-    this.startUpdateTimer();
-  }
-  handleFilterChange(filterIndex, selectedType, value) {
-    var {
-      filterItems
-    } = this.state;
-    filterItems = [...filterItems];
-    var {
-      key
-    } = filterItems[filterIndex];
-    filterItems[filterIndex] = {
-      key,
-      selectedType,
-      value
-    };
-    this.setState({
-      filterItems
-    });
-    this.startUpdateTimer();
-  }
-  handleFilterDelete(filterIndex) {
-    var {
-      filterItems,
-      filterOperators
-    } = this.state;
-    filterItems = [...filterItems];
-    filterOperators = [...filterOperators];
-    if (filterIndex < filterItems.length) {
-      filterItems.splice(filterIndex, 1);
-    }
-    if (filterIndex < filterOperators.length) {
-      filterOperators.splice(filterIndex, 1);
-    } else if (filterIndex === filterOperators.length) {
-      // When deleting the last filter item, we also need to remove the last filter operator
-      filterOperators.splice(filterOperators.length - 1, 1);
-    }
-    if (filterItems.length === 0) {
-      filterItems.push(AdvancedFilterCreator.makeFilterItem());
-    }
-    this.setState({
-      filterItems,
-      filterOperators
-    });
-    this.startUpdateTimer();
-  }
-  handleSelectValueChange(selectedValues, invertSelection) {
-    this.setState({
-      selectedValues,
-      invertSelection
-    });
-    this.startUpdateTimer();
-  }
-  handleReset() {
-    log.debug('Resetting Advanced Filter');
-    this.setState({
-      filterItems: [AdvancedFilterCreator.makeFilterItem()],
-      filterOperators: [],
-      selectedValues: [],
-      invertSelection: true
-    });
-    this.startUpdateTimer();
-  }
-  handleSortDown(event) {
-    var addToExisting = ContextActionUtils.isModifierKeyDown(event);
-    this.sortTable(TableUtils.sortDirection.descending, addToExisting);
-  }
-  handleSortUp(event) {
-    var addToExisting = ContextActionUtils.isModifierKeyDown(event);
-    this.sortTable(TableUtils.sortDirection.ascending, addToExisting);
-  }
-  handleSubmit(event) {
-    log.debug('Submitting Advanced Filter');
-    this.stopUpdateTimer();
-    this.sendUpdate();
-    event.preventDefault();
-  }
-  handleDone(event) {
-    log.debug('Submitting and Closing Advanced Filter');
-    this.stopUpdateTimer();
-    this.sendUpdate();
-    var {
-      onDone
-    } = this.props;
-    onDone();
-    event.preventDefault();
-  }
-  handleUpdateTimeout() {
-    this.debounceTimeout = undefined;
-    this.sendUpdate();
-  }
-
-  /**
-   * Convenience function to check if the previous filter has been inputted, and
-   * we should show the add filter buttons (+ AND OR)
-   * @returns true If the add filter buttons should be shown, false otherwise
-   */
-  shouldShowAddFilter() {
-    var {
-      filterItems
-    } = this.state;
-    if (filterItems.length === 0) {
-      return false;
-    }
-    var filterItem = filterItems[filterItems.length - 1];
-    var {
-      selectedType,
-      value
-    } = filterItem;
-    return selectedType != null && selectedType.length > 0 && value != null && value.length > 0;
-  }
-
-  /**
-   * Sorts the table in the specified direction. If already sorted in that direction, remove it.
-   * @param direction The sort direction, ASC or DESC
-   * @param addToExisting Add to the existing sort, or replace the existing table sort
-   */
-  sortTable(direction) {
-    var addToExisting = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var {
-      column,
-      onSortChange
-    } = this.props;
-    onSortChange(column, direction, addToExisting);
-  }
-  startUpdateTimer() {
-    this.stopUpdateTimer();
-    this.debounceTimeout = setTimeout(this.handleUpdateTimeout, AdvancedFilterCreator.debounceFilterUpdate);
-  }
-  stopUpdateTimer() {
-    if (this.debounceTimeout !== undefined) {
-      clearTimeout(this.debounceTimeout);
-      this.debounceTimeout = undefined;
-    }
-  }
-  sendUpdate() {
-    var {
-      filterItems,
-      filterOperators,
-      invertSelection,
-      selectedValues
-    } = this.state;
-    var {
-      column,
-      onFilterChange,
-      model,
-      tableUtils
-    } = this.props;
-    var {
-      formatter
-    } = model;
-    var items = filterItems.filter(_ref2 => {
-      var {
-        selectedType,
-        value
-      } = _ref2;
-      return selectedType != null && value != null && value !== '';
-    });
-    var operators = filterOperators.filter((operator, i) => operator != null && filterItems[i].selectedType != null && filterItems[i].value != null && filterItems[i].value !== '').slice(0, items.length - 1);
-    // slice last operator, user may have set an operator but not a value
-
-    var options = {
-      filterItems: items,
-      filterOperators: operators,
-      invertSelection,
-      selectedValues
-    };
-    var filter = tableUtils.makeAdvancedFilter(column, options, formatter.timeZone);
-    onFilterChange(column, filter, options);
-  }
-  render() {
-    var _this = this;
-    var {
-      column,
-      model,
-      sortDirection,
-      formatter,
-      tableUtils
-    } = this.props;
-    var {
-      filterItems,
-      filterOperators,
-      invertSelection,
-      selectedValues,
-      valuesTable,
-      valuesTableError
-    } = this.state;
-    var {
-      dh,
-      isValuesTableAvailable
-    } = model;
-    var isBoolean = TableUtils.isBooleanType(column.type);
-    var isDateType = TableUtils.isDateType(column.type);
-    var filterTypes = this.getFilterTypes(column.type);
-    var columnType = column.type.substring(column.type.lastIndexOf('.') + 1);
-    var filterItemElements = [];
-    if (!isBoolean && filterTypes.length) {
-      var _loop = function _loop(i) {
-        var filterItem = filterItems[i];
-        var {
-          key,
-          selectedType,
-          value
-        } = filterItem;
-        var element = /*#__PURE__*/React.createElement(AdvancedFilterCreatorFilterItem, {
-          key: key,
-          column: column,
-          filterTypes: filterTypes,
-          onChange: _this.getFilterChangeHandler(i),
-          onDelete: _this.getFilterDeleteHandler(i),
-          selectedType: selectedType,
-          value: value,
-          formatter: formatter,
-          tableUtils: tableUtils
-        });
-        filterItemElements.push(element);
-        if (i < filterOperators.length) {
-          var filterOperator = filterOperators[i];
-          var isAndFilter = filterOperator === FilterOperator.and;
-          var operatorElement = /*#__PURE__*/React.createElement("div", {
-            key: "filterOperator".concat(key),
-            className: "form-row justify-content-end advanced-filter-creator-filter-operator"
-          }, /*#__PURE__*/React.createElement(Button, {
-            kind: "ghost",
-            className: classNames('filter-operator', {
-              active: isAndFilter
-            }),
-            onClick: () => _this.handleChangeFilterOperator(i, FilterOperator.and)
-          }, "AND"), /*#__PURE__*/React.createElement(Button, {
-            kind: "ghost",
-            className: classNames('filter-operator', {
-              active: !isAndFilter
-            }),
-            onClick: () => _this.handleChangeFilterOperator(i, FilterOperator.or)
-          }, "OR"));
-          filterItemElements.push(operatorElement);
-        }
-      };
-      for (var i = 0; i < filterItems.length; i += 1) {
-        _loop(i);
-      }
-    }
-    var showAddFilterItem = this.shouldShowAddFilter();
-    var addFilterItem = /*#__PURE__*/React.createElement("div", {
-      key: "addFilterItem",
-      className: classNames('form-row justify-content-end add-filter-item', {
-        hidden: !showAddFilterItem
-      })
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "text-muted"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhNewCircleLargeFilled
-    })), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-filter-item",
-      onClick: this.handleAddAnd,
-      disabled: !showAddFilterItem,
-      tooltip: "Add filter with AND"
-    }, "AND"), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "btn-filter-item",
-      onClick: this.handleAddOr,
-      disabled: !showAddFilterItem,
-      tooltip: "Add filter with OR"
-    }, "OR"));
-    filterItemElements.push(addFilterItem);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-creator",
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.handleFocusTrapStart
-    }), /*#__PURE__*/React.createElement("form", {
-      onSubmit: this.handleSubmit,
-      ref: this.focusTrapContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "title-bar"
-    }, /*#__PURE__*/React.createElement("h6", {
-      className: "advanced-filter-title"
-    }, "Advanced Filters"), /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-menu-buttons"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: classNames('sort-operator', {
-        active: sortDirection === TableUtils.sortDirection.descending
-      }),
-      onClick: this.handleSortDown,
-      icon: dhSortAmountDown,
-      tooltip: "Sort ".concat(column.name, " Descending")
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: classNames('sort-operator', {
-        active: sortDirection === TableUtils.sortDirection.ascending
-      }),
-      onClick: this.handleSortUp,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhSortAmountDown,
-        rotation: 180
-      }),
-      tooltip: "Sort ".concat(column.name, " Ascending")
-    }))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-      className: "advanced-filter-column-name"
-    }, column.name, "\xA0", /*#__PURE__*/React.createElement("span", {
-      className: "column-type"
-    }, "(", columnType, ")")), filterItemElements, isValuesTableAvailable && valuesTableError == null && /*#__PURE__*/React.createElement(React.Fragment, null, !isBoolean && /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement(AdvancedFilterCreatorSelectValue, {
-      dh: dh,
-      table: valuesTable,
-      onChange: this.handleSelectValueChange,
-      invertSelection: invertSelection,
-      selectedValues: selectedValues,
-      formatter: formatter,
-      showSearch: !isDateType,
-      timeZone: formatter.timeZone
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "form-row justify-content-end"
-    }, /*#__PURE__*/React.createElement(Button, {
-      kind: "secondary",
-      className: "mr-2",
-      onClick: this.handleReset
-    }, "Reset"), /*#__PURE__*/React.createElement(Button, {
-      kind: "primary",
-      onClick: this.handleDone
-    }, "Done"))), /*#__PURE__*/React.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.handleFocusTrapEnd
-    }));
-  }
-}
-_defineProperty(AdvancedFilterCreator, "debounceFilterUpdate", 250);
-_defineProperty(AdvancedFilterCreator, "defaultProps", {
-  options: {
-    filterItems: null,
-    filterOperators: null,
-    invertSelection: true,
-    selectedValues: []
-  },
-  sortDirection: null
-});
-export default AdvancedFilterCreator;
-//# sourceMappingURL=AdvancedFilterCreator.js.map

package/dist/AdvancedFilterCreator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvancedFilterCreator.js","names":["React","PureComponent","classNames","FontAwesomeIcon","memoize","Operator","FilterOperator","assertOperatorValue","assertFilterOperatorValue","dhSortAmountDown","dhNewCircleLargeFilled","TableUtils","Button","ContextActionUtils","Log","PromiseUtils","shortid","AdvancedFilterCreatorFilterItem","AdvancedFilterCreatorSelectValue","log","module","AdvancedFilterCreator","makeFilterItem","key","constructor","props","columnType","getFilterTypes","handleAddAnd","bind","handleAddOr","handleChangeFilterOperator","handleDone","handleFilterChange","handleFilterDelete","handleSelectValueChange","handleReset","handleSortDown","handleSortUp","handleSubmit","handleFocusTrapStart","handleFocusTrapEnd","handleUpdateTimeout","focusTrapContainer","createRef","options","filterOperators","invertSelection","selectedValues","filterItems","map","selectedType","value","length","push","state","valuesTableError","valuesTable","undefined","componentDidMount","initValuesTable","componentWillUnmount","debounceTimeout","clearTimeout","sendUpdate","valuesTablePromise","cancel","getFilterChangeHandler","index","getFilterDeleteHandler","model","column","isValuesTableAvailable","debug","makeCancelableTablePromise","then","sort","columns","asc","applySort","setState","catch","error","isCanceled","current","querySelector","focus","inputs","querySelectorAll","element","concat","and","or","operator","startUpdateTimer","filterIndex","splice","event","addToExisting","isModifierKeyDown","sortTable","sortDirection","descending","ascending","stopUpdateTimer","preventDefault","onDone","shouldShowAddFilter","filterItem","direction","onSortChange","setTimeout","debounceFilterUpdate","onFilterChange","tableUtils","formatter","items","filter","operators","i","slice","makeAdvancedFilter","timeZone","render","dh","isBoolean","isBooleanType","type","isDateType","filterTypes","substring","lastIndexOf","filterItemElements","filterOperator","isAndFilter","operatorElement","active","showAddFilterItem","addFilterItem","hidden","name"],"sources":["../src/AdvancedFilterCreator.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n// disabled for tab-index on focus traps, which are intentionally non-interactive\n\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport memoize from 'memoize-one';\nimport {\n  Operator as FilterOperator,\n  OperatorValue as FilterOperatorValue,\n  TypeValue as FilterTypeValue,\n  assertOperatorValue as assertFilterOperatorValue,\n} from '@deephaven/filters';\nimport { dhSortAmountDown, dhNewCircleLargeFilled } from '@deephaven/icons';\nimport {\n  Formatter,\n  TableUtils,\n  SortDirection,\n  FilterItem,\n} from '@deephaven/jsapi-utils';\nimport { Button, ContextActionUtils } from '@deephaven/components';\nimport Log from '@deephaven/log';\nimport { CancelablePromise, PromiseUtils } from '@deephaven/utils';\nimport type { Column, FilterCondition, Table } from '@deephaven/jsapi-types';\nimport shortid from 'shortid';\nimport AdvancedFilterCreatorFilterItem from './AdvancedFilterCreatorFilterItem';\nimport AdvancedFilterCreatorSelectValue from './AdvancedFilterCreatorSelectValue';\nimport './AdvancedFilterCreator.scss';\nimport IrisGridModel from './IrisGridModel';\nimport { AdvancedFilterOptions } from './CommonTypes';\n\nconst log = Log.module('AdvancedFilterCreator');\n\ntype FilterChangeHandler = (\n  selectedType: FilterTypeValue,\n  value: string\n) => void;\n\ninterface AdvancedFilterCreatorProps {\n  model: IrisGridModel;\n  column: Column;\n  onFilterChange: (\n    column: Column,\n    filter: FilterCondition | null,\n    options: AdvancedFilterOptions\n  ) => void;\n  onSortChange: (\n    column: Column,\n    direction: SortDirection,\n    addToExisting?: boolean\n  ) => void;\n  onDone: () => void;\n  options: AdvancedFilterOptions;\n  sortDirection: SortDirection;\n  formatter: Formatter;\n  tableUtils: TableUtils;\n}\n\ninterface AdvancedFilterItem {\n  selectedType?: FilterTypeValue;\n  value?: string;\n  key: string;\n}\n\ninterface AdvancedFilterCreatorState {\n  // Filter items\n  filterItems: AdvancedFilterItem[];\n\n  // And/Or between the filter items\n  filterOperators: FilterOperatorValue[];\n\n  invertSelection: boolean;\n\n  selectedValues: unknown[];\n\n  valuesTableError: null;\n  valuesTable?: Table;\n}\n\nclass AdvancedFilterCreator extends PureComponent<\n  AdvancedFilterCreatorProps,\n  AdvancedFilterCreatorState\n> {\n  static debounceFilterUpdate = 250;\n\n  static defaultProps = {\n    options: {\n      filterItems: null,\n      filterOperators: null,\n      invertSelection: true,\n      selectedValues: [],\n    },\n    sortDirection: null,\n  };\n\n  static makeFilterItem(): AdvancedFilterItem {\n    return { key: shortid() };\n  }\n\n  constructor(props: AdvancedFilterCreatorProps) {\n    super(props);\n\n    this.handleAddAnd = this.handleAddAnd.bind(this);\n    this.handleAddOr = this.handleAddOr.bind(this);\n    this.handleChangeFilterOperator = this.handleChangeFilterOperator.bind(\n      this\n    );\n    this.handleDone = this.handleDone.bind(this);\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n    this.handleFilterDelete = this.handleFilterDelete.bind(this);\n    this.handleSelectValueChange = this.handleSelectValueChange.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.handleSortDown = this.handleSortDown.bind(this);\n    this.handleSortUp = this.handleSortUp.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.handleFocusTrapStart = this.handleFocusTrapStart.bind(this);\n    this.handleFocusTrapEnd = this.handleFocusTrapEnd.bind(this);\n    this.handleUpdateTimeout = this.handleUpdateTimeout.bind(this);\n\n    this.focusTrapContainer = React.createRef();\n\n    const { options } = props;\n    let { filterOperators, invertSelection, selectedValues } = options;\n\n    // can be null or an empty array\n    const filterItems: AdvancedFilterItem[] =\n      options.filterItems?.map(({ selectedType, value }) => ({\n        selectedType,\n        value,\n        key: shortid(),\n      })) ?? [];\n    if (filterItems.length === 0) {\n      filterItems.push(AdvancedFilterCreator.makeFilterItem());\n    }\n    if (filterOperators == null) {\n      filterOperators = [];\n    }\n    if (invertSelection == null) {\n      invertSelection = true;\n    }\n    if (selectedValues == null) {\n      selectedValues = [];\n    }\n\n    this.state = {\n      // Filter items\n      filterItems,\n\n      // And/Or between the filter items\n      filterOperators,\n\n      invertSelection,\n\n      selectedValues,\n\n      valuesTableError: null,\n      valuesTable: undefined,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initValuesTable();\n  }\n\n  componentWillUnmount(): void {\n    if (this.debounceTimeout != null) {\n      clearTimeout(this.debounceTimeout);\n      this.sendUpdate();\n    }\n    if (this.valuesTablePromise != null) {\n      this.valuesTablePromise.cancel();\n    }\n  }\n\n  focusTrapContainer: React.RefObject<HTMLFormElement>;\n\n  debounceTimeout?: ReturnType<typeof setTimeout>;\n\n  valuesTablePromise?: CancelablePromise<Table>;\n\n  getFilterChangeHandler(index: number): FilterChangeHandler {\n    return this.handleFilterChange.bind(this, index);\n  }\n\n  getFilterDeleteHandler(index: number): () => void {\n    return this.handleFilterDelete.bind(this, index);\n  }\n\n  getFilterTypes = memoize((columnType: string): FilterTypeValue[] =>\n    TableUtils.getFilterTypes(columnType)\n  );\n\n  initValuesTable(): void {\n    const { model, column } = this.props;\n    if (!model.isValuesTableAvailable) {\n      log.debug('No values table for this model, just ignore');\n      return;\n    }\n\n    this.valuesTablePromise = TableUtils.makeCancelableTablePromise(\n      model.valuesTable(column)\n    );\n    this.valuesTablePromise\n      .then(valuesTable => {\n        const sort = valuesTable.columns[0].sort().asc();\n        valuesTable.applySort([sort]);\n\n        this.setState({ valuesTable });\n      })\n      .catch(error => {\n        if (PromiseUtils.isCanceled(error)) {\n          return;\n        }\n\n        log.error('Unable to open values table', error);\n        this.setState({ valuesTableError: error });\n      });\n  }\n\n  handleFocusTrapEnd(): void {\n    (this.focusTrapContainer?.current?.querySelector(\n      'button,select,input,textarea'\n    ) as HTMLElement).focus();\n  }\n\n  handleFocusTrapStart(): void {\n    const inputs = this.focusTrapContainer?.current?.querySelectorAll(\n      'button,select,input,textarea'\n    );\n    if (inputs && inputs.length > 0) {\n      const element = inputs[inputs.length - 1] as HTMLElement;\n      element.focus();\n    }\n  }\n\n  handleAddAnd(): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());\n    filterOperators = filterOperators.concat(FilterOperator.and);\n    this.setState({ filterItems, filterOperators });\n  }\n\n  handleAddOr(): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = filterItems.concat(AdvancedFilterCreator.makeFilterItem());\n    filterOperators = filterOperators.concat(FilterOperator.or);\n    this.setState({ filterItems, filterOperators });\n  }\n\n  handleChangeFilterOperator(index: number, operator: string): void {\n    let { filterOperators } = this.state;\n    filterOperators = [...filterOperators];\n\n    assertFilterOperatorValue(operator);\n\n    filterOperators[index] = operator;\n\n    this.setState({ filterOperators });\n\n    this.startUpdateTimer();\n  }\n\n  handleFilterChange(\n    filterIndex: number,\n    selectedType: FilterTypeValue,\n    value: string\n  ): void {\n    let { filterItems } = this.state;\n    filterItems = [...filterItems];\n    const { key } = filterItems[filterIndex];\n    filterItems[filterIndex] = { key, selectedType, value };\n\n    this.setState({ filterItems });\n\n    this.startUpdateTimer();\n  }\n\n  handleFilterDelete(filterIndex: number): void {\n    let { filterItems, filterOperators } = this.state;\n    filterItems = [...filterItems];\n    filterOperators = [...filterOperators];\n    if (filterIndex < filterItems.length) {\n      filterItems.splice(filterIndex, 1);\n    }\n\n    if (filterIndex < filterOperators.length) {\n      filterOperators.splice(filterIndex, 1);\n    } else if (filterIndex === filterOperators.length) {\n      // When deleting the last filter item, we also need to remove the last filter operator\n      filterOperators.splice(filterOperators.length - 1, 1);\n    }\n\n    if (filterItems.length === 0) {\n      filterItems.push(AdvancedFilterCreator.makeFilterItem());\n    }\n\n    this.setState({ filterItems, filterOperators });\n\n    this.startUpdateTimer();\n  }\n\n  handleSelectValueChange(\n    selectedValues: unknown[],\n    invertSelection: boolean\n  ): void {\n    this.setState({ selectedValues, invertSelection });\n\n    this.startUpdateTimer();\n  }\n\n  handleReset(): void {\n    log.debug('Resetting Advanced Filter');\n\n    this.setState({\n      filterItems: [AdvancedFilterCreator.makeFilterItem()],\n      filterOperators: [],\n      selectedValues: [],\n      invertSelection: true,\n    });\n\n    this.startUpdateTimer();\n  }\n\n  handleSortDown(event: React.MouseEvent<HTMLButtonElement>): void {\n    const addToExisting = ContextActionUtils.isModifierKeyDown(event);\n    this.sortTable(TableUtils.sortDirection.descending, addToExisting);\n  }\n\n  handleSortUp(event: React.MouseEvent<HTMLButtonElement>): void {\n    const addToExisting = ContextActionUtils.isModifierKeyDown(event);\n    this.sortTable(TableUtils.sortDirection.ascending, addToExisting);\n  }\n\n  handleSubmit(event: React.FormEvent<HTMLFormElement>): void {\n    log.debug('Submitting Advanced Filter');\n    this.stopUpdateTimer();\n    this.sendUpdate();\n\n    event.preventDefault();\n  }\n\n  handleDone(event: React.MouseEvent<HTMLButtonElement>): void {\n    log.debug('Submitting and Closing Advanced Filter');\n    this.stopUpdateTimer();\n    this.sendUpdate();\n\n    const { onDone } = this.props;\n    onDone();\n\n    event.preventDefault();\n  }\n\n  handleUpdateTimeout(): void {\n    this.debounceTimeout = undefined;\n    this.sendUpdate();\n  }\n\n  /**\n   * Convenience function to check if the previous filter has been inputted, and\n   * we should show the add filter buttons (+ AND OR)\n   * @returns true If the add filter buttons should be shown, false otherwise\n   */\n  shouldShowAddFilter(): boolean {\n    const { filterItems } = this.state;\n    if (filterItems.length === 0) {\n      return false;\n    }\n\n    const filterItem = filterItems[filterItems.length - 1];\n    const { selectedType, value } = filterItem;\n\n    return (\n      selectedType != null &&\n      selectedType.length > 0 &&\n      value != null &&\n      value.length > 0\n    );\n  }\n\n  /**\n   * Sorts the table in the specified direction. If already sorted in that direction, remove it.\n   * @param direction The sort direction, ASC or DESC\n   * @param addToExisting Add to the existing sort, or replace the existing table sort\n   */\n  sortTable(direction: SortDirection, addToExisting = false): void {\n    const { column, onSortChange } = this.props;\n    onSortChange(column, direction, addToExisting);\n  }\n\n  startUpdateTimer(): void {\n    this.stopUpdateTimer();\n\n    this.debounceTimeout = setTimeout(\n      this.handleUpdateTimeout,\n      AdvancedFilterCreator.debounceFilterUpdate\n    );\n  }\n\n  stopUpdateTimer(): void {\n    if (this.debounceTimeout !== undefined) {\n      clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = undefined;\n    }\n  }\n\n  sendUpdate(): void {\n    const {\n      filterItems,\n      filterOperators,\n      invertSelection,\n      selectedValues,\n    } = this.state;\n    const { column, onFilterChange, model, tableUtils } = this.props;\n    const { formatter } = model;\n\n    const items = filterItems.filter(\n      ({ selectedType, value }) =>\n        selectedType != null && value != null && value !== ''\n    ) as FilterItem[];\n\n    const operators = filterOperators\n      .filter(\n        (operator, i) =>\n          operator != null &&\n          filterItems[i].selectedType != null &&\n          filterItems[i].value != null &&\n          filterItems[i].value !== ''\n      )\n      .slice(0, items.length - 1);\n    // slice last operator, user may have set an operator but not a value\n\n    const options = {\n      filterItems: items,\n      filterOperators: operators,\n      invertSelection,\n      selectedValues,\n    };\n\n    const filter = tableUtils.makeAdvancedFilter(\n      column,\n      options,\n      formatter.timeZone\n    );\n\n    onFilterChange(column, filter, options);\n  }\n\n  render(): JSX.Element {\n    const { column, model, sortDirection, formatter, tableUtils } = this.props;\n    const {\n      filterItems,\n      filterOperators,\n      invertSelection,\n      selectedValues,\n      valuesTable,\n      valuesTableError,\n    } = this.state;\n    const { dh, isValuesTableAvailable } = model;\n    const isBoolean = TableUtils.isBooleanType(column.type);\n    const isDateType = TableUtils.isDateType(column.type);\n    const filterTypes = this.getFilterTypes(column.type);\n    const columnType = column.type.substring(column.type.lastIndexOf('.') + 1);\n    const filterItemElements = [];\n    if (!isBoolean && filterTypes.length) {\n      for (let i = 0; i < filterItems.length; i += 1) {\n        const filterItem = filterItems[i];\n        const { key, selectedType, value } = filterItem;\n\n        const element = (\n          <AdvancedFilterCreatorFilterItem\n            key={key}\n            column={column}\n            filterTypes={filterTypes}\n            onChange={this.getFilterChangeHandler(i)}\n            onDelete={this.getFilterDeleteHandler(i)}\n            selectedType={selectedType}\n            value={value}\n            formatter={formatter}\n            tableUtils={tableUtils}\n          />\n        );\n        filterItemElements.push(element);\n\n        if (i < filterOperators.length) {\n          const filterOperator = filterOperators[i];\n          const isAndFilter = filterOperator === FilterOperator.and;\n          const operatorElement = (\n            <div\n              key={`filterOperator${key}`}\n              className=\"form-row justify-content-end advanced-filter-creator-filter-operator\"\n            >\n              <Button\n                kind=\"ghost\"\n                className={classNames('filter-operator', {\n                  active: isAndFilter,\n                })}\n                onClick={() =>\n                  this.handleChangeFilterOperator(i, FilterOperator.and)\n                }\n              >\n                AND\n              </Button>\n              <Button\n                kind=\"ghost\"\n                className={classNames('filter-operator', {\n                  active: !isAndFilter,\n                })}\n                onClick={() =>\n                  this.handleChangeFilterOperator(i, FilterOperator.or)\n                }\n              >\n                OR\n              </Button>\n            </div>\n          );\n          filterItemElements.push(operatorElement);\n        }\n      }\n    }\n    const showAddFilterItem = this.shouldShowAddFilter();\n    const addFilterItem = (\n      <div\n        key=\"addFilterItem\"\n        className={classNames('form-row justify-content-end add-filter-item', {\n          hidden: !showAddFilterItem,\n        })}\n      >\n        <span className=\"text-muted\">\n          <FontAwesomeIcon icon={dhNewCircleLargeFilled} />\n        </span>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-filter-item\"\n          onClick={this.handleAddAnd}\n          disabled={!showAddFilterItem}\n          tooltip=\"Add filter with AND\"\n        >\n          AND\n        </Button>\n        <Button\n          kind=\"ghost\"\n          className=\"btn-filter-item\"\n          onClick={this.handleAddOr}\n          disabled={!showAddFilterItem}\n          tooltip=\"Add filter with OR\"\n        >\n          OR\n        </Button>\n      </div>\n    );\n    filterItemElements.push(addFilterItem);\n\n    return (\n      <div className=\"advanced-filter-creator\" role=\"presentation\">\n        <div tabIndex={0} onFocus={this.handleFocusTrapStart} />\n        <form onSubmit={this.handleSubmit} ref={this.focusTrapContainer}>\n          <div className=\"title-bar\">\n            <h6 className=\"advanced-filter-title\">Advanced Filters</h6>\n            <div className=\"advanced-filter-menu-buttons\">\n              <Button\n                kind=\"ghost\"\n                className={classNames('sort-operator', {\n                  active: sortDirection === TableUtils.sortDirection.descending,\n                })}\n                onClick={this.handleSortDown}\n                icon={dhSortAmountDown}\n                tooltip={`Sort ${column.name} Descending`}\n              />\n              <Button\n                kind=\"ghost\"\n                className={classNames('sort-operator', {\n                  active: sortDirection === TableUtils.sortDirection.ascending,\n                })}\n                onClick={this.handleSortUp}\n                icon={\n                  <FontAwesomeIcon icon={dhSortAmountDown} rotation={180} />\n                }\n                tooltip={`Sort ${column.name} Ascending`}\n              />\n            </div>\n          </div>\n          <hr />\n          <div className=\"advanced-filter-column-name\">\n            {column.name}&nbsp;\n            <span className=\"column-type\">({columnType})</span>\n          </div>\n          {filterItemElements}\n          {isValuesTableAvailable && valuesTableError == null && (\n            <>\n              {!isBoolean && <hr />}\n              <div className=\"form-group\">\n                <AdvancedFilterCreatorSelectValue\n                  dh={dh}\n                  table={valuesTable}\n                  onChange={this.handleSelectValueChange}\n                  invertSelection={invertSelection}\n                  selectedValues={selectedValues}\n                  formatter={formatter}\n                  showSearch={!isDateType}\n                  timeZone={formatter.timeZone}\n                />\n              </div>\n            </>\n          )}\n          <div className=\"form-row justify-content-end\">\n            <Button\n              kind=\"secondary\"\n              className=\"mr-2\"\n              onClick={this.handleReset}\n            >\n              Reset\n            </Button>\n            <Button kind=\"primary\" onClick={this.handleDone}>\n              Done\n            </Button>\n          </div>\n        </form>\n        <div tabIndex={0} onFocus={this.handleFocusTrapEnd} />\n      </div>\n    );\n  }\n}\n\nexport default AdvancedFilterCreator;\n"],"mappings":";;;AAAA;AACA;;AAEA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,OAAOC,OAAO,MAAM,aAAa;AACjC,SACEC,QAAQ,IAAIC,cAAc,EAG1BC,mBAAmB,IAAIC,yBAAyB,QAC3C,oBAAoB;AAC3B,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,kBAAkB;AAC3E,SAEEC,UAAU,QAGL,wBAAwB;AAC/B,SAASC,MAAM,EAAEC,kBAAkB,QAAQ,uBAAuB;AAClE,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAA4BC,YAAY,QAAQ,kBAAkB;AAElE,OAAOC,OAAO,MAAM,SAAS;AAAC,OACvBC,+BAA+B;AAAA,OAC/BC,gCAAgC;AAAA;AAKvC,IAAMC,GAAG,GAAGL,GAAG,CAACM,MAAM,CAAC,uBAAuB,CAAC;AAgD/C,MAAMC,qBAAqB,SAASpB,aAAa,CAG/C;EAaA,OAAOqB,cAAc,GAAuB;IAC1C,OAAO;MAAEC,GAAG,EAAEP,OAAO;IAAG,CAAC;EAC3B;EAEAQ,WAAW,CAACC,KAAiC,EAAE;IAAA;IAC7C,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAAA;IAAA,wCAwFErB,OAAO,CAAEsB,UAAkB,IAC1Cf,UAAU,CAACgB,cAAc,CAACD,UAAU,CAAC,CACtC;IAxFC,IAAI,CAACE,YAAY,GAAG,IAAI,CAACA,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACC,WAAW,GAAG,IAAI,CAACA,WAAW,CAACD,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACE,0BAA0B,GAAG,IAAI,CAACA,0BAA0B,CAACF,IAAI,CACpE,IAAI,CACL;IACD,IAAI,CAACG,UAAU,GAAG,IAAI,CAACA,UAAU,CAACH,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACI,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACJ,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACK,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACL,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACM,uBAAuB,GAAG,IAAI,CAACA,uBAAuB,CAACN,IAAI,CAAC,IAAI,CAAC;IACtE,IAAI,CAACO,WAAW,GAAG,IAAI,CAACA,WAAW,CAACP,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACQ,cAAc,GAAG,IAAI,CAACA,cAAc,CAACR,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACS,YAAY,GAAG,IAAI,CAACA,YAAY,CAACT,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACU,YAAY,GAAG,IAAI,CAACA,YAAY,CAACV,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACW,oBAAoB,GAAG,IAAI,CAACA,oBAAoB,CAACX,IAAI,CAAC,IAAI,CAAC;IAChE,IAAI,CAACY,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACZ,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACa,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACb,IAAI,CAAC,IAAI,CAAC;IAE9D,IAAI,CAACc,kBAAkB,gBAAG3C,KAAK,CAAC4C,SAAS,EAAE;IAE3C,IAAM;MAAEC;IAAQ,CAAC,GAAGpB,KAAK;IACzB,IAAI;MAAEqB,eAAe;MAAEC,eAAe;MAAEC;IAAe,CAAC,GAAGH,OAAO;;IAElE;IACA,IAAMI,WAAiC,oDACrCJ,OAAO,CAACI,WAAW,yDAAnB,qBAAqBC,GAAG,CAAC;MAAA,IAAC;QAAEC,YAAY;QAAEC;MAAM,CAAC;MAAA,OAAM;QACrDD,YAAY;QACZC,KAAK;QACL7B,GAAG,EAAEP,OAAO;MACd,CAAC;IAAA,CAAC,CAAC,yEAAI,EAAE;IACX,IAAIiC,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC5BJ,WAAW,CAACK,IAAI,CAACjC,qBAAqB,CAACC,cAAc,EAAE,CAAC;IAC1D;IACA,IAAIwB,eAAe,IAAI,IAAI,EAAE;MAC3BA,eAAe,GAAG,EAAE;IACtB;IACA,IAAIC,eAAe,IAAI,IAAI,EAAE;MAC3BA,eAAe,GAAG,IAAI;IACxB;IACA,IAAIC,cAAc,IAAI,IAAI,EAAE;MAC1BA,cAAc,GAAG,EAAE;IACrB;IAEA,IAAI,CAACO,KAAK,GAAG;MACX;MACAN,WAAW;MAEX;MACAH,eAAe;MAEfC,eAAe;MAEfC,cAAc;MAEdQ,gBAAgB,EAAE,IAAI;MACtBC,WAAW,EAAEC;IACf,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB,IAAI,CAACC,eAAe,EAAE;EACxB;EAEAC,oBAAoB,GAAS;IAC3B,IAAI,IAAI,CAACC,eAAe,IAAI,IAAI,EAAE;MAChCC,YAAY,CAAC,IAAI,CAACD,eAAe,CAAC;MAClC,IAAI,CAACE,UAAU,EAAE;IACnB;IACA,IAAI,IAAI,CAACC,kBAAkB,IAAI,IAAI,EAAE;MACnC,IAAI,CAACA,kBAAkB,CAACC,MAAM,EAAE;IAClC;EACF;EAQAC,sBAAsB,CAACC,KAAa,EAAuB;IACzD,OAAO,IAAI,CAACnC,kBAAkB,CAACJ,IAAI,CAAC,IAAI,EAAEuC,KAAK,CAAC;EAClD;EAEAC,sBAAsB,CAACD,KAAa,EAAc;IAChD,OAAO,IAAI,CAAClC,kBAAkB,CAACL,IAAI,CAAC,IAAI,EAAEuC,KAAK,CAAC;EAClD;EAMAR,eAAe,GAAS;IACtB,IAAM;MAAEU,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAAC9C,KAAK;IACpC,IAAI,CAAC6C,KAAK,CAACE,sBAAsB,EAAE;MACjCrD,GAAG,CAACsD,KAAK,CAAC,6CAA6C,CAAC;MACxD;IACF;IAEA,IAAI,CAACR,kBAAkB,GAAGtD,UAAU,CAAC+D,0BAA0B,CAC7DJ,KAAK,CAACb,WAAW,CAACc,MAAM,CAAC,CAC1B;IACD,IAAI,CAACN,kBAAkB,CACpBU,IAAI,CAAClB,WAAW,IAAI;MACnB,IAAMmB,IAAI,GAAGnB,WAAW,CAACoB,OAAO,CAAC,CAAC,CAAC,CAACD,IAAI,EAAE,CAACE,GAAG,EAAE;MAChDrB,WAAW,CAACsB,SAAS,CAAC,CAACH,IAAI,CAAC,CAAC;MAE7B,IAAI,CAACI,QAAQ,CAAC;QAAEvB;MAAY,CAAC,CAAC;IAChC,CAAC,CAAC,CACDwB,KAAK,CAACC,KAAK,IAAI;MACd,IAAInE,YAAY,CAACoE,UAAU,CAACD,KAAK,CAAC,EAAE;QAClC;MACF;MAEA/D,GAAG,CAAC+D,KAAK,CAAC,6BAA6B,EAAEA,KAAK,CAAC;MAC/C,IAAI,CAACF,QAAQ,CAAC;QAAExB,gBAAgB,EAAE0B;MAAM,CAAC,CAAC;IAC5C,CAAC,CAAC;EACN;EAEAzC,kBAAkB,GAAS;IAAA;IACzB,0BAAC,IAAI,CAACE,kBAAkB,oFAAvB,sBAAyByC,OAAO,2DAAhC,uBAAkCC,aAAa,CAC9C,8BAA8B,CAC/B,EAAiBC,KAAK,EAAE;EAC3B;EAEA9C,oBAAoB,GAAS;IAAA;IAC3B,IAAM+C,MAAM,6BAAG,IAAI,CAAC5C,kBAAkB,qFAAvB,uBAAyByC,OAAO,2DAAhC,uBAAkCI,gBAAgB,CAC/D,8BAA8B,CAC/B;IACD,IAAID,MAAM,IAAIA,MAAM,CAAClC,MAAM,GAAG,CAAC,EAAE;MAC/B,IAAMoC,OAAO,GAAGF,MAAM,CAACA,MAAM,CAAClC,MAAM,GAAG,CAAC,CAAgB;MACxDoC,OAAO,CAACH,KAAK,EAAE;IACjB;EACF;EAEA1D,YAAY,GAAS;IACnB,IAAI;MAAEqB,WAAW;MAAEH;IAAgB,CAAC,GAAG,IAAI,CAACS,KAAK;IACjDN,WAAW,GAAGA,WAAW,CAACyC,MAAM,CAACrE,qBAAqB,CAACC,cAAc,EAAE,CAAC;IACxEwB,eAAe,GAAGA,eAAe,CAAC4C,MAAM,CAACpF,cAAc,CAACqF,GAAG,CAAC;IAC5D,IAAI,CAACX,QAAQ,CAAC;MAAE/B,WAAW;MAAEH;IAAgB,CAAC,CAAC;EACjD;EAEAhB,WAAW,GAAS;IAClB,IAAI;MAAEmB,WAAW;MAAEH;IAAgB,CAAC,GAAG,IAAI,CAACS,KAAK;IACjDN,WAAW,GAAGA,WAAW,CAACyC,MAAM,CAACrE,qBAAqB,CAACC,cAAc,EAAE,CAAC;IACxEwB,eAAe,GAAGA,eAAe,CAAC4C,MAAM,CAACpF,cAAc,CAACsF,EAAE,CAAC;IAC3D,IAAI,CAACZ,QAAQ,CAAC;MAAE/B,WAAW;MAAEH;IAAgB,CAAC,CAAC;EACjD;EAEAf,0BAA0B,CAACqC,KAAa,EAAEyB,QAAgB,EAAQ;IAChE,IAAI;MAAE/C;IAAgB,CAAC,GAAG,IAAI,CAACS,KAAK;IACpCT,eAAe,GAAG,CAAC,GAAGA,eAAe,CAAC;IAEtCtC,yBAAyB,CAACqF,QAAQ,CAAC;IAEnC/C,eAAe,CAACsB,KAAK,CAAC,GAAGyB,QAAQ;IAEjC,IAAI,CAACb,QAAQ,CAAC;MAAElC;IAAgB,CAAC,CAAC;IAElC,IAAI,CAACgD,gBAAgB,EAAE;EACzB;EAEA7D,kBAAkB,CAChB8D,WAAmB,EACnB5C,YAA6B,EAC7BC,KAAa,EACP;IACN,IAAI;MAAEH;IAAY,CAAC,GAAG,IAAI,CAACM,KAAK;IAChCN,WAAW,GAAG,CAAC,GAAGA,WAAW,CAAC;IAC9B,IAAM;MAAE1B;IAAI,CAAC,GAAG0B,WAAW,CAAC8C,WAAW,CAAC;IACxC9C,WAAW,CAAC8C,WAAW,CAAC,GAAG;MAAExE,GAAG;MAAE4B,YAAY;MAAEC;IAAM,CAAC;IAEvD,IAAI,CAAC4B,QAAQ,CAAC;MAAE/B;IAAY,CAAC,CAAC;IAE9B,IAAI,CAAC6C,gBAAgB,EAAE;EACzB;EAEA5D,kBAAkB,CAAC6D,WAAmB,EAAQ;IAC5C,IAAI;MAAE9C,WAAW;MAAEH;IAAgB,CAAC,GAAG,IAAI,CAACS,KAAK;IACjDN,WAAW,GAAG,CAAC,GAAGA,WAAW,CAAC;IAC9BH,eAAe,GAAG,CAAC,GAAGA,eAAe,CAAC;IACtC,IAAIiD,WAAW,GAAG9C,WAAW,CAACI,MAAM,EAAE;MACpCJ,WAAW,CAAC+C,MAAM,CAACD,WAAW,EAAE,CAAC,CAAC;IACpC;IAEA,IAAIA,WAAW,GAAGjD,eAAe,CAACO,MAAM,EAAE;MACxCP,eAAe,CAACkD,MAAM,CAACD,WAAW,EAAE,CAAC,CAAC;IACxC,CAAC,MAAM,IAAIA,WAAW,KAAKjD,eAAe,CAACO,MAAM,EAAE;MACjD;MACAP,eAAe,CAACkD,MAAM,CAAClD,eAAe,CAACO,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;IACvD;IAEA,IAAIJ,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC5BJ,WAAW,CAACK,IAAI,CAACjC,qBAAqB,CAACC,cAAc,EAAE,CAAC;IAC1D;IAEA,IAAI,CAAC0D,QAAQ,CAAC;MAAE/B,WAAW;MAAEH;IAAgB,CAAC,CAAC;IAE/C,IAAI,CAACgD,gBAAgB,EAAE;EACzB;EAEA3D,uBAAuB,CACrBa,cAAyB,EACzBD,eAAwB,EAClB;IACN,IAAI,CAACiC,QAAQ,CAAC;MAAEhC,cAAc;MAAED;IAAgB,CAAC,CAAC;IAElD,IAAI,CAAC+C,gBAAgB,EAAE;EACzB;EAEA1D,WAAW,GAAS;IAClBjB,GAAG,CAACsD,KAAK,CAAC,2BAA2B,CAAC;IAEtC,IAAI,CAACO,QAAQ,CAAC;MACZ/B,WAAW,EAAE,CAAC5B,qBAAqB,CAACC,cAAc,EAAE,CAAC;MACrDwB,eAAe,EAAE,EAAE;MACnBE,cAAc,EAAE,EAAE;MAClBD,eAAe,EAAE;IACnB,CAAC,CAAC;IAEF,IAAI,CAAC+C,gBAAgB,EAAE;EACzB;EAEAzD,cAAc,CAAC4D,KAA0C,EAAQ;IAC/D,IAAMC,aAAa,GAAGrF,kBAAkB,CAACsF,iBAAiB,CAACF,KAAK,CAAC;IACjE,IAAI,CAACG,SAAS,CAACzF,UAAU,CAAC0F,aAAa,CAACC,UAAU,EAAEJ,aAAa,CAAC;EACpE;EAEA5D,YAAY,CAAC2D,KAA0C,EAAQ;IAC7D,IAAMC,aAAa,GAAGrF,kBAAkB,CAACsF,iBAAiB,CAACF,KAAK,CAAC;IACjE,IAAI,CAACG,SAAS,CAACzF,UAAU,CAAC0F,aAAa,CAACE,SAAS,EAAEL,aAAa,CAAC;EACnE;EAEA3D,YAAY,CAAC0D,KAAuC,EAAQ;IAC1D9E,GAAG,CAACsD,KAAK,CAAC,4BAA4B,CAAC;IACvC,IAAI,CAAC+B,eAAe,EAAE;IACtB,IAAI,CAACxC,UAAU,EAAE;IAEjBiC,KAAK,CAACQ,cAAc,EAAE;EACxB;EAEAzE,UAAU,CAACiE,KAA0C,EAAQ;IAC3D9E,GAAG,CAACsD,KAAK,CAAC,wCAAwC,CAAC;IACnD,IAAI,CAAC+B,eAAe,EAAE;IACtB,IAAI,CAACxC,UAAU,EAAE;IAEjB,IAAM;MAAE0C;IAAO,CAAC,GAAG,IAAI,CAACjF,KAAK;IAC7BiF,MAAM,EAAE;IAERT,KAAK,CAACQ,cAAc,EAAE;EACxB;EAEA/D,mBAAmB,GAAS;IAC1B,IAAI,CAACoB,eAAe,GAAGJ,SAAS;IAChC,IAAI,CAACM,UAAU,EAAE;EACnB;;EAEA;AACF;AACA;AACA;AACA;EACE2C,mBAAmB,GAAY;IAC7B,IAAM;MAAE1D;IAAY,CAAC,GAAG,IAAI,CAACM,KAAK;IAClC,IAAIN,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC5B,OAAO,KAAK;IACd;IAEA,IAAMuD,UAAU,GAAG3D,WAAW,CAACA,WAAW,CAACI,MAAM,GAAG,CAAC,CAAC;IACtD,IAAM;MAAEF,YAAY;MAAEC;IAAM,CAAC,GAAGwD,UAAU;IAE1C,OACEzD,YAAY,IAAI,IAAI,IACpBA,YAAY,CAACE,MAAM,GAAG,CAAC,IACvBD,KAAK,IAAI,IAAI,IACbA,KAAK,CAACC,MAAM,GAAG,CAAC;EAEpB;;EAEA;AACF;AACA;AACA;AACA;EACE+C,SAAS,CAACS,SAAwB,EAA+B;IAAA,IAA7BX,aAAa,uEAAG,KAAK;IACvD,IAAM;MAAE3B,MAAM;MAAEuC;IAAa,CAAC,GAAG,IAAI,CAACrF,KAAK;IAC3CqF,YAAY,CAACvC,MAAM,EAAEsC,SAAS,EAAEX,aAAa,CAAC;EAChD;EAEAJ,gBAAgB,GAAS;IACvB,IAAI,CAACU,eAAe,EAAE;IAEtB,IAAI,CAAC1C,eAAe,GAAGiD,UAAU,CAC/B,IAAI,CAACrE,mBAAmB,EACxBrB,qBAAqB,CAAC2F,oBAAoB,CAC3C;EACH;EAEAR,eAAe,GAAS;IACtB,IAAI,IAAI,CAAC1C,eAAe,KAAKJ,SAAS,EAAE;MACtCK,YAAY,CAAC,IAAI,CAACD,eAAe,CAAC;MAClC,IAAI,CAACA,eAAe,GAAGJ,SAAS;IAClC;EACF;EAEAM,UAAU,GAAS;IACjB,IAAM;MACJf,WAAW;MACXH,eAAe;MACfC,eAAe;MACfC;IACF,CAAC,GAAG,IAAI,CAACO,KAAK;IACd,IAAM;MAAEgB,MAAM;MAAE0C,cAAc;MAAE3C,KAAK;MAAE4C;IAAW,CAAC,GAAG,IAAI,CAACzF,KAAK;IAChE,IAAM;MAAE0F;IAAU,CAAC,GAAG7C,KAAK;IAE3B,IAAM8C,KAAK,GAAGnE,WAAW,CAACoE,MAAM,CAC9B;MAAA,IAAC;QAAElE,YAAY;QAAEC;MAAM,CAAC;MAAA,OACtBD,YAAY,IAAI,IAAI,IAAIC,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;IAAA,EACxC;IAEjB,IAAMkE,SAAS,GAAGxE,eAAe,CAC9BuE,MAAM,CACL,CAACxB,QAAQ,EAAE0B,CAAC,KACV1B,QAAQ,IAAI,IAAI,IAChB5C,WAAW,CAACsE,CAAC,CAAC,CAACpE,YAAY,IAAI,IAAI,IACnCF,WAAW,CAACsE,CAAC,CAAC,CAACnE,KAAK,IAAI,IAAI,IAC5BH,WAAW,CAACsE,CAAC,CAAC,CAACnE,KAAK,KAAK,EAAE,CAC9B,CACAoE,KAAK,CAAC,CAAC,EAAEJ,KAAK,CAAC/D,MAAM,GAAG,CAAC,CAAC;IAC7B;;IAEA,IAAMR,OAAO,GAAG;MACdI,WAAW,EAAEmE,KAAK;MAClBtE,eAAe,EAAEwE,SAAS;MAC1BvE,eAAe;MACfC;IACF,CAAC;IAED,IAAMqE,MAAM,GAAGH,UAAU,CAACO,kBAAkB,CAC1ClD,MAAM,EACN1B,OAAO,EACPsE,SAAS,CAACO,QAAQ,CACnB;IAEDT,cAAc,CAAC1C,MAAM,EAAE8C,MAAM,EAAExE,OAAO,CAAC;EACzC;EAEA8E,MAAM,GAAgB;IAAA;IACpB,IAAM;MAAEpD,MAAM;MAAED,KAAK;MAAE+B,aAAa;MAAEc,SAAS;MAAED;IAAW,CAAC,GAAG,IAAI,CAACzF,KAAK;IAC1E,IAAM;MACJwB,WAAW;MACXH,eAAe;MACfC,eAAe;MACfC,cAAc;MACdS,WAAW;MACXD;IACF,CAAC,GAAG,IAAI,CAACD,KAAK;IACd,IAAM;MAAEqE,EAAE;MAAEpD;IAAuB,CAAC,GAAGF,KAAK;IAC5C,IAAMuD,SAAS,GAAGlH,UAAU,CAACmH,aAAa,CAACvD,MAAM,CAACwD,IAAI,CAAC;IACvD,IAAMC,UAAU,GAAGrH,UAAU,CAACqH,UAAU,CAACzD,MAAM,CAACwD,IAAI,CAAC;IACrD,IAAME,WAAW,GAAG,IAAI,CAACtG,cAAc,CAAC4C,MAAM,CAACwD,IAAI,CAAC;IACpD,IAAMrG,UAAU,GAAG6C,MAAM,CAACwD,IAAI,CAACG,SAAS,CAAC3D,MAAM,CAACwD,IAAI,CAACI,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1E,IAAMC,kBAAkB,GAAG,EAAE;IAC7B,IAAI,CAACP,SAAS,IAAII,WAAW,CAAC5E,MAAM,EAAE;MAAA,8BACY;QAC9C,IAAMuD,UAAU,GAAG3D,WAAW,CAACsE,CAAC,CAAC;QACjC,IAAM;UAAEhG,GAAG;UAAE4B,YAAY;UAAEC;QAAM,CAAC,GAAGwD,UAAU;QAE/C,IAAMnB,OAAO,gBACX,oBAAC,+BAA+B;UAC9B,GAAG,EAAElE,GAAI;UACT,MAAM,EAAEgD,MAAO;UACf,WAAW,EAAE0D,WAAY;UACzB,QAAQ,EAAE,KAAI,CAAC9D,sBAAsB,CAACoD,CAAC,CAAE;UACzC,QAAQ,EAAE,KAAI,CAAClD,sBAAsB,CAACkD,CAAC,CAAE;UACzC,YAAY,EAAEpE,YAAa;UAC3B,KAAK,EAAEC,KAAM;UACb,SAAS,EAAE+D,SAAU;UACrB,UAAU,EAAED;QAAW,EAE1B;QACDkB,kBAAkB,CAAC9E,IAAI,CAACmC,OAAO,CAAC;QAEhC,IAAI8B,CAAC,GAAGzE,eAAe,CAACO,MAAM,EAAE;UAC9B,IAAMgF,cAAc,GAAGvF,eAAe,CAACyE,CAAC,CAAC;UACzC,IAAMe,WAAW,GAAGD,cAAc,KAAK/H,cAAc,CAACqF,GAAG;UACzD,IAAM4C,eAAe,gBACnB;YACE,GAAG,0BAAmBhH,GAAG,CAAG;YAC5B,SAAS,EAAC;UAAsE,gBAEhF,oBAAC,MAAM;YACL,IAAI,EAAC,OAAO;YACZ,SAAS,EAAErB,UAAU,CAAC,iBAAiB,EAAE;cACvCsI,MAAM,EAAEF;YACV,CAAC,CAAE;YACH,OAAO,EAAE,MACP,KAAI,CAACvG,0BAA0B,CAACwF,CAAC,EAAEjH,cAAc,CAACqF,GAAG;UACtD,GACF,KAED,CAAS,eACT,oBAAC,MAAM;YACL,IAAI,EAAC,OAAO;YACZ,SAAS,EAAEzF,UAAU,CAAC,iBAAiB,EAAE;cACvCsI,MAAM,EAAE,CAACF;YACX,CAAC,CAAE;YACH,OAAO,EAAE,MACP,KAAI,CAACvG,0BAA0B,CAACwF,CAAC,EAAEjH,cAAc,CAACsF,EAAE;UACrD,GACF,IAED,CAAS,CAEZ;UACDwC,kBAAkB,CAAC9E,IAAI,CAACiF,eAAe,CAAC;QAC1C;MACF,CAAC;MArDD,KAAK,IAAIhB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGtE,WAAW,CAACI,MAAM,EAAEkE,CAAC,IAAI,CAAC;QAAA;MAAA;IAsDhD;IACA,IAAMkB,iBAAiB,GAAG,IAAI,CAAC9B,mBAAmB,EAAE;IACpD,IAAM+B,aAAa,gBACjB;MACE,GAAG,EAAC,eAAe;MACnB,SAAS,EAAExI,UAAU,CAAC,8CAA8C,EAAE;QACpEyI,MAAM,EAAE,CAACF;MACX,CAAC;IAAE,gBAEH;MAAM,SAAS,EAAC;IAAY,gBAC1B,oBAAC,eAAe;MAAC,IAAI,EAAE/H;IAAuB,EAAG,CAC5C,eACP,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAC,iBAAiB;MAC3B,OAAO,EAAE,IAAI,CAACkB,YAAa;MAC3B,QAAQ,EAAE,CAAC6G,iBAAkB;MAC7B,OAAO,EAAC;IAAqB,GAC9B,KAED,CAAS,eACT,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAC,iBAAiB;MAC3B,OAAO,EAAE,IAAI,CAAC3G,WAAY;MAC1B,QAAQ,EAAE,CAAC2G,iBAAkB;MAC7B,OAAO,EAAC;IAAoB,GAC7B,IAED,CAAS,CAEZ;IACDL,kBAAkB,CAAC9E,IAAI,CAACoF,aAAa,CAAC;IAEtC,oBACE;MAAK,SAAS,EAAC,yBAAyB;MAAC,IAAI,EAAC;IAAc,gBAC1D;MAAK,QAAQ,EAAE,CAAE;MAAC,OAAO,EAAE,IAAI,CAAClG;IAAqB,EAAG,eACxD;MAAM,QAAQ,EAAE,IAAI,CAACD,YAAa;MAAC,GAAG,EAAE,IAAI,CAACI;IAAmB,gBAC9D;MAAK,SAAS,EAAC;IAAW,gBACxB;MAAI,SAAS,EAAC;IAAuB,GAAC,kBAAgB,CAAK,eAC3D;MAAK,SAAS,EAAC;IAA8B,gBAC3C,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAEzC,UAAU,CAAC,eAAe,EAAE;QACrCsI,MAAM,EAAEnC,aAAa,KAAK1F,UAAU,CAAC0F,aAAa,CAACC;MACrD,CAAC,CAAE;MACH,OAAO,EAAE,IAAI,CAACjE,cAAe;MAC7B,IAAI,EAAE5B,gBAAiB;MACvB,OAAO,iBAAU8D,MAAM,CAACqE,IAAI;IAAc,EAC1C,eACF,oBAAC,MAAM;MACL,IAAI,EAAC,OAAO;MACZ,SAAS,EAAE1I,UAAU,CAAC,eAAe,EAAE;QACrCsI,MAAM,EAAEnC,aAAa,KAAK1F,UAAU,CAAC0F,aAAa,CAACE;MACrD,CAAC,CAAE;MACH,OAAO,EAAE,IAAI,CAACjE,YAAa;MAC3B,IAAI,eACF,oBAAC,eAAe;QAAC,IAAI,EAAE7B,gBAAiB;QAAC,QAAQ,EAAE;MAAI,EACxD;MACD,OAAO,iBAAU8D,MAAM,CAACqE,IAAI;IAAa,EACzC,CACE,CACF,eACN,+BAAM,eACN;MAAK,SAAS,EAAC;IAA6B,GACzCrE,MAAM,CAACqE,IAAI,EAAC,MACb;MAAM,SAAS,EAAC;IAAa,GAAC,GAAC,EAAClH,UAAU,EAAC,GAAC,CAAO,CAC/C,EACL0G,kBAAkB,EAClB5D,sBAAsB,IAAIhB,gBAAgB,IAAI,IAAI,iBACjD,0CACG,CAACqE,SAAS,iBAAI,+BAAM,eACrB;MAAK,SAAS,EAAC;IAAY,gBACzB,oBAAC,gCAAgC;MAC/B,EAAE,EAAED,EAAG;MACP,KAAK,EAAEnE,WAAY;MACnB,QAAQ,EAAE,IAAI,CAACtB,uBAAwB;MACvC,eAAe,EAAEY,eAAgB;MACjC,cAAc,EAAEC,cAAe;MAC/B,SAAS,EAAEmE,SAAU;MACrB,UAAU,EAAE,CAACa,UAAW;MACxB,QAAQ,EAAEb,SAAS,CAACO;IAAS,EAC7B,CACE,CAET,eACD;MAAK,SAAS,EAAC;IAA8B,gBAC3C,oBAAC,MAAM;MACL,IAAI,EAAC,WAAW;MAChB,SAAS,EAAC,MAAM;MAChB,OAAO,EAAE,IAAI,CAACtF;IAAY,GAC3B,OAED,CAAS,eACT,oBAAC,MAAM;MAAC,IAAI,EAAC,SAAS;MAAC,OAAO,EAAE,IAAI,CAACJ;IAAW,GAAC,MAEjD,CAAS,CACL,CACD,eACP;MAAK,QAAQ,EAAE,CAAE;MAAC,OAAO,EAAE,IAAI,CAACS;IAAmB,EAAG,CAClD;EAEV;AACF;AAAC,gBA9hBKpB,qBAAqB,0BAIK,GAAG;AAAA,gBAJ7BA,qBAAqB,kBAMH;EACpBwB,OAAO,EAAE;IACPI,WAAW,EAAE,IAAI;IACjBH,eAAe,EAAE,IAAI;IACrBC,eAAe,EAAE,IAAI;IACrBC,cAAc,EAAE;EAClB,CAAC;EACDqD,aAAa,EAAE;AACjB,CAAC;AAkhBH,eAAehF,qBAAqB"}

package/dist/AdvancedFilterCreatorFilterItem.css

@@ -1,9 +0,0 @@
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.advanced-filter-creator-filter-item input.error {
-  color: #f95d84;
-}
-.advanced-filter-creator-filter-item input.error:focus {
-  box-shadow: inset 0 0 0 2px #f95d84, 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
-}
-
-/*# sourceMappingURL=AdvancedFilterCreatorFilterItem.css.map */

package/dist/AdvancedFilterCreatorFilterItem.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/AdvancedFilterCreatorFilterItem.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACGE;EACE,OCDE;;ADEF;EACE","file":"AdvancedFilterCreatorFilterItem.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n.advanced-filter-creator-filter-item {\n  input.error {\n    color: $danger;\n    &:focus {\n      box-shadow: inset 0 0 0 2px $danger, $input-focus-box-shadow;\n    }\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n"]}