[EuiConfirmModal] Added ownFocus and isLoading props.

[ashikmeerankutty]

Summary

Fixes #4411

Added ownFocus and isLoading props to EuiConfirmModal

Checklist

• Check against all themes for compatibility in both light and dark modes
• Checked in mobile
• Checked in Chrome, Safari, Edge, and Firefox
• Props have proper autodocs
• Added documentation
  - [ ] Checked Code Sandbox works for the any docs examples
• Added or updated jest tests
• Checked for breaking changes and labeled appropriately
• Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately

[kibanamachine]

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

[thompsongl]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_4421/

[thompsongl]

Thanks, @ashikmeerankutty!

@cchaos, a couple things you mention in the issue:

I've also been wanting to add the overlay mask as a direct usage mainly as a way to make sure it is rendered since all modals really should have it

Consider making ownFocus on by default?

I'll cross that one off the list, but also leave it there to remind ourselves to add a sentence about it in the guidelines.

Something you want to tack on to this PR?

[cchaos]

Consider making ownFocus on by default?

We talked about this as a team and overall we think that it was mostly a mistake not to have included the overlay mask directly within EuiModal by default and always. EuiModal is not similar to EuiFlyout where a user could still interact with the page content below. Therefore, we will always want to obscure the content beneath the modal with the mask and we already restrict focus to within the modal too.

It does mean that most modal usages will now double display an overlay mask, so we'll want to ensure communication and/or make this change in downstream apps.

Therefore, @ashikmeerankutty , Can you remove optional ownFocus prop and always render the mask? Then we'll want to remove all manual instances of <EuiOverlayMask> within the examples.

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_4421/

[ashikmeerankutty]

@cchaos Sorry for the delay updated the PR. Please do review.

[cchaos]

Jenkins, test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_4421/

[cchaos]

LGTM. Just a few language polish comments. Also, you'll need to update with master so that you get the latest Changelog and can move your item to the right spot.

[ashikmeerankutty]

@cchaos Thanks for the review. Updated the PR with the changes.

[thompsongl]

LGTM
Thanks, @ashikmeerankutty!

[thompsongl]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_4421/