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

package/dist/ColumnStatistics.js

@@ -1,202 +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); }
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Button, CopyButton, LoadingSpinner } from '@deephaven/components';
-import { dhFreeze, dhRefresh, dhSortSlash, vsLock } from '@deephaven/icons';
-import Log from '@deephaven/log';
-import { PromiseUtils } from '@deephaven/utils';
-import { isExpandableGridModel } from '@deephaven/grid';
-import "./ColumnStatistics.css";
-var log = Log.module('ColumnStatistics');
-var STATS_LABEL_OVERRIDES = {
-  SIZE: 'Number of Rows'
-};
-class ColumnStatistics extends Component {
-  /** Automatically generate the statistics when the row count is below this threshold */
-
-  static getStatsLabel(operation) {
-    var _STATS_LABEL_OVERRIDE;
-    return (_STATS_LABEL_OVERRIDE = STATS_LABEL_OVERRIDES[operation]) !== null && _STATS_LABEL_OVERRIDE !== void 0 ? _STATS_LABEL_OVERRIDE : operation.split(' ').map(w => w[0].toUpperCase() + w.substr(1).toLowerCase()).join(' ');
-  }
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "cancelablePromise", void 0);
-    this.handleError = this.handleError.bind(this);
-    this.handleGenerateStatistics = this.handleGenerateStatistics.bind(this);
-    this.handleStatistics = this.handleStatistics.bind(this);
-    this.cancelablePromise = null;
-    this.state = {
-      error: null,
-      loading: false,
-      statistics: null,
-      numRows: 0
-    };
-  }
-  componentDidMount() {
-    this.maybeGenerateStatistics();
-  }
-  componentWillUnmount() {
-    if (this.cancelablePromise) {
-      this.cancelablePromise.cancel();
-    }
-  }
-  maybeGenerateStatistics() {
-    var {
-      model
-    } = this.props;
-    var numRows = model.rowCount - model.pendingRowCount;
-    this.setState({
-      numRows
-    });
-    if (!model.isColumnStatisticsAvailable) {
-      this.setState({
-        loading: false
-      });
-    } else if (numRows < ColumnStatistics.AUTO_GENERATE_LIMIT) {
-      this.handleGenerateStatistics();
-    }
-  }
-  handleGenerateStatistics() {
-    this.setState({
-      loading: true
-    });
-    var {
-      column,
-      model
-    } = this.props;
-    this.cancelablePromise = PromiseUtils.makeCancelable(model.columnStatistics(column));
-    this.cancelablePromise.then(this.handleStatistics).catch(this.handleError);
-  }
-  handleStatistics(stats) {
-    log.debug('Received statistics', stats);
-    var {
-      model,
-      onStatistics
-    } = this.props;
-    var statistics = [];
-    stats.statisticsMap.forEach((value, operation) => {
-      statistics.push({
-        operation: ColumnStatistics.getStatsLabel(operation),
-        value,
-        type: stats.getType(operation)
-      });
-    });
-    stats.uniqueValues.forEach((value, operation) => {
-      statistics.push({
-        operation,
-        className: 'column-statistics-unique-value',
-        value,
-        type: 'long'
-      });
-    });
-    this.setState({
-      loading: false,
-      statistics,
-      numRows: model.rowCount - model.pendingRowCount
-    });
-    onStatistics();
-  }
-  handleError(error) {
-    if (error != null && PromiseUtils.isCanceled(error)) {
-      log.debug('Called handleError on a cancelled promise result');
-      return;
-    }
-    log.error('Error generating statistics', error);
-    this.setState({
-      error,
-      loading: false,
-      statistics: null
-    });
-  }
-  render() {
-    var {
-      column,
-      model
-    } = this.props;
-    var {
-      error,
-      loading,
-      statistics,
-      numRows
-    } = this.state;
-    var showGenerateStatistics = !loading && error == null && statistics == null && model.isColumnStatisticsAvailable;
-    var statisticElements = [];
-    var columnType = column.type.substring(column.type.lastIndexOf('.') + 1);
-    var description = column.description === null ? null : column.description;
-    if (statistics != null) {
-      for (var i = 0; i < statistics.length; i += 1) {
-        var {
-          operation,
-          className,
-          value,
-          type
-        } = statistics[i];
-        var formattedValue = !type ? model.displayString(value, column.type, column.name) : model.displayString(value, type);
-        var statisticElement = /*#__PURE__*/React.createElement(React.Fragment, {
-          key: operation
-        }, /*#__PURE__*/React.createElement("div", {
-          className: classNames('column-statistic-operation', className)
-        }, operation), /*#__PURE__*/React.createElement("div", {
-          className: "column-statistic-value"
-        }, formattedValue));
-        statisticElements.push(statisticElement);
-      }
-    }
-    var rowCountLabel = isExpandableGridModel(model) && model.hasExpandableRows ? 'Expanded Rows' : 'Number of Rows';
-    var formattedRowCount = model.displayString(numRows, 'long');
-    var columnIndex = model.getColumnIndexByName(column.name);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-title"
-    }, column.name, /*#__PURE__*/React.createElement("span", {
-      className: "column-statistics-type"
-    }, "\xA0(", columnType, ")"), /*#__PURE__*/React.createElement(CopyButton, {
-      className: "column-statistics-copy",
-      tooltip: "Copy column name",
-      copy: column.name
-    })), description != null && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-description"
-    }, description), columnIndex != null && !model.isColumnSortable(columnIndex) && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-status"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhSortSlash,
-      className: "mr-1"
-    }), "Not sortable"), columnIndex != null && !model.isColumnMovable(columnIndex) && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-status"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: model.isColumnFrozen(columnIndex) ? dhFreeze : vsLock,
-      className: "mr-1"
-    }), model.isColumnFrozen(columnIndex) ? 'Frozen' : 'Not movable'), /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-grid"
-    }, statistics == null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "column-statistic-operation"
-    }, rowCountLabel), /*#__PURE__*/React.createElement("div", {
-      className: "column-statistic-value"
-    }, formattedRowCount)), statisticElements), showGenerateStatistics && /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "px-0",
-      onClick: this.handleGenerateStatistics
-    }, "Generate Stats"), error != null && /*#__PURE__*/React.createElement("div", {
-      className: "error-message"
-    }, "".concat(error)), statistics && !loading && /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      className: "px-0",
-      onClick: this.handleGenerateStatistics,
-      icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhRefresh,
-        className: "mr-1"
-      })
-    }, "Refresh"), loading && /*#__PURE__*/React.createElement("div", {
-      className: "column-statistics-loading"
-    }, /*#__PURE__*/React.createElement(LoadingSpinner, {
-      className: "mr-2"
-    }), "Calculating Stats..."));
-  }
-}
-_defineProperty(ColumnStatistics, "AUTO_GENERATE_LIMIT", 100000);
-export default ColumnStatistics;
-//# sourceMappingURL=ColumnStatistics.js.map

