@deephaven/components 0.46.1-beta.2 → 0.46.1-beta.7

package/dist/EditableItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableItemList.js","names":["React","useCallback","useMemo","useState","classNames","clamp","vsAdd","vsTrash","RangeUtils","Button","ItemList","EditableItemList","props","isInvalid","items","onAdd","undefined","onDelete","validate","inputError","setInputError","selectedRanges","setSelectedRanges","value","setValue","handleSelectionChange","ranges","handleDelete","getItemsInRanges","handleAdd","validationError","handleInputChange","event","inputValue","target","handleInputFocus","handleInputKeyDown","key","containerHeight","length","DEFAULT_ROW_HEIGHT","height","map","item","index","isSelected"],"sources":["../src/EditableItemList.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  KeyboardEvent,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport clamp from 'lodash.clamp';\nimport { vsAdd, vsTrash } from '@deephaven/icons';\nimport { Range, RangeUtils } from '@deephaven/utils';\nimport { Button, ItemList } from '.';\n\nexport interface EditableItemListProps {\n  isInvalid?: boolean;\n  items: string[];\n  onDelete: (items: string[]) => void;\n  onAdd: (item: string) => void;\n  validate?: (item: string) => Error | null;\n}\n\n// Display a list of items with an input for adding new items, and Add/Delete buttons\nfunction EditableItemList(props: EditableItemListProps): React.ReactElement {\n  const {\n    isInvalid = false,\n    items,\n    onAdd = () => undefined,\n    onDelete = () => undefined,\n    validate = () => null,\n  } = props;\n  const [inputError, setInputError] = useState<Error | null>(null);\n  const [selectedRanges, setSelectedRanges] = useState<Range[]>([]);\n  const [value, setValue] = useState('');\n\n  const handleSelectionChange = useCallback((ranges: Range[]) => {\n    setSelectedRanges(ranges);\n  }, []);\n\n  const handleDelete = useCallback(() => {\n    onDelete(RangeUtils.getItemsInRanges(items, selectedRanges));\n    setSelectedRanges([]);\n  }, [items, selectedRanges, onDelete]);\n\n  const handleAdd = useCallback(() => {\n    if (value === '') {\n      return;\n    }\n    const validationError = validate(value);\n    if (validationError == null) {\n      onAdd(value);\n      setValue('');\n    } else {\n      setInputError(validationError);\n    }\n  }, [value, onAdd, validate]);\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const { value: inputValue } = event.target;\n      setValue(inputValue);\n      setInputError(inputValue === '' ? null : validate(inputValue));\n    },\n    [validate]\n  );\n\n  const handleInputFocus = useCallback(() => {\n    setSelectedRanges([]);\n  }, []);\n\n  const handleInputKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleAdd();\n      }\n    },\n    [handleAdd]\n  );\n\n  const containerHeight = useMemo(\n    (): number => 14 + clamp(items.length, 1, 6) * ItemList.DEFAULT_ROW_HEIGHT,\n    [items.length]\n  );\n\n  return (\n    <div\n      className={classNames('editable-item-list-container', {\n        'is-invalid': isInvalid,\n      })}\n    >\n      <div style={{ height: containerHeight }}>\n        <ItemList\n          itemCount={items.length}\n          items={items.map((item, index) => ({\n            value: item,\n            isSelected: RangeUtils.isSelected(selectedRanges, index),\n          }))}\n          offset={0}\n          selectedRanges={selectedRanges}\n          onSelectionChange={handleSelectionChange}\n          isMultiSelect\n        />\n      </div>\n      <div className=\"d-flex flex-row pt-2\">\n        <div className=\"d-flex flex-grow-1\">\n          <input\n            className={classNames('form-control', {\n              'is-invalid': inputError != null,\n            })}\n            placeholder=\"Enter value\"\n            type=\"text\"\n            value={value}\n            onChange={handleInputChange}\n            onFocus={handleInputFocus}\n            onKeyDown={handleInputKeyDown}\n          />\n        </div>\n        <div className=\"d-flex align-items-start mt-1 ml-2\">\n          <Button\n            kind=\"ghost\"\n            onClick={handleAdd}\n            disabled={inputError != null || value === ''}\n            icon={vsAdd}\n            tooltip=\"Add new item\"\n            data-testid=\"add-item-button\"\n          />\n          <Button\n            kind=\"ghost\"\n            onClick={handleDelete}\n            disabled={selectedRanges.length === 0}\n            icon={vsTrash}\n            tooltip=\"Delete selected items\"\n            data-testid=\"delete-item-button\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default EditableItemList;\n"],"mappings":"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"}
+{"version":3,"file":"EditableItemList.js","names":["React","useCallback","useMemo","useState","classNames","clamp","vsAdd","vsTrash","RangeUtils","Button","ItemList","EditableItemList","props","isInvalid","items","onAdd","undefined","onDelete","validate","inputError","setInputError","selectedRanges","setSelectedRanges","value","setValue","handleSelectionChange","ranges","handleDelete","getItemsInRanges","handleAdd","validationError","handleInputChange","event","inputValue","target","handleInputFocus","handleInputKeyDown","key","containerHeight","length","DEFAULT_ROW_HEIGHT","height","map","item","index","isSelected"],"sources":["../src/EditableItemList.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  KeyboardEvent,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport clamp from 'lodash.clamp';\nimport { vsAdd, vsTrash } from '@deephaven/icons';\nimport { Range, RangeUtils } from '@deephaven/utils';\nimport { Button, ItemList } from '.';\n\nexport interface EditableItemListProps {\n  isInvalid?: boolean;\n  items: string[];\n  onDelete: (items: string[]) => void;\n  onAdd: (item: string) => void;\n  validate?: (item: string) => Error | null;\n}\n\n// Display a list of items with an input for adding new items, and Add/Delete buttons\nfunction EditableItemList(props: EditableItemListProps): React.ReactElement {\n  const {\n    isInvalid = false,\n    items,\n    onAdd = () => undefined,\n    onDelete = () => undefined,\n    validate = () => null,\n  } = props;\n  const [inputError, setInputError] = useState<Error | null>(null);\n  const [selectedRanges, setSelectedRanges] = useState<Range[]>([]);\n  const [value, setValue] = useState('');\n\n  const handleSelectionChange = useCallback((ranges: Range[]) => {\n    setSelectedRanges(ranges);\n  }, []);\n\n  const handleDelete = useCallback(() => {\n    onDelete(RangeUtils.getItemsInRanges(items, selectedRanges));\n    setSelectedRanges([]);\n  }, [items, selectedRanges, onDelete]);\n\n  const handleAdd = useCallback(() => {\n    if (value === '') {\n      return;\n    }\n    const validationError = validate(value);\n    if (validationError == null) {\n      onAdd(value);\n      setValue('');\n    } else {\n      setInputError(validationError);\n    }\n  }, [value, onAdd, validate]);\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const { value: inputValue } = event.target;\n      setValue(inputValue);\n      setInputError(inputValue === '' ? null : validate(inputValue));\n    },\n    [validate]\n  );\n\n  const handleInputFocus = useCallback(() => {\n    setSelectedRanges([]);\n  }, []);\n\n  const handleInputKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleAdd();\n      }\n    },\n    [handleAdd]\n  );\n\n  const containerHeight = useMemo(\n    (): number => 14 + clamp(items.length, 1, 6) * ItemList.DEFAULT_ROW_HEIGHT,\n    [items.length]\n  );\n\n  return (\n    <div\n      className={classNames('editable-item-list-container', {\n        'is-invalid': isInvalid,\n      })}\n    >\n      <div style={{ height: containerHeight }}>\n        <ItemList\n          itemCount={items.length}\n          items={items.map((item, index) => ({\n            value: item,\n            isSelected: RangeUtils.isSelected(selectedRanges, index),\n          }))}\n          offset={0}\n          selectedRanges={selectedRanges}\n          onSelectionChange={handleSelectionChange}\n          isMultiSelect\n        />\n      </div>\n      <div className=\"d-flex flex-row pt-2\">\n        <div className=\"d-flex flex-grow-1\">\n          <input\n            className={classNames('form-control', {\n              'is-invalid': inputError != null,\n            })}\n            placeholder=\"Enter value\"\n            type=\"text\"\n            value={value}\n            onChange={handleInputChange}\n            onFocus={handleInputFocus}\n            onKeyDown={handleInputKeyDown}\n          />\n        </div>\n        <div className=\"d-flex align-items-start mt-1 ml-2\">\n          <Button\n            kind=\"ghost\"\n            onClick={handleAdd}\n            disabled={inputError != null || value === ''}\n            icon={vsAdd}\n            tooltip=\"Add new item\"\n            data-testid=\"add-item-button\"\n          />\n          <Button\n            kind=\"ghost\"\n            onClick={handleDelete}\n            disabled={selectedRanges.length === 0}\n            icon={vsTrash}\n            tooltip=\"Delete selected items\"\n            data-testid=\"delete-item-button\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default EditableItemList;\n"],"mappings":"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"}

package/dist/HierarchicalCheckboxMenu.js

@@ -9,6 +9,8 @@ import Checkbox from "./Checkbox.js";
 import Popper from "./popper/Popper.js";
 import "./HierarchicalCheckboxMenu.css";
 import Button from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A pull down menu that displays a hierarchy of checkboxes.
  *
