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

package/dist/components/TextArea/TextArea.styles.d.ts

@@ -2,7 +2,6 @@ import { ITweakStyles } from '../../theme';
 import { IControlWrapperStyles } from '../ControlWrapper';
 import { IWithMessagesStyles } from '../WithMessages';
 export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "withLabel" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
-export declare const controlWrapperStyles: IControlWrapperStyles;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
     tweakWithMessages: IWithMessagesStyles;
     tweakControlWrapper: IControlWrapperStyles;

package/dist/true-react-common-ui-kit.js

@@ -1,6 +1,6 @@
 import React, { createContext, useMemo, useContext, useInsertionEffect, useRef, useEffect, useCallback, useState, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, memo } from "react";
 import { jss, JssContext as JssContext$1, createUseStyles } from "react-jss";
-import { isNotEmpty, isArrayNotEmpty, mergeStyles, joinStrings, isObject as isObject$1, isStringEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, addDataAttributes as addDataAttributes$1, stopPropagation, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isEmpty, isFunction as isFunction$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayLikeNotEmpty, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
+import { isNotEmpty, isArrayNotEmpty, mergeStyles, joinStrings, isObject as isObject$1, isStringEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, addDataAttributes as addDataAttributes$1, stopPropagation, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, isArrayLikeNotEmpty, getArray, createFilter, isEmpty, isFunction as isFunction$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
 import { merge as merge$2 } from "lodash-es";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
@@ -9931,7 +9931,7 @@ var useStyles$H = createThemedStyles("ControlWrapper", {
     position: "absolute",
     pointerEvents: "none",
     left: "var(--control-padding)",
-    top: "50%",
+    top: "calc(var(--control-height) / 2)",
     transformOrigin: "top left",
     transform: "translateY(-50%)",
     transition: animations.defaultTransition,
@@ -10544,7 +10544,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "url"
   ].includes(type) ? type : void 0;
   var hasFocus = isFocused || isActive;
-  var hasValue = isNotEmpty(value) && value !== "";
+  var hasValue = isArrayLikeNotEmpty(value);
   var hasUnits = isReactNodeNotEmpty(units);
   var hasPlaceholder = (!isReactNodeNotEmpty(label) || hasFocus || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
   var handleChange = function(event) {
@@ -10641,7 +10641,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     isDisabled,
     isFocused: hasFocus,
     isInvalid,
-    hasValue: hasValue || hasPlaceholder,
+    hasValue,
     isFullWidth: !isAutoSized,
     tweakStyles: tweakControlWrapperStyles,
     onClear: isClearable && hasValue ? handleInputClear : void 0,
@@ -11001,15 +11001,9 @@ function _object_without_properties_loose$f(source, excluded) {
   return target;
 }
 var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, placeholder = _param.placeholder, value = _param.value, testId = _param.testId, tweakStyles = _param.tweakStyles;
-  _param.data;
-  var props = _object_without_properties$f(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, props = _object_without_properties$f(_param, [
     "isClearable",
-    "placeholder",
-    "value",
-    "testId",
-    "tweakStyles",
-    "data"
+    "tweakStyles"
   ]);
   var tweakInputStyles = useTweakStyles({
     innerStyles: inputStyles$4,
@@ -11019,11 +11013,8 @@ var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   });
   return /* @__PURE__ */ jsx(Input, _object_spread$N({
     ref,
-    value,
-    placeholder,
     icon: "search",
     isClearable,
-    testId: getTestId(testId, "input"),
     tweakStyles: tweakInputStyles
   }, props));
 });
@@ -31275,11 +31266,6 @@ var useStyles$4 = createThemedStyles("TextArea", {
   },
   withLabel: {}
 });
-var controlWrapperStyles = {
-  label: {
-    top: 16
-  }
-};
 function _array_like_to_array(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -31424,9 +31410,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var DEFAULT_VALUE = "";
 var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_value = _param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = _param.label, placeholder = _param.placeholder, name = _param.name;
-  _param.shouldFocusOnMount;
-  var _param_hasCounter = _param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, shouldTrimAfterMaxLength = _param.shouldTrimAfterMaxLength, _param_isAutoSized = _param.isAutoSized, isAutoSized = _param_isAutoSized === void 0 ? true : _param_isAutoSized, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, isDisabled = _param.isDisabled, isActive = _param.isActive, maxLength = _param.maxLength, rows = _param.rows, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, isInvalid = _param.isInvalid, isRequired = _param.isRequired, size2 = _param.size, textAreaProps = _object_without_properties$3(_param, [
+  var _param_value = _param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = _param.label, placeholder = _param.placeholder, name = _param.name, shouldFocusOnMount = _param.shouldFocusOnMount, _param_hasCounter = _param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, shouldTrimAfterMaxLength = _param.shouldTrimAfterMaxLength, _param_isAutoSized = _param.isAutoSized, isAutoSized = _param_isAutoSized === void 0 ? true : _param_isAutoSized, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, isDisabled = _param.isDisabled, isActive = _param.isActive, maxLength = _param.maxLength, rows = _param.rows, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, isInvalid = _param.isInvalid, isRequired = _param.isRequired, size2 = _param.size, textAreaProps = _object_without_properties$3(_param, [
     "value",
     "label",
     "placeholder",
@@ -31462,7 +31446,6 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
     currentComponentName: "TextArea"
   });
   var tweakControlWrapperStyles = useTweakStyles({
-    innerStyles: controlWrapperStyles,
     tweakStyles,
     className: "tweakControlWrapper",
     currentComponentName: "TextArea"
@@ -31517,7 +31500,8 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
             onPaste,
             onFocus: handleFocus,
             onBlur: handleBlur,
-            onChange: handleChange
+            onChange: handleChange,
+            autoFocus: shouldFocusOnMount
           }, addDataAttributes$1(data, testId), textAreaProps))
         }))
       }),
@@ -31538,6 +31522,7 @@ var useStyles$3 = createThemedStyles("TextButton", {
     alignItems: "center",
     height: 24,
     padding: 0,
+    position: "relative",
     background: "transparent",
     border: "none",
     borderRadius: 0,