将 Flow/TypeScript JavaScript object 值类型转换为不可为空

Question

I have the following type

type MyObject = $ReadOnly<{
  foo: ?number,
  bar: ?number,
  baz: ?number,
}>;

and I want to convert all the values to non-nullable, eg;

type MyNonNullValuesObject = $ReadOnly<{
  foo: number,
  bar: number,
  baz: number,
}>;

What's a good way to do so in Flow without repeating all the keys? I'm looking to use the $NonMaybeType<T> utility to help me here.

Answer 1

In typescript this would be:

type MyObject = Readonly<{
  foo: number | null,
  bar: number | null,
  baz: number | null,
}>;

type NonNullableObject<T> = { [K in keyof T]: NonNullable<T[K]> };

type MyNonNullableObject = NonNullableObject<MyObject>;

Mapped type using NonNullable utility.

Playground

Answer 2

Flow provides an $ObjMap utility type which you can use to map over the values and turn them into non-nullables via $NonMaybeType .

type MyObject = $ReadOnly<{
  foo: ?number,
  bar: ?number,
  baz: ?number,
}>;

type NonMaybeValueType = <V>(V) => $NonMaybeType<V>;
type MyNonNullValuesObject = $ObjMap<MyObject, NonMaybeValueType>;