@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.8

package/dist/ItemListItem.js

@@ -1,218 +1,183 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import "./ItemListItem.css";
+import Log from '@deephaven/log';
+var log = Log.module('ItemListItem');
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+class ItemListItem extends Component {
+  static handleKeyDown() {
+    log.log('ItemListItem.handleKeyDown false');
+    return false;
+  }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "itemRef", void 0);
+
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+    this.handleContextMenu = this.handleContextMenu.bind(this);
+    this.handleDragStart = this.handleDragStart.bind(this);
+    this.handleDrag = this.handleDrag.bind(this);
+    this.handleDragOver = this.handleDragOver.bind(this);
+    this.handleDragEnd = this.handleDragEnd.bind(this);
+    this.handleDrop = this.handleDrop.bind(this);
+    this.handleDoubleClick = this.handleDoubleClick.bind(this);
+    this.handleMouseDown = this.handleMouseDown.bind(this);
+    this.handleMouseMove = this.handleMouseMove.bind(this);
+    this.handleMouseUp = this.handleMouseUp.bind(this);
+    this.itemRef = /*#__PURE__*/React.createRef();
+  }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+  handleBlur(e) {
+    var {
+      itemIndex,
+      onBlur
+    } = this.props;
+    onBlur(itemIndex, e);
+  }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+  handleFocus(e) {
+    var {
+      itemIndex,
+      onFocus
+    } = this.props;
+    onFocus(itemIndex, e);
+  }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+  handleClick(e) {
+    var {
+      itemIndex,
+      onClick
+    } = this.props;
+    onClick(itemIndex, e);
+  }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+  handleContextMenu(e) {
+    var {
+      itemIndex,
+      onContextMenu
+    } = this.props;
+    onContextMenu(itemIndex, e);
+  }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+  handleDragStart(e) {
+    var {
+      itemIndex,
+      onDragStart
+    } = this.props;
+    onDragStart(itemIndex, e);
+  }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+  handleDrag(e) {
+    var {
+      itemIndex,
+      onDrag
+    } = this.props;
+    onDrag(itemIndex, e);
+  }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+  handleDragOver(e) {
+    // Have to call preventDefault otherwise onDrop won't get triggered
+    e.preventDefault();
+    var {
+      itemIndex,
+      onDragOver
+    } = this.props;
+    onDragOver(itemIndex, e);
+  }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+  handleDragEnd(e) {
+    var {
+      itemIndex,
+      onDragEnd
+    } = this.props;
+    onDragEnd(itemIndex, e);
+  }
 
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import "./ItemListItem.css";
-import Log from '@deephaven/log';
-var log = Log.module('ItemListItem');
+  handleDrop(e) {
+    var {
+      itemIndex,
+      onDrop
+    } = this.props;
+    onDrop(itemIndex, e);
+  }
 
