Field Types: update storybook

[oandregal]

What?

Update the existing Field Types story so that each field type (text, integer, email, array, etc.) displays:

• the default state: {id: '…', type: '…' }.
• how it renders when it has a list of elements: { id: '', type: '...', elements: [ ... ] }.
• how it renders when using a specific Edit control: { id: '…', type: '…', Edit: 'checkbox' }.

This affects both DataForm (the control displayed in regular layout) and DataViews (the control used for filtering).

Why?

So that we have documentation for people onboarding into DataForm/DataViews development (either contributing or consuming the libraries).

How

• Review every field type and update data/config so it has an example with and without elements.
• Introduce the Edit control for the whole story, so that users can switch to using a different Edit control and see the effects it causes.

Testing Instructions

Run the storybook locally (npm install && npm run storybook:dev) and visit "DatViews > Field Types" story.

[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: oandregal <[email protected]>

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

[github-actions]

Flaky tests detected in def1ad5.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/17375135068
📝 Reported issues:

• [Flaky Test] ensures List View global shortcut works properly #51533 in /test/e2e/specs/editor/various/list-view.spec.js
• [Flaky Test] should refresh the page when stylesheet loading fails #71135 in /test/e2e/specs/interactivity/router-styles.spec.ts

[talldan]

It would have been nice to ensure this was handled in git as a move instead of a separate add/delete, as it severs the git history and makes rebasing PRs much harder.

[oandregal]

Oh, I didn't think about that in this PR (didn't expect anyone working with this story), sorry.

[talldan]

Hmm, maybe it was related to the way the PR was squashed into trunk rather than something you did. I see in the first commit it was handled as a move - 847bf62

Ignore me 😄