Function NumberField

packages/react/src/components/json-schema-form.tsx:585–618

(props: {
  readonly schema: JsonSchema;
  readonly fieldId: string;
  readonly value: unknown;
  readonly onChange: (next: unknown) => void;
  readonly integer: boolean;
  readonly disabled?: boolean;
})

// ---------------------------------------------------------------------------

function NumberField(props: {
  readonly schema: JsonSchema;
  readonly fieldId: string;
  readonly value: unknown;
  readonly onChange: (next: unknown) => void;
  readonly integer: boolean;
  readonly disabled?: boolean;
}): React.ReactElement {
  const { fieldId, value, onChange, integer, disabled } = props;
  const valueText = typeof value === "number" ? String(value) : "";
  const [draft, setDraft] = useState<string | null>(null);
  const display = draft ?? valueText;
  const invalid =
    draft !== null && draft.trim() !== "" && coerceNumber(draft, integer) === undefined;

  return (
    <Input
      id={fieldId}
      type="number"
      step={integer ? 1 : "any"}
      className="text-xs"
      value={display}
      disabled={disabled}
      aria-invalid={invalid}
      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
        const raw = e.target.value;
        setDraft(raw);
        const n = coerceNumber(raw, integer);
        if (n !== undefined) onChange(n);
      }}
      onBlur={() => setDraft(null)}
    />
  );
}

// ---------------------------------------------------------------------------
// ArrayField — single-`items` arrays; index-keyed add/remove