-var ItemListItem = /*#__PURE__*/function (_Component) {
-  _inherits(ItemListItem, _Component);
-
-  var _super = _createSuper(ItemListItem);
-
-  function ItemListItem(props) {
-    var _this;
-
-    _classCallCheck(this, ItemListItem);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "itemRef", void 0);
-
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
-    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
-    _this.handleContextMenu = _this.handleContextMenu.bind(_assertThisInitialized(_this));
-    _this.handleDragStart = _this.handleDragStart.bind(_assertThisInitialized(_this));
-    _this.handleDrag = _this.handleDrag.bind(_assertThisInitialized(_this));
-    _this.handleDragOver = _this.handleDragOver.bind(_assertThisInitialized(_this));
-    _this.handleDragEnd = _this.handleDragEnd.bind(_assertThisInitialized(_this));
-    _this.handleDrop = _this.handleDrop.bind(_assertThisInitialized(_this));
-    _this.handleDoubleClick = _this.handleDoubleClick.bind(_assertThisInitialized(_this));
-    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
-    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
-    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
-    _this.itemRef = /*#__PURE__*/React.createRef();
-    return _this;
-  }
-
-  _createClass(ItemListItem, [{
-    key: "handleBlur",
-    value: function handleBlur(e) {
-      var _this$props = this.props,
-          itemIndex = _this$props.itemIndex,
-          onBlur = _this$props.onBlur;
-      onBlur(itemIndex, e);
-    }
-  }, {
-    key: "handleFocus",
-    value: function handleFocus(e) {
-      var _this$props2 = this.props,
-          itemIndex = _this$props2.itemIndex,
-          onFocus = _this$props2.onFocus;
-      onFocus(itemIndex, e);
-    }
-  }, {
-    key: "handleClick",
-    value: function handleClick(e) {
-      var _this$props3 = this.props,
-          itemIndex = _this$props3.itemIndex,
-          onClick = _this$props3.onClick;
-      onClick(itemIndex, e);
-    }
-  }, {
-    key: "handleContextMenu",
-    value: function handleContextMenu(e) {
-      var _this$props4 = this.props,
-          itemIndex = _this$props4.itemIndex,
-          onContextMenu = _this$props4.onContextMenu;
-      onContextMenu(itemIndex, e);
-    }
-  }, {
-    key: "handleDragStart",
-    value: function handleDragStart(e) {
-      var _this$props5 = this.props,
-          itemIndex = _this$props5.itemIndex,
-          onDragStart = _this$props5.onDragStart;
-      onDragStart(itemIndex, e);
-    }
-  }, {
-    key: "handleDrag",
-    value: function handleDrag(e) {
-      var _this$props6 = this.props,
-          itemIndex = _this$props6.itemIndex,
-          onDrag = _this$props6.onDrag;
-      onDrag(itemIndex, e);
-    }
-  }, {
-    key: "handleDragOver",
-    value: function handleDragOver(e) {
-      // Have to call preventDefault otherwise onDrop won't get triggered
-      e.preventDefault();
-      var _this$props7 = this.props,
-          itemIndex = _this$props7.itemIndex,
-          onDragOver = _this$props7.onDragOver;
-      onDragOver(itemIndex, e);
-    }
-  }, {
-    key: "handleDragEnd",
-    value: function handleDragEnd(e) {
-      var _this$props8 = this.props,
-          itemIndex = _this$props8.itemIndex,
-          onDragEnd = _this$props8.onDragEnd;
-      onDragEnd(itemIndex, e);
-    }
-  }, {
-    key: "handleDrop",
-    value: function handleDrop(e) {
-      var _this$props9 = this.props,
-          itemIndex = _this$props9.itemIndex,
-          onDrop = _this$props9.onDrop;
-      onDrop(itemIndex, e);
-    }
-  }, {
-    key: "handleDoubleClick",
-    value: function handleDoubleClick(e) {
-      var _this$props10 = this.props,
-          itemIndex = _this$props10.itemIndex,
-          onDoubleClick = _this$props10.onDoubleClick;
-      onDoubleClick(itemIndex, e);
-    }
-  }, {
-    key: "handleMouseMove",
-    value: function handleMouseMove(e) {
-      var _this$props11 = this.props,
-          itemIndex = _this$props11.itemIndex,
-          onMouseMove = _this$props11.onMouseMove;
-      onMouseMove(itemIndex, e);
-    }
-  }, {
-    key: "handleMouseDown",
-    value: function handleMouseDown(e) {
-      var _this$props12 = this.props,
-          itemIndex = _this$props12.itemIndex,
-          onMouseDown = _this$props12.onMouseDown;
-      onMouseDown(itemIndex, e);
-    }
-  }, {
-    key: "handleMouseUp",
-    value: function handleMouseUp(e) {
-      var _this$props13 = this.props,
-          itemIndex = _this$props13.itemIndex,
-          onMouseUp = _this$props13.onMouseUp;
-      onMouseUp(itemIndex, e);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props14 = this.props,
-          isDraggable = _this$props14.isDraggable,
-          isFocused = _this$props14.isFocused,
-          isSelected = _this$props14.isSelected,
-          style = _this$props14.style,
-          children = _this$props14.children;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames('item-list-item', {
-          active: isSelected
-        }, {
-          'is-focused': isFocused
-        }, {
-          'is-draggable': isDraggable
-        }),
-        onKeyDown: ItemListItem.handleKeyDown,
-        onContextMenu: this.handleContextMenu,
-        onClick: this.handleClick,
-        onDrag: this.handleDrag,
-        onDragStart: this.handleDragStart,
-        onDragOver: this.handleDragOver,
-        onDragEnd: this.handleDragEnd,
-        onDrop: this.handleDrop,
-        onDoubleClick: this.handleDoubleClick,
-        onMouseDown: this.handleMouseDown,
-        onMouseMove: this.handleMouseMove,
-        onMouseUp: this.handleMouseUp,
-        tabIndex: -1,
-        ref: this.itemRef,
-        role: "presentation",
-        style: style,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        draggable: isDraggable
-      }, children);
-    }
-  }], [{
-    key: "handleKeyDown",
-    value: function handleKeyDown() {
-      log.log('ItemListItem.handleKeyDown false');
-      return false;
-    }
-  }]);
-
-  return ItemListItem;
-}(Component);
+  handleDoubleClick(e) {
+    var {
+      itemIndex,
+      onDoubleClick
+    } = this.props;
+    onDoubleClick(itemIndex, e);
+  }
+
+  handleMouseMove(e) {
+    var {
+      itemIndex,
+      onMouseMove
+    } = this.props;
+    onMouseMove(itemIndex, e);
+  }
+
+  handleMouseDown(e) {
+    var {
+      itemIndex,
+      onMouseDown
+    } = this.props;
+    onMouseDown(itemIndex, e);
+  }
+
+  handleMouseUp(e) {
+    var {
+      itemIndex,
+      onMouseUp
+    } = this.props;
+    onMouseUp(itemIndex, e);
+  }
+
+  render() {
+    var {
+      isDraggable,
+      isFocused,
+      isSelected,
+      style,
+      children
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('item-list-item', {
+        active: isSelected
+      }, {
+        'is-focused': isFocused
+      }, {
+        'is-draggable': isDraggable
+      }),
+      onKeyDown: ItemListItem.handleKeyDown,
+      onContextMenu: this.handleContextMenu,
+      onClick: this.handleClick,
+      onDrag: this.handleDrag,
+      onDragStart: this.handleDragStart,
+      onDragOver: this.handleDragOver,
+      onDragEnd: this.handleDragEnd,
+      onDrop: this.handleDrop,
+      onDoubleClick: this.handleDoubleClick,
+      onMouseDown: this.handleMouseDown,
+      onMouseMove: this.handleMouseMove,
+      onMouseUp: this.handleMouseUp,
+      tabIndex: -1,
+      ref: this.itemRef,
+      role: "presentation",
+      style: style,
+      onFocus: this.handleFocus,
+      onBlur: this.handleBlur,
+      draggable: isDraggable
+    }, children);
+  }
+
+}
 
 _defineProperty(ItemListItem, "defaultProps", {
   children: null,
@@ -221,32 +186,46 @@ _defineProperty(ItemListItem, "defaultProps", {
   isSelected: false,
   itemIndex: 0,
   disableSelect: false,
-  onBlur: function onBlur() {// no-op
+
+  onBlur() {// no-op
   },
-  onClick: function onClick() {// no-op
+
+  onClick() {// no-op
   },
-  onContextMenu: function onContextMenu() {// no-op
+
+  onContextMenu() {// no-op
   },
-  onDragStart: function onDragStart() {// no-op
+
+  onDragStart() {// no-op
   },
-  onDrag: function onDrag() {// no-op
+
+  onDrag() {// no-op
   },
-  onDragOver: function onDragOver() {// no-op
+
+  onDragOver() {// no-op
   },
-  onDragEnd: function onDragEnd() {// no-op
+
+  onDragEnd() {// no-op
   },
-  onDrop: function onDrop() {// no-op
+
+  onDrop() {// no-op
   },
-  onDoubleClick: function onDoubleClick() {// no-op
+
+  onDoubleClick() {// no-op
   },
-  onFocus: function onFocus() {// no-op
+
+  onFocus() {// no-op
   },
-  onMouseDown: function onMouseDown() {// no-op
+
+  onMouseDown() {// no-op
   },
-  onMouseMove: function onMouseMove() {// no-op
+
+  onMouseMove() {// no-op
   },
-  onMouseUp: function onMouseUp() {// no-op
+
+  onMouseUp() {// no-op
   },
+
   style: {}
 });
 

package/dist/ItemListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ItemListItem.tsx"],"names":["React","Component","classNames","Log","log","module","ItemListItem","props","handleBlur","bind","handleFocus","handleClick","handleContextMenu","handleDragStart","handleDrag","handleDragOver","handleDragEnd","handleDrop","handleDoubleClick","handleMouseDown","handleMouseMove","handleMouseUp","itemRef","createRef","e","itemIndex","onBlur","onFocus","onClick","onContextMenu","onDragStart","onDrag","preventDefault","onDragOver","onDragEnd","onDrop","onDoubleClick","onMouseMove","onMouseDown","onMouseUp","isDraggable","isFocused","isSelected","style","children","active","handleKeyDown","disableSelect"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport './ItemListItem.scss';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('ItemListItem');\n\ninterface ItemListItemProps {\n  isDraggable: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  itemIndex: number;\n  disableSelect: boolean;\n  onBlur(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n  onClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onContextMenu(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onDragStart(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDrag(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDragOver(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDragEnd(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDrop(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDoubleClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onFocus(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n  onMouseDown(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onMouseMove(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onMouseUp(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  style: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nclass ItemListItem extends Component<ItemListItemProps, Record<string, never>> {\n  static defaultProps = {\n    children: null,\n    isDraggable: false,\n    isFocused: false,\n    isSelected: false,\n    itemIndex: 0,\n    disableSelect: false,\n\n    onBlur(): void {\n      // no-op\n    },\n    onClick(): void {\n      // no-op\n    },\n    onContextMenu(): void {\n      // no-op\n    },\n    onDragStart(): void {\n      // no-op\n    },\n    onDrag(): void {\n      // no-op\n    },\n    onDragOver(): void {\n      // no-op\n    },\n    onDragEnd(): void {\n      // no-op\n    },\n    onDrop(): void {\n      // no-op\n    },\n    onDoubleClick(): void {\n      // no-op\n    },\n    onFocus(): void {\n      // no-op\n    },\n    onMouseDown(): void {\n      // no-op\n    },\n    onMouseMove(): void {\n      // no-op\n    },\n    onMouseUp(): void {\n      // no-op\n    },\n    style: {},\n  };\n\n  static handleKeyDown(): boolean {\n    log.log('ItemListItem.handleKeyDown false');\n    return false;\n  }\n\n  constructor(props: ItemListItemProps) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDrag = this.handleDrag.bind(this);\n    this.handleDragOver = this.handleDragOver.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.handleDrop = this.handleDrop.bind(this);\n    this.handleDoubleClick = this.handleDoubleClick.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    this.itemRef = React.createRef();\n  }\n\n  itemRef: React.RefObject<HTMLDivElement>;\n\n  handleBlur(e: React.FocusEvent<HTMLDivElement>): void {\n    const { itemIndex, onBlur } = this.props;\n    onBlur(itemIndex, e);\n  }\n\n  handleFocus(e: React.FocusEvent<HTMLDivElement>): void {\n    const { itemIndex, onFocus } = this.props;\n    onFocus(itemIndex, e);\n  }\n\n  handleClick(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onClick } = this.props;\n    onClick(itemIndex, e);\n  }\n\n  handleContextMenu(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onContextMenu } = this.props;\n    onContextMenu(itemIndex, e);\n  }\n\n  handleDragStart(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDragStart } = this.props;\n    onDragStart(itemIndex, e);\n  }\n\n  handleDrag(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDrag } = this.props;\n    onDrag(itemIndex, e);\n  }\n\n  handleDragOver(e: React.DragEvent<HTMLDivElement>): void {\n    // Have to call preventDefault otherwise onDrop won't get triggered\n    e.preventDefault();\n    const { itemIndex, onDragOver } = this.props;\n    onDragOver(itemIndex, e);\n  }\n\n  handleDragEnd(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDragEnd } = this.props;\n    onDragEnd(itemIndex, e);\n  }\n\n  handleDrop(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDrop } = this.props;\n    onDrop(itemIndex, e);\n  }\n\n  handleDoubleClick(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onDoubleClick } = this.props;\n    onDoubleClick(itemIndex, e);\n  }\n\n  handleMouseMove(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onMouseMove } = this.props;\n    onMouseMove(itemIndex, e);\n  }\n\n  handleMouseDown(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onMouseDown } = this.props;\n    onMouseDown(itemIndex, e);\n  }\n\n  handleMouseUp(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onMouseUp } = this.props;\n    onMouseUp(itemIndex, e);\n  }\n\n  render(): JSX.Element {\n    const { isDraggable, isFocused, isSelected, style, children } = this.props;\n    return (\n      <div\n        className={classNames(\n          'item-list-item',\n          { active: isSelected },\n          { 'is-focused': isFocused },\n          { 'is-draggable': isDraggable }\n        )}\n        onKeyDown={ItemListItem.handleKeyDown}\n        onContextMenu={this.handleContextMenu}\n        onClick={this.handleClick}\n        onDrag={this.handleDrag}\n        onDragStart={this.handleDragStart}\n        onDragOver={this.handleDragOver}\n        onDragEnd={this.handleDragEnd}\n        onDrop={this.handleDrop}\n        onDoubleClick={this.handleDoubleClick}\n        onMouseDown={this.handleMouseDown}\n        onMouseMove={this.handleMouseMove}\n        onMouseUp={this.handleMouseUp}\n        tabIndex={-1}\n        ref={this.itemRef}\n        role=\"presentation\"\n        style={style}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        draggable={isDraggable}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default ItemListItem;\n"],"file":"ItemListItem.js"}
+{"version":3,"sources":["../src/ItemListItem.tsx"],"names":["React","Component","classNames","Log","log","module","ItemListItem","handleKeyDown","constructor","props","handleBlur","bind","handleFocus","handleClick","handleContextMenu","handleDragStart","handleDrag","handleDragOver","handleDragEnd","handleDrop","handleDoubleClick","handleMouseDown","handleMouseMove","handleMouseUp","itemRef","createRef","e","itemIndex","onBlur","onFocus","onClick","onContextMenu","onDragStart","onDrag","preventDefault","onDragOver","onDragEnd","onDrop","onDoubleClick","onMouseMove","onMouseDown","onMouseUp","render","isDraggable","isFocused","isSelected","style","children","active","disableSelect"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport './ItemListItem.scss';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('ItemListItem');\n\ninterface ItemListItemProps {\n  isDraggable: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  itemIndex: number;\n  disableSelect: boolean;\n  onBlur(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n  onClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onContextMenu(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onDragStart(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDrag(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDragOver(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDragEnd(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDrop(index: number, e: React.DragEvent<HTMLDivElement>): void;\n  onDoubleClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onFocus(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n  onMouseDown(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onMouseMove(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  onMouseUp(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n  style: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nclass ItemListItem extends Component<ItemListItemProps, Record<string, never>> {\n  static defaultProps = {\n    children: null,\n    isDraggable: false,\n    isFocused: false,\n    isSelected: false,\n    itemIndex: 0,\n    disableSelect: false,\n\n    onBlur(): void {\n      // no-op\n    },\n    onClick(): void {\n      // no-op\n    },\n    onContextMenu(): void {\n      // no-op\n    },\n    onDragStart(): void {\n      // no-op\n    },\n    onDrag(): void {\n      // no-op\n    },\n    onDragOver(): void {\n      // no-op\n    },\n    onDragEnd(): void {\n      // no-op\n    },\n    onDrop(): void {\n      // no-op\n    },\n    onDoubleClick(): void {\n      // no-op\n    },\n    onFocus(): void {\n      // no-op\n    },\n    onMouseDown(): void {\n      // no-op\n    },\n    onMouseMove(): void {\n      // no-op\n    },\n    onMouseUp(): void {\n      // no-op\n    },\n    style: {},\n  };\n\n  static handleKeyDown(): boolean {\n    log.log('ItemListItem.handleKeyDown false');\n    return false;\n  }\n\n  constructor(props: ItemListItemProps) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDrag = this.handleDrag.bind(this);\n    this.handleDragOver = this.handleDragOver.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.handleDrop = this.handleDrop.bind(this);\n    this.handleDoubleClick = this.handleDoubleClick.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    this.itemRef = React.createRef();\n  }\n\n  itemRef: React.RefObject<HTMLDivElement>;\n\n  handleBlur(e: React.FocusEvent<HTMLDivElement>): void {\n    const { itemIndex, onBlur } = this.props;\n    onBlur(itemIndex, e);\n  }\n\n  handleFocus(e: React.FocusEvent<HTMLDivElement>): void {\n    const { itemIndex, onFocus } = this.props;\n    onFocus(itemIndex, e);\n  }\n\n  handleClick(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onClick } = this.props;\n    onClick(itemIndex, e);\n  }\n\n  handleContextMenu(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onContextMenu } = this.props;\n    onContextMenu(itemIndex, e);\n  }\n\n  handleDragStart(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDragStart } = this.props;\n    onDragStart(itemIndex, e);\n  }\n\n  handleDrag(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDrag } = this.props;\n    onDrag(itemIndex, e);\n  }\n\n  handleDragOver(e: React.DragEvent<HTMLDivElement>): void {\n    // Have to call preventDefault otherwise onDrop won't get triggered\n    e.preventDefault();\n    const { itemIndex, onDragOver } = this.props;\n    onDragOver(itemIndex, e);\n  }\n\n  handleDragEnd(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDragEnd } = this.props;\n    onDragEnd(itemIndex, e);\n  }\n\n  handleDrop(e: React.DragEvent<HTMLDivElement>): void {\n    const { itemIndex, onDrop } = this.props;\n    onDrop(itemIndex, e);\n  }\n\n  handleDoubleClick(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onDoubleClick } = this.props;\n    onDoubleClick(itemIndex, e);\n  }\n\n  handleMouseMove(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onMouseMove } = this.props;\n    onMouseMove(itemIndex, e);\n  }\n\n  handleMouseDown(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onMouseDown } = this.props;\n    onMouseDown(itemIndex, e);\n  }\n\n  handleMouseUp(e: React.MouseEvent<HTMLDivElement>): void {\n    const { itemIndex, onMouseUp } = this.props;\n    onMouseUp(itemIndex, e);\n  }\n\n  render(): JSX.Element {\n    const { isDraggable, isFocused, isSelected, style, children } = this.props;\n    return (\n      <div\n        className={classNames(\n          'item-list-item',\n          { active: isSelected },\n          { 'is-focused': isFocused },\n          { 'is-draggable': isDraggable }\n        )}\n        onKeyDown={ItemListItem.handleKeyDown}\n        onContextMenu={this.handleContextMenu}\n        onClick={this.handleClick}\n        onDrag={this.handleDrag}\n        onDragStart={this.handleDragStart}\n        onDragOver={this.handleDragOver}\n        onDragEnd={this.handleDragEnd}\n        onDrop={this.handleDrop}\n        onDoubleClick={this.handleDoubleClick}\n        onMouseDown={this.handleMouseDown}\n        onMouseMove={this.handleMouseMove}\n        onMouseUp={this.handleMouseUp}\n        tabIndex={-1}\n        ref={this.itemRef}\n        role=\"presentation\"\n        style={style}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        draggable={isDraggable}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default ItemListItem;\n"],"file":"ItemListItem.js"}

package/dist/LoadingOverlay.js

@@ -3,22 +3,21 @@ import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsWarning } from '@deephaven/icons';
-import ThemeExport from './ThemeExport';
-import LoadingSpinner from './LoadingSpinner';
+import ThemeExport from "./ThemeExport.js";
+import LoadingSpinner from "./LoadingSpinner.js";
 import "./LoadingOverlay.css";
 
 /**
  * A loading overlay that handles displaying a loading spinner or an error message
  */
-var LoadingOverlay = function LoadingOverlay(_ref) {
-  var _ref$isLoaded = _ref.isLoaded,
-      isLoaded = _ref$isLoaded === void 0 ? false : _ref$isLoaded,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? true : _ref$isLoading,
-      _ref$errorMessage = _ref.errorMessage,
-      errorMessage = _ref$errorMessage === void 0 ? null : _ref$errorMessage;
+var LoadingOverlay = (_ref) => {
+  var {
+    isLoaded = false,
+    isLoading = true,
+    errorMessage = null
+  } = _ref;
   return /*#__PURE__*/React.createElement(CSSTransition, {
-    "in": !!errorMessage || !isLoaded || isLoading,
+    in: !!errorMessage || !isLoaded || isLoading,
     timeout: ThemeExport.transitionMs,
     classNames: isLoaded ? 'fade' : '',
     mountOnEnter: true,

package/dist/LoadingOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/LoadingOverlay.tsx"],"names":["React","CSSTransition","classNames","FontAwesomeIcon","vsWarning","ThemeExport","LoadingSpinner","LoadingOverlay","isLoaded","isLoading","errorMessage","transitionMs"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA;;AAQA;AACA;AACA;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,2BACrBC,QADqB;AAAA,MACrBA,QADqB,8BACV,KADU;AAAA,4BAErBC,SAFqB;AAAA,MAErBA,SAFqB,+BAET,IAFS;AAAA,+BAGrBC,YAHqB;AAAA,MAGrBA,YAHqB,kCAGN,IAHM;AAAA,sBAKrB,oBAAC,aAAD;AACE,UAAI,CAAC,CAACA,YAAF,IAAkB,CAACF,QAAnB,IAA+BC,SADrC;AAEE,IAAA,OAAO,EAAEJ,WAAW,CAACM,YAFvB;AAGE,IAAA,UAAU,EAAEH,QAAQ,GAAG,MAAH,GAAY,EAHlC;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,aAAa;AALf,kBAOE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,SAAS,EAAEN,UAAU,CACnB,4BADmB,EAEnB,sBAFmB,EAGnB;AAAE,qCAA+BM;AAAjC,KAHmB;AADvB,kBAOE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,SAAS,iBAAI,oBAAC,cAAD,OADhB,EAEG,CAACA,SAAD,IAAcC,YAAd,iBAA8B,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEN;AAAvB,IAFjC,CADF,eAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BM,YAA/B,CALF,CAPF,CADF,CAPF,CALqB;AAAA,CAAvB;;AAgCA,eAAeH,cAAf","sourcesContent":["import React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsWarning } from '@deephaven/icons';\nimport ThemeExport from './ThemeExport';\nimport LoadingSpinner from './LoadingSpinner';\nimport './LoadingOverlay.scss';\n\ntype LoadingOverlayProps = {\n  isLoaded: boolean;\n  isLoading: boolean;\n  errorMessage: string | null;\n};\n\n/**\n * A loading overlay that handles displaying a loading spinner or an error message\n */\nconst LoadingOverlay = ({\n  isLoaded = false,\n  isLoading = true,\n  errorMessage = null,\n}: LoadingOverlayProps): JSX.Element => (\n  <CSSTransition\n    in={!!errorMessage || !isLoaded || isLoading}\n    timeout={ThemeExport.transitionMs}\n    classNames={isLoaded ? 'fade' : ''}\n    mountOnEnter\n    unmountOnExit\n  >\n    <div className=\"fill-parent-absolute\">\n      <div\n        className={classNames(\n          'iris-panel-message-overlay',\n          'fill-parent-absolute',\n          { 'iris-panel-scrim-background': isLoaded }\n        )}\n      >\n        <div className=\"message-content\">\n          <div className=\"message-icon\">\n            {isLoading && <LoadingSpinner />}\n            {!isLoading && errorMessage && <FontAwesomeIcon icon={vsWarning} />}\n          </div>\n          <div className=\"message-text\">{errorMessage}</div>\n        </div>\n      </div>\n    </div>\n  </CSSTransition>\n);\n\nexport default LoadingOverlay;\n"],"file":"LoadingOverlay.js"}
+{"version":3,"sources":["../src/LoadingOverlay.tsx"],"names":["React","CSSTransition","classNames","FontAwesomeIcon","vsWarning","ThemeExport","LoadingSpinner","LoadingOverlay","isLoaded","isLoading","errorMessage","transitionMs"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,SAAT,QAA0B,kBAA1B;OACOC,W;OACAC,c;;;AASP;AACA;AACA;AACA,IAAMC,cAAc,GAAG;AAAA,MAAC;AACtBC,IAAAA,QAAQ,GAAG,KADW;AAEtBC,IAAAA,SAAS,GAAG,IAFU;AAGtBC,IAAAA,YAAY,GAAG;AAHO,GAAD;AAAA,sBAKrB,oBAAC,aAAD;AACE,IAAA,EAAE,EAAE,CAAC,CAACA,YAAF,IAAkB,CAACF,QAAnB,IAA+BC,SADrC;AAEE,IAAA,OAAO,EAAEJ,WAAW,CAACM,YAFvB;AAGE,IAAA,UAAU,EAAEH,QAAQ,GAAG,MAAH,GAAY,EAHlC;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,aAAa;AALf,kBAOE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,SAAS,EAAEN,UAAU,CACnB,4BADmB,EAEnB,sBAFmB,EAGnB;AAAE,qCAA+BM;AAAjC,KAHmB;AADvB,kBAOE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,SAAS,iBAAI,oBAAC,cAAD,OADhB,EAEG,CAACA,SAAD,IAAcC,YAAd,iBAA8B,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEN;AAAvB,IAFjC,CADF,eAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BM,YAA/B,CALF,CAPF,CADF,CAPF,CALqB;AAAA,CAAvB;;AAgCA,eAAeH,cAAf","sourcesContent":["import React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsWarning } from '@deephaven/icons';\nimport ThemeExport from './ThemeExport';\nimport LoadingSpinner from './LoadingSpinner';\nimport './LoadingOverlay.scss';\n\ntype LoadingOverlayProps = {\n  isLoaded: boolean;\n  isLoading: boolean;\n  errorMessage: string | null;\n};\n\n/**\n * A loading overlay that handles displaying a loading spinner or an error message\n */\nconst LoadingOverlay = ({\n  isLoaded = false,\n  isLoading = true,\n  errorMessage = null,\n}: LoadingOverlayProps): JSX.Element => (\n  <CSSTransition\n    in={!!errorMessage || !isLoaded || isLoading}\n    timeout={ThemeExport.transitionMs}\n    classNames={isLoaded ? 'fade' : ''}\n    mountOnEnter\n    unmountOnExit\n  >\n    <div className=\"fill-parent-absolute\">\n      <div\n        className={classNames(\n          'iris-panel-message-overlay',\n          'fill-parent-absolute',\n          { 'iris-panel-scrim-background': isLoaded }\n        )}\n      >\n        <div className=\"message-content\">\n          <div className=\"message-icon\">\n            {isLoading && <LoadingSpinner />}\n            {!isLoading && errorMessage && <FontAwesomeIcon icon={vsWarning} />}\n          </div>\n          <div className=\"message-text\">{errorMessage}</div>\n        </div>\n      </div>\n    </div>\n  </CSSTransition>\n);\n\nexport default LoadingOverlay;\n"],"file":"LoadingOverlay.js"}

package/dist/LoadingSpinner.js

@@ -4,9 +4,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsCircleLargeOutline, vsLoading } from '@deephaven/icons';
 import "./LoadingSpinner.css";
 
-var LoadingSpinner = function LoadingSpinner(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
+var LoadingSpinner = (_ref) => {
+  var {
+    className = ''
+  } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('loading-spinner fa-layers', className)
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {

package/dist/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/LoadingSpinner.tsx"],"names":["React","classNames","FontAwesomeIcon","vsCircleLargeOutline","vsLoading","LoadingSpinner","className"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,oBAAT,EAA+BC,SAA/B,QAAgD,kBAAhD;AACA;;AAMA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,4BACrBC,SADqB;AAAA,MACrBA,SADqB,+BACT,EADS;AAAA,sBAGrB;AAAK,IAAA,SAAS,EAAEL,UAAU,CAAC,2BAAD,EAA8BK,SAA9B;AAA1B,kBACE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH,oBAAvB;AAA6C,IAAA,SAAS,EAAC;AAAvD,IADF,eAEE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEC,SAAvB;AAAkC,IAAA,SAAS,EAAC,cAA5C;AAA2D,IAAA,IAAI;AAA/D,IAFF,CAHqB;AAAA,CAAvB;;AASA,eAAeC,cAAf","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsCircleLargeOutline, vsLoading } from '@deephaven/icons';\nimport './LoadingSpinner.scss';\n\ntype LoadingSpinnerProps = {\n  className?: string;\n};\n\nconst LoadingSpinner = ({\n  className = '',\n}: LoadingSpinnerProps): JSX.Element => (\n  <div className={classNames('loading-spinner fa-layers', className)}>\n    <FontAwesomeIcon icon={vsCircleLargeOutline} className=\"text-white-50\" />\n    <FontAwesomeIcon icon={vsLoading} className=\"text-primary\" spin />\n  </div>\n);\n\nexport default LoadingSpinner;\n"],"file":"LoadingSpinner.js"}
+{"version":3,"sources":["../src/LoadingSpinner.tsx"],"names":["React","classNames","FontAwesomeIcon","vsCircleLargeOutline","vsLoading","LoadingSpinner","className"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,oBAAT,EAA+BC,SAA/B,QAAgD,kBAAhD;;;AAOA,IAAMC,cAAc,GAAG;AAAA,MAAC;AACtBC,IAAAA,SAAS,GAAG;AADU,GAAD;AAAA,sBAGrB;AAAK,IAAA,SAAS,EAAEL,UAAU,CAAC,2BAAD,EAA8BK,SAA9B;AAA1B,kBACE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH,oBAAvB;AAA6C,IAAA,SAAS,EAAC;AAAvD,IADF,eAEE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEC,SAAvB;AAAkC,IAAA,SAAS,EAAC,cAA5C;AAA2D,IAAA,IAAI;AAA/D,IAFF,CAHqB;AAAA,CAAvB;;AASA,eAAeC,cAAf","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsCircleLargeOutline, vsLoading } from '@deephaven/icons';\nimport './LoadingSpinner.scss';\n\ntype LoadingSpinnerProps = {\n  className?: string;\n};\n\nconst LoadingSpinner = ({\n  className = '',\n}: LoadingSpinnerProps): JSX.Element => (\n  <div className={classNames('loading-spinner fa-layers', className)}>\n    <FontAwesomeIcon icon={vsCircleLargeOutline} className=\"text-white-50\" />\n    <FontAwesomeIcon icon={vsLoading} className=\"text-primary\" spin />\n  </div>\n);\n\nexport default LoadingSpinner;\n"],"file":"LoadingSpinner.js"}