@@ -141,34 +143,38 @@ class HierarchicalCheckboxMenu extends Component {
       valueMap,
       'data-testid': dataTestId
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "hcm-menu-container"
-    }, Array.from(valueMap.entries()).map(_ref => {
-      var [parent, children] = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        key: parent
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        className: "hcm-parent",
-        checked: HierarchicalCheckboxMenu.isParentSelected(parent, valueMap),
-        onChange: () => this.toggleValueFor(parent)
-      }, parent), children !== undefined && typeof children !== 'boolean' && Array.from(children.entries()).map(_ref2 => {
-        var [child, value] = _ref2;
-        return /*#__PURE__*/React.createElement(Checkbox, {
-          className: "hcm-child",
-          key: child,
-          checked: value,
-          onChange: () => this.toggleValueFor(parent, child)
-        }, child);
-      }));
-    }), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.selectAll,
-      "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn-select-all") : undefined
-    }, "Select All"), /*#__PURE__*/React.createElement(Button, {
-      kind: "ghost",
-      onClick: this.clear,
-      "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn-clear") : undefined
-    }, "Clear"));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "hcm-menu-container",
+      children: [Array.from(valueMap.entries()).map(_ref => {
+        var [parent, children] = _ref;
+        return /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx(Checkbox, {
+            className: "hcm-parent",
+            checked: HierarchicalCheckboxMenu.isParentSelected(parent, valueMap),
+            onChange: () => this.toggleValueFor(parent),
+            children: parent
+          }), children !== undefined && typeof children !== 'boolean' && Array.from(children.entries()).map(_ref2 => {
+            var [child, value] = _ref2;
+            return /*#__PURE__*/_jsx(Checkbox, {
+              className: "hcm-child",
+              checked: value,
+              onChange: () => this.toggleValueFor(parent, child),
+              children: child
+            }, child);
+          })]
+        }, parent);
+      }), /*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        onClick: this.selectAll,
+        "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn-select-all") : undefined,
+        children: "Select All"
+      }), /*#__PURE__*/_jsx(Button, {
+        kind: "ghost",
+        onClick: this.clear,
+        "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn-clear") : undefined,
+        children: "Clear"
+      })]
+    });
   }
   render() {
     var {
@@ -181,31 +187,35 @@ class HierarchicalCheckboxMenu extends Component {
     var {
       menuIsOpen
     } = this.state;
-    return /*#__PURE__*/React.createElement("button", {
+    return /*#__PURE__*/_jsxs("button", {
       type: "button",
       className: classNames('btn hcm-btn', className),
       onClick: this.toggleMenu,
       id: id,
-      "data-testid": dataTestId
-    }, /*#__PURE__*/React.createElement("span", null, icon && /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: icon,
-      className: "hcm-icon mr-1"
-    }), menuText), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: dhSort,
-      className: "hcm-icon ml-1"
-    }), /*#__PURE__*/React.createElement(Popper, {
-      options: {
-        placement: 'bottom'
-      },
-      isShown: menuIsOpen,
-      onExited: () => {
-        this.setState({
-          menuIsOpen: false
-        });
-      },
-      closeOnBlur: true,
-      interactive: true
-    }, this.renderMenuElement()));
+      "data-testid": dataTestId,
+      children: [/*#__PURE__*/_jsxs("span", {
+        children: [icon && /*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: icon,
+          className: "hcm-icon mr-1"
+        }), menuText]
+      }), /*#__PURE__*/_jsx(FontAwesomeIcon, {
+        icon: dhSort,
+        className: "hcm-icon ml-1"
+      }), /*#__PURE__*/_jsx(Popper, {
+        options: {
+          placement: 'bottom'
+        },
+        isShown: menuIsOpen,
+        onExited: () => {
+          this.setState({
+            menuIsOpen: false
+          });
+        },
+        closeOnBlur: true,
+        interactive: true,
+        children: this.renderMenuElement()
+      })]
+    });
   }
 }
 _defineProperty(HierarchicalCheckboxMenu, "defaultProps", {

package/dist/HierarchicalCheckboxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalCheckboxMenu.js","names":["React","Component","FontAwesomeIcon","dhSort","classNames","Checkbox","Popper","Button","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","entries","render","menuText","className","icon","id","placement"],"sources":["../src/HierarchicalCheckboxMenu.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhSort, 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) === undefined);\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(): React.ReactNode {\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        <FontAwesomeIcon icon={dhSort} className=\"hcm-icon ml-1\" />\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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"}
+{"version":3,"file":"HierarchicalCheckboxMenu.js","names":["React","Component","FontAwesomeIcon","dhSort","classNames","Checkbox","Popper","Button","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","entries","render","menuText","className","icon","id","placement"],"sources":["../src/HierarchicalCheckboxMenu.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { dhSort, 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) === undefined);\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(): React.ReactNode {\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        <FontAwesomeIcon icon={dhSort} className=\"hcm-icon ml-1\" />\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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"}

package/dist/ItemList.js

@@ -1,4 +1,5 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
@@ -12,6 +13,7 @@ import { RangeUtils } from '@deephaven/utils';
 import ItemListItem from "./ItemListItem.js";
 import { ContextActionUtils } from "./context-actions/index.js";
 import "./ItemList.css";
+import { jsx as _jsx } from "react/jsx-runtime";
 var log = Log.module('ItemList');
 var MIN_DRAG_DELTA = 5;
 /**
@@ -26,9 +28,10 @@ export class ItemList extends PureComponent {
     var {
       item
     } = _ref;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "item-list-item-content"
-    }, item != null && ((_ref2 = (_item$displayValue = item.displayValue) !== null && _item$displayValue !== void 0 ? _item$displayValue : item.value) !== null && _ref2 !== void 0 ? _ref2 : "".concat(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))
+    });
   }
   constructor(_props) {
     super(_props);
@@ -45,7 +48,7 @@ export class ItemList extends PureComponent {
         isSelected,
         style
       });
-      return /*#__PURE__*/React.createElement(ItemListItem, {
+      return /*#__PURE__*/_jsx(ItemListItem, {
         onContextMenu: this.handleItemContextMenu,
         onDoubleClick: this.handleItemDoubleClick,
         onMouseDown: this.handleItemMouseDown,
@@ -58,8 +61,8 @@ export class ItemList extends PureComponent {
         isSelected: isSelected,
         itemIndex: itemIndex,
         style: style,
-        key: key
-      }, content);
+        children: content
+      }, key);
     }, {
       max: ItemList.CACHE_SIZE
     }));
