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

package/dist/true-react-common-ui-kit.umd.cjs

@@ -9918,7 +9918,7 @@
       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,
@@ -10531,7 +10531,7 @@
       "url"
     ].includes(type) ? type : void 0;
     var hasFocus = isFocused || isActive;
-    var hasValue = trueReactPlatformHelpers.isNotEmpty(value) && value !== "";
+    var hasValue = trueReactPlatformHelpers.isArrayLikeNotEmpty(value);
     var hasUnits = trueReactPlatformHelpers.isReactNodeNotEmpty(units);
     var hasPlaceholder = (!trueReactPlatformHelpers.isReactNodeNotEmpty(label) || hasFocus || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var handleChange = function(event) {
@@ -10628,7 +10628,7 @@
       isDisabled,
       isFocused: hasFocus,
       isInvalid,
-      hasValue: hasValue || hasPlaceholder,
+      hasValue,
       isFullWidth: !isAutoSized,
       tweakStyles: tweakControlWrapperStyles,
       onClear: isClearable && hasValue ? handleInputClear : void 0,
@@ -10988,15 +10988,9 @@
     return target;
   }
   var SearchInput = /* @__PURE__ */ React.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,
@@ -11006,11 +11000,8 @@
     });
     return /* @__PURE__ */ jsx(Input, _object_spread$N({
       ref,
-      value,
-      placeholder,
       icon: "search",
       isClearable,
-      testId: trueReactPlatformHelpers.getTestId(testId, "input"),
       tweakStyles: tweakInputStyles
     }, props));
   });
@@ -31262,11 +31253,6 @@
     },
     withLabel: {}
   });
-  var controlWrapperStyles = {
-    label: {
-      top: 16
-    }
-  };
   function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
@@ -31411,9 +31397,7 @@
   }
   var DEFAULT_VALUE = "";
   var TextArea = /* @__PURE__ */ React.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, size = _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, size = _param.size, textAreaProps = _object_without_properties$3(_param, [
       "value",
       "label",
       "placeholder",
@@ -31449,7 +31433,6 @@
       currentComponentName: "TextArea"
     });
     var tweakControlWrapperStyles = useTweakStyles({
-      innerStyles: controlWrapperStyles,
       tweakStyles,
       className: "tweakControlWrapper",
       currentComponentName: "TextArea"
@@ -31504,7 +31487,8 @@
               onPaste,
               onFocus: handleFocus,
               onBlur: handleBlur,
-              onChange: handleChange
+              onChange: handleChange,
+              autoFocus: shouldFocusOnMount
             }, trueReactPlatformHelpers.addDataAttributes(data, testId), textAreaProps))
           }))
         }),
@@ -31525,6 +31509,7 @@
       alignItems: "center",
       height: 24,
       padding: 0,
+      position: "relative",
       background: "transparent",
       border: "none",
       borderRadius: 0,