Type: .hide payload to match .show. How?

[luiscrjunior]

Hello!

First of all, congratulations, really nice job!

But I have a question: how do I properly annotate the .hide return payload, to match the .show type?

For instance:

// types.ts

type MyType = {
   id: string;
   name: string;
}

// MyActionSheet.tsx

<Button
  onPress={() => {
    SheetManager.hide<MyType>(props.sheetId, {
      payload: data, // <---- not annotated
    });
  }}
  label="Submit"
/>

// Anywhere.tsx

<Button
  onPress={async () => {
    const result = await SheetManager.show<SheetProps, MyType>('MyActionSheet');
    if (result /* result is properly annotaded with MyType */) {
      console.log('result: ', result.name);
    }
  }}
/>,

Am I doing something wrong?

BTW, in the sheetmanager.d.td, we have:

    hide<ReturnPayload extends any>(id: string, options?: {
        /**
         * Return some data to the caller on closing the Sheet.
         */
        payload?: unknown;
        /**
         * Provide `context` of the `SheetProvider` to hide the action sheet.
         */
        context?: string;
    }): Promise<ReturnPayload>;

Can`t we change

payload?: unknown;

to

payload?: ReturnPayload;

?

So we could annotate .hide return payload.

Or is there another way?

Thanks in advance

[ammarahm-ed]

Yes, we can I think.

[luiscrjunior]

May I submit a PR?

266