@jetbrains/ring-ui 5.0.10 → 5.0.13

package/components/analytics/analytics__plugin-utils.d.ts

@@ -5,8 +5,8 @@ declare const AnalyticsPluginUtils: {
      * @param isCategory
      * @returns string, where forbidden symbols are replaced with '_'
      */
-    reformatString: (value: unknown, isCategory?: boolean | undefined) => string;
-    getPageViewDurationPresentation: (durationMs?: number | undefined) => string;
+    reformatString: (value: unknown, isCategory?: boolean) => string;
+    getPageViewDurationPresentation: (durationMs?: number) => string;
     getScreenWidthPresentation: () => string;
     npeSaveLowerCase: (val: string | null | undefined) => string;
     getUserAgentPresentation: () => string;

package/components/button/button.css

@@ -69,7 +69,8 @@
   &.active {
     transition: none;
 
-    box-shadow: inset 0 0 0 2px var(--ring-main-color);
+    background-color: var(--ring-hover-background-color);
+    box-shadow: button-shadow var(--ring-main-color);
   }
 
   &:global(.focus-visible).active {
@@ -83,6 +84,10 @@
     box-shadow: button-shadow var(--ring-border-disabled-color);
   }
 
+  &[disabled].active {
+    background-color: var(--ring-disabled-selected-background-color);
+  }
+
   &[disabled],
   &[disabled].withIcon {
     color: var(--ring-disabled-color);

package/components/button-group/button-group.css

@@ -105,13 +105,13 @@
 /* stylelint-disable-next-line selector-max-specificity */
 .buttonGroup .button.button.active {
   border-radius: var(--ring-border-radius);
-  box-shadow: inset 0 0 0 2px var(--ring-main-color);
+  box-shadow: button-shadow var(--ring-main-color);
 }
 
 /* stylelint-disable-next-line selector-max-specificity */
 .buttonGroup .button:global(.focus-visible).active {
   border-radius: var(--ring-border-radius);
-  box-shadow: inset 0 0 0 2px var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
+  box-shadow: button-shadow var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
 }
 
 /* stylelint-disable-next-line selector-max-specificity */

package/components/button-group/button-group.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Caption from './caption';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
     split?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
 }
 /**
  * @name Button Group

package/components/button-group/button-group.js

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import dataTests from '../global/data-tests';
 import Caption from './caption';
 import styles from './button-group.css';
 /**
@@ -12,9 +13,9 @@ export default class ButtonGroup extends PureComponent {
         className: PropTypes.string
     };
     render() {
-        const { className, split, ...restProps } = this.props;
+        const { className, split, 'data-test': dataTest, ...restProps } = this.props;
         const classes = classNames(split ? styles.split : styles.buttonGroup, className);
-        return (<div {...restProps} className={classes}/>);
+        return (<div {...restProps} data-test={dataTests('ring-button-group', dataTest)} className={classes}/>);
     }
 }
 export { Caption };

package/components/button-group-ng/button-group-ng.js

@@ -16,9 +16,16 @@ const buttonGroupClasses = classNames(styles.buttonGroup, ngStyles.buttonGroup);
 function rgButtonGroup() {
   return {
     restrict: 'A',
-    link: function link($scope, iElement) {
+    scope: {
+      split: '='
+    },
+    link: function link($scope, iElement, attrs) {
       const element = iElement[0];
-      element.classList.add(...buttonGroupClasses.split(' '));
+      if (attrs.split) {
+        element.classList.add(...styles.split.split(' '));
+      } else {
+        element.classList.add(...buttonGroupClasses.split(' '));
+      }
     }
   };
 }

package/components/button-set/button-set.d.ts

@@ -1,12 +1,16 @@
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
 /**
  * @name Button Set
  */
-export default class ButtonSet extends PureComponent<HTMLAttributes<HTMLElement>> {
+export default class ButtonSet extends PureComponent<ButtonSetProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
     };
     render(): JSX.Element;
 }

