@jetbrains/ring-ui 6.0.57 → 6.0.59

package/components/breadcrumbs/breadcrumbs.js

@@ -1,8 +1,9 @@
 import classNames from 'classnames';
-import { Children, Fragment } from 'react';
+import { Fragment } from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
 import styles from './breadcrumbs.css';
 export default function Breadcrumbs({ separatorClassName, children }) {
-    return Children.toArray(children).map((child, index) => (
+    return flattenChildren(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/date-picker/date-picker.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import { PureComponent, ButtonHTMLAttributes } from 'react';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { Locale } from 'date-fns';
@@ -29,6 +29,7 @@ export type DatePickerProps = Omit<DatePopupProps, 'translations' | 'parseDateIn
     disabled?: boolean | null | undefined;
     parseDateInput: (input: string | null | undefined) => Date | null;
     size?: Size;
+    buttonAttributes?: Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'>;
 };
 /**
  * @name Date Picker
@@ -61,6 +62,7 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
         translations: PropTypes.Requireable<object>;
         locale: PropTypes.Requireable<object>;
         size: PropTypes.Requireable<Size>;
+        buttonAttributes: PropTypes.Requireable<object>;
     };
     static defaultProps: DatePickerProps;
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;

package/components/date-picker/date-picker.js

@@ -69,7 +69,8 @@ export default class DatePicker extends PureComponent {
         maxDate: dateType,
         translations: PropTypes.object,
         locale: PropTypes.object,
-        size: PropTypes.oneOf(Object.values(Size))
+        size: PropTypes.oneOf(Object.values(Size)),
+        buttonAttributes: PropTypes.object
     };
     static defaultProps = {
         className: '',
@@ -204,7 +205,7 @@ export default class DatePicker extends PureComponent {
                 ? (<Link data-test-ring-dropdown-anchor className={styles.anchor} disabled={this.props.disabled ?? false} pseudo>
                 {this.getAnchorText()}
               </Link>)
-                : (<Button data-test-ring-dropdown-anchor className={styles.anchor} text={false} disabled={this.props.disabled ?? false}>
+                : (<Button data-test-ring-dropdown-anchor className={styles.anchor} text={false} disabled={this.props.disabled ?? false} {...this.props.buttonAttributes}>
                 {anchorContent}
               </Button>)} {...dropdownProps}>
         <PopupComponent className={popupClassName} popupRef={this.popupRef} onClear={clear ? this.clear : null} datePopupProps={{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.57",
+  "version": "6.0.59",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -234,6 +234,7 @@
     "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",