@telus-uds/components-base 1.19.0 → 1.21.0

package/src/utils/input.js

@@ -66,7 +66,7 @@ export const useInputValue = (props = {}, hookName = 'useInputValue') => {
   const [isControlled] = useState(isCurrentlyControlled)
   validateProps(props, { isControlled, isCurrentlyControlled }, hookName)
 
-  const { value, initialValue, onChange, readOnly = false } = props
+  const { value, initialValue, inputRef, onChange, readOnly = false } = props
   const [ownValue, setOwnValue] = useState(!isControlled && initialValue)
   const currentValue = isControlled ? value : ownValue
 
@@ -76,19 +76,24 @@ export const useInputValue = (props = {}, hookName = 'useInputValue') => {
   // Make current value accessible inside useCallback without rememoizing every time the value changes
   valueRef.current.value = currentValue
 
+  const isDirty = currentValue !== valueRef.current.initial
+
   const setValue = useCallback(
     (arg, event) => {
       if (readOnly) return
       const newValue = typeof arg === 'function' ? arg(valueRef.current.value) : arg
-      if (!isControlled) setOwnValue(newValue)
+      if (!isControlled) {
+        setOwnValue(newValue)
+        if (inputRef?.current) inputRef.current.value = newValue ?? ''
+      }
       // Call onChange handler if there's something for it to handle (event or a changed value)
       if (onChange && (event || valueRef.current.value !== newValue)) onChange(newValue, event)
     },
-    [isControlled, onChange, readOnly]
+    [inputRef, isControlled, onChange, readOnly]
   )
   const resetValue = useCallback((event) => setValue(valueRef.current.initial, event), [setValue])
 
-  return { currentValue, setValue, resetValue, isControlled }
+  return { currentValue, setValue, resetValue, isControlled, isDirty }
 }
 
 /**

package/src/utils/props/handlerProps.js

@@ -26,6 +26,10 @@ const textInputHandlerProps = {
      * onChangeText handler
      */
     onChangeText: PropTypes.func,
+    /**
+     * onClear handler
+     */
+    onClear: PropTypes.func,
     /**
      * onSubmit handler
      */