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

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";
@@ -10534,7 +10534,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState = _sliced_to_array$j(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var _useState1 = _sliced_to_array$j(useState(), 2), unitsWidth = _useState1[0], setUnitsWidth = _useState1[1];
   var inputRef = useRef(null);
-  var mergedRef = mergeRefs([
+  var mergedRef = useMergedRefs([
     ref,
     inputRef
   ]);
@@ -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,
@@ -31410,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",
@@ -31502,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))
         }))
       }),
@@ -31523,6 +31522,7 @@ var useStyles$3 = createThemedStyles("TextButton", {
     alignItems: "center",
     height: 24,
     padding: 0,
+    position: "relative",
     background: "transparent",
     border: "none",
     borderRadius: 0,