@deephaven/iris-grid 0.43.0 → 0.44.0

package/dist/sidebar/aggregations/AggregationEdit.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/aggregations/AggregationEdit.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACOA;EACE;EACA;EACA;;AAEA;EACE,kBCYO;EDXP;;AAEE;EACE,aEdG;EFeH,gBEfG;;AFiBH;EACE;;AAGJ;EACE;;AAIJ;EACE,OCTK;;ADWL;EACE,OCpBS;;ADwBf;EACE;;AAEA;EACE;;AAEA;EACE,cEzCG;EF0CH,eE1CG;EF2CH;;AAGE;EACE,kBC5BD;ED6BC,OCtCK;;AD0CT;EACE;EACA;;AAEA;EACE;EACA,cE1DD;EF2DC,eE3DD;EF4DC;EACA,eCyDI;EDxDJ,eE9DD;EF+DC;;AAGF;AAAA;EAEE,kBArEY;EAsEZ,OC3DK","file":"AggregationEdit.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$item-list-selected-bg: rgba($primary, 0.4);\n$item-list-selected-color: $white;\n$item-list-hover-bg: $gray-500;\n$item-list-selected-hover-bg: $primary;\n\n.aggregation-edit {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  .top-menu {\n    background-color: $gray-800;\n    padding: 0 $spacer-2;\n    .form-inline {\n      .custom-control {\n        padding-top: $spacer-2;\n        padding-bottom: $spacer-2;\n\n        label {\n          justify-content: left;\n        }\n      }\n      .spacer {\n        flex-grow: 1;\n      }\n    }\n\n    .btn-link-icon {\n      color: $gray-400;\n\n      &.active {\n        color: $foreground;\n      }\n    }\n  }\n  .aggregation-edit-item-list {\n    flex-grow: 1;\n\n    .item-list-scroll-pane {\n      border: none;\n\n      .item-list-item {\n        padding-left: $spacer-2;\n        padding-right: $spacer-2;\n        display: flex;\n\n        &:hover {\n          label {\n            background-color: $item-list-hover-bg;\n            color: $item-list-selected-color;\n          }\n        }\n\n        .custom-control {\n          flex-grow: 1;\n          display: flex;\n\n          label {\n            padding-top: 1px;\n            padding-left: $spacer-2;\n            padding-right: $spacer-2;\n            flex-grow: 1;\n            border-radius: $border-radius;\n            margin-bottom: $spacer-2;\n            border: $input-border-width solid transparent;\n          }\n\n          &:focus-within label,\n          input[type='checkbox']:active + label {\n            background-color: $item-list-selected-bg;\n            color: $item-list-selected-color;\n          }\n        }\n      }\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","//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/sidebar/aggregations/AggregationEdit.js

@@ -0,0 +1,155 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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, { useCallback, useMemo, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { CSSTransition } from 'react-transition-group';
+import { Button, Checkbox, ItemList, ThemeExport } from '@deephaven/components';
+import { dhSortAlphaDown, dhSortAlphaUp } from '@deephaven/icons';
+import { TableUtils } from '@deephaven/jsapi-utils';
+import { filterValidColumns } from "./AggregationUtils.js";
+import "./AggregationEdit.css";
+var SortType;
+(function (SortType) {
+  SortType[SortType["NONE"] = 0] = "NONE";
+  SortType[SortType["ASCENDING"] = 1] = "ASCENDING";
+  SortType[SortType["DESCENDING"] = 2] = "DESCENDING";
+})(SortType || (SortType = {}));
+var DEFAULT_ROW_HEIGHT = 30;
+function AggregationEdit(_ref) {
+  var {
+    aggregation,
+    columns,
+    onChange
+  } = _ref;
+  var [top, setTop] = useState(-1);
+  var [bottom, setBottom] = useState(-1);
+  var [sort, setSort] = useState(SortType.NONE);
+  var {
+    invert,
+    selected
+  } = aggregation;
+  var list = useRef(null);
+  var isSelected = useCallback(name => selected.includes(name) ? !invert : invert, [invert, selected]);
+  var validColumns = useMemo(() => {
+    var filteredColumns = filterValidColumns(columns, aggregation.operation);
+    if (sort !== SortType.NONE) {
+      filteredColumns = TableUtils.sortColumns(filteredColumns, sort === SortType.ASCENDING);
+    }
+    return filteredColumns;
+  }, [columns, aggregation.operation, sort]);
+  var items = useMemo(() => top >= 0 ? validColumns.slice(top, bottom + 1).map(c => ({
+    value: c.name,
+    displayValue: c.name,
+    isSelected: isSelected(c.name)
+  })) : [], [validColumns, isSelected, bottom, top]);
+  var handleSelect = useCallback(itemIndex => {
+    var {
+      name
+    } = validColumns[itemIndex];
+    var selectedIndex = selected.indexOf(name);
+    var newSelected = [...selected];
+    var newInvert = invert;
+    if (selectedIndex >= 0) {
+      newSelected.splice(selectedIndex, 1);
+    } else {
+      newSelected.push(name);
+      if (newSelected.length === validColumns.length) {
+        // Every item is either selected or deselected, flip the inversion bit
+        newSelected = [];
+        newInvert = !invert;
+      }
+    }
+    onChange(_objectSpread(_objectSpread({}, aggregation), {}, {
+      selected: newSelected,
+      invert: newInvert
+    }));
+  }, [aggregation, invert, validColumns, selected, onChange]);
+  var handleReset = useCallback(() => {
+    setSort(SortType.NONE);
+    onChange(_objectSpread(_objectSpread({}, aggregation), {}, {
+      selected: [],
+      invert: true
+    }));
+  }, [aggregation, onChange]);
+  var handleViewportChange = useCallback((newTop, newBottom) => {
+    setTop(newTop);
+    setBottom(newBottom);
+  }, [setTop, setBottom]);
+  var toggleAll = useCallback(() => {
+    if (selected.length === 0) {
+      onChange(_objectSpread(_objectSpread({}, aggregation), {}, {
+        invert: !invert
+      }));
+    } else {
+      onChange(_objectSpread(_objectSpread({}, aggregation), {}, {
+        selected: [],
+        invert: true
+      }));
+    }
+  }, [aggregation, invert, onChange, selected]);
+  var checked = selected.length === 0 ? invert : null;
+  var isModified = selected.length !== 0 || !invert || sort !== SortType.NONE;
+  return /*#__PURE__*/React.createElement("div", {
+    role: "menu",
+    className: "aggregation-edit"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "top-menu"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "form-inline"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: checked,
+    onChange: toggleAll
+  }, "Toggle All"), /*#__PURE__*/React.createElement("div", {
+    className: "spacer"
+  }), /*#__PURE__*/React.createElement(CSSTransition, {
+    in: isModified,
+    timeout: ThemeExport.transitionSlowMs,
+    classNames: "fade",
+    mountOnEnter: true,
+    unmountOnExit: true
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    className: "btn-reset",
+    onClick: handleReset
+  }, "Reset")), /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    className: classNames({
+      active: sort === SortType.ASCENDING
+    }),
+    icon: dhSortAlphaDown,
+    tooltip: "Sort ascending",
+    onClick: () => setSort(SortType.ASCENDING)
+  }), /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    className: classNames({
+      active: sort === SortType.DESCENDING
+    }),
+    icon: dhSortAlphaUp,
+    tooltip: "Sort descending",
+    onClick: () => setSort(SortType.DESCENDING)
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "aggregation-edit-item-list"
+  }, /*#__PURE__*/React.createElement(ItemList, {
+    itemCount: validColumns.length,
+    items: items,
+    offset: top,
+    renderItem: _ref2 => {
+      var {
+        item
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Checkbox, {
+        checked: isSelected(item.value)
+      }, item.displayValue);
+    },
+    onSelect: handleSelect,
+    onViewportChange: handleViewportChange,
+    rowHeight: DEFAULT_ROW_HEIGHT,
+    focusSelector: "input",
+    ref: list
+  })));
+}
+export default AggregationEdit;
+//# sourceMappingURL=AggregationEdit.js.map

