@jetbrains/ring-ui 5.0.67 → 5.0.68

package/components/error-message/error-message.d.ts

@@ -8,6 +8,7 @@ export interface ErrorMessageProps {
     message?: string | null | undefined;
     description?: string | null | undefined;
     className?: string | null | undefined;
+    'data-test'?: string | null | undefined;
 }
 /**
  * @name Error Message
@@ -20,6 +21,7 @@ export default class ErrorMessage extends Component<ErrorMessageProps> {
         description: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
     };
     render(): JSX.Element;
 }

package/components/error-message/error-message.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon';
 import { Size } from '../icon/icon__constants';
+import dataTests from '../global/data-tests';
 import styles from './error-message.css';
 /**
  * @name Error Message
@@ -14,12 +15,13 @@ export default class ErrorMessage extends Component {
         message: PropTypes.string,
         description: PropTypes.string,
         children: PropTypes.node,
-        className: PropTypes.string
+        className: PropTypes.string,
+        'data-test': PropTypes.string
     };
     render() {
-        const { className, icon, code, message, description, children } = this.props;
+        const { className, icon, code, message, description, children, 'data-test': dataTest } = this.props;
         const classes = classNames(styles.errorMessage, className);
-        return (<div className={classes}>
+        return (<div className={classes} data-test={dataTests('ring-error-message', dataTest)}>
         {icon && (<Icon className={styles.icon} glyph={icon} size={Size.Size64} suppressSizeWarning/>)}
         <div className={styles.content}>
           <div className={styles.title}>

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

@@ -46,6 +46,7 @@ export interface QueryAssistProps {
     clear?: boolean | null | undefined;
     className?: string | null | undefined;
     popupClassName?: string | null | undefined;
+    inputClassName?: string | null | undefined;
     dataSource: (params: QueryAssistRequestParams) => Promise<QueryAssistResponse> | QueryAssistResponse;
     delay?: number | null | undefined;
     disabled?: boolean | undefined;
@@ -147,6 +148,10 @@ export default class QueryAssist extends Component<QueryAssistProps> {
          * Additional class for the popup
          */
         popupClassName: PropTypes.Requireable<string>;
+        /**
+         * Additional class for the input
+         */
+        inputClassName: PropTypes.Requireable<string>;
         /**
          * Data source function
          */

package/components/query-assist/query-assist.js

@@ -89,6 +89,10 @@ export default class QueryAssist extends Component {
          * Additional class for the popup
          */
         popupClassName: PropTypes.string,
+        /**
+         * Additional class for the input
+         */
+        inputClassName: PropTypes.string,
         /**
          * Data source function
          */
@@ -769,7 +773,7 @@ export default class QueryAssist extends Component {
             [styles.withIcon]: (renderGlass && !huge) || renderLoader,
             [styles.huge]: huge
         });
-        const inputClasses = classNames({
+        const inputClasses = classNames(this.props.inputClassName, {
             [`${styles.input} ring-js-shortcuts`]: true,
             [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
             [styles.inputGap2]: actions.length === 2,

package/dist/error-message/error-message.d.ts

@@ -8,6 +8,7 @@ export interface ErrorMessageProps {
     message?: string | null | undefined;
     description?: string | null | undefined;
     className?: string | null | undefined;
+    'data-test'?: string | null | undefined;
 }
 /**
  * @name Error Message
@@ -20,6 +21,7 @@ export default class ErrorMessage extends Component<ErrorMessageProps> {
         description: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
     };
     render(): JSX.Element;
 }

package/dist/error-message/error-message.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon__constants.js';
+import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
@@ -21,11 +22,13 @@ class ErrorMessage extends Component {
       code,
       message,
       description,
-      children
+      children,
+      'data-test': dataTest
     } = this.props;
     const classes = classNames(modules_2c5e8509.errorMessage, className);
     return /*#__PURE__*/React.createElement("div", {
-      className: classes
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-error-message', dataTest)
     }, icon && /*#__PURE__*/React.createElement(Icon, {
       className: modules_2c5e8509.icon,
       glyph: icon,
@@ -46,7 +49,8 @@ _defineProperty(ErrorMessage, "propTypes", {
   message: PropTypes.string,
   description: PropTypes.string,
   children: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
+  'data-test': PropTypes.string
 });
 
 export { ErrorMessage as default };

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

@@ -46,6 +46,7 @@ export interface QueryAssistProps {
     clear?: boolean | null | undefined;
     className?: string | null | undefined;
     popupClassName?: string | null | undefined;
+    inputClassName?: string | null | undefined;
     dataSource: (params: QueryAssistRequestParams) => Promise<QueryAssistResponse> | QueryAssistResponse;
     delay?: number | null | undefined;
     disabled?: boolean | undefined;
@@ -147,6 +148,10 @@ export default class QueryAssist extends Component<QueryAssistProps> {
          * Additional class for the popup
          */
         popupClassName: PropTypes.Requireable<string>;
+        /**
+         * Additional class for the input
+         */
+        inputClassName: PropTypes.Requireable<string>;
         /**
          * Data source function
          */

package/dist/query-assist/query-assist.js

@@ -784,7 +784,7 @@ class QueryAssist extends Component {
       [modules_da7ab055.withIcon]: renderGlass && !huge || renderLoader,
       [modules_da7ab055.huge]: huge
     });
-    const inputClasses = classNames({
+    const inputClasses = classNames(this.props.inputClassName, {
       [`${modules_da7ab055.input} ring-js-shortcuts`]: true,
       [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
       [modules_da7ab055.inputGap2]: actions.length === 2,
@@ -894,6 +894,10 @@ _defineProperty(QueryAssist, "propTypes", {
    * Additional class for the popup
    */
   popupClassName: PropTypes.string,
+  /**
+   * Additional class for the input
+   */
+  inputClassName: PropTypes.string,
   /**
    * Data source function
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.67",
+  "version": "5.0.68",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -78,7 +78,7 @@
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^3.0.2",
     "@primer/octicons": "^17.9.0",
-    "@rollup/plugin-babel": "^6.0.2",
+    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.1",
     "@storybook/addon-a11y": "6.5.13",
@@ -146,7 +146,7 @@
     "karma-teamcity-reporter": "^2.0.0",
     "karma-webpack": "^5.0.0",
     "lerna": "^6.0.3",
-    "lint-staged": "^13.0.3",
+    "lint-staged": "^13.0.4",
     "merge-options": "^3.0.4",
     "mocha": "^10.1.0",
     "pinst": "^3.0.0",
@@ -259,5 +259,5 @@
     "node": ">=14.0",
     "npm": ">=6.0.0"
   },
-  "gitHead": "caa26de972f902f5f818ab42c5f06296c7c65fdf"
+  "gitHead": "a528ede5f45d01ee371f966c86b4e9bcabc35d67"
 }