package/components/button-set/button-set.js

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import dataTests from '../global/data-tests';
 import styles from './button-set.css';
 /**
  * @name Button Set
@@ -8,12 +9,14 @@ import styles from './button-set.css';
 export default class ButtonSet extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
-        className: PropTypes.string
+        className: PropTypes.string,
+        'data-test': PropTypes.string
     };
     render() {
-        const classes = classNames(styles.buttonSet, this.props.className);
-        return (<div {...this.props} className={classes}>
-        {this.props.children}
+        const { className, 'data-test': dataTest, children, ...restProps } = this.props;
+        const classes = classNames(styles.buttonSet, className);
+        return (<div {...restProps} data-test={dataTests('ring-button-set', dataTest)} className={classes}>
+        {children}
       </div>);
     }
 }

package/components/button-toolbar/button-toolbar.d.ts

@@ -1,12 +1,16 @@
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
 /**
  * @name Button Toolbar
 */
-export default class ButtonToolbar extends PureComponent<HTMLAttributes<HTMLElement>> {
+export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
     };
     render(): JSX.Element;
 }

package/components/button-toolbar/button-toolbar.js

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import dataTests from '../global/data-tests';
 import styles from './button-toolbar.css';
 /**
  * @name Button Toolbar
@@ -8,11 +9,12 @@ import styles from './button-toolbar.css';
 export default class ButtonToolbar extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
-        className: PropTypes.string
+        className: PropTypes.string,
+        'data-test': PropTypes.string
     };
     render() {
-        const { className } = this.props;
+        const { className, 'data-test': dataTest, ...restProps } = this.props;
         const classes = classNames(styles.buttonToolbar, className);
-        return (<div {...this.props} className={classes}/>);
+        return (<div {...restProps} data-test={dataTests('ring-button-toolbar', dataTest)} className={classes}/>);
     }
 }

package/components/code/code.js

@@ -81,7 +81,7 @@ export default class Code extends PureComponent {
             [styles.inline]: inline,
             [styles.softWrap]: softWrap
         });
-        return (<Tag className={classes}>
+        return (<Tag className={classes} data-test="ring-code">
         <code 
         // should be focusable because it can be scrollable
         tabIndex={inline ? -1 : 0} ref={this.initCodeRef} className={highlightStyles.highlightContainer}>

package/components/global/create-stateful-context.d.ts

@@ -18,7 +18,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
         };
         displayName: string;
     };
-    useUpdate: (value: T, skipUpdate?: boolean | undefined) => void;
+    useUpdate: (value: T, skipUpdate?: boolean) => void;
     Updater: React.MemoExoticComponent<{
         ({ value, skipUpdate }: UpdaterProps<T>): null;
         displayName: string;

package/components/global/rerender-hoc.d.ts

@@ -14,7 +14,7 @@ export interface RerenderableComponentClass<P, S> {
 export default function rerenderHOC<P, S>(ComposedComponent: RerenderableComponentClass<P, S>): {
     new (props: P): {
         _propsCache: P & RefAttributes<unknown>;
-        rerender(props?: Partial<P>, callback?: (() => void) | undefined): void;
+        rerender(props?: Partial<P>, callback?: () => void): void;
         node?: HTMLElement | null | undefined;
         context: unknown;
         setState<K extends keyof S>(state: S | ((prevState: Readonly<S>, props: Readonly<P>) => S | Pick<S, K> | null) | Pick<S, K> | null, callback?: (() => void) | undefined): void;

package/components/global/variables.css

@@ -58,6 +58,7 @@
   --ring-warning-background-color: #faeccd;
   --ring-added-background-color: #d8f0d8;
   --ring-disabled-background-color: #f5f5f5;
+  --ring-disabled-selected-background-color: #e8e8e8;
   --ring-button-danger-active-color: #ffe7e8;
   --ring-button-loader-background: #33a3ff;
   --ring-button-primary-background-color: #1a98ff;

package/components/global/variables.d.ts

@@ -48,6 +48,7 @@ export interface RingCSSProperties {
     '--ring-warning-background-color'?: Property.BackgroundColor;
     '--ring-added-background-color'?: Property.BackgroundColor;
     '--ring-disabled-background-color'?: Property.BackgroundColor;
+    '--ring-disabled-selected-background-color'?: Property.BackgroundColor;
     '--ring-button-danger-active-color'?: Property.BackgroundColor;
     '--ring-button-loader-background'?: Property.BackgroundColor;
     '--ring-button-primary-background-color'?: Property.BackgroundColor;

package/components/global/variables_dark.css

@@ -48,6 +48,7 @@
   --ring-warning-background-color: #593d01;
   --ring-added-background-color: #365947;
   --ring-disabled-background-color: #303030;
+  --ring-disabled-selected-background-color: #363636;
   --ring-button-danger-active-color: #26080a;
   --ring-button-primary-background-color: #007ee5;
 

package/components/http/http.d.ts

@@ -42,8 +42,8 @@ export default class HTTP implements Partial<HTTPAuth> {
     private static _isErrorStatus;
     fetch: (url: string, params?: FetchParams) => Promise<any>;
     authorizedFetch(...args: Parameters<HTTP['_performRequest']>): Promise<any>;
-    request: (url: string, params?: RequestParams | undefined) => Promise<any>;
+    request: (url: string, params?: RequestParams) => Promise<any>;
     getMetaForResponse: (response: object) => Partial<Response> | undefined;
-    get: (url: string, params?: RequestParams | undefined) => Promise<any>;
-    post: (url: string, params?: RequestParams | undefined) => Promise<any>;
+    get: (url: string, params?: RequestParams) => Promise<any>;
+    post: (url: string, params?: RequestParams) => Promise<any>;
 }

package/components/list/list.d.ts

@@ -166,7 +166,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     moveHandler(index: number, retryCallback: (e: KeyboardEvent) => void, e: KeyboardEvent): void;
     mouseHandler: () => void;
     scrollHandler: () => void;
-    enterHandler: (event: KeyboardEvent, shortcut?: string | undefined) => boolean;
+    enterHandler: (event: KeyboardEvent, shortcut?: string) => boolean;
     getFirst(): ListDataItem<T> | undefined;
     getSelected(): ListDataItem<T> | null;
     clearSelected: () => void;

package/components/markdown/markdown.d.ts

@@ -2,6 +2,7 @@ import { PureComponent } from 'react';
 import { Options } from 'react-markdown';
 export interface BaseMarkdownProps {
     inline?: boolean | null | undefined;
+    plugins?: Options['remarkPlugins'];
 }
 export declare type MarkdownProps = Options & BaseMarkdownProps;
 /**

package/components/query-assist/query-assist.d.ts

@@ -244,7 +244,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     handleInput: (e: Event | SyntheticEvent) => void;
     handleEnter: (e: React.KeyboardEvent) => void;
     handleTab: (e: Event) => boolean | void;
-    setState: (state: Partial<QueryAssistState>, resolve?: (() => void) | undefined) => void;
+    setState: (state: Partial<QueryAssistState>, resolve?: () => void) => void;
     private _pushHistory;
     undo: (e: Event) => void;
     handlePaste: (e: React.ClipboardEvent) => void;
@@ -252,7 +252,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     handleStyleRangesResponse: ({ suggestions, ...restProps }: QueryAssistResponse) => Promise<void>;
     handleResponse: ({ query, caret, styleRanges, suggestions }: QueryAssistResponse, afterCompletion?: boolean) => Promise<void>;
     handleApply: () => void;
-    handleComplete: (data?: SuggestionItem | undefined, replace?: boolean | undefined) => void;
+    handleComplete: (data?: SuggestionItem, replace?: boolean) => void;
     requestStyleRanges: () => Promise<void>;
     requestHandler: (afterCompletion?: boolean) => Promise<void>;
     sendRequest(params: QueryAssistRequestParams): Promise<QueryAssistResponse>;

package/components/select/select.d.ts

@@ -229,11 +229,11 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     private _setFilter;
     private _rebuildMultipleMap;
     _redrawPopup: () => void;
-    _listSelectHandler: (selected: SelectItem<T>, event?: Event | undefined, opts?: SelectHandlerParams) => void;
+    _listSelectHandler: (selected: SelectItem<T>, event?: Event, opts?: SelectHandlerParams) => void;
     _listSelectAllHandler: (isSelectAll?: boolean) => void;
     private _onCloseAttempt;
-    clearFilter: (e?: React.SyntheticEvent<Element, Event> | undefined) => void;
-    clear: (event?: Event | React.SyntheticEvent<Element, Event> | undefined) => boolean;
+    clearFilter: (e?: SyntheticEvent) => void;
+    clear: (event?: Event | SyntheticEvent) => boolean;
     _selectionIsEmpty(): boolean;
     private _getLabel;
     _getSelectedString(): string | null;

package/components/select/select__popup.d.ts

@@ -98,7 +98,7 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     mouseUpHandler: () => void;
     popup?: Popup | null;
     isVisible(): boolean | null | undefined;
-    onListSelect: (selected: ListDataItem<T>, event?: Event | React.SyntheticEvent<Element, Event> | undefined, opts?: SelectHandlerParams | undefined) => void;
+    onListSelect: (selected: ListDataItem<T>, event?: Event | SyntheticEvent, opts?: SelectHandlerParams) => void;
     tabPress: (event: Event) => void;
     onClickHandler: () => void | undefined;
     getFilter(): JSX.Element | null;

package/components/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): true | import("react").ReactChild | import("react").ReactFragment | null;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | null;
 }

package/components/tags-input/tags-input.d.ts

@@ -109,7 +109,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     loadSuggestions: (query?: string) => void;
     private _focusHandler;
     private _blurHandler;
-    selectTag: (moveForward?: boolean | undefined) => void;
+    selectTag: (moveForward?: boolean) => void;
     handleKeyDown: (event: React.KeyboardEvent) => boolean;
     handleClick: (arg: TagType) => () => void;
     handleRemove: (arg: TagType) => () => Promise<void | TagType[]>;

package/components/user-agreement/service.d.ts

@@ -1,4 +1,4 @@
-import { UserAgreementTranslations } from './user-agreement';
+import { UserAgreementAttrs, UserAgreementTranslations } from './user-agreement';
 export declare const showMessage = "userAgreementShow";
 export declare const hideMessage = "userAgreementHide";
 export interface Consent {
@@ -53,61 +53,15 @@ export default class UserAgreementService {
     private _notifyAboutHiding;
     getUserAgreement: () => Promise<Agreement>;
     getUserConsent: () => Promise<Consent>;
-    checkConsentAndShowDialog: (withoutNotifications?: boolean | undefined) => Promise<unknown>;
+    checkConsentAndShowDialog: (withoutNotifications?: boolean) => Promise<unknown>;
     checkConsent: () => Promise<boolean | null | undefined>;
     alertKey?: string | number | null;
-    showAlert: (withoutNotifications?: boolean | undefined) => Promise<unknown>;
-    hideAlert: (withoutNotifications?: boolean | undefined) => void;
-    showDialog: (withoutNotifications?: boolean | undefined, preview?: boolean, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
-        onClose?: (() => void) | undefined;
-        show?: boolean | undefined;
-        translations?: UserAgreementTranslations | undefined;
-        onAccept?: (() => void) | undefined;
-        onDecline?: (() => void) | undefined;
-    } & {}> | undefined) => Promise<unknown>;
-    hideDialog: (withoutNotifications?: boolean | undefined) => void;
-    showDialogOrAlert: (withoutNotifications?: boolean | undefined, preview?: boolean | undefined, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
-        onClose?: (() => void) | undefined;
-        show?: boolean | undefined;
-        translations?: UserAgreementTranslations | undefined;
-        onAccept?: (() => void) | undefined;
-        onDecline?: (() => void) | undefined;
-    } & {}> | undefined) => Promise<unknown>;
-    hideDialogAndAlert: (withoutNotifications?: boolean | undefined) => void;
+    showAlert: (withoutNotifications?: boolean) => Promise<unknown>;
+    hideAlert: (withoutNotifications?: boolean) => void;
+    showDialog: (withoutNotifications?: boolean, preview?: boolean, restOptions?: Partial<UserAgreementAttrs>) => Promise<unknown>;
+    hideDialog: (withoutNotifications?: boolean) => void;
+    showDialogOrAlert: (withoutNotifications?: boolean, preview?: boolean, restOptions?: Partial<UserAgreementAttrs>) => Promise<unknown>;
+    hideDialogAndAlert: (withoutNotifications?: boolean) => void;
     onAccept: () => Promise<void>;
     onDecline: () => void;
 }

package/dist/_helpers/_rollupPluginBabelHelpers.js

@@ -14,7 +14,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -27,7 +27,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 

package/dist/analytics/analytics__plugin-utils.d.ts

@@ -5,8 +5,8 @@ declare const AnalyticsPluginUtils: {
      * @param isCategory
      * @returns string, where forbidden symbols are replaced with '_'
      */
