feat(ReactFocusLock): allow pendo elements to steal focus

[allison-c]

Purpose 🚀

Paprika modal components – , and (with ) – are not allowing focus to remain in the Pendo tagging overlay’s fields. This is creating a very annoying experience when trying to tag UI elements for usage tracking.

Notes ✏️

• [x] Verified there'll be only 1 #pendo-base element in the dom tree on each page
• [x] Allows all the focusable elements inside #pendo-base to steal the focus from react-focus-lock

Updates 📦

If you have changed a component's source code (not stories, specs, or docs), before merging your branch run yarn changeset. This will prompt you to:

• indicate if changes were patch/minor/major for each modified package
• enter a release message

Storybook 📕

http://storybooks.highbond-s3.com/paprika/UXD-2122-allow-pendo-elements-to-steal-focus

Screenshots 📸

optional but highly recommended

References 🔗

relevant Jira ticket / GitHub issues

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 7826a28cca4ee34f72238e5c426944e8824bf9a4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 9 packages

| Name | Type | | ------------------------ | ----- | | @paprika/modal | Patch | | @paprika/overlay | Patch | | @paprika/takeover | Patch | | @paprika/panel | Patch | | @paprika/data-grid | Patch | | @paprika/filter | Patch | | @paprika/side-navigation | Patch | | @paprika/data-field | Patch | | @paprika/data-header | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR