feat: add inCents for field number

Author: yoannfleurydev

app/components/form/field-number/docs.stories.tsx

@@ -98,6 +98,7 @@ export const Currency = () => {
               style: 'currency',
               currency: 'EUR',
             }}
+            inCents
           />
           <FormFieldHelper>Help</FormFieldHelper>
         </FormField>

app/components/form/field-number/index.tsx

@@ -5,6 +5,7 @@ import {
   FieldPath,
   FieldValues,
 } from 'react-hook-form';
+import { isNullish } from 'remeda';
 
 import { cn } from '@/lib/tailwind/utils';
 
@@ -20,6 +21,7 @@ export type FieldNumberProps<
 > = FieldCommonProps<TFieldValues, TName> & {
   type: 'number';
   containerProps?: ComponentProps<'div'>;
+  inCents?: boolean;
 } & RemoveFromType<
     Omit<
       ComponentProps<typeof NumberInput>,
@@ -42,11 +44,23 @@ export const FieldNumber = <
     shouldUnregister,
     control,
     containerProps,
+    inCents,
     ...rest
   } = props;
 
   const ctx = useFormField();
 
+  const formatValue = (
+    value: number | undefined | null,
+    type: 'to-cents' | 'from-cents'
+  ) => {
+    if (isNullish(value)) return null;
+    if (inCents !== true) return value ?? null;
+    if (type === 'to-cents') return Math.round(value * 100);
+    if (type === 'from-cents') return value / 100;
+    return null;
+  };
+
   return (
     <Controller
       name={name}
@@ -55,7 +69,7 @@ export const FieldNumber = <
       defaultValue={defaultValue}
       shouldUnregister={shouldUnregister}
       render={({ field, fieldState }) => {
-        const { onChange, ...fieldProps } = field;
+        const { onChange, value, ...fieldProps } = field;
         return (
           <div
             {...containerProps}
@@ -74,8 +88,9 @@ export const FieldNumber = <
               }
               {...rest}
               {...fieldProps}
+              value={formatValue(value, 'from-cents')}
               onValueChange={(value) => {
-                onChange(value);
+                onChange(formatValue(value, 'to-cents'));
               }}
             />
             <FormFieldError />

app/components/ui/number-input.tsx

@@ -15,6 +15,7 @@ type NumberInputProps = ComponentProps<typeof NumberField.Root> &
   InputPropsRoot & {
     inputProps?: Omit<RemoveFromType<InputProps, InputPropsRoot>, 'endElement'>;
     buttons?: 'classic' | 'mobile';
+    inCents?: boolean;
   };
 
 export const NumberInput = ({