@@ -67,7 +70,7 @@ export class ItemList extends PureComponent {
       var component = /*#__PURE__*/React.forwardRef((props, ref) =>
       /*#__PURE__*/
       // We need to add the tabIndex to make sure it is focusable, otherwise we can't get key events
-      React.createElement("div", _extends({
+      _jsx("div", _objectSpread({
         ref: ref,
         tabIndex: -1,
         onKeyDown: onKeyDown,
@@ -78,7 +81,7 @@ export class ItemList extends PureComponent {
       return component;
     }));
     _defineProperty(this, "getInnerElement", memoize(() => {
-      var component = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("div", _extends({
+      var component = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx("div", _objectSpread({
         className: "item-list-inner-element",
         ref: ref
         // eslint-disable-next-line react/jsx-props-no-spreading
@@ -619,35 +622,37 @@ export class ItemList extends PureComponent {
       selectedRanges,
       isStuckToBottom
     } = this.state;
-    return /*#__PURE__*/React.createElement(AutoSizer, {
+    return /*#__PURE__*/_jsx(AutoSizer, {
       className: "item-list-auto-sizer",
-      onResize: this.handleResize
-    }, _ref10 => {
-      var {
-        width,
-        height
-      } = _ref10;
-      return /*#__PURE__*/React.createElement(List, {
-        className: "item-list-scroll-pane",
-        height: height,
-        width: width,
-        initialScrollOffset: isStuckToBottom ? itemCount * rowHeight : 0,
-        itemCount: itemCount,
-        itemSize: rowHeight
-        // This prop isn't actually used by us, it is passed to the render function by react-window
-        // Used here to force a re-render of the List component.
-        // Otherwise it doesn't know to call the render again when selection or renderItem changes
-        ,
-        itemData: this.getItemData(items, selectedRanges, renderItem),
-        onScroll: this.handleScroll,
-        onItemsRendered: this.handleItemsRendered,
-        ref: this.list,
-        outerElementType: this.getOuterElement(this.handleKeyDown),
-        outerRef: this.listContainer,
-        innerElementType: this.getInnerElement(),
-        overscanCount: overscanCount,
-        "data-testid": dataTestId
-      }, this.renderInnerElement);
+      onResize: this.handleResize,
+      children: _ref10 => {
+        var {
+          width,
+          height
+        } = _ref10;
+        return /*#__PURE__*/_jsx(List, {
+          className: "item-list-scroll-pane",
+          height: height,
+          width: width,
+          initialScrollOffset: isStuckToBottom ? itemCount * rowHeight : 0,
+          itemCount: itemCount,
+          itemSize: rowHeight
+          // This prop isn't actually used by us, it is passed to the render function by react-window
+          // Used here to force a re-render of the List component.
+          // Otherwise it doesn't know to call the render again when selection or renderItem changes
+          ,
+          itemData: this.getItemData(items, selectedRanges, renderItem),
+          onScroll: this.handleScroll,
+          onItemsRendered: this.handleItemsRendered,
+          ref: this.list,
+          outerElementType: this.getOuterElement(this.handleKeyDown),
+          outerRef: this.listContainer,
+          innerElementType: this.getInnerElement(),
+          overscanCount: overscanCount,
+          "data-testid": dataTestId,
+          children: this.renderInnerElement
+        });
+      }
     });
   }
 }

package/dist/ItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemList.js","names":["React","PureComponent","memoize","FixedSizeList","List","AutoSizer","Log","RangeUtils","ItemListItem","ContextActionUtils","log","module","MIN_DRAG_DELTA","ItemList","renderItem","item","displayValue","value","constructor","props","index","selectedRanges","isSelected","max","CACHE_SIZE","itemIndex","key","isFocused","style","disableSelect","content","handleItemContextMenu","handleItemDoubleClick","handleItemMouseDown","handleItemFocus","handleItemBlur","handleItemMouseMove","handleItemMouseUp","onKeyDown","component","forwardRef","ref","displayName","items","bind","handleItemsRendered","handleWindowMouseUp","handleKeyDown","handleMouseLeave","handleScroll","handleResize","renderInnerElement","list","createRef","listContainer","isStickyBottom","state","focusIndex","mouseDownIndex","overscanStartIndex","height","isDragging","isStuckToBottom","scrollOffset","mouseX","mouseY","componentDidUpdate","prevProps","prevState","propSelectedRanges","itemCount","isListAtBottom","scrollToBottom","sendViewportUpdate","setSelectedRanges","onSelectionChange","onFocusChange","componentWillUnmount","window","removeEventListener","focus","current","restoreScrollPosition","scrollTo","getElement","focusSelector","elements","querySelectorAll","elementIndex","focusItem","setState","element","HTMLElement","scrollToItem","scrollIntoView","block","e","isModifierDown","isModifierKeyDown","toggleSelect","shiftKey","isDoubleClickSelect","onSelect","selectRange","target","indexOf","tagName","toLowerCase","button","length","selectItem","clientX","clientY","addEventListener","debug2","currentTarget","relatedTarget","contains","isDragSelect","isMultiSelect","mouseMoveX","Math","abs","mouseMoveY","getItemSelected","deselectAll","min","isDeselectOnClick","isShiftDown","resetMouseState","oldFocus","newFocus","stopPropagation","preventDefault","lastRange","scrollUpdateWasRequested","isDeselectable","deselectItem","deselectRange","range","validateRange","onViewportChange","rowHeight","topRow","floor","bottomRow","ceil","offset","getCachedItem","render","overscanCount","dataTestId","width","getItemData","getOuterElement","getInnerElement","DEFAULT_ROW_HEIGHT","DEFAULT_OVERSCAN","undefined"],"sources":["../src/ItemList.tsx"],"sourcesContent":["/* eslint-disable react/no-unstable-nested-components */\nimport React, { PureComponent } from 'react';\nimport memoize from 'memoizee';\nimport {\n  FixedSizeList as List,\n  ListOnItemsRenderedProps,\n  ListOnScrollProps,\n} from 'react-window';\nimport AutoSizer, { Size } from 'react-virtualized-auto-sizer';\nimport Log from '@deephaven/log';\nimport { RangeUtils, Range } from '@deephaven/utils';\nimport ItemListItem from './ItemListItem';\nimport { ContextActionUtils } from './context-actions';\nimport './ItemList.scss';\n\nconst log = Log.module('ItemList');\nconst MIN_DRAG_DELTA = 5;\n\nexport interface DefaultListItem {\n  value?: string;\n  displayValue?: string;\n}\n\nexport type RenderItemProps<T> = {\n  item: T;\n  itemIndex: number;\n  isFocused: boolean;\n  isSelected: boolean;\n  style: React.CSSProperties;\n};\n\nexport type RenderItemFn<T> = (props: RenderItemProps<T>) => React.ReactNode;\n\nexport type ItemDragEventHandler = (\n  index: number,\n  event: React.DragEvent<HTMLDivElement>\n) => void;\n\nexport type ItemListProps<T> = {\n  // Total item count\n  itemCount: number;\n  rowHeight: number;\n  // Offset of the top item in the items array\n  offset: number;\n  // Item object format expected by the default renderItem function\n  // Can be anything as long as it's supported by the renderItem\n  // Default renderItem will look for a `displayValue` property, fallback\n  // to the `value` property, or stringify the object if neither are defined\n  items: readonly T[];\n  // Whether clicking a selected item should deselect in the item list or not. Defaults to true\n  isDeselectOnClick: boolean;\n  // Whether selection requires a double click or not\n  isDoubleClickSelect: boolean;\n  // Whether to allow dragging to change the selection after clicking\n  isDragSelect: boolean;\n  // Whether to allow multiple selections in this item list\n  isMultiSelect: boolean;\n  // Set to true if you want the list to scroll when new items are added and it's already at the bottom\n  isStickyBottom: boolean;\n  // Fired when an item gets focused\n  onFocusChange(index: number | null): void;\n\n  // Fired when an item is clicked. With multiple selection, fired on double click.\n  onSelect(index: number, event: React.SyntheticEvent): void;\n  onSelectionChange(ranges: readonly Range[]): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n  overscanCount: number;\n  selectedRanges: readonly Range[];\n  disableSelect: boolean;\n  renderItem: RenderItemFn<T>;\n  focusSelector: string;\n  'data-testid'?: string;\n};\n\ntype ItemListState = {\n  focusIndex: number | null;\n  mouseDownIndex: number | null;\n  selectedRanges: readonly Range[];\n  overscanStartIndex: number;\n  height: number | null;\n  isDragging: boolean;\n  isStuckToBottom: boolean;\n  scrollOffset: number | null;\n  mouseX: number | null;\n  mouseY: number | null;\n};\n\n/**\n * Show items in a long scrollable list.\n * Can be navigated via keyboard or mouse.\n */\nexport class ItemList<T> extends PureComponent<\n  ItemListProps<T>,\n  ItemListState\n> {\n  static CACHE_SIZE = 1000;\n\n  static DEFAULT_ROW_HEIGHT = 20;\n\n  // By drawing an additional 10 items on each side, tab/keyboard navigation works better (as the next element exists)\n  static DEFAULT_OVERSCAN = 10;\n\n  static defaultProps = {\n    offset: 0,\n    items: [],\n    rowHeight: ItemList.DEFAULT_ROW_HEIGHT,\n\n    isDeselectOnClick: true,\n\n    isDoubleClickSelect: false,\n\n    isDragSelect: true,\n\n    isMultiSelect: false,\n\n    isStickyBottom: false,\n\n    disableSelect: false,\n\n    onFocusChange(): void {\n      // no-op\n    },\n    onSelect(): void {\n      // no-op\n    },\n    onSelectionChange(): void {\n      // no-op\n    },\n    onViewportChange(): void {\n      // no-op\n    },\n\n    overscanCount: ItemList.DEFAULT_OVERSCAN,\n\n    renderItem: ItemList.renderItem,\n    selectedRanges: [],\n\n    focusSelector: '.item-list-item',\n\n    'data-testid': undefined,\n  };\n\n  static renderItem<P extends DefaultListItem>({\n    item,\n  }: RenderItemProps<P>): JSX.Element {\n    return (\n      <div className=\"item-list-item-content\">\n        {item != null && (item.displayValue ?? item.value ?? `${item}`)}\n      </div>\n    );\n  }\n\n  constructor(props: ItemListProps<T>) {\n    super(props);\n\n    this.handleItemBlur = this.handleItemBlur.bind(this);\n    this.handleItemContextMenu = this.handleItemContextMenu.bind(this);\n    this.handleItemFocus = this.handleItemFocus.bind(this);\n    this.handleItemDoubleClick = this.handleItemDoubleClick.bind(this);\n    this.handleItemMouseDown = this.handleItemMouseDown.bind(this);\n    this.handleItemMouseMove = this.handleItemMouseMove.bind(this);\n    this.handleItemMouseUp = this.handleItemMouseUp.bind(this);\n    this.handleItemsRendered = this.handleItemsRendered.bind(this);\n    this.handleWindowMouseUp = this.handleWindowMouseUp.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.renderInnerElement = this.renderInnerElement.bind(this);\n\n    this.list = React.createRef();\n    this.listContainer = React.createRef();\n\n    const { isStickyBottom, selectedRanges } = props;\n\n    this.state = {\n      focusIndex: null,\n      mouseDownIndex: null,\n      selectedRanges,\n      overscanStartIndex: 0,\n      height: null,\n      isDragging: false,\n      isStuckToBottom: isStickyBottom,\n      scrollOffset: null,\n      mouseX: null,\n      mouseY: null,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: ItemListProps<T>,\n    prevState: ItemListState\n  ): void {\n    const { selectedRanges: propSelectedRanges, itemCount } = this.props;\n    const {\n      focusIndex,\n      isStuckToBottom,\n      scrollOffset,\n      height,\n      selectedRanges,\n    } = this.state;\n    if (isStuckToBottom && !this.isListAtBottom() && itemCount > 0) {\n      this.scrollToBottom();\n    }\n\n    if (\n      scrollOffset !== prevState.scrollOffset ||\n      height !== prevState.height\n    ) {\n      this.sendViewportUpdate();\n    }\n\n    if (\n      propSelectedRanges !== prevProps.selectedRanges &&\n      propSelectedRanges !== selectedRanges\n    ) {\n      this.setSelectedRanges(propSelectedRanges);\n    } else if (selectedRanges !== prevState.selectedRanges) {\n      const { onSelectionChange } = this.props;\n      onSelectionChange(selectedRanges);\n    }\n\n    if (focusIndex !== prevState.focusIndex) {\n      const { onFocusChange } = this.props;\n      onFocusChange(focusIndex);\n    }\n  }\n\n  componentWillUnmount(): void {\n    window.removeEventListener('mouseup', this.handleWindowMouseUp);\n  }\n\n  list: React.RefObject<List>;\n\n  listContainer: React.RefObject<HTMLDivElement>;\n\n  getItemSelected = memoize(\n    (index: number, selectedRanges: readonly Range[]) =>\n      RangeUtils.isSelected(selectedRanges, index),\n    { max: ItemList.CACHE_SIZE }\n  );\n\n  getCachedItem = memoize(\n    (\n      itemIndex: number,\n      key: number,\n      item: T,\n      isFocused: boolean,\n      isSelected: boolean,\n      renderItem: RenderItemFn<T>,\n      style: React.CSSProperties,\n      disableSelect: boolean\n    ) => {\n      const content = renderItem({\n        item,\n        itemIndex,\n        isFocused,\n        isSelected,\n        style,\n      });\n\n      return (\n        <ItemListItem\n          onContextMenu={this.handleItemContextMenu}\n          onDoubleClick={this.handleItemDoubleClick}\n          onMouseDown={this.handleItemMouseDown}\n          onFocus={this.handleItemFocus}\n          onBlur={this.handleItemBlur}\n          disableSelect={disableSelect}\n          onMouseMove={this.handleItemMouseMove}\n          onMouseUp={this.handleItemMouseUp}\n          isFocused={isFocused}\n          isSelected={isSelected}\n          itemIndex={itemIndex}\n          style={style}\n          key={key}\n        >\n          {content}\n        </ItemListItem>\n      );\n    },\n    { max: ItemList.CACHE_SIZE }\n  );\n\n  getOuterElement = memoize((onKeyDown: React.KeyboardEventHandler) => {\n    const component = React.forwardRef<HTMLDivElement>((props, ref) => (\n      // We need to add the tabIndex to make sure it is focusable, otherwise we can't get key events\n      <div\n        ref={ref}\n        tabIndex={-1}\n        onKeyDown={onKeyDown}\n        role=\"presentation\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...props}\n      />\n    ));\n    component.displayName = 'ItemListOuterElement';\n    return component;\n  });\n\n  getInnerElement = memoize(() => {\n    const component = React.forwardRef<HTMLDivElement>((props, ref) => (\n      <div\n        className=\"item-list-inner-element\"\n        ref={ref}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...props}\n      />\n    ));\n    component.displayName = 'ItemListInnerElement';\n    return component;\n  });\n\n  getItemData = memoize(\n    (\n      items: readonly T[],\n      selectedRanges: readonly Range[],\n      renderItem: RenderItemFn<T>\n    ) => ({\n      items,\n      selectedRanges,\n      renderItem,\n    })\n  );\n\n  focus(): void {\n    this.listContainer.current?.focus();\n  }\n\n  restoreScrollPosition(): void {\n    const { scrollOffset } = this.state;\n    if (scrollOffset != null) {\n      // manually restore the scroll containers offset\n      // virtual list doesn't restore scrolloffset in a re-render if it's the same\n      this.listContainer.current?.scrollTo(0, scrollOffset);\n    }\n  }\n\n  getElement(itemIndex: number): Element | null {\n    if (this.listContainer.current == null) {\n      return null;\n    }\n\n    const { focusSelector } = this.props;\n    const { overscanStartIndex } = this.state;\n    const elements = this.listContainer.current.querySelectorAll(focusSelector);\n    const elementIndex = itemIndex - overscanStartIndex;\n    return elements[elementIndex];\n  }\n\n  focusItem(itemIndex: number): void {\n    const { disableSelect } = this.props;\n    if (disableSelect) return;\n\n    this.setState({ focusIndex: itemIndex });\n\n    const element = this.getElement(itemIndex);\n    if (element instanceof HTMLElement) {\n      element.focus();\n    }\n  }\n\n  scrollToItem(itemIndex: number): void {\n    const element = this.getElement(itemIndex);\n    if (element != null) {\n      element.scrollIntoView({ block: 'center' });\n    }\n  }\n\n  handleItemContextMenu(\n    itemIndex: number,\n    e: React.MouseEvent<HTMLDivElement>\n  ): void {\n    // Update the selection, but don't consume the mouse event - it will trigger the context menu\n    const { selectedRanges } = this.state;\n    const isSelected = RangeUtils.isSelected(selectedRanges, itemIndex);\n\n    // 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\n    const isModifierDown =\n      isSelected || ContextActionUtils.isModifierKeyDown(e);\n    this.toggleSelect(itemIndex, e.shiftKey, isModifierDown, false);\n  }\n\n  handleItemDoubleClick(itemIndex: number, e: React.MouseEvent): void {\n    const { isDoubleClickSelect, onSelect } = this.props;\n\n    if (isDoubleClickSelect) {\n      this.setState(\n        ({ selectedRanges }) => ({\n          selectedRanges: RangeUtils.selectRange(selectedRanges, [\n            itemIndex,\n            itemIndex,\n          ]),\n        }),\n        () => {\n          onSelect(itemIndex, e);\n        }\n      );\n    }\n  }\n\n  handleItemMouseDown(index: number, e: React.MouseEvent): void {\n    const { selectedRanges } = this.state;\n\n    if (\n      e.target instanceof HTMLElement &&\n      ['button', 'select', 'input', 'textarea'].indexOf(\n        e.target.tagName.toLowerCase()\n      ) !== -1\n    ) {\n      // allow these elements to do their own behaviours\n      return;\n    }\n\n    if (e.button === 2 && selectedRanges.length === 0) {\n      // allow right click to act as a selection if selection is empty\n      this.focusItem(index);\n      this.selectItem(index);\n      return;\n    }\n\n    if (e.button != null && e.button !== 0) {\n      return;\n    }\n\n    this.setState({\n      mouseDownIndex: index,\n      mouseX: e.clientX,\n      mouseY: e.clientY,\n    });\n\n    window.addEventListener('mouseup', this.handleWindowMouseUp);\n\n    // Leave selection until mouse up, to allow for dragging behaviour\n  }\n\n  handleItemBlur(itemIndex: number, e: React.FocusEvent): void {\n    log.debug2('item blur', itemIndex, e.currentTarget, e.relatedTarget);\n    if (\n      !e.relatedTarget ||\n      (this.listContainer.current &&\n        e.relatedTarget instanceof HTMLElement &&\n        !this.listContainer.current.contains(e.relatedTarget))\n    ) {\n      // Next focused element is outside of the ItemList\n      this.setState({ focusIndex: null });\n    }\n  }\n\n  handleItemFocus(itemIndex: number, e: React.FocusEvent): void {\n    log.debug2('item focus', itemIndex, e.target);\n    this.setState(state => {\n      const { focusIndex } = state;\n      if (focusIndex !== itemIndex) {\n        return { focusIndex: itemIndex };\n      }\n      return null;\n    });\n  }\n\n  handleItemMouseMove(itemIndex: number, e: React.MouseEvent): void {\n    const { isDragSelect, isMultiSelect, disableSelect } = this.props;\n    const { mouseDownIndex, selectedRanges, mouseX, mouseY } = this.state;\n\n    if (mouseDownIndex == null || disableSelect) return;\n\n    const mouseMoveX = Math.abs(e.clientX - (mouseX ?? 0));\n    const mouseMoveY = Math.abs(e.clientY - (mouseY ?? 0));\n    if (mouseMoveX > MIN_DRAG_DELTA && mouseMoveY > MIN_DRAG_DELTA) {\n      this.setState({ isDragging: true });\n    }\n    if (isDragSelect || mouseDownIndex === itemIndex) {\n      this.focusItem(itemIndex);\n\n      if (isMultiSelect) {\n        if (\n          !isDragSelect &&\n          !this.getItemSelected(itemIndex, selectedRanges) &&\n          !ContextActionUtils.isModifierKeyDown(e)\n        ) {\n          // If there's already a selection and they select outside of that range while dragging without a modifier key, start a new selection with just the new item\n          this.deselectAll();\n        }\n        this.selectRange([\n          Math.min(mouseDownIndex, itemIndex),\n          Math.max(mouseDownIndex, itemIndex),\n        ]);\n      } else {\n        this.toggleSelect(\n          itemIndex,\n          e.shiftKey,\n          ContextActionUtils.isModifierKeyDown(e),\n          false\n        );\n      }\n    }\n  }\n\n  handleItemMouseUp(index: number, e: React.MouseEvent): void {\n    const { isDeselectOnClick, isDoubleClickSelect, onSelect } = this.props;\n    const { mouseDownIndex, isDragging } = this.state;\n\n    if (\n      e.target instanceof HTMLElement &&\n      ['button', 'select', 'input', 'textarea'].indexOf(\n        e.target.tagName.toLowerCase()\n      ) !== -1\n    ) {\n      return;\n    }\n\n    if (mouseDownIndex === index && !isDragging) {\n      const isShiftDown = e.shiftKey;\n      const isModifierDown = ContextActionUtils.isModifierKeyDown(e);\n      this.focusItem(index);\n      this.toggleSelect(index, isShiftDown, isModifierDown, isDeselectOnClick);\n\n      if (!isDoubleClickSelect && !isShiftDown && !isModifierDown) {\n        onSelect(index, e);\n      }\n    }\n\n    this.resetMouseState();\n  }\n\n  handleItemsRendered({ overscanStartIndex }: ListOnItemsRenderedProps): void {\n    this.setState({ overscanStartIndex });\n  }\n\n  handleResize({ height }: Size): void {\n    this.setState({ height });\n  }\n\n  handleMouseLeave(): void {\n    this.setState({ mouseDownIndex: null });\n  }\n\n  handleWindowMouseUp(): void {\n    this.resetMouseState();\n    window.removeEventListener('mouseup', this.handleWindowMouseUp);\n  }\n\n  handleKeyDown(e: React.KeyboardEvent): void {\n    const { isMultiSelect, itemCount, onSelect } = this.props;\n    const { focusIndex: oldFocus } = this.state;\n    let newFocus = oldFocus;\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (!isMultiSelect && newFocus != null) {\n        this.setState({ selectedRanges: [[newFocus, newFocus]] }, () => {\n          if (newFocus != null) {\n            onSelect(newFocus, e);\n          }\n        });\n      }\n      return;\n    }\n\n    if (e.key === 'ArrowUp') {\n      if (newFocus != null && newFocus >= 0) {\n        newFocus = Math.max(0, newFocus - 1);\n      } else {\n        newFocus = itemCount - 1;\n      }\n    } else if (e.key === 'ArrowDown') {\n      if (newFocus != null && newFocus >= 0) {\n        newFocus = Math.min(newFocus + 1, itemCount - 1);\n      } else {\n        newFocus = 0;\n      }\n    } else {\n      return;\n    }\n\n    if (oldFocus !== newFocus) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      this.focusItem(newFocus);\n\n      const { selectedRanges } = this.state;\n      if (e.shiftKey && selectedRanges.length > 0) {\n        const lastRange = selectedRanges[selectedRanges.length - 1];\n        this.selectRange([\n          Math.min(newFocus, lastRange[0]),\n          Math.max(newFocus, lastRange[1]),\n        ]);\n      } else {\n        this.deselectAll();\n        if (newFocus !== null) {\n          this.selectItem(newFocus);\n        } else {\n          this.listContainer.current?.focus();\n        }\n      }\n\n      this.scrollIntoView(newFocus);\n    }\n  }\n\n  handleScroll({\n    scrollUpdateWasRequested,\n    scrollOffset,\n  }: ListOnScrollProps): void {\n    this.setState(state => {\n      if (scrollUpdateWasRequested) {\n        // The scroll was caused by scrollTo() or scrollToItem()\n        // Don't re-calc isStuckToBottom\n        return { scrollOffset } as ItemListState;\n      }\n\n      const { isStickyBottom } = this.props;\n      const { height } = state;\n\n      const isStuckToBottom =\n        isStickyBottom && this.isListAtBottom({ scrollOffset, height });\n      return { isStuckToBottom, scrollOffset } as ItemListState;\n    });\n  }\n\n  resetMouseState(): void {\n    this.setState({ mouseDownIndex: null, isDragging: false });\n  }\n\n  scrollToBottom(): void {\n    const { itemCount } = this.props;\n    if (this.list.current) {\n      this.list.current.scrollToItem(itemCount);\n    }\n  }\n\n  scrollIntoView(itemIndex: number): void {\n    if (this.list.current) {\n      this.list.current.scrollToItem(itemIndex);\n    }\n  }\n\n  /**\n   * @param index The index to toggle selection for\n   * @param isShiftDown True if the shift modifier key is down\n   * @param isModifierDown True if the meta modifier key is down\n   * @param isDeselectable True if item should be deselected if already selected\n   */\n  toggleSelect(\n    index: number,\n    isShiftDown: boolean,\n    isModifierDown: boolean,\n    isDeselectable = true\n  ): void {\n    const { isMultiSelect } = this.props;\n    const { selectedRanges } = this.state;\n\n    if (isMultiSelect && isShiftDown && selectedRanges.length > 0) {\n      const lastRange = selectedRanges[selectedRanges.length - 1];\n      this.selectRange([\n        Math.min(lastRange[0], index),\n        Math.max(index, lastRange[1]),\n      ]);\n    } else if (\n      isMultiSelect &&\n      selectedRanges.length === 1 &&\n      selectedRanges[0][0] === index &&\n      selectedRanges[0][1] === index\n    ) {\n      if (isDeselectable) {\n        this.deselectItem(index);\n      }\n    } else if (isMultiSelect && isModifierDown) {\n      if (this.getItemSelected(index, selectedRanges)) {\n        if (isDeselectable) {\n          this.deselectItem(index);\n        }\n      } else {\n        this.selectItem(index);\n      }\n    } else {\n      this.deselectAll();\n      this.selectItem(index);\n    }\n  }\n\n  deselectAll(): void {\n    const { itemCount } = this.props;\n    this.deselectRange([0, itemCount]);\n  }\n\n  deselectItem(index: number): void {\n    this.deselectRange([index, index]);\n  }\n\n  deselectRange(range: Range): void {\n    RangeUtils.validateRange(range);\n\n    this.setState(({ selectedRanges }) => ({\n      selectedRanges: RangeUtils.deselectRange(selectedRanges, range),\n    }));\n  }\n\n  selectItem(index: number): void {\n    const { disableSelect } = this.props;\n    if (disableSelect) return;\n\n    this.selectRange([index, index]);\n  }\n\n  selectRange(range: Range): void {\n    RangeUtils.validateRange(range);\n\n    this.setState(({ selectedRanges }) => ({\n      selectedRanges: RangeUtils.selectRange(selectedRanges, range),\n    }));\n  }\n\n  setSelectedRanges(selectedRanges: readonly Range[]): void {\n    this.setState({ selectedRanges });\n  }\n\n  sendViewportUpdate(): void {\n    const { scrollOffset, height } = this.state;\n    if (scrollOffset != null && height != null) {\n      const { onViewportChange, rowHeight } = this.props;\n      const topRow = Math.floor(scrollOffset / rowHeight);\n      const bottomRow = topRow + Math.ceil(height / rowHeight);\n      onViewportChange(topRow, bottomRow);\n    }\n  }\n\n  isListAtBottom(\n    {\n      scrollOffset,\n      height,\n    }: Pick<ItemListState, 'scrollOffset' | 'height'> = this.state\n  ): boolean {\n    if (height == null || scrollOffset == null) {\n      return false;\n    }\n\n    const { itemCount, rowHeight } = this.props;\n    return scrollOffset + height >= itemCount * rowHeight;\n  }\n\n  renderInnerElement({\n    index: itemIndex,\n    style,\n  }: {\n    index: number;\n    style: React.CSSProperties;\n  }): React.ReactElement | null {\n    const { items, offset, renderItem, disableSelect } = this.props;\n    const { focusIndex, selectedRanges } = this.state;\n    if (itemIndex < offset || itemIndex >= offset + items.length) {\n      return null;\n    }\n\n    const item = items[itemIndex - offset];\n    return this.getCachedItem(\n      itemIndex,\n      itemIndex,\n      item,\n      itemIndex === focusIndex && !disableSelect,\n      this.getItemSelected(itemIndex, selectedRanges),\n      renderItem,\n      style,\n      disableSelect\n    );\n  }\n\n  render(): JSX.Element {\n    const {\n      items,\n      itemCount,\n      overscanCount,\n      renderItem,\n      rowHeight,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { selectedRanges, isStuckToBottom } = this.state;\n    return (\n      <AutoSizer className=\"item-list-auto-sizer\" onResize={this.handleResize}>\n        {({ width, height }) => (\n          <List\n            className=\"item-list-scroll-pane\"\n            height={height}\n            width={width}\n            initialScrollOffset={isStuckToBottom ? itemCount * rowHeight : 0}\n            itemCount={itemCount}\n            itemSize={rowHeight}\n            // This prop isn't actually used by us, it is passed to the render function by react-window\n            // Used here to force a re-render of the List component.\n            // Otherwise it doesn't know to call the render again when selection or renderItem changes\n            itemData={this.getItemData(items, selectedRanges, renderItem)}\n            onScroll={this.handleScroll}\n            onItemsRendered={this.handleItemsRendered}\n            ref={this.list}\n            outerElementType={this.getOuterElement(this.handleKeyDown)}\n            outerRef={this.listContainer}\n            innerElementType={this.getInnerElement()}\n            overscanCount={overscanCount}\n            data-testid={dataTestId}\n          >\n            {this.renderInnerElement}\n          </List>\n        )}\n      </AutoSizer>\n    );\n  }\n}\n\nexport default ItemList;\n"],"mappings":"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"}
+{"version":3,"file":"ItemList.js","names":["React","PureComponent","memoize","FixedSizeList","List","AutoSizer","Log","RangeUtils","ItemListItem","ContextActionUtils","log","module","MIN_DRAG_DELTA","ItemList","renderItem","item","displayValue","value","constructor","props","index","selectedRanges","isSelected","max","CACHE_SIZE","itemIndex","key","isFocused","style","disableSelect","content","handleItemContextMenu","handleItemDoubleClick","handleItemMouseDown","handleItemFocus","handleItemBlur","handleItemMouseMove","handleItemMouseUp","onKeyDown","component","forwardRef","ref","displayName","items","bind","handleItemsRendered","handleWindowMouseUp","handleKeyDown","handleMouseLeave","handleScroll","handleResize","renderInnerElement","list","createRef","listContainer","isStickyBottom","state","focusIndex","mouseDownIndex","overscanStartIndex","height","isDragging","isStuckToBottom","scrollOffset","mouseX","mouseY","componentDidUpdate","prevProps","prevState","propSelectedRanges","itemCount","isListAtBottom","scrollToBottom","sendViewportUpdate","setSelectedRanges","onSelectionChange","onFocusChange","componentWillUnmount","window","removeEventListener","focus","current","restoreScrollPosition","scrollTo","getElement","focusSelector","elements","querySelectorAll","elementIndex","focusItem","setState","element","HTMLElement","scrollToItem","scrollIntoView","block","e","isModifierDown","isModifierKeyDown","toggleSelect","shiftKey","isDoubleClickSelect","onSelect","selectRange","target","indexOf","tagName","toLowerCase","button","length","selectItem","clientX","clientY","addEventListener","debug2","currentTarget","relatedTarget","contains","isDragSelect","isMultiSelect","mouseMoveX","Math","abs","mouseMoveY","getItemSelected","deselectAll","min","isDeselectOnClick","isShiftDown","resetMouseState","oldFocus","newFocus","stopPropagation","preventDefault","lastRange","scrollUpdateWasRequested","isDeselectable","deselectItem","deselectRange","range","validateRange","onViewportChange","rowHeight","topRow","floor","bottomRow","ceil","offset","getCachedItem","render","overscanCount","dataTestId","width","getItemData","getOuterElement","getInnerElement","DEFAULT_ROW_HEIGHT","DEFAULT_OVERSCAN","undefined"],"sources":["../src/ItemList.tsx"],"sourcesContent":["/* eslint-disable react/no-unstable-nested-components */\nimport React, { PureComponent } from 'react';\nimport memoize from 'memoizee';\nimport {\n  FixedSizeList as List,\n  ListOnItemsRenderedProps,\n  ListOnScrollProps,\n} from 'react-window';\nimport AutoSizer, { Size } from 'react-virtualized-auto-sizer';\nimport Log from '@deephaven/log';\nimport { RangeUtils, Range } from '@deephaven/utils';\nimport ItemListItem from './ItemListItem';\nimport { ContextActionUtils } from './context-actions';\nimport './ItemList.scss';\n\nconst log = Log.module('ItemList');\nconst MIN_DRAG_DELTA = 5;\n\nexport interface DefaultListItem {\n  value?: string;\n  displayValue?: string;\n}\n\nexport type RenderItemProps<T> = {\n  item: T;\n  itemIndex: number;\n  isFocused: boolean;\n  isSelected: boolean;\n  style: React.CSSProperties;\n};\n\nexport type RenderItemFn<T> = (props: RenderItemProps<T>) => React.ReactNode;\n\nexport type ItemDragEventHandler = (\n  index: number,\n  event: React.DragEvent<HTMLDivElement>\n) => void;\n\nexport type ItemListProps<T> = {\n  // Total item count\n  itemCount: number;\n  rowHeight: number;\n  // Offset of the top item in the items array\n  offset: number;\n  // Item object format expected by the default renderItem function\n  // Can be anything as long as it's supported by the renderItem\n  // Default renderItem will look for a `displayValue` property, fallback\n  // to the `value` property, or stringify the object if neither are defined\n  items: readonly T[];\n  // Whether clicking a selected item should deselect in the item list or not. Defaults to true\n  isDeselectOnClick: boolean;\n  // Whether selection requires a double click or not\n  isDoubleClickSelect: boolean;\n  // Whether to allow dragging to change the selection after clicking\n  isDragSelect: boolean;\n  // Whether to allow multiple selections in this item list\n  isMultiSelect: boolean;\n  // Set to true if you want the list to scroll when new items are added and it's already at the bottom\n  isStickyBottom: boolean;\n  // Fired when an item gets focused\n  onFocusChange(index: number | null): void;\n\n  // Fired when an item is clicked. With multiple selection, fired on double click.\n  onSelect(index: number, event: React.SyntheticEvent): void;\n  onSelectionChange(ranges: readonly Range[]): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n  overscanCount: number;\n  selectedRanges: readonly Range[];\n  disableSelect: boolean;\n  renderItem: RenderItemFn<T>;\n  focusSelector: string;\n  'data-testid'?: string;\n};\n\ntype ItemListState = {\n  focusIndex: number | null;\n  mouseDownIndex: number | null;\n  selectedRanges: readonly Range[];\n  overscanStartIndex: number;\n  height: number | null;\n  isDragging: boolean;\n  isStuckToBottom: boolean;\n  scrollOffset: number | null;\n  mouseX: number | null;\n  mouseY: number | null;\n};\n\n/**\n * Show items in a long scrollable list.\n * Can be navigated via keyboard or mouse.\n */\nexport class ItemList<T> extends PureComponent<\n  ItemListProps<T>,\n  ItemListState\n> {\n  static CACHE_SIZE = 1000;\n\n  static DEFAULT_ROW_HEIGHT = 20;\n\n  // By drawing an additional 10 items on each side, tab/keyboard navigation works better (as the next element exists)\n  static DEFAULT_OVERSCAN = 10;\n\n  static defaultProps = {\n    offset: 0,\n    items: [],\n    rowHeight: ItemList.DEFAULT_ROW_HEIGHT,\n\n    isDeselectOnClick: true,\n\n    isDoubleClickSelect: false,\n\n    isDragSelect: true,\n\n    isMultiSelect: false,\n\n    isStickyBottom: false,\n\n    disableSelect: false,\n\n    onFocusChange(): void {\n      // no-op\n    },\n    onSelect(): void {\n      // no-op\n    },\n    onSelectionChange(): void {\n      // no-op\n    },\n    onViewportChange(): void {\n      // no-op\n    },\n\n    overscanCount: ItemList.DEFAULT_OVERSCAN,\n\n    renderItem: ItemList.renderItem,\n    selectedRanges: [],\n\n    focusSelector: '.item-list-item',\n\n    'data-testid': undefined,\n  };\n\n  static renderItem<P extends DefaultListItem>({\n    item,\n  }: RenderItemProps<P>): JSX.Element {\n    return (\n      <div className=\"item-list-item-content\">\n        {item != null && (item.displayValue ?? item.value ?? `${item}`)}\n      </div>\n    );\n  }\n\n  constructor(props: ItemListProps<T>) {\n    super(props);\n\n    this.handleItemBlur = this.handleItemBlur.bind(this);\n    this.handleItemContextMenu = this.handleItemContextMenu.bind(this);\n    this.handleItemFocus = this.handleItemFocus.bind(this);\n    this.handleItemDoubleClick = this.handleItemDoubleClick.bind(this);\n    this.handleItemMouseDown = this.handleItemMouseDown.bind(this);\n    this.handleItemMouseMove = this.handleItemMouseMove.bind(this);\n    this.handleItemMouseUp = this.handleItemMouseUp.bind(this);\n    this.handleItemsRendered = this.handleItemsRendered.bind(this);\n    this.handleWindowMouseUp = this.handleWindowMouseUp.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.renderInnerElement = this.renderInnerElement.bind(this);\n\n    this.list = React.createRef();\n    this.listContainer = React.createRef();\n\n    const { isStickyBottom, selectedRanges } = props;\n\n    this.state = {\n      focusIndex: null,\n      mouseDownIndex: null,\n      selectedRanges,\n      overscanStartIndex: 0,\n      height: null,\n      isDragging: false,\n      isStuckToBottom: isStickyBottom,\n      scrollOffset: null,\n      mouseX: null,\n      mouseY: null,\n    };\n  }\n\n  componentDidUpdate(\n    prevProps: ItemListProps<T>,\n    prevState: ItemListState\n  ): void {\n    const { selectedRanges: propSelectedRanges, itemCount } = this.props;\n    const {\n      focusIndex,\n      isStuckToBottom,\n      scrollOffset,\n      height,\n      selectedRanges,\n    } = this.state;\n    if (isStuckToBottom && !this.isListAtBottom() && itemCount > 0) {\n      this.scrollToBottom();\n    }\n\n    if (\n      scrollOffset !== prevState.scrollOffset ||\n      height !== prevState.height\n    ) {\n      this.sendViewportUpdate();\n    }\n\n    if (\n      propSelectedRanges !== prevProps.selectedRanges &&\n      propSelectedRanges !== selectedRanges\n    ) {\n      this.setSelectedRanges(propSelectedRanges);\n    } else if (selectedRanges !== prevState.selectedRanges) {\n      const { onSelectionChange } = this.props;\n      onSelectionChange(selectedRanges);\n    }\n\n    if (focusIndex !== prevState.focusIndex) {\n      const { onFocusChange } = this.props;\n      onFocusChange(focusIndex);\n    }\n  }\n\n  componentWillUnmount(): void {\n    window.removeEventListener('mouseup', this.handleWindowMouseUp);\n  }\n\n  list: React.RefObject<List>;\n\n  listContainer: React.RefObject<HTMLDivElement>;\n\n  getItemSelected = memoize(\n    (index: number, selectedRanges: readonly Range[]) =>\n      RangeUtils.isSelected(selectedRanges, index),\n    { max: ItemList.CACHE_SIZE }\n  );\n\n  getCachedItem = memoize(\n    (\n      itemIndex: number,\n      key: number,\n      item: T,\n      isFocused: boolean,\n      isSelected: boolean,\n      renderItem: RenderItemFn<T>,\n      style: React.CSSProperties,\n      disableSelect: boolean\n    ) => {\n      const content = renderItem({\n        item,\n        itemIndex,\n        isFocused,\n        isSelected,\n        style,\n      });\n\n      return (\n        <ItemListItem\n          onContextMenu={this.handleItemContextMenu}\n          onDoubleClick={this.handleItemDoubleClick}\n          onMouseDown={this.handleItemMouseDown}\n          onFocus={this.handleItemFocus}\n          onBlur={this.handleItemBlur}\n          disableSelect={disableSelect}\n          onMouseMove={this.handleItemMouseMove}\n          onMouseUp={this.handleItemMouseUp}\n          isFocused={isFocused}\n          isSelected={isSelected}\n          itemIndex={itemIndex}\n          style={style}\n          key={key}\n        >\n          {content}\n        </ItemListItem>\n      );\n    },\n    { max: ItemList.CACHE_SIZE }\n  );\n\n  getOuterElement = memoize((onKeyDown: React.KeyboardEventHandler) => {\n    const component = React.forwardRef<HTMLDivElement>((props, ref) => (\n      // We need to add the tabIndex to make sure it is focusable, otherwise we can't get key events\n      <div\n        ref={ref}\n        tabIndex={-1}\n        onKeyDown={onKeyDown}\n        role=\"presentation\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...props}\n      />\n    ));\n    component.displayName = 'ItemListOuterElement';\n    return component;\n  });\n\n  getInnerElement = memoize(() => {\n    const component = React.forwardRef<HTMLDivElement>((props, ref) => (\n      <div\n        className=\"item-list-inner-element\"\n        ref={ref}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...props}\n      />\n    ));\n    component.displayName = 'ItemListInnerElement';\n    return component;\n  });\n\n  getItemData = memoize(\n    (\n      items: readonly T[],\n      selectedRanges: readonly Range[],\n      renderItem: RenderItemFn<T>\n    ) => ({\n      items,\n      selectedRanges,\n      renderItem,\n    })\n  );\n\n  focus(): void {\n    this.listContainer.current?.focus();\n  }\n\n  restoreScrollPosition(): void {\n    const { scrollOffset } = this.state;\n    if (scrollOffset != null) {\n      // manually restore the scroll containers offset\n      // virtual list doesn't restore scrolloffset in a re-render if it's the same\n      this.listContainer.current?.scrollTo(0, scrollOffset);\n    }\n  }\n\n  getElement(itemIndex: number): Element | null {\n    if (this.listContainer.current == null) {\n      return null;\n    }\n\n    const { focusSelector } = this.props;\n    const { overscanStartIndex } = this.state;\n    const elements = this.listContainer.current.querySelectorAll(focusSelector);\n    const elementIndex = itemIndex - overscanStartIndex;\n    return elements[elementIndex];\n  }\n\n  focusItem(itemIndex: number): void {\n    const { disableSelect } = this.props;\n    if (disableSelect) return;\n\n    this.setState({ focusIndex: itemIndex });\n\n    const element = this.getElement(itemIndex);\n    if (element instanceof HTMLElement) {\n      element.focus();\n    }\n  }\n\n  scrollToItem(itemIndex: number): void {\n    const element = this.getElement(itemIndex);\n    if (element != null) {\n      element.scrollIntoView({ block: 'center' });\n    }\n  }\n\n  handleItemContextMenu(\n    itemIndex: number,\n    e: React.MouseEvent<HTMLDivElement>\n  ): void {\n    // Update the selection, but don't consume the mouse event - it will trigger the context menu\n    const { selectedRanges } = this.state;\n    const isSelected = RangeUtils.isSelected(selectedRanges, itemIndex);\n\n    // 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\n    const isModifierDown =\n      isSelected || ContextActionUtils.isModifierKeyDown(e);\n    this.toggleSelect(itemIndex, e.shiftKey, isModifierDown, false);\n  }\n\n  handleItemDoubleClick(itemIndex: number, e: React.MouseEvent): void {\n    const { isDoubleClickSelect, onSelect } = this.props;\n\n    if (isDoubleClickSelect) {\n      this.setState(\n        ({ selectedRanges }) => ({\n          selectedRanges: RangeUtils.selectRange(selectedRanges, [\n            itemIndex,\n            itemIndex,\n          ]),\n        }),\n        () => {\n          onSelect(itemIndex, e);\n        }\n      );\n    }\n  }\n\n  handleItemMouseDown(index: number, e: React.MouseEvent): void {\n    const { selectedRanges } = this.state;\n\n    if (\n      e.target instanceof HTMLElement &&\n      ['button', 'select', 'input', 'textarea'].indexOf(\n        e.target.tagName.toLowerCase()\n      ) !== -1\n    ) {\n      // allow these elements to do their own behaviours\n      return;\n    }\n\n    if (e.button === 2 && selectedRanges.length === 0) {\n      // allow right click to act as a selection if selection is empty\n      this.focusItem(index);\n      this.selectItem(index);\n      return;\n    }\n\n    if (e.button != null && e.button !== 0) {\n      return;\n    }\n\n    this.setState({\n      mouseDownIndex: index,\n      mouseX: e.clientX,\n      mouseY: e.clientY,\n    });\n\n    window.addEventListener('mouseup', this.handleWindowMouseUp);\n\n    // Leave selection until mouse up, to allow for dragging behaviour\n  }\n\n  handleItemBlur(itemIndex: number, e: React.FocusEvent): void {\n    log.debug2('item blur', itemIndex, e.currentTarget, e.relatedTarget);\n    if (\n      !e.relatedTarget ||\n      (this.listContainer.current &&\n        e.relatedTarget instanceof HTMLElement &&\n        !this.listContainer.current.contains(e.relatedTarget))\n    ) {\n      // Next focused element is outside of the ItemList\n      this.setState({ focusIndex: null });\n    }\n  }\n\n  handleItemFocus(itemIndex: number, e: React.FocusEvent): void {\n    log.debug2('item focus', itemIndex, e.target);\n    this.setState(state => {\n      const { focusIndex } = state;\n      if (focusIndex !== itemIndex) {\n        return { focusIndex: itemIndex };\n      }\n      return null;\n    });\n  }\n\n  handleItemMouseMove(itemIndex: number, e: React.MouseEvent): void {\n    const { isDragSelect, isMultiSelect, disableSelect } = this.props;\n    const { mouseDownIndex, selectedRanges, mouseX, mouseY } = this.state;\n\n    if (mouseDownIndex == null || disableSelect) return;\n\n    const mouseMoveX = Math.abs(e.clientX - (mouseX ?? 0));\n    const mouseMoveY = Math.abs(e.clientY - (mouseY ?? 0));\n    if (mouseMoveX > MIN_DRAG_DELTA && mouseMoveY > MIN_DRAG_DELTA) {\n      this.setState({ isDragging: true });\n    }\n    if (isDragSelect || mouseDownIndex === itemIndex) {\n      this.focusItem(itemIndex);\n\n      if (isMultiSelect) {\n        if (\n          !isDragSelect &&\n          !this.getItemSelected(itemIndex, selectedRanges) &&\n          !ContextActionUtils.isModifierKeyDown(e)\n        ) {\n          // If there's already a selection and they select outside of that range while dragging without a modifier key, start a new selection with just the new item\n          this.deselectAll();\n        }\n        this.selectRange([\n          Math.min(mouseDownIndex, itemIndex),\n          Math.max(mouseDownIndex, itemIndex),\n        ]);\n      } else {\n        this.toggleSelect(\n          itemIndex,\n          e.shiftKey,\n          ContextActionUtils.isModifierKeyDown(e),\n          false\n        );\n      }\n    }\n  }\n\n  handleItemMouseUp(index: number, e: React.MouseEvent): void {\n    const { isDeselectOnClick, isDoubleClickSelect, onSelect } = this.props;\n    const { mouseDownIndex, isDragging } = this.state;\n\n    if (\n      e.target instanceof HTMLElement &&\n      ['button', 'select', 'input', 'textarea'].indexOf(\n        e.target.tagName.toLowerCase()\n      ) !== -1\n    ) {\n      return;\n    }\n\n    if (mouseDownIndex === index && !isDragging) {\n      const isShiftDown = e.shiftKey;\n      const isModifierDown = ContextActionUtils.isModifierKeyDown(e);\n      this.focusItem(index);\n      this.toggleSelect(index, isShiftDown, isModifierDown, isDeselectOnClick);\n\n      if (!isDoubleClickSelect && !isShiftDown && !isModifierDown) {\n        onSelect(index, e);\n      }\n    }\n\n    this.resetMouseState();\n  }\n\n  handleItemsRendered({ overscanStartIndex }: ListOnItemsRenderedProps): void {\n    this.setState({ overscanStartIndex });\n  }\n\n  handleResize({ height }: Size): void {\n    this.setState({ height });\n  }\n\n  handleMouseLeave(): void {\n    this.setState({ mouseDownIndex: null });\n  }\n\n  handleWindowMouseUp(): void {\n    this.resetMouseState();\n    window.removeEventListener('mouseup', this.handleWindowMouseUp);\n  }\n\n  handleKeyDown(e: React.KeyboardEvent): void {\n    const { isMultiSelect, itemCount, onSelect } = this.props;\n    const { focusIndex: oldFocus } = this.state;\n    let newFocus = oldFocus;\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (!isMultiSelect && newFocus != null) {\n        this.setState({ selectedRanges: [[newFocus, newFocus]] }, () => {\n          if (newFocus != null) {\n            onSelect(newFocus, e);\n          }\n        });\n      }\n      return;\n    }\n\n    if (e.key === 'ArrowUp') {\n      if (newFocus != null && newFocus >= 0) {\n        newFocus = Math.max(0, newFocus - 1);\n      } else {\n        newFocus = itemCount - 1;\n      }\n    } else if (e.key === 'ArrowDown') {\n      if (newFocus != null && newFocus >= 0) {\n        newFocus = Math.min(newFocus + 1, itemCount - 1);\n      } else {\n        newFocus = 0;\n      }\n    } else {\n      return;\n    }\n\n    if (oldFocus !== newFocus) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      this.focusItem(newFocus);\n\n      const { selectedRanges } = this.state;\n      if (e.shiftKey && selectedRanges.length > 0) {\n        const lastRange = selectedRanges[selectedRanges.length - 1];\n        this.selectRange([\n          Math.min(newFocus, lastRange[0]),\n          Math.max(newFocus, lastRange[1]),\n        ]);\n      } else {\n        this.deselectAll();\n        if (newFocus !== null) {\n          this.selectItem(newFocus);\n        } else {\n          this.listContainer.current?.focus();\n        }\n      }\n\n      this.scrollIntoView(newFocus);\n    }\n  }\n\n  handleScroll({\n    scrollUpdateWasRequested,\n    scrollOffset,\n  }: ListOnScrollProps): void {\n    this.setState(state => {\n      if (scrollUpdateWasRequested) {\n        // The scroll was caused by scrollTo() or scrollToItem()\n        // Don't re-calc isStuckToBottom\n        return { scrollOffset } as ItemListState;\n      }\n\n      const { isStickyBottom } = this.props;\n      const { height } = state;\n\n      const isStuckToBottom =\n        isStickyBottom && this.isListAtBottom({ scrollOffset, height });\n      return { isStuckToBottom, scrollOffset } as ItemListState;\n    });\n  }\n\n  resetMouseState(): void {\n    this.setState({ mouseDownIndex: null, isDragging: false });\n  }\n\n  scrollToBottom(): void {\n    const { itemCount } = this.props;\n    if (this.list.current) {\n      this.list.current.scrollToItem(itemCount);\n    }\n  }\n\n  scrollIntoView(itemIndex: number): void {\n    if (this.list.current) {\n      this.list.current.scrollToItem(itemIndex);\n    }\n  }\n\n  /**\n   * @param index The index to toggle selection for\n   * @param isShiftDown True if the shift modifier key is down\n   * @param isModifierDown True if the meta modifier key is down\n   * @param isDeselectable True if item should be deselected if already selected\n   */\n  toggleSelect(\n    index: number,\n    isShiftDown: boolean,\n    isModifierDown: boolean,\n    isDeselectable = true\n  ): void {\n    const { isMultiSelect } = this.props;\n    const { selectedRanges } = this.state;\n\n    if (isMultiSelect && isShiftDown && selectedRanges.length > 0) {\n      const lastRange = selectedRanges[selectedRanges.length - 1];\n      this.selectRange([\n        Math.min(lastRange[0], index),\n        Math.max(index, lastRange[1]),\n      ]);\n    } else if (\n      isMultiSelect &&\n      selectedRanges.length === 1 &&\n      selectedRanges[0][0] === index &&\n      selectedRanges[0][1] === index\n    ) {\n      if (isDeselectable) {\n        this.deselectItem(index);\n      }\n    } else if (isMultiSelect && isModifierDown) {\n      if (this.getItemSelected(index, selectedRanges)) {\n        if (isDeselectable) {\n          this.deselectItem(index);\n        }\n      } else {\n        this.selectItem(index);\n      }\n    } else {\n      this.deselectAll();\n      this.selectItem(index);\n    }\n  }\n\n  deselectAll(): void {\n    const { itemCount } = this.props;\n    this.deselectRange([0, itemCount]);\n  }\n\n  deselectItem(index: number): void {\n    this.deselectRange([index, index]);\n  }\n\n  deselectRange(range: Range): void {\n    RangeUtils.validateRange(range);\n\n    this.setState(({ selectedRanges }) => ({\n      selectedRanges: RangeUtils.deselectRange(selectedRanges, range),\n    }));\n  }\n\n  selectItem(index: number): void {\n    const { disableSelect } = this.props;\n    if (disableSelect) return;\n\n    this.selectRange([index, index]);\n  }\n\n  selectRange(range: Range): void {\n    RangeUtils.validateRange(range);\n\n    this.setState(({ selectedRanges }) => ({\n      selectedRanges: RangeUtils.selectRange(selectedRanges, range),\n    }));\n  }\n\n  setSelectedRanges(selectedRanges: readonly Range[]): void {\n    this.setState({ selectedRanges });\n  }\n\n  sendViewportUpdate(): void {\n    const { scrollOffset, height } = this.state;\n    if (scrollOffset != null && height != null) {\n      const { onViewportChange, rowHeight } = this.props;\n      const topRow = Math.floor(scrollOffset / rowHeight);\n      const bottomRow = topRow + Math.ceil(height / rowHeight);\n      onViewportChange(topRow, bottomRow);\n    }\n  }\n\n  isListAtBottom(\n    {\n      scrollOffset,\n      height,\n    }: Pick<ItemListState, 'scrollOffset' | 'height'> = this.state\n  ): boolean {\n    if (height == null || scrollOffset == null) {\n      return false;\n    }\n\n    const { itemCount, rowHeight } = this.props;\n    return scrollOffset + height >= itemCount * rowHeight;\n  }\n\n  renderInnerElement({\n    index: itemIndex,\n    style,\n  }: {\n    index: number;\n    style: React.CSSProperties;\n  }): React.ReactElement | null {\n    const { items, offset, renderItem, disableSelect } = this.props;\n    const { focusIndex, selectedRanges } = this.state;\n    if (itemIndex < offset || itemIndex >= offset + items.length) {\n      return null;\n    }\n\n    const item = items[itemIndex - offset];\n    return this.getCachedItem(\n      itemIndex,\n      itemIndex,\n      item,\n      itemIndex === focusIndex && !disableSelect,\n      this.getItemSelected(itemIndex, selectedRanges),\n      renderItem,\n      style,\n      disableSelect\n    );\n  }\n\n  render(): JSX.Element {\n    const {\n      items,\n      itemCount,\n      overscanCount,\n      renderItem,\n      rowHeight,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { selectedRanges, isStuckToBottom } = this.state;\n    return (\n      <AutoSizer className=\"item-list-auto-sizer\" onResize={this.handleResize}>\n        {({ width, height }) => (\n          <List\n            className=\"item-list-scroll-pane\"\n            height={height}\n            width={width}\n            initialScrollOffset={isStuckToBottom ? itemCount * rowHeight : 0}\n            itemCount={itemCount}\n            itemSize={rowHeight}\n            // This prop isn't actually used by us, it is passed to the render function by react-window\n            // Used here to force a re-render of the List component.\n            // Otherwise it doesn't know to call the render again when selection or renderItem changes\n            itemData={this.getItemData(items, selectedRanges, renderItem)}\n            onScroll={this.handleScroll}\n            onItemsRendered={this.handleItemsRendered}\n            ref={this.list}\n            outerElementType={this.getOuterElement(this.handleKeyDown)}\n            outerRef={this.listContainer}\n            innerElementType={this.getInnerElement()}\n            overscanCount={overscanCount}\n            data-testid={dataTestId}\n          >\n            {this.renderInnerElement}\n          </List>\n        )}\n      </AutoSizer>\n    );\n  }\n}\n\nexport default ItemList;\n"],"mappings":"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"}