fis-component 0.1.4 → 0.1.5

package/dist/cjs/index.js

@@ -65351,7 +65351,7 @@ function mergeRefs(...refs) {
 }
 
 const FISInputText = React.forwardRef((props, ref) => {
-    const { className, typeSuffix, textLabel = "", iconLabel, required, iconPrefix, sizeInput, showCount, message, negative, positive, maxLength = 500, disabled, onChange, onEnter, onKeyDown, onClickIconLabel, onClickSuffix, ...rest } = props;
+    const { className, typeSuffix, textLabel = "", iconLabel, required, iconPrefix, sizeInput, showCount, message, negative, positive, maxLength = 500, disabled, onChange, onEnter, onKeyDown, onClickIconLabel, onClickSuffix, isTrimValue = true, ...rest } = props;
     // Internal ref to access DOM element for character count
     const internalRef = React.useRef(null);
     const [internalValue, setInternalValue] = React.useState("");
@@ -65386,7 +65386,22 @@ const FISInputText = React.forwardRef((props, ref) => {
             }
         }
     }, [onEnter]);
-    return (jsxRuntime.jsxs(DivContainerSC$6, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsx(FISInputField, { ...rest, ref: mergeRefs(ref, internalRef), typeSuffix: typeSuffix, sizeInput: sizeInput, iconPrefix: iconPrefix, onKeyPress: handleKeyPress, onChange: handleChange, disabled: disabled, negative: negative, maxLength: maxLength, onClickSuffix: onClickSuffix }), (message || showCount) && (jsxRuntime.jsxs(DivHintWrapperSC$1, { children: [jsxRuntime.jsx(SpanHintSC$3, { className: classNames({
+    const handleBlur = React.useCallback((event) => {
+        if (!isTrimValue) {
+            rest.onBlur?.(event);
+            return;
+        }
+        const trimmedValue = event.target.value.trim();
+        event.target.value = trimmedValue;
+        if (rest.value === undefined) {
+            setInternalValue(trimmedValue);
+        }
+        else {
+            forceUpdate();
+        }
+        rest.onBlur?.(event);
+    }, [isTrimValue, rest.value, rest.onBlur]);
+    return (jsxRuntime.jsxs(DivContainerSC$6, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsx(FISInputField, { ...rest, ref: mergeRefs(ref, internalRef), typeSuffix: typeSuffix, sizeInput: sizeInput, iconPrefix: iconPrefix, onKeyPress: handleKeyPress, onChange: handleChange, onBlur: handleBlur, disabled: disabled, negative: negative, maxLength: maxLength, onClickSuffix: onClickSuffix }), (message || showCount) && (jsxRuntime.jsxs(DivHintWrapperSC$1, { children: [jsxRuntime.jsx(SpanHintSC$3, { className: classNames({
                             disabled: disabled,
                             negative: negative,
                             positive: positive,