Dataform: Add new `telephone` field type and field control #71498

ntsekouras · 2025-09-04T07:16:00Z

What?

This PR add a new telephone field type and field control (input with tel type) to provide more controls for consumers to be used out of the box.

Since email and tel are using the text control already and are pretty identical in props and functionality, I reused the Text control by just passing the type prop.

Testing Instructions

Everything should work as before
In storybook npm run storybook:dev
You should also test the email type/field.

Screenshots or screencast

Before	After

github-actions · 2025-09-04T07:16:12Z

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: ntsekouras <ntsekouras@git.wordpress.org>
Co-authored-by: oandregal <oandregal@git.wordpress.org>

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

packages/dataviews/src/dataform-controls/text.tsx

packages/dataviews/src/field-types/telephone.tsx

github-actions · 2025-09-04T08:41:28Z

Flaky tests detected in 9092973.
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/17461444603
📝 Reported issues:

[Flaky Test] should refresh the page when stylesheet loading fails #71135 in /test/e2e/specs/interactivity/router-styles.spec.ts

packages/dataviews/src/dataform-controls/input.tsx

packages/dataviews/src/types.ts

packages/dataviews/src/field-types/stories/index.story.tsx

oandregal · 2025-09-04T10:15:04Z

@ntsekouras could you also update the DataForm:Validation story to include the new component?

ntsekouras · 2025-09-04T10:48:53Z

@ntsekouras could you also update the DataForm:Validation story to include the new component?

done

Dataform: Add new telephone field type and field control

427b9ac

ntsekouras requested a review from youknowriad September 4, 2025 07:16

ntsekouras self-assigned this Sep 4, 2025

ntsekouras requested a review from oandregal as a code owner September 4, 2025 07:16

ntsekouras added [Type] Enhancement A suggestion for improvement. [Feature] DataViews Work surrounding upgrading and evolving views in the site editor and beyond labels Sep 4, 2025

add changelog

90d250e