@true-engineering/true-react-common-ui-kit 4.0.0-alpha14 → 4.0.0-alpha15

package/package.json

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

package/src/components/ControlWrapper/types.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface IControlWrapperSizes {}
 
 export type IControlWrapperSize = keyof IControlWrapperSizes;

package/src/components/Input/InputBase.tsx

@@ -15,6 +15,7 @@ import InputMask, { Props as ReactInputMaskBaseProps } from 'react-input-mask';
 import clsx from 'clsx';
 import {
   addDataTestId,
+  isArrayLikeNotEmpty,
   isNotEmpty,
   isReactNodeNotEmpty,
   isStringNotEmpty,
@@ -127,7 +128,7 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
       (['email', 'tel', 'url'].includes(type) ? (type as 'email' | 'tel' | 'url') : undefined);
 
     const hasFocus = isFocused || isActive;
-    const hasValue = isNotEmpty(value) && value !== '';
+    const hasValue = isArrayLikeNotEmpty(value);
     const hasUnits = isReactNodeNotEmpty(units);
     const hasPlaceholder =
       (!isReactNodeNotEmpty(label) || hasFocus || shouldAlwaysShowPlaceholder) &&
@@ -231,7 +232,7 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
         isDisabled={isDisabled}
         isFocused={hasFocus}
         isInvalid={isInvalid}
-        hasValue={hasValue || hasPlaceholder}
+        hasValue={hasValue}
         isFullWidth={!isAutoSized}
         tweakStyles={tweakControlWrapperStyles}
         onClear={isClearable && hasValue ? handleInputClear : undefined}

package/src/components/TextArea/TextArea.tsx

@@ -158,6 +158,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
               onFocus={handleFocus}
               onBlur={handleBlur}
               onChange={handleChange}
+              autoFocus={shouldFocusOnMount}
               {...addDataAttributes(data, testId)}
               {...textAreaProps}
             />

package/src/components/TextButton/TextButton.styles.ts

@@ -7,6 +7,7 @@ export const useStyles = createThemedStyles('TextButton', {
     alignItems: 'center',
     height: 24,
     padding: 0,
+    position: 'relative',
     background: 'transparent',
     border: 'none',
     borderRadius: 0,