@jetbrains/ring-ui 6.0.59 → 6.0.61

package/components/breadcrumbs/breadcrumbs.js

@@ -1,9 +1,8 @@
 import classNames from 'classnames';
-import { Fragment } from 'react';
-import flattenChildren from 'react-keyed-flatten-children';
+import { Children, Fragment } from 'react';
 import styles from './breadcrumbs.css';
 export default function Breadcrumbs({ separatorClassName, children }) {
-    return flattenChildren(children).map((child, index) => (
+    return Children.toArray(children).map((child, index) => (
     // eslint-disable-next-line react/no-array-index-key
     <Fragment key={index}>
       {index > 0 && <span className={classNames(styles.separator, separatorClassName)}>{'/'}</span>}

package/components/table/table.js

@@ -113,9 +113,10 @@ export class Table extends PureComponent {
     render() {
         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, maxColSpan, RowComponent } = this.props;
         // NOTE: Do not construct new object per render because it causes all rows rerendering
+        const columnsArray = typeof columns === 'function' ? columns(null) : columns;
         const headerProps = {
             caption, selectable, draggable,
-            columns: typeof columns === 'function' ? columns(null) : columns, onSort, sortKey, sortOrder,
+            columns: columnsArray, onSort, sortKey, sortOrder,
             sticky: stickyHeader,
             topStickOffset: stickyHeaderOffset, maxColSpan: this.props.maxColSpan
         };
@@ -137,7 +138,7 @@ export class Table extends PureComponent {
         });
         const renderList = ({ children, props }) => {
             const empty = (<tr>
-          <td colSpan={this.props.columns.length || 1} className={style.tableMessage}>
+          <td colSpan={columnsArray.length || 1} className={style.tableMessage}>
             {renderEmpty ? renderEmpty() : null}
           </td>
         </tr>);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.59",
+  "version": "6.0.61",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -234,7 +234,6 @@
     "postcss-modules-values-replace": "^4.2.0",
     "postcss-preset-env": "^9.6.0",
     "prop-types": "^15.8.1",
-    "react-keyed-flatten-children": "^3.0.2",
     "react-movable": "^3.3.1",
     "react-virtualized": "^9.22.5",
     "react-waypoint": "^10.3.0",