package/dist/ColumnStatistics.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnStatistics.js","names":["React","Component","classNames","FontAwesomeIcon","Button","CopyButton","LoadingSpinner","dhFreeze","dhRefresh","dhSortSlash","vsLock","Log","PromiseUtils","isExpandableGridModel","log","module","STATS_LABEL_OVERRIDES","SIZE","ColumnStatistics","getStatsLabel","operation","split","map","w","toUpperCase","substr","toLowerCase","join","constructor","props","handleError","bind","handleGenerateStatistics","handleStatistics","cancelablePromise","state","error","loading","statistics","numRows","componentDidMount","maybeGenerateStatistics","componentWillUnmount","cancel","model","rowCount","pendingRowCount","setState","isColumnStatisticsAvailable","AUTO_GENERATE_LIMIT","column","makeCancelable","columnStatistics","then","catch","stats","debug","onStatistics","statisticsMap","forEach","value","push","type","getType","uniqueValues","className","isCanceled","render","showGenerateStatistics","statisticElements","columnType","substring","lastIndexOf","description","i","length","formattedValue","displayString","name","statisticElement","rowCountLabel","hasExpandableRows","formattedRowCount","columnIndex","getColumnIndexByName","isColumnSortable","isColumnMovable","isColumnFrozen"],"sources":["../src/ColumnStatistics.tsx"],"sourcesContent":["import React, { Component, Key } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Button, CopyButton, LoadingSpinner } from '@deephaven/components';\nimport { dhFreeze, dhRefresh, dhSortSlash, vsLock } from '@deephaven/icons';\nimport type {\n  Column,\n  ColumnStatistics as APIColumnStatistics,\n} from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { CancelablePromise, PromiseUtils } from '@deephaven/utils';\nimport { isExpandableGridModel } from '@deephaven/grid';\nimport './ColumnStatistics.scss';\nimport IrisGridModel from './IrisGridModel';\n\nconst log = Log.module('ColumnStatistics');\nconst STATS_LABEL_OVERRIDES: Record<string, string> = {\n  SIZE: 'Number of Rows',\n};\n\ninterface Statistic {\n  operation: Key;\n  className?: string;\n  value: unknown;\n  type: string;\n}\n\ninterface ColumnStatisticsProps {\n  column: Column;\n  model: IrisGridModel;\n  onStatistics: () => void;\n}\ninterface ColumnStatisticsState {\n  error: unknown;\n  loading: boolean;\n  statistics: Statistic[] | null;\n  numRows: number;\n}\n\nclass ColumnStatistics extends Component<\n  ColumnStatisticsProps,\n  ColumnStatisticsState\n> {\n  /** Automatically generate the statistics when the row count is below this threshold */\n  static AUTO_GENERATE_LIMIT = 100000;\n\n  static getStatsLabel(operation: string): string {\n    return (\n      STATS_LABEL_OVERRIDES[operation] ??\n      operation\n        .split(' ')\n        .map(w => w[0].toUpperCase() + w.substr(1).toLowerCase())\n        .join(' ')\n    );\n  }\n\n  constructor(props: ColumnStatisticsProps) {\n    super(props);\n\n    this.handleError = this.handleError.bind(this);\n    this.handleGenerateStatistics = this.handleGenerateStatistics.bind(this);\n    this.handleStatistics = this.handleStatistics.bind(this);\n\n    this.cancelablePromise = null;\n\n    this.state = {\n      error: null,\n      loading: false,\n      statistics: null,\n      numRows: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    this.maybeGenerateStatistics();\n  }\n\n  componentWillUnmount(): void {\n    if (this.cancelablePromise) {\n      this.cancelablePromise.cancel();\n    }\n  }\n\n  cancelablePromise: CancelablePromise<APIColumnStatistics> | null;\n\n  maybeGenerateStatistics(): void {\n    const { model } = this.props;\n\n    const numRows = model.rowCount - model.pendingRowCount;\n    this.setState({ numRows });\n    if (!model.isColumnStatisticsAvailable) {\n      this.setState({ loading: false });\n    } else if (numRows < ColumnStatistics.AUTO_GENERATE_LIMIT) {\n      this.handleGenerateStatistics();\n    }\n  }\n\n  handleGenerateStatistics(): void {\n    this.setState({ loading: true });\n\n    const { column, model } = this.props;\n\n    this.cancelablePromise = PromiseUtils.makeCancelable(\n      model.columnStatistics(column)\n    );\n\n    this.cancelablePromise.then(this.handleStatistics).catch(this.handleError);\n  }\n\n  handleStatistics(stats: APIColumnStatistics): void {\n    log.debug('Received statistics', stats);\n\n    const { model, onStatistics } = this.props;\n    const statistics: Statistic[] = [];\n\n    stats.statisticsMap.forEach((value, operation) => {\n      statistics.push({\n        operation: ColumnStatistics.getStatsLabel(operation),\n        value,\n        type: stats.getType(operation),\n      });\n    });\n\n    stats.uniqueValues.forEach((value, operation) => {\n      statistics.push({\n        operation,\n        className: 'column-statistics-unique-value',\n        value,\n        type: 'long',\n      });\n    });\n\n    this.setState({\n      loading: false,\n      statistics,\n      numRows: model.rowCount - model.pendingRowCount,\n    });\n\n    onStatistics();\n  }\n\n  handleError(error: Error): void {\n    if (error != null && PromiseUtils.isCanceled(error)) {\n      log.debug('Called handleError on a cancelled promise result');\n      return;\n    }\n\n    log.error('Error generating statistics', error);\n    this.setState({\n      error,\n      loading: false,\n      statistics: null,\n    });\n  }\n\n  render(): React.ReactElement {\n    const { column, model } = this.props;\n    const { error, loading, statistics, numRows } = this.state;\n    const showGenerateStatistics =\n      !loading &&\n      error == null &&\n      statistics == null &&\n      model.isColumnStatisticsAvailable;\n    const statisticElements = [];\n    const columnType = column.type.substring(column.type.lastIndexOf('.') + 1);\n    const description = column.description === null ? null : column.description;\n    if (statistics != null) {\n      for (let i = 0; i < statistics.length; i += 1) {\n        const { operation, className, value, type } = statistics[i];\n        const formattedValue = !type\n          ? model.displayString(value, column.type, column.name)\n          : model.displayString(value, type);\n        const statisticElement = (\n          <React.Fragment key={operation}>\n            <div\n              className={classNames('column-statistic-operation', className)}\n            >\n              {operation}\n            </div>\n            <div className=\"column-statistic-value\">{formattedValue}</div>\n          </React.Fragment>\n        );\n        statisticElements.push(statisticElement);\n      }\n    }\n    const rowCountLabel =\n      isExpandableGridModel(model) && model.hasExpandableRows\n        ? 'Expanded Rows'\n        : 'Number of Rows';\n    const formattedRowCount = model.displayString(numRows, 'long');\n    const columnIndex = model.getColumnIndexByName(column.name);\n    return (\n      <div className=\"column-statistics\">\n        <div className=\"column-statistics-title\">\n          {column.name}\n          <span className=\"column-statistics-type\">&nbsp;({columnType})</span>\n          <CopyButton\n            className=\"column-statistics-copy\"\n            tooltip=\"Copy column name\"\n            copy={column.name}\n          />\n        </div>\n        {description != null && (\n          <div className=\"column-statistics-description\">{description}</div>\n        )}\n        {columnIndex != null && !model.isColumnSortable(columnIndex) && (\n          <div className=\"column-statistics-status\">\n            <FontAwesomeIcon icon={dhSortSlash} className=\"mr-1\" />\n            Not sortable\n          </div>\n        )}\n        {columnIndex != null && !model.isColumnMovable(columnIndex) && (\n          <div className=\"column-statistics-status\">\n            <FontAwesomeIcon\n              icon={model.isColumnFrozen(columnIndex) ? dhFreeze : vsLock}\n              className=\"mr-1\"\n            />\n            {model.isColumnFrozen(columnIndex) ? 'Frozen' : 'Not movable'}\n          </div>\n        )}\n        <div className=\"column-statistics-grid\">\n          {statistics == null && (\n            <>\n              <div className=\"column-statistic-operation\">{rowCountLabel}</div>\n              <div className=\"column-statistic-value\">{formattedRowCount}</div>\n            </>\n          )}\n\n          {statisticElements}\n        </div>\n        {showGenerateStatistics && (\n          <Button\n            kind=\"ghost\"\n            className=\"px-0\"\n            onClick={this.handleGenerateStatistics}\n          >\n            Generate Stats\n          </Button>\n        )}\n        {error != null && <div className=\"error-message\">{`${error}`}</div>}\n        {statistics && !loading && (\n          <Button\n            kind=\"ghost\"\n            className=\"px-0\"\n            onClick={this.handleGenerateStatistics}\n            icon={<FontAwesomeIcon icon={dhRefresh} className=\"mr-1\" />}\n          >\n            Refresh\n          </Button>\n        )}\n        {loading && (\n          <div className=\"column-statistics-loading\">\n            <LoadingSpinner className=\"mr-2\" />\n            Calculating Stats...\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default ColumnStatistics;\n"],"mappings":"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"}

package/dist/CommonTypes.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=CommonTypes.js.map

package/dist/CommonTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommonTypes.js","names":[],"sources":["../src/CommonTypes.tsx"],"sourcesContent":["import { AdvancedFilterOptions } from '@deephaven/jsapi-utils';\nimport { ModelIndex } from '@deephaven/grid';\nimport type {\n  TotalsTableConfig,\n  FilterCondition,\n  Format,\n} from '@deephaven/jsapi-types';\nimport { Shortcut } from '@deephaven/components';\nimport { IconDefinition } from '@deephaven/icons';\nimport AggregationOperation from './sidebar/aggregations/AggregationOperation';\nimport { OptionType } from './sidebar';\n\nexport type RowIndex = ModelIndex;\n\nexport type { AdvancedFilterOptions };\nexport type ColumnName = string;\nexport type AdvancedFilterMap = Map<ModelIndex, AdvancedFilter>;\nexport type QuickFilterMap = Map<ModelIndex, QuickFilter>;\nexport type ReadonlyAdvancedFilterMap = ReadonlyMap<ModelIndex, AdvancedFilter>;\nexport type ReadonlyQuickFilterMap = ReadonlyMap<ModelIndex, QuickFilter>;\nexport type ReadonlyAggregationMap = Readonly<\n  Record<AggregationOperation, readonly ColumnName[]>\n>;\nexport type OperationMap = Record<ColumnName, readonly AggregationOperation[]>;\nexport type ReadonlyOperationMap = Readonly<\n  Record<ColumnName, readonly AggregationOperation[]>\n>;\n\nexport type QuickFilter = {\n  text: string;\n  filter: FilterCondition | null;\n};\n\nexport type AdvancedFilter = {\n  filter: FilterCondition | null;\n  options: AdvancedFilterOptions;\n};\n\nexport type Action = {\n  action: () => void;\n  shortcut: Shortcut;\n};\n\nexport type OptionItem = {\n  type: OptionType;\n  title: string;\n  subtitle?: string;\n  icon?: IconDefinition;\n  isOn?: boolean;\n  onChange?: () => void;\n};\n\nexport interface UITotalsTableConfig extends TotalsTableConfig {\n  operationOrder: AggregationOperation[];\n  showOnTop: boolean;\n}\n\nexport type InputFilter = {\n  name: string;\n  type: string;\n  value: string;\n  excludePanelIds?: (string | string[])[];\n};\n\nexport interface UIRow {\n  data: Map<ModelIndex, CellData>;\n}\n\nexport type UIViewportData<R extends UIRow = UIRow> = {\n  offset: number;\n  rows: R[];\n};\nexport type RowData<T = unknown> = Map<number, { value: T }>;\n\nexport type CellData = {\n  value: unknown;\n  format?: Format;\n};\nexport type PendingDataMap<R extends UIRow = UIRow> = ReadonlyMap<RowIndex, R>;\n\n/** Maps from a row index to the errors for that row */\nexport type PendingDataErrorMap<T extends Error = Error> = ReadonlyMap<\n  RowIndex,\n  readonly T[]\n>;\n"],"mappings":""}

package/dist/CrossColumnSearch.css

@@ -1,35 +0,0 @@
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.cross-column-container {
-  display: flex;
-  flex-direction: row;
-  margin: 0.25rem;
-  align-items: stretch;
-  flex: 0 1 auto;
-}
-.cross-column-container .cross-column-search {
-  flex: 1;
-  margin-right: 0.25rem;
-}
-
-.cross-column-popup {
-  padding: 0.5rem 1rem 0.1rem;
-}
-.cross-column-popup .cross-column-scroll {
-  display: grid;
-  grid-template-columns: max-content auto;
-  grid-column-gap: 0.5rem;
-  grid-row-gap: 0;
-  overflow-y: auto;
-  max-height: 15rem;
-  padding: 0.2rem 0.5rem;
-  border: 1px solid #929192;
-}
-
-.cross-column-button-bar {
-  display: flex;
-}
-.cross-column-button-bar :last-child {
-  margin-left: auto;
-}
-
-/*# sourceMappingURL=CrossColumnSearch.css.map */

package/dist/CrossColumnSearch.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/CrossColumnSearch.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA,QCHS;EDIT;EACA;;AACA;EACE;EACA,cCRO;;;ADYX;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AACA;EACE","file":"CrossColumnSearch.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.cross-column-container {\n  display: flex;\n  flex-direction: row;\n  margin: $spacer-1;\n  align-items: stretch;\n  flex: 0 1 auto;\n  .cross-column-search {\n    flex: 1;\n    margin-right: $spacer-1;\n  }\n}\n\n.cross-column-popup {\n  padding: 0.5rem 1rem 0.1rem;\n\n  .cross-column-scroll {\n    display: grid;\n    grid-template-columns: max-content auto;\n    grid-column-gap: 0.5rem;\n    grid-row-gap: 0;\n    overflow-y: auto;\n    max-height: 15rem;\n    padding: 0.2rem 0.5rem;\n    border: $input-border-width solid $input-border-color;\n  }\n}\n\n.cross-column-button-bar {\n  display: flex;\n  :last-child {\n    margin-left: auto;\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/CrossColumnSearch.js

@@ -1,199 +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); }
-import React, { PureComponent } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';
-import { dhGearFilled, dhCheckSquare, dhSquareFilled, dhRemoveSquareFilled, dhWarningCircleFilled, vsCircleLargeFilled } from '@deephaven/icons';
-import { TableUtils } from '@deephaven/jsapi-utils';
-import "./CrossColumnSearch.css";
-class CrossColumnSearch extends PureComponent {
-  static createSearchFilter(dh, searchValue, selectedColumns, columns, invertSelection) {
-    var filterColumns = invertSelection ? columns.filter(column => !selectedColumns.includes(column.name)).map(column => column.name) : selectedColumns;
-    if (searchValue && filterColumns.length > 0) {
-      var filterValue = dh.FilterValue.ofString(searchValue);
-      var searchFilter = filterColumns.length === columns.length ? dh.FilterCondition.search(filterValue) : dh.FilterCondition.search(filterValue, columns.filter(column => filterColumns.includes(column.name)).map(column => column.filter()));
-      return searchFilter;
-    }
-    return undefined;
-  }
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "searchField", void 0);
-    this.handleSearchValueChange = this.handleSearchValueChange.bind(this);
-    this.toggleColumn = this.toggleColumn.bind(this);
-    this.selectAll = this.selectAll.bind(this);
-    this.clear = this.clear.bind(this);
-    this.selectNumbers = this.selectNumbers.bind(this);
-    this.searchField = /*#__PURE__*/React.createRef();
-    this.state = {
-      isConfigureColumnsShown: false
-    };
-  }
-  focus() {
-    var _this$searchField$cur;
-    (_this$searchField$cur = this.searchField.current) === null || _this$searchField$cur === void 0 ? void 0 : _this$searchField$cur.focus();
-  }
-  handleSearchValueChange(event) {
-    var {
-      onChange,
-      selectedColumns,
-      invertSelection
-    } = this.props;
-    onChange(event.target.value, selectedColumns, invertSelection);
-  }
-  sendColumnChange(selectedColumns, invertSelection) {
-    var {
-      onChange,
-      value
-    } = this.props;
-    onChange(value, selectedColumns, invertSelection);
-  }
-  setInvertSelection(invertSelection) {
-    var {
-      onChange,
-      value
-    } = this.props;
-    onChange(value, [], invertSelection);
-  }
-  toggleColumn(name) {
-    var {
-      selectedColumns,
-      invertSelection
-    } = this.props;
-    if (selectedColumns.includes(name)) {
-      this.sendColumnChange(selectedColumns.filter(c => c !== name), invertSelection);
-    } else {
-      var update = selectedColumns.slice();
-      update.push(name);
-      this.sendColumnChange(update, invertSelection);
-    }
-  }
-  selectAll() {
-    this.setInvertSelection(true);
-  }
-  clear() {
-    this.setInvertSelection(false);
-  }
-  selectNumbers() {
-    var {
-      columns
-    } = this.props;
-    this.sendColumnChange(columns.filter(c => TableUtils.isNumberType(c.type)).map(column => column.name), false);
-  }
-  render() {
-    var {
-      value,
-      selectedColumns,
-      invertSelection,
-      columns
-    } = this.props;
-    var {
-      isConfigureColumnsShown
-    } = this.state;
-    var hasAllColumnsSelected = selectedColumns.length === 0 && invertSelection === true || selectedColumns.length === columns.length && invertSelection === false;
-    var hasNoColumnsSelected = selectedColumns.length === 0 && invertSelection === false || selectedColumns.length === columns.length && invertSelection === true;
-
-    // set icon layers
-    var icon;
-    if (hasAllColumnsSelected) {
-      // icon if all columns selected for search
-      icon = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhSquareFilled,
-        mask: dhGearFilled,
-        transform: "shrink-2 down-5 right-7"
-      }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhCheckSquare,
-        className: "text-primary",
-        transform: "shrink-4 down-5 right-7"
-      }));
-    } else if (hasNoColumnsSelected) {
-      // icon error, no columns selected for searching
-      icon = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsCircleLargeFilled,
-        mask: dhGearFilled,
-        transform: "shrink-1 down-5 right-7"
-      }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhWarningCircleFilled,
-        className: "text-danger",
-        transform: "shrink-4 down-5 right-7"
-      }));
-    } else {
-      // icon if some columns selected, but not all
-      icon = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhSquareFilled,
-        mask: dhGearFilled,
-        transform: "shrink-2 down-5 right-7"
-      }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: dhRemoveSquareFilled,
-        className: "text-primary",
-        transform: "shrink-4 down-5 right-7"
-      }));
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      className: "cross-column-container"
-    }, /*#__PURE__*/React.createElement(SearchInput, {
-      className: "cross-column-search",
-      placeholder: "Search Data...",
-      value: value,
-      onChange: this.handleSearchValueChange,
-      ref: this.searchField
-    }), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "btn btn-link btn-link-icon px-2",
-      onClick: () => {
-        if (isConfigureColumnsShown) {
-          this.setState({
-            isConfigureColumnsShown: false
-          });
-        } else {
-          this.setState({
-            isConfigureColumnsShown: true
-          });
-        }
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "fa-layers"
-    }, icon), /*#__PURE__*/React.createElement(Tooltip, null, "Configure Columns"), /*#__PURE__*/React.createElement(Popper, {
-      isShown: isConfigureColumnsShown,
-      className: "cross-column-popper",
-      onExited: () => {
-        this.setState({
-          isConfigureColumnsShown: false
-        });
-      },
-      closeOnBlur: true,
-      interactive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "cross-column-popup"
-    }, "Searched Columns", /*#__PURE__*/React.createElement("div", {
-      className: "cross-column-scroll"
-    }, columns.map(column => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: column.name
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      className: "cross-column-checkbox",
-      checked: invertSelection ? !selectedColumns.includes(column.name) : selectedColumns.includes(column.name),
-      onChange: () => this.toggleColumn(column.name)
-    }, column.name), column.type.substring(column.type.lastIndexOf('.') + 1)))), /*#__PURE__*/React.createElement("div", {
-      className: "cross-column-button-bar"
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "btn btn-link",
-      onClick: this.selectAll
-    }, "Select All"), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "btn btn-link",
-      onClick: this.clear
-    }, "Clear"), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "btn btn-link",
-      onClick: this.selectNumbers
-    }, "Numbers Only")), hasNoColumnsSelected && /*#__PURE__*/React.createElement("p", {
-      className: "text-danger"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhWarningCircleFilled
-    }), " Select at least one column to search.")))));
-  }
-}
-export default CrossColumnSearch;
-//# sourceMappingURL=CrossColumnSearch.js.map