package/dist/sidebar/aggregations/AggregationEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationEdit.js","names":["React","useCallback","useMemo","useRef","useState","classNames","CSSTransition","Button","Checkbox","ItemList","ThemeExport","dhSortAlphaDown","dhSortAlphaUp","TableUtils","filterValidColumns","SortType","DEFAULT_ROW_HEIGHT","AggregationEdit","aggregation","columns","onChange","top","setTop","bottom","setBottom","sort","setSort","NONE","invert","selected","list","isSelected","name","includes","validColumns","filteredColumns","operation","sortColumns","ASCENDING","items","slice","map","c","value","displayValue","handleSelect","itemIndex","selectedIndex","indexOf","newSelected","newInvert","splice","push","length","handleReset","handleViewportChange","newTop","newBottom","toggleAll","checked","isModified","transitionSlowMs","active","DESCENDING","item"],"sources":["../../../src/sidebar/aggregations/AggregationEdit.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { Button, Checkbox, ItemList, ThemeExport } from '@deephaven/components';\nimport { dhSortAlphaDown, dhSortAlphaUp } from '@deephaven/icons';\nimport type { Column } from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport { Aggregation } from './Aggregations';\nimport { filterValidColumns } from './AggregationUtils';\nimport './AggregationEdit.scss';\n\ninterface AggregationEditItem {\n  value: string;\n  displayValue: string;\n}\n\nexport type AggregationEditProps = {\n  aggregation: Aggregation;\n  columns: readonly Column[];\n  onChange: (aggregation: Aggregation) => void;\n};\n\nenum SortType {\n  NONE,\n  ASCENDING,\n  DESCENDING,\n}\n\nconst DEFAULT_ROW_HEIGHT = 30;\n\nfunction AggregationEdit({\n  aggregation,\n  columns,\n  onChange,\n}: AggregationEditProps): JSX.Element {\n  const [top, setTop] = useState(-1);\n  const [bottom, setBottom] = useState(-1);\n  const [sort, setSort] = useState(SortType.NONE);\n  const { invert, selected } = aggregation;\n  const list = useRef<ItemList<AggregationEditItem>>(null);\n\n  const isSelected = useCallback(\n    name => (selected.includes(name) ? !invert : invert),\n    [invert, selected]\n  );\n\n  const validColumns = useMemo(() => {\n    let filteredColumns = filterValidColumns(columns, aggregation.operation);\n    if (sort !== SortType.NONE) {\n      filteredColumns = TableUtils.sortColumns(\n        filteredColumns,\n        sort === SortType.ASCENDING\n      );\n    }\n    return filteredColumns;\n  }, [columns, aggregation.operation, sort]);\n\n  const items = useMemo(\n    () =>\n      top >= 0\n        ? validColumns.slice(top, bottom + 1).map(c => ({\n            value: c.name,\n            displayValue: c.name,\n            isSelected: isSelected(c.name),\n          }))\n        : [],\n    [validColumns, isSelected, bottom, top]\n  );\n\n  const handleSelect = useCallback(\n    itemIndex => {\n      const { name } = validColumns[itemIndex];\n      const selectedIndex = selected.indexOf(name);\n      let newSelected = [...selected];\n      let newInvert = invert;\n      if (selectedIndex >= 0) {\n        newSelected.splice(selectedIndex, 1);\n      } else {\n        newSelected.push(name);\n        if (newSelected.length === validColumns.length) {\n          // Every item is either selected or deselected, flip the inversion bit\n          newSelected = [];\n          newInvert = !invert;\n        }\n      }\n\n      onChange({ ...aggregation, selected: newSelected, invert: newInvert });\n    },\n    [aggregation, invert, validColumns, selected, onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    setSort(SortType.NONE);\n    onChange({ ...aggregation, selected: [], invert: true });\n  }, [aggregation, onChange]);\n\n  const handleViewportChange = useCallback(\n    (newTop, newBottom) => {\n      setTop(newTop);\n      setBottom(newBottom);\n    },\n    [setTop, setBottom]\n  );\n\n  const toggleAll = useCallback(() => {\n    if (selected.length === 0) {\n      onChange({ ...aggregation, invert: !invert });\n    } else {\n      onChange({ ...aggregation, selected: [], invert: true });\n    }\n  }, [aggregation, invert, onChange, selected]);\n\n  const checked = selected.length === 0 ? invert : null;\n  const isModified = selected.length !== 0 || !invert || sort !== SortType.NONE;\n\n  return (\n    <div role=\"menu\" className=\"aggregation-edit\">\n      <div className=\"top-menu\">\n        <div className=\"form-inline\">\n          <Checkbox checked={checked} onChange={toggleAll}>\n            Toggle All\n          </Checkbox>\n          <div className=\"spacer\" />\n          <CSSTransition\n            in={isModified}\n            timeout={ThemeExport.transitionSlowMs}\n            classNames=\"fade\"\n            mountOnEnter\n            unmountOnExit\n          >\n            <Button kind=\"ghost\" className=\"btn-reset\" onClick={handleReset}>\n              Reset\n            </Button>\n          </CSSTransition>\n          <Button\n            kind=\"ghost\"\n            className={classNames({\n              active: sort === SortType.ASCENDING,\n            })}\n            icon={dhSortAlphaDown}\n            tooltip=\"Sort ascending\"\n            onClick={() => setSort(SortType.ASCENDING)}\n          />\n          <Button\n            kind=\"ghost\"\n            className={classNames({\n              active: sort === SortType.DESCENDING,\n            })}\n            icon={dhSortAlphaUp}\n            tooltip=\"Sort descending\"\n            onClick={() => setSort(SortType.DESCENDING)}\n          />\n        </div>\n      </div>\n      <div className=\"aggregation-edit-item-list\">\n        <ItemList\n          itemCount={validColumns.length}\n          items={items}\n          offset={top}\n          renderItem={({ item }) => (\n            <Checkbox checked={isSelected(item.value)}>\n              {item.displayValue}\n            </Checkbox>\n          )}\n          onSelect={handleSelect}\n          onViewportChange={handleViewportChange}\n          rowHeight={DEFAULT_ROW_HEIGHT}\n          focusSelector=\"input\"\n          ref={list}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default AggregationEdit;\n"],"mappings":"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"}

package/dist/sidebar/aggregations/AggregationOperation.js

@@ -0,0 +1,19 @@
+var AggregationOperation;
+(function (AggregationOperation) {
+  AggregationOperation["COUNT"] = "Count";
+  AggregationOperation["MIN"] = "Min";
+  AggregationOperation["MAX"] = "Max";
+  AggregationOperation["SUM"] = "Sum";
+  AggregationOperation["ABS_SUM"] = "AbsSum";
+  AggregationOperation["VAR"] = "Var";
+  AggregationOperation["AVG"] = "Avg";
+  AggregationOperation["STD"] = "Std";
+  AggregationOperation["FIRST"] = "First";
+  AggregationOperation["LAST"] = "Last";
+  AggregationOperation["SKIP"] = "Skip";
+  AggregationOperation["COUNT_DISTINCT"] = "CountDistinct";
+  AggregationOperation["DISTINCT"] = "Distinct";
+  AggregationOperation["UNIQUE"] = "Unique";
+})(AggregationOperation || (AggregationOperation = {}));
+export default AggregationOperation;
+//# sourceMappingURL=AggregationOperation.js.map

package/dist/sidebar/aggregations/AggregationOperation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationOperation.js","names":["AggregationOperation"],"sources":["../../../src/sidebar/aggregations/AggregationOperation.ts"],"sourcesContent":["enum AggregationOperation {\n  COUNT = 'Count',\n  MIN = 'Min',\n  MAX = 'Max',\n  SUM = 'Sum',\n  ABS_SUM = 'AbsSum',\n  VAR = 'Var',\n  AVG = 'Avg',\n  STD = 'Std',\n  FIRST = 'First',\n  LAST = 'Last',\n  SKIP = 'Skip',\n  COUNT_DISTINCT = 'CountDistinct',\n  DISTINCT = 'Distinct',\n  UNIQUE = 'Unique',\n}\n\nexport default AggregationOperation;\n"],"mappings":"IAAKA,oBAAoB;AAAA,WAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;AAAA,GAApBA,oBAAoB,KAApBA,oBAAoB;AAiBzB,eAAeA,oBAAoB"}

package/dist/sidebar/aggregations/AggregationUtils.js

@@ -0,0 +1,59 @@
+import { TableUtils } from '@deephaven/jsapi-utils';
+import AggregationOperation from "./AggregationOperation.js";
+export var SELECTABLE_OPTIONS = [AggregationOperation.SUM, AggregationOperation.ABS_SUM, AggregationOperation.MIN, AggregationOperation.MAX, AggregationOperation.VAR, AggregationOperation.AVG, AggregationOperation.STD, AggregationOperation.FIRST, AggregationOperation.LAST, AggregationOperation.COUNT_DISTINCT, AggregationOperation.DISTINCT, AggregationOperation.COUNT, AggregationOperation.UNIQUE];
+
+/**
+ * Check if an operation requires a rollup/table grouping
+ * @param type The operation to check
+ * @returns True if this operation applies to the whole table, false if applies to columns
+ */
+export var isRollupOperation = type => {
+  switch (type) {
+    // currently no rollup only operations, but there has been in the past
+    default:
+      return false;
+  }
+};
+
+/**
+ * Check if an operation is valid against the given column type
+ * @param operationType The operation to check
+ * @param columnType The column type to check against
+ */
+export var isValidOperation = (operationType, columnType) => {
+  switch (operationType) {
+    case AggregationOperation.COUNT:
+    case AggregationOperation.FIRST:
+    case AggregationOperation.LAST:
+    case AggregationOperation.COUNT_DISTINCT:
+    case AggregationOperation.DISTINCT:
+    case AggregationOperation.UNIQUE:
+      return true;
+    case AggregationOperation.MIN:
+    case AggregationOperation.MAX:
+      return TableUtils.isNumberType(columnType) || TableUtils.isDateType(columnType) || TableUtils.isTextType(columnType);
+    case AggregationOperation.SUM:
+    case AggregationOperation.ABS_SUM:
+    case AggregationOperation.VAR:
+    case AggregationOperation.AVG:
+    case AggregationOperation.STD:
+      return TableUtils.isNumberType(columnType);
+    case AggregationOperation.SKIP:
+      return false;
+    // No default case - if AggregationOperation is added, we'll get a compile time error
+  }
+};
+
+export var filterValidColumns = (columns, operationType) => columns.filter(c => isValidOperation(operationType, c.type));
+export var getOperationColumnNames = (columns, operationType, selected, invert) => filterValidColumns(columns, operationType).map(_ref => {
+  var {
+    name
+  } = _ref;
+  return name;
+}).filter(name => selected.includes(name) ? !invert : invert);
+export default {
+  isRollupOperation,
+  filterValidColumns,
+  getOperationColumnNames
+};
+//# sourceMappingURL=AggregationUtils.js.map

package/dist/sidebar/aggregations/AggregationUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationUtils.js","names":["TableUtils","AggregationOperation","SELECTABLE_OPTIONS","SUM","ABS_SUM","MIN","MAX","VAR","AVG","STD","FIRST","LAST","COUNT_DISTINCT","DISTINCT","COUNT","UNIQUE","isRollupOperation","type","isValidOperation","operationType","columnType","isNumberType","isDateType","isTextType","SKIP","filterValidColumns","columns","filter","c","getOperationColumnNames","selected","invert","map","name","includes"],"sources":["../../../src/sidebar/aggregations/AggregationUtils.ts"],"sourcesContent":["import type { Column } from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport AggregationOperation from './AggregationOperation';\n\nexport const SELECTABLE_OPTIONS = [\n  AggregationOperation.SUM,\n  AggregationOperation.ABS_SUM,\n  AggregationOperation.MIN,\n  AggregationOperation.MAX,\n  AggregationOperation.VAR,\n  AggregationOperation.AVG,\n  AggregationOperation.STD,\n  AggregationOperation.FIRST,\n  AggregationOperation.LAST,\n  AggregationOperation.COUNT_DISTINCT,\n  AggregationOperation.DISTINCT,\n  AggregationOperation.COUNT,\n  AggregationOperation.UNIQUE,\n];\n\n/**\n * Check if an operation requires a rollup/table grouping\n * @param type The operation to check\n * @returns True if this operation applies to the whole table, false if applies to columns\n */\nexport const isRollupOperation = (type: AggregationOperation): boolean => {\n  switch (type) {\n    // currently no rollup only operations, but there has been in the past\n    default:\n      return false;\n  }\n};\n\n/**\n * Check if an operation is valid against the given column type\n * @param operationType The operation to check\n * @param columnType The column type to check against\n */\nexport const isValidOperation = (\n  operationType: AggregationOperation,\n  columnType: string\n): boolean => {\n  switch (operationType) {\n    case AggregationOperation.COUNT:\n    case AggregationOperation.FIRST:\n    case AggregationOperation.LAST:\n    case AggregationOperation.COUNT_DISTINCT:\n    case AggregationOperation.DISTINCT:\n    case AggregationOperation.UNIQUE:\n      return true;\n    case AggregationOperation.MIN:\n    case AggregationOperation.MAX:\n      return (\n        TableUtils.isNumberType(columnType) ||\n        TableUtils.isDateType(columnType) ||\n        TableUtils.isTextType(columnType)\n      );\n    case AggregationOperation.SUM:\n    case AggregationOperation.ABS_SUM:\n    case AggregationOperation.VAR:\n    case AggregationOperation.AVG:\n    case AggregationOperation.STD:\n      return TableUtils.isNumberType(columnType);\n    case AggregationOperation.SKIP:\n      return false;\n    // No default case - if AggregationOperation is added, we'll get a compile time error\n  }\n};\n\nexport const filterValidColumns = (\n  columns: readonly Column[],\n  operationType: AggregationOperation\n): Column[] => columns.filter(c => isValidOperation(operationType, c.type));\n\nexport const getOperationColumnNames = (\n  columns: readonly Column[],\n  operationType: AggregationOperation,\n  selected: readonly string[],\n  invert: boolean\n): string[] =>\n  filterValidColumns(columns, operationType)\n    .map(({ name }) => name)\n    .filter(name => (selected.includes(name) ? !invert : invert));\n\nexport default {\n  isRollupOperation,\n  filterValidColumns,\n  getOperationColumnNames,\n};\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,wBAAwB;AAAC,OAC7CC,oBAAoB;AAE3B,OAAO,IAAMC,kBAAkB,GAAG,CAChCD,oBAAoB,CAACE,GAAG,EACxBF,oBAAoB,CAACG,OAAO,EAC5BH,oBAAoB,CAACI,GAAG,EACxBJ,oBAAoB,CAACK,GAAG,EACxBL,oBAAoB,CAACM,GAAG,EACxBN,oBAAoB,CAACO,GAAG,EACxBP,oBAAoB,CAACQ,GAAG,EACxBR,oBAAoB,CAACS,KAAK,EAC1BT,oBAAoB,CAACU,IAAI,EACzBV,oBAAoB,CAACW,cAAc,EACnCX,oBAAoB,CAACY,QAAQ,EAC7BZ,oBAAoB,CAACa,KAAK,EAC1Bb,oBAAoB,CAACc,MAAM,CAC5B;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAIC,IAA0B,IAAc;EACxE,QAAQA,IAAI;IACV;IACA;MACE,OAAO,KAAK;EAAC;AAEnB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,GAAG,CAC9BC,aAAmC,EACnCC,UAAkB,KACN;EACZ,QAAQD,aAAa;IACnB,KAAKlB,oBAAoB,CAACa,KAAK;IAC/B,KAAKb,oBAAoB,CAACS,KAAK;IAC/B,KAAKT,oBAAoB,CAACU,IAAI;IAC9B,KAAKV,oBAAoB,CAACW,cAAc;IACxC,KAAKX,oBAAoB,CAACY,QAAQ;IAClC,KAAKZ,oBAAoB,CAACc,MAAM;MAC9B,OAAO,IAAI;IACb,KAAKd,oBAAoB,CAACI,GAAG;IAC7B,KAAKJ,oBAAoB,CAACK,GAAG;MAC3B,OACEN,UAAU,CAACqB,YAAY,CAACD,UAAU,CAAC,IACnCpB,UAAU,CAACsB,UAAU,CAACF,UAAU,CAAC,IACjCpB,UAAU,CAACuB,UAAU,CAACH,UAAU,CAAC;IAErC,KAAKnB,oBAAoB,CAACE,GAAG;IAC7B,KAAKF,oBAAoB,CAACG,OAAO;IACjC,KAAKH,oBAAoB,CAACM,GAAG;IAC7B,KAAKN,oBAAoB,CAACO,GAAG;IAC7B,KAAKP,oBAAoB,CAACQ,GAAG;MAC3B,OAAOT,UAAU,CAACqB,YAAY,CAACD,UAAU,CAAC;IAC5C,KAAKnB,oBAAoB,CAACuB,IAAI;MAC5B,OAAO,KAAK;IACd;EAAA;AAEJ,CAAC;;AAED,OAAO,IAAMC,kBAAkB,GAAG,CAChCC,OAA0B,EAC1BP,aAAmC,KACtBO,OAAO,CAACC,MAAM,CAACC,CAAC,IAAIV,gBAAgB,CAACC,aAAa,EAAES,CAAC,CAACX,IAAI,CAAC,CAAC;AAE3E,OAAO,IAAMY,uBAAuB,GAAG,CACrCH,OAA0B,EAC1BP,aAAmC,EACnCW,QAA2B,EAC3BC,MAAe,KAEfN,kBAAkB,CAACC,OAAO,EAAEP,aAAa,CAAC,CACvCa,GAAG,CAAC;EAAA,IAAC;IAAEC;EAAK,CAAC;EAAA,OAAKA,IAAI;AAAA,EAAC,CACvBN,MAAM,CAACM,IAAI,IAAKH,QAAQ,CAACI,QAAQ,CAACD,IAAI,CAAC,GAAG,CAACF,MAAM,GAAGA,MAAO,CAAC;AAEjE,eAAe;EACbf,iBAAiB;EACjBS,kBAAkB;EAClBI;AACF,CAAC"}

package/dist/sidebar/aggregations/Aggregations.css

@@ -0,0 +1,43 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.aggregations {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aggregations hr {
+  margin: 0.5rem 0.5rem;
+  background-color: #211f22;
+}
+.aggregations .form-inline {
+  padding: 0.5rem;
+}
+.aggregations .form-inline .btn-add {
+  margin-left: 0.25rem;
+}
+.aggregations .form-inline .custom-radio {
+  margin-right: 1rem;
+}
+.aggregations .form-inline .custom-radio:first-of-type {
+  margin-left: 0.5rem;
+}
+.aggregations .draggable-item-list {
+  flex-grow: 1;
+}
+.aggregations .draggable-item-list .item-list-scroll-pane {
+  border: none;
+}
+.aggregations .draggable-item-list .draggable-item-list-item-content {
+  margin-right: 0;
+}
+.aggregations .draggable-item-list .draggable-item-list-item-content .title span {
+  margin-left: 0.5rem;
+}
+.aggregations .draggable-item-list .btn-link-icon {
+  padding: 0 0.5rem 0;
+  margin: -1px 0 0.25rem 0.25rem;
+}
+.aggregations .draggable-item-list .btn-link-icon:last-child {
+  margin-right: 0.25rem;
+}
+
+/*# sourceMappingURL=Aggregations.css.map */

package/dist/sidebar/aggregations/Aggregations.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/aggregations/Aggregations.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;;AAEA;EACE;EACA,kBCkBO;;ADfT;EACE,SEVO;;AFYP;EACE,aEdK;;AFiBP;EACE,cEhBK;;AFiBL;EACE,aEnBG;;AFwBT;EACE;;AACA;EACE;;AAGF;EACE;;AAGE;EACE,aEnCC;;AFwCP;EACE;EACA;;AAEA;EACE,cE9CG","file":"Aggregations.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.aggregations {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  hr {\n    margin: $spacer-2 $spacer-2;\n    background-color: $gray-900;\n  }\n\n  .form-inline {\n    padding: $spacer-2;\n\n    .btn-add {\n      margin-left: $spacer-1;\n    }\n\n    .custom-radio {\n      margin-right: $spacer-3;\n      &:first-of-type {\n        margin-left: $spacer-2;\n      }\n    }\n  }\n\n  .draggable-item-list {\n    flex-grow: 1;\n    .item-list-scroll-pane {\n      border: none;\n    }\n\n    .draggable-item-list-item-content {\n      margin-right: 0;\n\n      .title {\n        span {\n          margin-left: $spacer-2;\n        }\n      }\n    }\n\n    .btn-link-icon {\n      padding: 0 $spacer-2 0;\n      margin: -1px 0 $spacer-1 $spacer-1;\n\n      &:last-child {\n        margin-right: $spacer-1;\n      }\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","//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/sidebar/aggregations/Aggregations.js

@@ -0,0 +1,178 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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, { useCallback, useEffect, useMemo, useState } from 'react';
+import { DragDropContext } from 'react-beautiful-dnd';
+import classNames from 'classnames';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { dhNewCircleLargeFilled, vsTrash, vsEdit, dhWarningFilled } from '@deephaven/icons';
+import Log from '@deephaven/log';
+import { DraggableItemList, DragUtils, Option, Select, RadioItem, RadioGroup, Button } from '@deephaven/components';
+import AggregationUtils, { SELECTABLE_OPTIONS } from "./AggregationUtils.js";
+import "./Aggregations.css";
+var log = Log.module('Aggregations');
+function Aggregations(_ref) {
+  var {
+    isRollup,
+    settings,
+    onChange,
+    onEdit
+  } = _ref;
+  var {
+    aggregations,
+    showOnTop
+  } = settings;
+  var options = useMemo(() => SELECTABLE_OPTIONS.filter(option => !aggregations.some(aggregation => aggregation.operation === option)), [aggregations]);
+  var [selectedOperation, setSelectedOperation] = useState(options[0]);
+  var [selectedRanges, setSelectedRanges] = useState([]);
+  var changeSettings = useCallback(changedSettings => {
+    onChange(_objectSpread(_objectSpread({}, settings), changedSettings));
+  }, [onChange, settings]);
+  var changeAggregations = useCallback(newAggregations => {
+    changeSettings({
+      aggregations: newAggregations
+    });
+  }, [changeSettings]);
+  var changeShowOnTop = useCallback(newShowOnTop => {
+    changeSettings({
+      showOnTop: newShowOnTop
+    });
+  }, [changeSettings]);
+  var handleDragStart = useCallback(() => {
+    log.debug('handleDragStart');
+    DragUtils.startDragging();
+  }, []);
+  var handleDragEnd = useCallback(_ref2 => {
+    var {
+      destination,
+      source
+    } = _ref2;
+    log.debug('handleDragEnd', destination, source);
+    DragUtils.stopDragging();
+    if (destination === null) {
+      return;
+    }
+    var destinationIndex = destination.index;
+    if (source.index < destination.index) {
+      destinationIndex += 1;
+    }
+    var newAggregations = [...aggregations];
+    var draggedItems = DragUtils.reorder(newAggregations, selectedRanges, newAggregations, destinationIndex);
+    var insertIndex = DragUtils.adjustDestinationIndex(destinationIndex, selectedRanges);
+    var newSelectedRanges = [[insertIndex, insertIndex + draggedItems.length - 1]];
+    changeAggregations(newAggregations);
+    setSelectedRanges(newSelectedRanges);
+  }, [changeAggregations, aggregations, selectedRanges, setSelectedRanges]);
+  var handleOperationChange = useCallback(operation => {
+    setSelectedOperation(operation);
+  }, [setSelectedOperation]);
+  var handleAdd = useCallback(() => {
+    changeAggregations([...aggregations, {
+      operation: selectedOperation,
+      selected: [],
+      invert: true
+    }]);
+  }, [aggregations, selectedOperation, changeAggregations]);
+  var handleDeleteClicked = useCallback(itemIndex => {
+    changeAggregations(aggregations.filter((aggregation, index) => index !== itemIndex));
+  }, [aggregations, changeAggregations]);
+  var handleAggregationSelectionChange = useCallback(newSelectedRanges => {
+    setSelectedRanges(newSelectedRanges);
+  }, [setSelectedRanges]);
+  var handleAggregationSelect = useCallback(itemIndex => {
+    var aggregation = aggregations[itemIndex];
+    if (!AggregationUtils.isRollupOperation(aggregation.operation)) {
+      onEdit(aggregation);
+    }
+  }, [aggregations, onEdit]);
+  var handleShowOnTopChange = useCallback(event => {
+    changeShowOnTop(event.target.value === 'true');
+  }, [changeShowOnTop]);
+  useEffect(function setDefaultOperation() {
+    if (options.length > 0 && !options.includes(selectedOperation)) {
+      setSelectedOperation(options[0]);
+    }
+  }, [options, selectedOperation]);
+  var renderAggregation = useCallback(_ref3 => {
+    var {
+      item,
+      itemIndex,
+      isClone = false,
+      selectedCount
+    } = _ref3;
+    var text = item.operation;
+    var badgeText = isClone ? "".concat(selectedCount) : undefined;
+    var className = isClone ? 'item-list-item-clone' : undefined;
+    var isRollupOperation = AggregationUtils.isRollupOperation(item.operation);
+    var isEditable = !isClone && !isRollupOperation;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: classNames('item-list-item-content', 'draggable-item-list-item-content', className)
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "title"
+    }, text, !isRollup && isRollupOperation && /*#__PURE__*/React.createElement("span", {
+      className: "small text-warning"
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: dhWarningFilled
+    }), " Requires rollup")), DraggableItemList.renderBadge({
+      text: badgeText
+    }), DraggableItemList.renderHandle()), !isClone && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      kind: "ghost",
+      className: "btn-edit",
+      icon: vsEdit,
+      tooltip: "Edit Columns",
+      onClick: () => onEdit(item),
+      disabled: !isEditable
+    }), /*#__PURE__*/React.createElement(Button, {
+      kind: "ghost",
+      className: "btn-delete",
+      icon: vsTrash,
+      tooltip: "Delete Aggregation",
+      onClick: () => handleDeleteClicked(itemIndex)
+    })));
+  }, [handleDeleteClicked, onEdit, isRollup]);
+  var isOptionsShown = options.length > 0;
+  var isAggregationsShown = aggregations.length > 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aggregations"
+  }, isOptionsShown && /*#__PURE__*/React.createElement("div", {
+    className: "form-inline"
+  }, /*#__PURE__*/React.createElement(Select, {
+    onChange: handleOperationChange,
+    value: selectedOperation
+  }, options.map(option => /*#__PURE__*/React.createElement(Option, {
+    value: option,
+    key: option
+  }, option))), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "btn btn-link btn-add",
+    onClick: handleAdd
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: dhNewCircleLargeFilled
+  }), "Add Aggregation")), isOptionsShown && isAggregationsShown && /*#__PURE__*/React.createElement("hr", null), isAggregationsShown && /*#__PURE__*/React.createElement(React.Fragment, null, !isRollup && /*#__PURE__*/React.createElement("div", {
+    className: "form-inline"
+  }, /*#__PURE__*/React.createElement("label", null, "Placement:\xA0"), /*#__PURE__*/React.createElement(RadioGroup, {
+    onChange: handleShowOnTopChange,
+    value: "".concat(showOnTop)
+  }, /*#__PURE__*/React.createElement(RadioItem, {
+    value: "true"
+  }, "Top"), /*#__PURE__*/React.createElement(RadioItem, {
+    value: "false"
+  }, "Bottom"))), /*#__PURE__*/React.createElement(DragDropContext, {
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(DraggableItemList, {
+    className: "selected-aggregations",
+    itemCount: aggregations.length,
+    items: aggregations,
+    renderItem: renderAggregation,
+    offset: 0,
+    onSelectionChange: handleAggregationSelectionChange,
+    onSelect: handleAggregationSelect,
+    selectedRanges: selectedRanges,
+    isMultiSelect: true
+  }))));
+}
+export default Aggregations;
+//# sourceMappingURL=Aggregations.js.map

