@deephaven/components 1.22.1 → 1.22.2-alpha-pivot-builder.0

package/dist/HierarchicalCheckboxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalCheckboxMenu.js","names":["React","Component","FontAwesomeIcon","classNames","Checkbox","Popper","Button","jsx","_jsx","jsxs","_jsxs","HierarchicalCheckboxMenu","isParentSelected","parent","valueMap","children","get","undefined","includesTrue","Array","from","values","includes","includesFalse","constructor","props","toggleMenu","bind","toggleValueFor","selectAll","clear","state","menuIsOpen","event","stopPropagation","preventDefault","setState","child","onUpdateValueMap","map","Map","newChildren","set","parentSelected","newChildValue","forEach","_","key","currentChildren","setAllValues","value","copy","renderMenuElement","dataTestId","className","entries","_ref","checked","onChange","_ref2","kind","onClick","concat","render","menuText","icon","id","type","options","placement","isShown","onExited","closeOnBlur","interactive","_defineProperty"],"sources":["../src/HierarchicalCheckboxMenu.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { type IconDefinition } from '@deephaven/icons';\nimport classNames from 'classnames';\nimport Checkbox from './Checkbox';\nimport Popper from './popper/Popper';\nimport './HierarchicalCheckboxMenu.scss';\nimport Button from './Button';\n\nexport type HierarchicalCheckboxValueMap = Map<\n  string,\n  boolean | Map<string, boolean>\n>;\n\ntype HierarchicalCheckboxMenuProps = {\n  className: string;\n  menuText: string;\n  valueMap: HierarchicalCheckboxValueMap;\n  onUpdateValueMap: (map: HierarchicalCheckboxValueMap) => void;\n  icon: IconDefinition | null;\n  id: string;\n  'data-testid'?: string;\n};\n\ntype HierarchicalCheckboxMenuState = {\n  menuIsOpen: boolean;\n};\n\n/**\n * A pull down menu that displays a hierarchy of checkboxes.\n *\n * Currently supports only two levels of check boxes. The input should be a Map\n * where the keys are the parent names. The values can a boolean if the parent\n * has no children or another Map where keys are child names and values are booleans.\n *\n * Here is an example:\n * const INITIAL_TYPE_MAP = new Map([\n * ['Queries', new Map([['Live', true], ['Batch', true]])],\n * [\n *   'DBA Queries',\n *   new Map([\n *     ['Data Merge', true],\n *     ['Data Validation', true],\n *     ['Imports', true],\n *     ['Data Services', true],\n *   ]),\n * ],\n * ['Helper Queries', true],\n * ]);\n *\n * When a checkbox is changed, this component will make a deep copy of the Map\n * with the appropriate booleans changed. It will then call onUpdateValueMap\n * with the new Map.\n */\nclass HierarchicalCheckboxMenu extends Component<\n  HierarchicalCheckboxMenuProps,\n  HierarchicalCheckboxMenuState\n> {\n  static defaultProps: Partial<HierarchicalCheckboxMenuProps> = {\n    className: '',\n    icon: null,\n    id: '',\n    'data-testid': undefined,\n  };\n\n  static isParentSelected(\n    parent: string,\n    valueMap: HierarchicalCheckboxValueMap\n  ): boolean | null {\n    const children = valueMap.get(parent);\n    if (children === undefined) {\n      return false;\n    }\n    if (typeof children === 'boolean') {\n      // This parent has no children\n      return children;\n    }\n    const includesTrue = Array.from(children.values()).includes(true);\n    const includesFalse = Array.from(children.values()).includes(false);\n    if (includesTrue && includesFalse) {\n      // Indeterminate\n      return null;\n    }\n    return includesTrue;\n  }\n\n  constructor(props: HierarchicalCheckboxMenuProps) {\n    super(props);\n\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.toggleValueFor = this.toggleValueFor.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n\n    this.state = {\n      menuIsOpen: false,\n    };\n  }\n\n  toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.setState(state => {\n      const { menuIsOpen } = state;\n      return { menuIsOpen: !menuIsOpen };\n    });\n  }\n\n  toggleValueFor(parent: string, child?: string): void {\n    const { valueMap, onUpdateValueMap } = this.props;\n\n    // Make a deep copy of the Map and toggle the boolean for parent / child\n    const map = new Map(valueMap);\n    const children = map.get(parent);\n    if (children instanceof Map) {\n      const newChildren = new Map(children);\n      if (child != null) {\n        newChildren.set(child, children.get(child) !== true);\n      } else {\n        const parentSelected = HierarchicalCheckboxMenu.isParentSelected(\n          parent,\n          map\n        );\n        const newChildValue = parentSelected == null || !parentSelected;\n        children.forEach((_, key) => newChildren.set(key, newChildValue));\n      }\n      map.set(parent, newChildren);\n    } else {\n      map.set(parent, children == null || !children);\n    }\n\n    // The parent was clicked so all children must be toggled\n    const currentChildren = map.get(parent);\n    if (\n      child === undefined &&\n      currentChildren !== undefined &&\n      typeof currentChildren !== 'boolean'\n    ) {\n      const parentSelected = HierarchicalCheckboxMenu.isParentSelected(\n        parent,\n        valueMap\n      );\n      if (parentSelected != null && parentSelected) {\n        currentChildren.forEach((_, key) => currentChildren.set(key, false));\n      } else {\n        // for parent selection of false or null (indeterminate), select everything\n        currentChildren.forEach((_, key) => currentChildren.set(key, true));\n      }\n    }\n\n    onUpdateValueMap(map);\n  }\n\n  setAllValues(value: boolean): void {\n    const { valueMap, onUpdateValueMap } = this.props;\n\n    // Make a deep copy of the Map and set everything\n    const copy = new Map();\n    valueMap.forEach((child, parent) => {\n      if (typeof child === 'boolean') {\n        copy.set(parent, value);\n      } else {\n        const children = new Map();\n        child.forEach((_, key) => children.set(key, value));\n        copy.set(parent, children);\n      }\n    });\n\n    onUpdateValueMap(copy);\n  }\n\n  selectAll(): void {\n    this.setAllValues(true);\n  }\n\n  clear(): void {\n    this.setAllValues(false);\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { valueMap, 'data-testid': dataTestId } = this.props;\n    return (\n      <div className=\"hcm-menu-container\">\n        {Array.from(valueMap.entries()).map(([parent, children]) => (\n          <div key={parent}>\n            <Checkbox\n              className=\"hcm-parent\"\n              checked={HierarchicalCheckboxMenu.isParentSelected(\n                parent,\n                valueMap\n              )}\n              onChange={() => this.toggleValueFor(parent)}\n            >\n              {parent}\n            </Checkbox>\n            {children !== undefined &&\n              typeof children !== 'boolean' &&\n              Array.from(children.entries()).map(([child, value]) => (\n                <Checkbox\n                  className=\"hcm-child\"\n                  key={child}\n                  checked={value}\n                  onChange={() => this.toggleValueFor(parent, child)}\n                >\n                  {child}\n                </Checkbox>\n              ))}\n          </div>\n        ))}\n        <Button\n          kind=\"ghost\"\n          onClick={this.selectAll}\n          data-testid={\n            dataTestId !== undefined\n              ? `${dataTestId}-btn-select-all`\n              : undefined\n          }\n        >\n          Select All\n        </Button>\n        <Button\n          kind=\"ghost\"\n          onClick={this.clear}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-btn-clear` : undefined\n          }\n        >\n          Clear\n        </Button>\n      </div>\n    );\n  }\n\n  render(): JSX.Element {\n    const {\n      menuText,\n      className,\n      icon,\n      id,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { menuIsOpen } = this.state;\n\n    return (\n      <button\n        type=\"button\"\n        className={classNames('btn hcm-btn', className)}\n        onClick={this.toggleMenu}\n        id={id}\n        data-testid={dataTestId}\n      >\n        <span>\n          {icon && <FontAwesomeIcon icon={icon} className=\"hcm-icon mr-1\" />}\n          {menuText}\n        </span>\n        <span className=\"cs-caret\" />\n        <Popper\n          options={{ placement: 'bottom' }}\n          isShown={menuIsOpen}\n          onExited={() => {\n            this.setState({ menuIsOpen: false });\n          }}\n          closeOnBlur\n          interactive\n        >\n          {this.renderMenuElement()}\n        </Popper>\n      </button>\n    );\n  }\n}\n\nexport default HierarchicalCheckboxMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HierarchicalCheckboxMenu.js","names":["React","Component","FontAwesomeIcon","classNames","Checkbox","Popper","Button","jsx","_jsx","jsxs","_jsxs","HierarchicalCheckboxMenu","isParentSelected","parent","valueMap","children","get","undefined","includesTrue","Array","from","values","includes","includesFalse","constructor","props","toggleMenu","bind","toggleValueFor","selectAll","clear","state","menuIsOpen","event","stopPropagation","preventDefault","setState","child","_this$props","onUpdateValueMap","map","Map","newChildren","set","parentSelected","newChildValue","forEach","_","key","currentChildren","setAllValues","value","_this$props2","copy","renderMenuElement","_this$props3","dataTestId","className","entries","_ref","_ref2","_slicedToArray","checked","onChange","_ref3","_ref4","kind","onClick","concat","render","_this$props4","menuText","icon","id","type","options","placement","isShown","onExited","closeOnBlur","interactive","_defineProperty"],"sources":["../src/HierarchicalCheckboxMenu.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { type IconDefinition } from '@deephaven/icons';\nimport classNames from 'classnames';\nimport Checkbox from './Checkbox';\nimport Popper from './popper/Popper';\nimport './HierarchicalCheckboxMenu.scss';\nimport Button from './Button';\n\nexport type HierarchicalCheckboxValueMap = Map<\n  string,\n  boolean | Map<string, boolean>\n>;\n\ntype HierarchicalCheckboxMenuProps = {\n  className: string;\n  menuText: string;\n  valueMap: HierarchicalCheckboxValueMap;\n  onUpdateValueMap: (map: HierarchicalCheckboxValueMap) => void;\n  icon: IconDefinition | null;\n  id: string;\n  'data-testid'?: string;\n};\n\ntype HierarchicalCheckboxMenuState = {\n  menuIsOpen: boolean;\n};\n\n/**\n * A pull down menu that displays a hierarchy of checkboxes.\n *\n * Currently supports only two levels of check boxes. The input should be a Map\n * where the keys are the parent names. The values can a boolean if the parent\n * has no children or another Map where keys are child names and values are booleans.\n *\n * Here is an example:\n * const INITIAL_TYPE_MAP = new Map([\n * ['Queries', new Map([['Live', true], ['Batch', true]])],\n * [\n *   'DBA Queries',\n *   new Map([\n *     ['Data Merge', true],\n *     ['Data Validation', true],\n *     ['Imports', true],\n *     ['Data Services', true],\n *   ]),\n * ],\n * ['Helper Queries', true],\n * ]);\n *\n * When a checkbox is changed, this component will make a deep copy of the Map\n * with the appropriate booleans changed. It will then call onUpdateValueMap\n * with the new Map.\n */\nclass HierarchicalCheckboxMenu extends Component<\n  HierarchicalCheckboxMenuProps,\n  HierarchicalCheckboxMenuState\n> {\n  static defaultProps: Partial<HierarchicalCheckboxMenuProps> = {\n    className: '',\n    icon: null,\n    id: '',\n    'data-testid': undefined,\n  };\n\n  static isParentSelected(\n    parent: string,\n    valueMap: HierarchicalCheckboxValueMap\n  ): boolean | null {\n    const children = valueMap.get(parent);\n    if (children === undefined) {\n      return false;\n    }\n    if (typeof children === 'boolean') {\n      // This parent has no children\n      return children;\n    }\n    const includesTrue = Array.from(children.values()).includes(true);\n    const includesFalse = Array.from(children.values()).includes(false);\n    if (includesTrue && includesFalse) {\n      // Indeterminate\n      return null;\n    }\n    return includesTrue;\n  }\n\n  constructor(props: HierarchicalCheckboxMenuProps) {\n    super(props);\n\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.toggleValueFor = this.toggleValueFor.bind(this);\n    this.selectAll = this.selectAll.bind(this);\n    this.clear = this.clear.bind(this);\n\n    this.state = {\n      menuIsOpen: false,\n    };\n  }\n\n  toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.setState(state => {\n      const { menuIsOpen } = state;\n      return { menuIsOpen: !menuIsOpen };\n    });\n  }\n\n  toggleValueFor(parent: string, child?: string): void {\n    const { valueMap, onUpdateValueMap } = this.props;\n\n    // Make a deep copy of the Map and toggle the boolean for parent / child\n    const map = new Map(valueMap);\n    const children = map.get(parent);\n    if (children instanceof Map) {\n      const newChildren = new Map(children);\n      if (child != null) {\n        newChildren.set(child, children.get(child) !== true);\n      } else {\n        const parentSelected = HierarchicalCheckboxMenu.isParentSelected(\n          parent,\n          map\n        );\n        const newChildValue = parentSelected == null || !parentSelected;\n        children.forEach((_, key) => newChildren.set(key, newChildValue));\n      }\n      map.set(parent, newChildren);\n    } else {\n      map.set(parent, children == null || !children);\n    }\n\n    // The parent was clicked so all children must be toggled\n    const currentChildren = map.get(parent);\n    if (\n      child === undefined &&\n      currentChildren !== undefined &&\n      typeof currentChildren !== 'boolean'\n    ) {\n      const parentSelected = HierarchicalCheckboxMenu.isParentSelected(\n        parent,\n        valueMap\n      );\n      if (parentSelected != null && parentSelected) {\n        currentChildren.forEach((_, key) => currentChildren.set(key, false));\n      } else {\n        // for parent selection of false or null (indeterminate), select everything\n        currentChildren.forEach((_, key) => currentChildren.set(key, true));\n      }\n    }\n\n    onUpdateValueMap(map);\n  }\n\n  setAllValues(value: boolean): void {\n    const { valueMap, onUpdateValueMap } = this.props;\n\n    // Make a deep copy of the Map and set everything\n    const copy = new Map();\n    valueMap.forEach((child, parent) => {\n      if (typeof child === 'boolean') {\n        copy.set(parent, value);\n      } else {\n        const children = new Map();\n        child.forEach((_, key) => children.set(key, value));\n        copy.set(parent, children);\n      }\n    });\n\n    onUpdateValueMap(copy);\n  }\n\n  selectAll(): void {\n    this.setAllValues(true);\n  }\n\n  clear(): void {\n    this.setAllValues(false);\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { valueMap, 'data-testid': dataTestId } = this.props;\n    return (\n      <div className=\"hcm-menu-container\">\n        {Array.from(valueMap.entries()).map(([parent, children]) => (\n          <div key={parent}>\n            <Checkbox\n              className=\"hcm-parent\"\n              checked={HierarchicalCheckboxMenu.isParentSelected(\n                parent,\n                valueMap\n              )}\n              onChange={() => this.toggleValueFor(parent)}\n            >\n              {parent}\n            </Checkbox>\n            {children !== undefined &&\n              typeof children !== 'boolean' &&\n              Array.from(children.entries()).map(([child, value]) => (\n                <Checkbox\n                  className=\"hcm-child\"\n                  key={child}\n                  checked={value}\n                  onChange={() => this.toggleValueFor(parent, child)}\n                >\n                  {child}\n                </Checkbox>\n              ))}\n          </div>\n        ))}\n        <Button\n          kind=\"ghost\"\n          onClick={this.selectAll}\n          data-testid={\n            dataTestId !== undefined\n              ? `${dataTestId}-btn-select-all`\n              : undefined\n          }\n        >\n          Select All\n        </Button>\n        <Button\n          kind=\"ghost\"\n          onClick={this.clear}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-btn-clear` : undefined\n          }\n        >\n          Clear\n        </Button>\n      </div>\n    );\n  }\n\n  render(): JSX.Element {\n    const {\n      menuText,\n      className,\n      icon,\n      id,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { menuIsOpen } = this.state;\n\n    return (\n      <button\n        type=\"button\"\n        className={classNames('btn hcm-btn', className)}\n        onClick={this.toggleMenu}\n        id={id}\n        data-testid={dataTestId}\n      >\n        <span>\n          {icon && <FontAwesomeIcon icon={icon} className=\"hcm-icon mr-1\" />}\n          {menuText}\n        </span>\n        <span className=\"cs-caret\" />\n        <Popper\n          options={{ placement: 'bottom' }}\n          isShown={menuIsOpen}\n          onExited={() => {\n            this.setState({ menuIsOpen: false });\n          }}\n          closeOnBlur\n          interactive\n        >\n          {this.renderMenuElement()}\n        </Popper>\n      </button>\n    );\n  }\n}\n\nexport default HierarchicalCheckboxMenu;\n"],"mappings":"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","ignoreList":[]}

package/dist/ItemList.js

@@ -24,9 +24,7 @@ var MIN_DRAG_DELTA = 5;
 export class ItemList extends PureComponent {
   static renderItem(_ref) {
     var _ref2, _item$displayValue;
-    var {
-      item
-    } = _ref;
+    var item = _ref.item;
     return /*#__PURE__*/_jsx("div", {
       className: "item-list-item-content",
       children: item != null && ((_ref2 = (_item$displayValue = item.displayValue) !== null && _item$displayValue !== void 0 ? _item$displayValue : item.value) !== null && _ref2 !== void 0 ? _ref2 : "".concat(item))
@@ -115,10 +113,8 @@ export class ItemList extends PureComponent {
     this.renderInnerElement = this.renderInnerElement.bind(this);
     this.list = /*#__PURE__*/React.createRef();
     this.listContainer = /*#__PURE__*/React.createRef();
-    var {
-      isStickyBottom,
-      selectedRanges: _selectedRanges
-    } = _props;
+    var isStickyBottom = _props.isStickyBottom,
+      _selectedRanges = _props.selectedRanges;
     this.state = {
       focusIndex: null,
       mouseDownIndex: null,
@@ -133,17 +129,15 @@ export class ItemList extends PureComponent {
     };
   }
   componentDidUpdate(prevProps, prevState) {
-    var {
-      selectedRanges: propSelectedRanges,
-      itemCount
-    } = this.props;
-    var {
-      focusIndex,
-      isStuckToBottom,
-      scrollOffset,
-      height,
-      selectedRanges
-    } = this.state;
+    var _this$props = this.props,
+      propSelectedRanges = _this$props.selectedRanges,
+      itemCount = _this$props.itemCount;
+    var _this$state = this.state,
+      focusIndex = _this$state.focusIndex,
+      isStuckToBottom = _this$state.isStuckToBottom,
+      scrollOffset = _this$state.scrollOffset,
+      height = _this$state.height,
+      selectedRanges = _this$state.selectedRanges;
     if (isStuckToBottom && !this.isListAtBottom() && itemCount > 0) {
       this.scrollToBottom();
     }
@@ -153,15 +147,11 @@ export class ItemList extends PureComponent {
     if (propSelectedRanges !== prevProps.selectedRanges && propSelectedRanges !== selectedRanges) {
       this.setSelectedRanges(propSelectedRanges);
     } else if (selectedRanges !== prevState.selectedRanges) {
-      var {
-        onSelectionChange
-      } = this.props;
+      var onSelectionChange = this.props.onSelectionChange;
       onSelectionChange(selectedRanges);
     }
     if (focusIndex !== prevState.focusIndex) {
-      var {
-        onFocusChange
-      } = this.props;
+      var onFocusChange = this.props.onFocusChange;
       onFocusChange(focusIndex);
     }
   }
@@ -173,9 +163,7 @@ export class ItemList extends PureComponent {
     (_this$listContainer$c = this.listContainer.current) === null || _this$listContainer$c === void 0 || _this$listContainer$c.focus();
   }
   restoreScrollPosition() {
-    var {
-      scrollOffset
-    } = this.state;
+    var scrollOffset = this.state.scrollOffset;
     if (scrollOffset != null) {
       var _this$listContainer$c2;
       // manually restore the scroll containers offset
@@ -187,20 +175,14 @@ export class ItemList extends PureComponent {
     if (this.listContainer.current == null) {
       return null;
     }
-    var {
-      focusSelector
-    } = this.props;
-    var {
-      overscanStartIndex
-    } = this.state;
+    var focusSelector = this.props.focusSelector;
+    var overscanStartIndex = this.state.overscanStartIndex;
     var elements = this.listContainer.current.querySelectorAll(focusSelector);
     var elementIndex = itemIndex - overscanStartIndex;
     return elements[elementIndex];
   }
   focusItem(itemIndex) {
-    var {
-      disableSelect
-    } = this.props;
+    var disableSelect = this.props.disableSelect;
     if (disableSelect) return;
     this.setState({
       focusIndex: itemIndex
@@ -224,9 +206,7 @@ export class ItemList extends PureComponent {
     });
 
     // Update the selection, but don't consume the mouse event - it will trigger the context menu
-    var {
-      selectedRanges
-    } = this.state;
+    var selectedRanges = this.state.selectedRanges;
     var isSelected = RangeUtils.isSelected(selectedRanges, itemIndex);
 
     // When right-clicking, we want to maintain the current selection if the right click happened within the selection even if the modifier key isn't down
@@ -234,15 +214,12 @@ export class ItemList extends PureComponent {
     this.toggleSelect(itemIndex, e.shiftKey, isModifierDown, false);
   }
   handleItemDoubleClick(itemIndex, e) {
-    var {
-      isDoubleClickSelect,
-      onSelect
-    } = this.props;
+    var _this$props2 = this.props,
+      isDoubleClickSelect = _this$props2.isDoubleClickSelect,
+      onSelect = _this$props2.onSelect;
     if (isDoubleClickSelect) {
       this.setState(_ref3 => {
-        var {
-          selectedRanges
-        } = _ref3;
+        var selectedRanges = _ref3.selectedRanges;
         return {
           selectedRanges: RangeUtils.selectRange(selectedRanges, [itemIndex, itemIndex])
         };
@@ -252,9 +229,7 @@ export class ItemList extends PureComponent {
     }
   }
   handleItemMouseDown(index, e) {
-    var {
-      selectedRanges
-    } = this.state;
+    var selectedRanges = this.state.selectedRanges;
     if (e.target instanceof HTMLElement && ['button', 'select', 'input', 'textarea'].indexOf(e.target.tagName.toLowerCase()) !== -1) {
       // allow these elements to do their own behaviours
       return;
@@ -289,9 +264,7 @@ export class ItemList extends PureComponent {
   handleItemFocus(itemIndex, e) {
     log.debug2('item focus', itemIndex, e.target);
     this.setState(state => {
-      var {
-        focusIndex
-      } = state;
+      var focusIndex = state.focusIndex;
       if (focusIndex !== itemIndex) {
         return {
           focusIndex: itemIndex
@@ -301,17 +274,15 @@ export class ItemList extends PureComponent {
     });
   }
   handleItemMouseMove(itemIndex, e) {
-    var {
-      isDragSelect,
-      isMultiSelect,
-      disableSelect
-    } = this.props;
-    var {
-      mouseDownIndex,
-      selectedRanges,
-      mouseX,
-      mouseY
-    } = this.state;
+    var _this$props3 = this.props,
+      isDragSelect = _this$props3.isDragSelect,
+      isMultiSelect = _this$props3.isMultiSelect,
+      disableSelect = _this$props3.disableSelect;
+    var _this$state2 = this.state,
+      mouseDownIndex = _this$state2.mouseDownIndex,
+      selectedRanges = _this$state2.selectedRanges,
+      mouseX = _this$state2.mouseX,
+      mouseY = _this$state2.mouseY;
     if (mouseDownIndex == null || disableSelect) return;
     var mouseMoveX = Math.abs(e.clientX - (mouseX !== null && mouseX !== void 0 ? mouseX : 0));
     var mouseMoveY = Math.abs(e.clientY - (mouseY !== null && mouseY !== void 0 ? mouseY : 0));
@@ -334,15 +305,13 @@ export class ItemList extends PureComponent {
     }
   }
   handleItemMouseUp(index, e) {
-    var {
-      isDeselectOnClick,
-      isDoubleClickSelect,
-      onSelect
-    } = this.props;
-    var {
-      mouseDownIndex,
-      isDragging
-    } = this.state;
+    var _this$props4 = this.props,
+      isDeselectOnClick = _this$props4.isDeselectOnClick,
+      isDoubleClickSelect = _this$props4.isDoubleClickSelect,
+      onSelect = _this$props4.onSelect;
+    var _this$state3 = this.state,
+      mouseDownIndex = _this$state3.mouseDownIndex,
+      isDragging = _this$state3.isDragging;
     if (e.target instanceof HTMLElement && ['button', 'select', 'input', 'textarea'].indexOf(e.target.tagName.toLowerCase()) !== -1) {
       return;
     }
@@ -358,17 +327,13 @@ export class ItemList extends PureComponent {
     this.resetMouseState();
   }
   handleItemsRendered(_ref4) {
-    var {
-      overscanStartIndex
-    } = _ref4;
+    var overscanStartIndex = _ref4.overscanStartIndex;
     this.setState({
       overscanStartIndex
     });
   }
   handleResize(_ref5) {
-    var {
-      height
-    } = _ref5;
+    var height = _ref5.height;
     this.setState({
       height
     });
@@ -383,14 +348,11 @@ export class ItemList extends PureComponent {
     window.removeEventListener('mouseup', this.handleWindowMouseUp);
   }
   handleKeyDown(e) {
-    var {
-      isMultiSelect,
-      itemCount,
-      onSelect
-    } = this.props;
-    var {
-      focusIndex: oldFocus
-    } = this.state;
+    var _this$props5 = this.props,
+      isMultiSelect = _this$props5.isMultiSelect,
+      itemCount = _this$props5.itemCount,
+      onSelect = _this$props5.onSelect;
+    var oldFocus = this.state.focusIndex;
     var newFocus = oldFocus;
     if (e.key === 'Enter' || e.key === ' ') {
       if (!isMultiSelect && newFocus != null) {
@@ -423,9 +385,7 @@ export class ItemList extends PureComponent {
       e.stopPropagation();
       e.preventDefault();
       this.focusItem(newFocus);
-      var {
-        selectedRanges
-      } = this.state;
+      var selectedRanges = this.state.selectedRanges;
       if (e.shiftKey && selectedRanges.length > 0) {
         var lastRange = selectedRanges[selectedRanges.length - 1];
         this.selectRange([Math.min(newFocus, lastRange[0]), Math.max(newFocus, lastRange[1])]);
@@ -442,10 +402,8 @@ export class ItemList extends PureComponent {
     }
   }
   handleScroll(_ref6) {
-    var {
-      scrollUpdateWasRequested,
-      scrollOffset
-    } = _ref6;
+    var scrollUpdateWasRequested = _ref6.scrollUpdateWasRequested,
+      scrollOffset = _ref6.scrollOffset;
     this.setState(state => {
       if (scrollUpdateWasRequested) {
         // The scroll was caused by scrollTo() or scrollToItem()
@@ -454,12 +412,8 @@ export class ItemList extends PureComponent {
           scrollOffset
         };
       }
-      var {
-        isStickyBottom
-      } = this.props;
-      var {
-        height
-      } = state;
+      var isStickyBottom = this.props.isStickyBottom;
+      var height = state.height;
       var isStuckToBottom = isStickyBottom && this.isListAtBottom({
         scrollOffset,
         height
@@ -477,9 +431,7 @@ export class ItemList extends PureComponent {
     });
   }
   scrollToBottom() {
-    var {
-      itemCount
-    } = this.props;
+    var itemCount = this.props.itemCount;
     if (this.list.current) {
       this.list.current.scrollToItem(itemCount);
     }
@@ -498,12 +450,8 @@ export class ItemList extends PureComponent {
    */
   toggleSelect(index, isShiftDown, isModifierDown) {
     var isDeselectable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-    var {
-      isMultiSelect
-    } = this.props;
-    var {
-      selectedRanges
-    } = this.state;
+    var isMultiSelect = this.props.isMultiSelect;
+    var selectedRanges = this.state.selectedRanges;
     if (isMultiSelect && isShiftDown && selectedRanges.length > 0) {
       var lastRange = selectedRanges[selectedRanges.length - 1];
       this.selectRange([Math.min(lastRange[0], index), Math.max(index, lastRange[1])]);
@@ -525,9 +473,7 @@ export class ItemList extends PureComponent {
     }
   }
   deselectAll() {
-    var {
-      itemCount
-    } = this.props;
+    var itemCount = this.props.itemCount;
     this.deselectRange([0, itemCount]);
   }
   deselectItem(index) {
@@ -536,27 +482,21 @@ export class ItemList extends PureComponent {
   deselectRange(range) {
     RangeUtils.validateRange(range);
     this.setState(_ref7 => {
-      var {
-        selectedRanges
-      } = _ref7;
+      var selectedRanges = _ref7.selectedRanges;
       return {
         selectedRanges: RangeUtils.deselectRange(selectedRanges, range)
       };
     });
   }
   selectItem(index) {
-    var {
-      disableSelect
-    } = this.props;
+    var disableSelect = this.props.disableSelect;
     if (disableSelect) return;
     this.selectRange([index, index]);
   }
   selectRange(range) {
     RangeUtils.validateRange(range);
     this.setState(_ref8 => {
-      var {
-        selectedRanges
-      } = _ref8;
+      var selectedRanges = _ref8.selectedRanges;
       return {
         selectedRanges: RangeUtils.selectRange(selectedRanges, range)
       };
@@ -568,49 +508,41 @@ export class ItemList extends PureComponent {
     });
   }
   sendViewportUpdate() {
-    var {
-      scrollOffset,
-      height
-    } = this.state;
+    var _this$state4 = this.state,
+      scrollOffset = _this$state4.scrollOffset,
+      height = _this$state4.height;
     if (scrollOffset != null && height != null) {
-      var {
-        onViewportChange,
-        rowHeight
-      } = this.props;
+      var _this$props6 = this.props,
+        onViewportChange = _this$props6.onViewportChange,
+        rowHeight = _this$props6.rowHeight;
       var topRow = Math.floor(scrollOffset / rowHeight);
       var bottomRow = topRow + Math.ceil(height / rowHeight);
       onViewportChange(topRow, bottomRow);
     }
   }
   isListAtBottom() {
-    var {
-      scrollOffset,
-      height
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state;
+    var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state,
+      scrollOffset = _ref9.scrollOffset,
+      height = _ref9.height;
     if (height == null || scrollOffset == null) {
       return false;
     }
-    var {
-      itemCount,
-      rowHeight
-    } = this.props;
+    var _this$props7 = this.props,
+      itemCount = _this$props7.itemCount,
+      rowHeight = _this$props7.rowHeight;
     return scrollOffset + height >= itemCount * rowHeight;
   }
-  renderInnerElement(_ref9) {
-    var {
-      index: itemIndex,
-      style
-    } = _ref9;
-    var {
-      items,
-      offset,
-      renderItem,
-      disableSelect
-    } = this.props;
-    var {
-      focusIndex,
-      selectedRanges
-    } = this.state;
+  renderInnerElement(_ref0) {
+    var itemIndex = _ref0.index,
+      style = _ref0.style;
+    var _this$props8 = this.props,
+      items = _this$props8.items,
+      offset = _this$props8.offset,
+      renderItem = _this$props8.renderItem,
+      disableSelect = _this$props8.disableSelect;
+    var _this$state5 = this.state,
+      focusIndex = _this$state5.focusIndex,
+      selectedRanges = _this$state5.selectedRanges;
     if (itemIndex < offset || itemIndex >= offset + items.length) {
       return null;
     }
@@ -618,26 +550,22 @@ export class ItemList extends PureComponent {
     return this.getCachedItem(itemIndex, itemIndex, item, itemIndex === focusIndex && !disableSelect, this.getItemSelected(itemIndex, selectedRanges), renderItem, style, disableSelect);
   }
   render() {
-    var {
-      items,
-      itemCount,
-      overscanCount,
-      renderItem,
-      rowHeight,
-      'data-testid': dataTestId
-    } = this.props;
-    var {
-      selectedRanges,
-      isStuckToBottom
-    } = this.state;
+    var _this$props9 = this.props,
+      items = _this$props9.items,
+      itemCount = _this$props9.itemCount,
+      overscanCount = _this$props9.overscanCount,
+      renderItem = _this$props9.renderItem,
+      rowHeight = _this$props9.rowHeight,
+      dataTestId = _this$props9['data-testid'];
+    var _this$state6 = this.state,
+      selectedRanges = _this$state6.selectedRanges,
+      isStuckToBottom = _this$state6.isStuckToBottom;
     return /*#__PURE__*/_jsx(AutoSizer, {
       className: "item-list-auto-sizer",
       onResize: this.handleResize,
-      children: _ref0 => {
-        var {
-          width,
-          height
-        } = _ref0;
+      children: _ref1 => {
+        var width = _ref1.width,
+          height = _ref1.height;
         return /*#__PURE__*/_jsx(List, {
           className: "item-list-scroll-pane",
           height: height,