ConfirmDialog/ConfirmPopup: Add defaultFocus option like PrimeVue

[KOliver94]

Describe the feature you would like to see added

The basic confirmDialog is a perfect solution for getting the user's confirmation before execution. However, in some cases I would like to not have the accept button highlighted for example on a delete confirmation. For a delete I would like to have the reject selected as default to avoid accidential consequences of keyboard button pressing.

Is your feature request related to a problem?

Right now I can swap the accept and reject buttons but it's logically not right and the places also swap. Another way is to create my own footer but this way the component lose its ease of use and I mostly need to copy the original implementation and set the autoFocus on the other button.

Describe the solution you'd like

It would be great if we could have a focusReject boolean prop for Confirm Dialog which is false by default. If the user sets it to true the reject button would be auto focused instead of the accept one.

I would change this part:

primereact/components/lib/confirmdialog/ConfirmDialog.js

Lines 115 to 116 in 5edbb9f

	<Button label={rejectLabel} icon={getPropValue('rejectIcon')} className={rejectClassName} onClick={reject} />
	<Button label={acceptLabel} icon={getPropValue('acceptIcon')} className={acceptClassName} onClick={accept} autoFocus />

to something like that:

<Button label={rejectLabel} icon={getPropValue('rejectIcon')} className={rejectClassName} onClick={reject} autoFocus={focusReject} />
<Button label={acceptLabel} icon={getPropValue('acceptIcon')} className={acceptClassName} onClick={accept} autoFocus={!focusReject} />

Describe alternatives you have considered

No response

Additional context

The same could be done for confirmPopup.

[melloware]

in PrimeVue the property is called defaultFocus