Archive Title Block: Refactor settings panel to use ToolsPanel

[karthick-murugan]

What?

Part of: #67813

Why?

Archive Title Block code to include ToolsPanel instead of PanelBody.

How?

Refactored Archive Title Block code to include ToolsPanel instead of PanelBody.

Testing Instructions

• Login to Dashboard
• Edit any post/ page
• Add Archive Title block.
• Check settings panel of the Archive title block and verify the change.

Screenshots or screencast

Before

After

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: karthick-murugan <karthickmurugan@git.wordpress.org>
Co-authored-by: fabiankaegy <fabiankaegy@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[fabiankaegy]

In this initial refactor we should ensure that any controls that were visible before are alway visible after. So we should add the isShownByDefault prop to the TabsPanelItem

CleanShot.2024-12-13.at.15.34.10.mp4

[karthick-murugan]

In this initial refactor we should ensure that any controls that were visible before are alway visible after. So we should add the isShownByDefault prop to the TabsPanelItem

CleanShot.2024-12-13.at.15.34.10.mp4

The changes has been updated @fabiankaegy

[t-hamano]

I think the following are expected specifications for the ToolsPanel:

• Reset action should update the setting value to the default value.
• hasValue prop should be true when it is not the default value.

Based on this, I have added a few more suggestions.

Additionally, it would be a good idea to add the dropdownMenuProps to ensure that the drop-down menu is positioned on the left (Example).

[karthick-murugan]

I think the following are expected specifications for the ToolsPanel:

• Reset action should update the setting value to the default value.
• hasValue prop should be true when it is not the default value.

Based on this, I have added a few more suggestions.

Additionally, it would be a good idea to add the dropdownMenuProps to ensure that the drop-down menu is positioned on the left (Example).

Thanks for the detailed feedback @t-hamano. Updated all the changes.

[t-hamano]

I made a small suggestion at the end, but it works fine 👍

Because this feedback has been addressed: #67915 (review)