@true-engineering/true-react-common-ui-kit 4.0.0-alpha3 → 4.0.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "4.0.0-alpha3",
+  "version": "4.0.0-alpha5",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/Input/Input.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from 'react';
+import { getTestId } from '@true-engineering/true-react-platform-helpers';
 import { useTweakStyles } from '../../hooks';
 import { IWithMessagesProps, WithMessages } from '../WithMessages';
 import { IInputBaseProps, InputBase } from './InputBase';
@@ -17,7 +18,7 @@ export const Input = forwardRef<HTMLInputElement, IInputProps>(
       <WithMessages
         errorMessage={errorMessage}
         infoMessage={infoMessage}
-        testId={testId}
+        testId={getTestId(testId, 'wrapper')}
         tweakStyles={tweakWithMessagesStyles}
       >
         <InputBase

package/src/components/Input/InputBase.tsx

@@ -194,7 +194,7 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
       onFocus: handleFocus,
       onBlur: handleBlur,
       onChange: handleChange,
-      ...addDataTestId(testId, 'input'),
+      ...addDataTestId(testId),
     };
 
     useEffect(() => {

package/src/components/Select/Select.tsx

@@ -581,6 +581,7 @@ export function Select<Value>(
       errorMessage={errorMessage}
       infoMessage={infoMessage}
       tweakStyles={tweakWithMessagesStyles}
+      testId={getTestId(testId, 'wrapper')}
     >
       <div className={classes.root} onKeyDown={handleKeyDown} ref={root}>
         <div

package/src/components/TextArea/TextArea.tsx

@@ -2,6 +2,7 @@ import { ChangeEvent, FocusEvent, FormEvent, forwardRef, useState } from 'react'
 import clsx from 'clsx';
 import {
   addDataAttributes,
+  getTestId,
   isNotEmpty,
   isReactNodeNotEmpty,
   isStringNotEmpty,
@@ -114,6 +115,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
         errorMessage={errorMessage}
         infoMessage={infoMessage}
         tweakStyles={tweakWithMessagesStyles}
+        testId={getTestId(testId, 'wrapper')}
       >
         <ControlWrapper
           label={label}
@@ -122,7 +124,6 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
           isDisabled={isDisabled}
           hasValue={hasValue}
           isFullWidth
-          testId={testId}
           {...controlProps}
         >
           <div
@@ -142,7 +143,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
               onFocus={handleFocus}
               onBlur={handleBlur}
               onChange={handleChange}
-              {...addDataAttributes(data, testId, 'control')}
+              {...addDataAttributes(data, testId)}
             />
           </div>
         </ControlWrapper>