package/dist/CrossColumnSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossColumnSearch.js","names":["React","PureComponent","FontAwesomeIcon","Checkbox","Popper","SearchInput","Tooltip","dhGearFilled","dhCheckSquare","dhSquareFilled","dhRemoveSquareFilled","dhWarningCircleFilled","vsCircleLargeFilled","TableUtils","CrossColumnSearch","createSearchFilter","dh","searchValue","selectedColumns","columns","invertSelection","filterColumns","filter","column","includes","name","map","length","filterValue","FilterValue","ofString","searchFilter","FilterCondition","search","undefined","constructor","props","handleSearchValueChange","bind","toggleColumn","selectAll","clear","selectNumbers","searchField","createRef","state","isConfigureColumnsShown","focus","current","event","onChange","target","value","sendColumnChange","setInvertSelection","c","update","slice","push","isNumberType","type","render","hasAllColumnsSelected","hasNoColumnsSelected","icon","setState","substring","lastIndexOf"],"sources":["../src/CrossColumnSearch.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { Checkbox, Popper, SearchInput, Tooltip } from '@deephaven/components';\nimport {\n  dhGearFilled,\n  dhCheckSquare,\n  dhSquareFilled,\n  dhRemoveSquareFilled,\n  dhWarningCircleFilled,\n  vsCircleLargeFilled,\n} from '@deephaven/icons';\nimport type {\n  Column,\n  dh as DhType,\n  FilterCondition,\n} from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport './CrossColumnSearch.scss';\nimport { ColumnName } from './CommonTypes';\n\ninterface CrossColumnSearchProps {\n  value: string;\n  selectedColumns: readonly ColumnName[];\n  invertSelection: boolean;\n  onChange: (\n    value: string,\n    selectedColumns: readonly ColumnName[],\n    invertSelection: boolean\n  ) => void;\n  columns: readonly Column[];\n}\n\ninterface CrossColumnSearchState {\n  isConfigureColumnsShown: boolean;\n}\nclass CrossColumnSearch extends PureComponent<\n  CrossColumnSearchProps,\n  CrossColumnSearchState\n> {\n  static createSearchFilter(\n    dh: DhType,\n    searchValue: string,\n    selectedColumns: readonly ColumnName[],\n    columns: readonly Column[],\n    invertSelection: boolean\n  ): FilterCondition | undefined {\n    const filterColumns = invertSelection\n      ? columns\n          .filter(column => !selectedColumns.includes(column.name))\n          .map(column => column.name)\n      : selectedColumns;\n    if (searchValue && filterColumns.length > 0) {\n      const filterValue = dh.FilterValue.ofString(searchValue);\n      const searchFilter =\n        filterColumns.length === columns.length\n          ? dh.FilterCondition.search(filterValue)\n          : dh.FilterCondition.search(\n              filterValue,\n              columns\n                .filter(column => filterColumns.includes(column.name))\n                .map(column => column.filter())\n            );\n      return searchFilter;\n    }\n    return undefined;\n  }\n\n  constructor(props: CrossColumnSearchProps) {\n    super(props);\n    this.handleSearchValueChange = this.handleSearchValueChange.bind(this);\n    this.toggleColumn = this.toggleColumn.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n    this.selectNumbers = this.selectNumbers.bind(this);\n\n    this.searchField = React.createRef();\n\n    this.state = {\n      isConfigureColumnsShown: false,\n    };\n  }\n\n  searchField: React.RefObject<SearchInput>;\n\n  focus(): void {\n    this.searchField.current?.focus();\n  }\n\n  handleSearchValueChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const { onChange, selectedColumns, invertSelection } = this.props;\n    onChange(event.target.value, selectedColumns, invertSelection);\n  }\n\n  sendColumnChange(\n    selectedColumns: readonly ColumnName[],\n    invertSelection: boolean\n  ): void {\n    const { onChange, value } = this.props;\n    onChange(value, selectedColumns, invertSelection);\n  }\n\n  setInvertSelection(invertSelection: boolean): void {\n    const { onChange, value } = this.props;\n    onChange(value, [], invertSelection);\n  }\n\n  toggleColumn(name: string): void {\n    const { selectedColumns, invertSelection } = this.props;\n    if (selectedColumns.includes(name)) {\n      this.sendColumnChange(\n        selectedColumns.filter(c => c !== name),\n        invertSelection\n      );\n    } else {\n      const update = selectedColumns.slice();\n      update.push(name);\n      this.sendColumnChange(update, invertSelection);\n    }\n  }\n\n  selectAll(): void {\n    this.setInvertSelection(true);\n  }\n\n  clear(): void {\n    this.setInvertSelection(false);\n  }\n\n  selectNumbers(): void {\n    const { columns } = this.props;\n    this.sendColumnChange(\n      columns\n        .filter(c => TableUtils.isNumberType(c.type))\n        .map(column => column.name),\n      false\n    );\n  }\n\n  render(): React.ReactElement {\n    const { value, selectedColumns, invertSelection, columns } = this.props;\n    const { isConfigureColumnsShown } = this.state;\n    const hasAllColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === true) ||\n      (selectedColumns.length === columns.length && invertSelection === false);\n    const hasNoColumnsSelected =\n      (selectedColumns.length === 0 && invertSelection === false) ||\n      (selectedColumns.length === columns.length && invertSelection === true);\n\n    // set icon layers\n    let icon;\n    if (hasAllColumnsSelected) {\n      // icon if all columns selected for search\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhCheckSquare}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else if (hasNoColumnsSelected) {\n      // icon error, no columns selected for searching\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={vsCircleLargeFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-1 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhWarningCircleFilled}\n            className=\"text-danger\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    } else {\n      // icon if some columns selected, but not all\n      icon = (\n        <>\n          <FontAwesomeIcon\n            icon={dhSquareFilled}\n            mask={dhGearFilled}\n            transform=\"shrink-2 down-5 right-7\"\n          />\n          <FontAwesomeIcon\n            icon={dhRemoveSquareFilled}\n            className=\"text-primary\"\n            transform=\"shrink-4 down-5 right-7\"\n          />\n        </>\n      );\n    }\n\n    return (\n      <div className=\"cross-column-container\">\n        <SearchInput\n          className=\"cross-column-search\"\n          placeholder=\"Search Data...\"\n          value={value}\n          onChange={this.handleSearchValueChange}\n          ref={this.searchField}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn-link btn-link-icon px-2\"\n          onClick={() => {\n            if (isConfigureColumnsShown) {\n              this.setState({ isConfigureColumnsShown: false });\n            } else {\n              this.setState({ isConfigureColumnsShown: true });\n            }\n          }}\n        >\n          <div className=\"fa-layers\">{icon}</div>\n          <Tooltip>Configure Columns</Tooltip>\n          <Popper\n            isShown={isConfigureColumnsShown}\n            className=\"cross-column-popper\"\n            onExited={() => {\n              this.setState({ isConfigureColumnsShown: false });\n            }}\n            closeOnBlur\n            interactive\n          >\n            <div className=\"cross-column-popup\">\n              Searched Columns\n              <div className=\"cross-column-scroll\">\n                {columns.map(column => (\n                  <React.Fragment key={column.name}>\n                    <Checkbox\n                      className=\"cross-column-checkbox\"\n                      checked={\n                        invertSelection\n                          ? !selectedColumns.includes(column.name)\n                          : selectedColumns.includes(column.name)\n                      }\n                      onChange={() => this.toggleColumn(column.name)}\n                    >\n                      {column.name}\n                    </Checkbox>\n\n                    {column.type.substring(column.type.lastIndexOf('.') + 1)}\n                  </React.Fragment>\n                ))}\n              </div>\n              <div className=\"cross-column-button-bar\">\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectAll}\n                >\n                  Select All\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.clear}\n                >\n                  Clear\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"btn btn-link\"\n                  onClick={this.selectNumbers}\n                >\n                  Numbers Only\n                </button>\n              </div>\n              {hasNoColumnsSelected && (\n                <p className=\"text-danger\">\n                  <FontAwesomeIcon icon={dhWarningCircleFilled} /> Select at\n                  least one column to search.\n                </p>\n              )}\n            </div>\n          </Popper>\n        </button>\n      </div>\n    );\n  }\n}\n\nexport default CrossColumnSearch;\n"],"mappings":"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"}

