@jetbrains/ring-ui 5.0.128 → 5.0.130

package/components/panel/panel.css

@@ -16,7 +16,7 @@
     display: none;
   }
 
-  & button {
+  & button:not(:last-child) {
     margin-right: unit;
   }
 }

package/components/table/row.d.ts

@@ -25,6 +25,7 @@ export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<H
     checkboxTooltip?: string | undefined;
     autofocus?: boolean | null | undefined;
     'data-test'?: string | null | undefined;
+    metaColumnClassName?: string | null | undefined;
 }
 export default class Row<T extends SelectionItem> extends PureComponent<RowProps<T>> {
     static defaultProps: {

package/components/table/row.js

@@ -73,7 +73,7 @@ class Row extends PureComponent {
         this.row = el;
     };
     render() {
-        const { item, columns, selectable, selected, showFocus, draggable, alwaysShowDragHandle, dragHandleTitle, level, collapsible, parentCollapsible, collapsed, onCollapse, onExpand, showDisabledSelection, onSelect, checkboxTooltip, innerRef, focused, autofocus, onFocusReset, onFocusRestore, onHover, className, 'data-test': dataTest, ...restProps } = this.props;
+        const { item, columns, selectable, selected, showFocus, draggable, alwaysShowDragHandle, dragHandleTitle, level, collapsible, parentCollapsible, collapsed, onCollapse, onExpand, showDisabledSelection, onSelect, checkboxTooltip, innerRef, focused, autofocus, onFocusReset, onFocusRestore, onHover, className, metaColumnClassName, 'data-test': dataTest, ...restProps } = this.props;
         const classes = classNames(className, {
             [style.row]: true,
             [style.rowFocused]: showFocus,
@@ -83,7 +83,7 @@ class Row extends PureComponent {
             'data-test-focused': showFocus || undefined,
             'data-test-selected': selected || undefined
         };
-        const metaColumnClasses = style.metaColumn;
+        const metaColumnClasses = classNames(metaColumnClassName, style.metaColumn);
         const SUBITEM_OFFSET = 30;
         const COLLAPSIBLE_PARENT_OFFSET = 20;
         const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
@@ -126,6 +126,7 @@ class Row extends PureComponent {
 export default Row;
 Row.propTypes = {
     className: PropTypes.string,
+    metaColumnClassName: PropTypes.string,
     item: PropTypes.object.isRequired,
     columns: PropTypes.array.isRequired,
     selectable: PropTypes.bool,

package/components/table/smart-table.d.ts

@@ -33,6 +33,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
         stickyHeader?: React.Validator<boolean | null | undefined> | undefined;
         getItemLevel?: React.Validator<((item: SelectionItem) => number) | null | undefined> | undefined;
         getItemClassName?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
+        getMetaColumnClassName?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
         getItemDataTest?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
         isItemCollapsible?: React.Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
         isParentCollapsible?: React.Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;

package/components/table/table.d.ts

@@ -29,6 +29,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
     stickyHeader: boolean;
     getItemLevel: (item: T) => number;
     getItemClassName: (item: T) => string | null | undefined;
+    getMetaColumnClassName: (item: T) => string | null | undefined;
     getItemDataTest: (item: T) => string | null | undefined;
     isItemCollapsible: (item: T) => boolean;
     isParentCollapsible: (item: T) => boolean;
@@ -63,6 +64,7 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
         stickyHeader: boolean;
         getItemLevel: () => number;
         getItemClassName: () => null;
+        getMetaColumnClassName: () => null;
         getItemDataTest: () => null;
         isItemCollapsible: () => boolean;
         isParentCollapsible: () => boolean;

package/components/table/table.js

@@ -32,6 +32,7 @@ class Table extends PureComponent {
         stickyHeader: true,
         getItemLevel: () => 0,
         getItemClassName: () => null,
+        getMetaColumnClassName: () => null,
         getItemDataTest: () => null,
         isItemCollapsible: () => false,
         isParentCollapsible: () => false,
@@ -106,7 +107,7 @@ class Table extends PureComponent {
         window.scrollTo(scrollX, scrollY);
     };
     render() {
-        const { data, selection, columns, caption, getItemKey, selectable, focused, isItemSelectable, getItemLevel, getItemClassName, getItemDataTest, draggable, alwaysShowDragHandle, dragHandleTitle, loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader, stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed, onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip, onItemDoubleClick, onItemClick, renderEmpty } = this.props;
+        const { data, selection, columns, caption, getItemKey, selectable, focused, isItemSelectable, getItemLevel, getItemClassName, getMetaColumnClassName, getItemDataTest, draggable, alwaysShowDragHandle, dragHandleTitle, loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader, stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed, onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip, onItemDoubleClick, onItemClick, renderEmpty } = this.props;
         // NOTE: Do not construct new object per render because it causes all rows rerendering
         const headerProps = {
             caption, selectable, draggable,
@@ -150,7 +151,7 @@ class Table extends PureComponent {
                 return null;
             }
             const { ref, ...restProps } = props;
-            const row = (<Row innerRef={ref} key={getItemKey(value)} level={getItemLevel(value)} item={value} showFocus={selection.isFocused(value)} autofocus={selection.isFocused(value)} focused={selection.isFocused(value)} selectable={selectable && isItemSelectable(value)} selected={selectable && selection.isSelected(value)} onFocus={this.onRowFocus} onSelect={this.onRowSelect} onDoubleClick={onItemDoubleClick} onClick={onItemClick} collapsible={isItemCollapsible(value)} parentCollapsible={isParentCollapsible(value)} collapsed={isItemCollapsed(value)} onCollapse={onItemCollapse} onExpand={onItemExpand} showDisabledSelection={isDisabledSelectionVisible(value)} checkboxTooltip={getCheckboxTooltip(value)} className={classNames(getItemClassName(value), { [style.draggingRow]: isDragged })} draggable={draggable} alwaysShowDragHandle={alwaysShowDragHandle} dragHandleTitle={dragHandleTitle} columns={columns} data-test={getItemDataTest(value)} {...restProps}/>);
+            const row = (<Row innerRef={ref} key={getItemKey(value)} level={getItemLevel(value)} item={value} showFocus={selection.isFocused(value)} autofocus={selection.isFocused(value)} focused={selection.isFocused(value)} selectable={selectable && isItemSelectable(value)} selected={selectable && selection.isSelected(value)} onFocus={this.onRowFocus} onSelect={this.onRowSelect} onDoubleClick={onItemDoubleClick} onClick={onItemClick} collapsible={isItemCollapsible(value)} parentCollapsible={isParentCollapsible(value)} collapsed={isItemCollapsed(value)} onCollapse={onItemCollapse} onExpand={onItemExpand} showDisabledSelection={isDisabledSelectionVisible(value)} checkboxTooltip={getCheckboxTooltip(value)} className={classNames(getItemClassName(value), { [style.draggingRow]: isDragged })} metaColumnClassName={getMetaColumnClassName(value)} draggable={draggable} alwaysShowDragHandle={alwaysShowDragHandle} dragHandleTitle={dragHandleTitle} columns={columns} data-test={getItemDataTest(value)} {...restProps}/>);
             return isDragged
                 ? (<table style={{ ...props.style }} className={style.draggingTable}>
             <tbody>{row}</tbody>
@@ -187,6 +188,7 @@ Table.propTypes = {
     loading: PropTypes.bool,
     getItemKey: PropTypes.func,
     getItemClassName: PropTypes.func,
+    getMetaColumnClassName: PropTypes.func,
     getItemDataTest: PropTypes.func,
     onSort: PropTypes.func,
     onReorder: PropTypes.func,