@jetbrains/ring-ui 5.0.36 → 5.0.37

package/dist/list/list.js

@@ -45,49 +45,37 @@ import '../_helpers/checkbox.js';
 import '../global/get-event-key.js';
 
 function noop() {}
-
 const warnEmptyKey = deprecate(() => {}, 'No key passed for list item with non-string label. It is considered as a bad practice and has been deprecated, please provide a key.');
 /**
  * @param {Type} listItemType
  * @param {Object} item list item
  */
-
 function isItemType(listItemType, item) {
   let type = item.rgItemType;
-
   if (type == null) {
     type = DEFAULT_ITEM_TYPE;
   }
-
   return type === listItemType;
 }
-
 const nonActivatableTypes = [Type.SEPARATOR, Type.TITLE, Type.MARGIN];
-
 function isActivatable(item) {
   return item != null && !nonActivatableTypes.includes(item.rgItemType) && !item.disabled;
 }
-
 const shouldActivateFirstItem = props => props.activateFirstItem || props.activateSingleItem && props.data.length === 1;
-
 const ActiveItemContext = createStatefulContext(undefined, 'ActiveItem');
 /**
  * @name List
  * @constructor
  * @extends {ReactComponent}
  */
-
 /**
  * Displays a list of items.
  */
-
 class List extends Component {
   constructor() {
     var _this;
-
     super(...arguments);
     _this = this;
-
     _defineProperty(this, "state", {
       activeIndex: null,
       prevActiveIndex: null,
@@ -99,22 +87,15 @@ class List extends Component {
       disabledHover: false,
       scrolledToBottom: false
     });
-
     _defineProperty(this, "scheduleScrollListener", scheduleRAF());
-
     _defineProperty(this, "scheduleHoverListener", scheduleRAF());
-
     _defineProperty(this, "virtualizedList", void 0);
-
     _defineProperty(this, "unmounted", void 0);
-
     _defineProperty(this, "container", void 0);
-
     _defineProperty(this, "hoverHandler", memoize(index => () => this.scheduleHoverListener(() => {
       if (this.state.disabledHover) {
         return;
       }
-
       if (this.container) {
         this.setState({
           activeIndex: index,
@@ -123,52 +104,39 @@ class List extends Component {
         });
       }
     })));
-
     _defineProperty(this, "_activatableItems", false);
-
     _defineProperty(this, "_bufferSize", 10);
-
     _defineProperty(this, "sizeCacheKey", index => {
       if (index === 0 || index === this.props.data.length + 1) {
         return Type.MARGIN;
       }
-
       const item = this.props.data[index - 1];
       const isFirst = index === 1;
-
       switch (item.rgItemType) {
         case Type.SEPARATOR:
         case Type.TITLE:
           return `${item.rgItemType}${isFirst ? '_first' : ''}${item.description ? '_desc' : ''}`;
-
         case Type.MARGIN:
           return Type.MARGIN;
-
         case Type.CUSTOM:
           return `${Type.CUSTOM}_${item.key}`;
-
         case Type.ITEM:
         case Type.LINK:
         default:
           if (item.details) {
             return `${Type.ITEM}_${item.details}`;
           }
-
           return Type.ITEM;
       }
     });
-
     _defineProperty(this, "_cache", new CellMeasurerCache({
       defaultHeight: this.defaultItemHeight(),
       fixedWidth: true,
       keyMapper: this.sizeCacheKey
     }));
-
     _defineProperty(this, "_hasActivatableItems", memoizeOne(items => items.some(isActivatable)));
-
     _defineProperty(this, "activateFirst", () => {
       const firstActivatableIndex = this.props.data.findIndex(isActivatable);
-
       if (firstActivatableIndex >= 0) {
         this.setState({
           activeIndex: firstActivatableIndex,
@@ -177,26 +145,21 @@ class List extends Component {
         });
       }
     });
-
     _defineProperty(this, "selectHandler", memoize(index => function (event) {
       let tryKeepOpen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       const item = _this.props.data[index];
-
       if (!_this.props.useMouseUp && item.onClick) {
         item.onClick(item, event);
       } else if (_this.props.useMouseUp && item.onMouseUp) {
         item.onMouseUp(item, event);
       }
-
       if (_this.props.onSelect) {
         _this.props.onSelect(item, event, {
           tryKeepOpen
         });
       }
     }));
-
     _defineProperty(this, "checkboxHandler", memoize(index => event => this.selectHandler(index)(event, true)));
-
     _defineProperty(this, "upHandler", e => {
       const {
         data,
@@ -204,7 +167,6 @@ class List extends Component {
       } = this.props;
       const index = this.state.activeIndex;
       let newIndex;
-
       if (index === null || index === 0) {
         if (!disableMoveOverflow) {
           newIndex = data.length - 1;
@@ -214,10 +176,8 @@ class List extends Component {
       } else {
         newIndex = index - 1;
       }
-
       this.moveHandler(newIndex, this.upHandler, e);
     });
-
     _defineProperty(this, "downHandler", e => {
       const {
         data,
@@ -226,7 +186,6 @@ class List extends Component {
       } = this.props;
       const index = this.state.activeIndex;
       let newIndex;
-
       if (index === null) {
         newIndex = 0;
       } else if (index + 1 === data.length) {
@@ -238,18 +197,14 @@ class List extends Component {
       } else {
         newIndex = index + 1;
       }
-
       this.moveHandler(newIndex, this.downHandler, e);
     });
-
     _defineProperty(this, "homeHandler", e => {
       this.moveHandler(0, this.downHandler, e);
     });
-
     _defineProperty(this, "endHandler", e => {
       this.moveHandler(this.props.data.length - 1, this.upHandler, e);
     });
-
     _defineProperty(this, "onDocumentMouseMove", () => {
       if (this.state.disabledHover) {
         this.setState({
@@ -257,34 +212,28 @@ class List extends Component {
         });
       }
     });
-
     _defineProperty(this, "onDocumentKeyDown", e => {
       const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
-
       if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
         this.setState({
           disabledHover: true
         });
       }
     });
-
     _defineProperty(this, "mouseHandler", () => {
       this.setState({
         scrolling: false
       });
     });
-
     _defineProperty(this, "scrollHandler", () => {
       this.setState({
         scrolling: true
       }, this.scrollEndHandler);
     });
-
     _defineProperty(this, "enterHandler", (event, shortcut) => {
       if (this.state.activeIndex !== null) {
         const item = this.props.data[this.state.activeIndex];
         this.selectHandler(this.state.activeIndex)(event);
-
         if (item.href && !event.defaultPrevented) {
           if (shortcut != null && ['command+enter', 'ctrl+enter'].includes(shortcut)) {
             window.open(item.href, '_blank');
@@ -294,41 +243,34 @@ class List extends Component {
             window.location.href = item.href;
           }
         }
-
         return false; // do not propagate event
       } else {
         return true; // propagate event to the parent component (e.g., QueryAssist)
       }
     });
-
     _defineProperty(this, "clearSelected", () => {
       this.setState({
         activeIndex: null,
         needScrollToActive: false
       });
     });
-
     _defineProperty(this, "scrollEndHandler", () => this.scheduleScrollListener(() => {
       const innerContainer = this.inner;
-
       if (innerContainer) {
         const maxScrollingPosition = innerContainer.scrollHeight;
         const sensitivity = this.defaultItemHeight() / 2;
         const currentScrollingPosition = innerContainer.scrollTop + innerContainer.clientHeight + sensitivity;
         const scrolledToBottom = maxScrollingPosition > 0 && currentScrollingPosition >= maxScrollingPosition;
-
         if (!this.unmounted) {
           this.setState({
             scrolledToBottom
           });
         }
-
         if (scrolledToBottom) {
           this.props.onScrollToBottom();
         }
       }
     }));
-
     _defineProperty(this, "checkOverflow", () => {
       if (this.inner) {
         this.setState({
@@ -336,7 +278,6 @@ class List extends Component {
         });
       }
     });
-
     _defineProperty(this, "renderItem", _ref => {
       let {
         index = 1,
@@ -349,8 +290,8 @@ class List extends Component {
       let el;
       const realIndex = index - 1;
       const item = this.props.data[realIndex];
-      const itemId = this.getId(item); // top and bottom margins
-
+      const itemId = this.getId(item);
+      // top and bottom margins
       if (index === 0 || index === this.props.data.length + 1 || item.rgItemType === Type.MARGIN) {
         itemKey = key || `${Type.MARGIN}_${index}`;
         el = /*#__PURE__*/React.createElement("div", {
@@ -366,78 +307,61 @@ class List extends Component {
           ...restProps
         } = item;
         const cleanedProps = restProps;
-
         if (cleanedProps.url) {
           cleanedProps.href = cleanedProps.url;
         }
-
         if (cleanedProps.href) {
           cleanedProps.rgItemType = Type.LINK;
         }
-
         const itemProps = Object.assign({
           rgItemType: DEFAULT_ITEM_TYPE
         }, restProps);
         itemKey = key || itemId;
         itemProps.hover = realIndex === this.state.activeIndex;
-
         if (itemProps.hoverClassName != null && itemProps.hover) {
           itemProps.className = classNames(itemProps.className, itemProps.hoverClassName);
         }
-
         itemProps.onMouseOver = this.hoverHandler(realIndex);
         itemProps.tabIndex = -1;
         itemProps.scrolling = isScrolling;
         const selectHandler = this.selectHandler(realIndex);
-
         if (this.props.useMouseUp) {
           itemProps.onMouseUp = selectHandler;
         } else {
           itemProps.onClick = selectHandler;
         }
-
         itemProps.onCheckboxChange = this.checkboxHandler(realIndex);
-
         if (itemProps.compact == null) {
           itemProps.compact = this.props.compact;
         }
-
         let ItemComponent;
         const isFirst = index === 1;
-
         switch (itemProps.rgItemType) {
           case Type.SEPARATOR:
             ItemComponent = ListSeparator;
             itemProps.isFirst = isFirst;
             break;
-
           case Type.LINK:
             ItemComponent = ListLink;
             this.addItemDataTestToProp(itemProps);
             break;
-
           case Type.ITEM:
             ItemComponent = ListItem;
             this.addItemDataTestToProp(itemProps);
             break;
-
           case Type.CUSTOM:
             ItemComponent = ListCustom;
             this.addItemDataTestToProp(itemProps);
             break;
-
           case Type.TITLE:
             itemProps.isFirst = isFirst;
             ItemComponent = ListTitle;
             break;
-
           default:
             throw new Error(`Unknown menu element type: ${itemProps.rgItemType}`);
         }
-
         el = /*#__PURE__*/React.createElement(ItemComponent, itemProps);
       }
-
       return parent ? /*#__PURE__*/React.createElement(CellMeasurer, {
         cache: this._cache,
         key: itemKey,
@@ -464,26 +388,19 @@ class List extends Component {
         role: "cell"
       }, /*#__PURE__*/cloneElement(el)));
     });
-
     _defineProperty(this, "addItemDataTestToProp", props => {
       props['data-test'] = joinDataTestAttributes('ring-list-item', props['data-test']);
       return props;
     });
-
     _defineProperty(this, "virtualizedListRef", el => {
       this.virtualizedList = el;
     });
-
     _defineProperty(this, "containerRef", el => {
       this.container = el;
     });
-
     _defineProperty(this, "_inner", void 0);
-
     _defineProperty(this, "id", getUID('list-'));
-
     _defineProperty(this, "shortcutsScope", this.id);
-
     _defineProperty(this, "shortcutsMap", {
       up: this.upHandler,
       down: this.downHandler,
@@ -496,7 +413,6 @@ class List extends Component {
       'shift+enter': this.enterHandler
     });
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     const {
       prevActiveIndex,
@@ -512,14 +428,12 @@ class List extends Component {
       prevActiveIndex: activeIndex,
       prevData: data
     };
-
     if (data !== prevData) {
       Object.assign(nextState, {
         activeIndex: null,
         activeItem: null
       });
     }
-
     if (activeIndex != null && activeIndex !== prevActiveIndex && data[activeIndex] != null) {
       Object.assign(nextState, {
         activeIndex,
@@ -529,7 +443,6 @@ class List extends Component {
     } else if (data !== prevData && restoreActiveIndex && activeItem != null && activeItem.key != null) {
       // Restore active index if there is an item with the same "key" property
       const index = data.findIndex(item => item.key === activeItem.key);
-
       if (index >= 0) {
         Object.assign(nextState, {
           activeIndex: index,
@@ -537,48 +450,37 @@ class List extends Component {
         });
       }
     }
-
     return nextState;
   }
-
   componentDidMount() {
     document.addEventListener('mousemove', this.onDocumentMouseMove);
     document.addEventListener('keydown', this.onDocumentKeyDown, true);
-
     if (this.props.activeIndex == null && shouldActivateFirstItem(this.props)) {
       this.activateFirst();
     }
   }
-
   shouldComponentUpdate(nextProps, nextState) {
     return nextProps !== this.props || Object.keys(nextState).some(key => nextState[key] !== this.state[key]);
   }
-
   componentDidUpdate(prevProps) {
     if (this.virtualizedList && prevProps.data !== this.props.data) {
       this.virtualizedList.recomputeRowHeights();
     }
-
     if (this.props.activeIndex == null && this.props.data !== prevProps.data && shouldActivateFirstItem(this.props)) {
       this.activateFirst();
     }
-
     this.checkOverflow();
   }
-
   componentWillUnmount() {
     this.unmounted = true;
     document.removeEventListener('mousemove', this.onDocumentMouseMove);
     document.removeEventListener('keydown', this.onDocumentKeyDown, true);
   }
-
   hasActivatableItems() {
     return this._hasActivatableItems(this.props.data);
   }
-
   moveHandler(index, retryCallback, e) {
     let correctedIndex;
-
     if (this.props.data.length === 0 || !this.hasActivatableItems()) {
       return;
     } else if (this.props.data.length < index) {
@@ -586,7 +488,6 @@ class List extends Component {
     } else {
       correctedIndex = index;
     }
-
     const item = this.props.data[correctedIndex];
     this.setState({
       activeIndex: correctedIndex,
@@ -597,53 +498,41 @@ class List extends Component {
         retryCallback(e);
         return;
       }
-
       if (e.key !== 'Home' && e.key !== 'End') {
         preventDefault(e);
       }
     });
   }
-
   getFirst() {
     return this.props.data.find(item => item.rgItemType === Type.ITEM || item.rgItemType === Type.CUSTOM);
   }
-
   getSelected() {
     return this.state.activeIndex != null ? this.props.data[this.state.activeIndex] : null;
   }
-
   defaultItemHeight() {
     return this.props.compact ? Dimension.COMPACT_ITEM_HEIGHT : Dimension.ITEM_HEIGHT;
   }
-
   getVisibleListHeight(maxHeight) {
     return maxHeight - this.defaultItemHeight() - Dimension.INNER_PADDING;
   }
-
   _deprecatedGenerateKeyFromContent(itemProps) {
     const identificator = itemProps.label || itemProps.description;
     const isString = typeof identificator === 'string' || identificator instanceof String;
-
     if (identificator && !isString) {
       warnEmptyKey();
       `${itemProps.rgItemType}_${JSON.stringify(identificator)}`;
     }
-
     return `${itemProps.rgItemType}_${identificator}`;
   }
-
   getId(item) {
     return item != null ? `${this.id}:${item.key || this._deprecatedGenerateKeyFromContent(item)}` : undefined;
   }
-
   get inner() {
     if (!this._inner) {
       this._inner = this.container && this.container.querySelector('.ring-list__i');
     }
-
     return this._inner;
   }
-
   renderVirtualizedInner(_ref3) {
     let {
       height,
@@ -658,7 +547,6 @@ class List extends Component {
     const dirOverride = {
       direction: 'inherit'
     }; // Virtualized sets "direction: ltr" by default https://github.com/bvaughn/react-virtualized/issues/457
-
     return /*#__PURE__*/React.createElement(AutoSizer, {
       disableHeight: true,
       onResize: this.props.onResize
@@ -691,7 +579,8 @@ class List extends Component {
         estimatedRowSize: this.defaultItemHeight(),
         rowHeight: this._cache.rowHeight,
         rowRenderer: this.renderItem,
-        overscanRowCount: this._bufferSize // ensure rerendering
+        overscanRowCount: this._bufferSize
+        // ensure rerendering
         ,
         noop: () => {},
         scrollToIndex: !this.props.disableScrollToActive && this.state.needScrollToActive && this.state.activeIndex != null ? this.state.activeIndex + 1 : undefined,
@@ -701,7 +590,6 @@ class List extends Component {
       }));
     });
   }
-
   renderVirtualized(maxHeight, rowCount) {
     if (maxHeight) {
       return this.renderVirtualizedInner({
@@ -710,23 +598,20 @@ class List extends Component {
         rowCount
       });
     }
-
-    return /*#__PURE__*/React.createElement(WindowScroller, null, props => this.renderVirtualizedInner({ ...props,
+    return /*#__PURE__*/React.createElement(WindowScroller, null, props => this.renderVirtualizedInner({
+      ...props,
       rowCount,
       autoHeight: true
     }));
   }
-
   renderSimple(maxHeight, rowCount) {
     const items = [];
-
     for (let index = 0; index < rowCount; index++) {
       items.push(this.renderItem({
         index,
         isScrolling: this.state.scrolling
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('ring-list__i', modules_3b67a421.simpleInner),
       onScroll: this.scrollHandler,
@@ -739,7 +624,6 @@ class List extends Component {
       } : undefined
     }, items));
   }
-
   /** @override */
   render() {
     const hint = this.getSelected() && this.props.hintOnSelection || this.props.hint;
@@ -770,9 +654,7 @@ class List extends Component {
       label: hint
     })));
   }
-
 }
-
 _defineProperty(List, "propTypes", {
   id: PropTypes.string,
   className: PropTypes.string,
@@ -799,7 +681,6 @@ _defineProperty(List, "propTypes", {
   hidden: PropTypes.bool,
   ariaLabel: PropTypes.string
 });
-
 _defineProperty(List, "defaultProps", {
   data: [],
   restoreActiveIndex: false,
@@ -814,11 +695,8 @@ _defineProperty(List, "defaultProps", {
   disableMoveDownOverflow: false,
   ariaLabel: 'List'
 });
-
 _defineProperty(List, "isItemType", isItemType);
-
 _defineProperty(List, "ListHint", ListHint);
-
 _defineProperty(List, "ListProps", {
   Type,
   Dimension

package/dist/list/list__custom.js

@@ -9,16 +9,13 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
 class ListCustom extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "handleKeyPress", event => {
       const key = getEventKey(event);
-
       if (key === 'Enter' || key === ' ') {
         this.props.onClick(event);
       }
     });
   }
-
   render() {
     const {
       scrolling,
@@ -58,7 +55,6 @@ class ListCustom extends PureComponent {
       "data-test": dataTest
     }, content);
   }
-
 }
 ListCustom.propTypes = {
   scrolling: PropTypes.bool.isRequired,

package/dist/list/list__hint.js

@@ -8,7 +8,6 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
  * @constructor
  * @extends {ReactComponent}
  */
-
 class ListHint extends PureComponent {
   render() {
     return /*#__PURE__*/React.createElement("span", {
@@ -16,9 +15,7 @@ class ListHint extends PureComponent {
       "data-test": "ring-list-hint"
     }, this.props.label);
   }
-
 }
-
 _defineProperty(ListHint, "propTypes", {
   label: PropTypes.node
 });

package/dist/list/list__item.js

@@ -26,21 +26,16 @@ var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","breakpoint-small":"
  * @constructor
  * @extends {ReactComponent}
  */
-
 const RING_UNIT = 8;
 const DEFAULT_PADDING = 16;
 const CHECKBOX_WIDTH = 28;
 class ListItem extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "id", getUID('list-item-'));
-
     _defineProperty(this, "stopBubbling", e => e.stopPropagation());
-
     _defineProperty(this, "_isString", val => typeof val === 'string' || val instanceof String);
   }
-
   render() {
     const {
       scrolling,
@@ -91,7 +86,6 @@ class ListItem extends PureComponent {
       paddingLeft: `${(Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
     };
     let computedTitle = null;
-
     if (this._isString(title)) {
       // if title is specified and is a string then use it
       computedTitle = title;
@@ -100,7 +94,6 @@ class ListItem extends PureComponent {
       // label can also be an element, use empty string in this case
       computedTitle = this._isString(label) ? label : '';
     }
-
     const dataTest = joinDataTestAttributes({
       'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
       'ring-list-item-action': !disabled,
@@ -166,7 +159,6 @@ class ListItem extends PureComponent {
       className: detailsClasses
     }, details)));
   }
-
 }
 ListItem.propTypes = {
   scrolling: PropTypes.bool,