package/dist/sidebar/aggregations/Aggregations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aggregations.js","names":["React","useCallback","useEffect","useMemo","useState","DragDropContext","classNames","FontAwesomeIcon","dhNewCircleLargeFilled","vsTrash","vsEdit","dhWarningFilled","Log","DraggableItemList","DragUtils","Option","Select","RadioItem","RadioGroup","Button","AggregationUtils","SELECTABLE_OPTIONS","log","module","Aggregations","isRollup","settings","onChange","onEdit","aggregations","showOnTop","options","filter","option","some","aggregation","operation","selectedOperation","setSelectedOperation","selectedRanges","setSelectedRanges","changeSettings","changedSettings","changeAggregations","newAggregations","changeShowOnTop","newShowOnTop","handleDragStart","debug","startDragging","handleDragEnd","destination","source","stopDragging","destinationIndex","index","draggedItems","reorder","insertIndex","adjustDestinationIndex","newSelectedRanges","length","handleOperationChange","handleAdd","selected","invert","handleDeleteClicked","itemIndex","handleAggregationSelectionChange","handleAggregationSelect","isRollupOperation","handleShowOnTopChange","event","target","value","setDefaultOperation","includes","renderAggregation","item","isClone","selectedCount","text","badgeText","undefined","className","isEditable","renderBadge","renderHandle","isOptionsShown","isAggregationsShown","map"],"sources":["../../../src/sidebar/aggregations/Aggregations.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { DragDropContext } from 'react-beautiful-dnd';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  dhNewCircleLargeFilled,\n  vsTrash,\n  vsEdit,\n  dhWarningFilled,\n} from '@deephaven/icons';\nimport Log from '@deephaven/log';\nimport {\n  DraggableItemList,\n  DragUtils,\n  Option,\n  Select,\n  RadioItem,\n  RadioGroup,\n  Button,\n} from '@deephaven/components';\nimport type { DraggableRenderItemProps, Range } from '@deephaven/components';\nimport { ModelIndex } from '@deephaven/grid';\nimport AggregationOperation from './AggregationOperation';\nimport AggregationUtils, { SELECTABLE_OPTIONS } from './AggregationUtils';\nimport './Aggregations.scss';\n\nconst log = Log.module('Aggregations');\n\nexport type Aggregation = {\n  operation: AggregationOperation;\n  selected: readonly string[];\n  invert: boolean;\n};\n\nexport type AggregationSettings = {\n  aggregations: readonly Aggregation[];\n  showOnTop: boolean;\n};\n\nexport type AggregationsProps = {\n  isRollup: boolean;\n  settings: AggregationSettings;\n  onChange: (settings: AggregationSettings) => void;\n  onEdit: (aggregation: Aggregation) => void;\n};\n\nfunction Aggregations({\n  isRollup,\n  settings,\n  onChange,\n  onEdit,\n}: AggregationsProps): JSX.Element {\n  const { aggregations, showOnTop } = settings;\n  const options = useMemo(\n    () =>\n      SELECTABLE_OPTIONS.filter(\n        option =>\n          !aggregations.some(aggregation => aggregation.operation === option)\n      ),\n    [aggregations]\n  );\n  const [selectedOperation, setSelectedOperation] = useState(options[0]);\n  const [selectedRanges, setSelectedRanges] = useState<Range[]>([]);\n  const changeSettings = useCallback(\n    changedSettings => {\n      onChange({ ...settings, ...changedSettings });\n    },\n    [onChange, settings]\n  );\n  const changeAggregations = useCallback(\n    newAggregations => {\n      changeSettings({ aggregations: newAggregations });\n    },\n    [changeSettings]\n  );\n\n  const changeShowOnTop = useCallback(\n    newShowOnTop => {\n      changeSettings({ showOnTop: newShowOnTop });\n    },\n    [changeSettings]\n  );\n\n  const handleDragStart = useCallback(() => {\n    log.debug('handleDragStart');\n\n    DragUtils.startDragging();\n  }, []);\n\n  const handleDragEnd = useCallback(\n    ({ destination, source }) => {\n      log.debug('handleDragEnd', destination, source);\n\n      DragUtils.stopDragging();\n\n      if (destination === null) {\n        return;\n      }\n\n      let destinationIndex = destination.index;\n      if (source.index < destination.index) {\n        destinationIndex += 1;\n      }\n\n      const newAggregations = [...aggregations];\n      const draggedItems = DragUtils.reorder(\n        newAggregations,\n        selectedRanges,\n        newAggregations,\n        destinationIndex\n      );\n      const insertIndex = DragUtils.adjustDestinationIndex(\n        destinationIndex,\n        selectedRanges\n      );\n      const newSelectedRanges: Range[] = [\n        [insertIndex, insertIndex + draggedItems.length - 1],\n      ];\n      changeAggregations(newAggregations);\n      setSelectedRanges(newSelectedRanges);\n    },\n    [changeAggregations, aggregations, selectedRanges, setSelectedRanges]\n  );\n\n  const handleOperationChange = useCallback(\n    operation => {\n      setSelectedOperation(operation);\n    },\n    [setSelectedOperation]\n  );\n\n  const handleAdd = useCallback(() => {\n    changeAggregations([\n      ...aggregations,\n      { operation: selectedOperation, selected: [], invert: true },\n    ]);\n  }, [aggregations, selectedOperation, changeAggregations]);\n\n  const handleDeleteClicked = useCallback(\n    (itemIndex: ModelIndex) => {\n      changeAggregations(\n        aggregations.filter((aggregation, index) => index !== itemIndex)\n      );\n    },\n    [aggregations, changeAggregations]\n  );\n\n  const handleAggregationSelectionChange = useCallback(\n    newSelectedRanges => {\n      setSelectedRanges(newSelectedRanges);\n    },\n    [setSelectedRanges]\n  );\n\n  const handleAggregationSelect = useCallback(\n    itemIndex => {\n      const aggregation = aggregations[itemIndex];\n      if (!AggregationUtils.isRollupOperation(aggregation.operation)) {\n        onEdit(aggregation);\n      }\n    },\n    [aggregations, onEdit]\n  );\n\n  const handleShowOnTopChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      changeShowOnTop(event.target.value === 'true');\n    },\n    [changeShowOnTop]\n  );\n\n  useEffect(\n    function setDefaultOperation() {\n      if (options.length > 0 && !options.includes(selectedOperation)) {\n        setSelectedOperation(options[0]);\n      }\n    },\n    [options, selectedOperation]\n  );\n\n  const renderAggregation = useCallback(\n    ({\n      item,\n      itemIndex,\n      isClone = false,\n      selectedCount,\n    }: DraggableRenderItemProps<Aggregation>) => {\n      const text = item.operation;\n      const badgeText = isClone ? `${selectedCount}` : undefined;\n      const className = isClone ? 'item-list-item-clone' : undefined;\n      const isRollupOperation = AggregationUtils.isRollupOperation(\n        item.operation\n      );\n      const isEditable = !isClone && !isRollupOperation;\n      return (\n        <>\n          <div\n            className={classNames(\n              'item-list-item-content',\n              'draggable-item-list-item-content',\n              className\n            )}\n          >\n            <span className=\"title\">\n              {text}\n              {!isRollup && isRollupOperation && (\n                <span className=\"small text-warning\">\n                  <FontAwesomeIcon icon={dhWarningFilled} /> Requires rollup\n                </span>\n              )}\n            </span>\n            {DraggableItemList.renderBadge({ text: badgeText })}\n            {DraggableItemList.renderHandle()}\n          </div>\n          {!isClone && (\n            <>\n              <Button\n                kind=\"ghost\"\n                className=\"btn-edit\"\n                icon={vsEdit}\n                tooltip=\"Edit Columns\"\n                onClick={() => onEdit(item)}\n                disabled={!isEditable}\n              />\n              <Button\n                kind=\"ghost\"\n                className=\"btn-delete\"\n                icon={vsTrash}\n                tooltip=\"Delete Aggregation\"\n                onClick={() => handleDeleteClicked(itemIndex)}\n              />\n            </>\n          )}\n        </>\n      );\n    },\n    [handleDeleteClicked, onEdit, isRollup]\n  );\n\n  const isOptionsShown = options.length > 0;\n  const isAggregationsShown = aggregations.length > 0;\n\n  return (\n    <div className=\"aggregations\">\n      {isOptionsShown && (\n        <div className=\"form-inline\">\n          <Select onChange={handleOperationChange} value={selectedOperation}>\n            {options.map(option => (\n              <Option value={option} key={option}>\n                {option}\n              </Option>\n            ))}\n          </Select>\n          <button\n            type=\"button\"\n            className=\"btn btn-link btn-add\"\n            onClick={handleAdd}\n          >\n            <FontAwesomeIcon icon={dhNewCircleLargeFilled} />\n            Add Aggregation\n          </button>\n        </div>\n      )}\n      {isOptionsShown && isAggregationsShown && <hr />}\n      {isAggregationsShown && (\n        <>\n          {!isRollup && (\n            <div className=\"form-inline\">\n              <label>Placement:&nbsp;</label>\n              <RadioGroup\n                onChange={handleShowOnTopChange}\n                value={`${showOnTop}`}\n              >\n                <RadioItem value=\"true\">Top</RadioItem>\n                <RadioItem value=\"false\">Bottom</RadioItem>\n              </RadioGroup>\n            </div>\n          )}\n          <DragDropContext\n            onDragStart={handleDragStart}\n            onDragEnd={handleDragEnd}\n          >\n            <DraggableItemList<Aggregation>\n              className=\"selected-aggregations\"\n              itemCount={aggregations.length}\n              items={aggregations}\n              renderItem={renderAggregation}\n              offset={0}\n              onSelectionChange={handleAggregationSelectionChange}\n              onSelect={handleAggregationSelect}\n              selectedRanges={selectedRanges}\n              isMultiSelect\n            />\n          </DragDropContext>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default Aggregations;\n"],"mappings":"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"}

package/dist/sidebar/aggregations/index.js

@@ -0,0 +1,2 @@
+export * from "./Aggregations.js";
+//# sourceMappingURL=index.js.map

package/dist/sidebar/aggregations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/sidebar/aggregations/index.ts"],"sourcesContent":["export * from './Aggregations';\n"],"mappings":""}