fis-component 0.1.4 → 0.1.5

package/dist/cjs/types/src/components/Input/InputText/index.d.ts

@@ -12,6 +12,8 @@ export interface InputTextProps extends InputFieldProps, Partial<InputLabelProps
     onEnter?: (value: string | null) => void;
     /** Handle onKeyDown action */
     onKeyDown?: (event: unknown) => void;
+    /** Trim whitespace from value on blur */
+    isTrimValue?: boolean;
 }
 declare const FISInputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
 export default FISInputText;

package/dist/esm/index.js

@@ -65331,7 +65331,7 @@ function mergeRefs(...refs) {
 }
 
 const FISInputText = 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__default.useRef(null);
     const [internalValue, setInternalValue] = React__default.useState("");
@@ -65366,7 +65366,22 @@ const FISInputText = forwardRef((props, ref) => {
             }
         }
     }, [onEnter]);
-    return (jsxs(DivContainerSC$6, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), 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) && (jsxs(DivHintWrapperSC$1, { children: [jsx(SpanHintSC$3, { className: classNames({
+    const handleBlur = React__default.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 (jsxs(DivContainerSC$6, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), 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) && (jsxs(DivHintWrapperSC$1, { children: [jsx(SpanHintSC$3, { className: classNames({
                             disabled: disabled,
                             negative: negative,
                             positive: positive,