@jetbrains/ring-ui 4.2.5 → 4.2.8

package/components/auth/auth__core.js

@@ -343,6 +343,11 @@ export default class Auth {
   }
 
   async handleInitValidationError(error) {
+    if (error.cause === 'invalid_client') {
+      // eslint-disable-next-line no-console
+      console.error('RingUI Auth: invalid client detected. Logging out', error);
+      return await this.logout();
+    }
     // Redirect flow
     if (error.authRedirect && this.config.redirect) {
       return this.sendRedirect(error);

package/components/auth/token-validator.js

@@ -147,7 +147,10 @@ export default class TokenValidator {
         TokenValidator.shouldRefreshToken(response.error)
       ) {
         // Token expired
-        throw new TokenValidator.TokenValidationError(response.error || errorResponse.message);
+        throw new TokenValidator.TokenValidationError(
+          response.error || errorResponse.message,
+          errorResponse.data?.error
+        );
       }
 
       // Request unexpectedly failed

package/components/dialog/dialog.js

@@ -34,6 +34,7 @@ export default class Dialog extends PureComponent {
     show: PropTypes.bool.isRequired,
     showCloseButton: PropTypes.bool,
     closeButtonInside: PropTypes.bool,
+    closeButtonTitle: PropTypes.string,
     onOverlayClick: PropTypes.func,
     onEscPress: PropTypes.func,
     onCloseClick: PropTypes.func,
@@ -119,7 +120,7 @@ export default class Dialog extends PureComponent {
   render() {
     const {show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick,
       children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside,
-      portalTarget, label, ...restProps} = this.props;
+      portalTarget, label, closeButtonTitle, ...restProps} = this.props;
     const classes = classNames(styles.container, className);
     const shortcutsMap = this.getShortcutsMap();
 
@@ -166,7 +167,8 @@ export default class Dialog extends PureComponent {
                         })}
                         iconClassName={styles.closeIcon}
                         onClick={this.onCloseClick}
-                        aria-label="close dialog"
+                        title={closeButtonTitle}
+                        aria-label={closeButtonTitle || 'close dialog'}
                       />
                     )
                   }

package/components/list/list.js

@@ -178,17 +178,8 @@ export default class List extends Component {
     document.addEventListener('mousemove', this.onDocumentMouseMove);
     document.addEventListener('keydown', this.onDocumentKeyDown, true);
 
-    const {data, activeIndex} = this.props;
-
-    if (activeIndex == null && shouldActivateFirstItem(this.props)) {
-      const firstActivatableIndex = data.findIndex(isActivatable);
-      if (firstActivatableIndex >= 0) {
-        this.setState({
-          activeIndex: firstActivatableIndex,
-          activeItem: data[firstActivatableIndex],
-          needScrollToActive: true
-        });
-      }
+    if (this.props.activeIndex == null && shouldActivateFirstItem(this.props)) {
+      this.activateFirst();
     }
   }
 
@@ -202,6 +193,13 @@ export default class List extends Component {
       this.virtualizedList.recomputeRowHeights();
     }
 
+    if (this.props.activeIndex == null &&
+      this.props.data !== prevProps.data &&
+      shouldActivateFirstItem(this.props)
+    ) {
+      this.activateFirst();
+    }
+
     this.checkOverflow();
   }
 
@@ -277,6 +275,17 @@ export default class List extends Component {
     return this._hasActivatableItems(this.props.data);
   }
 
