@deephaven/iris-grid 0.43.0 → 0.44.1-beta.0

package/dist/AdvancedFilterCreator.js

@@ -0,0 +1,541 @@
+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 { assertNotNull, 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 {
+      model,
+      column,
+      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 = [];
+    }
+    var columnIndex = model.getColumnIndexByName(column.name);
+    assertNotNull(columnIndex);
+    var isSortable = model.isColumnSortable(columnIndex);
+    this.state = {
+      // Filter items
+      filterItems,
+      // And/Or between the filter items
+      filterOperators,
+      invertSelection,
+      selectedValues,
+      valuesTableError: null,
+      valuesTable: undefined,
+      isSortable
+    };
+  }
+  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 _valuesTable$columns$;
+      if ((_valuesTable$columns$ = valuesTable.columns[0].isSortable) !== null && _valuesTable$columns$ !== void 0 ? _valuesTable$columns$ : true) {
+        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;
+    var {
+      isSortable
+    } = this.state;
+    if (isSortable) {
+      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,
+      isSortable
+    } = 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: isSortable ? "Sort ".concat(column.name, " Descending") : 'Not sortable',
+      disabled: !isSortable
+    }), /*#__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: isSortable ? "Sort ".concat(column.name, " Ascending") : 'Not sortable',
+      disabled: !isSortable
+    }))), /*#__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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedFilterCreator.js","names":["React","PureComponent","classNames","FontAwesomeIcon","memoize","Operator","FilterOperator","assertOperatorValue","assertFilterOperatorValue","dhSortAmountDown","dhNewCircleLargeFilled","TableUtils","Button","ContextActionUtils","Log","assertNotNull","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","model","column","options","filterOperators","invertSelection","selectedValues","filterItems","map","selectedType","value","length","push","columnIndex","getColumnIndexByName","name","isSortable","isColumnSortable","state","valuesTableError","valuesTable","undefined","componentDidMount","initValuesTable","componentWillUnmount","debounceTimeout","clearTimeout","sendUpdate","valuesTablePromise","cancel","getFilterChangeHandler","index","getFilterDeleteHandler","isValuesTableAvailable","debug","makeCancelableTablePromise","then","columns","sort","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"],"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 {\n  assertNotNull,\n  CancelablePromise,\n  PromiseUtils,\n} 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  isSortable: boolean;\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 { model, column, 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    const columnIndex = model.getColumnIndexByName(column.name);\n    assertNotNull(columnIndex);\n    const isSortable = model.isColumnSortable(columnIndex);\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      isSortable,\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        if (valuesTable.columns[0].isSortable ?? true) {\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    const { isSortable } = this.state;\n    if (isSortable) {\n      onSortChange(column, direction, addToExisting);\n    }\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      isSortable,\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={\n                  isSortable ? `Sort ${column.name} Descending` : 'Not sortable'\n                }\n                disabled={!isSortable}\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={\n                  isSortable ? `Sort ${column.name} Ascending` : 'Not sortable'\n                }\n                disabled={!isSortable}\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":"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"}

package/dist/AdvancedFilterCreatorFilterItem.css

@@ -0,0 +1,9 @@
+/* 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

@@ -0,0 +1 @@
+{"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"]}