package/dist/FilterInputField.css

@@ -1,56 +0,0 @@
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.iris-grid-input-autosized-wrapper {
-  position: absolute;
-  display: inline-grid;
-  height: 100%;
-  align-items: center;
-  z-index: 1;
-}
-.iris-grid-input-autosized-wrapper .advanced-filter-button {
-  position: absolute;
-  top: 2px;
-  right: 0.25rem;
-  height: 23px;
-  margin: 0;
-}
-.iris-grid-input-autosized-wrapper::after {
-  content: attr(data-value) " ";
-  width: auto;
-  height: 100%;
-  border: 1px solid;
-  padding: 6px 2px 3px 3px;
-  margin-right: 24px;
-  overflow: hidden;
-  visibility: hidden;
-  white-space: nowrap;
-  grid-area: 1/1;
-}
-.iris-grid-input-autosized-wrapper .iris-grid-input-field {
-  position: absolute;
-  color: #f0f0ee;
-  background: #373438;
-  border: 1px solid #929192;
-  width: 100%;
-  height: 100%;
-  padding: 3px 2px 3px 3px;
-  border-radius: 1px;
-}
-.iris-grid-input-autosized-wrapper .iris-grid-input-field.iris-grid-has-filter {
-  background: #313849;
-}
-.iris-grid-input-autosized-wrapper .iris-grid-input-field.active {
-  background: #374d80;
-}
-.iris-grid-input-autosized-wrapper .iris-grid-input-field:focus {
-  outline: 0;
-  border: 1px solid rgba(72, 120, 234, 0.85);
-  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
-}
-.iris-grid-input-autosized-wrapper .iris-grid-input-field.error {
-  color: #f95d84;
-}
-.iris-grid-input-autosized-wrapper .iris-grid-input-field.error:focus {
-  box-shadow: inset 0 0 0 2px #f95d84, 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
-}
-
-/*# sourceMappingURL=FilterInputField.css.map */

