fix(striker-ui): allow specify valueKey in InputWithRef

striker-ui/components/InputWithRef.tsx

@@ -20,6 +20,7 @@ type InputWithRefOptionalPropsWithDefault<
 > = {
   createInputOnChangeHandlerOptions?: CreateInputOnChangeHandlerOptions<TypeName>;
   required?: boolean;
+  valueKey?: string;
   valueType?: TypeName;
 };
 type InputWithRefOptionalPropsWithoutDefault = {
@@ -57,6 +58,7 @@ const INPUT_WITH_REF_DEFAULT_PROPS: Required<
   InputWithRefOptionalPropsWithoutDefault = {
   createInputOnChangeHandlerOptions: {},
   required: false,
+  valueKey: 'value',
   valueType: 'string',
 };
 
@@ -71,6 +73,7 @@ const InputWithRef = forwardRef(
       inputTestBatch,
       onFirstRender,
       required: isRequired = INPUT_WITH_REF_DEFAULT_PROPS.required,
+      valueKey = INPUT_WITH_REF_DEFAULT_PROPS.valueKey,
       valueType = INPUT_WITH_REF_DEFAULT_PROPS.valueType as TypeName,
     }: InputWithRefProps<TypeName, InputComponent>,
     ref: ForwardedRef<InputForwardedRefContent<TypeName>>,
@@ -123,17 +126,9 @@ const InputWithRef = forwardRef(
           })),
       [initOnBlur, testInput],
     );
-    const onFocus = useMemo<InputBaseProps['onFocus']>(
+    const onChange = useMemo(
       () =>
-        initOnFocus ??
+        createInputOnChangeHandler<TypeName>({
-        (inputTestBatch &&
-          (() => {
-            inputTestBatch.defaults?.onSuccess?.call(null, { append: {} });
-          })),
-      [initOnFocus, inputTestBatch],
-    );
-
-    const onChange = createInputOnChangeHandler<TypeName>({
           postSet: (...args) => {
             setIsChangedByUser(true);
             initOnChange?.call(null, ...args);
@@ -142,7 +137,24 @@ const InputWithRef = forwardRef(
           set: setValue,
           setType: valueType,
           ...restCreateInputOnChangeHandlerOptions,
-    });
+        }),
+      [
+        initOnChange,
+        postSetAppend,
+        restCreateInputOnChangeHandlerOptions,
+        setValue,
+        valueType,
+      ],
+    );
+    const onFocus = useMemo<InputBaseProps['onFocus']>(
+      () =>
+        initOnFocus ??
+        (inputTestBatch &&
+          (() => {
+            inputTestBatch.defaults?.onSuccess?.call(null, { append: {} });
+          })),
+      [initOnFocus, inputTestBatch],
+    );
 
     useEffect(() => {
       if (isFirstRender) {
@@ -167,7 +179,7 @@ const InputWithRef = forwardRef(
       onChange,
       onFocus,
       required: isRequired,
-      value: inputValue,
+      [valueKey]: inputValue,
     });
   },
 );