+  activateFirst = () => {
+    const firstActivatableIndex = this.props.data.findIndex(isActivatable);
+    if (firstActivatableIndex >= 0) {
+      this.setState({
+        activeIndex: firstActivatableIndex,
+        activeItem: this.props.data[firstActivatableIndex],
+        needScrollToActive: true
+      });
+    }
+  };
+
   selectHandler = memoize(index => (event, tryKeepOpen = false) => {
     const item = this.props.data[index];
     if (!this.props.useMouseUp && item.onClick) {

package/components/table/row.js

@@ -16,7 +16,7 @@ import composeRefs from '../global/composeRefs';
 import Cell from './cell';
 import style from './table.css';
 
-const DragHandle = ({alwaysShowDragHandle}) => {
+const DragHandle = ({alwaysShowDragHandle, dragHandleTitle = 'Drag to reorder'}) => {
   const classes = classNames(style.dragHandle, {
     [style.visibleDragHandle]: alwaysShowDragHandle
   });
@@ -24,14 +24,15 @@ const DragHandle = ({alwaysShowDragHandle}) => {
   return (
     <Button
       data-movable-handle
-      title="Drag"
+      title={dragHandleTitle}
       className={classes}
       icon={dragIcon}
     />
   );
 };
 DragHandle.propTypes = {
-  alwaysShowDragHandle: PropTypes.bool
+  alwaysShowDragHandle: PropTypes.bool,
+  dragHandleTitle: PropTypes.string
 };
 
 export default class Row extends PureComponent {
@@ -43,6 +44,7 @@ export default class Row extends PureComponent {
     showFocus: PropTypes.bool,
     draggable: PropTypes.bool,
     alwaysShowDragHandle: PropTypes.bool,
+    dragHandleTitle: PropTypes.string,
     selected: PropTypes.bool,
     onHover: PropTypes.func,
     onSelect: PropTypes.func,
@@ -127,7 +129,7 @@ export default class Row extends PureComponent {
   render() {
     const {
       item, columns, selectable, selected,
-      showFocus, draggable, alwaysShowDragHandle, level,
+      showFocus, draggable, alwaysShowDragHandle, dragHandleTitle, level,
       collapsible, parentCollapsible, collapsed,
       onCollapse, onExpand, showDisabledSelection,
       checkboxTooltip, innerRef, focused, autofocus, onFocusReset,
@@ -156,9 +158,12 @@ export default class Row extends PureComponent {
 
     const metaColumn = (
       <div className={metaColumnClasses} style={metaColumnStyle}>
-        {draggable &&
-          <DragHandle alwaysShowDragHandle={alwaysShowDragHandle}/>
-        }
+        {draggable && (
+          <DragHandle
+            alwaysShowDragHandle={alwaysShowDragHandle}
+            dragHandleTitle={dragHandleTitle}
+          />
+        )}
 
         {selectable &&
           (

package/components/table/table.examples.js

@@ -114,6 +114,7 @@ class BasicDemo extends Component {
           caption={withCaption ? 'Countries' : undefined}
           isItemSelectable={this.isItemSelectable}
           getItemDataTest={it => it.country}
+          dragHandleTitle="Drag me!"
         />
 
         <Grid>

package/components/table/table.js

@@ -42,6 +42,7 @@ export class Table extends PureComponent {
     sortOrder: PropTypes.bool,
     draggable: PropTypes.bool,
     alwaysShowDragHandle: PropTypes.bool,
+    dragHandleTitle: PropTypes.string,
     getItemLevel: PropTypes.func,
     isItemCollapsible: PropTypes.func,
     isParentCollapsible: PropTypes.func,
@@ -175,7 +176,7 @@ export class Table extends PureComponent {
     const {
       data, selection, columns, caption, getItemKey, selectable, focused,
       isItemSelectable, getItemLevel, getItemClassName, getItemDataTest,
-      draggable, alwaysShowDragHandle,
+      draggable, alwaysShowDragHandle, dragHandleTitle,
       loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader,
       stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed,
       onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip,
@@ -262,6 +263,7 @@ export class Table extends PureComponent {
           className={classNames(getItemClassName(value), {[style.draggingRow]: isDragged})}
           draggable={draggable}
           alwaysShowDragHandle={alwaysShowDragHandle}
+          dragHandleTitle={dragHandleTitle}
           columns={columns}
           data-test={getItemDataTest(value)}
           {...restProps}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.2.5",
+  "version": "4.2.8",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "166a04127254a13a22454b41347d43cbc9ebe2d2"
+  "gitHead": "de28120e16fa8f1f9d011af5e7e2e4930a2c3fc4"
 }