feat(TU-9582): Export correct prop types for react components

[leandro-serafim]

Exported correct types for reacting components props.

I used this wrapper as example to test it.

import React from 'react'
import { Popover, PopoverProps, PopupButton, PopupButtonProps, Sidetab, SidetabProps, SliderButton, SliderButtonProps, Widget, WidgetProps } from '@typeform/embed-react'

type EmbedReactProps =
  | { type: 'popover' } & PopoverProps
  | { type: 'popup' } & PopupButtonProps
  | { type: 'sidetab' } & SidetabProps
  | { type: 'slider' } & SliderButtonProps
  | { type: 'widget' } & WidgetProps

const EmbedReact = ({ type, ...rest }: EmbedReactProps) => {
  switch (type) {
    case 'popover':
      return <Popover {...rest} />
    case 'popup':
      return <PopupButton {...rest} />
    case 'sidetab':
      return <Sidetab {...rest} />
    case 'slider':
      return <SliderButton {...rest} />
    case 'widget':
      return <Widget {...rest} />
    default:
      return null
  }
}

export default function renderAll() {
  return <>
    <EmbedReact type="popover" id="my-popover" />
    <EmbedReact type="popup" id="my-popup-button">test</EmbedReact>
    <EmbedReact type="sidetab" id="my-sidetab" />
    <EmbedReact type="slider" id="my-slider-button" />
    <EmbedReact type="widget" id="my-popup-button" />
  </>
}

Fixes: #643

[mathio]

Unit tests fail as they do not allow aria-label prop. Maybe it should be ariaLabel?

FAIL src/components/make-button-component.spec.tsx
  ● Test suite failed to run

    src/components/make-button-component.spec.tsx:[20](https://github.com/Typeform/embed/actions/runs/8689377407/job/23826940192?pr=646#step:8:21):55 - error TS2322: Type '{ 'aria-label': string; 'data-custom': string; }' is not assignable to type 'Partial<Omit<HTMLButtonElement, "style"> & AdditionalAttributes>'.
      Object literal may only specify known properties, and ''aria-label'' does not exist in type 'Partial<Omit<HTMLButtonElement, "style"> & AdditionalAttributes>'.

    20         <Button id="form-id" foo="bar" buttonProps={{ 'aria-label': 'aria-value-btn', 'data-custom': 'value-custom' }}>
                                                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

      src/components/make-button-component.tsx:9:3
        9   buttonProps?: ButtonProps
            ~~~~~~~~~~~
        The expected type comes from property 'buttonProps' which is declared here on type 'IntrinsicAttributes & Props & ButtonComponentBaseProps & RefAttributes<unknown>'

[typeform-ops-gha]

[BOT] Preview available with hash 85ebfdfd8718a543ed51c94b14a33fe8e7d0914e here.

[typeform-ops-gha]

🎉 This PR is included in version @typeform/embed-v4.10.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[typeform-ops-gha]

🎉 This PR is included in version @typeform/embed-react-v3.17.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