Rename commitInputValue to commit (#1538)

Author: devongovett

packages/@react-aria/color/src/useHexColorField.ts

@@ -41,7 +41,7 @@ export function useHexColorField(
     colorValue,
     inputValue,
     setInputValue,
-    commitInputValue,
+    commit,
     increment,
     decrement,
     incrementToMax,
@@ -94,7 +94,7 @@ export function useHexColorField(
       'aria-valuenow': null,
       'aria-valuetext': null,
       autoCorrect: 'off',
-      onBlur: commitInputValue,
+      onBlur: commit,
       onWheel
     })
   };

packages/@react-aria/numberfield/src/useNumberField.ts

@@ -77,7 +77,7 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     decrement,
     decrementToMin,
     numberValue,
-    commitInputValue
+    commit
   } = state;
 
   const formatMessage = useMessageFormatter(intlMessages);
@@ -87,7 +87,7 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
   let {focusProps} = useFocus({
     onBlur: () => {
       // Set input value to normalized valid value
-      commitInputValue();
+      commit();
     }
   });
 

packages/@react-spectrum/color/test/HexColorField.test.js

@@ -102,7 +102,7 @@ describe('HexColorField', function () {
     let hexColorField = getByLabelText('Primary Color');
     expect(hexColorField.value).toBe('');
 
-    // call commitInputValue to re-verify that a colorValue is not set in state
+    // call commit to re-verify that a colorValue is not set in state
     act(() => {hexColorField.focus();});
     act(() => {hexColorField.blur();});
     expect(hexColorField.value).toBe('');

packages/@react-stately/color/src/useHexColorFieldState.ts

@@ -85,15 +85,15 @@ export function useHexColorFieldState(
     }
   };
 
-  let commitInputValue = () => {
+  let commit = () => {
     setInputValue(colorValue ? colorValue.toString('hex') : '');
   };
 
   return {
     colorValue,
     inputValue,
     setInputValue: setFieldInputValue,
-    commitInputValue,
+    commit,
     increment,
     incrementToMax,
     decrement,

packages/@react-stately/color/test/useHexColorFieldState.test.js

@@ -97,7 +97,7 @@ describe('useHexColorFieldState tests', function () {
     act(() => result.current.setInputValue('ab'));
     expect(result.current.inputValue).toBe('ab');
 
-    act(() => result.current.commitInputValue());
+    act(() => result.current.commit());
     expect(result.current.inputValue).toBe('#AABBCC');
     expect(onChangeSpy).not.toHaveBeenCalled();
   });

packages/@react-stately/numberfield/src/useNumberFieldState.ts

@@ -23,7 +23,7 @@ export interface NumberFieldState {
   decrementToMin: () => void,
   canIncrement: boolean,
   canDecrement: boolean,
-  commitInputValue: () => void,
+  commit: () => void,
   minValue: number,
   maxValue: number,
   numberValue: number,
@@ -76,7 +76,7 @@ export function useNumberFieldState(
   let parsed = useRef(0);
   parsed.current = parsedValue;
 
-  let commitInputValue = () => {
+  let commit = () => {
     // Set to empty state if input value is empty
     if (!inputValue.length) {
       setNumberValue(NaN);
@@ -207,7 +207,7 @@ export function useNumberFieldState(
     numberValue: parsedValue,
     setInputValue,
     inputValue,
-    commitInputValue
+    commit
   };
 }