feat: Prevent dataset edit modal closing on click-away in edit mode

[reesercollins]

SUMMARY

When editing a dataset in superset, if you click away while editing, you lose all your progress. This change prevents the modal from closing when clicking outside its boundary when you're in edit mode.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

2022-06-06.09-41-52.mp4

TESTING INSTRUCTIONS

1. Open the edit dataset modal
2. Click outside the modal boundary. It should close
3. Re-open the edit dataset modal
4. Click the lock icon to enable editing mode
5. Click outside the modal boundary. It should not close.

ADDITIONAL INFORMATION

• Has associated issue: Prevent dataset edit modal closing on click-away in edit mode #20279
• Required feature flags: DISABLE_DATASET_SOURCE_EDIT: False
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #20278 (bd1c798) into master (77e326f) will increase coverage by 0.00%.
The diff coverage is 100.00%.

❗ Current head bd1c798 differs from pull request most recent head 5d0d5c6. Consider uploading reports for the commit 5d0d5c6 to get more accurate results

@@           Coverage Diff           @@
##           master   #20278   +/-   ##
=======================================
  Coverage   66.65%   66.65%           
=======================================
  Files        1729     1729           
  Lines       64904    64906    +2     
  Branches     6842     6842           
=======================================
+ Hits        43262    43264    +2     
  Misses      19893    19893           
  Partials     1749     1749           

Flag	Coverage Δ
javascript	51.58% <100.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
superset-frontend/src/components/Modal/Modal.tsx	88.05% <ø> (ø)
...end/src/components/Datasource/DatasourceEditor.jsx	65.33% <100.00%> (+0.13%)	⬆️
...tend/src/components/Datasource/DatasourceModal.tsx	69.76% <100.00%> (+0.71%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 77e326f...5d0d5c6. Read the comment docs.

[rusackas]

/testenv up

[github-actions]

@rusackas Ephemeral environment spinning up at http://35.90.79.227:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[rusackas]

Looks/works great! Thanks for this!

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.