@jetbrains/ring-ui 4.2.6 → 4.2.7

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/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.6",
+  "version": "4.2.7",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "2859a8356ddd35e59398fb36699866f786126b2a"
+  "gitHead": "ae612df72a5c0acbcee32b391e8f131890e5e504"
 }