-    reformatString: (value: unknown, isCategory?: boolean | undefined) => string;
-    getPageViewDurationPresentation: (durationMs?: number | undefined) => string;
+    reformatString: (value: unknown, isCategory?: boolean) => string;
+    getPageViewDurationPresentation: (durationMs?: number) => string;
     getScreenWidthPresentation: () => string;
     npeSaveLowerCase: (val: string | null | undefined) => string;
     getUserAgentPresentation: () => string;

package/dist/button-group/button-group.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Caption from './caption';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
     split?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
 }
 /**
  * @name Button Group

package/dist/button-group/button-group.js

@@ -2,8 +2,10 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
 export { default as Caption } from './caption.js';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Button Group
@@ -14,10 +16,12 @@ class ButtonGroup extends PureComponent {
     const {
       className,
       split,
+      'data-test': dataTest,
       ...restProps
     } = this.props;
     const classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      "data-test": joinDataTestAttributes('ring-button-group', dataTest),
       className: classes
     }));
   }

package/dist/button-group-ng/button-group-ng.js

@@ -15,9 +15,17 @@ const buttonGroupClasses = classNames(modules_1068e447.buttonGroup, modules_c53c
 function rgButtonGroup() {
   return {
     restrict: 'A',
-    link: function link($scope, iElement) {
+    scope: {
+      split: '='
+    },
+    link: function link($scope, iElement, attrs) {
       const element = iElement[0];
-      element.classList.add(...buttonGroupClasses.split(' '));
+
+      if (attrs.split) {
+        element.classList.add(...modules_1068e447.split.split(' '));
+      } else {
+        element.classList.add(...buttonGroupClasses.split(' '));
+      }
     }
   };
 }

package/dist/button-set/button-set.d.ts

@@ -1,12 +1,16 @@
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
 /**
  * @name Button Set
  */
