refactor: migrate DeleteComponentButton to TypeScript

[Scrip7]

SUMMARY

Migrated DeleteComponentButton to TypeScript to apply direction outlined in #18100 .

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

No changes

TESTING INSTRUCTIONS

The storybook can be used to verify those changes.

ADDITIONAL INFORMATION

• Has associated issue: Migrate components to TypeScript #18100
• Required feature flags: no
• Changes UI: no
• 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: no
• Removes existing feature or API: no

@ad-m , @zhaoyongjie , @kristw

[codecov]

Codecov Report

Merging #18136 (7d4fbcc) into master (0cec0c9) will increase coverage by 0.34%.
The diff coverage is n/a.

❗ Current head 7d4fbcc differs from pull request most recent head aa5091d. Consider uploading reports for the commit aa5091d to get more accurate results

@@            Coverage Diff             @@
##           master   #18136      +/-   ##
==========================================
+ Coverage   65.95%   66.29%   +0.34%     
==========================================
  Files        1584     1595      +11     
  Lines       62046    62590     +544     
  Branches     6273     6302      +29     
==========================================
+ Hits        40920    41494     +574     
+ Misses      19505    19451      -54     
- Partials     1621     1645      +24     

Flag	Coverage Δ
javascript	51.33% <ø> (+0.44%)	⬆️

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

Impacted Files	Coverage Δ
superset/db_engine_specs/teradata.py	62.75% <0.00%> (-27.25%)	⬇️
...rontend/src/explore/components/EmbedCodeButton.jsx	66.66% <0.00%> (-12.29%)	⬇️
superset/key_value/api.py	81.52% <0.00%> (-9.97%)	⬇️
...dashboard/components/menu/ShareMenuItems/index.tsx	65.38% <0.00%> (-8.53%)	⬇️
...nd/src/explore/components/ExploreActionButtons.tsx	57.14% <0.00%> (-5.72%)	⬇️
...rc/explore/components/controls/TextAreaControl.jsx	80.00% <0.00%> (-4.22%)	⬇️
.../src/dashboard/components/gridComponents/Chart.jsx	58.88% <0.00%> (-4.21%)	⬇️
superset/views/dashboard/views.py	65.16% <0.00%> (-4.07%)	⬇️
superset/security/api.py	96.49% <0.00%> (-3.51%)	⬇️
...uperset-frontend/src/explore/exploreUtils/index.js	63.90% <0.00%> (-3.00%)	⬇️
... and 137 more

---

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 0cec0c9...aa5091d. Read the comment docs.

[Scrip7]

@ad-m I've made mentioned changes.

[geido]

It looks good. Would you be interested in moving it to a functional component as well?

[Scrip7]

@geido I've moved it to functional component

[geido]

Thanks @Scrip7! Now running CI

[Scrip7]

@geido CI is done!

[geido]

/testenv up

[github-actions]

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

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.