package/dist/FilterInputField.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/FilterInputField.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,OCVO;EDWP;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,OEpBa;EFqBb,YETO;EFUP;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YEwFuB;;AFrFzB;EACE,OEvDA;;AFwDA;EACE","file":"FilterInputField.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.iris-grid-input-autosized-wrapper {\n  position: absolute;\n  display: inline-grid;\n  height: 100%;\n  align-items: center;\n  z-index: 1; // appear above adjacent cell buttons\n\n  .advanced-filter-button {\n    position: absolute;\n    top: 2px;\n    right: $spacer-1;\n    height: 23px;\n    margin: 0;\n  }\n\n  // hidden element to set width\n  &::after {\n    content: attr(data-value) ' ';\n    width: auto;\n    height: 100%;\n    border: $input-border-width solid;\n    padding: 6px 2px 3px 3px;\n    margin-right: 24px; // leave space for filter-button\n    overflow: hidden;\n    visibility: hidden;\n    white-space: nowrap;\n    grid-area: 1 / 1;\n  }\n\n  .iris-grid-input-field {\n    position: absolute;\n    color: $gray-200;\n    background: $gray-800; // same as filter-bar-expanded-bg\n    border: 1px solid $input-border-color;\n    width: 100%;\n    height: 100%;\n    padding: 3px 2px 3px 3px;\n    border-radius: 1px;\n\n    &.iris-grid-has-filter {\n      // same as filter-bar-expanded-active-bg\n      background: scale-color($primary, $saturation: -75%, $lightness: -60%);\n    }\n\n    &.active {\n      //same as filter-bar-expanded-active-cell-bg\n      background: scale-color($primary, $saturation: -50%, $lightness: -40%);\n    }\n\n    &:focus {\n      outline: 0;\n      border: 1px solid $input-focus-border-color;\n      box-shadow: $input-focus-box-shadow;\n    }\n\n    &.error {\n      color: $danger;\n      &:focus {\n        box-shadow: inset 0 0 0 2px $danger, $input-focus-box-shadow;\n      }\n    }\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\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"]}