-export default class ButtonSet extends PureComponent<HTMLAttributes<HTMLElement>> {
+export default class ButtonSet extends PureComponent<ButtonSetProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
     };
     render(): JSX.Element;
 }

package/dist/button-set/button-set.js

@@ -2,7 +2,9 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_fd849143 } from '../_helpers/button-set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Button Set
@@ -10,17 +12,25 @@ import { m as modules_fd849143 } from '../_helpers/button-set.js';
 
 class ButtonSet extends PureComponent {
   render() {
-    const classes = classNames(modules_fd849143.buttonSet, this.props.className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
+    const {
+      className,
+      'data-test': dataTest,
+      children,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_fd849143.buttonSet, className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      "data-test": joinDataTestAttributes('ring-button-set', dataTest),
       className: classes
-    }), this.props.children);
+    }), children);
   }
 
 }
 
 _defineProperty(ButtonSet, "propTypes", {
   children: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
+  'data-test': PropTypes.string
 });
 
 export { ButtonSet as default };

package/dist/button-toolbar/button-toolbar.d.ts

@@ -1,12 +1,16 @@
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
 /**
  * @name Button Toolbar
 */
-export default class ButtonToolbar extends PureComponent<HTMLAttributes<HTMLElement>> {
+export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
     };
     render(): JSX.Element;
 }

package/dist/button-toolbar/button-toolbar.js

@@ -2,7 +2,9 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_34154ec0 } from '../_helpers/button-toolbar.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Button Toolbar
@@ -11,10 +13,13 @@ import { m as modules_34154ec0 } from '../_helpers/button-toolbar.js';
 class ButtonToolbar extends PureComponent {
   render() {
     const {
-      className
+      className,
+      'data-test': dataTest,
+      ...restProps
     } = this.props;
     const classes = classNames(modules_34154ec0.buttonToolbar, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
       className: classes
     }));
   }
@@ -23,7 +28,8 @@ class ButtonToolbar extends PureComponent {
 
 _defineProperty(ButtonToolbar, "propTypes", {
   children: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
+  'data-test': PropTypes.string
 });
 
 export { ButtonToolbar as default };

package/dist/code/code.js

@@ -105,7 +105,8 @@ class Code extends PureComponent {
       [modules_66c414ea.softWrap]: softWrap
     });
     return /*#__PURE__*/React.createElement(Tag, {
-      className: classes
+      className: classes,
+      "data-test": "ring-code"
     }, /*#__PURE__*/React.createElement("code", {
       // should be focusable because it can be scrollable
       tabIndex: inline ? -1 : 0,